element 表格套输入框

实现效果：

编辑：

 查看：点击平台补贴展示弹窗

方法：

      // 给单元格绑定横向和竖向的index，这样就能确定是哪一个单元格
      tableCellClassName({row, column, rowIndex, columnIndex}){
            row.index=rowIndex;
            column.index=columnIndex;
        },
        // 获得当前双击的单元格的横竖index，然后拼接成一个唯一字符串用于判断，并赋给currentCell
        // 拼接后类似这样："1,0","1,1",
        dbclick(row,column) {
            this.currentCell = row.index + ',' + column.index;
            if(statusForm == 'update'){ //防止不是编辑的时候点击报错
              return
            }
            // 这里必须要setTimeout，因为在点击的时候，input才刚被v-if显示出来，不然拿不到dom
            setTimeout(() => {
                // 双击后自动获得焦点
                this.$refs[row.index + ',' + column.index].focus();
            })
        },
        // 当input失去焦点的时候，隐藏input
        hideInputOne(row){
            this.formData.platformSubsidyPrice = row.platformSubsidyPrice
            this.currentCell = null;
            this.dialogplatformVisible = true;
            this.tableDatas = this.formData.platformSubsidyPriceRecords 
        },
        // 如果等于查看，子表单就展示
        hideVisible(){
          if(this.statusForm == 'create'){
            this.dialogplatformVisible = true;
          }
        },
        // 平台-关闭
        closePlatform(){
          this.dialogplatformVisible = false;
        },