国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue+element 模態(tài)框是表格形式的可編輯表單

nifhlheimr / 2624人閱讀

摘要：要實(shí)現(xiàn)的效果如下初始化的時(shí)候不可編輯點(diǎn)擊編輯按鈕編輯按鈕隱藏取消編輯按鈕顯示部分輸入框變?yōu)榭删庉嫚I銷單詳情工單號(hào)客戶姓名聯(lián)系電話客戶地址營銷人員工號(hào)

要實(shí)現(xiàn)的效果如下,初始化的時(shí)候,不可編輯,點(diǎn)擊編輯按鈕,編輯按鈕隱藏,取消編輯按鈕顯示;部分input輸入框變?yōu)榭删庉?br>


        
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
                    
                
            
            
                
                    
                
            
            
                
                    
                
            
            
                
查看圖片

            
            
                
            
            
                
            
        

        

            編 輯
            取消編輯
            保 存

data中的數(shù)據(jù)

  editForm: {},                //  新增表單
  isEdit: false,      //  是否編輯
  dialogEditVisible: false,    //  新增模態(tài)框
  images: [], //  圖片信息
  ywlxList: [],       //  業(yè)務(wù)類型列表
  kdzsList: ["50", "100", "200", "300"],        //  報(bào)裝寬帶兆數(shù)列表
  sjtcList: ["38", "58", "88", "98", "128", "138", "188"],        //  手機(jī)基礎(chǔ)套餐列表
 viewDetail(row){
        console.log(row)
        this.editForm = this.deepClone(row)
        this.dialogEditVisible = true
        this.$post("/anapi/YxdController/getById", {id: row.id}, (data) => {
            this.editForm = data.yxd
            this.editForm.qywg = row.name1 + row.name2 + row.name3 + row.gridName
            this.editForm.address = row.name1 + row.name2 + row.name3 + row.gridName + row.xxdz
            this.editForm.yxry = row.yxCname + "-" + row.yxId
            this.currentItem = this.deepClone(this.editForm)

            let imgs = data.yxd.imgs || []
            this.images = []
            imgs.map(item => {
                this.images.push(this.config.httpHeadUrl + item)
            })
        })
    },
    //  保存編輯
    saveEdit(){
        this.$refs.editForm.validate((valid) => {
            if (valid) {
                this.startLoading()
                this.$post("/api/YxdController/editYxd", this.editForm, (data) => {
                    this.$message.success("修改成功！")
                    this.dialogEditVisible = false
                    this.getTableData(1)
                })
            }
        })
    },
    //  取消編輯
    cancelEdit(){
        this.isEdit = false
        this.editForm = this.deepClone(this.currentItem)
    },

    //  查看圖片
    inited (viewer) {
        this.$viewer = viewer
    },
    show () {
        if(!this.images.length){
            this.$message.error("暫無圖片")
            return
        }
        this.$viewer.show()
    },

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/104477.html

相關(guān)文章

  • vue的生命周期解析并通過表單理解MVVM（不僅理論，圖文并茂）

    摘要：在前端頁面中，把用純對(duì)象表示，負(fù)責(zé)顯示，兩者做到了最大限度的分離。的顯示與否和的布爾值有關(guān)，還是只關(guān)注數(shù)據(jù)的變化。兩個(gè)組件的布爾值通過兩個(gè)臨近的按鈕控制，初始值和的結(jié)果都是。組件的聲明在組件上，則完全沒有進(jìn)入生命周期。 開始前說一說 吐槽 首先， 文章有謬誤的地方， 請(qǐng)?jiān)u論， 我會(huì)進(jìn)行驗(yàn)證修改。謝謝。 vue真是個(gè)好東西，但vue的中文文檔還有很大的改進(jìn)空間，有點(diǎn)大雜燴的意思，對(duì)于怎么...

    silvertheo 評(píng)論0 收藏0

  • 移動(dòng)彈窗基礎(chǔ)知識(shí)淺析——IOS彈窗體系

    摘要：尤其是遇到二次確認(rèn)等場(chǎng)景因此，打算從頭整理移動(dòng)彈窗的基礎(chǔ)知識(shí)，以彈窗體系為切入點(diǎn)，從定義出發(fā)，對(duì)移動(dòng)彈窗進(jìn)行分類，然后分別分析每一類彈窗的應(yīng)用場(chǎng)景，以及在使用過程中需要注意的點(diǎn)。 摘要： 最為常見的【彈窗】反而是最捉摸不定的東西。各種類型的彈窗傻傻分不清楚，不知道在什么場(chǎng)景下應(yīng)該用哪種彈窗。尤其是遇到二次確認(rèn)等場(chǎng)景…… 因此，打算從頭整理移動(dòng)彈窗的基礎(chǔ)知識(shí)，以iOS彈窗體系為切入點(diǎn)，從...

    jas0n 評(píng)論0 收藏0

  • vue+element表格中模態(tài)框的使用(解構(gòu)賦值)

    摘要：中定義方法解構(gòu)賦值使用方法在函數(shù)中傳入兩個(gè)數(shù)組第一個(gè)數(shù)組中的每一項(xiàng)一一對(duì)應(yīng)等于第二個(gè)數(shù)組的每一項(xiàng)例如張三得到張三表格中的內(nèi)容操作催辦中的數(shù)據(jù)當(dāng)前操作行模態(tài)框控制顯示隱藏點(diǎn)擊催辦按鈕調(diào)用函數(shù)傳入兩個(gè)數(shù)組得到讓模態(tài)框顯示并把當(dāng)前 main.js中定義方法 /**解構(gòu)賦值 * @param {*} arr1 key * @param {*} arr2 value*/ Vue.pro...

    phoenixsky 評(píng)論0 收藏0

  • javascript功能插件大集合 前端常用插件 js常用插件

    摘要：轉(zhuǎn)載來源包管理器管理著庫，并提供讀取和打包它們的工具。能構(gòu)建更好應(yīng)用的客戶端包管理器。一個(gè)整合和的最佳思想，使開發(fā)者能快速方便地組織和編寫前端代碼的下一代包管理器。很棒的組件集合。隱秘地使用和用戶數(shù)據(jù)。 轉(zhuǎn)載來源：https://github.com/jobbole/aw... 包管理器管理著 javascript 庫，并提供讀取和打包它們的工具。?npm – npm 是 javasc...

    netmou 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<