feat(property): 1

2025-09-10 20:44:59 +08:00
parent f3117de0d6
commit e7ab904858
5 changed files with 426 additions and 441 deletions
--- a/apps/web-antd/src/views/property/resident/person/data.ts
+++ b/apps/web-antd/src/views/property/resident/person/data.ts
@@ -108,6 +108,12 @@ export const columns: VxeGridProps['columns'] = [
    },
    width: 100,
  },
+  {
+    title: '授权状态',
+    field: 'eeightId',
+    slots: { default: 'eeightId' },
+    width: 100,
+  },
  {
    title: '备注',
    field: 'remark',
@@ -117,7 +123,7 @@ export const columns: VxeGridProps['columns'] = [
    fixed: 'right',
    slots: { default: 'action' },
    title: '操作',
-    width: 200,
+    width: 250,
  },
 ]

--- a/apps/web-antd/src/views/property/resident/person/index.vue
+++ b/apps/web-antd/src/views/property/resident/person/index.vue
@@ -1,31 +1,29 @@
 <script setup lang="ts">
-
-import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui'
-import { getVxePopupContainer } from '@vben/utils'
-
-import { Avatar, Modal, Popconfirm, Space } from 'ant-design-vue'
+import { useAccess } from '@vben/access';
+import personModal from './person-modal.vue';
+import { columns, querySchema } from './data';
+import personDetail from './person-detail.vue';
+import { TableSwitch } from '#/components/table';
+import { getVxePopupContainer } from '@vben/utils';
+import faceImportModal from './face-import-modal.vue';
+import personImportModal from './person-import-modal.vue';
+import { commonDownloadExcel } from '#/utils/file/download';
+import { Avatar, Modal, Popconfirm, Space, Tag } from 'ant-design-vue';
+import type { PersonForm } from '#/api/property/resident/person/model';
+import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';

 import {
  useVbenVxeGrid,
  vxeCheckboxChecked,
-  type VxeGridProps
-} from '#/adapter/vxe-table'
+  type VxeGridProps,
+} from '#/adapter/vxe-table';

 import {
  personExport,
  personList,
-  personRemove, personUpdate,
-} from '#/api/property/resident/person'
-import type { PersonForm } from '#/api/property/resident/person/model'
-import { commonDownloadExcel } from '#/utils/file/download'
-
-import personModal from './person-modal.vue'
-import personDetail from './person-detail.vue'
-import personImportModal from './person-import-modal.vue'
-import faceImportModal from './face-import-modal.vue'
-import { columns, querySchema } from './data'
-import { useAccess } from "@vben/access"
-import { TableSwitch } from "#/components/table"
+  personRemove,
+  personUpdate,
+} from '#/api/property/resident/person';

 const formOptions: VbenFormProps = {
  commonConfig: {
@@ -36,7 +34,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: {
@@ -64,8 +62,6 @@ const gridOptions: VxeGridProps = {
          pageSize: page.pageSize,
          ...formValues,
        });
-        console.log(res);
-        
        return res;
      },
    },
@@ -74,75 +70,80 @@ const gridOptions: VxeGridProps = {
    keyField: 'id',
  },
  // 表格全局唯一表示 保存列配置需要用到
