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

apps/web-antd/src/api/property/attendanceManagement/attendanceGroupSettings/model.d.ts

@@ -19,9 +19,17 @@ export interface GroupVO {
   /**
    * 考勤类型(0:固定班制,1:排班制)
    */
-  attendanceType: number;
+  attendanceType: number| string;
 
-  isAutomatic: number;
+  isAutomatic: boolean;
+
+  clockDateList: any[];
+
+  weekList: any[];
+
+  attendanceList:any[];
+
+  scheduleCycleList:any[];
 
 }
 

apps/web-antd/src/api/property/equipmentManagement/maintainPlan/model.d.ts

@@ -61,6 +61,8 @@ export interface MaintainPlanVO {
   userId: string[];
 
   machineMaintainPlanStaffBoList:any[];
+
+  machineMaintainPlanStaffVos:any[];
 }
 
 export interface MaintainPlanForm extends BaseEntity {

apps/web-antd/src/api/property/inspectionManagement/inspectionPlan/model.d.ts

@@ -19,7 +19,7 @@ export interface InspectionPlanVO {
   /**
    * 巡检周期
    */
-  inspectionPlanPeriod: number;
+  inspectionPlanPeriod: string;
 
   /**
    * 任务提前分组

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

@@ -1,9 +1,9 @@
-import type { PersonVO, PersonForm, PersonQuery } from './model';
+import type { PersonVO, PersonForm, PersonQuery, PerssonImportParam } from './model';
 
 import type { ID, IDS } from '#/api/common';
 import type { PageResult } from '#/api/common';
 
-import { commonExport } from '#/api/helper';
+import { commonExport, ContentTypeEnum } from '#/api/helper';
 import { requestClient } from '#/api/request';
 
 /**
@@ -59,3 +59,54 @@ export function personUpdate(data: PersonForm) {
 export function personRemove(id: ID | IDS) {
   return requestClient.deleteWithMsg<void>(`/property/person/${id}`);
 }
+
+/**
+ * 从excel导入用户
+ * @param data
+ * @returns void
+ */
+export function personImportData(data: PerssonImportParam) {
+  return requestClient.post<{ code: number; msg: string }>(
+    '/property/person/importData',
+    data,
+    {
+      headers: {
+        'Content-Type': ContentTypeEnum.FORM_DATA,
+      },
+      isTransformResponse: false,
+    },
+  );
+}
+
+/**
+ * 导入人脸
+ * @param data
+ * @returns void
+ */
+export function personImportFace(data: PerssonImportParam) {
+  return requestClient.post<{ code: number; msg: string }>(
+    '/property/person/importFace',
+    data,
+    {
+      headers: {
+        'Content-Type': ContentTypeEnum.FORM_DATA,
+      },
+      isTransformResponse: false,
+    },
+  );
+}
+
+/**
+ * 下载用户导入模板
+ * @returns blob
+ */
+export function downloadImportTemplate() {
+  return requestClient.post<Blob>(
+    '/property/person/importTemplate',
+    {},
+    {
+      isTransformResponse: false,
+      responseType: 'blob',
+    },
+  );
+}

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

@@ -285,3 +285,15 @@ export interface Person extends BaseEntity {
 
   email: string
 }
+
+/**
+ * @description: 用户导入
+ * @param updateSupport 是否覆盖数据
+ * @param unitId 单位Id
+ * @param file excel文件
+ */
+export interface PerssonImportParam {
+  updateSupport: boolean;
+  unitId: number;
+  file: Blob | File;
+}

apps/web-antd/src/views/property/attendanceManagement/attendanceGroupSettings/attendance-group-detail.vue

@@ -45,7 +45,7 @@ async function handleOpenChange(open: boolean) {
   }
   modalApi.modalLoading(true);
   const {id,attendanceType} = modalApi.getData() as { id?: number | string,attendanceType?:string };
-  const res = await groupInfo(id,attendanceType);
+  const res = await groupInfo(id as string,attendanceType as string);
   groupDetail.value=res;
   if(res.attendanceType==0){
     unCheckInData.value=res.clockDateList.filter(item=>item.mustNoCheck==0)
@@ -65,7 +65,19 @@ async function handleOpenChange(open: boolean) {
     })
     groupDetail.value.isAutomatic=true
   }else {
-    cycleData.value=res;
+    cycleData.value=res.scheduleCycleList;
+    cycleData.value.forEach(item => {
+      if(item.shiftId){
+        const shift = res.attendanceList.find(i => item.shiftId == i.id);
+        let str = ''
+        if (shift.isRest) {
+          str = `${shift.name}：${shift.startTime}~${shift.restStartTime} ${shift.restEndTime}~${shift.endTime}`;
+        } else {
+          str = `${shift.name}：${shift.startTime}~${shift.endTime}`;
+        }
+        item.shiftValue=str
+      }
+    })
   }
   modalApi.modalLoading(false);
 }
