From 35d6ace96aac27cb6c81bc361503378f6acbd24f Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 09 六月 2025 17:48:21 +0800
Subject: [PATCH] 1.库存管理页面联调
---
src/views/basicInformation/mould/coalQualityMaintenance.vue | 174 +++++++++++++++++-----------------------------------------
1 files changed, 51 insertions(+), 123 deletions(-)
diff --git a/src/views/basicInformation/mould/coalQualityMaintenance.vue b/src/views/basicInformation/mould/coalQualityMaintenance.vue
index e42754b..d1bb443 100644
--- a/src/views/basicInformation/mould/coalQualityMaintenance.vue
+++ b/src/views/basicInformation/mould/coalQualityMaintenance.vue
@@ -1,73 +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="supplierName">
- <el-input
- v-model="formData.supplierName"
- 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="identifyNumber">
- <el-input
- v-model="formData.identifyNumber"
- 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="address">
- <el-cascader
- placeholder="璇烽�夋嫨缁忚惀鍦板潃"
- size="default"
- :options="addressSelectOptions"
- v-model="formData.address"
- @change="handleChange"
- >
- </el-cascader>
- </el-form-item>
- <el-form-item label="璇︾粏鍦板潃" prop="addressDetail">
- <el-input
- v-model="formData.addressDetail"
- placeholder="璇疯緭鍏ュ鎴疯缁嗗湴鍧�"
- />
- </el-form-item>
- <el-form-item label="閾惰璐︽埛" prop="bankAccount">
- <el-input
- v-model="formData.bankAccount"
- placeholder="璇疯緭鍏ラ摱琛岃处鎴�"
- />
- </el-form-item>
- <el-form-item label="寮�鎴疯" prop="bank">
- <el-input v-model="formData.bank" placeholder="璇疯緭鍏ュ紑鎴疯" />
- </el-form-item>
- <el-form-item label="鑱旂郴浜�" prop="contacts">
- <el-input v-model="formData.contacts" placeholder="璇疯緭鍏ヨ仈绯讳汉" />
- </el-form-item>
- <el-form-item label="鑱旂郴浜虹數璇�" prop="contactsPhone">
- <el-input
- v-model="formData.contactsPhone"
- 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>
@@ -80,7 +38,7 @@
const props = defineProps({
beforeClose: {
type: Function,
- default: () => {},
+ default: () => { },
},
form: {
type: Object,
@@ -95,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 });
// 寮圭獥鍙鎬�
@@ -120,32 +84,14 @@
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((valid, fields) => {
+ await formRef.value.validate(async (valid, fields) => {
if (valid) {
- emit("submit", formData.value);
+ // let result = await addOrEditCoalQuality({...formData.value});
+ // console.log(result);
+ // emit("submit", formData.value);
}
});
};
@@ -166,26 +112,8 @@
emit("update:coalQualityMaintenanceDialogFormVisible", false);
};
const rules = reactive({
- supplierName: [
- { required: true, message: "璇疯緭鍏ヤ緵璐у晢鍚嶇О", trigger: "blur" },
- ],
- identifyNumber: [
- { required: true, message: "璇锋纭緭鍏ョ撼绋庝汉璇嗗埆鍙�", trigger: "blur" },
- { min: 17, max: 20, message: "璇疯緭鍏�17-20浣嶇撼绋庝汉璇嗗埆鍙�", trigger: "blur" },
- ],
- address: [
- {
- required: true,
- message: "璇烽�夋嫨缁忚惀鍦板潃",
- trigger: "change",
- },
- ],
- bankAccount: [{ required: true, message: "璇疯緭鍏ラ摱琛岃处鎴�", trigger: "blur" }],
- bank: [{ required: true, message: "璇疯緭鍏ュ紑鎴疯", trigger: "blur" }],
- contacts: [{ required: true, message: "璇疯緭鍏ュ紑鎴疯", trigger: "blur" }],
- contactsPhone: [
- { required: true, message: "璇疯緭鍏ヨ仈绯讳汉", trigger: "blur" },
- { min: 11, max: 11, message: "璇疯緭鍏�11浣嶈仈绯讳汉鐢佃瘽", trigger: "blur" },
+ coal: [
+ { required: true, message: "璇疯緭鍏ョ叅绉嶅悕绉�", trigger: "blur" },
],
});
</script>
--
Gitblit v1.9.3