mod: 归档

apps/web-ele/src/views/Archive/OPM/COS/config-data.tsx

@@ -0,0 +1,249 @@
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import { DictEnum } from '@vben/constants';
+import { getDictOptions } from '#/utils/dict';
+export const querySchema: FormSchemaGetter = () => [
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'IGasstationstatus',
+    label: '我方油站',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'youGasstationstatus',
+    label: '竟对油站',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Status',
+    label: '状态',
+  },
+  {
+    component: 'DatePicker',
+    componentProps: {
+      type: 'daterange',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      startPlaceholder: '开始日期',
+      endPlaceholder: '结束日期',
+    },
+    fieldName: 'Time',
+    label: '时间',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Commentstatus',
+    label: '评论',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'PositionStatus',
+    label: '岗位',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'CreateStatus',
+    label: '创建',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'executorStatus',
+    label: '执行人',
+  },
+];
+
+export const columns: VxeGridProps['columns'] = [
+  {
+    field: 'action',
+    fixed: 'left',
+    slots: { default: 'action' },
+    resizable: false,
+    title: '操作',
+    width: 180,
+  },
+  {
+    title: '处理时间',
+    fixed: 'left',
+    field: 'ProcessingTime',
+    minWidth: 130,
+  },
+  {
+    title: '我方油站',
+    fixed: 'left',
+    field: 'IGasstationstatus',
+    minWidth: 130,
+  },
+  {
+    title: '竟对油站',
+    fixed: 'left',
+    field: 'youGasstationstatus',
+    minWidth: 130,
+  },
+
+  {
+    title: '汽油车',
+    field: 'Gasolinecar',
+    // minWidth: 130,
+    children: [
+      {
+        title: '进站车次',
+        field: 'GasArrivingTrains',
+        minWidth: 130,
+      },
+      {
+        title: '加油升数差',
+        field: 'GasOilNumber',
+        minWidth: 130,
+      },
+    ],
+  },
+  {
+    title: '柴油车',
+    field: 'dieselcar',
+    // minWidth: 130,
+    children: [
+      {
+        title: '进站车次',
+        field: 'dieArrivingTrains',
+        minWidth: 130,
+      },
+      {
+        title: '加油升数差',
+        field: 'dieOilNumber',
+        minWidth: 130,
+      },
+    ],
+  },
+  {
+    title: '摩托车',
+    field: 'Motorcycle',
+    // minWidth: 130,
+    children: [
+      {
+        title: '进站车次',
+        field: 'MotoArrivingTrains',
+        minWidth: 130,
+      },
+      {
+        title: '加油升数差',
+        field: 'MotoOilNumber',
+        minWidth: 130,
+      },
+    ],
+  },
+  {
+    title: '气车',
+    field: 'pneumaticcar',
+    // minWidth: 130,
+    children: [
+      {
+        title: '进站车次',
+        field: 'pneuArrivingTrains',
+        minWidth: 130,
+      },
+      {
+        title: '加油升数差',
+        field: 'pneuOilNumber',
+        minWidth: 130,
+      },
+    ],
+  },
+  {
+    title: '时段预测销量差（升）',
+    field: 'TimePredictionSales',
+    minWidth: 170,
+  },
+];
+export const mockData = [
+  {
+    ProcessingTime: '2024-06-01 08:00:00',
+    IGasstationstatus: '正常营业',
+    youGasstationstatus: '促销中',
+    GasArrivingTrains: 320,
+    GasOilNumber: -120,
+    dieArrivingTrains: 180,
+    dieOilNumber: -80,
+    MotoArrivingTrains: 90,
+    MotoOilNumber: -35,
+    pneuArrivingTrains: 50,
+    pneuOilNumber: -20,
+    TimePredictionSales: -355,
+  },
+  {
+    ProcessingTime: '2024-06-01 09:15:00',
+    IGasstationstatus: '库存预警',
+    youGasstationstatus: '正常营业',
+    GasArrivingTrains: 380,
+    GasOilNumber: -150,
+    dieArrivingTrains: 210,
+    dieOilNumber: -95,
+    MotoArrivingTrains: 105,
+    MotoOilNumber: -42,
+    pneuArrivingTrains: 60,
+    pneuOilNumber: -25,
+    TimePredictionSales: -312,
+  },
+  {
+    ProcessingTime: '2024-06-01 10:30:00',
+    IGasstationstatus: '正常营业',
+    youGasstationstatus: '降价促销',
+    GasArrivingTrains: 310,
+    GasOilNumber: -135,
+    dieArrivingTrains: 170,
+    dieOilNumber: -78,
+    MotoArrivingTrains: 98,
+    MotoOilNumber: -40,
+    pneuArrivingTrains: 55,
+    pneuOilNumber: -22,
+    TimePredictionSales: -275,
+  },
+  {
+    ProcessingTime: '2024-06-01 11:45:00',
+    IGasstationstatus: '设备维护',
+    youGasstationstatus: '正常营业',
+    GasArrivingTrains: 340,
+    GasOilNumber: -160,
+    dieArrivingTrains: 200,
+    dieOilNumber: -88,
+    MotoArrivingTrains: 110,
+    MotoOilNumber: -45,
+    pneuArrivingTrains: 65,
+    pneuOilNumber: -28,
+    TimePredictionSales: -321,
+  },
+  {
+    ProcessingTime: '2024-06-01 13:00:00',
+    IGasstationstatus: '正常营业',
+    youGasstationstatus: '会员日',
+    GasArrivingTrains: 410,
+    GasOilNumber: -185,
+    dieArrivingTrains: 225,
+    dieOilNumber: -105,
+    MotoArrivingTrains: 120,
+    MotoOilNumber: -52,
+    pneuArrivingTrains: 70,
+    pneuOilNumber: -30,
+    TimePredictionSales: -372,
+  },
+];

