feat: 修改地址查询层级

apps/web-antd/src/views/property/roomBooking/conferenceSettings/conferenceSettings-modal.vue

@@ -1,19 +1,23 @@
 <script setup lang="ts">
-import {computed, ref} from 'vue';
+import { computed, ref } from 'vue';
 
-import {useVbenModal} from '@vben/common-ui';
-import {$t} from '@vben/locales';
-import {cloneDeep, getPopupContainer, handleNode} from '@vben/utils';
+import { useVbenModal } from '@vben/common-ui';
+import { $t } from '@vben/locales';
+import { cloneDeep, getPopupContainer, handleNode } from '@vben/utils';
 
-import {useVbenForm} from '#/adapter/form';
-import {meetAdd, meetInfo, meetUpdate} from '#/api/property/roomBooking/conferenceSettings';
-import {defaultFormValueGetter, useBeforeCloseDiff} from '#/utils/popup';
+import { useVbenForm } from '#/adapter/form';
+import {
+  meetAdd,
+  meetInfo,
+  meetUpdate,
+} from '#/api/property/roomBooking/conferenceSettings';
+import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
 
-import {modalSchema} from './data';
-import {TimeRangePicker} from 'ant-design-vue'
-import {renderDictValue} from "#/utils/render";
-import {personList} from "#/api/property/resident/person";
-import {communityTree} from "#/api/property/community";
+import { modalSchema } from './data';
+import { TimeRangePicker } from 'ant-design-vue';
+import { renderDictValue } from '#/utils/render';
+import { personList } from '#/api/property/resident/person';
+import { communityTree } from '#/api/property/community';
 import dayjs from 'dayjs';
 const emit = defineEmits<{ reload: [] }>();
 
@@ -31,14 +35,14 @@ const [BasicForm, formApi] = useVbenForm({
     // 通用配置项 会影响到所有表单项
     componentProps: {
       class: 'w-full',
-    }
+    },
   },
   schema: modalSchema(),
   showDefaultActions: false,
   wrapperClass: 'grid-cols-2',
 });
 
-const {onBeforeClose, markInitialized, resetInitialized} = useBeforeCloseDiff(
+const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
   {
     initializedGetter: defaultFormValueGetter(formApi),
     currentGetter: defaultFormValueGetter(formApi),
@@ -58,20 +62,20 @@ const [BasicModal, modalApi] = useVbenModal({
     }
     modalApi.modalLoading(true);
     await formApi.setValues({
-      expenseType:'1',
-      isCheck:'0',
-    })
-    const {id} = modalApi.getData() as { id?: number | string };
+      expenseType: '1',
+      isCheck: '0',
+    });
+    const { id } = modalApi.getData() as { id?: number | string };
     isUpdate.value = !!id;
-    await queryPerson()
-    await initLocationOptions()
+    await queryPerson();
+    await initLocationOptions();
     if (isUpdate.value && id) {
       const record = await meetInfo(id);
-      record.expenseType=record.expenseType.toString()
-      record.isCheck=record.isCheck.toString()
+      record.expenseType = record.expenseType.toString();
+      record.isCheck = record.isCheck.toString();
       let hour = record.openHours.split('-');
-      if(hour.length>1){
-        record.openHours=[dayjs(hour[0],'HH:mm'),dayjs(hour[1],'HH:mm')]
+      if (hour.length > 1) {
+        record.openHours = [dayjs(hour[0], 'HH:mm'), dayjs(hour[1], 'HH:mm')];
       }
       await formApi.setValues(record);
     }
@@ -84,14 +88,17 @@ const [BasicModal, modalApi] = useVbenModal({
 async function handleConfirm() {
   try {
     modalApi.lock(true);
-    const {valid} = await formApi.validate();
+    const { valid } = await formApi.validate();
     if (!valid) {
       return;
     }
     // getValues获取为一个readonly的对象 需要修改必须先深拷贝一次
     const data = cloneDeep(await formApi.getValues());
     if (data.openHours) {
-      data.openHours = data.openHours[0]?.format("HH:mm") + '-' + data.openHours[1]?.format("HH:mm");
+      data.openHours =
+        data.openHours[0]?.format('HH:mm') +
+        '-' +
+        data.openHours[1]?.format('HH:mm');
     }
     await (isUpdate.value ? meetUpdate(data) : meetAdd(data));
     resetInitialized();
@@ -113,20 +120,27 @@ async function queryPerson() {
   let params = {
     pageSize: 1000,
     pageNum: 1,
-  }
+  };
   const res = await personList(params);
   const options = res.rows.map((user) => ({
-    label: user.userName + '-' + renderDictValue(user.gender, 'sys_user_sex') + '-' + user.phone,
+    label:
+      user.userName +
+      '-' +
+      renderDictValue(user.gender, 'sys_user_sex') +
+      '-' +
+      user.phone,
     value: user.id,
   }));
-  formApi.updateSchema([{
-    componentProps: () => ({
-      options: options,
-      filterOption: filterOption,
-      showSearch:true,
-    }),
-    fieldName: 'principals',
-  }])
+  formApi.updateSchema([
+    {
+      componentProps: () => ({
+        options: options,
+        filterOption: filterOption,
+        showSearch: true,
+      }),
+      fieldName: 'principals',
+    },
+  ]);
 }
 
 const filterOption = (input: string, option: any) => {
@@ -137,10 +151,10 @@ const filterOption = (input: string, option: any) => {
  * 地址数据
  */
 async function initLocationOptions() {
-  const locationList = await communityTree(5);
+  const locationList = await communityTree(4);
   const splitStr = '/';
   handleNode(locationList, 'label', splitStr, function (node: any) {
-    if (node.level != 5) {
+    if (node.level != 4) {
       node.disabled = true;
     }
   });
@@ -159,7 +173,7 @@ async function initLocationOptions() {
         showSearch: true,
         treeData: locationList,
         treeDefaultExpandAll: true,
-        treeLine: {showLeafIcon: false},
+        treeLine: { showLeafIcon: false },
         // 筛选的字段
         treeNodeFilterProp: 'label',
         // 选中后显示在输入框的值
@@ -180,4 +194,3 @@ async function initLocationOptions() {
     </BasicForm>
   </BasicModal>
 </template>
-