视频告警页面完善

2025-08-18 09:06:31 +08:00
parent 69f0d4adb4
commit 79d650adb4
21 changed files with 1009 additions and 1025 deletions
--- a/apps/web-antd/src/views/videoSystem/videoWarning/videoWarningHasDone/data.ts
+++ b/apps/web-antd/src/views/videoSystem/videoWarning/videoWarningHasDone/data.ts
@@ -1,8 +1,12 @@
 import type { FormSchemaGetter } from '#/adapter/form';
 import type { VxeGridProps } from '#/adapter/vxe-table';
-import { getDictOptions } from '#/utils/dict';
-import { renderDict } from '#/utils/render';
 import { h } from 'vue';
+import { getPopupContainer } from '@vben/utils';
+import { getDictOptions } from '#/utils/dict';
+import { DictEnum } from '@vben/constants';
+
+export const fallImg =
+  'data:image/png;base64,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';

 export const querySchema: FormSchemaGetter = () => [
  {
@@ -13,56 +17,50 @@ export const querySchema: FormSchemaGetter = () => [
  {
    component: 'Select',
    componentProps: {
-      options: [
-        { label: '特大', value: '特大' },
-        { label: '重要', value: '重要' },
-        { label: '一般', value: '一般' },
-      ],
+      getPopupContainer,
+      options: getDictOptions(DictEnum.alarm_level, true),
    },
    fieldName: 'level',
    label: '级别',
  },
-  {
+  /*{
    component: 'Select',
    componentProps: {
-      options: [
-        { label: '待分配', value: '待分配' },
-        { label: '处理中', value: '处理中' },
-        { label: '已完成', value: '已完成' },
-      ],
+      getPopupContainer,
+      options: getDictOptions(DictEnum.alarm_state, true),
    },
-    fieldName: 'processingStatus',
+    fieldName: 'state',
    label: '处理状态',
-  },
+  },*/
 ];

 export const columns: VxeGridProps['columns'] = [
  { type: 'checkbox', width: 60 },
  {
    title: '预警编号',
-    field: 'alarmId',
-    width: 150,
+    field: 'id',
  },
  {
    title: '预警时间',
-    field: 'alarmTime',
-    width: 150,
+    field: 'reportTime',
+  },
+  {
+    title: '设备ip',
+    field: 'deviceIp',
  },
  {
    title: '设备名称',
    field: 'deviceName',
-    width: 150,
  },
  {
    title: '级别',
    field: 'level',
-    width: 100,
    slots: {
      default: ({ row }: any) => {
        const levelColors: Record<string, string> = {
-          特大: 'red',
-          重要: 'orange',
-          一般: 'blue',
+          1: 'red',
+          2: 'orange',
+          3: 'blue',
        };
        return h(
          'span',
@@ -72,64 +70,31 @@ export const columns: VxeGridProps['columns'] = [
              fontWeight: 'bold',
            },
          },
-          row.level,
+          row.levelName,
        );
      },
    },
  },
  {
    title: '预警类型',
-    field: 'alarmType',
-    width: 120,
-  },
-  {
-    title: '描述',
-    field: 'description',
-    minWidth: 200,
-  },
-  {
-    title: '所在位置',
-    field: 'location',
-    width: 150,
-  },
-  {
-    title: '处理状态',
-    field: 'processingStatus',
-    width: 100,
+    field: 'alarmTypeName',
    slots: {
      default: ({ row }: any) => {
-        const statusColors: Record<string, string> = {
-          待分配: 'red',
-          处理中: 'orange',
-          已完成: 'green',
-        };
-        return h(
-          'span',
-          {
-            style: {
-              color: statusColors[row.processingStatus] || '#666',
-              fontWeight: 'bold',
-            },
-          },
-          row.processingStatus,
-        );
+        return h('span', row.bigTypeName + '-' + row.smallTypeName);
      },
    },
  },
  {
-    title: '处理情况',
-    field: 'processingDetails',
-    width: 150,
+    title: '处理状态',
+    field: 'stateName',
  },
  {
-    title: '预期处理时间',
-    field: 'expectedProcessingTime',
-    width: 150,
+    title: '创建时间',
+    field: 'createTime',
  },
  {
-    title: '处理时间',
-    field: 'processingTime',
-    width: 150,
+    title: '创建人',
+    field: 'createBy',
  },
  {
    field: 'action',
@@ -152,22 +117,22 @@ export const modalSchema: FormSchemaGetter = () => [
  },
  {
    label: '预警编号',
-    fieldName: 'alarmId',
+    fieldName: 'id',
    component: 'Input',
    rules: 'required',
    disabled: true,
  },
  {
    label: '预警时间',
-    fieldName: 'alarmTime',
+    fieldName: 'reportTime',
    component: 'DatePicker',
    componentProps: {
      format: 'YYYY.MM.DD HH:mm',
      valueFormat: 'YYYY.MM.DD HH:mm',
      showTime: true,
    },
-    rules: 'required',
    disabled: true,
+    rules: 'required',
  },
  {
    label: '预警类型',
@@ -177,89 +142,107 @@ export const modalSchema: FormSchemaGetter = () => [
    disabled: true,
  },
  {
-    label: '描述',
-    fieldName: 'description',
+    label: '设备名称',
+    fieldName: 'deviceIp',
    component: 'Input',
-    formItemClass: 'col-span-2',
    disabled: true,
-  },
-  {
-    label: '所在位置',
-    fieldName: 'location',
-    component: 'Input',
    rules: 'required',
-    disabled: true,
  },
  {
    label: '设备名称',
    fieldName: 'deviceName',
+    disabled: true,
    component: 'Input',
    rules: 'required',
-    disabled: true,
  },
  {
-    label: '处理情况',
-    fieldName: 'processingDetails',
-    component: 'Input',
+    label: '重要级别',
+    fieldName: 'level',
+    component: 'Select',
+    disabled: true,
    componentProps: {
-      rows: 3,
+      getPopupContainer,
+      options: getDictOptions(DictEnum.alarm_level, true),
    },
-    formItemClass: 'col-span-2',
-    disabled: true,
+    rules: 'selectRequired',
  },
  {
-    label: '处理时间',
-    fieldName: 'processingTime',
+    label: '创建时间',
+    fieldName: 'createTime',
    component: 'DatePicker',
+    disabled: true,
    componentProps: {
      format: 'YYYY.MM.DD HH:mm',
      valueFormat: 'YYYY.MM.DD HH:mm',
      showTime: true,
    },
-    disabled: true,
-  },
-  {
-    label: '处理图片',
-    fieldName: 'imgUrl',
-    component: 'Input',
-    rules: 'required',
-    disabled: true,
-  },
-  {
-    label: '级别',
-    fieldName: 'level',
-    component: 'Select',
-    componentProps: {
-      options: [
-        { label: '特大', value: '特大' },
-        { label: '重要', value: '重要' },
-        { label: '一般', value: '一般' },
-      ],
-    },
-    rules: 'selectRequired',
  },
  {
    label: '处理状态',
-    fieldName: 'processingStatus',
    component: 'Select',
+    disabled: true,
    componentProps: {
-      options: [
-        { label: '待分配', value: '待分配' },
-        { label: '处理中', value: '处理中' },
-        { label: '已完成', value: '已完成' },
-      ],
+      getPopupContainer,
+      options: getDictOptions(DictEnum.alarm_state, true),
    },
+    fieldName: 'state',
    rules: 'selectRequired',
  },
  {
-    label: '预期处理时间',
-    fieldName: 'expectedProcessingTime',
-    component: 'DatePicker',
+    label: '描述',
+    disabled: true,
+    fieldName: 'description',
+    component: 'Textarea',
+    formItemClass: 'col-span-2',
    componentProps: {
-      format: 'YYYY.MM.DD HH:mm',
-      valueFormat: 'YYYY.MM.DD HH:mm',
-      showTime: true,
+      rows: 3,
+    },
+  },
+  // 插入分割线
+  {
+    component: 'Divider',
+    fieldName: '_divider',
+    formItemClass: 'col-span-2',
+    hideLabel: true,
+    renderComponentContent: () => {
+      return {
+        default: () => h('div', '处理'),
+      };
+    },
+  },
+
+  {
+    label: '处理人',
+    fieldName: 'solveId',
+    component: 'Select',
+  },
+
+  {
+    label: '联系电话',
+    fieldName: 'phonenumber',
+    component: 'Input',
+  },
+
+  {
+    label: '邮箱',
+    fieldName: 'email',
+    component: 'Input',
+  },
+
+  {
+    label: '所在部门',
+    fieldName: 'deptName',
+    component: 'Input',
+    disabled: true,
+  },
+
+  {
+    label: '备注',
+    fieldName: 'remark',
+    component: 'Textarea',
+    formItemClass: 'col-span-2',
+    componentProps: {
+      rows: 3,
    },
-    rules: 'required',
  },
 ];