Merge branch 'master' of http://47.109.37.87:3000/by2025/admin-vben5

apps/web-antd/src/api/property/resident/person/model.d.ts

@@ -59,7 +59,7 @@ export interface PersonVO {
   /**
    * 状态
    */
-  state: number;
+  state: number|string;
 
   /**
    * 备注

apps/web-antd/src/utils/render.tsx

@@ -161,7 +161,8 @@ export function renderDict(value: number | string, dictName: string) {
 }
 export function renderDictValue(value: number | string, dictName: string) {
   const dictInfo = getDictOptions(dictName);
-  return dictInfo[0].label??'';
+  const matchedItem = dictInfo.find((item) => item.value == value);
+  return matchedItem ? matchedItem.label : value;
 }
 export function renderIconSpan(
   icon: ComponentType,

apps/web-antd/src/views/property/clean/cleanOrders/clean-modal.vue

@@ -6,7 +6,7 @@ import { computed, ref } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 import { $t } from '@vben/locales';
-import { cloneDeep } from '@vben/utils';
+import { cloneDeep,handleNode,getPopupContainer } from '@vben/utils';
 
 import { Button, Table } from 'ant-design-vue';
 import dayjs from 'dayjs';
@@ -20,12 +20,11 @@ import {
   clean_orderUpdate,
 } from '#/api/property/clean_order';
 import { resident_unitList } from '#/api/property/resident/unit';
-import RoomSelect from '#/components/roomSelect/room-select.vue';
 import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
 
 import cleanDetailModal from './clean-detail-modal.vue';
 import { modalSchema } from './data';
-
+import { communityTree } from '#/api/property/community';
 const emit = defineEmits<{ reload: [] }>();
 
 // 计算合计费用
@@ -118,6 +117,7 @@ const [BasicModal, modalApi] = useVbenModal({
     if (!isOpen) {
       return null;
     }
+    setupCommunitySelect()
     modalApi.modalLoading(true);
     const { id, readonly } = modalApi.getData() as {
       id?: number | string;
@@ -216,44 +216,39 @@ const detailGridOptions: VxeGridProps = {
   data: [],
 };
 const detailColumns = [
-  { title: '序号', key: 'index', width: 'auto' },
+  { title: '序号', key: 'index' },
-  { title: '劳务名称', dataIndex: 'name', key: 'name', width: 'auto' },
+  { title: '劳务名称', dataIndex: 'name', key: 'name' },
-  { title: '计量单位', dataIndex: 'measure', key: 'measure', width: 'auto' },
+  { title: '计量单位', dataIndex: 'measure', key: 'measure' },
-  { title: '计算方式', dataIndex: 'method', key: 'method', width: 'auto' },
+  { title: '计算方式', dataIndex: 'method', key: 'method' },
   {
     title: '申报单价含税（元）',
     dataIndex: 'peices',
     key: 'peices',
-    width: 'auto',
   },
   {
     title: '保洁频率',
     dataIndex: 'frequency',
     key: 'frequency',
-    width: 'auto',
   },
-  { title: '保洁标准', dataIndex: 'standard', key: 'standard', width: 'auto' },
+  { title: '保洁标准', dataIndex: 'standard', key: 'standard' },
-  { title: '备注', dataIndex: 'remark', key: 'remark', width: 'auto' },
+  { title: '备注', dataIndex: 'remark', key: 'remark' },
   {
     title: '状态',
     dataIndex: 'stater',
     key: 'stater',
-    width: 'auto',
     customRender: ({ value }: { value: number }) =>
       value === 1 ? '启用' : '禁用',
   },
-  { title: '保洁面积', dataIndex: 'area', key: 'area', width: 'auto' },
+  { title: '保洁面积', dataIndex: 'area', key: 'area' },
   {
     title: '合计费用',
     dataIndex: 'sumPeices',
     key: 'sumPeices',
-    width: 'auto',
   },
   {
     title: '操作',
     key: 'action',
     fixed: 'right' as const,
-    width: 'auto',
   },
 ];
 
@@ -281,6 +276,8 @@ function handleDeleteDetail(record: any, index: number) {
 }
 
 async function handleConfirm() {
+  console.log('handleConfirm123123123');
+
   if (isReadonly.value) {
     modalApi.close();
     return;
@@ -301,6 +298,8 @@ async function handleConfirm() {
     // 劳务数据缓存 cleanListData 已有
     // 查找label
     const unitObj = unitListData.find((item) => item.id === data.unit);
+    console.log(unitObj,'unitObj');
+
     const cleanObj = cleanListData.find((item) => item.id === data.name);
 
     data.unit = unitObj ? unitObj.name : data.unit || '';
@@ -311,12 +310,16 @@ async function handleConfirm() {
       : isUpdate.value
         ? editCleanId.value
         : '';
-    data.sumPeices = totalSumPeices;
+    // data.sumPeices = totalSumPeices;
     // 组装 cleanIds
     data.cleanIds = detailTable.value.map((item: any) => item.id);
     data.details = detailTable.value;
+    console.log(data);
+console.log(12037847120120);
+await clean_orderAdd(data)
+// isUpdate.value ?  await clean_orderUpdate(data) : await clean_orderAdd(data);
+    console.log('1231273');
 
-    await (isUpdate.value ? clean_orderUpdate(data) : clean_orderAdd(data));
     resetInitialized();
     emit('reload');
     modalApi.close();
@@ -331,14 +334,47 @@ async function handleClosed() {
   await formApi.resetForm();
   resetInitialized();
 }
+// 获取服务地址
+async function setupCommunitySelect() {
+  const areaList = await communityTree(5);
+  // 选中后显示在输入框的值 即父节点 / 子节点
+  // addFullName(areaList, 'areaName', ' / ');
+  const splitStr = '/';
+  handleNode(areaList, '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: areaList,
+        treeDefaultExpandAll: true,
+        treeLine: { showLeafIcon: false },
+        // 筛选的字段
+        treeNodeFilterProp: 'label',
+        // 选中后显示在输入框的值
+        treeNodeLabelProp: 'fullName',
+      }),
+      fieldName: 'location',
+    },
+  ]);
+}
 </script>
 
 <template>
   <BasicModal :title="title">
     <BasicForm>
-      <template #location="soltProps">
-        <RoomSelect v-bind="soltProps" />
-      </template>
     </BasicForm>
     <!-- 添加订单详情部分 -->
     <div class="mt-4">
@@ -399,4 +435,15 @@ async function handleClosed() {
 .font-medium {
   font-weight: 500;
 }
+/* 使用 :deep() 穿透 scoped 样式，影响子组件 */
+:deep(.ant-input[disabled]),
+:deep(.ant-input-number-disabled .ant-input-number-input),
+:deep(.ant-select-disabled .ant-select-selection-item),
+:deep(.ant-picker-disabled .ant-picker-input > input) {
+  /* 设置一个更深的颜色 */
+  color: rgb(0 0 0 / 65%) !important;
+
+  /* 有些浏览器需要这个来覆盖默认颜色 */
+  -webkit-text-fill-color: rgb(0 0 0 / 65%) !important;
+}
 </style>

apps/web-antd/src/views/property/clean/cleanOrders/data.ts

@@ -14,6 +14,13 @@ export const querySchema: FormSchemaGetter = () => [
   },
   //   {
   //   label: '服务地址（房间号）',
+  //   component: 'TreeSelect',
+  //   defaultValue: undefined,
+  //   fieldName: 'location',
+  //   rules: 'required',
+  // },
+  // {
+  //   label: '服务地址（房间号）',
   //   fieldName: 'location',
   //   component: 'ApiSelect',
   //   componentProps: {
@@ -161,14 +168,9 @@ export const modalSchema: FormSchemaGetter = () => [
   },
   {
     label: '服务地址（房间号）',
+    component: 'Input',
+    defaultValue: undefined,
     fieldName: 'location',
-    componentProps: {
-      placeholder: '请选择房间',
-    },
-    slots: {
-      default: 'location',
-    },
-    formItemClass: 'col-span-2',
     rules: 'required',
   },
   // {

apps/web-antd/src/views/property/clean/cleanSettings/data.ts

@@ -95,7 +95,6 @@ export const columns: VxeGridProps['columns'] = [
     fixed: 'right',
     slots: { default: 'action' },
     title: '操作',
-    width: 'auto',
   },
 ];
 

