| | |
| | | --> |
| | | <template> |
| | | <basic-container> |
| | | <avue-form ref="form" :option="attachOption" v-model="attachForm" @submit="formSubmit" @blur="handleTrim"></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> |
| | | |
| | |
| | | }, |
| | | data() { |
| | | |
| | | var isTempFlow = getQueryString("isTempFlow"); |
| | | isTempFlow = isTempFlow === 'Y'?'Y':'N'; |
| | | //var isTempFlow = getQueryString("isTempFlow"); |
| | | //isTempFlow = isTempFlow === 'Y'?'Y':'N'; |
| | | |
| | | var that = this; |
| | | return { |
| | | form: {}, |
| | | machineCodeList: [], |
| | | |
| | | treeData: [], |
| | | defaultProps: { |
| | | children: 'children', |
| | | label: 'name', |
| | | disabled: (data) => data.nodeType!=='machine',//仅机床节点可选 |
| | | isLeaf: (data) => !data.hasChildren |
| | | }, |
| | | |
| | | attachOption: { |
| | | labelWidth: 160, |
| | | submitBtn: true, |
| | |
| | | type: 'input', |
| | | span: 24, |
| | | disabled:true, |
| | | dataType: 'string', |
| | | rules: [{ required: true, message: '必填'}], |
| | | blur: (col) => { |
| | | this.handleTrim(col) |
| | | } |
| | | dataType: 'string' |
| | | }, |
| | | { |
| | | label: '零组件号', |
| | |
| | | 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) |
| | |
| | | } |
| | | ], |
| | | }, |
| | | 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) |
| | |
| | | }, |
| | | 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 => { |
| | |
| | | } |
| | | } |
| | | }, |
| | | |
| | | 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> |