[FE]视频监控分页

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

@@ -11,6 +11,9 @@ const api = {
  getVideoSurveillanceData (params) {
    return $default.get('/sp/monitorSceneTerminal/queryMonitorSceneTerminalRel', params)
  },
  getVideoSurveillanceDataForPage (params) {
    return $default.get('/sp/monitorSceneTerminal/queryMonitorSceneTerminalRelForPage', params)
  },
  // 获取监控场景列表
  getDepartments () {
    return $default.get('/sp/workEmployee/queryAllOrganize')

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

@@ -54,7 +54,6 @@ export default {
  data () {
    return {
      videoOptions: {
        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度
        autoplay: true, // 如果true,浏览器准备好时开始回放。
        muted: true, // 默认情况下将会消除任何音频。
        loop: false, // 导致视频一结束就重新开始。
@@ -86,7 +85,7 @@ export default {
      },
      videoCurrent: 1, // 大门分页数据
      videoPageSize: 10, // 大门分页数据
      videoTotal: 100, // 大门分页总数
      videoTotal: 0, // 大门分页总数
      tabId: 1,
      paramsObj: { // 接口请求数据
        page: 0,
@@ -158,7 +157,7 @@ export default {
      this.videoList = []
      this.tabId = id
      this.videoCurrent = 1
      this.getVideoSurveillanceData(id)
      this.getVideoSurveillanceData()
    },
    // 获取风场下拉框列表
    async getWindFiledList () {
@@ -172,10 +171,14 @@ export default {
      })
    },
    // 获得风场大门数据
    getVideoSurveillanceData (id) {
    getVideoSurveillanceData () {
      var id = this.tabId
      this.paramsObj.page = this.videoCurrent
      sysapi.getVideoSurveillanceData({ params: { monitorSceneId: id } }).then(res => {
        this.videoList = res.data.data
      sysapi.getVideoSurveillanceDataForPage({ params: { monitorSceneId: id, pageNumber: this.videoCurrent, pageSize: this.videoPageSize} })
      .then(res => {
        debugger
        this.videoList = res.data.data.data
        this.videoTotal = res.data.data.total
      })
    },
    // 进入识别记录界面
@@ -184,8 +187,8 @@ export default {
    },
    // 风场大门分页
    onChangeGate (val) {
      this.videoList = []
      this.videoCurrent = val
      this.getVideoSurveillanceData()
    }
  }
}