apps/web-ele/src/views/Archive/OPM/COS/index.vue

@@ -0,0 +1,101 @@
+<template>
+  <Page :auto-content-height="true">
+    <BasicTable>
+      <template #toolbar-tools>
+        <el-button type="primary" plain>导出</el-button>
+        <el-button @click="() => (showSearchForm = !showSearchForm)">
+          展开/折叠
+        </el-button>
+      </template>
+      <template #action="{ row }">
+        <el-button
+          size="small"
+          type="primary"
+          plain
+          @click="() => handleTaskClick(row.taskId)"
+          >查看</el-button
+        >
+      </template>
+    </BasicTable>
+  </Page>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+import { Page } from '@vben/common-ui';
+import { useVbenVxeGrid, type VxeGridProps } from '#/adapter/vxe-table';
+import { columns, querySchema } from './config-data';
+import type { VbenFormProps } from '@vben/common-ui';
+import { mockData } from './config-data';
+const showSearchForm = ref(true) as any;
+const router = useRouter();
+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',
+  // 日期选择格式化
+  // 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: 'default',
+    checkMethod: ({ row }) => row?.roleId !== 1,
+  },
+  columns,
+  size: 'medium',
+  height: 'auto',
+  data: mockData,
+  // proxyConfig: {
+  //   ajax: {
+  //     query: async ({ page }, formValues = {}) => {
+  //       const resp = await getRoleList({
+  //         ...formValues,
+  //         pageNum: page.currentPage,
+  //         pageSize: page.pageSize,
+  //       });
+  //       return { items: resp.rows, total: resp.total };
+  //     },
+  //   },
+  // },
+  rowConfig: {
+    keyField: 'roleId',
+  },
+  toolbarConfig: {
+    custom: true,
+    refresh: true,
+    zoom: true,
+  },
+  id: 'system-role-index',
+};
+const [BasicTable, BasicTableApi] = useVbenVxeGrid({
+  showSearchForm,
+  formOptions,
+  gridOptions,
+});
+const handleTaskClick = (taskId: number) => {
+  router.push(`/schedule/detail/${taskId}`);
+};
+</script>
+<style scoped lang="scss">
+:deep(.el-tooltip__trigger:focus) {
+  outline: none;
+}
+</style>

apps/web-ele/src/views/Archive/OPM/CPS/config-data.tsx

@@ -0,0 +1,212 @@
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import { DictEnum } from '@vben/constants';
+import { getDictOptions } from '#/utils/dict';
+export const querySchema: FormSchemaGetter = () => [
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'IGasstationstatus',
+    label: '我方油站',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'youGasstationstatus',
+    label: '竟对油站',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Status',
+    label: '状态',
+  },
+  {
+    component: 'DatePicker',
+    componentProps: {
+      type: 'daterange',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      startPlaceholder: '开始日期',
+      endPlaceholder: '结束日期',
+    },
+    fieldName: 'Time',
+    label: '时间',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Commentstatus',
+    label: '评论',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'PositionStatus',
+    label: '岗位',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'CreateStatus',
+    label: '创建',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'executorStatus',
+    label: '执行人',
+  },
+];
+
+export const columns: VxeGridProps['columns'] = [
+  {
+    field: 'action',
+    fixed: 'left',
+    slots: { default: 'action' },
+    resizable: false,
+    title: '操作',
+    width: 180,
+  },
+  {
+    title: '处理时间',
+    fixed: 'left',
+    field: 'ProcessingTime',
+    minWidth: 130,
+  },
+  {
+    title: '我方油站',
+    fixed: 'left',
+    field: 'IGasstationstatus',
+    minWidth: 130,
+  },
+  {
+    title: '竟对油站',
+    fixed: 'left',
+    field: 'youGasstationstatus',
+    minWidth: 130,
+  },
+  {
+    title: '油站性质',
+    field: 'GasstationNature',
+    minWidth: 130,
+  },
+  {
+    title: '竞争关系',
+    field: 'Competitiverelationship',
+    minWidth: 130,
+  },
+  {
+    title: '距离（KM）',
+    field: 'Deadline',
+    minWidth: 130,
+  },
+  {
+    title: '挂牌价',
+    field: 'Deadline',
+    // minWidth: 130,
+    children: [
+      {
+        title: '95#',
+        field: '95#',
+        minWidth: 130,
+      },
+      {
+        title: '92#',
+        field: '92#',
+        minWidth: 130,
+      },
+      {
+        title: '92#专车',
+        field: 'Privatecar92#',
+        minWidth: 130,
+      },
+      {
+        title: '92#的士',
+        field: 'taxi92#',
+        minWidth: 130,
+      },
+      {
+        title: '92#油卡',
+        field: 'taxi92#',
+        minWidth: 130,
+      },
+    ],
+  },
+];
+export const mockData = [
+  {
+    ProcessingTime: '2024-06-01 08:00:00',
+    IGasstationstatus: '正常营业',
+    youGasstationstatus: '促销中',
+    GasstationNature: '民营',
+    Competitiverelationship: '直接竞争',
+    Deadline: 1.2,
+    '95#': 7.85,
+    '92#': 7.45,
+    'Privatecar92#': 7.35,
+    'taxi92#': 7.25,
+  },
+  {
+    ProcessingTime: '2024-06-01 09:15:00',
+    IGasstationstatus: '库存预警',
+    youGasstationstatus: '正常营业',
+    GasstationNature: '国企',
+    Competitiverelationship: '间接竞争',
+    Deadline: 2.1,
+    '95#': 7.90,
+    '92#': 7.50,
+    'Privatecar92#': 7.40,
+    'taxi92#': 7.30,
+  },
+  {
+    ProcessingTime: '2024-06-01 10:30:00',
+    IGasstationstatus: '正常营业',
+    youGasstationstatus: '降价促销',
+    GasstationNature: '合资',
+    Competitiverelationship: '直接竞争',
+    Deadline: 0.8,
+    '95#': 7.80,
+    '92#': 7.40,
+    'Privatecar92#': 7.30,
+    'taxi92#': 7.20,
+  },
+  {
+    ProcessingTime: '2024-06-01 11:45:00',
+    IGasstationstatus: '设备维护',
+    youGasstationstatus: '正常营业',
+    GasstationNature: '民营',
+    Competitiverelationship: '间接竞争',
+    Deadline: 1.5,
+    '95#': 7.95,
+    '92#': 7.55,
+    'Privatecar92#': 7.45,
+    'taxi92#': 7.35,
+  },
+  {
+    ProcessingTime: '2024-06-01 13:00:00',
+    IGasstationstatus: '正常营业',
+    youGasstationstatus: '会员日',
+    GasstationNature: '国企',
+    Competitiverelationship: '直接竞争',
+    Deadline: 1.0,
+    '95#': 7.88,
+    '92#': 7.48,
+    'Privatecar92#': 7.38,
+    'taxi92#': 7.28,
+  },
+];

