dev

src/views/settings/section.vue

@@ -12,8 +12,8 @@
             <el-input v-model="search.resperName" placeholder="负责人姓名" style="width: 200px"></el-input>
           </el-form-item>
           <el-form-item>
-<!--            <el-cascader :props="{ checkStrictly: true }" v-model="search.caty" :options="options"-->
-<!--                         placeholder="科室类别"/>-->
+            <el-cascader :props="{ checkStrictly: true }" v-model="search.caty" :options="options"
+                         placeholder="科室类别"/>
           </el-form-item>
         </el-form>
       </div>
@@ -70,7 +70,6 @@ import Mask from '@/components/common/Mask.vue'
 import SectionEdit from "@/components/settings/SectionEdit.vue";
 import {post} from "@/utils/request.ts";
 import deptsObj from '@/assets/config/directory/depts.json'
-
 import {formatDate} from '@/utils/dateUtils.ts'
 import {Plus} from "@element-plus/icons-vue";
 
@@ -111,7 +110,20 @@ const pageSize = ref(20);
 const page = ref(1);
 const total = ref(0);
 const search = ref<any>({})
-
+const options = Object.entries(deptsObj).map(([key, value]) => {
+  if (typeof value === 'string') {
+    return {value: key, label: value};
+  } else {
+    return {
+      value: key,
+      label: value.name,
+      children: Object.entries(value.children).map(([childKey, childValue]) => ({
+        value: childKey,
+        label: childValue,
+      })),
+    };
+  }
+});
 const resetSearch = () => {
   search.value = {}
   init()