From aabe08c4baaf7472096e26d14cb8cfda24666b5e Mon Sep 17 00:00:00 2001 From: lishenao <3065849776@qq.com> Date: 星期五, 04 七月 2025 16:06:25 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/dev' into dev --- src/views/qualityManagement/processInspection/components/formDia.vue | 216 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 216 insertions(+), 0 deletions(-) diff --git a/src/views/qualityManagement/processInspection/components/formDia.vue b/src/views/qualityManagement/processInspection/components/formDia.vue new file mode 100644 index 0000000..8e6466a --- /dev/null +++ b/src/views/qualityManagement/processInspection/components/formDia.vue @@ -0,0 +1,216 @@ +<template> + <div> + <el-dialog + v-model="dialogFormVisible" + :title="operationType === 'add' ? '鏂板鍘熸潗鏂欐楠�' : '缂栬緫鍘熸潗鏂欐楠�'" + width="70%" + @close="closeDia" + > + <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef"> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="宸ュ簭锛�" prop="process"> + <el-input v-model="form.process" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="浜у搧鍚嶇О锛�" prop="productId"> + <el-tree-select + v-model="form.productId" + placeholder="璇烽�夋嫨" + clearable + check-strictly + @change="getModels" + :data="productOptions" + :render-after-expand="false" + style="width: 100%" + /> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="瑙勬牸鍨嬪彿锛�" prop="model"> + <el-input v-model="form.model" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="鍗曚綅锛�" prop="unit"> + <el-input v-model="form.unit" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鏁伴噺锛�" prop="quantity"> + <el-input v-model="form.quantity" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="妫�娴嬪崟浣嶏細" prop="checkCompany"> + <el-input v-model="form.checkCompany" placeholder="璇疯緭鍏�" clearable/> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="妫�娴嬬粨鏋滐細" prop="checkResult"> + <el-select v-model="form.checkResult"> + <el-option label="鍚堟牸" value="鍚堟牸" /> + <el-option label="涓嶅悎鏍�" value="涓嶅悎鏍�" /> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="妫�楠屽憳锛�" prop="checkName"> + <el-input v-model="form.checkName" placeholder="璇疯緭鍏�" clearable/> + + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="妫�娴嬫棩鏈燂細" prop="checkTime"> + <el-date-picker + v-model="form.checkTime" + type="date" + placeholder="璇烽�夋嫨鏃ユ湡" + value-format="YYYY-MM-DD" + format="YYYY-MM-DD" + clearable + style="width: 100%" + /> + </el-form-item> + </el-col> + </el-row> + </el-form> + <template #footer> + <div class="dialog-footer"> + <el-button type="primary" @click="submitForm">纭</el-button> + <el-button @click="closeDia">鍙栨秷</el-button> + </div> + </template> + </el-dialog> + </div> +</template> + +<script setup> +import {ref} from "vue"; +import {getOptions} from "@/api/procurementManagement/procurementLedger.js"; +import {productTreeList} from "@/api/basicData/product.js"; +import {qualityInspectAdd, qualityInspectUpdate} from "@/api/qualityManagement/rawMaterialInspection.js"; +const { proxy } = getCurrentInstance() +const emit = defineEmits(['close']) + +const dialogFormVisible = ref(false); +const operationType = ref('') +const data = reactive({ + form: { + checkTime: "", + process: "", + checkName: "", + productName: "", + productId: "", + model: "", + unit: "", + quantity: "", + checkCompany: "", + checkResult: "", + }, + rules: { + checkTime: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" },], + process: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + checkName: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" }], + productId: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + model: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" }], + unit: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" }], + quantity: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + checkCompany: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" }], + checkResult: [{ required: false, message: "璇疯緭鍏�", trigger: "blur" }], + }, +}); +const { form, rules } = toRefs(data); +const supplierList = ref([]); +const productOptions = ref([]); + +// 鎵撳紑寮规 +const openDialog = (type, row) => { + operationType.value = type; + dialogFormVisible.value = true; + getOptions().then((res) => { + supplierList.value = res.data; + }); + getProductOptions(); + if (operationType.value === 'edit') { + form.value = {...row} + } +} +const getProductOptions = () => { + productTreeList().then((res) => { + productOptions.value = convertIdToValue(res); + }); +}; +const getModels = (value) => { + form.value.productName = findNodeById(productOptions.value, value); +}; +const findNodeById = (nodes, productId) => { + for (let i = 0; i < nodes.length; i++) { + if (nodes[i].value === productId) { + return nodes[i].label; // 鎵惧埌鑺傜偣锛岃繑鍥炶鑺傜偣 + } + if (nodes[i].children && nodes[i].children.length > 0) { + const foundNode = findNodeById(nodes[i].children, productId); + if (foundNode) { + return foundNode; // 鍦ㄥ瓙鑺傜偣涓壘鍒帮紝杩斿洖璇ヨ妭鐐� + } + } + } + return null; // 娌℃湁鎵惧埌鑺傜偣锛岃繑鍥瀗ull +}; +function convertIdToValue(data) { + return data.map((item) => { + const { id, children, ...rest } = item; + const newItem = { + ...rest, + value: id, // 灏� id 鏀逛负 value + }; + if (children && children.length > 0) { + newItem.children = convertIdToValue(children); + } + + return newItem; + }); +} +// 鎻愪氦浜у搧琛ㄥ崟 +const submitForm = () => { + proxy.$refs.formRef.validate(valid => { + if (valid) { + form.value.inspectType = 1 + if (operationType.value === "add") { + qualityInspectAdd(form.value).then(res => { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + closeDia(); + }) + } else { + qualityInspectUpdate(form.value).then(res => { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + closeDia(); + }) + } + } + }) +} +// 鍏抽棴寮规 +const closeDia = () => { + proxy.resetForm("formRef"); + dialogFormVisible.value = false; + emit('close') +}; +defineExpose({ + openDialog, +}); +</script> + +<style scoped> + +</style> \ No newline at end of file -- Gitblit v1.9.3