From 1db3c351e5e90bb3f1c65543f376288a02f08e2d Mon Sep 17 00:00:00 2001
From: fyy <2717885210@qq.com>
Date: Wed, 13 Aug 2025 17:02:49 +0800
Subject: [PATCH 1/6] =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E6=8E=92=E7=8F=AD?=
 =?UTF-8?q?=E8=AF=A6=E8=AF=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../arrangement/model.d.ts                    |   4 +
 .../attendanceArea/index.ts                   |  61 ++++++
 .../attendanceArea/model.d.ts                 |  69 +++++++
 .../attendanceArea/attendanceArea-modal.vue   | 101 ++++++++++
 .../attendanceArea/data.ts                    |  68 +++++++
 .../attendanceArea/index.vue                  | 182 ++++++++++++++++++
 .../workforceManagement/calendarView.vue      |   2 +-
 .../workforceManagement/data.ts               |   4 +-
 .../workforceManagement/scheduleView.vue      |  10 +-
 .../workforceManagement/workforce-detail.vue  |   1 -
 10 files changed, 490 insertions(+), 12 deletions(-)
 create mode 100644 apps/web-antd/src/api/property/attendanceManagement/attendanceArea/index.ts
 create mode 100644 apps/web-antd/src/api/property/attendanceManagement/attendanceArea/model.d.ts
 create mode 100644 apps/web-antd/src/views/property/attendanceManagement/attendanceArea/attendanceArea-modal.vue
 create mode 100644 apps/web-antd/src/views/property/attendanceManagement/attendanceArea/data.ts
 create mode 100644 apps/web-antd/src/views/property/attendanceManagement/attendanceArea/index.vue

diff --git a/apps/web-antd/src/api/property/attendanceManagement/arrangement/model.d.ts b/apps/web-antd/src/api/property/attendanceManagement/arrangement/model.d.ts
index 89b0748c..91efa8ce 100644
--- a/apps/web-antd/src/api/property/attendanceManagement/arrangement/model.d.ts
+++ b/apps/web-antd/src/api/property/attendanceManagement/arrangement/model.d.ts
@@ -89,6 +89,10 @@ export interface ArrangementForm extends BaseEntity {
    * 排班人员详情
    */
   userGroupList: any[];
+  /**
+   * 排班id
+   */
+  scheduleId: string | number;
 }
 
 export interface ArrangementQuery extends PageQuery {
diff --git a/apps/web-antd/src/api/property/attendanceManagement/attendanceArea/index.ts b/apps/web-antd/src/api/property/attendanceManagement/attendanceArea/index.ts
new file mode 100644
index 00000000..ff3291a0
--- /dev/null
+++ b/apps/web-antd/src/api/property/attendanceManagement/attendanceArea/index.ts
@@ -0,0 +1,61 @@
+import type { AttendanceAreaVO, AttendanceAreaForm, AttendanceAreaQuery } from './model';
+
+import type { ID, IDS } from '#/api/common';
+import type { PageResult } from '#/api/common';
+
+import { commonExport } from '#/api/helper';
+import { requestClient } from '#/api/request';
+
+/**
+* 查询区域区域管理列表
+* @param params
+* @returns 区域区域管理列表
+*/
+export function attendanceAreaList(params?: AttendanceAreaQuery) {
+  return requestClient.get<PageResult<AttendanceAreaVO>>('/property/attendanceArea/list', { params });
+}
+
+/**
+ * 导出区域区域管理列表
+ * @param params
+ * @returns 区域区域管理列表
+ */
+export function attendanceAreaExport(params?: AttendanceAreaQuery) {
+  return commonExport('/property/attendanceArea/export', params ?? {});
+}
+
+/**
+ * 查询区域区域管理详情
+ * @param id id
+ * @returns 区域区域管理详情
+ */
+export function attendanceAreaInfo(id: ID) {
+  return requestClient.get<AttendanceAreaVO>(`/property/attendanceArea/${id}`);
+}
+
+/**
+ * 新增区域区域管理
+ * @param data
+ * @returns void
+ */
+export function attendanceAreaAdd(data: AttendanceAreaForm) {
+  return requestClient.postWithMsg<void>('/property/attendanceArea', data);
+}
+
+/**
+ * 更新区域区域管理
+ * @param data
+ * @returns void
+ */
+export function attendanceAreaUpdate(data: AttendanceAreaForm) {
+  return requestClient.putWithMsg<void>('/property/attendanceArea', data);
+}
+
+/**
+ * 删除区域区域管理
+ * @param id id
+ * @returns void
+ */
+export function attendanceAreaRemove(id: ID | IDS) {
+  return requestClient.deleteWithMsg<void>(`/property/attendanceArea/${id}`);
+}
diff --git a/apps/web-antd/src/api/property/attendanceManagement/attendanceArea/model.d.ts b/apps/web-antd/src/api/property/attendanceManagement/attendanceArea/model.d.ts
new file mode 100644
index 00000000..e912be71
--- /dev/null
+++ b/apps/web-antd/src/api/property/attendanceManagement/attendanceArea/model.d.ts
@@ -0,0 +1,69 @@
+import type { PageQuery, BaseEntity } from '#/api/common';
+
+export interface AttendanceAreaVO {
+  /**
+   * 主键id
+   */
+  id: string | number;
+
+  /**
+   * 摄像机id
+   */
+  deviceManageId: string | number;
+
+  /**
+   * 区域
+   */
+  area: string;
+
+  /**
+   * 备注
+   */
+  reamark: string;
+
+}
+
+export interface AttendanceAreaForm extends BaseEntity {
+  /**
+   * 主键id
+   */
+  id?: string | number;
+
+  /**
+   * 摄像机id
+   */
+  deviceManageId?: string | number;
+
+  /**
+   * 区域
+   */
+  area?: string;
+
+  /**
+   * 备注
+   */
+  reamark?: string;
+
+}
+
+export interface AttendanceAreaQuery extends PageQuery {
+  /**
+   * 摄像机id
+   */
+  deviceManageId?: string | number;
+
+  /**
+   * 区域
+   */
+  area?: string;
+
+  /**
+   * 备注
+   */
+  reamark?: string;
+
+  /**
+    * 日期范围参数
+    */
+  params?: any;
+}
diff --git a/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/attendanceArea-modal.vue b/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/attendanceArea-modal.vue
new file mode 100644
index 00000000..36ca4e4a
--- /dev/null
+++ b/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/attendanceArea-modal.vue
@@ -0,0 +1,101 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+
+import { useVbenModal } from '@vben/common-ui';
+import { $t } from '@vben/locales';
+import { cloneDeep } from '@vben/utils';
+
+import { useVbenForm } from '#/adapter/form';
+import { attendanceAreaAdd, attendanceAreaInfo, attendanceAreaUpdate } from '#/api/property/attendanceManagement/attendanceArea';
+import { defaultFormValueGetter, useBeforeCloseDiff } from '#/utils/popup';
+
+import { modalSchema } from './data';
+
+const emit = defineEmits<{ reload: [] }>();
+
+const isUpdate = ref(false);
+const title = computed(() => {
+  return isUpdate.value ? $t('pages.common.edit') : $t('pages.common.add');
+});
+
+const [BasicForm, formApi] = useVbenForm({
+  commonConfig: {
+    // 默认占满两列
+    formItemClass: 'col-span-2',
+    // 默认label宽度 px
+    labelWidth: 80,
+    // 通用配置项 会影响到所有表单项
+    componentProps: {
+      class: 'w-full',
+    }
+  },
+  schema: modalSchema(),
+  showDefaultActions: false,
+  wrapperClass: 'grid-cols-2',
+});
+
+const { onBeforeClose, markInitialized, resetInitialized } = useBeforeCloseDiff(
+  {
+    initializedGetter: defaultFormValueGetter(formApi),
+    currentGetter: defaultFormValueGetter(formApi),
+  },
+);
+
+const [BasicModal, modalApi] = useVbenModal({
+  // 在这里更改宽度
+  class: 'w-[550px]',
+  fullscreenButton: false,
+  onBeforeClose,
+  onClosed: handleClosed,
+  onConfirm: handleConfirm,
+  onOpenChange: async (isOpen) => {
+    if (!isOpen) {
+      return null;
+    }
+    modalApi.modalLoading(true);
+
+    const { id } = modalApi.getData() as { id?: number | string };
+    isUpdate.value = !!id;
+
+    if (isUpdate.value && id) {
+      const record = await attendanceAreaInfo(id);
+      await formApi.setValues(record);
+    }
+    await markInitialized();
+
+    modalApi.modalLoading(false);
+  },
+});
+
+async function handleConfirm() {
+  try {
+    modalApi.lock(true);
+    const { valid } = await formApi.validate();
+    if (!valid) {
+      return;
+    }
+    // getValues获取为一个readonly的对象 需要修改必须先深拷贝一次
+    const data = cloneDeep(await formApi.getValues());
+    await (isUpdate.value ? attendanceAreaUpdate(data) : attendanceAreaAdd(data));
+    resetInitialized();
+    emit('reload');
+    modalApi.close();
+  } catch (error) {
+    console.error(error);
+  } finally {
+    modalApi.lock(false);
+  }
+}
+
+async function handleClosed() {
+  await formApi.resetForm();
+  resetInitialized();
+}
+</script>
+
+<template>
+  <BasicModal :title="title">
+    <BasicForm />
+  </BasicModal>
+</template>
+
diff --git a/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/data.ts b/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/data.ts
new file mode 100644
index 00000000..35a9ec6f
--- /dev/null
+++ b/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/data.ts
@@ -0,0 +1,68 @@
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+
+
+export const querySchema: FormSchemaGetter = () => [
+  {
+    component: 'Input',
+    fieldName: 'area',
+    label: '区域',
+  }
+];
+
+// 需要使用i18n注意这里要改成getter形式 否则切换语言不会刷新
+// export const columns: () => VxeGridProps['columns'] = () => [
+export const columns: VxeGridProps['columns'] = [
+  { type: 'checkbox', width: 60 },
+  {
+    title: '区域',
+    field: 'area',
+    width: 'auto',
+  },
+  {
+    title: '摄像机id',
+    field: 'deviceManageId',
+    minWidth: 300,
+  },
+
+  {
+    title: '备注',
+    field: 'reamark',
+  },
+  {
+    field: 'action',
+    fixed: 'right',
+    slots: { default: 'action' },
+    title: '操作',
+    width: 180,
+  },
+];
+
+export const modalSchema: FormSchemaGetter = () => [
+  {
+    label: '主键id',
+    fieldName: 'id',
+    component: 'Input',
+    dependencies: {
+      show: () => false,
+      triggerFields: [''],
+    },
+  },
+  {
+    label: '区域',
+    fieldName: 'area',
+    component: 'Input',
+  },
+  {
+    label: '摄像机id',
+    fieldName: 'deviceManageId',
+    component: 'Select',
+    componentProps: {
+    },
+  },
+  {
+    label: '备注',
+    fieldName: 'reamark',
+    component: 'Input',
+  },
+];
diff --git a/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/index.vue b/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/index.vue
new file mode 100644
index 00000000..52cc246e
--- /dev/null
+++ b/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/index.vue
@@ -0,0 +1,182 @@
+<script setup lang="ts">
+import type { Recordable } from '@vben/types';
+
+import { ref } from 'vue';
+
+import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';
+import { getVxePopupContainer } from '@vben/utils';
+
+import { Modal, Popconfirm, Space } from 'ant-design-vue';
+import dayjs from 'dayjs';
+
+import {   
+  useVbenVxeGrid,
+  vxeCheckboxChecked,
+  type VxeGridProps 
+} from '#/adapter/vxe-table';
+
+import {
+  attendanceAreaExport,
+  attendanceAreaList,
+  attendanceAreaRemove,
+} from '#/api/property/attendanceManagement/attendanceArea';
+import type { AttendanceAreaForm } from '#/api/property/attendanceManagement/attendanceArea/model';
+import { commonDownloadExcel } from '#/utils/file/download';
+
+import attendanceAreaModal from './attendanceArea-modal.vue';
+import { columns, querySchema } from './data';
+
+const formOptions: VbenFormProps = {
+  commonConfig: {
+    labelWidth: 80,
+    componentProps: {
+      allowClear: true,
+    },
+  },
+  schema: querySchema(),
+  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',
+  // 处理区间选择器RangePicker时间格式 将一个字段映射为两个字段 搜索/导出会用到
+  // 不需要直接删除
+  // fieldMappingTime: [
+  //  [
+  //    'createTime',
+  //    ['params[beginTime]', 'params[endTime]'],
+  //    ['YYYY-MM-DD 00:00:00', 'YYYY-MM-DD 23:59:59'],
+  //  ],
+  // ],
+};
+
+const gridOptions: VxeGridProps = {
+  checkboxConfig: {
+    // 高亮
+    highlight: true,
+    // 翻页时保留选中状态
+    reserve: true,
+    // 点击行选中
+    // trigger: 'row',
+  },
+  // 需要使用i18n注意这里要改成getter形式 否则切换语言不会刷新
+  // columns: columns(),
+  columns,
+  height: 'auto',
+  keepSource: true,
+  pagerConfig: {},
+  proxyConfig: {
+    ajax: {
+      query: async ({ page }, formValues = {}) => {
+        return await attendanceAreaList({
+          pageNum: page.currentPage,
+          pageSize: page.pageSize,
+          ...formValues,
+        });
+      },
+    },
+  },
+  rowConfig: {
+    keyField: 'id',
+  },
+  // 表格全局唯一表示 保存列配置需要用到
+  id: 'property-attendanceArea-index'
+};
+
+const [BasicTable, tableApi] = useVbenVxeGrid({
+  formOptions,
+  gridOptions,
+});
+
+const [AttendanceAreaModal, modalApi] = useVbenModal({
+  connectedComponent: attendanceAreaModal,
+});
+
+function handleAdd() {
+  modalApi.setData({});
+  modalApi.open();
+}
+
+async function handleEdit(row: Required<AttendanceAreaForm>) {
+  modalApi.setData({ id: row.id });
+  modalApi.open();
+}
+
+async function handleDelete(row: Required<AttendanceAreaForm>) {
+  await attendanceAreaRemove(row.id);
+  await tableApi.query();
+}
+
+function handleMultiDelete() {
+  const rows = tableApi.grid.getCheckboxRecords();
+  const ids = rows.map((row: Required<AttendanceAreaForm>) => row.id);
+  Modal.confirm({
+    title: '提示',
+    okType: 'danger',
+    content: `确认删除选中的${ids.length}条记录吗？`,
+    onOk: async () => {
+      await attendanceAreaRemove(ids);
+      await tableApi.query();
+    },
+  });
+}
+
+function handleDownloadExcel() {
+  commonDownloadExcel(attendanceAreaExport, '区域区域管理数据', tableApi.formApi.form.values, {
+    fieldMappingTime: formOptions.fieldMappingTime,
+  });
+}
+</script>
+
+<template>
+  <Page :auto-content-height="true">
+    <BasicTable table-title="区域区域管理列表">
+      <template #toolbar-tools>
+        <Space>
+          <a-button
+            v-access:code="['property:attendanceArea:export']"
+            @click="handleDownloadExcel"
+          >
+            {{ $t('pages.common.export') }}
+          </a-button>
+          <a-button
+            :disabled="!vxeCheckboxChecked(tableApi)"
+            danger
+            type="primary" 
+            v-access:code="['property:attendanceArea:remove']" 
+            @click="handleMultiDelete">
+            {{ $t('pages.common.delete') }}
+          </a-button>
+          <a-button
+            type="primary"
+            v-access:code="['property:attendanceArea:add']"
+            @click="handleAdd"
+          >
+            {{ $t('pages.common.add') }}
+          </a-button>
+        </Space>
+      </template>
+      <template #action="{ row }">
+        <Space>
+          <ghost-button
+            v-access:code="['property:attendanceArea: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:attendanceArea:remove']"
+              @click.stop=""
+            >
+              {{ $t('pages.common.delete') }}
+            </ghost-button>
+          </Popconfirm>
+        </Space>
+      </template>
+    </BasicTable>
+    <AttendanceAreaModal @reload="tableApi.query()" />
+  </Page>
+</template>
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/calendarView.vue b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/calendarView.vue
index 87f5d535..a91c95b9 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/calendarView.vue
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/calendarView.vue
@@ -180,8 +180,8 @@ const getListData2 = (
     if (found) {
       return found.list;
     }
-  }
 
+  }
   // 如果没有找到数据，返回空数组
   return [];
 };
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts
index 42f47b65..ddf61fb8 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts
@@ -82,13 +82,13 @@ export const columns: VxeGridProps['columns'] = [
   },
   {
     title: '人员',
-    field: 'employeeName',
+    field: 'sysUser.userName',
     width: 120,
     // width: 'auto',
   },
   {
     title: '单位',
-    field: 'deptName',
+    field: 'sysUser.deptName',
     width: 'auto',
   },
   // {
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/scheduleView.vue b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/scheduleView.vue
index 6a22a6aa..dd0262d7 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/scheduleView.vue
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/scheduleView.vue
@@ -83,12 +83,12 @@ function handleAdd() {
 }
 
 async function handleEdit(row: Required<ArrangementForm>) {
-  modalApi.setData({ id: row.id });
+  modalApi.setData({ id: row.scheduleId });
   modalApi.open();
 }
 
 async function handleDelete(row: Required<ArrangementForm>) {
-  await arrangementRemove(row.id);
+  await arrangementRemove(row.scheduleId);
   await tableApi.query();
 }
 </script>
