| | |
| | | --> |
| | | <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> |
| | | <template #drawingNo="{}"> |
| | | <el-autocomplete v-model="attachForm.drawingNo" |
| | | :fetch-suggestions="querySearchAsync" |
| | | :trigger-on-focus="false" @select="handleSelect" |
| | | > |
| | | </el-autocomplete> |
| | | </template> |
| | | </avue-form> |
| | | </basic-container> |
| | | </template> |
| | | |
| | |
| | | watch: { |
| | | 'attachForm.drawingNo': function (val) { |
| | | if(val && this.attachForm.processNo && this.attachForm.processEdition) { |
| | | this.attachForm.title = `${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}-数控程序编制`; |
| | | 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}-数控程序编制`; |
| | | this.attachForm.title = `${this.attachForm.drawingNo}-${this.attachForm.processNo}-${val}-计划任务`; |
| | | } |
| | | }, |
| | | }, |
| | | data() { |
| | | |
| | | var isTempFlow = getQueryString("isTempFlow"); |
| | | isTempFlow = isTempFlow === 'Y'?'Y':'N'; |
| | | console.log('isTempFlow='+isTempFlow); |
| | | var that = this; |
| | | return { |
| | | isTempFlow:isTempFlow,//是否临时流程 |
| | | form: {}, |
| | | machineCodeList: [], |
| | | |
| | | treeData: [], |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'name', |
| | | disabled: (data) => data.nodeType!=='machine',//仅机床节点可选 |
| | | isLeaf: (data) => !data.hasChildren |
| | | }, |
| | | timeout:0, //零件号加载的timeout |
| | | attachOption: { |
| | | labelWidth: 160, |
| | | submitBtn: true, |
| | |
| | | prop: 'title', |
| | | type: 'input', |
| | | span: 24, |
| | | dataType: 'string', |
| | | rules: [{ required: true, message: '必填', trigger: 'blur' }], |
| | | disabled:true, |
| | | dataType: 'string' |
| | | }, |
| | | { |
| | | label: '零组件号', |
| | |
| | | type: 'input', |
| | | span: 12, |
| | | dataType: 'string', |
| | | blur: (col) => { |
| | | this.handleTrim(col) |
| | | }, |
| | | rules: [{ required: true, message: '必填', trigger: 'blur' }], |
| | | }, |
| | | { |
| | |
| | | span: 12, |
| | | dataType: 'string', |
| | | rules: [{ required: true, message: '必填', trigger: 'blur' }], |
| | | blur: (col) => { |
| | | this.handleTrim(col) |
| | | }, |
| | | }, |
| | | { |
| | | label: '产品型号', |
| | |
| | | span: 12, |
| | | dataType: 'string', |
| | | rules: [{ required: true, message: '必填', trigger: 'blur' }], |
| | | blur: (col) => { |
| | | this.handleTrim(col) |
| | | }, |
| | | }, |
| | | { |
| | | label: '工序号', |
| | |
| | | step: 1, |
| | | precision: 0, |
| | | dataType: 'string', |
| | | max: 999, |
| | | rules: [{ required: true, message: '必填', trigger: 'blur' }], |
| | | blur: (col) => { |
| | | this.handleTrim(col) |
| | | }, |
| | | }, |
| | | { |
| | | label: '工序名称', |
| | |
| | | span: 12, |
| | | dataType: 'string', |
| | | rules: [{ required: true, message: '必填', trigger: 'blur' }], |
| | | blur: (col) => { |
| | | this.handleTrim(col) |
| | | }, |
| | | }, |
| | | { |
| | | label: '工序版次', |
| | |
| | | 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', |
| | |
| | | label: 'code', |
| | | value: 'code', |
| | | }, |
| | | span: 12 |
| | | },*/ |
| | | { |
| | | label: '加工机床', |
| | | prop: 'machineCode', |
| | | type: 'select', |
| | | rules: [{ required: true, message: '必填', trigger: 'blur' }], |
| | | span: 12 |
| | | }, |
| | | { |
| | |
| | | type: 'input', |
| | | span: 12, |
| | | dataType: 'string', |
| | | class:'input_holder_warn', |
| | | placeholder:'非偏离单任务请留空', |
| | | blur: (col) => { |
| | | this.handleTrim(col) |
| | | }, |
| | | // rules: [{ required: true, message: '必填', trigger: 'blur' }], |
| | | } |
| | | ], |
| | | }, |
| | | 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; |
| | | }, |
| | | querySearchAsync(query, cb) {//零组件号搜索建议 |
| | | axios({ |
| | | url: '/blade-mdm/producedivision/select-data', |
| | | method: 'get', |
| | | params: {drawingNo: query}, |
| | | }).then( |
| | | res => { |
| | | if(res.data.code == 200){ |
| | | let list = res.data.data; |
| | | for(let i of list){ |
| | | i.value = i.ljh; |
| | | } |
| | | |
| | | clearTimeout(this.timeout) |
| | | this.timeout = setTimeout(() => { |
| | | cb(list); |
| | | }, 1000) |
| | | |
| | | } |
| | | }, |
| | | error => { |
| | | console.log(error); |
| | | } |
| | | ); |
| | | |
| | | }, |
| | | handleSelect(item) { |
| | | this.attachForm.productModel = item.cph; |
| | | }, |
| | | 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; |
| | | } |
| | | }) |
| | | |
| | | */ |
| | | axios({ |
| | | url: '/blade-mdm/flow/dispatch/start', |
| | | method: 'post', |
| | | data: form, |
| | | }).then( |
| | | res => { |
| | | this.$message({ |
| | | type: 'success', |
| | | message: '操作成功!', |
| | | }); |
| | | this.$refs.form.resetForm(); |
| | | |
| | | if(res.data.code == 200){ |
| | | this.$message({ |
| | | type: 'success', |
| | | message: '操作成功!', |
| | | }); |
| | | this.$refs.form.resetForm(); |
| | | this.attachForm = this.defaultForm; |
| | | |
| | | }else{ |
| | | this.$alert(res.data.msg, '发起任务失败',{type:'error',confirmButtonText:'关闭'}); |
| | | } |
| | | done(); |
| | | }, |
| | | 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; |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | |
| | | mounted() { |
| | | this.treeLoad(); |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss"></style> |
| | | <style lang="scss"> |
| | | .input_holder_warn { |
| | | .el-input__inner::placeholder { |
| | | color: rgb(255, 106, 0); /* 设置颜色为红色 */ |
| | | font-size: 16px; /* 设置字体大小为16px */ |
| | | } |
| | | } |
| | | </style> |