apps/web-ele/src/views/Archive/OPM/CPS/index.vue

@@ -0,0 +1,101 @@
+<template>
+  <Page :auto-content-height="true">
+    <BasicTable>
+      <template #toolbar-tools>
+        <el-button type="primary" plain>导出</el-button>
+        <el-button @click="() => (showSearchForm = !showSearchForm)">
+          展开/折叠
+        </el-button>
+      </template>
+      <template #action="{ row }">
+        <el-button
+          size="small"
+          type="primary"
+          plain
+          @click="() => handleTaskClick(row.taskId)"
+          >查看</el-button
+        >
+      </template>
+    </BasicTable>
+  </Page>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+import { Page } from '@vben/common-ui';
+import { useVbenVxeGrid, type VxeGridProps } from '#/adapter/vxe-table';
+import { columns, querySchema } from './config-data';
+import type { VbenFormProps } from '@vben/common-ui';
+import { mockData } from './config-data';
+const showSearchForm = ref(true) as any;
+const router = useRouter();
+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',
+  // 日期选择格式化
+  // 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: 'default',
+    checkMethod: ({ row }) => row?.roleId !== 1,
+  },
+  columns,
+  size: 'medium',
+  height: 'auto',
+  data: mockData,
+  // proxyConfig: {
+  //   ajax: {
+  //     query: async ({ page }, formValues = {}) => {
+  //       const resp = await getRoleList({
+  //         ...formValues,
+  //         pageNum: page.currentPage,
+  //         pageSize: page.pageSize,
+  //       });
+  //       return { items: resp.rows, total: resp.total };
+  //     },
+  //   },
+  // },
+  rowConfig: {
+    keyField: 'roleId',
+  },
+  toolbarConfig: {
+    custom: true,
+    refresh: true,
+    zoom: true,
+  },
+  id: 'system-role-index',
+};
+const [BasicTable, BasicTableApi] = useVbenVxeGrid({
+  showSearchForm,
+  formOptions,
+  gridOptions,
+});
+const handleTaskClick = (taskId: number) => {
+  router.push(`/schedule/detail/${taskId}`);
+};
+</script>
+<style scoped lang="scss">
+:deep(.el-tooltip__trigger:focus) {
+  outline: none;
+}
+</style>

apps/web-ele/src/views/Archive/OPM/OPA/config-data.tsx

