1.工艺路线页面弹窗工艺设置样式需求修改

loulijun2021

2023-01-29 6baa3007e9c066ae6db258a62d9e1f9744970e59

1.工艺路线页面弹窗工艺设置样式需求修改

 src/views/zzmx/gylx.vue

@@ -241,7 +241,7 @@
                  />
                </el-tag>
                <!--                </el-tooltip>-->

                <!--                {{ tag.editDisabled }}-->
                <!--                left:tag.stepname===selectedName?'191px':'141px',-->
                <i
                  v-if="index!==0&&tag.editDisabled&&operation!=='edit'"
@@ -418,8 +418,6 @@
    },
    // 输入框确认事件
    handleInputConfirm(tag) {
      console.log(tag, 111)
      console.log(this.autocompleteValue, 2)
      // 1.选择内容不能为空
      if (this.autocompleteValue.trim().length < 1) {
        return this.$message.info('选择内容不能为空！')
@@ -448,16 +446,15 @@
      if (flag2) {
        return this.$message.info('此工序已选，请选择其它工序！')
      }
      console.log(this.routeArr, 9)

      this.routeArr.forEach((item, index) => {
        if (this.autocompleteValue.trim() === item.stepname) {
          console.log(tag.stepname === item.stepname, 353535)
          this.routeSelectedArr.push({
            stepcode: item.stepcode,
            stepname: item.stepname,
            value: item.value
          })
          console.log(this.routeSelectedArr, 7)

          this.routeArr.splice(index, 1)
        }
      })
@@ -465,34 +462,30 @@
      // 将值替换到原tag位置上
      this.dynamicTags.forEach((item, index) => {
        if ((index + 1) === tag.seq) {
          console.log(tag)
          item.stepname = this.autocompleteValue
          item.effect = 'dark'
        }
        item.editDisabled = true
      })
      console.log(this.dynamicTags, 234)
      this.clickSelected = this.dynamicTags.findIndex(i => i.effect === 'dark') + 1

      this.addDisabled = false
      this.editDisabled = true
      this.selectedName = ''
    },
    // tag点击修改按钮
    tagEdit(tag) {
      console.log(tag, 2)
      this.autocompleteValue = ''
      this.dynamicTags.forEach(item => {
        item.stepname = item.stepname.trim()
        if (item.seq !== tag.seq) {
          item.editDisabled = false
          // item.stepcode = this.routeArr.find(it=>it.stepcode=tag.stepcode).stepcode
          // return this.$message.info('请先填写或选择工艺！')
        if (item.seq !== tag.seq) {
          item.effect = 'light'
        } else {
          item.effect = 'dark'
        }
      })

      // if (tag.stepname === '') {
      //   this.dynamicTags[0].stepcode=
      // }

      // if (tag.stepname.toString().length > 0 && tag.editDisabled) {
      if (tag.stepname !== '') {
        const routeSelectedArr = this.routeSelectedArr.find(item => item.stepname === tag.stepname)

@@ -504,7 +497,6 @@
          }
        )
      }
      // }

      this.addDisabled = true
      this.selectedName = tag.stepname
@@ -516,11 +508,10 @@
    },
    // tag点击事件
    elTagClick(tag) {
      console.log(tag, 1)
      if (this.dynamicTags.every(i => i.editDisabled)) {
      this.clickSelected = tag.seq
      if (tag.effect === 'dark') {
        tag.effect = 'light'
        this.clickSelected = ''

      } else {
        this.dynamicTags.forEach(item => {
          item.effect = 'light'
@@ -531,16 +522,13 @@
          tag.effect = 'light'
        }
      }
      console.log(this.$el)
      // console.log(this.$el.style.color = 'red')
      }
    },
    // 处理tag关闭事件
    handleTagClose(tag) {
      console.log(tag)

      // 当选中的步骤被删除时
      if (tag.seq === this.clickSelected) {
        this.clickSelected = ''
      if (tag.effect === 'dark') {
        this.clickSelected = this.dynamicTags.length - 1
      }
      this.dynamicTags.forEach((item, index) => {
        if (item.seq === tag.seq) {
@@ -549,6 +537,7 @@
      })

      const routeSelectedArr = this.routeSelectedArr.find(item => item.stepname === tag.stepname)

      if (routeSelectedArr !== undefined) {
        this.routeArr.push(
          {
@@ -561,49 +550,34 @@
      this.routeArr = this.routeArr.filter((currentValue, currentIndex, selfArr) => {
        return selfArr.findIndex(item => item.stepcode === currentValue.stepcode) === currentIndex
      })
      console.log(this.dynamicTags, 1)

      // 重新排序
      this.dynamicTags.forEach((item, index) => {
        item.editDisabled = true
        item.seq = index + 1
        // item.stepcode = 'Step' + ((index + 1).toString().length === 2 ? (index + 1) : '0' + (index + 1))
        item.stepcode = ''
        item.effect = index === this.dynamicTags.length - 1 ? 'dark' : 'light'
      })
      if (this.clickSelected === '') {
        this.selectedName = ''
      }
      this.addDisabled = false
    },
    // tag添加按钮
    showInput() {
      const seq = this.dynamicTags.findIndex(i => i.effect === 'dark') + 2

      // 先将每个的tag标签颜色改为浅色
      this.dynamicTags.forEach(i => {
        i.effect = 'light'
      })

      this.autocompleteValue = ''
      this.addDisabled = true
      this.editDisabled = false
      let seq = 0
      // 1.第一种情况   当未选中情况下或者选中最后一个的情况下
      if (this.clickSelected === '' || this.clickSelected === this.dynamicTags.length) {
        seq = this.dynamicTags.length + 1
        this.dynamicTags.push(
          {
            editDisabled: true,
            seq: seq,
            stepname: '',
            effect: 'light',
            // stepcode: ('Step' + (seq.toString().length === 2 ? seq : '0' + seq))
            stepcode: ''
          }
        )
      } else {
        // 2.第二种情况   当选中某个tag   将在tag后面添加
        seq = this.clickSelected + 1
        this.dynamicTags.splice(this.clickSelected, 0, { editDisabled: true, seq: seq, stepname: '', effect: 'light' })

      this.dynamicTags.splice(this.clickSelected, 0, { editDisabled: true, seq: seq, stepname: '', effect: 'dark' })
        this.dynamicTags.forEach((item, index) => {
          item.seq = index + 1
          // item.stepcode = 'Step' + ((index + 1).toString().length === 2 ? (index + 1) : '0' + (index + 1))
          item.stepcode = ''
        })
      }

      this.$nextTick(_ => {
        this.$refs['saveTagInput' + seq][0].focus()
      })
@@ -613,8 +587,6 @@
      this.dynamicTags.forEach((item, index) => {
        item.editDisabled = seq === index + 1
      })

      console.log(this.dynamicTags, 1)
    },

    // 获取工艺路线列表清单
@@ -714,26 +686,20 @@
        this.dialogForm.name = res[0].name
        this.dialogForm.enable = res[0].enable
        this.dialogForm.description = res[0].description
        // this.dialogForm.Data = row.description
        res[0].Data.forEach(item => {
        res[0].Data.forEach((item, index) => {
          this.dynamicTags.push(
            { seq: item.seq, stepname: item.stepname, stepcode: item.stepcode, editDisabled: true, effect: 'light' }
            { seq: item.seq, stepname: item.stepname, stepcode: item.stepcode, editDisabled: true, effect: index === res[0].Data.length - 1 ? 'dark' : 'light' }
          )
          this.routeSelectedArr.push({
            stepcode: item.stepcode,
            stepname: item.stepname,
            value: item.stepname
          })

          console.log(item, 2)
          console.log(this.routeArr)

          this.routeArr = this.routeArr.filter(i => i.stepcode !== item.stepcode)
        })

        this.addDisabled = false

        // { editDisabled: true, stepcode: '', seq: 1, stepname: ' ', effect: 'light' }
        this.clickSelected = this.dynamicTags.length
      })
    },
    // 对话框关闭事件