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

@@ -11,13 +11,13 @@ const api = {
  getVideoSurveillanceData (params) {
    return $default.get('/sp/monitorSceneTerminal/queryMonitorSceneTerminalRel', params)
  },
  // 获取识别记录数据
  getDistinguishData (params) {
    return $http.get('/videoSurveillance/getDistinguishData', params)
  },
  // 获取监控场景列表
  getMonitorScene () {
    return $default.get('/sp/monitorSceneManagement/queryPageMonitorScene', 0)
  getDepartments() {
    return $default.get('/sp/workEmployee/queryAllOrganize')
  },
  // 获取s部门对应场景列表
  getMonitorScene(orgId) {
    return $default.get(`/sp/monitorSceneManagement/queryPageMonitorScene?orgId=${orgId}`)
  },
  // 视频回放
  queryMonitorVideoLog (data) {

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

@@ -1,12 +1,17 @@
<template>
  <div class="page-main">
    <t-button-group class="top-btn">
      <t-button v-for="(item,index) in sceneList" :key="index" :value="item.monitorSceneId" :color="item.monitorSceneId === selectedMonitorScene ? 'primary' : 'secondary'" @click="tabClick(item.monitorSceneId)">{{ item.monitorSceneName }}</t-button>
      <t-button v-for="(item,index) in sceneList" :key="index"
                :value="item.monitorSceneId"
                :color="item.monitorSceneId === selectedMonitorScene ? 'primary' : 'secondary'"
                @click="tabClick(item.monitorSceneId)">
        {{ item.monitorSceneName }}
      </t-button>
    </t-button-group>
    <div class="page-top">
      <span>风场:</span>
      <t-select v-model="gateFieldData" clearable @change="getSceneList()">
        <t-option v-for="(item,index) in organizationList" :key="index" :value="item.organizationId">{{ item.monitorSceneTypeName }}</t-option>
        <t-option v-for="(item,index) in organizationList" :key="index" :value="item.id">{{ item.name }}</t-option>
      </t-select>
    </div>
    <div class="page-bottom">
@@ -54,10 +59,9 @@ export default {
        limit: 10
      },
      organizationList: [], // 风场数据
      gateFieldData: 101101,
      gateFieldData: '',
      videoList: [], // 场景数据列表
      sceneList: [], // 场景列表
      totalList: [], // 所有风场数据列表
      selectedMonitorScene: '', // 当前选择场景
      videoPlayList: [],
      showReplayDialog: false,
@@ -82,11 +86,16 @@ export default {
    // 获取场景列表
    getSceneList () {
      this.sceneList = []
      for (let i = 0; i < this.totalList.length; i++) {
        if (this.totalList[i].organizationId === this.gateFieldData) {
          this.sceneList.push(this.totalList[i])
      this.videoList = []
      console.log(this.organizationList)
      this.organizationList.forEach((element, index) => {
        if (element.id === this.gateFieldData) {
          sysapi.getMonitorScene(this.organizationList[index].id).then((resp) => {
            this.sceneList = resp.data.data || []
            this.tabClick(this.sceneList[0].monitorSceneId)
          })
        }
      }
      })
    },
    // 向服务器发送请求获取视频回放数据
    async queryMonitorVideoLog (data) {
@@ -119,18 +128,11 @@ export default {
      this.getVideoSurveillanceData(id)
    },
    // 获取风场下拉框列表
    getWindFiledList () {
      sysapi.getMonitorScene().then(resp => {
        let arr = resp.data.data
        this.totalList = arr
        for (let i = 0; i < arr.length; i++) {
          for (let j = i + 1; j < arr.length; j++) {
            if (arr[i].monitorSceneTypeName === arr[j].monitorSceneTypeName) {
              ++i
            }
          }
          this.organizationList.push(arr[i])
        }
    async getWindFiledList () {
      sysapi.getDepartments().then(resp => {
        this.organizationList = resp.data.data
        this.gateFieldData = this.organizationList[0].id
        this.getSceneList()
      }, err => {
        this.$Message.danger('获取风场列表失败！')
        console.log(err)