@@ -0,0 +1,165 @@
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import { DictEnum } from '@vben/constants';
+import { getDictOptions } from '#/utils/dict';
+export const querySchema: FormSchemaGetter = () => [
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Gasstationstatus',
+    label: '油站',
+  },
+  {
+    component: 'DatePicker',
+    componentProps: {
+      type: 'daterange',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      startPlaceholder: '开始日期',
+      endPlaceholder: '结束日期',
+    },
+    fieldName: 'CheckTime',
+    label: '检查时间',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'CheckName',
+    label: '检查名称',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Label',
+    label: '标签',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'executorStatus',
+    label: '执行人',
+  },
+  {
+    component: 'DatePicker',
+    componentProps: {
+      type: 'daterange',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      startPlaceholder: '开始日期',
+      endPlaceholder: '结束日期',
+    },
+    fieldName: 'CloseTime',
+    label: '关闭时间',
+  },
+];
+
+export const columns: VxeGridProps['columns'] = [
+  {
+    field: 'action',
+    fixed: 'left',
+    slots: { default: 'action' },
+    resizable: false,
+    title: '操作',
+    width: 180,
+  },
+  {
+    title: '油站',
+    field: 'Gasstation',
+    minWidth: 130,
+  },
+  {
+    title: '检查名称',
+    field: 'CheckName',
+    minWidth: 130,
+  },
+  {
+    title: '检查人',
+    field: 'CheckPerson',
+    minWidth: 130,
+  },
+  {
+    title: '标签',
+    field: 'Label',
+    minWidth: 130,
+  },
+  {
+    title: '发现问题',
+    field: 'Discoverproblem',
+    minWidth: 130,
+  },
+  {
+    title: '处理建议',
+    field: 'HandlingSuggestions',
+    minWidth: 130,
+  },
+  {
+    title: '是否转任务',
+    field: 'Whethertransfertask',
+    minWidth: 130,
+  },
+  {
+    title: '任务状态',
+    field: 'TaskStatus',
+    minWidth: 130,
+  },
+];
+export const mockData = [
+  {
+    Gasstation: '中山路加油站',
+    CheckName: '油罐液位巡检',
+    CheckPerson: '王保瑞',
+    Label: '安全',
+    Discoverproblem: '液位传感器读数漂移',
+    HandlingSuggestions: '立即校准并更换探头',
+    Whethertransfertask: '是',
+    TaskStatus: '待处理',
+  },
+  {
+    Gasstation: '北环大道油站',
+    CheckName: '消防器材检查',
+    CheckPerson: '王凯',
+    Label: '消防',
+    Discoverproblem: '灭火器压力不足',
+    HandlingSuggestions: '重新充装并记录',
+    Whethertransfertask: '否',
+    TaskStatus: '已完成',
+  },
+  {
+    Gasstation: '城南综合能源站',
+    CheckName: '加油机滤芯检查',
+    CheckPerson: '李威',
+    Label: '设备',
+    Discoverproblem: '滤芯堵塞超标',
+    HandlingSuggestions: '停机更换滤芯',
+    Whethertransfertask: '是',
+    TaskStatus: '处理中',
+  },
+  {
+    Gasstation: '高速服务区东站',
+    CheckName: 'POS 系统巡检',
+    CheckPerson: '张敏',
+    Label: '系统',
+    Discoverproblem: '小票打印机卡纸',
+    HandlingSuggestions: '清理纸屑并测试',
+    Whethertransfertask: '否',
+    TaskStatus: '已完成',
+  },
+  {
+    Gasstation: '城西快充站',
+    CheckName: '充电桩接地检测',
+    CheckPerson: '刘洋',
+    Label: '电气',
+    Discoverproblem: '接地电阻偏高',
+    HandlingSuggestions: '重新打接地极',
+    Whethertransfertask: '是',
+    TaskStatus: '待处理',
+  },
+];

apps/web-ele/src/views/Archive/OPM/OPA/index.vue

@@ -0,0 +1,102 @@
+<template>
+  <Page :auto-content-height="true">
+    <BasicTable>
+      <template #toolbar-tools>
+        <el-button type="primary" plain>新增</el-button>
+        <el-button type="primary" plain>导出</el-button>
+        <el-button @click="() => (showSearchForm = !showSearchForm)">
+          展开/折叠
+        </el-button>
+      </template>
+      <template #action="{ row }">
+        <el-button
+          size="small"
+          type="primary"
+          plain
+          @click="() => handleTaskClick(row.taskId)"
+          >查看</el-button
+        >
+      </template>
+    </BasicTable>
+  </Page>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+import { Page } from '@vben/common-ui';
+import { useVbenVxeGrid, type VxeGridProps } from '#/adapter/vxe-table';
+import { columns, querySchema } from './config-data';
+import type { VbenFormProps } from '@vben/common-ui';
+import { mockData } from './config-data';
+const showSearchForm = ref(true) as any;
+const router = useRouter();
+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',
+  // 日期选择格式化
+  // 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: 'default',
+    checkMethod: ({ row }) => row?.roleId !== 1,
+  },
+  columns,
+  size: 'medium',
+  height: 'auto',
+  data: mockData,
+  // proxyConfig: {
+  //   ajax: {
+  //     query: async ({ page }, formValues = {}) => {
+  //       const resp = await getRoleList({
+  //         ...formValues,
+  //         pageNum: page.currentPage,
+  //         pageSize: page.pageSize,
+  //       });
+  //       return { items: resp.rows, total: resp.total };
+  //     },
+  //   },
+  // },
+  rowConfig: {
+    keyField: 'roleId',
+  },
+  toolbarConfig: {
+    custom: true,
+    refresh: true,
+    zoom: true,
+  },
+  id: 'system-role-index',
+};
+const [BasicTable, BasicTableApi] = useVbenVxeGrid({
+  showSearchForm,
+  formOptions,
+  gridOptions,
+});
+const handleTaskClick = (taskId: number) => {
+  router.push(`/schedule/detail/${taskId}`);
+};
+</script>
+<style scoped lang="scss">
+:deep(.el-tooltip__trigger:focus) {
+  outline: none;
+}
+</style>

apps/web-ele/src/views/Archive/OPM/OPI/config-data.tsx

