security-protection-platform/src/api/aialarm/index.js

@@ -3,15 +3,18 @@ const { $default, $http } = http
const api = {
  // 获取报警记录列表
  getaialarmlist (params) {
  getAiAlarmList (params) {
    return $default.get('/sp/aiAlarmManage/queryPageAiAlarm', params)
  },
  // 获取报警列表详情信息
  getAlarmDetail(id) {
    return $default.get('/sp/aiAlarmManage/queryOneAiAlarmInfo', id).catch((err) => { return err })
  },
  // 获取报警类型查询下拉框
  getaialarmtype () {
  getAiAlarmType () {
    return $default.get('/sp/charSpec/getCharSpecList?charSpecCode=AI_ALARM_TYPE')
  },
  getaialarmhandler () {
  getAiAlarmHandler () {
    return $http.get('/aialarm/getaialarmhandler')
  },
  dispose (params) {

security-protection-platform/src/modules/aialarm/index.vue

@@ -92,62 +92,62 @@
          <div class="detail">
            <label class="detail_title">状态：</label>
            <div class="detail_content">
              <t-tag v-if="currentdata.data.status==='INI'" state="warning">未确认</t-tag>
              <t-tag v-if="currentdata.data.status==='END'" state="success">已处理</t-tag>
              <t-tag v-if="currentdata.data.status==='RUN'" state="info">处理中</t-tag>
              <t-tag v-if="currentdata.data.status==='FAL'" state="danger">误报</t-tag>
              <t-tag v-if="alarmDetailData.status==='未确认'" state="warning">未确认</t-tag>
              <t-tag v-if="alarmDetailData.status==='已处理'" state="success">已处理</t-tag>
              <t-tag v-if="alarmDetailData.status==='处理中'" state="info">处理中</t-tag>
              <t-tag v-if="alarmDetailData.status==='误报'" state="danger">误报</t-tag>
            </div>
          </div>
          <div class="detail">
            <label class="detail_title">报警类型：</label>
            <div class="detail_content">{{ currentdata.data.alarmTypeName }}</div>
            <div class="detail_content">{{ alarmDetailData.alarmTypeCode || '' }}</div>
          </div>
          <div class="detail">
            <label class="detail_title">报警描述：</label>
            <div class="detail_content">{{ currentdata.data.alarmMemo }}</div>
            <div class="detail_content">{{ alarmDetailData.alarmMemo }}</div>
          </div>
          <div class="detail">
            <label class="detail_title">报警时间：</label>
            <div class="detail_content">{{ currentdata.data.aiIdenTime }}</div>
            <div class="detail_content">{{ alarmDetailData.aiIdenTime }}</div>
          </div>
          <div class="detail">
            <label class="detail_title">设备编号：</label>
            <div class="detail_content">{{ currentdata.data.resourceToolCode }}</div>
            <div class="detail_content">{{ alarmDetailData.resourceToolCode }}</div>
          </div>
          <div class="detail">
            <label class="detail_title">设备位置：</label>
            <div class="detail_content">{{ currentdata.data.monitorSceneName }}</div>
            <div class="detail_content">{{ alarmDetailData.monitorSceneName }}</div>
          </div>
          <div class="detail">
          <div v-if="alarmDetailData.workEmployeeRoleId!==null" class="detail">
            <label class="detail_title">处理人：</label>
            <div class="detail_content">{{ currentdata.data.workEmployeeRoleName }}</div>
            <div class="detail_content">{{ alarmDetailData.workEmployeeRoleName }}</div>
          </div>
          <div class="detail">
          <div v-if="alarmDetailData.workEmployeeRoleId!==null" class="detail">
            <label class="detail_title">处理时间：</label>
            <div>{{ currentdata.data.processTime }}</div>
            <div>{{ alarmDetailData.doneDate }}</div>
          </div>
        </div>
        <div class="details_item2">
          <div>
            <div>识别图片</div>
            <div><img :src="currentdata.data.idenPictureUrl" alt="" srcset="" style="width:100%;height:100%"></div>
            <div><img :src="pictureDetailData.fileUrl" alt="" srcset="" style="width:100%;height:100%"></div>
          </div>
          <div>
            <div>识别视频</div>
            <div>
              <video :src="currentdata.data.idenVideoUrl" class="video" controls></video>
              <video :src="videoDetailData.videoFileUrl" class="video" controls></video>
            </div>
          </div>
        </div>
        <div v-if="clickdetail==1">
          <div v-if="currentdata.data.status!='END'" class="radio">
          <div v-if="alarmDetailData.status!='END'" class="radio">
            <div>报警处理 : </div>
            <div v-if="currentdata.data.status=='INI'">
            <div v-if="alarmDetailData.status=='INI'">
              <t-radio-group v-model="status">
                <t-radio label="RUN">
@@ -161,7 +161,7 @@
              </t-radio-group>
            </div>
            <div v-if="currentdata.data.status=='RUN'||currentdata.data.status=='FAL'">
            <div v-if="alarmDetailData.status=='RUN'||alarmDetailData.status=='FAL'">
              <t-radio-group v-model="status">
                <t-radio label="END">关闭</t-radio>
              </t-radio-group>
@@ -214,6 +214,12 @@ export default {
        index: '',
        data: {}
      },
      // 报警详情数据
      alarmDetailData: {},
      // 图片详情数据
      pictureDetailData: {},
      // 视频详情数据
      videoDetailData: {},
      // 选择的数据
      selectdata: [],
      // 判断是详情还是处理
@@ -255,18 +261,20 @@ export default {
      // console.log(val)
      this.selectdata = val
    },
    // 点击详情
    handleClick (scope, val) {
    async handleClick (scope, val) {
      this.clickdetail = val
      // 去除模态框中的单选项
      let res = await aialarmapi.getAlarmDetail({params: {'workTaskId': scope.row.workTaskId}})
      if (res.status === 200) {
        this.alarmDetailData = res.data.data.alarmInfo
        this.pictureDetailData = res.data.data.pictureInfo
        this.videoDetailData = res.data.data.videoInfo
      } else { this.$Message.danger('处理失败') }
      this.status = ''
      this.details_modal = true // 打开模态框
      this.currentdata.data = scope.row // 获取当前行的数据
      // this.currentdata.data = scope.row // 获取当前行的数据
      this.currentdata.index = scope.$index // 获取当前行的索引
      // console.log(this.currentdata.data)
    },
    // 未确认状态的模态框的确认按钮 || 处理中状态的模态框的确认按钮
@@ -278,7 +286,6 @@ export default {
        // 向后端发送数据
        this.alarmdispose(this.currentdata.data.workTaskId, this.status)
        // console.log(this.status)
        // console.log(this.currentdata.data.workTaskId)
        // 关闭模态框
        this.details_modal = false
      } else {
@@ -293,7 +300,6 @@ export default {
      // console.log(res)
      if (res.status === 200) {
        this.$Message.success('操作成功')
        // console.log(res.data.data)
        this.data[this.currentdata.index].status = res.data.data.status
        this.data[this.currentdata.index].processTime = res.data.data.doneDate
      } else {
@@ -318,7 +324,7 @@ export default {
    // 获取报警类型
    async gettype () {
      var res = await aialarmapi.getaialarmtype()
      var res = await aialarmapi.getAiAlarmType()
      // console.log(res)
      if (res.status === 200) {
        // this.alarmtypelist = res.data.data
@@ -338,14 +344,13 @@ export default {
        params.pageNumber = this.page
        params.pageSize = this.limit
        var res = await aialarmapi.getaialarmlist({
        var res = await aialarmapi.getAiAlarmList({
          params: params
        })
        // console.log(res)
        if (res.status === 200) {
          this.data = res.data.data.data
          // console.log('数据是:', this.data)
          this.data = this.data.map((item) => { item.aiIdenTime = formatDateTime(item.aiIdenTime); return item })
          // console.log(this.data)

security-protection-platform/src/modules/videoSurveillance/components/ReplayDialog/index.vue

@@ -1,5 +1,5 @@
<template>
  <t-modal :visibled.sync="visible" :header-visibled="false" :footer-visibled="false" :no-padding="true" width="100%">
  <t-modal :visibled.sync="visible" :header-visibled="false" :footer-visibled="false" :no-padding="true" width="90%">
    <div class="replayer">
      <div class="replayer-list">
        <div class="date-select-box row-12">