预警研判

zhanghua

2023-04-03 91a2e0d1cdc2b4ad816d5ee450f159ef6cd57486

 src/views/intelligentPatrol/studyJudge/index.vue

@@ -53,11 +53,7 @@
                          >报警时间：{{ currentEvent.alarmTime }}</span
                      >
                  </div>
                  <div
                      class="img-item"
                      v-for="item in imageList"
                      :key="item.id"
                  >
          <div class="img-item" v-for="item in imageList" :key="item.id">
                      <img :src="item" />
                  </div>
                  <el-form
@@ -68,9 +64,9 @@
                      label-position="left"
                      class="left-form"
                  >
                      <el-form-item label="事件编号:">
            <!-- <el-form-item label="事件编号:">
                          <span>{{ currentEvent.code }}</span>
                      </el-form-item>
            </el-form-item> -->
                      <el-form-item label="事件等级:">
                          <span>{{ currentEvent.grade }}</span>
                      </el-form-item>
@@ -92,62 +88,9 @@
                  <!-- <iframe src="https://183.245.159.161:8282/OneMap/index.html#/OneMap?code=2&clientVersion=&skin=white&locale=zh&otherAuthor=allowable"></iframe> -->
              </div>
              <div class="sjm-content-right">
                  <div class="header">
                      <el-form
                          :inline="true"
                          :model="seachData"
                          class="demo-form-inline"
                      >
                          <el-form-item label="事件类型">
                              <el-cascader
                                  v-model="seachData.gradeId"
                                  :options="eventGradeOptions"
                                  :props="options"
                                  clearable
                              ></el-cascader>
                          </el-form-item>
                          <el-form-item label="发生点位">
                              <el-select
                                  v-model="seachData.videoId"
                                  placeholder="请选择"
                              >
                                  <el-option
                                      v-for="item in videoOptions"
                                      :key="item.id"
                                      :label="item.name"
                                      :value="item.id"
                                  ></el-option>
                              </el-select>
                          </el-form-item>
                          <el-form-item label="报警时间">
                              <el-date-picker
                                  v-model="seachData.alarmTime"
                                  type="daterange"
                                  align="right"
                                  unlink-panels
                                  range-separator="至"
                                  start-placeholder="开始日期"
                                  end-placeholder="结束日期"
                              >
                              </el-date-picker>
                          </el-form-item>
                          <el-form-item>
                              <el-button
                                  type="primary"
                                  @click="getInspectionData"
                                  >查询</el-button
                              >
                              <el-button type="primary" @click="resetAll"
                                  >重置</el-button
                              >
                          </el-form-item>
                      </el-form>
                  </div>
                  <div class="card-box">
                      <div class="but-live">
                          <el-button
                              size="small"
                              @click="createVideo(currentEvent, 'live')"
              <el-button size="small" @click="createVideo(currentEvent, 'live')"
                              >实时预览</el-button
                          >
                          <el-button
@@ -195,13 +138,9 @@
                                  />
                              </el-select>
                          </el-form-item>
                          <el-form-item
                              v-if="eventInfoData.store"
                              label="店铺得分:"
                          >
              <el-form-item v-if="eventInfoData.store" label="店铺得分:">
                              <span>{{
                                  selectStoreChange(eventInfoData.store)
                                      .storeScore
                  selectStoreChange(eventInfoData.store).storeScore
                              }}</span>
                          </el-form-item>
                          <el-form-item label="处理意见:" prop="state">
@@ -263,9 +202,7 @@
                              <el-button @click.native.prevent="handleConfirm"
                                  >确认</el-button
                              >
                              <el-button @click="pageChange('next')"
                                  >下一条</el-button
                              >
                <el-button @click="pageChange('next')">下一条</el-button>
                          </el-form-item>
                      </el-form>
                  </div>
@@ -287,10 +224,7 @@
          v-show="dialogCreate"
          :before-close="handleClose2"
      >
          <div
              class="dom"
              style="width: 100%; height: 600px; position: relative"
          >
      <div class="dom" style="width: 100%; height: 600px; position: relative">
              <div id="dom1" class="dom1"></div>
          </div>
      </el-dialog>
