Merge branch 'master' of http://47.109.37.87:3000/by2025/admin-vben5

视频告警页面
2025-08-17 07:03:59 +08:00 · 2025-08-17 07:03:48 +08:00
6 changed files with 132 additions and 103 deletions
--- a/apps/web-antd/src/api/sis/alarmEventAttachments/index.ts
+++ b/apps/web-antd/src/api/sis/alarmEventAttachments/index.ts
@ -1,18 +1,30 @@
-import type { AlarmEventAttachmentsVO, AlarmEventAttachmentsForm, AlarmEventAttachmentsQuery } from './model';
+import type {
+  AlarmEventAttachmentsForm,
+  AlarmEventAttachmentsQuery,
+  AlarmEventAttachmentsVO,
+} from './model';

-import type { ID, IDS } from '#/api/common';
-import type { PageResult } from '#/api/common';
+import type { ID, IDS, PageResult } from '#/api/common';

 import { commonExport } from '#/api/helper';
 import { requestClient } from '#/api/request';

 /**
-* 查询【请填写功能名称】列表
-* @param params
-* @returns 【请填写功能名称】列表
-*/
+ * 查询【请填写功能名称】列表
+ * @param params
+ * @returns 【请填写功能名称】列表
+ */
 export function alarmEventAttachmentsList(params?: AlarmEventAttachmentsQuery) {
-  return requestClient.get<PageResult<AlarmEventAttachmentsVO>>('/sis/alarmEventAttachments/list', { params });
+  return requestClient.get<PageResult<AlarmEventAttachmentsVO>>(
+    '/sis/alarmEventAttachments/list',
+    { params },
+  );
+}
+
+export function queryAlarmEventAttachmentsList(id: ID) {
+  return requestClient.get<AlarmEventAttachmentsVO[]>(
+    '/sis/alarmEventAttachments/query/' + id,
+  );
 }

 /**
@ -20,7 +32,9 @@ export function alarmEventAttachmentsList(params?: AlarmEventAttachmentsQuery) {
 * @param params
 * @returns 【请填写功能名称】列表
 */