@@ -0,0 +1,234 @@
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import { DictEnum } from '@vben/constants';
+import { getDictOptions } from '#/utils/dict';
+export const querySchema: FormSchemaGetter = () => [
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Areastatus',
+    label: '片区',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Gasstationstatus',
+    label: '油站',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Completedstatus',
+    label: '完成状态',
+  },
+  {
+    component: 'DatePicker',
+    componentProps: {
+      type: 'daterange',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      startPlaceholder: '开始日期',
+      endPlaceholder: '结束日期',
+    },
+    fieldName: 'createTime',
+    label: '处理时间',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Positionstatus',
+    label: '岗位',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Commentstatus',
+    label: '评论',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'createStatus',
+    label: '创建',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'executorStatus',
+    label: '执行人',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'taskStatus',
+    label: '任务名称',
+  },
+  {
+    component: 'Input',
+    fieldName: 'TaskName',
+    componentProps: {
+      maxlength: 30,
+    },
+    label: '任务名称',
+  },
+  {
+    component: 'RadioGroup',
+    fieldName: 'extraFlag',
+    defaultValue: '',
+    componentProps: {
+      options: [
+        { label: '异常', value: 'abnormal' },
+        { label: '不拍照', value: 'noPhoto' },
+      ],
+    },
+  },
+];
+
+export const columns: VxeGridProps['columns'] = [
+  {
+    field: 'action',
+    fixed: 'left',
+    slots: { default: 'action' },
+    resizable: false,
+    title: '操作',
+    width: 180,
+  },
+  {
+    title: '任务名称',
+    field: 'TaskName',
+    minWidth: 130,
+  },
+  {
+    title: '油站',
+    field: 'Gasstation',
+    minWidth: 130,
+  },
+  {
+    title: '异常总数',
+    field: 'Abnormalnumber',
+    minWidth: 130,
+  },
+  {
+    title: '无拍照数',
+    field: 'NoPhotographynumber',
+    minWidth: 130,
+  },
+  {
+    title: '执行人',
+    field: 'Executor',
+    minWidth: 130,
+  },
+  {
+    title: '岗位',
+    field: 'Position',
+    minWidth: 130,
+  },
+  {
+    title: '评论',
+    field: 'Comment',
+    minWidth: 130,
+  },
+  {
+    title: '截止时间',
+    field: 'Deadline',
+    minWidth: 130,
+  },
+  {
+    title: '处理时间',
+    field: 'ProcessingTime',
+    minWidth: 130,
+  },
+  {
+    title: '完成状态',
+    field: 'CompletionStatus',
+    minWidth: 130,
+  },
+  {
+    title: '创建',
+    field: 'Create',
+    minWidth: 130,
+  },
+];
+export const mockData = [
+  {
+    TaskName: '高峰期车流异常核查',
+    Gasstation: '中山路加油站',
+    Abnormalnumber: 3,
+    NoPhotographynumber: 1,
+    Executor: '王保瑞',
+    Position: '当班经理',
+    Comment: '车流异常需增派人手',
+    Deadline: '2024-06-10 18:00',
+    ProcessingTime: '2024-06-01 08:00',
+    CompletionStatus: '处理中',
+    Create: '2024-05-30 14:00',
+  },
+  {
+    TaskName: '油罐液位异常处理',
+    Gasstation: '北环大道油站',
+    Abnormalnumber: 2,
+    NoPhotographynumber: 0,
+    Executor: '王凯',
+    Position: '安全员',
+    Comment: '液位传感器读数漂移',
+    Deadline: '2024-06-05 12:00',
+    ProcessingTime: '2024-06-01 09:15',
+    CompletionStatus: '已完成',
+    Create: '2024-05-29 16:30',
+  },
+  {
+    TaskName: '加油机滤芯更换',
+    Gasstation: '城南综合能源站',
+    Abnormalnumber: 1,
+    NoPhotographynumber: 0,
+    Executor: '李威',
+    Position: '设备管理员',
+    Comment: '滤芯堵塞超标需更换',
+    Deadline: '2024-06-08 17:00',
+    ProcessingTime: '2024-06-01 10:30',
+    CompletionStatus: '已完成',
+    Create: '2024-05-28 10:00',
+  },
+  {
+    TaskName: 'POS系统异常处理',
+    Gasstation: '高速服务区东站',
+    Abnormalnumber: 2,
+    NoPhotographynumber: 1,
+    Executor: '张敏',
+    Position: '收银员',
+    Comment: '小票打印机卡纸异常',
+    Deadline: '2024-06-07 20:00',
+    ProcessingTime: '2024-06-01 11:45',
+    CompletionStatus: '处理中',
+    Create: '2024-05-30 09:20',
+  },
+  {
+    TaskName: '充电桩接地检测',
+    Gasstation: '城西快充站',
+    Abnormalnumber: 1,
+    NoPhotographynumber: 0,
+    Executor: '刘洋',
+    Position: '电工',
+    Comment: '接地电阻偏高需复检',
+    Deadline: '2024-06-06 16:00',
+    ProcessingTime: '2024-06-01 13:00',
+    CompletionStatus: '待处理',
+    Create: '2024-05-31 15:10',
+  },
+];

apps/web-ele/src/views/Archive/OPM/OPI/index.vue

