1、绿植租赁订单

apps/web-antd/src/views/property/resident/unit/data.ts

@@ -35,6 +35,7 @@ export const columns: VxeGridProps['columns'] = [
         return (rowIndex + 1).toString();
       },
     },
+    width: 60
   },
   {
     title: '单位编号',
@@ -42,11 +43,13 @@ export const columns: VxeGridProps['columns'] = [
     slots:{
       default: ({ row }) => {
         return row.id;
-      }}
+      }},
+    width: 100
   },
   {
     title: '单位名称',
     field: 'name',
+    width: 100
   },
   {
     title: '单位类型',
@@ -56,46 +59,55 @@ export const columns: VxeGridProps['columns'] = [
         return renderDict(row.type, 'wy_qylx');
       },
     },
+    width: 100
   },
   {
     title: '联系人',
     field: 'contactPerson',
+    width: 100
   },
   {
     title: '联系电话',
     field: 'phone',
+    width: 100
   },
   {
     title: '入驻位置',
     field: 'location',
+    width: 100,
   },
   {
     title: '入驻时间',
     field: 'time',
+    width: 100,
   },
   {
     title: '状态',
     field: 'state',
-    slots: {default: 'state'}
+    slots: {default: 'state'},
+    width: 100,
   },
   {
     title: '员工数量',
     field: 'number',
+    width: 100,
   },
   {
     title: '备注',
     field: 'remark',
+    width: 100,
   },
   {
     title: '创建时间',
     field: 'createTime',
+    width: 100,
   },
   {
     field: 'action',
     fixed: 'right',
     slots: {default: 'action'},
     title: '操作',
-    width: 180,
+    minWidth: 180,
   },
 ];
 
@@ -137,15 +149,11 @@ export const modalSchema: FormSchemaGetter = () => [
     component: 'Input',
     rules: z.string().regex(/^1[3-9]\d{9}$/, { message: '格式错误' }),
   },
-
   {
     label: '入驻位置',
     fieldName: 'location',
-    component: 'Select',
-    slots:{
-      default:'location'
-    },
-    rules: 'required',
+    component: 'TreeSelect',
+    rules: 'selectRequired',
     formItemClass: 'col-span-2'
   },
   {

apps/web-antd/src/views/property/resident/unit/unit-modal.vue

@@ -3,7 +3,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
-import { cloneDeep } from '@vben/utils';
+import {cloneDeep, getPopupContainer, handleNode} from '@vben/utils';
 
 import { useVbenForm } from '#/adapter/form';
 import { resident_unitAdd, resident_unitInfo, resident_unitUpdate } from '#/api/property/resident/unit';
@@ -11,6 +11,7 @@ import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
 
 import { modalSchema } from './data';
 import RoomSelect from "#/views/property/room/room-select.vue";
+import {communityTree} from "#/api/property/community";
 
 const emit = defineEmits<{ reload: [] }>();
 
@@ -57,7 +58,7 @@ const [BasicModal, modalApi] = useVbenModal({
 
     const { id } = modalApi.getData() as { id?: number | string };
     isUpdate.value = !!id;
-
+    initLocationOptions()
     if (isUpdate.value && id) {
       const record = await resident_unitInfo(id);
       await formApi.setValues(record);
@@ -87,6 +88,42 @@ async function handleConfirm() {
     modalApi.lock(false);
   }
 }
+/**
+ * 入驻位置数据
+ */
+async function initLocationOptions() {
+  const locationList = await communityTree(5);
+  const splitStr = '/';
+  handleNode(locationList, 'label', splitStr, function (node: any) {
+    if (node.level != 5) {
+      node.disabled = true;
+    }
+  });
+  formApi.updateSchema([
+    {
+      componentProps: () => ({
+        class: 'w-full',
+        fieldNames: {
+          key: 'id',
+          label: 'label',
+          value: 'code',
+          children: 'children',
+        },
+        getPopupContainer,
+        placeholder: '请选择入驻位置',
+        showSearch: true,
+        treeData: locationList,
+        treeDefaultExpandAll: true,
+        treeLine: { showLeafIcon: false },
+        // 筛选的字段
+        treeNodeFilterProp: 'label',
+        // 选中后显示在输入框的值
+        treeNodeLabelProp: 'fullName',
+      }),
+      fieldName: 'location',
+    },
+  ]);
+}
 
 async function handleClosed() {
   await formApi.resetForm();
@@ -97,9 +134,9 @@ async function handleClosed() {
 <template>
   <BasicModal :title="title">
     <BasicForm>
-      <template #location="slotProps">
-        <RoomSelect  v-bind="slotProps" :isUpdate="isUpdate" :level="2"/>
-      </template>
+<!--      <template #location="slotProps">-->
+<!--        <RoomSelect  v-bind="slotProps" :isUpdate="isUpdate" :level="2"/>-->
+<!--      </template>-->
     </BasicForm>
   </BasicModal>
 </template>