apps/web-antd/src/views/property/greenPlantRentalManagement/leasePogramManagement/data.ts

@@ -9,11 +9,13 @@ export const querySchema: FormSchemaGetter = () => [
     component: 'Input',
     fieldName: 'planName',
     label: '方案名称',
+    labelWidth: 120
   },
   {
     component: 'Select',
     fieldName: 'rentalPeriod',
     label: '租赁周期',
+    labelWidth: 120,
     componentProps: {
       options:[
           { label: '月', value: 0 },
@@ -121,7 +123,7 @@ export const modalSchema: FormSchemaGetter = () => [
     {
     label: '基础服务项',
     fieldName: 'price',
-    component: 'Select',
+    component: 'Input',
   },
       {
     label: '优惠活动',

apps/web-antd/src/views/property/greenPlantRentalManagement/leasePogramManagement/rentalPlan-modal.vue

@@ -21,9 +21,9 @@ const title = computed(() => {
 const [BasicForm, formApi] = useVbenForm({
   commonConfig: {
     // 默认占满两列
-    formItemClass: 'col-span-2',
+    formItemClass: 'col-span-1',
     // 默认label宽度 px
-    labelWidth: 80,
+    labelWidth: 120,
     // 通用配置项 会影响到所有表单项
     componentProps: {
       class: 'w-full',
@@ -43,7 +43,7 @@ const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
 
 const [BasicModal, modalApi] = useVbenModal({
   // 在这里更改宽度
-  class: 'w-[550px]',
+  class: 'w-[70%]',
   fullscreenButton: false,
   onBeforeClose,
   onClosed: handleClosed,
@@ -91,11 +91,67 @@ async function handleClosed() {
   await formApi.resetForm();
   resetInitialized();
 }
+const detailColumns = [
+  { title: '序号', key: 'index' },
+  { title: '产品编号', dataIndex: 'plantCode', key: 'plantCode' },
+  { title: '产品名称', dataIndex: 'plantName', key: 'plantName' },
+  { title: '产品分类', dataIndex: 'plantType', key: 'plantType' },
+  {
+    title: '图片',
+    dataIndex: 'imgPath',
+    key: 'imgPath',
+  },
+  {
+    title: '规格',
+    dataIndex: 'specification',
+    key: 'specification',
+  },
+  { title: '租金', dataIndex: 'rent', key: 'rent' },
+  { title: '备注', dataIndex: 'remark', key: 'remark' },
+  {
+    title: '状态',
+    dataIndex: 'state',
+    key: 'state',
+    customRender: ({ value }: { value: number }) =>
+      value === 1 ? '上架' : '下架',
+  },
+  {
+    title: '操作',
+    key: 'action',
+    fixed: 'right' as const,
+  },
+];
 </script>
 
 <template>
   <BasicModal :title="title">
     <BasicForm />
+        <!-- 添加订单详情部分、 -->
+    <div class="mt-4">
+      <div class="mb-2 flex items-center justify-between">
+        <h3 class="text-lg font-medium">添加保洁订单详情</h3>
+        <a-button type="primary" @click="handleAddDetail">
+          {{ $t('pages.common.add') }}
+        </a-button>
+      </div>
+      <Table
+        :data-source="detailTable"
+        :columns="detailColumns"
+        :pagination="false"
+      >
+        <template #bodyCell="{ column, index, record }">
+          <template v-if="column.key === 'index'">
+            {{ index + 1 }}
+          </template>
+          <template v-else-if="column.key === 'action'">
+            <Button danger @click="handleDeleteDetail(record, index)">
+              删除
+            </Button>
+          </template>
+        </template>
+      </Table>
+      <div>费用合计：{{ totalSumPeices }}元</div>
+    </div>
   </BasicModal>
 </template>
 

apps/web-antd/src/views/property/greenPlantRentalManagement/orderManagement/data.ts

@@ -7,7 +7,7 @@ export const querySchema: FormSchemaGetter = () => [
   {
     component: 'Input',
     fieldName: 'orderNo',
-    label: '订单编号',
+    label: '订单号',
   },
   {
     component: 'Input',
@@ -17,6 +17,7 @@ export const querySchema: FormSchemaGetter = () => [
   {
     component: 'Select',
     componentProps: {
+      options:getDictOptions('wy_khlx')
     },
     fieldName: 'customerType',
     label: '客户类型',
@@ -42,76 +43,84 @@ export const querySchema: FormSchemaGetter = () => [
 
 export const columns: VxeGridProps['columns'] = [
   { type: 'checkbox', width: 60 },
-  {
-    title: '订单号',
-    field: 'id',
-  },
   {
     title: '订单号',
     field: 'orderNo',
+    width:100
   },
   {
     title: '客户名称',
     field: 'customerName',
+    width:100
   },
   {
     title: '客户类型',
     field: 'customerType',
+    slots: {default: 'customerType'},
+    width:100
   },
   {
     title: '租赁周期',
     field: 'rentalPeriod',
+    slots: {default: 'rentalPeriod'},
+    width:100
   },
   {
     title: '租赁开始时间',
     field: 'startTime',
+    width:120
   },
   {
     title: '租赁结束时间',
     field: 'endTime',
+    width:120
   },
   {
     title: '应付总额',
     field: 'totalAmount',
+    width:100
   },
   {
     title: '租赁方式',
     field: 'rentalType',
+    slots: {default: 'rentalType'},
+    width:100
   },
   {
-    title: '租赁方案id',
+    title: '租赁商品',
     field: 'planId',
-  },
+    slots: {default: 'planId'},
-  {
+    width:100
-    title: '绿植产品id',
-    field: 'productId',
-  },
-  {
-    title: '租赁产品数量',
-    field: 'productNum',
   },
   {
     title: '支付状态',
     field: 'paymentStatus',
+    slots: {default: 'paymentStatus'},
+    width:100
   },
   {
     title: '是否续租',
     field: 'isRelet',
+    slots: {default: 'isRelet'},
+    width:100
   },
   {
     title: '合同状态',
     field: 'contractStatus',
+    slots: {default: 'contractStatus'},
+    width:100
   },
   {
     title: '签署时间',
     field: 'signTime',
+    width:100
   },
   {
     field: 'action',
     fixed: 'right',
     slots: { default: 'action' },
     title: '操作',
-    width: 180,
+    minWidth: 180,
   },
 ];
 
@@ -142,6 +151,7 @@ export const modalSchema: FormSchemaGetter = () => [
     fieldName: 'customerType',
     component: 'Select',
     componentProps: {
+      options:getDictOptions('wy_khlx')
     },
     rules: 'selectRequired',
   },
@@ -150,30 +160,20 @@ export const modalSchema: FormSchemaGetter = () => [
     fieldName: 'rentalPeriod',
     component: 'Select',
     componentProps: {
+      options:getDictOptions('wy_time_unit')
     },
     rules: 'selectRequired',
   },
   {
-    label: '租赁开始时间',
+    label: '租赁时间',
-    fieldName: 'startTime',
+    fieldName: 'rentalTime',
-    component: 'DatePicker',
+    component: 'RangePicker',
     componentProps: {
       showTime: true,
       format: 'YYYY-MM-DD HH:mm:ss',
       valueFormat: 'YYYY-MM-DD HH:mm:ss',
     },
-    rules: 'required',
+    rules: 'selectRequired',
-  },
-  {
-    label: '租赁结束时间',
-    fieldName: 'endTime',
-    component: 'DatePicker',
-    componentProps: {
-      showTime: true,
-      format: 'YYYY-MM-DD HH:mm:ss',
-      valueFormat: 'YYYY-MM-DD HH:mm:ss',
-    },
-    rules: 'required',
   },
   {
     label: '应付总额',
@@ -186,6 +186,7 @@ export const modalSchema: FormSchemaGetter = () => [
     fieldName: 'rentalType',
     component: 'Select',
     componentProps: {
+      options:getDictOptions('wy_sf')
     },
     rules: 'selectRequired',
   },
@@ -193,16 +194,34 @@ export const modalSchema: FormSchemaGetter = () => [
     label: '租赁方案id',
     fieldName: 'planId',
     component: 'Input',
+    dependencies: {
+      // 仅当 租赁方式 为 2（套餐） 时显示
+      show: (formValues) => formValues.rentalType === '2',
+      triggerFields: ['rentalType'],
+    },
+    rules: 'required',
   },
   {
     label: '绿植产品id',
     fieldName: 'productId',
     component: 'Input',
+    dependencies: {
+      // 仅当 租赁方式 为 1（单点） 时显示
+      show: (formValues) => formValues.rentalType === '1',
+      triggerFields: ['rentalType'],
+    },
+    rules: 'required',
   },
   {
     label: '租赁产品数量',
     fieldName: 'productNum',
     component: 'Input',
+    dependencies: {
+      // 仅当 租赁方式 为 1（单点） 时显示
+      show: (formValues) => formValues.rentalType === '1',
+      triggerFields: ['rentalType'],
+    },
+    rules: 'required',
   },
   {
     label: '支付状态',
@@ -219,6 +238,7 @@ export const modalSchema: FormSchemaGetter = () => [
     componentProps: {
       buttonStyle: 'solid',
       optionType: 'button',
+      options: getDictOptions('wy_sf'),
     },
   },
   {

apps/web-antd/src/views/property/greenPlantRentalManagement/orderManagement/index.vue

@@ -122,7 +122,7 @@ function handleDownloadExcel() {
 
 <template>
   <Page :auto-content-height="true">
-    <BasicTable table-title="绿植租赁-订单管理列表">
+    <BasicTable table-title="租赁订单列表">
       <template #toolbar-tools>
         <Space>
           <a-button

apps/web-antd/src/views/property/greenPlantRentalManagement/orderManagement/rentalOrder-modal.vue

@@ -21,7 +21,7 @@ const title = computed(() => {
 const [BasicForm, formApi] = useVbenForm({
   commonConfig: {
     // 默认占满两列
-    formItemClass: 'col-span-2',
+    formItemClass: 'col-span-1',
     // 默认label宽度 px
     labelWidth: 80,
     // 通用配置项 会影响到所有表单项
@@ -43,7 +43,7 @@ const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
 
 const [BasicModal, modalApi] = useVbenModal({
   // 在这里更改宽度
-  class: 'w-[550px]',
+  class: 'w-[70%]',
   fullscreenButton: false,
   onBeforeClose,
   onClosed: handleClosed,

apps/web-antd/src/views/property/greenPlantRentalManagement/reportStatistics/index.vue

@@ -214,7 +214,16 @@ onMounted(() => {
         </div>
       </div>
       <div class="content">
-        <div class="row"></div>
+        <div class="row">
+          <div class="box">
+            <div class="title">总订单数</div>
+            <div class="number">13,132</div>
+            <div class="percent">8.9%</div>
+          </div>
+          <div class="box"></div>
+          <div class="box"></div>
+          <div class="box"></div>
+        </div>
         <div class="row-first">
           <div class="item1">
             <EchartsUI
@@ -304,11 +313,26 @@ onMounted(() => {
       flex: 1;
       height: 100%;
       padding: 10px;
-      background-color: #962020;
-
       .row {
         display: flex;
         justify-content: space-between;
+        .box{
+          width: 300px;
+          height: 120px;
+          background-color: #fff;
+          border-radius: 8px;
+          margin: 40px 0px;
+          padding: 10px;
+          .title{
+            font-size: 20px;
+          }
+          .number{
+            font-size: 25px;
+            font-weight: bold;
+          }
+          .percent{
+            font-size: 15px;          }
+        }
       }
 
       .row-first {

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

@@ -6,11 +6,6 @@ import {resident_unitList} from "#/api/property/resident/unit";
 
 
 export const querySchema: FormSchemaGetter = () => [
-  {
-    component: 'Input',
-    fieldName: 'unitId',
-    label: '所属单位',
-  },
   {
     component: 'ApiSelect',
     fieldName: 'unitId',
@@ -24,8 +19,8 @@ export const querySchema: FormSchemaGetter = () => [
       debounceTime: 500,
       allowClear: true,
       placeholder: '请选择所属单位',
+      filterOption:true
     },
-    rules: 'required',
   },
   {
     component: 'Input',
@@ -56,24 +51,28 @@ export const columns: VxeGridProps['columns'] = [
   {
     title: '员工编号',
     field: 'userId',
+    width: 100
   },
   {
     title: '员工名称',
     field: 'userName',
+    width: 100
   },
   {
     title: '联系电话',
     field: 'phone',
+    width: 100
   },
   {
     title: '性别',
     field: 'gender',
     slots:{
       default: ({row})=>{
-        return renderDict(row.gender,'wy_rzryzt')
+        return renderDict(row.gender,'sys_user_sex')
-      }
       }
     },
+    width: 100
+  },
   {
     field: 'img',
     title: '人脸图片',
@@ -83,18 +82,21 @@ export const columns: VxeGridProps['columns'] = [
   {
     title: '所属单位',
     field: 'unitName',
+    width: 100
   },
-  {
+  // {
-    title: '入驻位置',
+  //   title: '入驻位置',
-    field: 'locathon',
+  //   field: 'locathon',
-  },
+  // },
   {
     title: '入驻时间',
     field: 'time',
+    width: 100
   },
   {
     title: '车牌号码',
     field: 'carNumber',
+    width: 100
   },
   {
     title: '状态',
@@ -103,18 +105,20 @@ export const columns: VxeGridProps['columns'] = [
       default: ({row})=>{
         return renderDict(row.state,'wy_rzryzt')
       }
-    }
+    },
+    width: 100
   },
   {
     title: '备注',
     field: 'remark',
+    width: 100
   },
   {
     field: 'action',
     fixed: 'right',
     slots: { default: 'action' },
     title: '操作',
-    width: 180,
+    minWidth: 180,
   },
 ];
 
@@ -168,6 +172,7 @@ export const modalSchema: FormSchemaGetter = () => [
       format: 'YYYY-MM-DD HH:mm:ss',
       valueFormat: 'YYYY-MM-DD HH:mm:ss',
     },
+    rules:"required"
   },
   {
     label: '车牌号码',
@@ -181,6 +186,7 @@ export const modalSchema: FormSchemaGetter = () => [
     componentProps: {
       options: getDictOptions('wy_rzryzt'),
     },
+    rules:'selectRequired'
   },
   {
     label: '备注',
@@ -280,8 +286,8 @@ export async function getUnitList(): Promise<{ value: number; label: string }[]>
 
   res.rows.forEach((r: any) => {
     data.push({
-      value: r.name,
+      value: r.id,
-      label: r.id,
+      label: r.name,
     });
   });
   return data;

apps/web-antd/src/views/property/resident/person/person-detail.vue

@@ -49,15 +49,14 @@ async function handleOpenChange(open: boolean) {
   <BasicModal :footer="false" :fullscreen-button="false" title="入驻人员信息" class="w-[70%]">
     <Descriptions v-if="personDetail" size="small" :column="1" bordered :labelStyle="{width:'100px'}">
       <DescriptionsItem label="入驻人员">
-        {{ personDetail.userName+'-'+personDetail.phone}}
+        {{ personDetail.userName+'-'+renderDictValue(personDetail.gender,'sys_user_sex')+'-'+personDetail.phone}}
-<!--        {{ personDetail.userName+'-'+renderDictValue(personDetail.gender,'sys_user_sex')+'-'+personDetail.phone}}-->
       </DescriptionsItem>
       <DescriptionsItem label="所属单位">
         {{personDetail.unitName+'-'+personDetail.unitId }}
       </DescriptionsItem>
-      <DescriptionsItem label="入驻位置">
+<!--      <DescriptionsItem label="入驻位置">-->
-        {{ personDetail.locathon }}
+<!--        {{ personDetail.locathon }}-->
-      </DescriptionsItem>
+<!--      </DescriptionsItem>-->
       <DescriptionsItem label="人脸图片">
         {{ personDetail.img }}
       </DescriptionsItem>

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

@@ -27,7 +27,7 @@ let userInfo = reactive({
 });
 let unitName = ref('');
 const userId = ref<number | string>(0);
-const unitId = ref<number | string>(0);
+const unitId = ref<string>('');
 const [BasicForm, formApi] = useVbenForm({
   commonConfig: {
     // 默认占满两列
@@ -70,7 +70,8 @@ const [BasicModal, modalApi] = useVbenModal({
     if (isUpdate.value && id) {
       const record = await personInfo(id);
       userId.value = record.userId;
-      unitId.value = record.unitId;
+      unitId.value = record.unitId.toString();
+      record.state=record.state?.toString()
       await formApi.setValues(record);
     }
     await markInitialized();

apps/web-antd/src/views/property/resident/person/query-unit-list.vue

@@ -9,12 +9,12 @@ const props= withDefaults(defineProps<{
   disabled?: boolean;
   placeholder?: string;
   isUpdate?:boolean;
-  unitId?:number;
+  unitId?:string;
 }>(), {
   disabled: false,
   placeholder: '可根据单位名称进行搜索...',
   isUpdate:false,
-  unitId:0,
+  unitId:'',
 });
 
 async function queryUnit(value: string, callback: any) {
@@ -46,7 +46,7 @@ const handleChange = (val: string) => {
   emit('update:unitInfo', unitInfo);
 };
 
-async function getUnitInfo(val:number) {
+async function getUnitInfo(val:string) {
   const unit = await resident_unitInfo(val)
   if (unit) {
     data.value = [{
@@ -60,7 +60,7 @@ async function getUnitInfo(val:number) {
 
 watch(() => props.unitId,
   (newX) => {
-    if (props.isUpdate) {
+    if (props.isUpdate&&newX) {
       getUnitInfo(newX)
     }
   }, {immediate: true})

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',
+    component: 'TreeSelect',
-    slots:{
+    rules: 'selectRequired',
-      default:'location'
-    },
-    rules: 'required',
     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">
+<!--      <template #location="slotProps">-->
-        <RoomSelect  v-bind="slotProps" :isUpdate="isUpdate" :level="2"/>
+<!--        <RoomSelect  v-bind="slotProps" :isUpdate="isUpdate" :level="2"/>-->
-      </template>
+<!--      </template>-->
     </BasicForm>
   </BasicModal>
 </template>