@@ -0,0 +1,99 @@
+<template>
+  <Page :auto-content-height="true">
+    <BasicTable>
+      <template #action="{ row }">
+        <el-button
+          size="small"
+          type="primary"
+          plain
+          @click="() => handleTaskClick(row.taskId)"
+          >查看</el-button
+        >
+        <el-button size="small" type="primary" plain>打印</el-button>
+      </template>
+    </BasicTable>
+  </Page>
+</template>
+<script setup lang="ts">
+import { useRouter } from 'vue-router';
+import { Page } from '@vben/common-ui';
+import { useVbenVxeGrid, type VxeGridProps } from '#/adapter/vxe-table';
+import { columns, querySchema } from './config-data';
+import type { VbenFormProps } from '@vben/common-ui';
+import { mockData } from './config-data';
+const router = useRouter();
+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',
+  handleSubmit: (values: any) => {
+    console.log('👉 表单提交数据', values);
+  },
+  handleReset: async (values: any) => {
+    const res = await values;
+    console.log('👉 重置后数据', res);
+  },
+  // 日期选择格式化
+  // 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: 'default',
+    checkMethod: ({ row }) => row?.roleId !== 1,
+  },
+  columns,
+  size: 'medium',
+  height: 'auto',
+  data: mockData,
+  // proxyConfig: {
+  //   ajax: {
+  //     query: async ({ page }, formValues = {}) => {
+  //       const resp = await getRoleList({
+  //         ...formValues,
+  //         pageNum: page.currentPage,
+  //         pageSize: page.pageSize,
+  //       });
+  //       return { items: resp.rows, total: resp.total };
+  //     },
+  //   },
+  // },
+  rowConfig: {
+    keyField: 'roleId',
+  },
+  toolbarConfig: {
+    custom: true,
+    refresh: true,
+    zoom: true,
+  },
+  id: 'system-role-index',
+};
+const [BasicTable, BasicTableApi] = useVbenVxeGrid({
+  formOptions,
+  gridOptions,
+});
+const handleTaskClick = (taskId: number) => {
+  router.push(`/schedule/detail/${taskId}`);
+};
+</script>
+<style scoped lang="scss">
+:deep(.el-tooltip__trigger:focus) {
+  outline: none;
+}
+</style>

apps/web-ele/src/views/Archive/OPM/OPWR/config-data.tsx

@@ -0,0 +1,167 @@
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import { DictEnum } from '@vben/constants';
+import { getDictOptions } from '#/utils/dict';
+export const querySchema: FormSchemaGetter = () => [
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Areastatus',
+    label: '片区',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Gasstationstatus',
+    label: '油站',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Status',
+    label: '状态',
+  },
+  {
+    component: 'DatePicker',
+    componentProps: {
+      type: 'daterange',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      startPlaceholder: '开始日期',
+      endPlaceholder: '结束日期',
+    },
+    fieldName: 'SubmitTime',
+    label: '提交时间',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Commentstatus',
+    label: '评论',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'PositionStatus',
+    label: '岗位',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'CreateStatus',
+    label: '创建',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'executorStatus',
+    label: '执行人',
+  },
+];
+
+export const columns: VxeGridProps['columns'] = [
+  {
+    field: 'action',
+    fixed: 'left',
+    slots: { default: 'action' },
+    resizable: false,
+    title: '操作',
+    width: 180,
+  },
+  {
+    title: '油站',
+    field: 'Gasstation',
+    minWidth: 130,
+  },
+  {
+    title: '执行人',
+    field: 'Executor',
+    minWidth: 130,
+  },
+  {
+    title: '岗位',
+    field: 'Position',
+    minWidth: 130,
+  },
+  {
+    title: '评论',
+    field: 'Comment',
+    minWidth: 130,
+  },
+  {
+    title: '截止时间',
+    field: 'Deadline',
+    minWidth: 130,
+  },
+  {
+    title: '提交时间',
+    field: 'SubmitTime',
+    minWidth: 130,
+  },
+  {
+    title: '任务状态',
+    field: 'TaskStatus',
+    minWidth: 130,
+  },
+];
+export const mockData = [
+  {
+    Gasstation: '中山路加油站',
+    Executor: '王保瑞',
+    Position: '当班经理',
+    Comment: '高峰期车流大，需增派人手',
+    Deadline: '2024-06-10 18:00',
+    SubmitTime: '2024-06-01 08:15',
+    TaskStatus: '待处理',
+  },
+  {
+    Gasstation: '北环大道油站',
+    Executor: '王凯',
+    Position: '安全员',
+    Comment: '油罐液位异常，需立即检查',
+    Deadline: '2024-06-05 12:00',
+    SubmitTime: '2024-06-01 09:30',
+    TaskStatus: '处理中',
+  },
+  {
+    Gasstation: '城南综合能源站',
+    Executor: '李威',
+    Position: '设备管理员',
+    Comment: '加油机滤芯更换完成，请复核',
+    Deadline: '2024-06-08 17:00',
+    SubmitTime: '2024-06-01 10:45',
+    TaskStatus: '已完成',
+  },
+  {
+    Gasstation: '高速服务区东站',
+    Executor: '张敏',
+    Position: '收银员',
+    Comment: 'POS 系统版本升级，测试支付流程',
+    Deadline: '2024-06-07 20:00',
+    SubmitTime: '2024-06-01 14:20',
+    TaskStatus: '待处理',
+  },
+  {
+    Gasstation: '城西快充站',
+    Executor: '刘洋',
+    Position: '电工',
+    Comment: '充电桩接地电阻复检',
+    Deadline: '2024-06-06 16:00',
+    SubmitTime: '2024-06-01 15:10',
+    TaskStatus: '处理中',
+  },
+];

