|
|
|
@ -1,19 +1,14 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<el-dialog title="新增" append-to-body :modelValue="openShow" width="70%" @close="closeDialog"> |
|
|
|
<el-dialog title="处理" append-to-body :modelValue="openShow" width="70%" @close="closeDialog"> |
|
|
|
<div style="margin-bottom: 12px" v-if="moldAddMore"> |
|
|
|
<div style="margin-bottom: 12px" v-if="moldAddMore"> |
|
|
|
<el-button type="primary" @click="addTable">插入一行</el-button> |
|
|
|
<el-button type="primary" @click="addTable">插入一行</el-button> |
|
|
|
<el-button type="danger" @click="delTable">删除选中行</el-button> |
|
|
|
<el-button type="danger" @click="delTable">删除选中行</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 单个 Form 包裹整个表格 --> |
|
|
|
<!-- 单个 Form 包裹整个表格 --> |
|
|
|
<el-form |
|
|
|
<el-form ref="tableForm" :model="form" :rules="formRules" label-width="0px"> |
|
|
|
ref="tableForm" |
|
|
|
|
|
|
|
:model="form" |
|
|
|
|
|
|
|
:rules="formRules" |
|
|
|
|
|
|
|
label-width="0px" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<!-- 全局错误提示 --> |
|
|
|
<!-- 全局错误提示 --> |
|
|
|
<div v-if="formError" class="error-message" style="color: #f56c6c; margin-bottom: 10px;"> |
|
|
|
<div v-if="formError" class="error-message" style="color: #f56c6c; margin-bottom: 10px"> |
|
|
|
{{ formError }} |
|
|
|
{{ formError }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
@ -21,7 +16,7 @@ |
|
|
|
<el-table-column type="selection" width="55"></el-table-column> |
|
|
|
<el-table-column type="selection" width="55"></el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 作业中心(绑定数组字段) --> |
|
|
|
<!-- 作业中心(绑定数组字段) --> |
|
|
|
<el-table-column align="center" label="事项" width="200"> |
|
|
|
<el-table-column align="center" label="事项"> |
|
|
|
<template #header> |
|
|
|
<template #header> |
|
|
|
<span><i style="color: red">*</i>事项</span> |
|
|
|
<span><i style="color: red">*</i>事项</span> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
@ -32,14 +27,11 @@ |
|
|
|
v-model="scope.row.matter" |
|
|
|
v-model="scope.row.matter" |
|
|
|
placeholder="请输入" |
|
|
|
placeholder="请输入" |
|
|
|
style="width: 100%" |
|
|
|
style="width: 100%" |
|
|
|
type="textarea" |
|
|
|
|
|
|
|
:rows="2" |
|
|
|
|
|
|
|
></el-input> |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 描述 --> |
|
|
|
<!-- 描述 --> |
|
|
|
<el-table-column align="center" label="描述"> |
|
|
|
<el-table-column align="center" label="描述"> |
|
|
|
<template #header> |
|
|
|
<template #header> |
|
|
|
@ -51,8 +43,6 @@ |
|
|
|
v-model="scope.row.process" |
|
|
|
v-model="scope.row.process" |
|
|
|
placeholder="请输入" |
|
|
|
placeholder="请输入" |
|
|
|
style="width: 100%" |
|
|
|
style="width: 100%" |
|
|
|
type="textarea" |
|
|
|
|
|
|
|
:rows="2" |
|
|
|
|
|
|
|
></el-input> |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
@ -70,15 +60,15 @@ |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import { getWorkCenterList } from '@/api/processManagement/addQuantity.js'; |
|
|
|
// import { getWorkCenterList } from '@/api/processManagement/addQuantity.js'; |
|
|
|
// import { submitBatchData } from '@/api/processManagement/periodical.js'; // 实际提交接口 |
|
|
|
import { submitBatchData } from '@/api/processManagement/inPlantProcess.js'; // 实际提交接口 |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
props: { |
|
|
|
props: { |
|
|
|
showDialog: { type: Boolean, default: false }, |
|
|
|
showDialog: { type: Boolean, default: false }, |
|
|
|
moldAddMore: { type: Boolean, default: false }, |
|
|
|
moldAddMore: { type: Boolean, default: false }, |
|
|
|
tabPosition: { type: String, default: '' }, |
|
|
|
tabPosition: { type: String, default: '' }, |
|
|
|
rowData: { type: Object, default: () => ({}) } |
|
|
|
rowData: { type: Object, default: () => ({}) }, |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
@ -88,7 +78,7 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
// 单个表单模型:包含表格所有行数据 |
|
|
|
// 单个表单模型:包含表格所有行数据 |
|
|
|
form: { |
|
|
|
form: { |
|
|
|
tableData: [] // 表格数据数组(直接绑定到 Form 模型) |
|
|
|
tableData: [], // 表格数据数组(直接绑定到 Form 模型) |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 统一校验规则:支持数组项校验 |
|
|
|
// 统一校验规则:支持数组项校验 |
|
|
|
@ -99,7 +89,7 @@ export default { |
|
|
|
required: true, |
|
|
|
required: true, |
|
|
|
message: '请至少添加一行数据', |
|
|
|
message: '请至少添加一行数据', |
|
|
|
trigger: 'submit', |
|
|
|
trigger: 'submit', |
|
|
|
type: 'array' // 明确类型为数组 |
|
|
|
type: 'array', // 明确类型为数组 |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
validator: (rule, value, callback) => { |
|
|
|
validator: (rule, value, callback) => { |
|
|
|
@ -109,37 +99,28 @@ export default { |
|
|
|
callback(); |
|
|
|
callback(); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
trigger: 'submit' |
|
|
|
trigger: 'submit', |
|
|
|
} |
|
|
|
}, |
|
|
|
], |
|
|
|
], |
|
|
|
|
|
|
|
|
|
|
|
// 数组中每一项的 wcId 字段校验 |
|
|
|
// 数组中每一项的 wcId 字段校验 |
|
|
|
matter: [ |
|
|
|
matter: [{ required: true, message: '请输入', trigger: ['change', 'submit'] }], |
|
|
|
{ required: true, message: '请输入', trigger: ['change', 'submit'] } |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 数组中每一项的 preserveContent 字段校验 |
|
|
|
// 数组中每一项的 preserveContent 字段校验 |
|
|
|
process: [ |
|
|
|
process: [{ required: true, message: '请输入', trigger: ['blur', 'submit'] }], |
|
|
|
{ required: true, message: '请输入', trigger: ['blur', 'submit'] }, |
|
|
|
}, |
|
|
|
] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
mounted() { |
|
|
|
this.openShow = this.showDialog; |
|
|
|
this.openShow = this.showDialog; |
|
|
|
this.getWorkCenterList(); |
|
|
|
console.log(898989, this.showDialog); |
|
|
|
|
|
|
|
// this.getWorkCenterList(); |
|
|
|
// 初始添加一行(可选) |
|
|
|
// 初始添加一行(可选) |
|
|
|
if (this.moldAddMore && this.form.tableData.length === 0) { |
|
|
|
if (this.moldAddMore && this.form.tableData.length === 0) { |
|
|
|
this.addTable(); |
|
|
|
this.addTable(); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
getWorkCenterList() { |
|
|
|
|
|
|
|
getWorkCenterList().then(res => { |
|
|
|
|
|
|
|
this.wcData = res.data.data || []; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
selectChange(list, row) { |
|
|
|
selectChange(list, row) { |
|
|
|
row._select = !row._select; |
|
|
|
row._select = !row._select; |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -150,7 +131,7 @@ export default { |
|
|
|
_select: false, // 选择状态 |
|
|
|
_select: false, // 选择状态 |
|
|
|
wcId: '', // 作业中心ID |
|
|
|
wcId: '', // 作业中心ID |
|
|
|
batchNo: '', // 槽号/检查项 |
|
|
|
batchNo: '', // 槽号/检查项 |
|
|
|
preserveContent: '' // 维护内容 |
|
|
|
preserveContent: '', // 维护内容 |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
@ -214,7 +195,7 @@ export default { |
|
|
|
console.error('提交失败:', err); |
|
|
|
console.error('提交失败:', err); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|