From 8959959e59f5a95ca7e61aa60decba4364f36339 Mon Sep 17 00:00:00 2001 From: chenhj <1263187585@qq.com> Date: 星期三, 04 六月 2025 17:57:30 +0800 Subject: [PATCH] 供应商省市区接口对接 --- src/views/basicInformation/mould/coal.vue | 169 +++++++------------------------------------------------- 1 files changed, 22 insertions(+), 147 deletions(-) diff --git a/src/views/basicInformation/mould/coal.vue b/src/views/basicInformation/mould/coal.vue index 7c8a9c7..b31e8bb 100644 --- a/src/views/basicInformation/mould/coal.vue +++ b/src/views/basicInformation/mould/coal.vue @@ -1,10 +1,9 @@ <template> -<<<<<<< HEAD <div> <el-dialog v-model="dialogVisible" :title="title" - width="800" + width="500" :close-on-click-modal="false" :before-close="handleClose" > @@ -15,31 +14,27 @@ :rules="rules" label-width="auto" > - <el-form-item label="鍗¤儭" prop="supplierName"> + <el-form-item label="鐓ょ鍚嶇О" prop="coal"> <el-input - v-model="formData.supplierName" - placeholder="璇疯緭鍏ヤ緵璐у晢鍚嶇О" + v-model="formData.coal" + placeholder="璇疯緭鍏ョ叅绉嶅悕绉�" /> </el-form-item> - <el-form-item label="绾崇◣浜鸿瘑鍒彿" prop="identifyNumber"> + <el-form-item label="缁存姢浜哄鍚�" prop="maintainerId"> <el-input - v-model="formData.identifyNumber" - placeholder="璇疯緭鍏ョ撼绋庝汉璇嗗埆鍙�" + v-model="formData.maintainerId" + placeholder="璇疯緭鍏ョ淮鎶や汉濮撳悕" /> </el-form-item> - <el-form-item label="缁忚惀鍦板潃" prop="address"> - <el-select v-model="formData.address" placeholder="璇烽�夋嫨缁忚惀鍦板潃"> - <el-option label="Zone one" value="shanghai" /> - <el-option label="Zone two" value="beijing" /> - </el-select> - </el-form-item> - <el-form-item label="閾惰璐︽埛" prop="bankAccount"> - <el-input v-model="formData.bankAccount" placeholder="璇疯緭鍏ラ摱琛岃处鎴�" /> + <el-form-item label="缁存姢鏃ユ湡" prop="maintenanceDate"> + <el-input v-model="formData.maintenanceDate" placeholder="璇疯緭鍏ラ摱琛岃处鎴�" /> </el-form-item> <el-form-item> <el-button type="primary" @click="submitForm"> 纭畾 </el-button> + <el-button v-if="addOrEdit === 'edit'" @click="resetForm">閲嶇疆</el-button> + <el-button v-if="addOrEdit === 'add'" @click="cancelForm">鍙栨秷</el-button> </el-form-item> </el-form> </el-dialog> @@ -48,6 +43,7 @@ <script setup> import { ref, watch ,defineProps } from 'vue' +import { addOrEditCoalInfo } from '@/api/basicInformation/coal' const props = defineProps({ beforeClose: { @@ -90,9 +86,17 @@ // 鎻愪氦琛ㄥ崟 const submitForm = async () => { if (!formRef.value) return - await formRef.value.validate((valid, fields) => { + await formRef.value.validate(async (valid, fields) => { if (valid) { - emit('submit', formData.value) + formData.value.maintenanceDate = "2023-10-01" // 绀轰緥鏃ユ湡 + let result = await addOrEditCoalInfo({ + ...formData.value, + }) + let obj = { + title: props.title, + result, + } + emit('submit', obj) } }) } @@ -112,135 +116,6 @@ emit("handleBeforeClose") emit('update:coalDialogFormVisible', false) } -======= - <div> - <el-dialog - v-model="dialogVisible" - :title="title" - width="800" - :close-on-click-modal="false" - :before-close="handleClose" - > - <el-form - ref="formRef" - style="max-width: 600px; margin: 0 auto" - :model="formData" - :rules="rules" - label-width="auto" - > - <el-form-item label="鍗¤儭" prop="supplierName"> - <el-input - v-model="formData.supplierName" - placeholder="璇疯緭鍏ヤ緵璐у晢鍚嶇О" - /> - </el-form-item> - <el-form-item label="绾崇◣浜鸿瘑鍒彿" prop="identifyNumber"> - <el-input - v-model="formData.identifyNumber" - placeholder="璇疯緭鍏ョ撼绋庝汉璇嗗埆鍙�" - /> - </el-form-item> - <el-form-item label="缁忚惀鍦板潃" prop="address"> - <el-select v-model="formData.address" placeholder="璇烽�夋嫨缁忚惀鍦板潃"> - <el-option label="Zone one" value="shanghai" /> - <el-option label="Zone two" value="beijing" /> - </el-select> - </el-form-item> - <el-form-item label="閾惰璐︽埛" prop="bankAccount"> - <el-input - v-model="formData.bankAccount" - placeholder="璇疯緭鍏ラ摱琛岃处鎴�" - /> - </el-form-item> - <el-form-item> - <el-button type="primary" @click="submitForm"> 纭畾 </el-button> - </el-form-item> - </el-form> - </el-dialog> - </div> -</template> - -<script setup> -import { ref, watch, defineProps } from "vue"; - -const props = defineProps({ - beforeClose: { - type: Function, - default: () => {}, - }, - form: { - type: Object, - default: () => ({}), - }, - addOrEdit: { - type: String, - default: "add", - }, - title: { - type: String, - default: "", - }, -}); - -const emit = defineEmits([ - "submit", - "handleBeforeClose", - "update:coalDialogFormVisible", -]); - -// 琛ㄥ崟寮曠敤 -const formRef = ref(null); -// 琛ㄥ崟鏁版嵁 -const formData = ref({ ...props.form }); -// 寮圭獥鍙鎬� -const dialogVisible = defineModel("coalDialogFormVisible", { - required: true, - type: Boolean, -}); - -// 鐩戝惉澶栭儴浼犲叆鐨勮〃鍗曟暟鎹彉鍖� -watch( - () => props.form, - (newVal) => { - formData.value = { ...newVal }; - }, - { deep: true } -); - -// 鐩戝惉鍐呴儴寮圭獥鐘舵�佸彉鍖� -watch( - () => dialogVisible.value, - (newVal) => { - emit("update:coalDialogFormVisible", newVal); - } -); - -// 鎻愪氦琛ㄥ崟 -const submitForm = async () => { - if (!formRef.value) return; - await formRef.value.validate((valid, fields) => { - if (valid) { - emit("submit", formData.value); - } - }); -}; -// 鍙栨秷琛ㄥ崟 -const cancelForm = () => { - emit("update:coalDialogFormVisible", false); - formData.value = {}; -}; -// 閲嶇疆琛ㄥ崟 -const resetForm = () => { - if (!formRef.value) return; - formRef.value.resetFields(); -}; -// 鍏抽棴寮圭獥 -const handleClose = () => { - // 瑙﹀彂鐖剁粍浠剁殑鍏抽棴鍑芥暟 - emit("handleBeforeClose"); - emit("update:coalDialogFormVisible", false); -}; ->>>>>>> master const rules = reactive({ supplierName: [ { required: true, message: "璇疯緭鍏ヤ緵璐у晢鍚嶇О", trigger: "blur" }, -- Gitblit v1.9.3