loulijun2021
2022-08-31 436569820a3084dcf90f8156a4f812bc220fbb98
src/views/zzmx/gylx.vue
@@ -72,15 +72,26 @@
            prop="description"
            label="工艺路线描述"
            sortable="custom"
          />
          >
            <template slot-scope="{row}">
              <div v-if="row.description">{{ row.description }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="enable"
            label="使用状态"
            sortable="custom"
          >
            <template slot-scope="{row}">
              <div v-if="row.enable==='Y'">是</div>
              <div v-if="row.enable==='N'">否</div>
              <div v-if="row.enable==='Y'">
                <svg-icon icon-class="circleYes" style="margin-right: 2px" />
                是
              </div>
              <div v-if="row.enable==='N'">
                <svg-icon icon-class="circleNo" style="margin-right: 2px" />
                否
              </div>
            </template>
          </el-table-column>
          <el-table-column
@@ -102,7 +113,11 @@
            <template slot-scope="{row}">
              <div class="operationClass">
                <el-tooltip class="item" effect="dark" content="预览" placement="top">
                  <i class="el-icon-view" style="margin-right:15px;cursor: pointer;color:#42b983  " @click="edit('edit',row)" />
                  <i
                    class="el-icon-view"
                    style="margin-right:15px;cursor: pointer;color:#42b983  "
                    @click="edit('edit',row)"
                  />
                </el-tooltip>
                <el-tooltip v-del-tab-index class="item" effect="dark" content="删除" placement="top">
                  <i class="el-icon-delete" @click="del(row)" />
@@ -161,7 +176,12 @@
            </el-select>
          </el-form-item>
          <el-form-item label="工艺描述" prop="description">
            <el-input v-model="dialogForm.description" :disabled="operation==='edit'" type="textarea" style="width: 220px" />
            <el-input
              v-model="dialogForm.description"
              :disabled="operation==='edit'"
              type="textarea"
              style="width: 220px"
            />
          </el-form-item>
        </div>
        <el-form-item label="工艺设置" prop="Data" style="margin-top: 30px">
@@ -178,7 +198,7 @@
                    zIndex:tag.label===selectedName?0:2
                  }"
                >
                  {{ index+1 }}
                  {{ index + 1 }}
                </div>
                <!--                <el-tooltip-->
@@ -368,7 +388,7 @@
      }
    },
    // 工艺设置 下拉获取所有
    async  getStepSelectArr() {
    async getStepSelectArr() {
      const { data: res } = await StepSelect()
      this.routeArr = res
    },
@@ -411,6 +431,15 @@
      if (flag2) {
        return this.$message.info('此工序已选,请选择其它工序!')
      }
      // this.routeArr.forEach((item, index) => {
      //   console.log(this.autocompleteValue.trim() === item.stepname, 2)
      //   if (this.autocompleteValue.trim() === item.stepname) {
      //     console.log(tag.stepname === item.stepname, 353535)
      //     this.routeArr.splice(index, 1)
      //   }
      // })
      // console.log(this.routeArr, 1)
      // 将值替换到原tag位置上
      this.dynamicTags.forEach((item, index) => {
@@ -498,7 +527,13 @@
      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)) }
          {
            editDisabled: true,
            seq: seq,
            stepname: '',
            effect: 'light',
            stepcode: ('Step' + (seq.toString().length === 2 ? seq : '0' + seq))
          }
        )
      } else {
        // 2.第二种情况   当选中某个tag   将在tag后面添加
@@ -551,10 +586,10 @@
    },
    // 重置
    reset() {
      this.form.OrgCode = ''
      this.form.OrgName = ''
      this.form.OrgType = ''
      this.form.UserName = ''
      this.form.routecode = ''
      this.form.routename = ''
      this.form.description = ''
      this.form.createuser = ''
      this.getRouteSearch()
    },
@@ -565,7 +600,7 @@
      this.getStepSelectArr()
    },
    // 工艺路线预览
    async  edit(operation, row) {
    async edit(operation, row) {
      this.operation = operation
      this.dialogVisible = true
@@ -751,8 +786,9 @@
  border-radius: 0;
  color: $main_color;
}
::v-deep .el-button--success:disabled {
  background-color:#eeeeee;
  background-color: #eeeeee;
  color: $main_color;
}
@@ -786,8 +822,8 @@
  white-space: nowrap;
}
.autocompleteClass{
  .el-autocomplete-suggestion li{
.autocompleteClass {
  .el-autocomplete-suggestion li {
    //color: red;
  }
}
@@ -796,11 +832,12 @@
<!--公共页面样式-->
<style lang="scss" scoped>
$main_color: #42b983;
.el-icon-share ,.el-icon-delete,.el-icon-edit-outline{
.el-icon-share, .el-icon-delete, .el-icon-edit-outline {
  color: $main_color;
  cursor: pointer;
}
.el-icon-edit-outline{
.el-icon-edit-outline {
  margin-right: 15px;
}
@@ -861,8 +898,8 @@
  background-color: #f8f8fa;
}
::v-deep .el-table__body .el-table__row.hover-row td{
  background-color: #eaecef ;
::v-deep .el-table__body .el-table__row.hover-row td {
  background-color: #eaecef;
}
::v-deep .el-form--inline .el-form-item__label {
@@ -878,6 +915,7 @@
.body ::v-deep .el-form-item {
  margin-bottom: 0;
}
.userDialogVisible ::v-deep .el-form-item {
  margin-bottom: 0;
}