apps/web-ele/src/views/Archive/OPM/OPWR/index.vue

@@ -0,0 +1,93 @@
+<template>
+  <Page :auto-content-height="true">
+    <BasicTable>
+      <template #action="{ row }">
+        <el-button
+          size="small"
+          type="primary"
+          plain
+          @click="() => handleTaskClick(row.taskId)"
+          >查看</el-button
+        >
+      </template>
+    </BasicTable>
+  </Page>
+</template>
+<script setup lang="ts">
+import { useRouter } from 'vue-router';
+import { Page } from '@vben/common-ui';
+import { useVbenVxeGrid, type VxeGridProps } from '#/adapter/vxe-table';
+import { columns, querySchema } from './config-data';
+import type { VbenFormProps } from '@vben/common-ui';
+import { mockData } from './config-data';
+const router = useRouter();
+
+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',
+  // 日期选择格式化
+  // 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: 'default',
+    checkMethod: ({ row }) => row?.roleId !== 1,
+  },
+  columns,
+  size: 'medium',
+  height: 'auto',
+  data: mockData,
+  // proxyConfig: {
+  //   ajax: {
+  //     query: async ({ page }, formValues = {}) => {
+  //       const resp = await getRoleList({
+  //         ...formValues,
+  //         pageNum: page.currentPage,
+  //         pageSize: page.pageSize,
+  //       });
+  //       return { items: resp.rows, total: resp.total };
+  //     },
+  //   },
+  // },
+  rowConfig: {
+    keyField: 'roleId',
+  },
+  toolbarConfig: {
+    custom: true,
+    refresh: true,
+    zoom: true,
+  },
+  id: 'system-role-index',
+};
+const [BasicTable, BasicTableApi] = useVbenVxeGrid({
+  formOptions,
+  gridOptions,
+});
+const handleTaskClick = (taskId: number) => {
+  router.push(`/schedule/detail/${taskId}`);
+};
+</script>
+<style scoped lang="scss">
+:deep(.el-tooltip__trigger:focus) {
+  outline: none;
+}
+</style>

apps/web-ele/src/views/Archive/OPM/TRS/config-data.tsx

@@ -0,0 +1,242 @@
+import type { FormSchemaGetter } from '#/adapter/form';
+import type { VxeGridProps } from '#/adapter/vxe-table';
+import { DictEnum } from '@vben/constants';
+import { getDictOptions } from '#/utils/dict';
+export const querySchema: FormSchemaGetter = () => [
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'IGasstationstatus',
+    label: '我方油站',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'youGasstationstatus',
+    label: '竟对油站',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Status',
+    label: '状态',
+  },
+  {
+    component: 'DatePicker',
+    componentProps: {
+      type: 'daterange',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      startPlaceholder: '开始日期',
+      endPlaceholder: '结束日期',
+    },
+    fieldName: 'Time',
+    label: '时间',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'Commentstatus',
+    label: '评论',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'PositionStatus',
+    label: '职位',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'CreateStatus',
+    label: '创建',
+  },
+  {
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DictEnum.SYS_NORMAL_DISABLE),
+    },
+    fieldName: 'executorStatus',
+    label: '执行人',
+  },
+];
+
+export const columns: VxeGridProps['columns'] = [
+  {
+    field: 'action',
+    fixed: 'left',
+    slots: { default: 'action' },
+    resizable: false,
+    title: '操作',
+    width: 180,
+  },
+  {
+    title: '处理时间',
+    fixed: 'left',
+    field: 'ProcessingTime',
+    minWidth: 130,
+  },
+  {
+    title: '我方油站',
+    fixed: 'left',
+    field: 'IGasstationstatus',
+    minWidth: 130,
+  },
+  {
+    title: '竟对油站',
+    fixed: 'left',
+    field: 'youGasstationstatus',
+    minWidth: 130,
+  },
+
+  {
+    title: '汽油车',
+    field: 'Gasolinecar',
+    // minWidth: 130,
+    children: [
+      {
+        title: '路面车流',
+        field: 'GasRoadtraffic',
+        minWidth: 130,
+      },
+      {
+        title: '进站车流',
+        field: 'GasIncomingtraffic',
+        minWidth: 130,
+      },
+      {
+        title: '拐入率',
+        field: 'GasTurninrate',
+        minWidth: 130,
+      },
+    ],
+  },
+  {
+    title: '柴油车',
+    field: 'dieselcar',
+    // minWidth: 130,
+    children: [
+      {
+        title: '路面车流',
+        field: 'DieselRoadtraffic',
+        minWidth: 130,
+      },
+      {
+        title: '进站车流',
+        field: 'DieselIncomingtraffic',
+        minWidth: 130,
+      },
+      {
+        title: '拐入率',
+        field: 'DieselTurninrate',
+        minWidth: 130,
+      },
+    ],
+  },
+  {
+    title: '摩托车',
+    field: 'Motorcycle',
+    // minWidth: 130,
+    children: [
+      {
+        title: '路面车流',
+        field: 'MotoRoadtraffic',
+        minWidth: 130,
+      },
+      {
+        title: '进站车流',
+        field: 'MotoIncomingtraffic',
+        minWidth: 130,
+      },
+      {
+        title: '拐入率',
+        field: 'MotoTurninrate',
+        minWidth: 130,
+      },
+    ],
+  },
+];
+export const mockData = [
+  {
+    ProcessingTime: '2024-06-01 08:00:00',
+    IGasstationstatus: '正常营业',
+    youGasstationstatus: '促销中',
+    GasRoadtraffic: 1200,
+    GasIncomingtraffic: 320,
+    GasTurninrate: '26.7%',
+    DieselRoadtraffic: 800,
+    DieselIncomingtraffic: 180,
+    DieselTurninrate: '22.5%',
+    MotoRoadtraffic: 450,
+    MotoIncomingtraffic: 90,
+    MotoTurninrate: '20.0%',
+  },
+  {
+    ProcessingTime: '2024-06-01 09:15:00',
+    IGasstationstatus: '库存预警',
+    youGasstationstatus: '正常营业',
+    GasRoadtraffic: 1350,
+    GasIncomingtraffic: 380,
+    GasTurninrate: '28.1%',
+    DieselRoadtraffic: 920,
+    DieselIncomingtraffic: 210,
+    DieselTurninrate: '22.8%',
+    MotoRoadtraffic: 510,
+    MotoIncomingtraffic: 105,
+    MotoTurninrate: '20.6%',
+  },
+  {
+    ProcessingTime: '2024-06-01 10:30:00',
+    IGasstationstatus: '正常营业',
+    youGasstationstatus: '降价促销',
+    GasRoadtraffic: 1100,
+    GasIncomingtraffic: 310,
+    GasTurninrate: '28.2%',
+    DieselRoadtraffic: 750,
+    DieselIncomingtraffic: 170,
+    DieselTurninrate: '22.7%',
+    MotoRoadtraffic: 480,
+    MotoIncomingtraffic: 98,
+    MotoTurninrate: '20.4%',
+  },
+  {
+    ProcessingTime: '2024-06-01 11:45:00',
+    IGasstationstatus: '设备维护',
+    youGasstationstatus: '正常营业',
+    GasRoadtraffic: 1250,
+    GasIncomingtraffic: 340,
+    GasTurninrate: '27.2%',
+    DieselRoadtraffic: 880,
+    DieselIncomingtraffic: 200,
+    DieselTurninrate: '22.7%',
+    MotoRoadtraffic: 520,
+    MotoIncomingtraffic: 110,
+    MotoTurninrate: '21.2%',
+  },
+  {
+    ProcessingTime: '2024-06-01 13:00:00',
+    IGasstationstatus: '正常营业',
+    youGasstationstatus: '会员日',
+    GasRoadtraffic: 1400,
+    GasIncomingtraffic: 410,
+    GasTurninrate: '29.3%',
+    DieselRoadtraffic: 950,
+    DieselIncomingtraffic: 225,
+    DieselTurninrate: '23.7%',
+    MotoRoadtraffic: 560,
+    MotoIncomingtraffic: 120,
+    MotoTurninrate: '21.4%',
+  },
+];