-  id: 'property-person-index'
-}
+  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.open()
+  modalApi.setData({});
+  modalApi.open();
 }

 function handleImport() {
-  personImportModalApi.open()
+  personImportModalApi.open();
 }

 function handleFaceImport() {
-  faceImportModalApi.open()
+  faceImportModalApi.open();
 }

 async function handleEdit(row: Required<PersonForm>) {
-  modalApi.setData({ id: row.id })
-  modalApi.open()
+  modalApi.setData({ id: row.id });
+  modalApi.open();
 }

 async function handleDelete(row: Required<PersonForm>) {
-  await personRemove(row.id)
-  await tableApi.query()
+  await personRemove(row.id);
+  await tableApi.query();
 }

 function handleMultiDelete() {
-  const rows = tableApi.grid.getCheckboxRecords()
-  const ids = rows.map((row: Required<PersonForm>) => row.id)
+  const rows = tableApi.grid.getCheckboxRecords();
+  const ids = rows.map((row: Required<PersonForm>) => row.id);
  Modal.confirm({
    title: '提示',
    okType: 'danger',
    content: `确认删除选中的${ids.length}条记录吗？`,
    onOk: async () => {
-      await personRemove(ids)
-      await tableApi.query()
+      await personRemove(ids);
+      await tableApi.query();
    },
-  })
+  });
 }

 function handleDownloadExcel() {
-  commonDownloadExcel(personExport, '入驻员工数据', tableApi.formApi.form.values, {
-    fieldMappingTime: formOptions.fieldMappingTime,
-  })
+  commonDownloadExcel(
+    personExport,
+    '入驻员工数据',
+    tableApi.formApi.form.values,
+    {
+      fieldMappingTime: formOptions.fieldMappingTime,
+    },
+  );
 }

 function handleInfo(row: Required<PersonForm>) {
-  personDetailApi.setData({ id: row.id })
-  personDetailApi.open()
+  personDetailApi.setData({ id: row.id });
+  personDetailApi.open();
 }
 </script>

@@ -151,20 +152,33 @@ function handleInfo(row: Required<PersonForm>) {
    <BasicTable table-title="入驻员工列表">
      <template #toolbar-tools>
        <Space>
-          <a-button v-access:code="['property:person:export']" @click="handleDownloadExcel">
+          <a-button
+            v-access:code="['property:person:export']"
+            @click="handleDownloadExcel"
+          >
            {{ $t('pages.common.export') }}
          </a-button>
-          <a-button v-access:code="['system:user:import']" @click="handleImport">
+          <a-button
+            v-access:code="['system:user:import']"
+            @click="handleImport"
+          >
            {{ $t('pages.common.import') }}
          </a-button>
-          <a-button @click="handleFaceImport">
-            人脸导入
-          </a-button>
-          <a-button :disabled="!vxeCheckboxChecked(tableApi)" danger type="primary"
-            v-access:code="['property:person:remove']" @click="handleMultiDelete">
+          <a-button @click="handleFaceImport"> 人脸导入 </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 type="primary" v-access:code="['property:person:add']" @click="handleAdd">
+          <a-button
+            type="primary"
+            v-access:code="['property:person:add']"
+            @click="handleAdd"
+          >
            {{ $t('pages.common.add') }}
          </a-button>
        </Space>
@@ -173,17 +187,38 @@ function handleInfo(row: Required<PersonForm>) {
        <Avatar :src="row.img" v-if="row.img" />
        <span v-else>无</span>
      </template>
+      <template #eeightId="{ row }">
+        <tag v-if="row.eeightId" color="green">成功</tag>
+        <tag v-else color="orange">未授权</tag>
+      </template>
      <template #action="{ row }">
        <Space>
          <ghost-button @click.stop="handleInfo(row)">
            {{ $t('pages.common.info') }}
          </ghost-button>
-          <ghost-button v-access:code="['property:person:edit']" @click.stop="handleEdit(row)">
+          <ghost-button
+            v-access:code="['property:person:edit']"
+            @click.stop="handleEdit(row)"
+          >
            {{ $t('pages.common.edit') }}
          </ghost-button>
-          <Popconfirm :get-popup-container="getVxePopupContainer" placement="left" title="确认删除？"
-            @confirm="handleDelete(row)">
-            <ghost-button danger v-access:code="['property:person:remove']" @click.stop="">
+          <ghost-button
+            v-if="!row.eeightId"
+            style="color: orange; border-color: orange"
+          >
+            授权
+          </ghost-button>
+          <Popconfirm
+            :get-popup-container="getVxePopupContainer"
+            placement="left"
+            title="确认删除？"
+            @confirm="handleDelete(row)"
+          >
+            <ghost-button
+              danger
+              v-access:code="['property:person:remove']"
+              @click.stop=""
+            >
              {{ $t('pages.common.delete') }}
            </ghost-button>
          </Popconfirm>