@@ -115,7 +127,7 @@ async function showHoliday() {
               size="small"
               :pagination="false"
             >
-              <template #bodyCell="{ column, record, index }">
+              <template #bodyCell="{ column, record }">
                 <template v-if="column.dataIndex === 'dayOfWeek'">
                  <component :is="renderDict(record.dayOfWeek,'wy_kqgzr')"></component>
                 </template>

apps/web-antd/src/views/property/attendanceManagement/attendanceGroupSettings/group-modal.vue

@@ -89,7 +89,7 @@ const [BasicModal, modalApi] = useVbenModal({
     };
     isUpdate.value = !!id;
     if (isUpdate.value && id) {
-      const record = await groupInfo(id, attendanceType);
+      const record = await groupInfo(id, attendanceType as string);
       record.attendanceType = record.attendanceType.toString()
       if (record.attendanceType == '0') {
         settingData.unCheckInData = record.clockDateList.filter(item => item.mustNoCheck == 0)
@@ -108,7 +108,21 @@ const [BasicModal, modalApi] = useVbenModal({
           }
         })
       } else {
-
+        settingData.cycleData=record.scheduleCycleList
+        settingData.cycleData.forEach(item => {
+          if(item.shiftId){
+            item.scheduleId=item.shiftId
+            const shift = record.attendanceList.find(i => item.shiftId == i.id);
+            let str = ''
+            if (shift.isRest) {
+              str = `${shift.name}：${shift.startTime}~${shift.restStartTime} ${shift.restEndTime}~${shift.endTime}`;
+            } else {
+              str = `${shift.name}：${shift.startTime}~${shift.endTime}`;
+            }
+            item.shiftValue=str
+          }
+        })
+        shiftList.value=record.attendanceList
       }
       await formApi.setValues(record);
     } else {
@@ -179,6 +193,8 @@ async function handleClosed() {
     checkInData: [],
     shiftId: '',
   });
+  shiftInfo.value = undefined
+  shiftList.value = []
 }
 
 const [HolidayCalendar, holidayApi] = useVbenModal({

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

@@ -8,10 +8,10 @@ import {
 } from '#/api/property/businessManagement/workOrders';
 import {defaultFormValueGetter, useBeforeCloseDiff} from '#/utils/popup';
 import {ordersModalSchema} from './data';
-import {personList} from "#/api/property/resident/person";
 import {renderDictValue} from "#/utils/render";
-import {onMounted, ref} from "vue";
+import {ref} from "vue";
 import {useUserStore} from '@vben/stores';
+import {userList} from "#/api/system/user";
 
 const userStore = useUserStore();
 const emit = defineEmits<{ reload: [] }>();
@@ -109,10 +109,10 @@ async function queryPersonData() {
     pageSize: 1000,
     pageNum: 1,
   }
-  const res = await personList(params);
+  const res = await userList(params);
   const options = res.rows.map((user) => ({
-    label: user.userName + '-' + renderDictValue(user.gender, 'sys_user_sex') + '-' + user.phone,
+    label: user.nickName + '-' + renderDictValue(user.sex, 'sys_user_sex') + '-' + user.phonenumber,
-    value: user.id,
+    value: user.userId,
   }));
   formApi.updateSchema([
     {

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

@@ -26,10 +26,10 @@ export const querySchema: FormSchemaGetter = () => [
 
 export const columns: VxeGridProps['columns'] = [
   { type: 'checkbox', width: 60 },
-  {
+  // {
-    title: '工单类型编号',
+  //   title: '工单类型编号',
-    field: 'orderTypeNo',
+  //   field: 'orderTypeNo',
-  },
+  // },
   {
     title: '类型名称',
     field: 'orderTypeName',

apps/web-antd/src/views/property/community/community-modal.vue

@@ -64,8 +64,10 @@ const [BasicModal, modalApi] = useVbenModal({
     isUpdate.value = !!id;
     if (isUpdate.value && id) {
       const record = await communityInfo(id);
-      await formApi.setValues(record);
+      await formApi.setValues({
-
+        ...record,
+        communityType: String(record.communityType),
+      });
     }
 
     setupDeptSelect();

apps/web-antd/src/views/property/equipmentManagement/maintainPlan/data.ts

@@ -177,7 +177,7 @@ export const modalSchema: FormSchemaGetter = () => [
     rules:'required'
   },
   {
-    label: '巡检人员',
+    label: '保养人员',
     fieldName: 'userId',
     component: 'ApiSelect',
     componentProps:{

apps/web-antd/src/views/property/equipmentManagement/maintainPlan/maintainPlan-modal.vue

@@ -15,8 +15,8 @@ import {defaultFormValueGetter, useBeforeCloseDiff} from '#/utils/popup';
 
 import {modalSchema} from './data';
 import {getMachineTypeTree} from "#/api/property/machineType";
-import {personList} from "#/api/property/resident/person";
 import {renderDictValue} from "#/utils/render";
+import {userList} from "#/api/system/user";
 
 const emit = defineEmits<{ reload: [] }>();
 
@@ -72,8 +72,8 @@ const [BasicModal, modalApi] = useVbenModal({
         record.maintainMonth = record.maintainMonth?.split(',')
         record.maintainDay = record.maintainDay?.split(',')
       }
-      if (record.machineMaintainPlanStaffBoList) {
+      if (record.machineMaintainPlanStaffVos) {
-        record.userId =  record.machineMaintainPlanStaffBoList.map(item=>item.userId)
+        record.userId =  record.machineMaintainPlanStaffVos.map(item=>item.userId.toString())
       }
       await formApi.setValues(record);
     }
@@ -161,11 +161,11 @@ async function queryPersonData() {
     pageSize: 1000,
     pageNum: 1,
   }
-  const res = await personList(params);
+  const res = await userList(params);
   const options = res.rows.map((user) => ({
-    label: user.userName + '-' + renderDictValue(user.gender, 'sys_user_sex')
+    label: user.nickName + '-' + renderDictValue(user.sex, 'sys_user_sex')
-      + '-' + user.phone + '-' + user.unitName,
+      + '-' + user.phonenumber,
-    value: user.id,
+    value: user.userId.toString(),
   }));
   formApi.updateSchema([{
     componentProps: () => ({

apps/web-antd/src/views/property/equipmentManagement/maintainPlan/plan-detail.vue

@@ -10,7 +10,6 @@ import {renderDict} from "#/utils/render";
 dayjs.extend(duration);
 dayjs.extend(relativeTime);
 import {CheckboxGroup} from 'ant-design-vue'
-import {getDictOptions} from "#/utils/dict";
 import {maintainPlanInfo} from "#/api/property/equipmentManagement/maintainPlan";
 import type {MaintainPlanVO} from "#/api/property/equipmentManagement/maintainPlan/model";
 
@@ -78,11 +77,16 @@ const monthArr=Array.from({ length: 12 }, (_, i) => ({
       <DescriptionsItem label="计划日期" :span="2">
         {{ maintainPlanDetail.startDate + '\xa0至\xa0' + maintainPlanDetail.endDate }}
       </DescriptionsItem>
-      <DescriptionsItem label="状态" v-if="maintainPlanDetail.state!=null">
+      <DescriptionsItem label="状态" v-if="maintainPlanDetail.state!=null" :span="2">
         <component
           :is="renderDict(maintainPlanDetail.state,'wy_state')"
         />
       </DescriptionsItem>
+      <DescriptionsItem label="保养人员" :span="2">
+        <span style="margin-right: 10px;" v-for="item in maintainPlanDetail.machineMaintainPlanStaffVos">
+          {{item.userName}}
+        </span>
+      </DescriptionsItem>
     </Descriptions>
   </BasicModal>
 </template>

apps/web-antd/src/views/property/inspectionManagement/inspectionPlan/inspectionPlan-modal.vue

@@ -14,10 +14,10 @@ import {
 import {defaultFormValueGetter, useBeforeCloseDiff} from '#/utils/popup';
 
 import {modalSchema} from './data';
-import {personList} from "#/api/property/resident/person";
 import {renderDictValue} from "#/utils/render";
 import {inspectionRouteList} from "#/api/property/inspectionManagement/inspectionRoute";
 import {InputNumber} from 'ant-design-vue'
+import {userList} from "#/api/system/user";
 
 const emit = defineEmits<{ reload: [] }>();
 
@@ -75,7 +75,7 @@ const [BasicModal, modalApi] = useVbenModal({
         record.inspectionWorkday = record.inspectionWorkday?.split(',')
       }
       if (record.inspectionPlanStaffVoList && record.inspectionPlanStaffVoList.length) {
-        record.userId = record.inspectionPlanStaffVoList.map(item => item.userId)
+        record.userId = record.inspectionPlanStaffVoList.map(item => item.userId.toString())
       }
       await formApi.setValues(record);
     }
@@ -140,11 +140,11 @@ async function queryPersonData() {
     pageSize: 1000,
     pageNum: 1,
   }
-  const res = await personList(params);
+  const res = await userList(params);
   const options = res.rows.map((user) => ({
-    label: user.userName + '-' + renderDictValue(user.gender, 'sys_user_sex')
+    label: user.nickName + '-' + renderDictValue(user.sex, 'sys_user_sex')
-      + '-' + user.phone + '-' + user.unitName,
+      + '-' + user.phonenumber,
-    value: user.id,
+    value: user.userId.toString(),
   }));
   formApi.updateSchema([{
     componentProps: () => ({

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

@@ -0,0 +1,115 @@
+<script setup lang="ts">
+import type { UploadFile } from 'ant-design-vue/es/upload/interface'
+
+import { h, ref } from 'vue'
+
+import { useVbenModal } from '@vben/common-ui'
+import { InBoxIcon } from '@vben/icons'
+
+import { Modal, Upload, Select, message } from 'ant-design-vue'
+
+import type { Resident_unitQuery } from '#/api/property/resident/unit/model'
+import { resident_unitList } from '#/api/property/resident/unit'
+import { personImportFace } from '#/api/property/resident/person'
+
+const emit = defineEmits<{ reload: [] }>()
+
+const UploadDragger = Upload.Dragger
+
+const [BasicModal, modalApi] = useVbenModal({
+  onCancel: handleCancel,
+  onConfirm: handleSubmit,
+  onOpenChange: async (isOpen) => {
+    if (!isOpen) {
+      return null
+    }
+
+    const params: Resident_unitQuery = {
+      pageNum: 1,
+      pageSize: 500,
+    }
+
+    const res = await resident_unitList(params)
+    unitOptions.value = res.rows
+  }
+})
+
+const unitOptions = ref<any[]>([])
+const fileList = ref<UploadFile[]>([])
+const unitId = ref<number>()
+const fieldNames = {
+  value: 'id',
+  label: 'name',
+}
+
+async function handleSubmit() {
+  try {
+    modalApi.modalLoading(true)
+    if (fileList.value.length !== 1) {
+      handleCancel()
+      return
+    }
+    if (!unitId.value) {
+      message.error('请选择单位！')
+      return
+    }
+    const data = {
+      file: fileList.value[0]!.originFileObj as Blob,
+      unitId: unitId.value,
+    }
+    // console.log(data)
+    // const code = 200
+    // const msg = '成功'
+    const { code, msg } = await personImportFace(data)
+    let modal = Modal.success
+    if (code === 200) {
+      emit('reload')
+    } else {
+      modal = Modal.error
+    }
+    handleCancel()
+    modal({
+      content: h('div', {
+        class: 'max-h-[260px] overflow-y-auto',
+        innerHTML: msg, // 后台已经处理xss问题
+      }),
+      title: '提示',
+    })
+  } catch (error) {
+    console.warn(error)
+    modalApi.close()
+  } finally {
+    modalApi.modalLoading(false)
+  }
+}
+
+function handleCancel() {
+  modalApi.close()
+  fileList.value = []
+}
+</script>
+
+<template>
+  <BasicModal :close-on-click-modal="false" :fullscreen-button="false" title="用户人脸导入">
+    <!-- z-index不设置会遮挡模板下载loading -->
+    <!-- 手动处理 而不是放入文件就上传 -->
+    <UploadDragger v-model:file-list="fileList" :before-upload="() => false" :max-count="1" :show-upload-list="true"
+      accept=".zip">
+      <p class="ant-upload-drag-icon flex items-center justify-center">
+        <InBoxIcon class="text-primary size-[48px]" />
+      </p>
+      <p class="ant-upload-text">点击或者拖拽到此处上传文件</p>
+    </UploadDragger>
+    <div class="mt-2 flex flex-col gap-2">
+      <div class="flex items-center gap-2">
+        <span>允许导入.zip文件</span>
+      </div>
+      <div class="flex items-center gap-2">
+        <span>
+          选择单位：
+        </span>
+        <Select :options="unitOptions" :fieldNames="fieldNames" v-model:value="unitId" style="width: 250px;" />
+      </div>
+    </div>
+  </BasicModal>
+</template>

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

@@ -1,29 +1,31 @@
 <script setup lang="ts">
 
-import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';
+import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui'
-import { getVxePopupContainer } from '@vben/utils';
+import { getVxePopupContainer } from '@vben/utils'
 
-import {Avatar, Modal, Popconfirm, Space} from 'ant-design-vue';
+import { Avatar, Modal, Popconfirm, Space } from 'ant-design-vue'
 
 import {
   useVbenVxeGrid,
   vxeCheckboxChecked,
   type VxeGridProps
-} from '#/adapter/vxe-table';
+} from '#/adapter/vxe-table'
 
 import {
   personExport,
   personList,
   personRemove, personUpdate,
-} from '#/api/property/resident/person';
+} from '#/api/property/resident/person'
-import type { PersonForm } from '#/api/property/resident/person/model';
+import type { PersonForm } from '#/api/property/resident/person/model'
-import { commonDownloadExcel } from '#/utils/file/download';
+import { commonDownloadExcel } from '#/utils/file/download'
 
-import personModal from './person-modal.vue';
+import personModal from './person-modal.vue'
-import personDetail from './person-detail.vue';
+import personDetail from './person-detail.vue'
-import { columns, querySchema } from './data';
+import personImportModal from './person-import-modal.vue'
-import {useAccess} from "@vben/access";
+import faceImportModal from './face-import-modal.vue'
-import {TableSwitch} from "#/components/table";
+import { columns, querySchema } from './data'
+import { useAccess } from "@vben/access"
+import { TableSwitch } from "#/components/table"
 
 const formOptions: VbenFormProps = {
   commonConfig: {
@@ -34,7 +36,7 @@ const formOptions: VbenFormProps = {
   },
   schema: querySchema(),
   wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',
-};
+}
 
 const gridOptions: VxeGridProps = {
   checkboxConfig: {
@@ -56,7 +58,7 @@ const gridOptions: VxeGridProps = {
           pageNum: page.currentPage,
           pageSize: page.pageSize,
           ...formValues,
-        });
+        })
       },
     },
   },
@@ -65,60 +67,74 @@ const gridOptions: VxeGridProps = {
   },
   // 表格全局唯一表示 保存列配置需要用到
   id: 'property-person-index'
-};
+}
 
 const [BasicTable, tableApi] = useVbenVxeGrid({
   formOptions,
   gridOptions,
-});
+})
 
 const [PersonModal, modalApi] = useVbenModal({
   connectedComponent: personModal,
-});
+})
 const [PersonDetail, personDetailApi] = useVbenModal({
   connectedComponent: personDetail,
-});
+})
+const [PersonImportModal, personImportModalApi] = useVbenModal({
+  connectedComponent: personImportModal,
+})
+const [FaceImportModal, faceImportModalApi] = useVbenModal({
+  connectedComponent: faceImportModal,
+})
 
-const { hasAccessByCodes } = useAccess();
+const { hasAccessByCodes } = useAccess()
 
 function handleAdd() {
-  modalApi.setData({});
+  modalApi.setData({})
-  modalApi.open();
+  modalApi.open()
+}
+
+function handleImport() {
+  personImportModalApi.open()
+}
+
+function handleFaceImport() {
+  faceImportModalApi.open()
 }
 
 async function handleEdit(row: Required<PersonForm>) {
-  modalApi.setData({ id: row.id });
+  modalApi.setData({ id: row.id })
-  modalApi.open();
+  modalApi.open()
 }
 
 async function handleDelete(row: Required<PersonForm>) {
-  await personRemove(row.id);
+  await personRemove(row.id)
-  await tableApi.query();
+  await tableApi.query()
 }
 
 function handleMultiDelete() {
-  const rows = tableApi.grid.getCheckboxRecords();
+  const rows = tableApi.grid.getCheckboxRecords()
-  const ids = rows.map((row: Required<PersonForm>) => row.id);
+  const ids = rows.map((row: Required<PersonForm>) => row.id)
   Modal.confirm({
     title: '提示',
     okType: 'danger',
     content: `确认删除选中的${ids.length}条记录吗？`,
     onOk: async () => {
-      await personRemove(ids);
+      await personRemove(ids)
-      await tableApi.query();
+      await tableApi.query()
     },
-  });
+  })
 }
 
 function handleDownloadExcel() {
   commonDownloadExcel(personExport, '入驻员工数据', tableApi.formApi.form.values, {
     fieldMappingTime: formOptions.fieldMappingTime,
-  });
+  })
 }
 
 function handleInfo(row: Required<PersonForm>) {
-  personDetailApi.setData({ id: row.id });
+  personDetailApi.setData({ id: row.id })
-  personDetailApi.open();
+  personDetailApi.open()
 }
 </script>
 
@@ -127,25 +143,20 @@ function handleInfo(row: Required<PersonForm>) {
     <BasicTable table-title="入驻员工列表">
       <template #toolbar-tools>
         <Space>
-          <a-button
+          <a-button v-access:code="['property:person:export']" @click="handleDownloadExcel">
-            v-access:code="['property:person:export']"
-            @click="handleDownloadExcel"
-          >
             {{ $t('pages.common.export') }}
           </a-button>
-          <a-button
+          <a-button v-access:code="['system:user:import']" @click="handleImport">
-            :disabled="!vxeCheckboxChecked(tableApi)"
+            {{ $t('pages.common.import') }}
-            danger
+          </a-button>
-            type="primary"
+          <a-button @click="handleFaceImport">
-            v-access:code="['property:person:remove']"
+            人脸导入
-            @click="handleMultiDelete">
+          </a-button>
+          <a-button :disabled="!vxeCheckboxChecked(tableApi)" danger type="primary"
+            v-access:code="['property:person:remove']" @click="handleMultiDelete">
             {{ $t('pages.common.delete') }}
           </a-button>
-          <a-button
+          <a-button type="primary" v-access:code="['property:person:add']" @click="handleAdd">
-            type="primary"
-            v-access:code="['property:person:add']"
-            @click="handleAdd"
-          >
             {{ $t('pages.common.add') }}
           </a-button>
         </Space>
@@ -156,39 +167,20 @@ function handleInfo(row: Required<PersonForm>) {
       </template>
       <template #state="{ row }">
   
-        <TableSwitch
+        <TableSwitch :checkedValue="1" :unCheckedValue="0" v-model:value="row.state" :api="() => personUpdate(row)"
-          :checkedValue="1"
+          :disabled="!hasAccessByCodes(['property:person:edit'])" @reload="() => tableApi.query()" />
-          :unCheckedValue="0"
-          v-model:value="row.state"
-          :api="() => personUpdate(row)"
-          :disabled="!hasAccessByCodes(['property:person:edit'])"
-          @reload="() => tableApi.query()"
-        />
       </template>
       <template #action="{ row }">
         <Space>
-          <ghost-button
+          <ghost-button @click.stop="handleInfo(row)">
-            @click.stop="handleInfo(row)"
-          >
             {{ $t('pages.common.info') }}
           </ghost-button>
-          <ghost-button
+          <ghost-button v-access:code="['property:person:edit']" @click.stop="handleEdit(row)">
-            v-access:code="['property:person:edit']"
-            @click.stop="handleEdit(row)"
-          >
             {{ $t('pages.common.edit') }}
           </ghost-button>
-          <Popconfirm
+          <Popconfirm :get-popup-container="getVxePopupContainer" placement="left" title="确认删除？"
-            :get-popup-container="getVxePopupContainer"
+            @confirm="handleDelete(row)">
-            placement="left"
+            <ghost-button danger v-access:code="['property:person:remove']" @click.stop="">
-            title="确认删除？"
-            @confirm="handleDelete(row)"
-          >
-            <ghost-button
-              danger
-              v-access:code="['property:person:remove']"
-              @click.stop=""
-            >
               {{ $t('pages.common.delete') }}
             </ghost-button>
           </Popconfirm>
@@ -197,6 +189,8 @@ function handleInfo(row: Required<PersonForm>) {
     </BasicTable>
     <PersonModal @reload="tableApi.query()" />
     <PersonDetail></PersonDetail>
+    <PersonImportModal />
+    <FaceImportModal />
   </Page>
 </template>
 <style scoped>

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

@@ -0,0 +1,131 @@
+<script setup lang="ts">
+import type { UploadFile } from 'ant-design-vue/es/upload/interface'
+
+import { h, ref, unref } from 'vue'
+
+import { useVbenModal } from '@vben/common-ui'
+import { ExcelIcon, InBoxIcon } from '@vben/icons'
+
+import { Modal, Switch, Upload, Select, message } from 'ant-design-vue'
+
+import type { Resident_unitQuery } from '#/api/property/resident/unit/model'
+import { resident_unitList } from '#/api/property/resident/unit'
+import { downloadImportTemplate, personImportData } from '#/api/property/resident/person'
+import { commonDownloadExcel } from '#/utils/file/download'
+
+const emit = defineEmits<{ reload: [] }>()
+
+const UploadDragger = Upload.Dragger
+
+const [BasicModal, modalApi] = useVbenModal({
+  onCancel: handleCancel,
+  onConfirm: handleSubmit,
+  onOpenChange: async (isOpen) => {
+    if (!isOpen) {
+      return null
+    }
+
+    const params: Resident_unitQuery = {
+      pageNum: 1,
+      pageSize: 500,
+    }
+
+    const res = await resident_unitList(params)
+    unitOptions.value = res.rows
+  }
+})
+
+const unitOptions = ref<any[]>([])
+const fileList = ref<UploadFile[]>([])
+const checked = ref(false)
+const unitId = ref<number>()
+const fieldNames = {
+  value: 'id',
+  label: 'name',
+}
+
+async function handleSubmit() {
+  try {
+    modalApi.modalLoading(true)
+    if (fileList.value.length !== 1) {
+      handleCancel()
+      return
+    }
+    if (!unitId.value) {
+      message.error('请选择单位！')
+      return
+    }
+    const data = {
+      file: fileList.value[0]!.originFileObj as Blob,
+      updateSupport: unref(checked),
+      unitId: unitId.value,
+    }
+    // console.log(data)
+    // const code = 200
+    // const msg = '成功'
+    const { code, msg } = await personImportData(data)
+    let modal = Modal.success
+    if (code === 200) {
+      emit('reload')
+    } else {
+      modal = Modal.error
+    }
+    handleCancel()
+    modal({
+      content: h('div', {
+        class: 'max-h-[260px] overflow-y-auto',
+        innerHTML: msg, // 后台已经处理xss问题
+      }),
+      title: '提示',
+    })
+  } catch (error) {
+    console.warn(error)
+    modalApi.close()
+  } finally {
+    modalApi.modalLoading(false)
+  }
+}
+
+function handleCancel() {
+  modalApi.close()
+  fileList.value = []
+  checked.value = false
+}
+</script>
+
+<template>
+  <BasicModal :close-on-click-modal="false" :fullscreen-button="false" title="用户导入">
+    <!-- z-index不设置会遮挡模板下载loading -->
+    <!-- 手动处理 而不是放入文件就上传 -->
+    <UploadDragger v-model:file-list="fileList" :before-upload="() => false" :max-count="1" :show-upload-list="true"
+      accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
+      <p class="ant-upload-drag-icon flex items-center justify-center">
+        <InBoxIcon class="text-primary size-[48px]" />
+      </p>
+      <p class="ant-upload-text">点击或者拖拽到此处上传文件</p>
+    </UploadDragger>
+    <div class="mt-2 flex flex-col gap-2">
+      <div class="flex items-center gap-2">
+        <span>允许导入xlsx, xls文件</span>
+        <a-button type="link" @click="commonDownloadExcel(downloadImportTemplate, '入驻员工导入模板')">
+          <div class="flex items-center gap-[4px]">
+            <ExcelIcon />
+            <span>下载模板</span>
+          </div>
+        </a-button>
+      </div>
+      <div class="flex items-center gap-2">
+        <span :class="{ 'text-red-500': checked }">
+          是否更新/覆盖已存在的用户数据
+        </span>
+        <Switch v-model:checked="checked" />
+      </div>
+      <div class="flex items-center gap-2">
+        <span :class="{ 'text-red-500': checked }">
+          选择单位：
+        </span>
+        <Select :options="unitOptions" :fieldNames="fieldNames" v-model:value="unitId" style="width: 250px;" />
+      </div>
+    </div>
+  </BasicModal>
+</template>

packages/@core/preferences/src/types.ts

@@ -267,6 +267,8 @@ interface WidgetPreferences {
   sidebarToggle: boolean;
   /** 是否显示主题切换部件 */
   themeToggle: boolean;
+  /** 是否显示返回导航部件 */
+  backNavigation: boolean;
 }
 
 interface Preferences {

packages/effects/layouts/src/basic/header/header.vue

@@ -11,6 +11,7 @@ import {
   LanguageToggle,
   PreferencesButton,
   ThemeToggle,
+  BackNavigation,
 } from '../../widgets';
 
 interface Props {
@@ -43,7 +44,8 @@ const rightSlots = computed(() => {
     list.push({
       index: REFERENCE_VALUE,
       name: 'global-search',
-    });
+    }
+    );
   }
 
   if (preferencesButtonPosition.value.header) {
@@ -76,6 +78,12 @@ const rightSlots = computed(() => {
       name: 'notification',
     });
   }
+  if (preferences.widget.backNavigation) {
+    list.push({
+      index: REFERENCE_VALUE + 60,
+      name: 'back-navigation',
+    });
+  }
 
   Object.keys(slots).forEach((key) => {
     const name = key.split('-');
@@ -164,6 +172,9 @@ function clearPreferencesAndLogout() {
         <template v-else-if="slot.name === 'fullscreen'">
           <VbenFullScreen class="mr-1" />
         </template>
+        <template v-else-if="slot.name === 'back-navigation'">
+          <BackNavigation class="mr-1" />
+        </template>
       </slot>
     </template>
   </div>

packages/effects/layouts/src/widgets/back-navigation.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import { ArrowLeft } from '@vben/icons';
+import { VbenIconButton } from '@vben-core/shadcn-ui';
+import { useRouter } from 'vue-router';
+const router = useRouter();
+const back = () => {
+    router.push('/navigation');
+}
+</script>
+<template>
+    <VbenIconButton @click="back">
+        <ArrowLeft></ArrowLeft>
+    </VbenIconButton>
+</template>

packages/effects/layouts/src/widgets/index.ts

@@ -9,3 +9,4 @@ export * from './notification';
 export * from './preferences';
 export * from './theme-toggle';
 export * from './user-dropdown';
+export { default as BackNavigation } from './back-navigation.vue';