apps/web-ele/src/views/Archive/OPM/TRS/index.vue

@@ -0,0 +1,95 @@
+<template>
+  <Page :auto-content-height="true">
+    <BasicTable>
+      <template #action="{ row }">
+        <el-button
+          size="small"
+          type="primary"
+          plain
+          @click="() => handleTaskClick(row.taskId)"
+          >查看</el-button
+        >
+      </template>
+    </BasicTable>
+  </Page>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+import { Page } from '@vben/common-ui';
+import { useVbenVxeGrid, type VxeGridProps } from '#/adapter/vxe-table';
+import { columns, querySchema } from './config-data';
+import type { VbenFormProps } from '@vben/common-ui';
+import { mockData } from './config-data';
+const showSearchForm = ref(true) as any;
+const router = useRouter();
+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',
+  // 日期选择格式化
+  // fieldMappingTime: [
+  //   [
+  //     'createTime',
+  //     ['params[beginTime]', 'params[endTime]'],
+  //     ['YYYY-MM-DD 00:00:00', 'YYYY-MM-DD 23:59:59'],
+  //   ],
+  // ],
+};
+
+// 列表中显示配置
+const gridOptions: VxeGridProps = {
+  checkboxConfig: {
+    // 高亮
+    highlight: true,
+    // 翻页时保留选中状态s
+    reserve: true,
+    // 点击行选中
+    trigger: 'default',
+    checkMethod: ({ row }) => row?.roleId !== 1,
+  },
+  columns,
+  size: 'medium',
+  height: 'auto',
+  data: mockData,
+  // proxyConfig: {
+  //   ajax: {
+  //     query: async ({ page }, formValues = {}) => {
+  //       const resp = await getRoleList({
+  //         ...formValues,
+  //         pageNum: page.currentPage,
+  //         pageSize: page.pageSize,
+  //       });
+  //       return { items: resp.rows, total: resp.total };
+  //     },
+  //   },
+  // },
+  rowConfig: {
+    keyField: 'roleId',
+  },
+  toolbarConfig: {
+    custom: true,
+    refresh: true,
+    zoom: true,
+  },
+  id: 'system-role-index',
+};
+const [BasicTable, BasicTableApi] = useVbenVxeGrid({
+  showSearchForm,
+  formOptions,
+  gridOptions,
+});
+const handleTaskClick = (taskId: number) => {
+  router.push(`/schedule/detail/${taskId}`);
+};
+</script>
+<style scoped lang="scss">
+:deep(.el-tooltip__trigger:focus) {
+  outline: none;
+}
+</style>