1.tagView标签新增可拖动功能

loulijun2021

2023-01-30 ef561e204ee6fd7df25477b456b0d466b026550e

 src/views/zzmx/jpgj.vue

@@ -246,6 +246,7 @@
    </div>

    <el-dialog
      v-el-drag-dialog
      :title="operation==='add'?'新增':'编辑'"
      :visible.sync="dialogVisible"
      width="1000px"
@@ -333,6 +334,7 @@

        <el-table
          ref="eqpDialogArrRef"
          :key="tableTimeStampKey"
          class="tableFixed"
          :data="eqpDialogArr"
          :height="tableHeight"
@@ -444,10 +446,10 @@
          >
            <template slot-scope="{row}">
              <div class="operationClass">
                <el-button v-show="row.isVisible===1" type="text" @click="saveRow(row)">保存</el-button>
                <el-button v-show="row.isVisible===1" type="text" @click="cancelRow(row)">取消</el-button>
                <el-button v-show="row.isVisible===0" type="text" @click="editRow(row)">编辑</el-button>
                <el-button v-show="row.isVisible===0" type="text" @click="copyRow(row)">复制</el-button>
                <el-button v-if="row.isVisible===1" type="text" @click="saveRow(row)">保存</el-button>
                <el-button v-if="row.isVisible===1" type="text" @click="cancelRow(row)">取消</el-button>
                <el-button v-if="row.isVisible===0" type="text" @click="editRow(row)">编辑</el-button>
                <el-button v-if="row.isVisible===0" type="text" @click="copyRow(row)">复制</el-button>
              </div>
            </template>
          </el-table-column>
@@ -499,12 +501,14 @@
  StepSelectEqpList
} from '@/api/zzmx'
import ImportPicker from '@/components/ImportPicker'
import elDragDialog from '@/directive/el-drag-dialog'

export default {
  name: 'JPGJ',
  components: {
    Pagination, ImportPicker
  },
  directives: { elDragDialog },
  data() {
    return {
      isIpad: false,
@@ -559,6 +563,8 @@
      operation: '',
      dialogFormRules: {},
      radioChangeTempValue: '',

      tableTimeStampKey: new Date().getTime(),

      title_value: '数据导入 / 节拍工价',
      code: '24',
@@ -727,6 +733,10 @@
    // 取消行
    cancelRow(row) {
      this.getEqpTable()

      this.radioChange(this.radioChangeTempValue)
      this.dialogForm.stepcode = this.radioChangeTempValue

      this.isEqpTableEdit = true
    },
    // 编辑行
@@ -742,6 +752,7 @@
          }
        })
        this.isEqpTableEdit = false
        this.tableTimeStampKey = new Date().getTime()
      } else {
        return this.$message.info('只能一行一行修改！')
      }