feat:工单池选择工单类型

apps/web-antd/src/views/property/businessManagement/workOrders/data.ts

@@ -152,8 +152,7 @@ export const modalSchema: FormSchemaGetter = () => [
   {
     label: '工单类型',
     fieldName: 'type',
-    component: 'ApiSelect',
-    componentProps: {},
+    component: 'TreeSelect',
     rules: 'selectRequired',
   },
   {

apps/web-antd/src/views/property/businessManagement/workOrders/workOrders-modal.vue

@@ -14,9 +14,7 @@ import {
 import {defaultFormValueGetter, useBeforeCloseDiff} from '#/utils/popup';
 
 import {modalSchema} from './data';
-import {personList} from "#/api/property/resident/person";
-import {renderDictValue} from "#/utils/render";
-import {workOrdersTypeList} from "#/api/property/businessManagement/workOrdersType";
+import {workOrdersTypeTree} from "#/api/property/businessManagement/workOrdersType";
 
 const emit = defineEmits<{ reload: [] }>();
 
@@ -107,23 +105,28 @@ async function handleClosed() {
 }
 
 async function queryWorkOrdersType() {
-  let params = {
-    pageSize: 1000,
-    pageNum: 1
-  }
-  const res = await tree(params)
-  const options = res.rows.map((item) => ({
-    label: item.orderTypeName,
-    value: item.id,
-  }));
-  formApi.updateSchema([{
-    componentProps: () => ({
-      options: options,
-      filterOption: filterOption,
-      showSearch:true,
-    }),
-    fieldName: 'type',
-  }])
+  const options = await workOrdersTypeTree()
+  formApi.updateSchema([
+    {
+      componentProps: () => ({
+        class: 'w-full',
+        fieldNames: {
+          key: 'id',
+          label: 'orderTypeName',
+          value: 'id',
+          children: 'children',
+        },
+        placeholder: '请选择工单类型',
+        showSearch: true,
+        treeData: options,
+        treeDefaultExpandAll: true,
+        treeLine: { showLeafIcon: false },
+        treeNodeFilterProp: 'orderTypeName',
+        treeNodeLabelProp: 'orderTypeName',
+      }),
+      fieldName: 'type',
+    },
+  ]);
 }
 
 const filterOption = (input: string, option: any) => {