总部片区模块

apps/web-ele/src/views/Archive/headquartersDistrict/districtInspect/districtInspect-data.tsx

@@ -0,0 +1,193 @@
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import type { FormSchemaGetter } from '#/adapter/form';
+
+// 片区检查数据类型定义
+export interface DistrictInspectData {
+  id: number;
+  area: string; // 片区
+  meetingPlace: string; // 会议地点
+  meetingTime: string; // 会议时间
+  executor: string; // 执行人
+  comment: string; // 评论
+  deadline: string; // 截止时间
+  processingTime: string; // 处理时间
+  completionStatus: string; // 完成状态
+  creation: string; // 创建时间
+}
+
+// 片区检查表格配置
+export const tableColumns: VxeGridProps['columns'] = [
+  { title: '片区', field: 'area', minWidth: 120, align: 'center' },
+  { title: '会议地点', field: 'meetingPlace', minWidth: 150, align: 'center' },
+  { title: '会议时间', field: 'meetingTime', minWidth: 160, align: 'center' },
+  { title: '执行人', field: 'executor', minWidth: 120, align: 'center' },
+  { title: '评论', field: 'comment', minWidth: 150, align: 'center' },
+  { title: '截止时间', field: 'deadline', minWidth: 160, align: 'center' },
+  { title: '处理时间', field: 'processingTime', minWidth: 160, align: 'center' },
+  { title: '完成状态', field: 'completionStatus', minWidth: 120, align: 'center' },
+  { title: '创建时间', field: 'creation', minWidth: 160, align: 'center' },
+  { 
+    title: '操作', 
+    minWidth: 100, 
+    align: 'center', 
+    slots: { default: 'action' }
+  },
+];
+
+// 片区检查虚拟数据
+export const DISTRICT_INSPECT_MOCK_DATA: DistrictInspectData[] = [
+  { 
+    id: 1, 
+    area: '北京片区', 
+    meetingPlace: '北京东加油站会议室', 
+    meetingTime: '2025-12-18 10:00:00', 
+    executor: '张三', 
+    comment: '已审核通过', 
+    deadline: '2025-12-20 18:00:00', 
+    processingTime: '2025-12-18 14:30:00', 
+    completionStatus: '已完成', 
+    creation: '2025-12-15 09:00:00'
+  },
+  { 
+    id: 2, 
+    area: '上海片区', 
+    meetingPlace: '上海加油站会议室', 
+    meetingTime: '2025-12-19 13:00:00', 
+    executor: '李四', 
+    comment: '待审核', 
+    deadline: '2025-12-22 18:00:00', 
+    processingTime: '2025-12-19 10:15:00', 
+    completionStatus: '进行中', 
+    creation: '2025-12-16 10:30:00'
+  },
+  { 
+    id: 3, 
+    area: '广州片区', 
+    meetingPlace: '广州加油站会议室', 
+    meetingTime: '2025-12-20 09:30:00', 
+    executor: '王五', 
+    comment: '已评论', 
+    deadline: '2025-12-23 18:00:00', 
+    processingTime: '2025-12-20 11:45:00', 
+    completionStatus: '进行中', 
+    creation: '2025-12-17 14:00:00'
+  },
+  { 
+    id: 4, 
+    area: '深圳片区', 
+    meetingPlace: '深圳加油站会议室', 
+    meetingTime: '2025-12-17 14:00:00', 
+    executor: '赵六', 
+    comment: '已审核通过', 
+    deadline: '2025-12-19 18:00:00', 
+    processingTime: '2025-12-18 09:20:00', 
+    completionStatus: '已完成', 
+    creation: '2025-12-14 11:00:00'
+  },
+  { 
+    id: 5, 
+    area: '北京片区', 
+    meetingPlace: '北京西加油站会议室', 
+    meetingTime: '2025-12-21 14:30:00', 
+    executor: '孙七', 
+    comment: '未评论', 
+    deadline: '2025-12-24 18:00:00', 
+    processingTime: '2025-12-21 08:45:00', 
+    completionStatus: '进行中', 
+    creation: '2025-12-18 09:15:00'
+  },
+  { 
+    id: 6, 
+    area: '上海片区', 
+    meetingPlace: '上海南加油站会议室', 
+    meetingTime: '2025-12-16 11:00:00', 
+    executor: '周八', 
+    comment: '已审核通过', 
+    deadline: '2025-12-18 18:00:00', 
+    processingTime: '2025-12-17 15:30:00', 
+    completionStatus: '已完成', 
+    creation: '2025-12-13 10:45:00'
+  },
+];
+
+export const queryFormSchema: FormSchemaGetter = () => QUERY_FORM_SCHEMA;
+
+// 查询表单模式配置
+const QUERY_FORM_SCHEMA = [
+  {
+    component: 'Select',
+    fieldName: 'area',
+    label: '片区',
+    componentProps: {
+      placeholder: '请选择片区',
+      options: [
+        { label: '北京片区', value: '北京片区' },
+        { label: '上海片区', value: '上海片区' },
+        { label: '广州片区', value: '广州片区' },
+        { label: '深圳片区', value: '深圳片区' },
+      ],
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'taskName',
+    label: '任务名称',
+    componentProps: {
+      placeholder: '请选择任务名称',
+      options: [
+        { label: '安全检查', value: '安全检查' },
+        { label: '设备巡检', value: '设备巡检' },
+        { label: '环境检查', value: '环境检查' },
+        { label: '服务检查', value: '服务检查' },
+      ],
+    },
+  },
+  {
+    component: 'Input',
+    fieldName: 'executor',
+    label: '执行人',
+    componentProps: {
+      placeholder: '请输入执行人',
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'comment',
+    label: '评论',
+    componentProps: {
+      placeholder: '请选择评论',
+      options: [
+        { label: '已评论', value: '已评论' },
+        { label: '未评论', value: '未评论' },
+        { label: '待审核', value: '待审核' },
+      ],
+    },
+  },
+  {
+    component: 'DatePicker',
+    fieldName: 'processingTimeRange',
+    label: '处理时间',
+    componentProps: {
+      placeholder: '请选择处理时间范围',
+      type: 'daterange',
+      rangeSeparator: '至',
+      startPlaceholder: '开始时间',
+      endPlaceholder: '结束时间',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss'
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'completionStatus',
+    label: '完成状态',
+    componentProps: {
+      placeholder: '请选择完成状态',
+      options: [
+        { label: '已完成', value: '已完成' },
+        { label: '进行中', value: '进行中' },
+        { label: '已逾期', value: '已逾期' },
+        { label: '已取消', value: '已取消' },
+      ],
+    },
+  },
+];

apps/web-ele/src/views/Archive/headquartersDistrict/districtInspect/index.vue

@@ -0,0 +1,72 @@
+<script lang="ts" setup>
+// 导入部分
+import type { VbenFormProps } from '@vben/common-ui';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import { Page } from '@vben/common-ui';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { ElButton, ElSpace } from 'element-plus';
+import { tableColumns, DISTRICT_INSPECT_MOCK_DATA, queryFormSchema } from './districtInspect-data';
+
+// 表单配置
+const formOptions: VbenFormProps = {
+  commonConfig: {
+    labelWidth: 80,
+    componentProps: { allowClear: true },
+  },
+  schema: queryFormSchema(),
+  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-4',
+};
+
+// 片区检查表格配置
+const districtInspectGridOptions: VxeGridProps = {
+  columns: tableColumns,
+  height: '800px',
+  proxyConfig: {
+    autoLoad: true,
+    ajax: {
+      query: async () => ({ items: DISTRICT_INSPECT_MOCK_DATA, total: DISTRICT_INSPECT_MOCK_DATA.length }),
+    },
+  },
+  rowConfig: { keyField: 'id' },
+  pagerConfig: { enabled: true, pageSize: 100, pageSizes: [10, 20, 50, 100] },
+};
+
+// 创建表格实例
+const [DistrictInspectTable] = useVbenVxeGrid({ formOptions, gridOptions: districtInspectGridOptions });
+
+// 导出按钮点击事件
+const handleExport = () => {
+  console.log('导出数据');
+  // TODO: 添加导出逻辑
+};
+</script>
+
+<template>
+  <Page :auto-content-height="true">
+    <div class="district-inspect-container">
+      <!-- 片区检查表格 -->
+      <div class="table-container">
+        <DistrictInspectTable table-title="片区检查列表">
+          <template #toolbar-tools>
+            <ElSpace>
+              <ElButton 
+                @click="handleExport"
+                v-access:code="['system:districtInspect:export']"
+              >
+                导出
+              </ElButton>
+            </ElSpace>
+          </template>
+          </DistrictInspectTable>
+      </div>
+    </div>
+  </Page>
+</template>
+
+<style scoped lang="scss">
+.district-inspect-container {
+  min-height: calc(100vh - 120px);
+  padding: 16px;
+  background-color: #fff;
+}
+</style>

apps/web-ele/src/views/Archive/headquartersDistrict/districtMeeting/districtMeeting-data.tsx

@@ -0,0 +1,208 @@
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import type { FormSchemaGetter } from '#/adapter/form';
+
+// 片区会议数据类型定义
+export interface DistrictMeetingData {
+  id: number;
+  taskName: string; // 任务名称
+  areaName: string; // 片区名称
+  anomalyTotal: number; // 异常总数
+  noPhotoCount: number; // 无拍照数
+  executor: string; // 执行人
+  position: string; // 岗位
+  comment: string; // 评论
+  deadline: string; // 截止时间
+  processingTime: string; // 处理时间
+  completionStatus: string; // 完成状态
+  creation: string; // 创建时间
+}
+
+// 片区会议表格配置
+export const tableColumns: VxeGridProps['columns'] = [
+  { title: '任务名称', field: 'taskName', minWidth: 150, align: 'center' },
+  { title: '片区名称', field: 'areaName', minWidth: 120, align: 'center' },
+  { title: '异常总数', field: 'anomalyTotal', minWidth: 100, align: 'center' },
+  { title: '无拍照数', field: 'noPhotoCount', minWidth: 100, align: 'center' },
+  { title: '执行人', field: 'executor', minWidth: 120, align: 'center' },
+  { title: '岗位', field: 'position', minWidth: 120, align: 'center' },
+  { title: '评论', field: 'comment', minWidth: 150, align: 'center' },
+  { title: '截止时间', field: 'deadline', minWidth: 160, align: 'center' },
+  { title: '处理时间', field: 'processingTime', minWidth: 160, align: 'center' },
+  { title: '完成状态', field: 'completionStatus', minWidth: 120, align: 'center' },
+  { title: '创建时间', field: 'creation', minWidth: 160, align: 'center' },
+  { 
+    title: '操作', 
+    minWidth: 100, 
+    align: 'center', 
+    slots: { default: 'action' }
+  },
+];
+
+// 片区会议虚拟数据
+export const DISTRICT_MEETING_MOCK_DATA: DistrictMeetingData[] = [
+  { 
+    id: 1, 
+    taskName: '安全检查会议', 
+    areaName: '北京片区', 
+    anomalyTotal: 5, 
+    noPhotoCount: 1, 
+    executor: '张三', 
+    position: '站长', 
+    comment: '已审核通过', 
+    deadline: '2025-12-20 18:00:00', 
+    processingTime: '2025-12-18 14:30:00', 
+    completionStatus: '已完成', 
+    creation: '2025-12-15 09:00:00'
+  },
+  { 
+    id: 2, 
+    taskName: '设备巡检会议', 
+    areaName: '上海片区', 
+    anomalyTotal: 3, 
+    noPhotoCount: 0, 
+    executor: '李四', 
+    position: '设备管理员', 
+    comment: '待审核', 
+    deadline: '2025-12-22 18:00:00', 
+    processingTime: '2025-12-19 10:15:00', 
+    completionStatus: '进行中', 
+    creation: '2025-12-16 10:30:00'
+  },
+  { 
+    id: 3, 
+    taskName: '环境检查会议', 
+    areaName: '广州片区', 
+    anomalyTotal: 2, 
+    noPhotoCount: 0, 
+    executor: '王五', 
+    position: '安全员', 
+    comment: '已评论', 
+    deadline: '2025-12-23 18:00:00', 
+    processingTime: '2025-12-20 11:45:00', 
+    completionStatus: '进行中', 
+    creation: '2025-12-17 14:00:00'
+  },
+  { 
+    id: 4, 
+    taskName: '服务检查会议', 
+    areaName: '深圳片区', 
+    anomalyTotal: 4, 
+    noPhotoCount: 2, 
+    executor: '赵六', 
+    position: '服务专员', 
+    comment: '已审核通过', 
+    deadline: '2025-12-19 18:00:00', 
+    processingTime: '2025-12-18 09:20:00', 
+    completionStatus: '已完成', 
+    creation: '2025-12-14 11:00:00'
+  },
+  { 
+    id: 5, 
+    taskName: '安全检查会议', 
+    areaName: '北京片区', 
+    anomalyTotal: 1, 
+    noPhotoCount: 0, 
+    executor: '孙七', 
+    position: '安全员', 
+    comment: '未评论', 
+    deadline: '2025-12-24 18:00:00', 
+    processingTime: '2025-12-21 08:45:00', 
+    completionStatus: '进行中', 
+    creation: '2025-12-18 09:15:00'
+  },
+  { 
+    id: 6, 
+    taskName: '设备巡检会议', 
+    areaName: '上海片区', 
+    anomalyTotal: 6, 
+    noPhotoCount: 1, 
+    executor: '周八', 
+    position: '设备管理员', 
+    comment: '已审核通过', 
+    deadline: '2025-12-18 18:00:00', 
+    processingTime: '2025-12-17 15:30:00', 
+    completionStatus: '已完成', 
+    creation: '2025-12-13 10:45:00'
+  },
+];
+
+export const queryFormSchema: FormSchemaGetter = () => QUERY_FORM_SCHEMA;
+
+// 查询表单模式配置
+const QUERY_FORM_SCHEMA = [
+  {
+    component: 'Select',
+    fieldName: 'area',
+    label: '片区',
+    componentProps: {
+      placeholder: '请选择片区',
+      options: [
+        { label: '北京片区', value: '北京片区' },
+        { label: '上海片区', value: '上海片区' },
+        { label: '广州片区', value: '广州片区' },
+        { label: '深圳片区', value: '深圳片区' },
+      ],
+    },
+  },
+  {
+    component: 'Input',
+    fieldName: 'meetingPlace',
+    label: '会议地点',
+    componentProps: {
+      placeholder: '请输入会议地点',
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'comment',
+    label: '评论',
+    componentProps: {
+      placeholder: '请选择评论',
+      options: [
+        { label: '已评论', value: '已评论' },
+        { label: '未评论', value: '未评论' },
+        { label: '待审核', value: '待审核' },
+      ],
+    },
+  },
+  {
+    component: 'DatePicker',
+    fieldName: 'meetingTimeRange',
+    label: '会议时间',
+    componentProps: {
+      placeholder: '请选择会议时间范围',
+      type: 'daterange',
+      rangeSeparator: '至',
+      startPlaceholder: '开始时间',
+      endPlaceholder: '结束时间',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss'
+    },
+  },
+  {
+    component: 'DatePicker',
+    fieldName: 'processingTimeRange',
+    label: '处理时间',
+    componentProps: {
+      placeholder: '请选择处理时间范围',
+      type: 'daterange',
+      rangeSeparator: '至',
+      startPlaceholder: '开始时间',
+      endPlaceholder: '结束时间',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss'
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'completionStatus',
+    label: '完成状态',
+    componentProps: {
+      placeholder: '请选择完成状态',
+      options: [
+        { label: '已完成', value: '已完成' },
+        { label: '进行中', value: '进行中' },
+        { label: '已逾期', value: '已逾期' },
+        { label: '已取消', value: '已取消' },
+      ],
+    },
+  },
+];

apps/web-ele/src/views/Archive/headquartersDistrict/districtMeeting/index.vue

@@ -0,0 +1,79 @@
+<script lang="ts" setup>
+// 导入部分
+import type { VbenFormProps } from '@vben/common-ui';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import { Page } from '@vben/common-ui';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { ElButton, ElSpace } from 'element-plus';
+import { tableColumns, DISTRICT_MEETING_MOCK_DATA, queryFormSchema } from './districtMeeting-data';
+
+// 表单配置
+const formOptions: VbenFormProps = {
+  commonConfig: {
+    labelWidth: 80,
+    componentProps: { allowClear: true },
+  },
+  schema: queryFormSchema(),
+  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-4',
+};
+
+// 片区会议表格配置
+const districtMeetingGridOptions: VxeGridProps = {
+  columns: tableColumns,
+  height: '800px',
+  proxyConfig: {
+    autoLoad: true,
+    ajax: {
+      query: async () => ({ items: DISTRICT_MEETING_MOCK_DATA, total: DISTRICT_MEETING_MOCK_DATA.length }),
+    },
+  },
+  rowConfig: { keyField: 'id' },
+  pagerConfig: { enabled: true, pageSize: 100, pageSizes: [10, 20, 50, 100] },
+};
+
+// 创建表格实例
+const [DistrictMeetingTable] = useVbenVxeGrid({ formOptions, gridOptions: districtMeetingGridOptions });
+
+// 导出按钮点击事件
+const handleExport = () => {
+  console.log('导出数据');
+  // TODO: 添加导出逻辑
+};
+</script>
+
+<template>
+  <Page :auto-content-height="true">
+    <div class="district-meeting-container">
+      <!-- 片区会议表格 -->
+      <div class="table-container">
+        <DistrictMeetingTable table-title="片区会议列表">
+          <template #toolbar-tools>
+            <ElSpace>
+              <ElButton 
+                @click="handleExport"
+                v-access:code="['system:districtMeeting:export']"
+              >
+                导出
+              </ElButton>
+            </ElSpace>
+          </template>
+          <template #action="{ row }">
+            <ElSpace>
+              <ElButton type="primary" size="small">
+                查看
+              </ElButton>
+            </ElSpace>
+          </template>
+          </DistrictMeetingTable>
+      </div>
+    </div>
+  </Page>
+</template>
+
+<style scoped lang="scss">
+.district-meeting-container {
+  min-height: calc(100vh - 120px);
+  padding: 16px;
+  background-color: #fff;
+}
+</style>

apps/web-ele/src/views/Archive/headquartersDistrict/headInspect/headInspect-data.tsx

@@ -0,0 +1,201 @@
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import type { FormSchemaGetter } from '#/adapter/form';
+
+// 总部检查数据类型定义
+export interface HeadquartersInspectData {
+  id: number;
+  taskName: string; // 任务名称
+  anomalyTotal: number; // 异常总数
+  noPhotoCount: number; // 无拍照数
+  executor: string; // 执行人
+  position: string; // 岗位
+  comment: string; // 评论
+  deadline: string; // 截止时间
+  processingTime: string; // 处理时间
+  completionStatus: string; // 完成状态
+  creation: string; // 创建时间
+}
+
+// 总部检查表格配置
+export const tableColumns: VxeGridProps['columns'] = [
+  { title: '任务名称', field: 'taskName', minWidth: 150, align: 'center' },
+  { title: '异常总数', field: 'anomalyTotal', minWidth: 100, align: 'center' },
+  { title: '无拍照数', field: 'noPhotoCount', minWidth: 100, align: 'center' },
+  { title: '执行人', field: 'executor', minWidth: 120, align: 'center' },
+  { title: '岗位', field: 'position', minWidth: 120, align: 'center' },
+  { title: '评论', field: 'comment', minWidth: 150, align: 'center' },
+  { title: '截止时间', field: 'deadline', minWidth: 160, align: 'center' },
+  { title: '处理时间', field: 'processingTime', minWidth: 160, align: 'center' },
+  { title: '完成状态', field: 'completionStatus', minWidth: 120, align: 'center' },
+  { title: '创建', field: 'creation', minWidth: 160, align: 'center' },
+  { 
+    title: '操作', 
+    minWidth: 100, 
+    align: 'center', 
+    slots: { default: 'action' }
+  },
+];
+
+// 总部检查虚拟数据
+export const HEADQUARTERS_INSPECT_MOCK_DATA: HeadquartersInspectData[] = [
+  { 
+    id: 1, 
+    taskName: '安全检查', 
+    anomalyTotal: 5, 
+    noPhotoCount: 1, 
+    executor: '张三', 
+    position: '站长', 
+    comment: '已审核通过', 
+    deadline: '2025-12-20 18:00:00', 
+    processingTime: '2025-12-18 10:30:00', 
+    completionStatus: '已完成', 
+    creation: '2025-12-15 09:00:00'
+  },
+  { 
+    id: 2, 
+    taskName: '设备巡检', 
+    anomalyTotal: 3, 
+    noPhotoCount: 0, 
+    executor: '李四', 
+    position: '设备管理员', 
+    comment: '待审核', 
+    deadline: '2025-12-21 18:00:00', 
+    processingTime: '2025-12-18 14:20:00', 
+    completionStatus: '进行中', 
+    creation: '2025-12-16 08:30:00'
+  },
+  { 
+    id: 3, 
+    taskName: '环境检查', 
+    anomalyTotal: 2, 
+    noPhotoCount: 0, 
+    executor: '王五', 
+    position: '安全员', 
+    comment: '已评论', 
+    deadline: '2025-12-19 18:00:00', 
+    processingTime: '2025-12-18 09:15:00', 
+    completionStatus: '已完成', 
+    creation: '2025-12-17 10:00:00'
+  },
+  { 
+    id: 4, 
+    taskName: '服务检查', 
+    anomalyTotal: 4, 
+    noPhotoCount: 2, 
+    executor: '赵六', 
+    position: '服务专员', 
+    comment: '未评论', 
+    deadline: '2025-12-22 18:00:00', 
+    processingTime: '2025-12-18 11:45:00', 
+    completionStatus: '进行中', 
+    creation: '2025-12-18 09:30:00'
+  },
+  { 
+    id: 5, 
+    taskName: '安全检查', 
+    anomalyTotal: 1, 
+    noPhotoCount: 0, 
+    executor: '孙七', 
+    position: '安全员', 
+    comment: '已审核通过', 
+    deadline: '2025-12-18 18:00:00', 
+    processingTime: '2025-12-17 16:30:00', 
+    completionStatus: '已完成', 
+    creation: '2025-12-14 14:00:00'
+  },
+  { 
+    id: 6, 
+    taskName: '设备巡检', 
+    anomalyTotal: 6, 
+    noPhotoCount: 1, 
+    executor: '周八', 
+    position: '设备管理员', 
+    comment: '待审核', 
+    deadline: '2025-12-23 18:00:00', 
+    processingTime: '2025-12-18 15:20:00', 
+    completionStatus: '进行中', 
+    creation: '2025-12-18 10:15:00'
+  },
+];
+
+export const queryFormSchema: FormSchemaGetter = () => QUERY_FORM_SCHEMA;
+
+// 查询表单模式配置
+const QUERY_FORM_SCHEMA = [
+  {
+    component: 'Select',
+    fieldName: 'taskName',
+    label: '任务名称',
+    componentProps: {
+      placeholder: '请选择任务名称',
+      options: [
+        { label: '安全检查', value: '安全检查' },
+        { label: '设备巡检', value: '设备巡检' },
+        { label: '环境检查', value: '环境检查' },
+        { label: '服务检查', value: '服务检查' },
+      ],
+    },
+  },
+  {
+    component: 'Input',
+    fieldName: 'executor',
+    label: '执行人',
+    componentProps: {
+      placeholder: '请输入执行人',
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'position',
+    label: '岗位',
+    componentProps: {
+      placeholder: '请选择岗位',
+      options: [
+        { label: '站长', value: '站长' },
+        { label: '安全员', value: '安全员' },
+        { label: '设备管理员', value: '设备管理员' },
+        { label: '服务专员', value: '服务专员' },
+      ],
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'comment',
+    label: '评论',
+    componentProps: {
+      placeholder: '请选择评论',
+      options: [
+        { label: '已评论', value: '已评论' },
+        { label: '未评论', value: '未评论' },
+        { label: '待审核', value: '待审核' },
+      ],
+    },
+  },
+  {
+    component: 'DatePicker',
+    fieldName: 'processingTimeRange',
+    label: '处理时间',
+    componentProps: {
+      placeholder: '请选择处理时间范围',
+      type: 'daterange',
+      rangeSeparator: '至',
+      startPlaceholder: '开始时间',
+      endPlaceholder: '结束时间',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss'
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'completionStatus',
+    label: '完成状态',
+    componentProps: {
+      placeholder: '请选择完成状态',
+      options: [
+        { label: '已完成', value: '已完成' },
+        { label: '进行中', value: '进行中' },
+        { label: '已逾期', value: '已逾期' },
+        { label: '已取消', value: '已取消' },
+      ],
+    },
+  },
+];

apps/web-ele/src/views/Archive/headquartersDistrict/headInspect/index.vue

@@ -0,0 +1,72 @@
+<script lang="ts" setup>
+// 导入部分
+import type { VbenFormProps } from '@vben/common-ui';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import { Page } from '@vben/common-ui';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { ElButton, ElSpace } from 'element-plus';
+import { tableColumns, HEADQUARTERS_INSPECT_MOCK_DATA, queryFormSchema } from './headInspect-data';
+
+// 表单配置
+const formOptions: VbenFormProps = {
+  commonConfig: {
+    labelWidth: 80,
+    componentProps: { allowClear: true },
+  },
+  schema: queryFormSchema(),
+  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-4',
+};
+
+// 总部检查表格配置
+const headquartersInspectGridOptions: VxeGridProps = {
+  columns: tableColumns,
+  height: '800px',
+  proxyConfig: {
+    autoLoad: true,
+    ajax: {
+      query: async () => ({ items: HEADQUARTERS_INSPECT_MOCK_DATA, total: HEADQUARTERS_INSPECT_MOCK_DATA.length }),
+    },
+  },
+  rowConfig: { keyField: 'id' },
+  pagerConfig: { enabled: true, pageSize: 100, pageSizes: [10, 20, 50, 100] },
+};
+
+// 创建表格实例
+const [HeadquartersInspectTable] = useVbenVxeGrid({ formOptions, gridOptions: headquartersInspectGridOptions });
+
+// 导出按钮点击事件
+const handleExport = () => {
+  console.log('导出数据');
+  // TODO: 添加导出逻辑
+};
+</script>
+
+<template>
+  <Page :auto-content-height="true">
+    <div class="headquarters-inspect-container">
+      <!-- 总部检查表格 -->
+      <div class="table-container">
+        <HeadquartersInspectTable table-title="总部检查列表">
+          <template #toolbar-tools>
+            <ElSpace>
+              <ElButton 
+                @click="handleExport"
+                v-access:code="['system:workDataStatistics:export']"
+              >
+                导出
+              </ElButton>
+            </ElSpace>
+          </template>
+        </HeadquartersInspectTable>
+      </div>
+    </div>
+  </Page>
+</template>
+
+<style scoped lang="scss">
+.headquarters-inspect-container {
+  min-height: calc(100vh - 120px);
+  padding: 16px;
+  background-color: #fff;
+}
+</style>

apps/web-ele/src/views/Archive/headquartersDistrict/tankerInspect/index.vue

@@ -0,0 +1,77 @@
+<script lang="ts" setup>
+// 导入部分
+import type { VbenFormProps } from '@vben/common-ui';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import { Page } from '@vben/common-ui';
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+import { ElButton, ElSpace } from 'element-plus';
+import { tableColumns, TANKER_INSPECT_MOCK_DATA, queryFormSchema } from './tankerInspect-data';
+
+// 表单配置
+const formOptions: VbenFormProps = {
+  commonConfig: {
+    labelWidth: 80,
+    componentProps: { allowClear: true },
+  },
+  schema: queryFormSchema(),
+  wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-4',
+};
+
+// 油轮检查表格配置
+const tankerInspectGridOptions: VxeGridProps = {
+  columns: tableColumns,
+  height: '800px',
+  proxyConfig: {
+    autoLoad: true,
+    ajax: {
+      query: async () => ({ items: TANKER_INSPECT_MOCK_DATA, total: TANKER_INSPECT_MOCK_DATA.length }),
+    },
+  },
+  rowConfig: { keyField: 'id' },
+  pagerConfig: { enabled: true, pageSize: 100, pageSizes: [10, 20, 50, 100] },
+};
+
+// 创建表格实例
+const [TankerInspectTable] = useVbenVxeGrid({ formOptions, gridOptions: tankerInspectGridOptions });
+
+// 导出按钮点击事件
+const handleExport = () => {
+  console.log('导出数据');
+  // TODO: 添加导出逻辑
+};
+</script>
+
+<template>
+  <Page :auto-content-height="true">
+    <div class="tanker-inspect-container">
+      <!-- 油轮检查表格 -->
+      <div class="table-container">
+        <TankerInspectTable table-title="油轮检查列表">
+          <template #toolbar-tools>
+            <ElSpace>
+              <ElButton 
+                @click="handleExport"
+                v-access:code="['system:tankerInspect:export']"
+              >
+                导出
+              </ElButton>
+            </ElSpace>
+          </template>
+          <template #action="{ row }">
+            <ElSpace>
+              <ElButton type="primary" size="small">查看</ElButton>
+            </ElSpace>
+          </template>
+        </TankerInspectTable>
+      </div>
+    </div>
+  </Page>
+</template>
+
+<style scoped lang="scss">
+.tanker-inspect-container {
+  min-height: calc(100vh - 120px);
+  padding: 16px;
+  background-color: #fff;
+}
+</style>

apps/web-ele/src/views/Archive/headquartersDistrict/tankerInspect/tankerInspect-data.tsx

@@ -0,0 +1,240 @@
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import type { FormSchemaGetter } from '#/adapter/form';
+
+// 油轮检查类型定义
+export interface TankerInspectData {
+  id: number;
+  taskName: string; // 任务名称
+  area: string; // 片区
+  station: string; // 油站
+  participateTime: string; // 参与时间
+  executor: string; // 执行人
+  comment: string; // 评论
+  deadline: string; // 截止时间
+  processingTime: string; // 处理时间
+  completionStatus: string; // 完成状态
+  creation: string; // 创建
+}
+
+// 油轮检查表格配置
+export const tableColumns: VxeGridProps['columns'] = [
+  { title: '任务名称', field: 'taskName', minWidth: 180, align: 'center' },
+  { title: '片区', field: 'area', minWidth: 120, align: 'center' },
+  { title: '油站', field: 'station', minWidth: 150, align: 'center' },
+  { title: '参与时间', field: 'participateTime', minWidth: 200, align: 'center' },
+  { title: '执行人', field: 'executor', minWidth: 120, align: 'center' },
+  { title: '评论', field: 'comment', minWidth: 120, align: 'center' },
+  { title: '截止时间', field: 'deadline', minWidth: 200, align: 'center' },
+  { title: '处理时间', field: 'processingTime', minWidth: 200, align: 'center' },
+  { title: '完成状态', field: 'completionStatus', minWidth: 120, align: 'center' },
+  { title: '创建', field: 'creation', minWidth: 200, align: 'center' },
+  { title: '操作', minWidth: 100, align: 'center', slots: { default: 'action' } },
+];
+
+// 油轮检查模拟数据
+export const TANKER_INSPECT_MOCK_DATA: TankerInspectData[] = [
+  {
+    id: 1,
+    taskName: '油轮安全检查',
+    area: '华北片区',
+    station: '北京东加油站',
+    participateTime: '2025-01-15 09:00:00',
+    executor: '张三',
+    comment: '正常',
+    deadline: '2025-01-20 18:00:00',
+    processingTime: '2025-01-15 10:30:00',
+    completionStatus: '已完成',
+    creation: '2025-01-10 14:20:00'
+  },
+  {
+    id: 2,
+    taskName: '油轮设备检修',
+    area: '华北片区',
+    station: '北京西加油站',
+    participateTime: '2025-01-16 10:00:00',
+    executor: '李四',
+    comment: '需要更换零件',
+    deadline: '2025-01-22 18:00:00',
+    processingTime: '2025-01-16 11:45:00',
+    completionStatus: '处理中',
+    creation: '2025-01-11 09:15:00'
+  },
+  {
+    id: 3,
+    taskName: '油轮防漏检查',
+    area: '华东片区',
+    station: '上海南加油站',
+    participateTime: '2025-01-17 13:30:00',
+    executor: '王五',
+    comment: '发现轻微泄漏',
+    deadline: '2025-01-23 18:00:00',
+    processingTime: '2025-01-17 14:50:00',
+    completionStatus: '待处理',
+    creation: '2025-01-12 16:30:00'
+  },
+  {
+    id: 4,
+    taskName: '油轮安全检查',
+    area: '华东片区',
+    station: '上海北加油站',
+    participateTime: '2025-01-18 08:45:00',
+    executor: '赵六',
+    comment: '正常',
+    deadline: '2025-01-24 18:00:00',
+    processingTime: '2025-01-18 10:15:00',
+    completionStatus: '已完成',
+    creation: '2025-01-13 11:25:00'
+  },
+  {
+    id: 5,
+    taskName: '油轮设备检修',
+    area: '华南片区',
+    station: '广州东加油站',
+    participateTime: '2025-01-19 09:30:00',
+    executor: '钱七',
+    comment: '设备运行正常',
+    deadline: '2025-01-25 18:00:00',
+    processingTime: '2025-01-19 11:00:00',
+    completionStatus: '已完成',
+    creation: '2025-01-14 10:40:00'
+  },
+  {
+    id: 6,
+    taskName: '油轮防漏检查',
+    area: '华南片区',
+    station: '广州西加油站',
+    participateTime: '2025-01-20 14:15:00',
+    executor: '孙八',
+    comment: '正常',
+    deadline: '2025-01-26 18:00:00',
+    processingTime: '2025-01-20 15:30:00',
+    completionStatus: '已完成',
+    creation: '2025-01-15 13:50:00'
+  },
+  {
+    id: 7,
+    taskName: '油轮安全检查',
+    area: '华北片区',
+    station: '天津加油站',
+    participateTime: '2025-01-21 10:00:00',
+    executor: '周九',
+    comment: '需要加强管理',
+    deadline: '2025-01-27 18:00:00',
+    processingTime: '2025-01-21 11:20:00',
+    completionStatus: '处理中',
+    creation: '2025-01-16 09:10:00'
+  },
+  {
+    id: 8,
+    taskName: '油轮设备检修',
+    area: '华东片区',
+    station: '南京加油站',
+    participateTime: '2025-01-22 13:30:00',
+    executor: '吴十',
+    comment: '设备老化',
+    deadline: '2025-01-28 18:00:00',
+    processingTime: '2025-01-22 14:45:00',
+    completionStatus: '待处理',
+    creation: '2025-01-17 14:20:00'
+  },
+];
+
+export const queryFormSchema: FormSchemaGetter = () => QUERY_FORM_SCHEMA;
+
+// 查询表单模式配置
+const QUERY_FORM_SCHEMA = [
+  {
+    component: 'Select',
+    fieldName: 'area',
+    label: '片区',
+    componentProps: {
+      placeholder: '请选择片区',
+      options: [
+        { label: '华北片区', value: '华北片区' },
+        { label: '华东片区', value: '华东片区' },
+        { label: '华南片区', value: '华南片区' },
+      ],
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'station',
+    label: '油站',
+    componentProps: {
+      placeholder: '请选择油站',
+      options: [
+        { label: '北京东加油站', value: '北京东加油站' },
+        { label: '北京西加油站', value: '北京西加油站' },
+        { label: '上海南加油站', value: '上海南加油站' },
+        { label: '上海北加油站', value: '上海北加油站' },
+        { label: '广州东加油站', value: '广州东加油站' },
+        { label: '广州西加油站', value: '广州西加油站' },
+        { label: '天津加油站', value: '天津加油站' },
+        { label: '南京加油站', value: '南京加油站' },
+      ],
+    },
+  },
+  {
+    component: 'Input',
+    fieldName: 'taskName',
+    label: '任务名称',
+    componentProps: {
+      placeholder: '请输入任务名称',
+    },
+  },
+  {
+    component: 'DatePicker',
+    fieldName: 'participateTimeRange',
+    label: '参与时间',
+    componentProps: {
+      placeholder: '请选择参与时间范围',
+      type: 'daterange',
+      rangeSeparator: '至',
+      startPlaceholder: '开始时间',
+      endPlaceholder: '结束时间',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss'
+    },
+  },
+  {
+    component: 'DatePicker',
+    fieldName: 'processingTimeRange',
+    label: '处理时间',
+    componentProps: {
+      placeholder: '请选择处理时间范围',
+      type: 'daterange',
+      rangeSeparator: '至',
+      startPlaceholder: '开始时间',
+      endPlaceholder: '结束时间',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss'
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'comment',
+    label: '评论',
+    componentProps: {
+      placeholder: '请选择评论',
+      options: [
+        { label: '正常', value: '正常' },
+        { label: '需要更换零件', value: '需要更换零件' },
+        { label: '发现轻微泄漏', value: '发现轻微泄漏' },
+        { label: '需要加强管理', value: '需要加强管理' },
+        { label: '设备老化', value: '设备老化' },
+        { label: '设备运行正常', value: '设备运行正常' },
+      ],
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'completionStatus',
+    label: '状态',
+    componentProps: {
+      placeholder: '请选择状态',
+      options: [
+        { label: '已完成', value: '已完成' },
+        { label: '处理中', value: '处理中' },
+        { label: '待处理', value: '待处理' },
+      ],
+    },
+  },
+];

apps/web-ele/src/views/system/infoEntry/gainSetting/index.vue

@@ -12,7 +12,7 @@ import { ElMessageBox } from 'element-plus';
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 
 import { tableColumns } from './gainSetting-data';
-import LabelManageDrawerComp from './gainSetting-drawer.vue';
+import GainSettingDrawerComp from './gainSetting-drawer.vue';
 
 const formOptions: VbenFormProps = {
   commonConfig: {
@@ -104,7 +104,7 @@ const [BasicTable, basicTableApi] = useVbenVxeGrid({
 });
 
 const [GainSettingDrawer, drawerApi] = useVbenDrawer({
-  connectedComponent: LabelManageDrawerComp,
+  connectedComponent: GainSettingDrawerComp,
 });
 
 // 新增标签