From 06d627bc28e77e1a314d8e35914512d63dbab1bd Mon Sep 17 00:00:00 2001
From: gongchunyi <deslre0381@gmail.com>
Date: 星期五, 20 三月 2026 17:14:48 +0800
Subject: [PATCH] fix: 点击取消时将表单子元素全部销毁
---
src/views/productionManagement/processRoute/index.vue | 69 ++++++++++++++++++++++++++++++----
1 files changed, 61 insertions(+), 8 deletions(-)
diff --git a/src/views/productionManagement/processRoute/index.vue b/src/views/productionManagement/processRoute/index.vue
index 5e58f09..628c5e3 100644
--- a/src/views/productionManagement/processRoute/index.vue
+++ b/src/views/productionManagement/processRoute/index.vue
@@ -3,13 +3,29 @@
<div class="search_form">
<el-form :model="searchForm"
:inline="true">
- <el-form-item label="瑙勬牸鍚嶇О:">
- <el-input v-model="searchForm.model"
- placeholder="璇疯緭鍏�"
- clearable
- prefix-icon="Search"
- style="width: 200px;"
- @change="handleQuery" />
+ <el-form-item label="浜у搧绫诲瀷:">
+ <el-select v-model="searchForm.dictCode"
+ style="width: 200px;"
+ placeholder="璇烽�夋嫨浜у搧绫诲瀷"
+ clearable
+ @change="handleQuery">
+ <el-option v-for="option in productTypeOptions"
+ :key="option.dictCode"
+ :label="option.dictLabel"
+ :value="option.dictCode" />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鐘舵��:">
+ <el-select v-model="searchForm.status"
+ style="width: 200px;"
+ placeholder="璇烽�夋嫨鐘舵��"
+ clearable
+ @change="handleQuery">
+ <el-option label="宸叉壒鍑�"
+ :value="true" />
+ <el-option label="鑽夌"
+ :value="false" />
+ </el-select>
</el-form-item>
<el-form-item>
<el-button type="primary"
@@ -63,11 +79,13 @@
} from "@/api/productionManagement/processRoute.js";
import { useRouter } from "vue-router";
import { ElMessageBox, ElMessage } from "element-plus";
+ import { getDicts } from "@/api/system/dict/data";
const router = useRouter();
const data = reactive({
searchForm: {
- model: "",
+ dictCode: "",
+ status: "",
},
});
const { searchForm } = toRefs(data);
@@ -75,6 +93,26 @@
{
label: "宸ヨ壓璺嚎缂栧彿",
prop: "processRouteCode",
+ },
+ {
+ label: "鐘舵��",
+ prop: "status",
+ dataType: "tag",
+
+ formatData: params => {
+ if (params) {
+ return "宸叉壒鍑�";
+ } else {
+ return "鑽夌";
+ }
+ },
+ formatType: params => {
+ if (params) {
+ return "success";
+ } else {
+ return "info";
+ }
+ },
},
{
label: "浜у搧绫诲瀷",
@@ -141,6 +179,7 @@
const isShowEditModal = ref(false);
const isShowItemModal = ref(false);
const record = ref({});
+ const productTypeOptions = ref([]);
const page = reactive({
current: 1,
size: 100,
@@ -261,7 +300,21 @@
});
};
+ // 鑾峰彇浜у搧绫诲瀷瀛楀吀
+ const getProductTypeOptions = () => {
+ getDicts("product_type")
+ .then(res => {
+ if (res.code === 200) {
+ productTypeOptions.value = res.data;
+ }
+ })
+ .catch(err => {
+ console.error("鑾峰彇浜у搧绫诲瀷瀛楀吀澶辫触锛�", err);
+ });
+ };
+
onMounted(() => {
+ getProductTypeOptions();
getList();
});
</script>
--
Gitblit v1.9.3