@@ -129,12 +129,6 @@ async function handleDelete(row: Required<ArrangementForm>) {
           <BasicTable>
             <template #action="{ row }">
               <Space>
-                <ghost-button
-                  v-access:code="['property:arrangement:edit']"
-                  @click.stop="handleEdit(row)"
-                >
-                  {{ $t('pages.common.edit') }}
-                </ghost-button>
                 <Popconfirm
                   :get-popup-container="getVxePopupContainer"
                   placement="left"
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue
index 496b3bc4..0fd19db4 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue
@@ -238,7 +238,6 @@ async function handleConfirm() {
     await formRef.value.validate(); // 先校验
     const data = formModal;
     console.log(tableData);
-    
     data.userGroupList = tableData.flatMap((item) =>
       item.users.map((user) => ({
         deptId: item.dept.unitId,

From 578aa610824b4e2309cc7fbaa1a79f05e76dbcb4 Mon Sep 17 00:00:00 2001
From: fyy <2717885210@qq.com>
Date: Thu, 14 Aug 2025 10:00:53 +0800
Subject: [PATCH 2/6] =?UTF-8?q?feat:=20=E6=8E=92=E7=8F=AD=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../property/attendanceManagement/arrangement/model.d.ts    | 6 ++++--
 .../workforceManagement/workforce-day-detail.vue            | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/web-antd/src/api/property/attendanceManagement/arrangement/model.d.ts b/apps/web-antd/src/api/property/attendanceManagement/arrangement/model.d.ts
index 91efa8ce..5dd87db2 100644
--- a/apps/web-antd/src/api/property/attendanceManagement/arrangement/model.d.ts
+++ b/apps/web-antd/src/api/property/attendanceManagement/arrangement/model.d.ts
@@ -92,7 +92,7 @@ export interface ArrangementForm extends BaseEntity {
   /**
    * 排班id
    */
-  scheduleId: string | number;
+  scheduleId?: string | number;
 }
 
 export interface ArrangementQuery extends PageQuery {
@@ -144,4 +144,6 @@ export interface ArrangementQuery extends PageQuery {
 export interface arrangmentListQuery extends PageQuery {
   currentDate: string; //某天的日期
 }
-export interface AttendanceUserGroup {}
+export interface AttendanceUserGroup extends PageQuery {
+  currentDate: string; //某天的日期
+}
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue
index 78921065..23fb8b50 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue
@@ -87,7 +87,7 @@ async function handleClosed() {
               :key="item.id"
               class="wrap-cell"
             >
-              {{ item.employeeName }}
+              {{ item.sysUser.userName }}
               <span v-if="index !== row.userGroupList.length - 1">、</span>
             </span>
           </template>

From 2cdbc64250818f3515d9416fc08395dffa59211d Mon Sep 17 00:00:00 2001
From: dev_ljl <2590379346@qq.com>
Date: Thu, 14 Aug 2025 14:58:42 +0800
Subject: [PATCH 3/6] =?UTF-8?q?feat:=E8=B0=83=E6=9F=A5=E9=97=AE=E5=8D=B7?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../customerService/questionnaire/data.ts     | 158 +++++++
 .../customerService/questionnaire/index.vue   | 231 ++++++++++
 .../questionnaire/questionnaire-detail.vue    |  96 ++++
 .../questionnaire/questionnaire-modal.vue     | 421 ++++++++++++++++++
 4 files changed, 906 insertions(+)
 create mode 100644 apps/web-antd/src/views/property/customerService/questionnaire/data.ts
 create mode 100644 apps/web-antd/src/views/property/customerService/questionnaire/index.vue
 create mode 100644 apps/web-antd/src/views/property/customerService/questionnaire/questionnaire-detail.vue
 create mode 100644 apps/web-antd/src/views/property/customerService/questionnaire/questionnaire-modal.vue

diff --git a/apps/web-antd/src/views/property/customerService/questionnaire/data.ts b/apps/web-antd/src/views/property/customerService/questionnaire/data.ts
new file mode 100644
index 00000000..933e55ec
--- /dev/null
+++ b/apps/web-antd/src/views/property/customerService/questionnaire/data.ts
@@ -0,0 +1,158 @@
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import { getDictOptions } from '#/utils/dict';
+import { renderDict } from '#/utils/render';
+import {h} from "vue";
+import {Rate} from "ant-design-vue";
+
+export const querySchema: FormSchemaGetter = () => [
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('type_contingency_plan'),
+    },
+    fieldName: 'contingenPlanType',
+    label: '预案类型',
+  },
+  {
+    component: 'ApiSelect',
+    fieldName: 'dutyPersion',
+    label: '责任人',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('pro_exercise_status'),
+    },
+    fieldName: 'status',
+    label: '演练状态',
+  },
+];
+
+export const columns: VxeGridProps['columns'] = [
+  { type: 'checkbox', width: 60 },
+  {
+    title: '序号',
+    field: 'id',
+    slots: {
+      default: ({rowIndex}) => {
+        return (rowIndex + 1).toString();
+      }
+    }
+  },
+  {
+    title: '预案名称',
+    field: 'contingenPlanName',
+  },
+  {
+    title: '预案类型',
+    field: 'contingenPlanType',
+    slots: {
+      default: ({ row }) => {
+        return renderDict(row.contingenPlanType, 'type_contingency_plan');
+      },
+    },
+  },
+  {
+    title: '风险等级',
+    field: 'grade',
+    slots: {
+      default: ({ row }) => {
+        return h(Rate, {
+          value: row.grade || 0,
+          disabled: true,
+        });
+      },
+    },
+    minWidth: '150'
+  },
+  {
+    title: '发起人',
+    field: 'initiatName',
+  },
+  {
+    title: '演练状态',
+    field: 'status',
+    slots: {
+      default: ({ row }) => {
+        return renderDict(row.status, 'pro_exercise_status');
+      },
+    },
+  },
+  {
+    title: '责任人',
+    field: 'dutyPersionName',
+  },
+  {
+    title: '完成时间',
+    field: 'compleTimes',
+  },
+  {
+    field: 'action',
+    fixed: 'right',
+    slots: { default: 'action' },
+    title: '操作',
+    width: 240,
+  },
+];
+
+export const modalSchema: FormSchemaGetter = () => [
+  {
+    label: '主键',
+    fieldName: 'id',
+    component: 'Input',
+    dependencies: {
+      show: () => false,
+      triggerFields: [''],
+    },
+  },
+  {
+    label: '预案名称',
+    fieldName: 'contingenPlanName',
+    component: 'Input',
+    rules: 'required',
+  },
+  {
+    label: '预案类型',
+    fieldName: 'contingenPlanType',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('type_contingency_plan'),
+    },
+    rules: 'selectRequired',
+  },
+  {
+    label: '发起人',
+    fieldName: 'initiat',
+    component: 'ApiSelect',
+    rules: 'selectRequired',
+  },
+  {
+    label: '责任人',
+    fieldName: 'dutyPersion',
+    component: 'ApiSelect',
+    rules: 'selectRequired',
+  },
+  {
+    label: '预案内容',
+    fieldName: 'contingenPlanContent',
+    component: 'RichTextarea',
+    componentProps: {
+      // disabled: false, // 是否只读
+      // height: 400 // 高度 默认400
+    },
+    formItemClass: 'col-span-2'
+  },
+  {
+    label: '风险等级',
+    fieldName: 'grade',
+    component: 'Rate',
+    componentProps: {
+      allowHalf: false,
+      count: 5,
+      tooltips: ['1星', '2星', '3星', '4星', '5星'],
+      defaultValue: 0
+    },
+    rules: 'required',
+  },
+];
diff --git a/apps/web-antd/src/views/property/customerService/questionnaire/index.vue b/apps/web-antd/src/views/property/customerService/questionnaire/index.vue
new file mode 100644
index 00000000..149a5bd4
--- /dev/null
+++ b/apps/web-antd/src/views/property/customerService/questionnaire/index.vue
@@ -0,0 +1,231 @@
+<script setup lang="ts">
+import { Page, useVbenModal, type VbenFormProps } from '@vben/common-ui';
+import { getVxePopupContainer } from '@vben/utils';
+import { Modal, Popconfirm, Space } from 'ant-design-vue';
+import {
+  useVbenVxeGrid,
+  vxeCheckboxChecked,
+  type VxeGridProps
+} from '#/adapter/vxe-table';
+import {onMounted} from "vue";
+import {
+  contingenPlanExport,
+  contingenPlanList,
+  contingenPlanRemove,
+  contingenPlanUpdate
+} from '#/api/property/customerService/contingenPlan';
+import type { ContingenPlanForm } from '#/api/property/customerService/contingenPlan/model';
+import { commonDownloadExcel } from '#/utils/file/download';
+
+import contingenPlanModal from './questionnaire-modal.vue';
+import contingenPlanDetail from './questionnaire-detail.vue';
+import { columns, querySchema } from './data';
+import {personList} from "#/api/property/resident/person";
+import {renderDictValue} from "#/utils/render";
+
+const formOptions: VbenFormProps = {
+  commonConfig: {
+    labelWidth: 80,
+    componentProps: {
+      allowClear: true,
+    },
+  },
+  schema: querySchema(),
+  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',
+};
+
+const gridOptions: VxeGridProps = {
+  checkboxConfig: {
+    // 高亮
+    highlight: true,
+    // 翻页时保留选中状态
+    reserve: true,
+  },
+  columns,
+  height: 'auto',
+  keepSource: true,
+  pagerConfig: {},
+  proxyConfig: {
+    ajax: {
+      query: async ({ page }, formValues = {}) => {
+        return await contingenPlanList({
+          pageNum: page.currentPage,
+          pageSize: page.pageSize,
+          ...formValues,
+        });
+      },
+    },
+  },
+  rowConfig: {
+    keyField: 'id',
+  },
+  // 表格全局唯一表示 保存列配置需要用到
+  id: 'system-contingenPlan-index'
+};
+
+const [BasicTable, tableApi] = useVbenVxeGrid({
+  formOptions,
+  gridOptions,
+});
+
+const [ContingenPlanModal, modalApi] = useVbenModal({
+  connectedComponent: contingenPlanModal,
+});
+
+const [contingenPlanDetailModal, contingenPlanDetailApi] = useVbenModal({
+  connectedComponent: contingenPlanDetail,
+});
+
+async function handleInfo(row: Required<ContingenPlanForm>) {
+  contingenPlanDetailApi.setData({ id: row.id });
+  contingenPlanDetailApi.open();
+}
+
+function handleAdd() {
+  modalApi.setData({});
+  modalApi.open();
+}
+
+async function handleEdit(row: Required<ContingenPlanForm>) {
+  modalApi.setData({ id: row.id });
+  modalApi.open();
+}
+
+async function handleDelete(row: Required<ContingenPlanForm>) {
+  await contingenPlanRemove(row.id);
+  await tableApi.query();
+}
+
+async function handleExamine(row: Required<ContingenPlanForm>) {
+  row.status = '1'
+  await contingenPlanUpdate(row);
+  await tableApi.query();
+}
+
+function handleMultiDelete() {
+  const rows = tableApi.grid.getCheckboxRecords();
+  const ids = rows.map((row: Required<ContingenPlanForm>) => row.id);
+  Modal.confirm({
+    title: '提示',
+    okType: 'danger',
+    content: `确认删除选中的${ids.length}条记录吗？`,
+    onOk: async () => {
+      await contingenPlanRemove(ids);
+      await tableApi.query();
+    },
+  });
+}
+
+function handleDownloadExcel() {
+  commonDownloadExcel(contingenPlanExport, '应急预案管理数据', tableApi.formApi.form.values, {
+    fieldMappingTime: formOptions.fieldMappingTime,
+  });
+}
+
+async function queryPersonData() {
+  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,
+    value: user.id,
+  }));
+  tableApi.formApi.updateSchema([
+    {
+      componentProps: () => ({
+        options: options,
+        showSearch:true,
+        filterOption: filterOption
+      }),
+      fieldName: 'dutyPersion',
+    }
+  ])
+}
+
+const filterOption = (input: string, option: any) => {
+  return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+};
+
+onMounted(async () => {
+  await queryPersonData()
+})
+</script>
+
+<template>
+  <Page :auto-content-height="true">
+    <BasicTable table-title="应急预案管理列表">
+      <template #toolbar-tools>
+        <Space>
+          <a-button
+            v-access:code="['system:contingenPlan:export']"
+            @click="handleDownloadExcel"
+          >
+            {{ $t('pages.common.export') }}
+          </a-button>
+          <a-button
+            :disabled="!vxeCheckboxChecked(tableApi)"
+            danger
+            type="primary"
+            v-access:code="['system:contingenPlan:remove']"
+            @click="handleMultiDelete">
+            {{ $t('pages.common.delete') }}
+          </a-button>
+          <a-button
+            type="primary"
+            v-access:code="['system:contingenPlan:add']"
+            @click="handleAdd"
+          >
+            {{ $t('pages.common.add') }}
+          </a-button>
+        </Space>
+      </template>
+      <template #action="{ row }">
+        <Space>
+          <Popconfirm
+            v-if="row.status === '0'"
+            :get-popup-container="getVxePopupContainer"
+            placement="left"
+            title="确认审核？"
+            @confirm="handleExamine(row)"
+          >
+            <ghost-button
+              @click.stop=""
+            >
+              {{ '审核' }}
+            </ghost-button>
+          </Popconfirm>
+          <ghost-button
+            @click.stop="handleInfo(row)"
+          >
+            {{ $t('pages.common.info') }}
+          </ghost-button>
+          <ghost-button
+            v-if="row.status === '0'"
+            v-access:code="['system:contingenPlan: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="['system:contingenPlan:remove']"
+              @click.stop=""
+            >
+              {{ $t('pages.common.delete') }}
+            </ghost-button>
+          </Popconfirm>
+        </Space>
+      </template>
+    </BasicTable>
+    <ContingenPlanModal @reload="tableApi.query()" />
+    <contingenPlanDetailModal/>
+  </Page>
+</template>
diff --git a/apps/web-antd/src/views/property/customerService/questionnaire/questionnaire-detail.vue b/apps/web-antd/src/views/property/customerService/questionnaire/questionnaire-detail.vue
new file mode 100644
index 00000000..bf8fb9a2
--- /dev/null
+++ b/apps/web-antd/src/views/property/customerService/questionnaire/questionnaire-detail.vue
@@ -0,0 +1,96 @@
+<script setup lang="ts">
+import type {ContingenPlanVO} from '#/api/property/customerService/contingenPlan/model';
+import {shallowRef} from 'vue';
+import {useVbenModal} from '@vben/common-ui';
+import {
+  Descriptions,
+  DescriptionsItem,
+  Divider,
+  Rate,
+  Timeline,
+  TimelineItem
+} from 'ant-design-vue';
+import {contingenPlanInfo} from '#/api/property/customerService/contingenPlan';
+import {renderDict} from "#/utils/render";
+
+const [BasicModal, modalApi] = useVbenModal({
+  onOpenChange: handleOpenChange,
+  onClosed() {
+    contingenPlanIDetail.value = null;
+  },
+});
+
+const contingenPlanIDetail = shallowRef<null | ContingenPlanVO>(null);
+const handleRecords = shallowRef<null | ContingenPlanVO>(null);
+async function handleOpenChange(open: boolean) {
+  if (!open) {
+    return null;
+  }
+  modalApi.modalLoading(true);
+  const {id} = modalApi.getData() as { id: number | string };
+  const response = await contingenPlanInfo(id);
+  contingenPlanIDetail.value = response;
+  handleRecords.value = response.contingenPlanRecordVos.map(item => ({
+    status: item.status,
+    createTime: item.createTime,
+    handlerName: item.dutyPersionName
+  }));
+  console.log(handleRecords.value)
+  modalApi.modalLoading(false);
+}
+</script>
+
+<template>
+  <BasicModal :footer="false" :fullscreen-button="false" title="详情" class="w-[70%]">
+    <Descriptions v-if="contingenPlanIDetail" size="small" :column="2" bordered :labelStyle="{width:'120px'}">
+      <DescriptionsItem label="预案名称">
+        {{ contingenPlanIDetail.contingenPlanName }}
+      </DescriptionsItem>
+      <DescriptionsItem label="创建时间">
+        {{ contingenPlanIDetail.createTime }}
+      </DescriptionsItem>
+      <DescriptionsItem label="预案类型" v-if="contingenPlanIDetail.contingenPlanType!=null">
+        <component
+          :is="renderDict(contingenPlanIDetail.contingenPlanType,'type_contingency_plan')"
+        />
+      </DescriptionsItem>
+      <DescriptionsItem label="最后更新时间">
+        {{ contingenPlanIDetail.updateTime }}
+      </DescriptionsItem>
+      <DescriptionsItem label="演练状态" v-if="contingenPlanIDetail.status!=null">
+        <component
+          :is="renderDict(contingenPlanIDetail.status,'pro_exercise_status')"
+        />
+      </DescriptionsItem>
+      <DescriptionsItem label="完成时间">
+        {{ contingenPlanIDetail.compleTimes }}
+      </DescriptionsItem>
+      <DescriptionsItem label="发起人">
+        {{ contingenPlanIDetail.initiatName }}
+      </DescriptionsItem>
+      <DescriptionsItem label="责任人">
+        {{ contingenPlanIDetail.dutyPersionName}}
+      </DescriptionsItem>
+      <DescriptionsItem label="预案内容" :span="2">
+        <div v-html="contingenPlanIDetail.contingenPlanContent"></div>
+      </DescriptionsItem>
+      <DescriptionsItem label="风险等级">
+        <Rate :value="contingenPlanIDetail.grade" disabled />
+      </DescriptionsItem>
+    </Descriptions>
+
+    <Divider orientation="left" orientation-margin="0px">
+      处理记录
+    </Divider>
+    <Timeline>
+      <TimelineItem v-for="(item,index) in handleRecords" :key="index">
+        <p style="display: flex;">类型：
+          <component
+            :is="renderDict(item.status,'pro_exercise_status')"
+          /></p>
+        <p>时间：{{item.createTime}}</p>
+        <p>处理人：{{item.handlerName}}</p>
+      </TimelineItem>
+    </Timeline>
+  </BasicModal>
+</template>
diff --git a/apps/web-antd/src/views/property/customerService/questionnaire/questionnaire-modal.vue b/apps/web-antd/src/views/property/customerService/questionnaire/questionnaire-modal.vue
new file mode 100644
index 00000000..f49a0444
--- /dev/null
+++ b/apps/web-antd/src/views/property/customerService/questionnaire/questionnaire-modal.vue
@@ -0,0 +1,421 @@
+<script setup lang="ts">
+import {computed, onMounted, reactive, ref} from 'vue';
+import {useVbenModal} from '@vben/common-ui';
+import {cloneDeep} from '@vben/utils';
+import {
+  Form,
+  FormItem,
+  Input,
+  Row,
+  Col,
+  Switch,
+  DatePicker,
+  Empty,
+  Divider,
+  Rate,
+  Popover,
+  Badge
+} from 'ant-design-vue'
+import {PlusOutlined, DeleteOutlined} from '@ant-design/icons-vue';
+import {renderDictValue} from "#/utils/render";
+import {getDictOptions} from "#/utils/dict";
+
+const emit = defineEmits<{ reload: [] }>();
+const isUpdate = ref(false);
+const title = computed(() => {
+  return isUpdate.value ? '编辑问卷' : '新增问卷';
+});
+
+// const [BasicForm, formApi] = useVbenForm({
+//   commonConfig: {
+//     // 默认占满两列
+//     formItemClass: 'col-span-1',
+//     // 默认label宽度 px
+//     labelWidth: 80,
+//     // 通用配置项 会影响到所有表单项
+//     componentProps: {
+//       class: 'w-full',
+//     }
+//   },
+//   schema: modalSchema(),
+//   showDefaultActions: false,
+//   wrapperClass: 'grid-cols-2',
+// });
+
+// const {onBeforeClose, markInitialized, resetInitialized} = useBeforeCloseDiff(
+//   {
+//     initializedGetter: defaultFormValueGetter(formApi),
+//     currentGetter: defaultFormValueGetter(formApi),
+//   },
+// );
+
+const [BasicModal, modalApi] = useVbenModal({
+  // 在这里更改宽度
+  fullscreenButton: false,
+  fullscreen: true,
+  onClosed: handleClosed,
+  onConfirm: handleConfirm,
+  onOpenChange: async (isOpen) => {
+    if (!isOpen) {
+      return null;
+    }
+    modalApi.modalLoading(true);
+    const {id} = modalApi.getData() as { id?: number | string };
+    isUpdate.value = !!id;
+
+    if (isUpdate.value && id) {
+      // const record = await contingenPlanInfo(id);
+      // await formApi.setValues(record);
+    }
+    // await markInitialized();
+
+    modalApi.modalLoading(false);
+  },
+});
+
+async function handleConfirm() {
+  try {
+    modalApi.lock(true);
+    // const {valid} = await formApi.validate();
+    // if (!valid) {
+    //   return;
+    // }
+    // getValues获取为一个readonly的对象 需要修改必须先深拷贝一次
+    // const data = cloneDeep(await formApi.getValues());
+    // await (isUpdate.value ? contingenPlanUpdate(data) : contingenPlanAdd(data));
+    // resetInitialized();
+    emit('reload');
+    modalApi.close();
+  } catch (error) {
+    console.error(error);
+  } finally {
+    modalApi.lock(false);
+  }
+}
+
+async function handleClosed() {
+  // await formApi.resetForm();
+  // resetInitialized();
+}
+
+const initialState = {
+  username: '',
+  password: '',
+  questionList: [],
+};
+
+const badgeCounts = {
+  inputCount: 0,
+  textareaCount: 0,
+  radioCount: 0,
+  checkboxCount: 0,
+  rateCount: 0,
+  datePickerCount: 0,
+}
+
+const counts = reactive({...badgeCounts})
+const formState = reactive({
+  ...initialState
+});
+
+async function handleCancel() {
+  Object.assign(formState, initialState);
+  Object.assign(counts, badgeCounts);
+  formState.questionList = [];
+  await modalApi.close();
+}
+
+function handleAddQuestion(type: number) {
+  formState.questionList.push({type})
+  switch (type) {
+    case 1:
+      counts.inputCount++;
+      break;
+    case 2:
+      counts.textareaCount++;
+      break;
+    case 3:
+      counts.radioCount++;
+      break;
+    case 4:
+      counts.checkboxCount++;
+      break;
+    case 5:
+      counts.rateCount++;
+      break;
+    case 6:
+      counts.datePickerCount++;
+      break;
+  }
+}
+
+function addOptions(val: any) {
+
+}
+
+function deleteOptions(index: number, type: number) {
+  formState.questionList.splice(index, 1)
+  switch (type) {
+    case 1:
+      counts.inputCount--;
+      break;
+    case 2:
+      counts.textareaCount--;
+      break;
+    case 3:
+      counts.radioCount--;
+      break;
+    case 4:
+      counts.checkboxCount--;
+      break;
+    case 5:
+      counts.rateCount--;
+      break;
+    case 6:
+      counts.datePickerCount--;
+      break;
+  }
+}
+
+async function handleSave(type: number) {
+  await modalApi.close();
+}
+
+onMounted(()=>{
+  getDictOptions('wy_wtsjlx')
+})
+
+</script>
+
+<template>
+  <BasicModal :title="title" :footer="false" class="modal-container">
+    <Row :gutter="24">
+      <Col class="gutter-row" :span="3">
+        <div class="left-options">
+          <div class="header-title">问题设计</div>
+          <Badge :count="counts.inputCount" :number-style="{ backgroundColor: '#3996f3' }">
+            <a-button size="large" @click="handleAddQuestion(1)">单行文本</a-button>
+          </Badge>
+          <Badge :count="counts.textareaCount" :number-style="{ backgroundColor: '#3996f3' }">
+            <a-button size="large" @click="handleAddQuestion(2)">多行文本</a-button>
+          </Badge>
+          <Badge :count="counts.radioCount" :number-style="{ backgroundColor: '#3996f3' }">
+            <a-button size="large" @click="handleAddQuestion(3)">单选题</a-button>
+          </Badge>
+          <Badge :count="counts.checkboxCount" :number-style="{ backgroundColor: '#3996f3' }">
+            <a-button size="large" @click="handleAddQuestion(4)">多选题</a-button>
+          </Badge>
+          <Badge :count="counts.rateCount" :number-style="{ backgroundColor: '#3996f3' }">
+            <a-button size="large" @click="handleAddQuestion(5)">评分题</a-button>
+          </Badge>
+          <Badge :count="counts.datePickerCount" :number-style="{ backgroundColor: '#3996f3' }">
+            <a-button size="large" @click="handleAddQuestion(6)">日期选择</a-button>
+          </Badge>
+        </div>
+      </Col>
+      <Col class="gutter-row" :span="21">
+        <div class="right-question">
+          <div class="header-title">基本信息</div>
+          <Form
+            :model="formState"
+            name="basic"
+          >
+            <FormItem
+              label="问卷标题"
+              name="username"
+              :rules="[{ required: true, message: '问卷标题不能为空' }]"
+            >
+              <Input v-model:value="formState.username"/>
+            </FormItem>
+
+            <FormItem
+              label="问卷描述"
+              name="password"
+              :rules="[{ required: true, message: 'Please input your password!' }]"
+            >
+              <Input v-model:value="formState.password"/>
+            </FormItem>
+            <div v-if="formState.questionList.length">
+              <div v-for="(item,index) in formState.questionList">
+                <Divider orientation="left">
+                  问题{{ (index + 1) + '\xa0' + renderDictValue(item.type, 'wy_wtsjlx') }}
+                  <Popover placement="top">
+                    <template #content>
+                      <p>删除当前问题</p>
+                    </template>
+                    <a-button type="link" @click="deleteOptions(index,item.type)">
+                      <template #icon>
+                        <DeleteOutlined style="color: red"/>
+                      </template>
+                    </a-button>
+                  </Popover>
+                </Divider>
+                <FormItem
+                  label="问题标题"
+                  name="username"
+                  :rules="[{ required: true }]"
+                >
+                  <Input v-model:value="formState.username"/>
+                </FormItem>
+                <FormItem
+                  label="问题描述"
+                  name="password"
+                  :rules="[{ required: true }]"
+                >
+                  <Input v-model:value="formState.password"/>
+                </FormItem>
+                <Row :gutter="24" v-if="item.type==3||item.type==4">
+                  <Col class="gutter-row" :span="12">
+                    <FormItem
+                      label="选项设置"
+                      name="password"
+                      :rules="[{ required: true }]"
+                    >
+                      <Input style="margin-bottom: 10px" v-model:value="formState.password"
+                             placeholder="选项1"/>
+                      <Input v-model:value="formState.password" placeholder="选项1"/>
+                    </FormItem>
+                  </Col>
+                  <Col class="gutter-row" :span="12">
+                    <a-button @click="addOptions(item)">
+                      <template #icon>
+                        <PlusOutlined/>
+                      </template>
+                      添加选项
+                    </a-button>
+                  </Col>
+                </Row>
+                <FormItem
+                  v-if="item.type==5"
+                  label="评分预览"
+                  name="password"
+                >
+                  <Rate v-model:value="formState.username"/>
+                </FormItem>
+                <FormItem
+                  v-if="item.type==6"
+                  label="日期选择预览"
+                  name="password"
+                >
+                  <DatePicker style="width: 180px" v-model:value="formState.username"/>
+                </FormItem>
+                <FormItem
+                  label="是否必填"
+                  name="password"
+                  :rules="[{ required: true, message: 'Please input your password!' }]"
+                >
+                  <Switch v-model:checked="formState.username"/>
+                </FormItem>
+              </div>
+            </div>
+            <div class="empty-box" v-else>
+              <Empty description="还没有添加问题，点击左侧按钮开始创建"/>
+            </div>
+            <div class="header-title">发布设计</div>
+            <Row :gutter="24">
+              <Col class="gutter-row" :span="6">
+                <FormItem
+                  label="匿名收集"
+                  name="username"
+                  :rules="[{ required: true, message: '匿名收集不能为空' }]"
+                >
+                  <Switch v-model:checked="formState.username"/>
+                </FormItem>
+              </Col>
+              <Col class="gutter-row" :span="6">
+                <FormItem
+                  label="允许多次提交"
+                  name="username"
+                  :rules="[{ required: true, message: '多次提交不能为空' }]"
+                >
+                  <Switch v-model:checked="formState.username"/>
+                </FormItem>
+              </Col>
+              <Col class="gutter-row" :span="12">
+                <FormItem
+                  label="截至日期"
+                  name="username"
+                  :rules="[{ required: true, message: '截止日期不能为空' }]"
+                >
+                  <DatePicker style="width: 180px" v-model:value="formState.username"/>
+                </FormItem>
+              </Col>
+            </Row>
+          </Form>
+        </div>
+      </Col>
+    </Row>
+    <div class="footer-button">
+      <a-button type="primary" @click="handleSave(1)">保存并发布</a-button>
+      <a-button @click="handleSave(2)">保存为草稿</a-button>
+      <a-button @click="handleCancel">取消</a-button>
+
+    </div>
+  </BasicModal>
+</template>
+<style lang="scss" scoped>
+.modal-container {
+  position: relative;
+
+  .header-title {
+    margin-bottom: 10px;
+    font-size: 17px;
+    font-weight: bold;
+  }
+
+  .left-options {
+    display: flex;
+    flex-direction: column;
+
+    :deep(.ant-badge .ant-badge-count) {
+      position: absolute;
+      top: 40px;
+    }
+
+    .ant-btn {
+      width: 150px;
+      margin-top: 40px;
+    }
+  }
+
+  .right-question {
+    max-height: 87vh;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
+
+  .footer-button {
+    width: 100%;
+
+    .ant-btn {
+      float: right;
+      margin: 0 15px 10px 0;
+    }
+
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    z-index: 100;
+    background-color: #ffffff;
+  }
+
+  .empty-box {
+    height: 50vh;
+    border: 2px dashed #dce0e6;
+    border-radius: 10px;
+
+    :deep(.ant-empty .ant-empty-image) {
+      margin-top: 15vh;
+    }
+
+    margin-bottom: 10px;
+    margin-left: 80px;
+  }
+
+  .question-item-title {
+    font-weight: bold;
+    margin: 5px 12px;
+  }
+}
+</style>
+

From f24ec168bf376b5df9f3aff25df217c5f5f9af33 Mon Sep 17 00:00:00 2001
From: dev_ljl <2590379346@qq.com>
Date: Thu, 14 Aug 2025 15:12:40 +0800
Subject: [PATCH 4/6] =?UTF-8?q?feat:=E8=B0=83=E6=9F=A5=E9=97=AE=E5=8D=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../property/questionnaire/question/index.ts  |  61 ++++++++++
 .../questionnaire/question/model.d.ts         | 114 ++++++++++++++++++
 .../questionnaire/questionItem/index.ts       |  61 ++++++++++
 .../questionnaire/questionItem/model.d.ts     |  79 ++++++++++++
 .../questionnaire/questionnaire/index.ts      |  61 ++++++++++
 .../questionnaire/questionnaire/model.d.ts    | 114 ++++++++++++++++++
 6 files changed, 490 insertions(+)
 create mode 100644 apps/web-antd/src/api/property/questionnaire/question/index.ts
 create mode 100644 apps/web-antd/src/api/property/questionnaire/question/model.d.ts
 create mode 100644 apps/web-antd/src/api/property/questionnaire/questionItem/index.ts
 create mode 100644 apps/web-antd/src/api/property/questionnaire/questionItem/model.d.ts
 create mode 100644 apps/web-antd/src/api/property/questionnaire/questionnaire/index.ts
 create mode 100644 apps/web-antd/src/api/property/questionnaire/questionnaire/model.d.ts

diff --git a/apps/web-antd/src/api/property/questionnaire/question/index.ts b/apps/web-antd/src/api/property/questionnaire/question/index.ts
new file mode 100644
index 00000000..12365003
--- /dev/null
+++ b/apps/web-antd/src/api/property/questionnaire/question/index.ts
@@ -0,0 +1,61 @@
+import type { QuestionVO, QuestionForm, QuestionQuery } from './model';
+
+import type { ID, IDS } from '#/api/common';
+import type { PageResult } from '#/api/common';
+
+import { commonExport } from '#/api/helper';
+import { requestClient } from '#/api/request';
+
+/**
+* 查询调查问卷问题列表
+* @param params
+* @returns 调查问卷问题列表
+*/
+export function questionList(params?: QuestionQuery) {
+  return requestClient.get<PageResult<QuestionVO>>('/property/question/list', { params });
+}
+
+/**
+ * 导出调查问卷问题列表
+ * @param params
+ * @returns 调查问卷问题列表
+ */
+export function questionExport(params?: QuestionQuery) {
+  return commonExport('/property/question/export', params ?? {});
+}
+
+/**
+ * 查询调查问卷问题详情
+ * @param id id
+ * @returns 调查问卷问题详情
+ */
+export function questionInfo(id: ID) {
+  return requestClient.get<QuestionVO>(`/property/question/${id}`);
+}
+
+/**
+ * 新增调查问卷问题
+ * @param data
+ * @returns void
+ */
+export function questionAdd(data: QuestionForm) {
+  return requestClient.postWithMsg<void>('/property/question', data);
+}
+
+/**
+ * 更新调查问卷问题
+ * @param data
+ * @returns void
+ */
+export function questionUpdate(data: QuestionForm) {
+  return requestClient.putWithMsg<void>('/property/question', data);
+}
+
+/**
+ * 删除调查问卷问题
+ * @param id id
+ * @returns void
+ */
+export function questionRemove(id: ID | IDS) {
+  return requestClient.deleteWithMsg<void>(`/property/question/${id}`);
+}
diff --git a/apps/web-antd/src/api/property/questionnaire/question/model.d.ts b/apps/web-antd/src/api/property/questionnaire/question/model.d.ts
new file mode 100644
index 00000000..c5367713
--- /dev/null
+++ b/apps/web-antd/src/api/property/questionnaire/question/model.d.ts
@@ -0,0 +1,114 @@
+import type { PageQuery, BaseEntity } from '#/api/common';
+
+export interface QuestionVO {
+  /**
+   * id
+   */
+  id: string | number;
+
+  /**
+   * 调查问卷id
+   */
+  questionnaireId: string | number;
+
+  /**
+   * 标题
+   */
+  head: string;
+
+  /**
+   * 问题类型(1单行文本2多行文本3单选题4多选题5评分题6日期选择)
+   */
+  type: string;
+
+  /**
+   * 是否必填(1不必填2必填)
+   */
+  isRequired: string;
+
+  /**
+   * 描述
+   */
+  depict: string;
+
+  /**
+   * 排序
+   */
+  sort: number;
+
+}
+
+export interface QuestionForm extends BaseEntity {
+  /**
+   * id
+   */
+  id?: string | number;
+
+  /**
+   * 调查问卷id
+   */
+  questionnaireId?: string | number;
+
+  /**
+   * 标题
+   */
+  head?: string;
+
+  /**
+   * 问题类型(1单行文本2多行文本3单选题4多选题5评分题6日期选择)
+   */
+  type?: string;
+
+  /**
+   * 是否必填(1不必填2必填)
+   */
+  isRequired?: string;
+
+  /**
+   * 描述
+   */
+  depict?: string;
+
+  /**
+   * 排序
+   */
+  sort?: number;
+
+}
+
+export interface QuestionQuery extends PageQuery {
+  /**
+   * 调查问卷id
+   */
+  questionnaireId?: string | number;
+
+  /**
+   * 标题
+   */
+  head?: string;
+
+  /**
+   * 问题类型(1单行文本2多行文本3单选题4多选题5评分题6日期选择)
+   */
+  type?: string;
+
+  /**
+   * 是否必填(1不必填2必填)
+   */
+  isRequired?: string;
+
+  /**
+   * 描述
+   */
+  depict?: string;
+
+  /**
+   * 排序
+   */
+  sort?: number;
+
+  /**
+    * 日期范围参数
+    */
+  params?: any;
+}
diff --git a/apps/web-antd/src/api/property/questionnaire/questionItem/index.ts b/apps/web-antd/src/api/property/questionnaire/questionItem/index.ts
new file mode 100644
index 00000000..c66defca
--- /dev/null
+++ b/apps/web-antd/src/api/property/questionnaire/questionItem/index.ts
@@ -0,0 +1,61 @@
+import type { QuestionItemVO, QuestionItemForm, QuestionItemQuery } from './model';
+
+import type { ID, IDS } from '#/api/common';
+import type { PageResult } from '#/api/common';
+
+import { commonExport } from '#/api/helper';
+import { requestClient } from '#/api/request';
+
+/**
+* 查询调查问卷问题选项列表
+* @param params
+* @returns 调查问卷问题选项列表
+*/
+export function questionItemList(params?: QuestionItemQuery) {
+  return requestClient.get<PageResult<QuestionItemVO>>('/property/questionItem/list', { params });
+}
+
+/**
+ * 导出调查问卷问题选项列表
+ * @param params
+ * @returns 调查问卷问题选项列表
+ */
+export function questionItemExport(params?: QuestionItemQuery) {
+  return commonExport('/property/questionItem/export', params ?? {});
+}
+
+/**
+ * 查询调查问卷问题选项详情
+ * @param id id
+ * @returns 调查问卷问题选项详情
+ */
+export function questionItemInfo(id: ID) {
+  return requestClient.get<QuestionItemVO>(`/property/questionItem/${id}`);
+}
+
+/**
+ * 新增调查问卷问题选项
+ * @param data
+ * @returns void
+ */
+export function questionItemAdd(data: QuestionItemForm) {
+  return requestClient.postWithMsg<void>('/property/questionItem', data);
+}
+
+/**
+ * 更新调查问卷问题选项
+ * @param data
+ * @returns void
+ */
+export function questionItemUpdate(data: QuestionItemForm) {
+  return requestClient.putWithMsg<void>('/property/questionItem', data);
+}
+
+/**
+ * 删除调查问卷问题选项
+ * @param id id
+ * @returns void
+ */
+export function questionItemRemove(id: ID | IDS) {
+  return requestClient.deleteWithMsg<void>(`/property/questionItem/${id}`);
+}
diff --git a/apps/web-antd/src/api/property/questionnaire/questionItem/model.d.ts b/apps/web-antd/src/api/property/questionnaire/questionItem/model.d.ts
new file mode 100644
index 00000000..3dea08ba
--- /dev/null
+++ b/apps/web-antd/src/api/property/questionnaire/questionItem/model.d.ts
@@ -0,0 +1,79 @@
+import type { PageQuery, BaseEntity } from '#/api/common';
+
+export interface QuestionItemVO {
+  /**
+   * id
+   */
+  id: string | number;
+
+  /**
+   * 问题id
+   */
+  questionId: string | number;
+
+  /**
+   * 选项内容
+   */
+  itemContent: string;
+
+  /**
+   * 排序
+   */
+  sort: number;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+}
+
+export interface QuestionItemForm extends BaseEntity {
+  /**
+   * id
+   */
+  id?: string | number;
+
+  /**
+   * 问题id
+   */
+  questionId?: string | number;
+
+  /**
+   * 选项内容
+   */
+  itemContent?: string;
+
+  /**
+   * 排序
+   */
+  sort?: number;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+}
+
+export interface QuestionItemQuery extends PageQuery {
+  /**
+   * 问题id
+   */
+  questionId?: string | number;
+
+  /**
+   * 选项内容
+   */
+  itemContent?: string;
+
+  /**
+   * 排序
+   */
+  sort?: number;
+
+  /**
+    * 日期范围参数
+    */
+  params?: any;
+}
diff --git a/apps/web-antd/src/api/property/questionnaire/questionnaire/index.ts b/apps/web-antd/src/api/property/questionnaire/questionnaire/index.ts
new file mode 100644
index 00000000..06321b2c
--- /dev/null
+++ b/apps/web-antd/src/api/property/questionnaire/questionnaire/index.ts
@@ -0,0 +1,61 @@
+import type { QuestionnaireVO, QuestionnaireForm, QuestionnaireQuery } from './model';
+
+import type { ID, IDS } from '#/api/common';
+import type { PageResult } from '#/api/common';
+
+import { commonExport } from '#/api/helper';
+import { requestClient } from '#/api/request';
+
+/**
+* 查询调查问卷列表
+* @param params
+* @returns 调查问卷列表
+*/
+export function questionnaireList(params?: QuestionnaireQuery) {
+  return requestClient.get<PageResult<QuestionnaireVO>>('/property/questionnaire/list', { params });
+}
+
+/**
+ * 导出调查问卷列表
+ * @param params
+ * @returns 调查问卷列表
+ */
+export function questionnaireExport(params?: QuestionnaireQuery) {
+  return commonExport('/property/questionnaire/export', params ?? {});
+}
+
+/**
+ * 查询调查问卷详情
+ * @param id id
+ * @returns 调查问卷详情
+ */
+export function questionnaireInfo(id: ID) {
+  return requestClient.get<QuestionnaireVO>(`/property/questionnaire/${id}`);
+}
+
+/**
+ * 新增调查问卷
+ * @param data
+ * @returns void
+ */
+export function questionnaireAdd(data: QuestionnaireForm) {
+  return requestClient.postWithMsg<void>('/property/questionnaire', data);
+}
+
+/**
+ * 更新调查问卷
+ * @param data
+ * @returns void
+ */
+export function questionnaireUpdate(data: QuestionnaireForm) {
+  return requestClient.putWithMsg<void>('/property/questionnaire', data);
+}
+
+/**
+ * 删除调查问卷
+ * @param id id
+ * @returns void
+ */
+export function questionnaireRemove(id: ID | IDS) {
+  return requestClient.deleteWithMsg<void>(`/property/questionnaire/${id}`);
+}
diff --git a/apps/web-antd/src/api/property/questionnaire/questionnaire/model.d.ts b/apps/web-antd/src/api/property/questionnaire/questionnaire/model.d.ts
new file mode 100644
index 00000000..d28fca41
--- /dev/null
+++ b/apps/web-antd/src/api/property/questionnaire/questionnaire/model.d.ts
@@ -0,0 +1,114 @@
+import type { PageQuery, BaseEntity } from '#/api/common';
+
+export interface QuestionnaireVO {
+  /**
+   * id
+   */
+  id: string | number;
+
+  /**
+   * 标题
+   */
+  head: string;
+
+  /**
+   * 描述
+   */
+  depict: string;
+
+  /**
+   * 是否匿名收集
+   */
+  isAnonyCollec: string;
+
+  /**
+   * 是否多次提交
+   */
+  isCommit: string;
+
+  /**
+   * 截止日期
+   */
+  deadline: string;
+
+  /**
+   * 状态(1草稿2已发布3未发布)
+   */
+  status: string;
+
+}
+
+export interface QuestionnaireForm extends BaseEntity {
+  /**
+   * id
+   */
+  id?: string | number;
+
+  /**
+   * 标题
+   */
+  head?: string;
+
+  /**
+   * 描述
+   */
+  depict?: string;
+
+  /**
+   * 是否匿名收集
+   */
+  isAnonyCollec?: string;
+
+  /**
+   * 是否多次提交
+   */
+  isCommit?: string;
+
+  /**
+   * 截止日期
+   */
+  deadline?: string;
+
+  /**
+   * 状态(1草稿2已发布3未发布)
+   */
+  status?: string;
+
+}
+
+export interface QuestionnaireQuery extends PageQuery {
+  /**
+   * 标题
+   */
+  head?: string;
+
+  /**
+   * 描述
+   */
+  depict?: string;
+
+  /**
+   * 是否匿名收集
+   */
+  isAnonyCollec?: string;
+
+  /**
+   * 是否多次提交
+   */
+  isCommit?: string;
+
+  /**
+   * 截止日期
+   */
+  deadline?: string;
+
+  /**
+   * 状态(1草稿2已发布3未发布)
+   */
+  status?: string;
+
+  /**
+    * 日期范围参数
+    */
+  params?: any;
+}

From fcd4051e906646e612a2ce833e1fc20cafa892ab Mon Sep 17 00:00:00 2001
From: FLL <2162874245@qq.com>
Date: Thu, 14 Aug 2025 15:14:32 +0800
Subject: [PATCH 5/6] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visitorManagement/visitorInvitation/data.ts    | 14 ++++++++++++--
 .../visitorInvitation/visitorInvitation-detail.vue |  6 ++++--
 .../visitorTodo/visitorTodo-detail.vue             |  6 ++++--
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/apps/web-antd/src/views/property/visitorManagement/visitorInvitation/data.ts b/apps/web-antd/src/views/property/visitorManagement/visitorInvitation/data.ts
index ccbcfa04..b4eaa93b 100644
--- a/apps/web-antd/src/views/property/visitorManagement/visitorInvitation/data.ts
+++ b/apps/web-antd/src/views/property/visitorManagement/visitorInvitation/data.ts
@@ -1,5 +1,7 @@
 import type { FormSchemaGetter } from '#/adapter/form';
 import type { VxeGridProps } from '#/adapter/vxe-table';
+import {getDictOptions} from "#/utils/dict";
+import {renderDict} from "#/utils/render";
 
 export const querySchema: FormSchemaGetter = () => [
   {
@@ -64,6 +66,11 @@ export const columns: VxeGridProps['columns'] = [
   {
     title: '事由',
     field: 'visitingReason',
+    slots: {
+      default: ({ row }) => {
+        return renderDict(row.visitingReason, 'reason_for_visit');
+      },
+    },
   },
   {
     title: '拜访时间',
@@ -156,8 +163,11 @@ export const modalSchema: FormSchemaGetter = () => [
   {
     label: '事由',
     fieldName: 'visitingReason',
-    component: 'Input',
-    rules: 'required',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions('reason_for_visit'),
+    },
+    rules: 'selectRequired',
   },
   {
     label: '拜访时间',
diff --git a/apps/web-antd/src/views/property/visitorManagement/visitorInvitation/visitorInvitation-detail.vue b/apps/web-antd/src/views/property/visitorManagement/visitorInvitation/visitorInvitation-detail.vue
index 53bb98d1..1cfb8c9c 100644
--- a/apps/web-antd/src/views/property/visitorManagement/visitorInvitation/visitorInvitation-detail.vue
+++ b/apps/web-antd/src/views/property/visitorManagement/visitorInvitation/visitorInvitation-detail.vue
@@ -53,8 +53,10 @@ async function handleOpenChange(open: boolean) {
       <DescriptionsItem label="被访单位">
         {{ visitorInvitationDetail.interviewedUnit }}
       </DescriptionsItem>
-      <DescriptionsItem label="事由">
-        {{ visitorInvitationDetail.visitingReason }}
+      <DescriptionsItem label="事由" v-if="visitorInvitationDetail.visitingReason!=null">
+        <component
+          :is="renderDict(visitorInvitationDetail.visitingReason,'reason_for_visit')"
+        />
       </DescriptionsItem>
       <DescriptionsItem label="拜访时间">
         {{ visitorInvitationDetail.visitingBeginTime+' - '+visitorInvitationDetail.visitingBeginTime }}
diff --git a/apps/web-antd/src/views/property/visitorManagement/visitorTodo/visitorTodo-detail.vue b/apps/web-antd/src/views/property/visitorManagement/visitorTodo/visitorTodo-detail.vue
index 16c92028..4a250854 100644
--- a/apps/web-antd/src/views/property/visitorManagement/visitorTodo/visitorTodo-detail.vue
+++ b/apps/web-antd/src/views/property/visitorManagement/visitorTodo/visitorTodo-detail.vue
@@ -59,8 +59,10 @@ async function handleOpenChange(open: boolean) {
       <DescriptionsItem label="被访单位">
         {{ visitorTodoDetail.interviewedUnit }}
       </DescriptionsItem>
-      <DescriptionsItem label="事由">
-        {{ visitorTodoDetail.visitingReason }}
+      <DescriptionsItem label="事由" v-if="visitorTodoDetail.visitingReason!=null">
+        <component
+          :is="renderDict(visitorTodoDetail.visitingReason,'reason_for_visit')"
+        />
       </DescriptionsItem>
       <DescriptionsItem label="拜访时间">
         {{ visitorTodoDetail.visitingBeginTime+' - '+visitorTodoDetail.visitingBeginTime }}

From 78ff0f0c3d0a1d96488d1298fd7e00025b5f5c83 Mon Sep 17 00:00:00 2001
From: fyy <2717885210@qq.com>
Date: Thu, 14 Aug 2025 17:19:58 +0800
Subject: [PATCH 6/6] =?UTF-8?q?feat:=20=E9=97=AE=E5=8D=B7=E5=88=86?=
 =?UTF-8?q?=E6=9E=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/sis/deviceManage/model.d.ts       |   4 +-
 .../attendanceArea/data.ts                    |  21 +-
 .../workforceManagement/data.ts               |   6 +-
 .../workforce-day-detail.vue                  |   2 +-
 .../workforceManagement/workforce-detail.vue  |  10 +-
 .../questionnaireAnalysis/data.ts             |   0
 .../questionnaireAnalysis/index.vue           | 275 ++++++++++++++++++
 .../questionnaire-table-modal.vue             |   4 +
 8 files changed, 306 insertions(+), 16 deletions(-)
 create mode 100644 apps/web-antd/src/views/property/customerService/questionnaireAnalysis/data.ts
 create mode 100644 apps/web-antd/src/views/property/customerService/questionnaireAnalysis/index.vue
 create mode 100644 apps/web-antd/src/views/property/customerService/questionnaireAnalysis/questionnaire-table-modal.vue

diff --git a/apps/web-antd/src/api/sis/deviceManage/model.d.ts b/apps/web-antd/src/api/sis/deviceManage/model.d.ts
index c961d7f0..3e27e50f 100644
--- a/apps/web-antd/src/api/sis/deviceManage/model.d.ts
+++ b/apps/web-antd/src/api/sis/deviceManage/model.d.ts
@@ -178,9 +178,9 @@ export interface DeviceManageQuery extends PageQuery {
    */
   deviceMac?: string;
 
-  lon: number;
+  lon?: number;
 
-  lat: number;
+  lat?: number;
 
   /**
    * 设备在线状态 0:离线 1:在线 2:未知
diff --git a/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/data.ts b/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/data.ts
index 35a9ec6f..9f0abf52 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/data.ts
+++ b/apps/web-antd/src/views/property/attendanceManagement/attendanceArea/data.ts
@@ -1,13 +1,12 @@
 import type { FormSchemaGetter } from '#/adapter/form';
 import type { VxeGridProps } from '#/adapter/vxe-table';
-
-
+import { deviceManageList } from '#/api/sis/deviceManage';
 export const querySchema: FormSchemaGetter = () => [
   {
     component: 'Input',
     fieldName: 'area',
     label: '区域',
-  }
+  },
 ];
 
 // 需要使用i18n注意这里要改成getter形式 否则切换语言不会刷新
@@ -54,10 +53,22 @@ export const modalSchema: FormSchemaGetter = () => [
     component: 'Input',
   },
   {
-    label: '摄像机id',
+    label: '摄像机',
     fieldName: 'deviceManageId',
-    component: 'Select',
+    component: 'ApiSelect',
     componentProps: {
+      api: async () => {
+        const res = await deviceManageList({
+          pageNum: 1,
+          pageSize: 10000,
+          deviceType: 1,
+        });
+        return res;
+      },
+      resultField: 'rows',
+      labelField: 'deviceName',
+      valueField: 'id',
+      mode: 'multiple',
     },
   },
   {
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts
index ddf61fb8..331d649a 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/data.ts
@@ -82,13 +82,13 @@ export const columns: VxeGridProps['columns'] = [
   },
   {
     title: '人员',
-    field: 'sysUser.userName',
+    field: 'remoteUserVo.userName',
     width: 120,
     // width: 'auto',
   },
   {
     title: '单位',
-    field: 'sysUser.deptName',
+    field: 'deptName',
     width: 'auto',
   },
   // {
@@ -120,7 +120,7 @@ export const columns: VxeGridProps['columns'] = [
     minWidth: 200,
     slots: {
       default: ({ row }) => {
-        if(!row.attendanceShift) return '/';
+        if (!row.attendanceShift) return '/';
         if (row.attendanceShift.startTime && row.attendanceShift.endTime) {
           if (
             row.attendanceShift.restEndTime &&
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue
index 23fb8b50..696610df 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-day-detail.vue
@@ -87,7 +87,7 @@ async function handleClosed() {
               :key="item.id"
               class="wrap-cell"
             >
-              {{ item.sysUser.userName }}
+              {{ item.remoteUserVo.userName }}
               <span v-if="index !== row.userGroupList.length - 1">、</span>
             </span>
           </template>
diff --git a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue
index 0fd19db4..b5e64776 100644
--- a/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue
+++ b/apps/web-antd/src/views/property/attendanceManagement/workforceManagement/workforce-detail.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { reactive, onMounted,computed } from 'vue';
+import { reactive, onMounted, computed } from 'vue';
 
 import { useVbenModal } from '@vben/common-ui';
 import {
@@ -178,8 +178,8 @@ const [BasicModal, modalApi] = useVbenModal({
         const deptMap = new Map();
 
         for (const item of record.userGroupList) {
-          const deptId = item.sysUser.deptId;
-          const deptName = item.sysUser.deptName;
+          const deptId = item.remoteUserVo.deptId;
+          const deptName = item.deptName;
 
           if (!deptMap.has(deptId)) {
             deptMap.set(deptId, {
@@ -188,8 +188,8 @@ const [BasicModal, modalApi] = useVbenModal({
             });
           }
           deptMap.get(deptId).users.push({
-            userId: item.sysUser.userId,
-            userName: item.sysUser.userName,
+            userId: item.remoteUserVo.userId,
+            userName: item.remoteUserVo.userName,
           });
         }
         // 转换为 tableData 格式
diff --git a/apps/web-antd/src/views/property/customerService/questionnaireAnalysis/data.ts b/apps/web-antd/src/views/property/customerService/questionnaireAnalysis/data.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/web-antd/src/views/property/customerService/questionnaireAnalysis/index.vue b/apps/web-antd/src/views/property/customerService/questionnaireAnalysis/index.vue
new file mode 100644
index 00000000..55d3a794
--- /dev/null
+++ b/apps/web-antd/src/views/property/customerService/questionnaireAnalysis/index.vue
@@ -0,0 +1,275 @@
+<script lang="ts" setup>
+import { Button, Tag, Progress, Rate } from 'ant-design-vue';
+import {
+  BarChartOutlined,
+  MessageOutlined,
+  EyeTwoTone,
+  ProjectTwoTone,
+  CalendarTwoTone,
+  ApiTwoTone,
+} from '@ant-design/icons-vue';
+import { Page } from '@vben/common-ui';
+</script>
+<template>
+  <Page :auto-content-height="true">
+    <div class="px-16">
+      <div class="flex justify-end pb-4">
+        <Button type="primary">查看所有回复</Button>
+      </div>
+      <div class="bg-white p-2">
+        <!-- 总览 -->
+        <div class="flex text-base font-bold">
+          <BarChartOutlined />
+          <div>总览</div>
+        </div>
+        <div class="flex justify-between">
+          <div
+            class="h-20 w-40 rounded-lg border-2 border-gray-200 p-2 shadow-[0px_1px_1px_1px_#e5e7eb]"
+          >
+            <div class="flex justify-between">
+              <div>总浏览量</div>
+              <EyeTwoTone />
+            </div>
+            <div class="mt-[20px] text-lg font-bold text-blue-600">1250</div>
+          </div>
+          <div
+            class="h-20 w-40 rounded-lg border-2 border-gray-200 p-2 shadow-[0px_1px_1px_1px_#e5e7eb]"
+          >
+            <div class="flex justify-between">
+              <div>完成率</div>
+              <ProjectTwoTone two-tone-color="#00A63E" />
+            </div>
+            <div
+              class="text-[#00A63E]text-blue-600 mt-[20px] text-lg font-bold"
+            >
+              1250
+            </div>
+          </div>
+          <div
+            class="h-20 w-40 rounded-lg border-2 border-gray-200 p-2 shadow-[0px_1px_1px_1px_#e5e7eb]"
+          >
+            <div class="flex justify-between">
+              <div>平均用时</div>
+              <CalendarTwoTone two-tone-color="#F54A20" />
+            </div>
+            <div class="mt-[20px] text-lg font-bold text-[#F54A20]">1250</div>
+          </div>
+          <div
+            class="h-20 w-40 rounded-lg border-2 border-gray-200 p-2 shadow-[0px_1px_1px_1px_#e5e7eb]"
+          >
+            <div class="flex justify-between">
+              <div>响应率</div>
+              <ApiTwoTone two-tone-color="#9810FA" />
+            </div>
+            <div class="mt-[20px] text-lg font-bold text-[#9810FA]">1250</div>
+          </div>
+        </div>
+        <!-- 问题分析 -->
+        <div class="flex justify-between py-2 text-base font-bold">
+          <div class="flex">
+            <MessageOutlined />
+            <div>问题分析</div>
+          </div>
+          <div>赛选</div>
+        </div>
+        <div class="flex flex-col gap-2">
+          <!-- 单选题 /多选题-->
+          <div
+            class="flex flex-col gap-2 rounded-lg border-2 border-gray-200 p-3 shadow-[0px_1px_1px_1px_#e5e7eb]"
+          >
+            <div>
+              <div class="flex justify-between">
+                <div class="text-xs font-black">问题1：你对当前工资满意吗?</div>
+                <div><Tag>单选题</Tag></div>
+              </div>
+              <div class="text-gray-400">共收到156个回答</div>
+            </div>
+            <div class="flex flex-col gap-0.5">
+              <div>
+                <div class="flex justify-between">
+                  <div>非常满意</div>
+                  <div class="flex gap-1">
+                    <div class="text-gray-400">45人</div>
+                    <div>28.8%</div>
+                  </div>
+                </div>
+                <div>
+                  <Progress
+                    :percent="50"
+                    :show-info="false"
+                    stroke-color="#000"
+                  ></Progress>
+                </div>
+              </div>
+              <div>
+                <div class="flex justify-between">
+                  <div>非常满意</div>
+                  <div class="flex gap-1">
+                    <div class="text-gray-400">45人</div>
+                    <div>28.8%</div>
+                  </div>
+                </div>
+                <div>
+                  <Progress
+                    :percent="28.8"
+                    :show-info="false"
+                    stroke-color="#000"
+                  ></Progress>
+                </div>
+              </div>
+              <div>
+                <div class="flex justify-between">
+                  <div>满意</div>
+                  <div class="flex gap-1">
+                    <div class="text-gray-400">62人</div>
+                    <div>39.7%</div>
+                  </div>
+                </div>
+                <div>
+                  <Progress
+                    :percent="39.7"
+                    :show-info="false"
+                    stroke-color="#000"
+                  ></Progress>
+                </div>
+              </div>
+              <div>
+                <div class="flex justify-between">
+                  <div>一般</div>
+                  <div class="flex gap-1">
+                    <div class="text-gray-400">35人</div>
+                    <div>22.4%</div>
+                  </div>
+                </div>
+                <div>
+                  <Progress
+                    :percent="22.4"
+                    :show-info="false"
+                    stroke-color="#000"
+                  ></Progress>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 多行文本/单行文本 -->
+          <div
+            class="flex flex-col gap-2 rounded-lg border-2 border-gray-200 p-3 shadow-[0px_1px_1px_1px_#e5e7eb]"
+          >
+            <div>
+              <div class="flex justify-between">
+                <div class="text-xs font-black">问题1：你对公司有什么建议?</div>
+                <div><Tag>多行文本</Tag></div>
+              </div>
+              <div class="text-gray-400">共收到156个回答</div>
+            </div>
+            <div class="flex flex-col gap-1">
+              <div class="flex">
+                <MessageOutlined two-tone-color="gray" />
+                <div>最新回复(8/156条)</div>
+              </div>
+              <div class="rounded-lg border px-2 py-1">
+                <div class="border-b p-1">
+                  <div class="text-[13px]">希望公司多一些团建</div>
+                  <div class="text-[12px] text-gray-400">
+                    2025-08-14 10:00:00
+                  </div>
+                </div>
+                <div class="border-b p-1">
+                  <div class="text-[13px]">减少不必要会议</div>
+                  <div class="text-[12px] text-gray-400">
+                    2025-08-14 10:00:00
+                  </div>
+                </div>
+                <div class="border-b p-1">
+                  <div class="text-[13px]">提升福利待遇</div>
+                  <div class="text-[12px] text-gray-400">
+                    2025-08-14 10:00:00
+                  </div>
+                </div>
+              </div>
+              <div class="text-gray-400">还有148条回复未显示</div>
+            </div>
+          </div>
+          <!-- 评分题-->
+          <div
+            class="flex flex-col gap-2 rounded-lg border-2 border-gray-200 p-3 shadow-[0px_1px_1px_1px_#e5e7eb]"
+          >
+            <div>
+              <div class="flex justify-between">
+                <div class="text-xs font-black">问题1：评价考勤制度?</div>
+                <div><Tag>评分题</Tag></div>
+              </div>
+              <div class="text-gray-400">共收到156个回答</div>
+            </div>
+            <div class="flex flex-col gap-0.5">
+              <div>
+                <div class="flex justify-between">
+                  <Rate :value="5" disabled></Rate>
+                  <div class="flex gap-1">
+                    <div class="text-gray-400">45人</div>
+                    <div>28.8%</div>
+                  </div>
+                </div>
+                <div>
+                  <Progress
+                    :percent="50"
+                    :show-info="false"
+                    stroke-color="#000"
+                  ></Progress>
+                </div>
+              </div>
+              <div>
+                <div class="flex justify-between">
+                  <Rate :value="4" disabled></Rate>
+                  <div class="flex gap-1">
+                    <div class="text-gray-400">45人</div>
+                    <div>28.8%</div>
+                  </div>
+                </div>
+                <div>
+                  <Progress
+                    :percent="28.8"
+                    :show-info="false"
+                    stroke-color="#000"
+                  ></Progress>
+                </div>
+              </div>
+              <div>
+                <div class="flex justify-between">
+                  <Rate :value="3" disabled></Rate>
+                  <div class="flex gap-1">
+                    <div class="text-gray-400">62人</div>
+                    <div>39.7%</div>
+                  </div>
+                </div>
+                <div>
+                  <Progress
+                    :percent="39.7"
+                    :show-info="false"
+                    stroke-color="#000"
+                  ></Progress>
+                </div>
+              </div>
+              <div>
+                <div class="flex justify-between">
+                  <Rate :value="2" disabled></Rate>
+                  <div class="flex gap-1">
+                    <div class="text-gray-400">35人</div>
+                    <div>22.4%</div>
+                  </div>
+                </div>
+                <div>
+                  <Progress
+                    :percent="22.4"
+                    :show-info="false"
+                    stroke-color="#000"
+                  ></Progress>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </Page>
+</template>
diff --git a/apps/web-antd/src/views/property/customerService/questionnaireAnalysis/questionnaire-table-modal.vue b/apps/web-antd/src/views/property/customerService/questionnaireAnalysis/questionnaire-table-modal.vue
new file mode 100644
index 00000000..9d13f383
--- /dev/null
+++ b/apps/web-antd/src/views/property/customerService/questionnaireAnalysis/questionnaire-table-modal.vue
@@ -0,0 +1,4 @@
+<script lang="ts" setup></script>
+<template>
+  <div></div>
+</template>