From 1a73c77e1d14205014f6a77a8954de480d436c0e Mon Sep 17 00:00:00 2001 From: 张诺 <zhang_12370@163.com> Date: 星期四, 05 六月 2025 16:05:31 +0800 Subject: [PATCH] 联调基础模块信息-》供应商-》客户信息-》煤种信息 采购信息 联调 --- src/views/basicInformation/mould/supplier.vue | 102 +++++++++++++++++++++++++++----------------------- 1 files changed, 55 insertions(+), 47 deletions(-) diff --git a/src/views/basicInformation/mould/supplier.vue b/src/views/basicInformation/mould/supplier.vue index 9819f41..9580ea2 100644 --- a/src/views/basicInformation/mould/supplier.vue +++ b/src/views/basicInformation/mould/supplier.vue @@ -1,39 +1,41 @@ <template> <div> <el-dialog v-model="dialogVisible" :title="title" width="600" :close-on-click-modal="false" - :before-close="handleClose"> - <el-form ref="formRef" style="max-width: 400px; margin: 0 auto" :model="formData" :rules="rules" - label-width="auto"> + :before-close="handleClose"> + <el-form ref="formRef" style="max-width: 400px; margin: 0 auto" :model="formData" :rules="rules" label-width="auto"> <el-form-item label="瀹㈡埛鍚嶇О" prop="supplierName"> - <el-input v-model="formData.supplierName" placeholder="璇疯緭鍏ヤ緵璐у晢鍚嶇О"/> + <el-input v-model="formData.supplierName" placeholder="璇疯緭鍏ヤ緵璐у晢鍚嶇О" /> </el-form-item> <el-form-item label="绾崇◣浜鸿瘑鍒彿" prop="taxpayerId"> - <el-input v-model="formData.taxpayerId" placeholder="璇疯緭鍏ョ撼绋庝汉璇嗗埆鍙�"/> + <el-input v-model="formData.taxpayerId" placeholder="璇疯緭鍏ョ撼绋庝汉璇嗗埆鍙�" /> </el-form-item> <el-form-item label="缁忚惀鍦板潃" prop="bids"> - <el-cascader placeholder="璇烽�夋嫨缁忚惀鍦板潃" size="default" :options="addressSelectOptions" - v-model="formData.bids" - :props="cascaderProps" - @change="handleChange"> + <el-cascader placeholder="璇烽�夋嫨缁忚惀鍦板潃" size="default" :options="addressSelectOptions" v-model="formData.bids" + :props="cascaderProps" @change="handleChange"> </el-cascader> </el-form-item> <el-form-item label="璇︾粏鍦板潃" prop="businessAddress"> - <el-input v-model="formData.businessAddress" placeholder="璇疯緭鍏ュ鎴疯缁嗗湴鍧�"/> + <el-input v-model="formData.businessAddress" placeholder="璇疯緭鍏ュ鎴疯缁嗗湴鍧�" /> </el-form-item> <el-form-item label="寮�鎴疯" prop="bankAccount"> - <el-input v-model="formData.bankAccount" placeholder="璇疯緭鍏ュ紑鎴疯"/> + <el-input v-model="formData.bankAccount" placeholder="璇疯緭鍏ュ紑鎴疯" /> </el-form-item> <el-form-item label="閾惰璐︽埛" prop="bankName"> - <el-input v-model="formData.bankName" placeholder="璇疯緭鍏ラ摱琛岃处鎴�"/> + <el-input v-model="formData.bankName" placeholder="璇疯緭鍏ラ摱琛岃处鎴�" /> </el-form-item> <el-form-item label="鑱旂郴浜�" prop="contactPerson"> - <el-input v-model="formData.contactPerson" placeholder="璇疯緭鍏ヨ仈绯讳汉"/> + <el-input v-model="formData.contactPerson" placeholder="璇疯緭鍏ヨ仈绯讳汉" /> </el-form-item> <el-form-item label="鑱旂郴浜虹數璇�" prop="contactPhone"> - <el-input v-model="formData.contactPhone" placeholder="璇疯緭鍏ヨ仈绯讳汉鐢佃瘽"/> + <el-input v-model="formData.contactPhone" placeholder="璇疯緭鍏ヨ仈绯讳汉鐢佃瘽" /> </el-form-item> - <el-form-item label="鑱旂郴浜哄湴鍧�" prop="contactAddress"> - <el-input v-model="formData.contactAddress" placeholder="璇疯緭鍏ヨ仈绯讳汉鍦板潃"/> + <el-form-item label="鑱旂郴浜哄湴鍧�" prop="cids"> + <el-cascader placeholder="璇烽�夋嫨鑱旂郴浜哄湴鍧�" size="default" :options="addressSelectOptions" v-model="formData.cids" + :props="cascaderProps" @change="handleChange"> + </el-cascader> + </el-form-item> + <el-form-item label="鑱旂郴浜鸿缁嗗湴鍧�" prop="contactAddress"> + <el-input v-model="formData.contactAddress" placeholder="璇疯緭鍏ヨ仈绯讳汉鍦板潃" /> </el-form-item> <el-form-item> <el-button type="primary" @click="submitForm"> 纭畾</el-button> @@ -46,9 +48,9 @@ </template> <script setup> -import {ref, watch, defineProps, onMounted} from "vue"; -import {addOrEditSupply} from "@/api/basicInformation/supplier"; -import {getAreaOptions} from "@/api/system/area.js"; +import { ref, watch, defineProps, onMounted } from "vue"; +import { addOrEditSupply } from "@/api/basicInformation/supplier"; +import { getAreaOptions } from "@/api/system/area.js"; const props = defineProps({ beforeClose: { @@ -106,7 +108,7 @@ // 琛ㄥ崟寮曠敤 const formRef = ref(null); // 琛ㄥ崟鏁版嵁 -const formData = ref({...props.form}); +const formData = ref({ ...props.form }); // 寮圭獥鍙鎬� const dialogVisible = defineModel("supplierDialogFormVisible", { required: true, @@ -114,19 +116,19 @@ }); // 鐩戝惉澶栭儴浼犲叆鐨勮〃鍗曟暟鎹彉鍖� watch( - () => props.form, - (newVal) => { - formData.value = {...newVal}; - }, - {deep: true} + () => props.form, + (newVal) => { + formData.value = { ...newVal }; + }, + { deep: true } ); // 鐩戝惉鍐呴儴寮圭獥鐘舵�佸彉鍖� watch( - () => dialogVisible.value, - (newVal) => { - emit("update:supplierDialogFormVisible", newVal); - } + () => dialogVisible.value, + (newVal) => { + emit("update:supplierDialogFormVisible", newVal); + } ); // 澶勭悊鍦板潃閫夋嫨鍙樺寲 const handleChange = (value) => { @@ -137,11 +139,13 @@ if (!formRef.value) return; await formRef.value.validate(async (valid, fields) => { if (valid) { + const obj = ref({}); if (props.title.includes('鏂板')) { let result = await addOrEditSupply({ ...formData.value, }) - let obj = { + obj.value = { + title: "鏂板", ...formData.value, result }; @@ -151,9 +155,13 @@ let result = await addOrEditSupply({ ...formData.value, }) - console.log(result) + obj.value = { + title: "缂栬緫", + ...formData.value, + result + }; } - emit("submit", obj); + emit("submit", obj.value); } }); }; @@ -175,25 +183,25 @@ }; const rules = reactive({ supplierName: [ - {required: true, message: "璇疯緭鍏ヤ緵璐у晢鍚嶇О", trigger: "blur"}, + { required: true, message: "璇疯緭鍏ヤ緵璐у晢鍚嶇О", trigger: "blur" }, ], taxpayerId: [ - {required: true, message: "璇锋纭緭鍏ョ撼绋庝汉璇嗗埆鍙�", trigger: "blur"}, - {min: 17, max: 20, message: "璇疯緭鍏�17-20浣嶇撼绋庝汉璇嗗埆鍙�", trigger: "blur"}, + { required: true, message: "璇锋纭緭鍏ョ撼绋庝汉璇嗗埆鍙�", trigger: "blur" }, + { min: 17, max: 20, message: "璇疯緭鍏�17-20浣嶇撼绋庝汉璇嗗埆鍙�", trigger: "blur" }, ], - bids: [ - { - required: true, - message: "璇烽�夋嫨缁忚惀鍦板潃", - trigger: "change", - }, - ], - bankName: [{required: true, message: "璇疯緭鍏ラ摱琛岃处鎴�", trigger: "blur"}], - bankAccount: [{required: true, message: "璇疯緭鍏ュ紑鎴疯", trigger: "blur"}], - contactPerson: [{required: true, message: "鑱旂郴浜�", trigger: "blur"}], + // bids: [ + // { + // required: true, + // message: "璇烽�夋嫨缁忚惀鍦板潃", + // trigger: "change", + // }, + // ], + bankName: [{ required: true, message: "璇疯緭鍏ラ摱琛岃处鎴�", trigger: "blur" }], + bankAccount: [{ required: true, message: "璇疯緭鍏ュ紑鎴疯", trigger: "blur" }], + contactPerson: [{ required: true, message: "鑱旂郴浜�", trigger: "blur" }], contactPhone: [ - {required: true, message: "璇疯緭鍏ヨ仈绯讳汉", trigger: "blur"}, - {min: 11, max: 11, message: "璇疯緭鍏�11浣嶈仈绯讳汉鐢佃瘽", trigger: "blur"}, + { required: true, message: "璇疯緭鍏ヨ仈绯讳汉", trigger: "blur" }, + { min: 11, max: 11, message: "璇疯緭鍏�11浣嶈仈绯讳汉鐢佃瘽", trigger: "blur" }, ], }); </script> -- Gitblit v1.9.3