From d8fead89b61acd2b1462559c2fa634b05f73c5d1 Mon Sep 17 00:00:00 2001 From: 张诺 <zhang_12370@163.com> Date: 星期一, 09 六月 2025 09:16:04 +0800 Subject: [PATCH] 提交修改新增加工 增加煤质方案和煤质字段模块 --- src/views/basicInformation/mould/coalQualityMaintenance.vue | 154 +++++++++++++++----------------------------------- 1 files changed, 47 insertions(+), 107 deletions(-) diff --git a/src/views/basicInformation/mould/coalQualityMaintenance.vue b/src/views/basicInformation/mould/coalQualityMaintenance.vue index 0b87d1d..d1bb443 100644 --- a/src/views/basicInformation/mould/coalQualityMaintenance.vue +++ b/src/views/basicInformation/mould/coalQualityMaintenance.vue @@ -1,75 +1,31 @@ <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" - > - <el-form-item label="鐓ょ绫诲瀷" prop="coal"> - <el-input - v-model="formData.coal" - placeholder="璇疯緭鍏ヤ緵璐у晢鍚嶇О" - /> + <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"> + <el-form-item label="鏂规鍚嶇О" prop="schemeName"> + <el-input v-model="formData.schemeName" placeholder="璇疯緭鍏ユ柟妗堝悕绉�" prop="schemeName" /> </el-form-item> - <el-form-item label="鍏ㄦ按鍚噺鐧惧垎姣� (%)" prop="totalMoisture"> - <el-input - v-model="formData.totalMoisture" - placeholder="璇疯緭鍏ュ叏姘村惈閲忕櫨鍒嗘瘮" - /> + <el-form-item label="鏂规绫诲瀷" props="fieldName"> + <el-select v-model="formData.fieldName" placeholder="Select" style="width: 240px" clearable multiple> + <template #label="{ label }"> + <span>{{ label }}: </span> + <span style="font-weight: bold">{{ value }}</span> + </template> + <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" /> + </el-select> </el-form-item> - <el-form-item label="鍏ㄦ按鍚噺鐧惧垎姣� (%)" prop="analysisMoisture"> - <el-input - v-model="formData.analysisMoisture" - placeholder="璇疯緭鍏ュ叏姘村惈閲忕櫨鍒嗘瘮" - /> - </el-form-item> - <el-form-item label="鍏ㄦ按鍚噺鐧惧垎姣� (%)" prop="volatileMatter"> - <el-input - v-model="formData.volatileMatter" - placeholder="璇疯緭鍏ュ叏姘村惈閲忕櫨鍒嗘瘮" - /> - </el-form-item> - <el-form-item label="鍥哄畾纰崇櫨鍒嗘瘮 (%)" prop="fixedCarbon"> - <el-input - v-model="formData.fixedCarbon" - placeholder="璇疯緭鍏ュ鎴疯缁嗗湴鍧�" - /> - </el-form-item> - <el-form-item label="浣庝綅鍙戠儹閲忥紙鍗曚綅锛氬崈鍗�/鍗冨厠锛�" prop="lowerHeatValue"> - <el-input - v-model="formData.lowerHeatValue" - placeholder="璇疯緭鍏ラ摱琛岃处鎴�" - /> - </el-form-item> - <el-form-item label="楂樹綅鍙戠儹閲忥紙鍗曚綅锛氬崈鍗�/鍗冨厠锛�" prop="higherHeatValue"> - <el-input v-model="formData.higherHeatValue" placeholder="璇疯緭鍏ュ紑鎴疯" /> - </el-form-item> - <el-form-item label="鐏板垎鐧惧垎姣� (%)" prop="ashContent"> - <el-input v-model="formData.ashContent" placeholder="璇疯緭鍏ヨ仈绯讳汉" /> - </el-form-item> - <el-form-item label="纭惈閲忕櫨鍒嗘瘮 (%)" prop="sulfurContent"> - <el-input - v-model="formData.sulfurContent" - placeholder="璇疯緭鍏ヨ仈绯讳汉鐢佃瘽" - /> - </el-form-item> + <template #footer> + <el-form-item label="瀛楁鎻忚堪" prop="fieldDescription"> + <el-input v-model="formData.fieldDescription" type="textarea" placeholder="璇疯緭鍏ュ瓧娈垫弿杩�" /> + </el-form-item> + + </template> <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-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> @@ -79,11 +35,10 @@ <script setup> import { ref, watch, defineProps, onMounted } from "vue"; import addressList from "@/api/jsonApi/areaList.json"; -import { addOrEditCoalQuality } from "@/api/basicInformation/coalQualityMaintenance.js"; const props = defineProps({ beforeClose: { type: Function, - default: () => {}, + default: () => { }, }, form: { type: Object, @@ -98,24 +53,30 @@ default: "", }, }); - +const options = [ + { + value: 'Option1', + label: 'Label1', + }, + { + value: 'Option2', + label: 'Label2', + }, + { + value: 'Option3', + label: 'Label3', + }, + { + value: 'Option4', + label: 'Label4', + }, + { + value: 'Option5', + label: 'Label5', + }, +] const emit = defineEmits(["submit", "handleBeforeClose"]); -onMounted(()=>{ - addressSelectOptions.value = mapAddress(addressList); -}) -// 鍦板潃閫夋嫨鏁版嵁 -const addressSelectOptions = ref([]); -// 澶勭悊鍦板潃鏁版嵁杞崲 -function mapAddress(list) { - return list.map(item => ({ - value: item.no, - label: item.name, - children: item.children ? mapAddress(item.children) : undefined - })); -} -// 琛ㄥ崟寮曠敤 -const formRef = ref(null); // 琛ㄥ崟鏁版嵁 const formData = ref({ ...props.form }); // 寮圭獥鍙鎬� @@ -123,34 +84,13 @@ required: true, type: Boolean, }); -// 鐩戝惉澶栭儴浼犲叆鐨勮〃鍗曟暟鎹彉鍖� -watch( - () => props.form, - (newVal) => { - formData.value = { ...newVal }; - }, - { deep: true } -); - -// 鐩戝惉鍐呴儴寮圭獥鐘舵�佸彉鍖� -watch( - () => dialogVisible.value, - (newVal) => { - emit("update:coalQualityMaintenanceDialogFormVisible", newVal); - } -); -// 澶勭悊鍦板潃閫夋嫨鍙樺寲 -const handleChange = (value) => { - console.log(value); -}; // 鎻愪氦琛ㄥ崟 const submitForm = async () => { if (!formRef.value) return; await formRef.value.validate(async (valid, fields) => { if (valid) { - - let result = await addOrEditCoalQuality({...formData.value}); - console.log(result); + // let result = await addOrEditCoalQuality({...formData.value}); + // console.log(result); // emit("submit", formData.value); } }); -- Gitblit v1.9.3