-export function alarmEventAttachmentsExport(params?: AlarmEventAttachmentsQuery) {
+export function alarmEventAttachmentsExport(
+  params?: AlarmEventAttachmentsQuery,
+) {
  return commonExport('/sis/alarmEventAttachments/export', params ?? {});
 }

@ -30,7 +44,9 @@ export function alarmEventAttachmentsExport(params?: AlarmEventAttachmentsQuery)
 * @returns 【请填写功能名称】详情
 */
 export function alarmEventAttachmentsInfo(id: ID) {
-  return requestClient.get<AlarmEventAttachmentsVO>(`/sis/alarmEventAttachments/${id}`);
+  return requestClient.get<AlarmEventAttachmentsVO>(
+    `/sis/alarmEventAttachments/${id}`,
+  );
 }

 /**
--- a/apps/web-antd/src/api/sis/alarmEventAttachments/model.d.ts
+++ b/apps/web-antd/src/api/sis/alarmEventAttachments/model.d.ts
@ -16,6 +16,8 @@ export interface AlarmEventAttachmentsVO {
   */
  ossId: string | number;

+  imagePath: string;
+
  /**
   * 1：图片，2：文件；3视频
   */
--- a/apps/web-antd/src/views/videoSystem/videoWarning/videoWarningProcessing/data.ts
+++ b/apps/web-antd/src/views/videoSystem/videoWarning/videoWarningProcessing/data.ts
@ -5,6 +5,9 @@ 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 = () => [
  {
    component: 'Input',
@ -15,7 +18,7 @@ export const querySchema: FormSchemaGetter = () => [
    component: 'Select',
    componentProps: {
      getPopupContainer,
-      options: getDictOptions(DictEnum.alarm_level),
+      options: getDictOptions(DictEnum.alarm_level, true),
    },
    fieldName: 'level',
    label: '级别',
@ -24,7 +27,7 @@ export const querySchema: FormSchemaGetter = () => [
    component: 'Select',
    componentProps: {
      getPopupContainer,
-      options: getDictOptions(DictEnum.alarm_state),
+      options: getDictOptions(DictEnum.alarm_state, true),
    },
    fieldName: 'state',
    label: '处理状态',
@ -83,11 +86,11 @@ export const columns: VxeGridProps['columns'] = [
  },
  {
    title: '预期处理时间',
-    field: 'processSt',
+    field: 'servBeginTime',
  },
  {
    title: '处理时间',
-    field: 'processEt',
+    field: 'servEndTime',
  },
  {
    field: 'action',
@ -110,14 +113,14 @@ 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',
@ -129,7 +132,7 @@ export const modalSchema: FormSchemaGetter = () => [
  },
  {
    label: '预警类型',
-    fieldName: 'alarmType',
+    fieldName: 'bigTypeName',
    component: 'Input',
    rules: 'required',
    disabled: true,
@ -141,13 +144,13 @@ export const modalSchema: FormSchemaGetter = () => [
    formItemClass: 'col-span-2',
    disabled: true,
  },
-  {
+  /* {
    label: '所在位置',
    fieldName: 'location',
    component: 'Input',
    rules: 'required',
    disabled: true,
-  },
+  },*/
  {
    label: '设备名称',
    fieldName: 'deviceName',
@ -188,27 +191,22 @@ export const modalSchema: FormSchemaGetter = () => [
    fieldName: 'level',
    component: 'Select',
    componentProps: {
-      options: [
-        { label: '特大', value: '特大' },
-        { label: '重要', value: '重要' },
-        { label: '一般', value: '一般' },
-      ],
+      getPopupContainer,
+      options: getDictOptions(DictEnum.alarm_level, true),
    },
    rules: 'selectRequired',
  },
  {
    label: '处理状态',
-    fieldName: 'processingStatus',
    component: 'Select',
    componentProps: {
-      options: [
-        { label: '待分配', value: '待分配' },
-        { label: '处理中', value: '处理中' },
-        { label: '已完成', value: '已完成' },
-      ],
+      getPopupContainer,
+      options: getDictOptions(DictEnum.alarm_state, true),
    },
+    fieldName: 'state',
    rules: 'selectRequired',
  },
+
  {
    label: '预期处理时间',
    fieldName: 'expectedProcessingTime',
--- a/apps/web-antd/src/views/videoSystem/videoWarning/videoWarningProcessing/index.vue
+++ b/apps/web-antd/src/views/videoSystem/videoWarning/videoWarningProcessing/index.vue
@ -103,14 +103,7 @@ function handleAssign(row: any) {
    title: '分配处理',
    content: `确定要分配预警 ${row.alarmId} 给处理人员吗？`,
    onOk() {
-      // 模拟分配处理
-      const index = row.id;
-      if (index !== -1) {
-        // mockData.value[index].processingStatus = '处理中';
-        // mockData.value[index].processingDetails = '已分配给处理人员';
-        // mockData.value[index].processingTime = new Date().toLocaleString();
-        tableApi.query();
-      }
+      //查询当前排班的人员信息
    },
  });
 }
--- a/apps/web-antd/src/views/videoSystem/videoWarning/videoWarningProcessing/warning-detail.vue
+++ b/apps/web-antd/src/views/videoSystem/videoWarning/videoWarningProcessing/warning-detail.vue
@ -1,19 +1,23 @@
 <script setup lang="ts">
-import { shallowRef } from 'vue';
+import { ref, shallowRef } from 'vue';
 import { useVbenModal } from '@vben/common-ui';
 import {
  Descriptions,
  DescriptionsItem,
+  Image,
  Tag,
  Timeline,
  TimelineItem,
 } from 'ant-design-vue';
+import { queryAlarmEventAttachmentsList } from '#/api/sis/alarmEventAttachments';
+import type { AlarmEventAttachmentsVO } from '#/api/sis/alarmEventAttachments/model';
+import { fallImg } from './data';

 const [BasicModal, modalApi] = useVbenModal({
  onOpenChange: handleOpenChange,
  onClosed() {
    // warningDetail.value = null;
-     modalApi.close();
+    modalApi.close();
  },
 });

@ -21,16 +25,22 @@ const warningDetail = shallowRef<any>(null);

 // 时间线显示条件配置
 const timelineConfig = {
-  '已完成': ['已完成'],
-  '处理异常': ['已完成', '处理异常'],
-  '处理中': ['已完成', '处理中', '处理异常']
+  已完成: ['已完成'],
+  处理异常: ['已完成', '处理异常'],
+  处理中: ['已完成', '处理中', '处理异常'],
 };

 function showTimelineItem(type: string): boolean {
  const currentStatus = warningDetail.value?.processingStatus;
-  return timelineConfig[type as keyof typeof timelineConfig]?.includes(currentStatus) || false;
+  return (
+    timelineConfig[type as keyof typeof timelineConfig]?.includes(
+      currentStatus,
+    ) || false
+  );
 }

+const currFiles = ref<AlarmEventAttachmentsVO[]>([]);
+
 async function handleOpenChange(open: boolean) {
  if (!open) {
    return null;
@ -42,11 +52,11 @@ async function handleOpenChange(open: boolean) {
  };

  // 从传递的数据中查找对应的记录
-  const record = data.find((item: any) => item.id === id);
-  if (record) {
-    warningDetail.value = record;
+  if (data) {
+    warningDetail.value = data;
  }
-
+  // 加载事件附件信息
+  currFiles.value = await queryAlarmEventAttachmentsList(id);
  modalApi.modalLoading(false);
 }
 </script>
@ -56,7 +66,7 @@ async function handleOpenChange(open: boolean) {
    :footer="false"
    :fullscreen-button="false"
    title="预警详情"
-    class="w-[70%]"
+    class="w-[60%]"
  >
    <Descriptions
      v-if="warningDetail"
@ -67,11 +77,13 @@ async function handleOpenChange(open: boolean) {
      style="margin-bottom: 30px"
    >
      <DescriptionsItem label="预警编号">
-        {{ warningDetail.alarmId }}
+        {{ warningDetail.id }}
      </DescriptionsItem>
+
      <DescriptionsItem label="预警时间">
-        {{ warningDetail.alarmTime }}
+        {{ warningDetail.reportTime }}
      </DescriptionsItem>
+
      <DescriptionsItem label="级别">
        <Tag
          :color="
@ -82,83 +94,83 @@ async function handleOpenChange(open: boolean) {
                : 'blue'
          "
        >
-          {{ warningDetail.level }}
+          {{ warningDetail.levelName }}
        </Tag>
      </DescriptionsItem>
+
      <DescriptionsItem label="预警类型">
-        {{ warningDetail.alarmType }}
+        {{ warningDetail.bigTypeName + ' - ' + warningDetail.smallTypeName }}
      </DescriptionsItem>
+
+      <DescriptionsItem label="设备ip"
+        >{{ warningDetail.deviceIp }}
+      </DescriptionsItem>
+
+      <DescriptionsItem label="设备ip"
+        >{{ warningDetail.deviceName }}
+      </DescriptionsItem>
+
      <DescriptionsItem label="描述" :span="2">
        {{ warningDetail.description }}
      </DescriptionsItem>
+
      <DescriptionsItem label="所在位置">
-        {{ warningDetail.location }}
+        {{ warningDetail.deviceName }}
      </DescriptionsItem>
+
      <DescriptionsItem label="处理状态">
-        <Tag
-          :color="
-            warningDetail.processingStatus === '待分配'
-              ? 'red'
-              : warningDetail.processingStatus === '处理中'
-                ? 'orange'
-                : 'green'
-          "
-        >
-          {{ warningDetail.processingStatus }}
+        <Tag>
+          {{ warningDetail.stateName }}
        </Tag>
      </DescriptionsItem>
+
      <DescriptionsItem label="处理情况" :span="2">
        {{ warningDetail.processingDetails || '-' }}
      </DescriptionsItem>
-      <DescriptionsItem label="处理时间">
+
+      <DescriptionsItem label="处理时间" :span="2">
        {{ warningDetail.processingTime || '-' }}
      </DescriptionsItem>
-      <DescriptionsItem label="设备名称">
-        {{ warningDetail.deviceName || '-' }}
-      </DescriptionsItem>
-      <DescriptionsItem label="预处理时间" v-if="warningDetail.processingStatus === '处理中'">
-        {{ warningDetail.expectedProcessingTime || '-' }}
-      </DescriptionsItem>
-      <DescriptionsItem label="处理图片" v-if="warningDetail.processingStatus === '已完成'">
-        <img :src="warningDetail.imgUrl" alt="处理图片" style="max-width: 200px; max-height: 150px;">
+
+      <DescriptionsItem :span="1" label="附件信息">
+        <div class="file-box">
+          <div class="img-box" v-for="item in currFiles">
+            <Image
+              style="width: 120px; height: 120px"
+              :src="item.imagePath"
+              :fallback="fallImg"
+            />
+          </div>
+        </div>
      </DescriptionsItem>
+
+      <DescriptionsItem :span="1" label="报警视频"></DescriptionsItem>
    </Descriptions>
-          <!-- <Timeline>
-        <TimelineItem v-if="showTimelineItem('已完成')">
-          <p style="display: flex">类型：已完成</p>
-          <p>时间：2025-06-01 11:07:59</p>
-          <p>处理人：张三</p>
-        </TimelineItem>
-        <TimelineItem v-if="showTimelineItem('处理异常')">
-          <p style="display: flex">类型：处理异常</p>
-          <p>时间：2025-06-01 11:07:59</p>
-          <p>处理人：张三</p>
-          <p>异常原因：时长不够</p>
-        </TimelineItem>
-        <TimelineItem v-if="showTimelineItem('处理中')">
-          <p style="display: flex">类型：处理中</p>
-          <p>时间：2025-06-01 11:07:59</p>
-          <p>处理人：张三</p>
-        </TimelineItem>
-        <TimelineItem>
-          <p style="display: flex">类型：创建预警</p>
-          <p>时间：2025-06-01 11:07:59</p>
-          <p>处理人：张三</p>
-        </TimelineItem>
-      </Timeline> -->
-      <Timeline>
+
+    <Timeline>
      <TimelineItem v-if="warningDetail.processingStatus === '已完成'">
        <p style="display: flex">类型：已完成</p>
        <p>时间：2025-06-01 11:07:59</p>
        <p>处理人：张三</p>
      </TimelineItem>
-      <TimelineItem v-if="warningDetail.processingStatus === '已完成' || warningDetail.processingStatus === '处理异常'">
+      <TimelineItem
+        v-if="
+          warningDetail.processingStatus === '已完成' ||
+          warningDetail.processingStatus === '处理异常'
+        "
+      >
        <p style="display: flex">类型：处理异常</p>
        <p>时间：2025-06-01 11:07:59</p>
        <p>处理人：张三</p>
        <p>异常原因：时长不够</p>
      </TimelineItem>
-      <TimelineItem v-if="warningDetail.processingStatus === '已完成'|| warningDetail.processingStatus === '处理中' || warningDetail.processingStatus === '处理异常'">
+      <TimelineItem
+        v-if="
+          warningDetail.processingStatus === '已完成' ||
+          warningDetail.processingStatus === '处理中' ||
+          warningDetail.processingStatus === '处理异常'
+        "
+      >
        <p style="display: flex">类型：处理中</p>
        <p>时间：2025-06-01 11:07:59</p>
        <p>处理人：张三</p>
@ -171,3 +183,12 @@ async function handleOpenChange(open: boolean) {
    </Timeline>
  </BasicModal>
 </template>
+
+<style scoped lang="scss">
+.file-box {
+  .img-box {
+    float: left;
+    margin-left: 5px;
+  }
+}
+</style>
--- a/apps/web-antd/src/views/videoSystem/videoWarning/videoWarningProcessing/warning-modal.vue
+++ b/apps/web-antd/src/views/videoSystem/videoWarning/videoWarningProcessing/warning-modal.vue
@ -57,13 +57,12 @@ const [BasicModal, modalApi] = useVbenModal({
        id: number | string;
        data: any[];
      };
-      const record = data.find((item: any) => item.id === id);
-      if (record) {
-        await formApi.setValues(record);
+      if (data) {
+        console.log(data)
+        await formApi.setValues(data);
      }
    }
    await markInitialized();
-
    modalApi.modalLoading(false);
  },
 });
Author	SHA1	Message	Date
15683799673	69f0d4adb4	Merge branch 'master' of http://47.109.37.87:3000/by2025/admin-vben5 Some checks failed / Explore-Gitea-Actions (push) Failing after 3m58s Details	2025-08-17 07:03:59 +08:00
15683799673	4bc18e0e4c	视频告警页面	2025-08-17 07:03:48 +08:00