修复总结后的问题，详见企业微信文档

src/views/inventory/classification/components/addClassificationModal.vue

@@ -0,0 +1,81 @@
+<template>
+  <el-dialog :title="form.id ? '编辑耗材类型' : '添加耗材类型'" width="600px" v-model="visible" @close="onClose">
+    <el-form ref="formRef" :model="form" :rules="rules" label-width="120" label-position="right">
+      <el-form-item label="耗材类型名称" prop="name">
+        <el-input v-model="form.name" placeholder="请输入耗材类型名称" :maxlength="20"></el-input>
+      </el-form-item>
+      <el-form-item label="启用">
+        <el-switch v-model="form.status" :active-value="1" :inactive-value="0"></el-switch>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="visible = false">取 消</el-button>
+        <el-button type="primary" @click="handleOk" :loading="confirmLoading">确 定</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import _ from 'lodash'
+import { ref } from 'vue'
+import Api from "@/api/product/cons-group";
+
+const visible = ref(false)
+const formRef = ref(null)
+const form = ref({
+  name: '',
+  status: 1
+})
+
+const rules = ref({
+  name: [
+    {
+      required: true,
+      message: '请输入耗材类型名称',
+      trigger: 'blur'
+    }
+  ]
+})
+
+const emit = defineEmits(['success'])
+const confirmLoading = ref(false)
+function handleOk() {
+  formRef.value.validate(async vaild => {
+    try {
+      if (vaild) {
+        confirmLoading.value = true
+        if (form.value.id) {
+          await Api.edit(form.value)
+          ElMessage.success('编辑成功')
+        } else {
+          await Api.add(form.value)
+          ElMessage.success('添加成功')
+        }
+        emit('success')
+        visible.value = false
+      }
+    } catch (error) {
+      console.log(error);
+    } finally {
+      confirmLoading.value = false
+    }
+  })
+}
+
+function onClose() {
+  formRef.value.resetFields()
+  form.value.name = ''
+  form.value.status = 1
+}
+
+function open(obj) {
+  visible.value = true
+  if (obj && obj.id) {
+    form.value = _.cloneDeep(obj)
+  }
+}
+
+defineExpose({ open })
+</script>

src/views/inventory/classification/index.vue

@@ -9,17 +9,9 @@
       @reset-click="handleResetClick"
     /> -->
     <!-- 列表 -->
-    <page-content
-      ref="contentRef"
-      :content-config="contentConfig"
-      @add-click="handleAddClick"
-      @edit-click="handleEditClick"
-      @export-click="handleExportClick"
-      @search-click="handleSearchClick"
-      @toolbar-click="handleToolbarClick"
-      @operat-click="handleOperatClick"
-      @filter-change="handleFilterChange"
-    >
+    <page-content ref="contentRef" :content-config="contentConfig" @add-click="handleAddClick"
+      @edit-click="handleEditClick" @export-click="handleExportClick" @search-click="handleSearchClick"
+      @toolbar-click="handleToolbarClick" @operat-click="handleOperatClick" @filter-change="handleFilterChange">
       <template #status="scope">
         <el-tag :type="scope.row[scope.prop] == 1 ? 'success' : 'info'">
           {{ scope.row[scope.prop] == 1 ? "启用" : "禁用" }}
@@ -29,36 +21,22 @@
         {{ returnOptionsLabel(scope.prop, scope.row[scope.prop]) }}
       </template>
       <template #switch="scope">
-        <el-switch
-          v-model="scope.row[scope.prop]"
-          disabled
-          :active-value="1"
-          :inactive-value="0"
-        ></el-switch>
+        <el-switch v-model="scope.row[scope.prop]" disabled :active-value="1" :inactive-value="0"></el-switch>
       </template>
       <template #mobile="scope">
         <el-text>{{ scope.row[scope.prop] }}</el-text>
-        <copy-button
-          v-if="scope.row[scope.prop]"
-          :text="scope.row[scope.prop]"
-          style="margin-left: 2px"
-        />
+        <copy-button v-if="scope.row[scope.prop]" :text="scope.row[scope.prop]" style="margin-left: 2px" />
       </template>
     </page-content>
 
     <!-- 新增 -->
-    <page-modal
-      ref="addModalRef"
-      :modal-config="addModalConfig"
-      @submit-click="handleSubmitClick"
-    ></page-modal>
+    <page-modal ref="addModalRef" :modal-config="addModalConfig" @submit-click="handleSubmitClick"></page-modal>
 
     <!-- 编辑 -->
-    <page-modal
-      ref="editModalRef"
-      :modal-config="editModalConfig"
-      @submit-click="handleSubmitClick"
-    ></page-modal>
+    <page-modal ref="editModalRef" :modal-config="editModalConfig" @submit-click="handleSubmitClick"></page-modal>
+
+    <!-- 添加分类 -->
+    <addClassificationModal ref="addClassificationModalRef" @success="handleResetClick" />
   </div>
 </template>
 
@@ -72,6 +50,9 @@ import editModalConfig from "./config/edit";
 import searchConfig from "./config/search";
 import { returnOptionsLabel } from "./config/config";
 import { isSyncStatus } from "@/utils/index";
+import addClassificationModal from "./components/addClassificationModal.vue";
+
+const addClassificationModalRef = ref(null)
 
 const {
   searchRef,
@@ -98,16 +79,18 @@ if (isSyncStatus()) {
 
 // 新增
 async function handleAddClick() {
-  addModalRef.value?.setModalVisible();
+  addClassificationModalRef.value.open()
+  // addModalRef.value?.setModalVisible();
   // addModalConfig.formItems[2]!.attrs!.data =
 }
 // 编辑
 async function handleEditClick(row: IObject) {
-  editModalRef.value?.handleDisabled(false);
-  editModalRef.value?.setModalVisible();
-  // 根据id获取数据进行填充
-  console.log(row);
-  editModalRef.value?.setFormData({ ...row });
+  addClassificationModalRef.value.open(row)
+  // editModalRef.value?.handleDisabled(false);
+  // editModalRef.value?.setModalVisible();
+  // // 根据id获取数据进行填充
+  // console.log(row);
+  // editModalRef.value?.setFormData({ ...row });
 }
 1;
 // 其他工具栏