From ddfe4da0b22321492e5e780edc44cdad34808b4e Mon Sep 17 00:00:00 2001 From: maven <2163098428@qq.com> Date: 星期四, 14 八月 2025 16:10:48 +0800 Subject: [PATCH] yys 计量器具台账增加附件 --- src/views/equipmentManagement/ledger/Form.vue | 45 +++++++++++++++++++++++++++++++++++++-------- 1 files changed, 37 insertions(+), 8 deletions(-) diff --git a/src/views/equipmentManagement/ledger/Form.vue b/src/views/equipmentManagement/ledger/Form.vue index 4b5308b..0951fd8 100644 --- a/src/views/equipmentManagement/ledger/Form.vue +++ b/src/views/equipmentManagement/ledger/Form.vue @@ -1,5 +1,5 @@ <template> - <el-form :model="form" label-width="100px"> + <el-form :model="form" label-width="100px" :rules="formRules" ref="formRef"> <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="璁惧鍚嶇О" prop="deviceName"> @@ -8,7 +8,7 @@ </el-col> <el-col :span="12"> <el-form-item label="瑙勬牸鍨嬪彿" prop="deviceModel"> - <el-input v-model="form.deviceModel" placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�" /> + <el-input v-model="form.deviceModel" :disabled="(form.deviceModel != null && operationType === 'edit')" placeholder="璇疯緭鍏ヨ鏍煎瀷鍙�" /> </el-form-item> </el-col> <el-col :span="12"> @@ -23,20 +23,19 @@ </el-col> <el-col :span="12"> <el-form-item label="鏁伴噺" prop="number"> - <el-input + <el-input-number :step="0.01" :min="0" style="width: 100%" v-model="form.number" placeholder="璇疯緭鍏ユ暟閲�" - type="number" @change="mathNum" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="鍚◣鍗曚环" prop="taxIncludingPriceUnit"> - <el-input + <el-input-number :step="0.01" :min="0" style="width: 100%" v-model="form.taxIncludingPriceUnit" placeholder="璇疯緭鍏ュ惈绋庡崟浠�" - type="number" + maxlength="10" @change="mathNum" /> </el-form-item> @@ -45,7 +44,7 @@ <el-form-item label="鍚◣鎬讳环" prop="taxIncludingPriceTotal"> <el-input v-model="form.taxIncludingPriceTotal" - placeholder="璇疯緭鍏ュ惈绋庢�讳环" + placeholder="鑷姩鐢熸垚" type="number" disabled /> @@ -76,7 +75,7 @@ <el-form-item label="涓嶅惈绋庢�讳环" prop="unTaxIncludingPriceTotal"> <el-input v-model="form.unTaxIncludingPriceTotal" - placeholder="璇疯緭鍏ヤ笉鍚◣鎬讳环" + placeholder="鑷姩鐢熸垚" type="number" disabled /> @@ -114,10 +113,22 @@ calculateTaxExclusiveTotalPrice, } from "@/utils/summarizeTable"; import { ElMessage } from "element-plus"; +import {ref} from "vue"; defineOptions({ name: "璁惧鍙拌处琛ㄥ崟", }); +const formRef = ref(null); +const operationType = ref(''); +const formRules = { + deviceName: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }], + deviceModel: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }], + supplierName: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }], + unit: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }], + number: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }], + taxIncludingPriceUnit: [{ required: true, trigger: "blur", message: "璇疯緭鍏�" }], + taxRate: [{ required: true, trigger: "change", message: "璇疯緭鍏�" }], +} const { form, resetForm } = useFormData({ deviceName: undefined, // 璁惧鍚嶇О @@ -134,6 +145,9 @@ }); const loadForm = async (id) => { + if (id) { + operationType.value = 'edit' + } const { code, data } = await getLedgerById(id); if (code == 200) { form.deviceName = data.deviceName; @@ -170,8 +184,23 @@ } }; +// 娓呴櫎琛ㄥ崟鏍¢獙鐘舵�� +const clearValidate = () => { + formRef.value?.clearValidate(); +}; + +// 閲嶇疆琛ㄥ崟鏁版嵁鍜屾牎楠岀姸鎬� +const resetFormAndValidate = () => { + resetForm(); + clearValidate(); +}; + defineExpose({ form, loadForm, + resetForm, + clearValidate, + resetFormAndValidate, + formRef, }); </script> -- Gitblit v1.9.3