refactor(物料管理): 优化物料分类下拉选择逻辑

将物料分类下拉选择从可见性变化触发改为初始化时加载
使用ref替代reactive存储下拉选项数据

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>