表单未清空修复

yangys

2025-09-02 d762a77d9238eef17c66c35b06955fca20160043

 src/views/flowmgr/taskassigntemp.vue

@@ -8,7 +8,14 @@
-->
<template>
  <basic-container>
    <avue-form ref="form" :option="attachOption" v-model="attachForm" @submit="formSubmit"></avue-form>
    <avue-form ref="form" :option="attachOption" v-model="attachForm" @submit="formSubmit">
      <template #machineCode="{}">
        <el-tree-select ref="tree" filterable  v-model="attachForm.machineCode"
         node-key="machineCode"
          :data="treeData" :props="defaultProps">
          </el-tree-select>
      </template>
    </avue-form>
  </basic-container>
</template>

@@ -33,7 +40,7 @@
    'attachForm.processEdition': function (val) {
      if(val && this.attachForm.drawingNo && this.attachForm.processNo ) {
        //this.attachForm.title = `${val}-${this.attachForm.processNo}-数控程序编制`;
          this.attachForm.title = `${this.attachForm.drawingNo}-${this.attachForm.processNo} -${val}-数控程序编制补充`;
          this.attachForm.title = `${this.attachForm.drawingNo}-${this.attachForm.processNo}-${val}-数控程序补充`;
      }
    },
  },
@@ -42,6 +49,13 @@
    var that = this;
    return {
      form: {},
      treeData: [],
      defaultProps: {
        children: 'children',
        label: 'name',
        disabled: (data) => data.nodeType!=='machine',//仅机床节点可选
        isLeaf: (data) => !data.hasChildren
      },
      machineCodeList: [],
      attachOption: {
        labelWidth: 160,
@@ -55,7 +69,11 @@
            type: 'input',
            span: 24,
            dataType: 'string',
            disabled:true,
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '零组件号',
@@ -64,6 +82,9 @@
            span: 12,
            dataType: 'string',
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '图号版次',
@@ -72,6 +93,9 @@
            span: 12,
            dataType: 'string',
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '产品型号',
@@ -80,6 +104,9 @@
            span: 12,
            dataType: 'string',
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '工序号',
@@ -91,6 +118,9 @@
            dataType: 'string',
            max: 999,
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '工序名称',
@@ -99,6 +129,9 @@
            span: 12,
            dataType: 'string',
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '工序版次',
@@ -107,32 +140,28 @@
            span: 12,
            dataType: 'string',
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '工艺版次',
            label: '批次号',
            prop: 'craftEdition',
            placeholder:'如"A"',
            type: 'input',
            span: 12,
            dataType: 'string',
            maxlength: 2,
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            maxlength: 10,
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '加工机床',
            prop: 'machineCode',
            type: 'select',
               filterable: true,
            dicUrl: `/blade-mdm/machine/page?size=10000`,
            dicFormatter: function (res) {
              that.machineCodeList = res.data.records;
              return res.data.records;
            },
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            props: {
              label: 'code',
              value: 'code',
            },
            
            span: 12
          },
          {
@@ -166,10 +195,68 @@
          }
        ],
      },
      attachForm: {planLockDays:7},//默认7天
      attachForm: {planLockDays:7,planStartTime: this.$dayjs().format('YYYY-MM-DD')},//默认7天
      defaultForm: {planLockDays:7,planStartTime: this.$dayjs().format('YYYY-MM-DD')},
    };
  },
  methods: {
    treeLoad () {
      axios({
        url: '/blade-mdm/gkw/node/load-tree',
        method: 'get',
      }).then(
        res => {
          this.treeData = this.filterTreeData(res.data.data);
          var firstIndex = 0;
          res.data.data.forEach((item,index)=> {
            if(item.children.length != 0) {
              firstIndex = index;
            }
          })
          //defaultKeys.push(item.id);
          this.defaultKeys = [res.data.data[firstIndex].id];
        }
      )
    },
    filterTreeData(oriTreeData){
      var roots = [];
      for(var i=0;i<oriTreeData.length;i++){
        roots.push(this.filterTreeNodes(oriTreeData[i]));
      }
      return roots;
    },
    filterTreeNodes(node) {
      // 如果当前节点的nodeType是'machine'，则清除其子节点
      if (node.nodeType === 'machine') {
          // 创建一个新对象，复制当前节点的属性，但清除children
          return {
              ...node,
              children: []
          };
      }
      
      // 如果当前节点有子节点，递归处理每个子节点
      if (node.children && node.children.length > 0) {
          return {
              ...node,
              children: node.children.map(child => this.filterTreeNodes(child))
          };
      }
      
      // 如果既不是machine节点也没有子节点，直接返回原节点
      return node;
    },
    handleTrim(col){
      //console.log(col)
      let value = this.attachForm[col.column.prop];
      if (typeof value === 'string') {
            const trimmedValue = value.trim();
            // 只有当值确实发生变化时才更新
            if (trimmedValue !== value) {
                this.attachForm[col.column.prop] = trimmedValue;
            }
        }
    },
    formSubmit(form, done) {
      var form = { ...form };
      this.machineCodeList.forEach(item => {
@@ -189,6 +276,7 @@
            message: '操作成功!',
          });
          this.$refs.form.resetForm();
          this.attachForm = this.defaultForm;
          done();
        },
        error => {
@@ -198,6 +286,9 @@
      );
    }
  },
   mounted() {
    this.treeLoad();
  },
};
</script>