@@ -307,18 +241,19 @@
import { FILE_ORIGINAL_URL } from "@/utils";
import { validateCarNum } from "@/utils/validate";
import MyDispatch from "@/components/dispatch";
import InspectionTable from "@/views/intelligentPatrol/studyJudge/inspectionTable/index.vue";
// import InspectionTable from "@/views/intelligentPatrol/studyJudge/inspectionTable/index.vue";
// import MyMap from "@/components/map";
import MyMap from "@/components/map/leafletMap.vue";
import videoPoint from "@/api/system/videoPoint";
import { getTypeList } from "@/utils/helper"

export default {
  components: { MyDispatch, MyMap, InspectionTable },
  components: { MyDispatch, MyMap },
  created() {
      this.loadVideo();
      this.loadEventGrade();
    if (this.info) {
      this.currentEvent = this.info;
      this.loadData();
    } else {
      this.getInspectionData();
    }
      this.initEventParams();
      this.getInspectionCount();
      getStoreInfoList({ current: 1, size: 100 })
@@ -436,31 +371,9 @@
          point: null,
          mark: null,
          zoom: null,
          eventGradeOptions: [],
          videoOptions: [],
          options: {
              label: 'name',
              value: 'id',
          },
          seachData: {}
      };
  },
  methods: {
      loadVideo() {
          videoPoint
              .getVideoPointList({
                  current: 1,
                  size: 1000
              })
              .then(({ records, total }) => {
                  this.videoOptions = records;
              })
      },
      loadEventGrade() {
          getTypeList("1", "02").then((result) => {
              this.eventGradeOptions = result;
          })
      },
      getInspectionCount() {
          basecase
              .getInspectionCountData({
@@ -486,20 +399,32 @@
      getInspectionData() {
          let data = {
              current: this.currentPage,
        pageSize: 1,
              videoId: this.seachData.videoId,
          }
      };
          if (this.seachData.alarmTime) {
              data.beginTime = this.seachData.alarmTime[0]
              data.endTime = this.seachData.alarmTime[1]
          } if (this.seachData.gradeId) {
              data.gradeId = this.seachData.gradeId[1]
        data.beginTime = this.seachData.alarmTime[0];
        data.endTime = this.seachData.alarmTime[1];
      }
      if (this.seachData.gradeId) {
        data.gradeId = this.seachData.gradeId[1];
          }
          basecase
              .getInspectionData(data)
              .then(({ records, total }) => {
                  this.countData.review = total
          this.countData.review = total;
                  if (records.length > 0) {
                      this.currentEvent = records[0];
            this.loadData();
          } else {
            this.currentEvent = {};
            this.$message("当前查询条件无数据");
          }
        })
        .catch((err) => this.$message.error(err));
    },
    loadData() {
      debugger;
                      this.point = {
                          x: this.currentEvent.longitude,
                          y: this.currentEvent.latitude,
@@ -511,10 +436,7 @@
                              .split(",")
                              .map((item) => `${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${item}`);
                      }
                      if (
                          this.currentEvent?.alarmTime ||
                          this.currentEvent?.currentAlarmTime
                      ) {
      if (this.currentEvent?.alarmTime || this.currentEvent?.currentAlarmTime) {
                          const { alarmTime, currentAlarmTime } = this.currentEvent;
                          const continueAlarmTime =
                              new Date().getTime() -
@@ -527,14 +449,7 @@
                              CONTINUE_DAY
                          )}天${parseInt(CONTINUE_HOURS)}小时`;
                      }
                  } else {
                      this.currentEvent = {}
                      this.$message("当前查询条件无数据");
                  }
              })
              .catch((err) => this.$message.error(err));
      },

      // 确认点击事件
      handleConfirm() {
          this.$refs.currentEvent.validate((flag) => {
@@ -751,13 +666,15 @@
          return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
      },
      resetAll() {
          this.seachData = {}
      }
      this.seachData = {};
    },
  },
  beforeDestroy() {
      clearInterval(this.timer);
      this.timer = null;
  },

  props: ["info", "seachData"],
};
</script>