临时任务

apps/web-ele/src/views/Archive/temporaryDuty/addGasStation/addGasStation-data.tsx

@@ -0,0 +1,233 @@
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+
+// 场站新增任务数据类型定义
+export interface WorkReportData {
+  id: number;
+  taskName: string; // 任务名称
+  station: string; // 油站
+  executor: string; // 执行人
+  position: string; // 岗位
+  comment: string; // 评论
+  deadline: string; // 截止时间
+  processTime: string; // 处理时间
+  completionStatus: string; // 完成状态
+  creator: string; // 创建人
+  area: string; // 片区
+}
+
+// 场站新增任务表格配置
+export const tableColumns: VxeGridProps['columns'] = [
+  { title: '任务名称', field: 'taskName', minWidth: 180, align: 'center' },
+  { title: '油站', field: 'station', minWidth: 150, 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: 150, align: 'center' },
+  { title: '处理时间', field: 'processTime', minWidth: 150, align: 'center' },
+  {
+    title: '完成状态',
+    field: 'completionStatus',
+    minWidth: 120,
+    align: 'center',
+  },
+  { title: '创建', field: 'creator', minWidth: 120, align: 'center' },
+  {
+    title: '操作',
+    minWidth: 100,
+    align: 'center',
+    slots: {
+      default: 'action',
+    },
+  },
+];
+
+// 场站新增任务虚拟数据
+export const WORK_REPORT_MOCK_DATA: WorkReportData[] = [
+  {
+    id: 1,
+    taskName: '设备维护保养',
+    station: '北京东加油站',
+    executor: '张三',
+    position: '站长',
+    comment: '设备运行正常',
+    deadline: '2024-12-10',
+    processTime: '2024-12-08',
+    completionStatus: '已完成',
+    creator: '李四',
+    area: '默认片区',
+  },
+  {
+    id: 2,
+    taskName: '安全检查',
+    station: '北京西加油站',
+    executor: '王五',
+    position: '安全主管',
+    comment: '发现1处安全隐患已整改',
+    deadline: '2024-12-15',
+    processTime: '2024-12-12',
+    completionStatus: '已完成',
+    creator: '赵六',
+    area: '默认片区',
+  },
+  {
+    id: 3,
+    taskName: '油品配送',
+    station: '机场油站',
+    executor: '孙七',
+    position: '配送员',
+    comment: '按时完成配送',
+    deadline: '2024-12-20',
+    processTime: '2024-12-18',
+    completionStatus: '已完成',
+    creator: '周八',
+    area: '片区1',
+  },
+  {
+    id: 4,
+    taskName: '员工培训',
+    station: '北京南加油站',
+    executor: '吴九',
+    position: '培训师',
+    comment: '培训效果良好',
+    deadline: '2024-12-25',
+    processTime: '',
+    completionStatus: '未完成',
+    creator: '郑十',
+    area: '片区2',
+  },
+  {
+    id: 5,
+    taskName: '消防演练',
+    station: '北京北加油站',
+    executor: '钱一',
+    position: '安全经理',
+    comment: '演练顺利完成',
+    deadline: '2024-12-30',
+    processTime: '',
+    completionStatus: '未完成',
+    creator: '孙二',
+    area: '片区3',
+  },
+];
+
+export const queryFormSchema: FormSchemaGetter = () => QUERY_FORM_SCHEMA;
+
+// 查询表单模式配置
+const QUERY_FORM_SCHEMA = [
+  {
+    component: 'Select',
+    fieldName: 'area',
+    label: '片区',
+    componentProps: {
+      placeholder: '请选择片区',
+      options: [
+        { label: '默认片区', value: '默认片区' },
+        { label: '片区1', value: '片区1' },
+        { label: '片区2', value: '片区2' },
+        { label: '片区3', value: '片区3' },
+      ],
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'station',
+    label: '油站',
+    componentProps: {
+      placeholder: '请选择油站',
+      options: [
+        { label: '机场油站', value: '机场油站' },
+        { 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: '进行中' },
+      ],
+    },
+  },
+  {
+    component: 'DatePicker',
+    fieldName: 'processTimeRange',
+    label: '处理时间',
+    componentProps: {
+      placeholder: '请选择时间范围',
+      type: 'daterange',
+      rangeSeparator: '至',
+      startPlaceholder: '开始时间',
+      endPlaceholder: '结束时间',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'position',
+    label: '岗位',
+    componentProps: {
+      placeholder: '请选择岗位',
+      options: [
+        { label: '站长', value: '站长' },
+        { label: '安全主管', value: '安全主管' },
+        { label: '配送员', value: '配送员' },
+        { label: '培训师', value: '培训师' },
+        { label: '安全经理', value: '安全经理' },
+      ],
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'comment',
+    label: '评论',
+    componentProps: {
+      placeholder: '请选择评论状态',
+      options: [
+        { label: '有评论', value: '有评论' },
+        { label: '无评论', value: '无评论' },
+      ],
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'creator',
+    label: '创建人',
+    componentProps: {
+      placeholder: '请选择创建人',
+      options: [
+        { label: '李四', value: '李四' },
+        { label: '赵六', value: '赵六' },
+        { label: '周八', value: '周八' },
+        { label: '郑十', value: '郑十' },
+        { label: '孙二', value: '孙二' },
+      ],
+    },
+  },
+  {
+    component: 'Input',
+    fieldName: 'executor',
+    label: '执行人',
+    componentProps: {
+      placeholder: '请输入执行人',
+    },
+  },
+  {
+    component: 'Input',
+    fieldName: 'taskName',
+    label: '任务名称',
+    componentProps: {
+      placeholder: '请输入任务名称',
+    },
+  },
+];

apps/web-ele/src/views/Archive/temporaryDuty/addGasStation/index.vue

@@ -0,0 +1,101 @@
+<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 { ElButton, ElSpace } from 'element-plus';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+
+import {
+  queryFormSchema,
+  tableColumns,
+  WORK_REPORT_MOCK_DATA,
+} from './addGasStation-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 workReportGridOptions: VxeGridProps = {
+  columns: tableColumns,
+  height: '800px',
+  proxyConfig: {
+    autoLoad: true,
+    ajax: {
+      query: async () => ({
+        items: WORK_REPORT_MOCK_DATA,
+        total: WORK_REPORT_MOCK_DATA.length,
+      }),
+    },
+  },
+  rowConfig: { keyField: 'id' },
+  pagerConfig: { enabled: true, pageSize: 100, pageSizes: [10, 20, 50, 100] },
+};
+
+// 创建表格实例
+const [WorkReportTable] = useVbenVxeGrid({
+  formOptions,
+  gridOptions: workReportGridOptions,
+});
+
+// 导出按钮点击事件
+const handleExport = () => {
+  console.log('导出数据');
+  // TODO: 添加导出逻辑
+};
+
+// 查看按钮点击事件
+const handleView = (row: any) => {
+  console.log('查看详情:', row);
+  // TODO: 添加查看详情逻辑
+};
+</script>
+
+<template>
+  <Page :auto-content-height="true">
+    <div class="task-report-container">
+      <!-- 报工数据统计表格 -->
+      <div class="table-container">
+        <WorkReportTable table-title="场站新增任务列表">
+          <template #toolbar-tools>
+            <ElSpace>
+              <ElButton
+                @click="handleExport"
+                v-access:code="['system:workDataStatistics:export']"
+              >
+                导出
+              </ElButton>
+            </ElSpace>
+          </template>
+          <!-- 操作按钮插槽 -->
+          <template #action="{ row }">
+            <ElSpace>
+              <ElButton type="primary" size="small" @click="handleView(row)">
+                查看
+              </ElButton>
+            </ElSpace>
+          </template>
+        </WorkReportTable>
+      </div>
+    </div>
+  </Page>
+</template>
+
+<style scoped lang="scss">
+.task-report-container {
+  min-height: calc(100vh - 120px);
+  padding: 16px;
+  background-color: #fff;
+}
+</style>

apps/web-ele/src/views/Archive/temporaryDuty/visitorAdd/index.vue

@@ -0,0 +1,100 @@
+<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 { ElButton, ElMessage, ElSpace } from 'element-plus';
+
+import { useVbenVxeGrid } from '#/adapter/vxe-table';
+
+import {
+  queryFormSchema,
+  tableColumns,
+  WORK_REPORT_MOCK_DATA,
+} from './visitorAdd-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 workReportGridOptions: VxeGridProps = {
+  columns: tableColumns,
+  height: '800px',
+  proxyConfig: {
+    autoLoad: true,
+    ajax: {
+      query: async () => ({
+        items: WORK_REPORT_MOCK_DATA,
+        total: WORK_REPORT_MOCK_DATA.length,
+      }),
+    },
+  },
+  rowConfig: { keyField: 'id' },
+  pagerConfig: { enabled: true, pageSize: 100, pageSizes: [10, 20, 50, 100] },
+};
+
+// 创建表格实例
+const [WorkReportTable] = useVbenVxeGrid({
+  formOptions,
+  gridOptions: workReportGridOptions,
+});
+
+// 导出按钮点击事件
+const handleExport = () => {
+  console.log('导出数据');
+  ElMessage.success('导出功能已触发');
+};
+
+// 查看按钮点击事件
+const handleView = (row: any) => {
+  console.log('查看详情:', row);
+  ElMessage.info(`查看任务: ${row.taskName}`);
+};
+</script>
+
+<template>
+  <Page :auto-content-height="true">
+    <div class="task-report-container">
+      <!-- 访客新增列表 -->
+      <div class="table-container">
+        <WorkReportTable table-title="访客新增任务列表">
+          <template #toolbar-tools>
+            <ElSpace>
+              <ElButton
+                @click="handleExport"
+                v-access:code="['system:workDataStatistics:export']"
+              >
+                导出
+              </ElButton>
+            </ElSpace>
+          </template>
+          <template #action="{ row }">
+            <ElSpace>
+              <ElButton type="primary" @click="handleView(row)">
+                查看
+              </ElButton>
+            </ElSpace>
+          </template>
+        </WorkReportTable>
+      </div>
+    </div>
+  </Page>
+</template>
+
+<style scoped lang="scss">
+.task-report-container {
+  min-height: calc(100vh - 120px);
+  padding: 16px;
+  background-color: #fff;
+}
+</style>

apps/web-ele/src/views/Archive/temporaryDuty/visitorAdd/visitorAdd-data.tsx

@@ -0,0 +1,266 @@
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+
+// 访客新增数据类型定义
+export interface VisitorAddData {
+  id: number;
+  taskName: string; // 任务名称
+  station: string; // 油站
+  executor: string; // 执行人
+  position: string; // 岗位
+  comment: string; // 评论
+  deadline: string; // 截止时间
+  processTime: string; // 处理时间
+  status: string; // 完成状态
+  creator: string; // 创建人
+}
+
+// 访客新增表格配置
+export const tableColumns: VxeGridProps['columns'] = [
+  { title: '任务名称', field: 'taskName', minWidth: 150, align: 'center' },
+  { title: '油站', field: 'station', minWidth: 120, align: 'center' },
+  { title: '执行人', field: 'executor', minWidth: 100, align: 'center' },
+  { title: '岗位', field: 'position', minWidth: 100, align: 'center' },
+  { title: '评论', field: 'comment', minWidth: 150, align: 'center' },
+  { title: '截止时间', field: 'deadline', minWidth: 150, align: 'center' },
+  { title: '处理时间', field: 'processTime', minWidth: 150, align: 'center' },
+  { title: '完成状态', field: 'status', minWidth: 100, align: 'center' },
+  { title: '创建人', field: 'creator', minWidth: 100, align: 'center' },
+  {
+    title: '操作',
+    minWidth: 100,
+    align: 'center',
+    fixed: 'right',
+    slots: {
+      default: 'action',
+    },
+  },
+];
+
+// 访客新增虚拟数据
+export const WORK_REPORT_MOCK_DATA: VisitorAddData[] = [
+  {
+    id: 1,
+    taskName: '访客信息录入',
+    station: '北京东加油站',
+    executor: '张三',
+    position: '站长',
+    comment: '已完成访客信息录入',
+    deadline: '2024-01-15 18:00:00',
+    processTime: '2024-01-15 16:30:00',
+    status: '已完成',
+    creator: '李四',
+  },
+  {
+    id: 2,
+    taskName: '访客权限设置',
+    station: '北京西加油站',
+    executor: '王五',
+    position: '安全员',
+    comment: '已为访客设置临时权限',
+    deadline: '2024-01-16 12:00:00',
+    processTime: '2024-01-16 10:45:00',
+    status: '已完成',
+    creator: '赵六',
+  },
+  {
+    id: 3,
+    taskName: '访客引导服务',
+    station: '机场油站',
+    executor: '孙七',
+    position: '服务员',
+    comment: '已完成访客引导',
+    deadline: '2024-01-17 14:00:00',
+    processTime: '2024-01-17 13:20:00',
+    status: '已完成',
+    creator: '周八',
+  },
+  {
+    id: 4,
+    taskName: '访客记录归档',
+    station: '北京南加油站',
+    executor: '吴九',
+    position: '资料员',
+    comment: '正在整理访客记录',
+    deadline: '2024-01-18 17:00:00',
+    processTime: '',
+    status: '进行中',
+    creator: '郑十',
+  },
+  {
+    id: 5,
+    taskName: '访客车辆登记',
+    station: '北京北加油站',
+    executor: '冯一',
+    position: '保安',
+    comment: '已完成车辆登记',
+    deadline: '2024-01-19 09:00:00',
+    processTime: '2024-01-19 08:30:00',
+    status: '已完成',
+    creator: '陈二',
+  },
+  {
+    id: 6,
+    taskName: '访客培训',
+    station: '龙飞虎加油站',
+    executor: '褚三',
+    position: '培训员',
+    comment: '已安排访客培训',
+    deadline: '2024-01-20 15:00:00',
+    processTime: '',
+    status: '进行中',
+    creator: '卫四',
+  },
+  {
+    id: 7,
+    taskName: '访客离场确认',
+    station: '法站加油站',
+    executor: '蒋五',
+    position: '管理员',
+    comment: '已确认访客离场',
+    deadline: '2024-01-21 11:00:00',
+    processTime: '2024-01-21 10:15:00',
+    status: '已完成',
+    creator: '沈六',
+  },
+  {
+    id: 8,
+    taskName: '访客满意度调查',
+    station: '河北油站',
+    executor: '韩七',
+    position: '客服',
+    comment: '正在收集满意度反馈',
+    deadline: '2024-01-22 16:00:00',
+    processTime: '',
+    status: '进行中',
+    creator: '杨八',
+  },
+];
+
+export const queryFormSchema: FormSchemaGetter = () => QUERY_FORM_SCHEMA;
+
+// 查询表单模式配置
+const QUERY_FORM_SCHEMA = [
+  {
+    component: 'Select',
+    fieldName: 'area',
+    label: '片区',
+    componentProps: {
+      placeholder: '请选择片区',
+      options: [
+        { label: '默认片区', value: '默认片区' },
+        { label: '片区1', value: '片区1' },
+        { label: '片区2', value: '片区2' },
+        { label: '片区3', value: '片区3' },
+      ],
+    },
+  },
+  {
+    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: 'Select',
+    fieldName: 'status',
+    label: '完成状态',
+    componentProps: {
+      placeholder: '请选择完成状态',
+      options: [
+        { label: '已完成', value: '已完成' },
+        { label: '进行中', value: '进行中' },
+        { label: '未开始', value: '未开始' },
+      ],
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'position',
+    label: '岗位',
+    componentProps: {
+      placeholder: '请选择岗位',
+      options: [
+        { label: '站长', value: '站长' },
+        { label: '安全员', value: '安全员' },
+        { label: '服务员', value: '服务员' },
+        { label: '资料员', value: '资料员' },
+        { label: '保安', value: '保安' },
+        { label: '培训员', value: '培训员' },
+        { label: '管理员', value: '管理员' },
+        { label: '客服', value: '客服' },
+      ],
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'comment',
+    label: '评论',
+    componentProps: {
+      placeholder: '请选择评论',
+      options: [
+        { label: '已完成访客信息录入', value: '已完成访客信息录入' },
+        { label: '已为访客设置临时权限', value: '已为访客设置临时权限' },
+        { label: '已完成访客引导', value: '已完成访客引导' },
+        { label: '正在整理访客记录', value: '正在整理访客记录' },
+        { label: '已完成车辆登记', value: '已完成车辆登记' },
+      ],
+    },
+  },
+  {
+    component: 'Select',
+    fieldName: 'creator',
+    label: '创建人',
+    componentProps: {
+      placeholder: '请选择创建人',
+      options: [
+        { label: '李四', value: '李四' },
+        { label: '赵六', value: '赵六' },
+        { label: '周八', value: '周八' },
+        { label: '郑十', value: '郑十' },
+        { label: '陈二', value: '陈二' },
+      ],
+    },
+  },
+  {
+    component: 'DatePicker',
+    fieldName: 'processTimeRange',
+    label: '处理时间',
+    componentProps: {
+      placeholder: '请选择时间范围',
+      type: 'daterange',
+      rangeSeparator: '至',
+      startPlaceholder: '开始时间',
+      endPlaceholder: '结束时间',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    },
+  },
+  {
+    component: 'Input',
+    fieldName: 'executor',
+    label: '执行人',
+    componentProps: {
+      placeholder: '请输入执行人',
+    },
+  },
+  {
+    component: 'Input',
+    fieldName: 'taskName',
+    label: '任务名称',
+    componentProps: {
+      placeholder: '请输入任务名称',
+    },
+  },
+];