工艺版次改名，标题禁用

yangys

2025-08-29 c8a0c5dd59c8d34aede7bfb272e9507ca802ddb6

 src/views/flowmgr/taskassign.vue

@@ -1,20 +1,47 @@
<!--
 * @Author: 李喆(开发组) lzhe@yxqiche.com
 * @Date: 2025-05-28 12:03:55
 * @LastEditors: 李喆(开发组) lzhe@yxqiche.com
 * @LastEditTime: 2025-06-13 14:50:38
 * @LastEditors: gaoshp
 * @LastEditTime: 2025-08-10 13:05:56
 * @FilePath: /mdmweb/src/views/flowmgr/taskassign.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<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" @blur="handleTrim"></avue-form>
  </basic-container>
</template>

<script>
import {
  getQueryString,
} from '@/utils/util';

export default {
  watch: {
    'attachForm.drawingNo': function (val) {
      if(val && this.attachForm.processNo && this.attachForm.processEdition) {
        this.attachForm.title = `${val}-${this.attachForm.processNo}-${this.attachForm.processEdition}-计划任务`;
      }
    },
    'attachForm.processNo': function (val) {
      if(val && this.attachForm.drawingNo && this.attachForm.processEdition) {
        //this.attachForm.title = `${val}-${this.attachForm.processNo}-数控程序编制`;
          this.attachForm.title = `${this.attachForm.drawingNo}-${val}-${this.attachForm.processEdition}-计划任务`;
      }
    },
    '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}-计划任务`;
      }
    },
  },
  data() {
    
    var isTempFlow = getQueryString("isTempFlow");
    isTempFlow = isTempFlow === 'Y'?'Y':'N';
    
    var that = this;
    return {
      form: {},
@@ -26,11 +53,27 @@
        tip: false,
        column: [
          {
            label: '图号',
            label: '流程标题',
            prop: 'title',
            type: 'input',
            span: 24,
            disabled:true,
            dataType: 'string',
            rules: [{ required: true, message: '必填'}],
            blur: (col) => {
              this.handleTrim(col)
            }
          },
          {
            label: '零组件号',
            prop: 'drawingNo',
            type: 'input',
            span: 12,
            dataType: 'string',
            blur: (col) => {
              this.handleTrim(col)
            },
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
          },
          {
            label: '图号版次',
@@ -38,27 +81,34 @@
            type: 'input',
            span: 12,
            dataType: 'string',
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '产品型号',
            prop: 'productType',
            prop: 'productModel',
            type: 'input',
            span: 12,
            dataType: 'string',
            // rules: [
            //   {
            //     required: true,
            //     message: '请选择流程类型',
            //     trigger: 'blur',
            //   },
            // ],
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '工序号',
            prop: 'processNo',
            type: 'input',
            span: 12,
            step: 1,
            precision: 0,
            dataType: 'string',
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '工序名称',
@@ -66,25 +116,47 @@
            type: 'input',
            span: 12,
            dataType: 'string',
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '工艺版次',
            prop: 'craftEdition',
            label: '工序版次',
            prop: 'processEdition',
            type: 'input',
            span: 12,
            dataType: 'string',
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '批次号',
            prop: 'craftEdition',
            placeholder:'如"A"',
            type: 'input',
            span: 12,
            dataType: 'string',
            maxlength: 10,
            blur: (col) => {
              this.handleTrim(col)
            },
          },
          {
            label: '加工机床',
            prop: 'machineCode',
            type: 'select',
            dicUrl: `/blade-mdm/machine/page`,
            dicFormatter: function(res) {
               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: 'name',
              label: 'code',
              value: 'code',
            },
            span: 12
@@ -92,9 +164,14 @@
          {
            label: '计划锁定时间（天）',
            prop: 'planLockDays',
            type: 'input',
            type: 'number',
            min:0,
            max:30,
            span: 12,
            dataType: 'string',
            controls:true,
            dataType: 'number',
            controlsPosition:'right',
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
          },
          {
            label: '计划开工时间',
@@ -104,44 +181,90 @@
            valueFormat: "YYYY-MM-DD",
            span: 12,
            dataType: 'string',
            rules: [{ required: true, message: '必填', trigger: 'blur' }],
          },
          {
            label: '偏离单号',
            prop: 'deviation',
            type: 'input',
            span: 12,
            dataType: 'string',
            placeholder:'非偏离单任务请留空',
            blur: (col) => {
              this.handleTrim(col)
            },
            // rules: [{ required: true, message: '必填', trigger: 'blur' }],
          }
        ],
      },
      attachForm: {},
      attachForm: {planLockDays:7},//默认7天
    };
  },
  methods: {
    formSubmit(form,done) {
      var form = {...form};
      this.machineCodeList.forEach(item=> {
        if(form.machineCode == item.code) {
    
    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;
            }
        }
     // this.attachForm[col.column.prop]='dddd'
    },
    formSubmit(form, done) {
      var form = { ...form };
      this.machineCodeList.forEach(item => {
        if (form.machineCode == item.code) {
          form.machineMode = item.name;
        }
      })
      form.producePlanId = "1932411828915224578";

      axios({
        url: '/blade-mdm/flow/dispatch/start',
        method: 'post',
        data: form,
      }).then(
        res => {
            this.$message({
              type: 'success',
              message: '操作成功!',
            });
            this.$refs.form.resetForm();
            done();
          this.$message({
            type: 'success',
            message: '操作成功!',
          });
          this.$refs.form.resetForm();
          done();
        },
        error => {
            window.console.log(error);
            done();
          window.console.log(error);
          done();
        }
      );
    },
    handleGlobalBlur( {prop, value} ) {
      console.log('prop')
      // 1. 筛选需要处理的字段类型（仅输入类：input/textarea）
      const inputTypes = ["input", "textarea"];
      const currentColumn = this.attachOption.column.find(item => item.prop === prop);
      
      // 2. 若为输入类字段，且值为字符串，执行 trim 处理
      if (currentColumn && inputTypes.includes(currentColumn.type) && typeof value === "string") {
        const trimmedValue = value.trim();
        // 3. 同步处理后的值到表单 model（避免直接修改 prop，通过 $set 确保响应式）
        this.$set(this.attachForm, prop, trimmedValue);
      }
    },
    handleBlur(prop, value) {
        if (typeof value === 'string') {
            const trimmedValue = value.trim();
            // 只有当值确实发生变化时才更新
            if (trimmedValue !== value) {
                this.attachForm[prop] = trimmedValue;
            }
        }
    }
  },
};
</script>

<style lang="scss">

</style>
<style lang="scss"></style>