From db700eb1723e773a18b064f5528c1d4976adbffc Mon Sep 17 00:00:00 2001
From: git_rabbit <zhaozhengyi1b@126.com>
Date: Fri, 26 Dec 2025 15:12:42 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E7=89=A9=E6=96=99=E7=AE=A1=E7=90=86):?=
 =?UTF-8?q?=20=E4=BC=98=E5=8C=96=E7=89=A9=E6=96=99=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E9=80=89=E6=8B=A9=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将物料分类下拉选择从可见性变化触发改为初始化时加载
使用ref替代reactive存储下拉选项数据
---
 .../productionMaterial/MmMaterial.vue         | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/views/materialManagement/productionMaterial/MmMaterial.vue b/src/views/materialManagement/productionMaterial/MmMaterial.vue
index cfdc0b8..bfabf7a 100644
--- a/src/views/materialManagement/productionMaterial/MmMaterial.vue
+++ b/src/views/materialManagement/productionMaterial/MmMaterial.vue
@@ -14,8 +14,8 @@
                 <el-input v-model="queryParams.materialName" placeholder="请输入物料名称" />
             </el-form-item>
             <el-form-item label="物料分类名称" prop="categoryName">
-                <el-select v-model="value" filterable placeholder="请选择" @visible-change="handleCategoryNameChange">
-                    <el-option v-for="item in categoryNameOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+                <el-select v-model="queryParams.categoryCode" placeholder="请选择">
+                    <el-option v-for="item in materialCategoryOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                 </el-select>
             </el-form-item>
             <el-form-item>
@@ -419,19 +419,22 @@ function handleDelete(row) {
         })
 }
 // 物料分类名称下拉列表
-const categoryNameOptions = reactive([])
+const materialCategoryOptions = ref([])
 
-// 物料分类名称下拉列表 可见性变化时触发
-function handleCategoryNameChange(visible) {
-    if (visible) {
+// 获取物料下拉
+function handleGetMmMaterialCategoryOptions() {
+    try {
         getMmMaterialCategoryOptions().then((res) => {
             const { code, data } = res
             if (code == 200) {
-                categoryNameOptions.value = data
+                console.log(data)
+                materialCategoryOptions.value = data
             }
         })
+    } catch (err) {
+        console.log(err)
     }
 }
-
+handleGetMmMaterialCategoryOptions()
 handleQuery()
 </script>