[FE]:修改视频监控样式

security-protection-platform/src/modules/attendance/components/DeptStaffCascader/index.vue

@@ -63,11 +63,11 @@ export default {
          }
        })
        if (this.source.length > 0) {
          const orgId = this.source[0].value
          // const depId = this.source[0].children[0].value
          this.staff = [orgId]
        }
        // if (this.source.length > 0) {
        //   const orgId = this.source[0].value
        //   // const depId = this.source[0].children[0].value
        //   this.staff = [orgId]
        // }
        this.$emit('inited')
      }, err => {

security-protection-platform/src/modules/attendance/report/index.vue

@@ -158,12 +158,16 @@ export default {
    },
    // 搜索
    handSearchDay () {
      this.dailyForm.current = 1
      this.getDailyTable()
      if (this.dailyForm.workDay && this.dailyForm.orgId) {
        this.dailyForm.current = 1
        this.getDailyTable()
      } else { return this.$Message.warning('请选择时间和部门') }
    },
    handSearchMonth () {
      this.monthlyForm.current = 1
      this.getMonthTable()
      if (this.monthlyForm.month && this.monthlyForm.orgId) {
        this.monthlyForm.current = 1
        this.getMonthTable()
      } else { return this.$Message.warning('请选择时间和部门') }
    },
    // 分页
    onChangeDay (val) {
@@ -176,21 +180,21 @@ export default {
    },
    // 重置日报数据
    resetDailyData() {
      let now = new Date()
      this.dailyForm = {
        workDay: formatDateTime(now, 'yyyy-MM-dd'),
        userid: null,
        depId: '',
        orgId: '',
        current: 1,
        pageSize: 10
      }
      this.$nextTick(() => {
        this.dailyForm = {
          workDay: '',
          userid: null,
          depId: '',
          orgId: '',
          current: 1,
          pageSize: 10
        }
      })
    },
    // 重置月报数据
    resetMonthData() {
      let now = new Date()
      this.monthlyForm = {
        month: formatDateTime(new Date().setMonth(now.getMonth() - 1), 'yyyy-MM'),
        month: '',
        userid: null,
        depId: '',
        orgId: '',

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

@@ -60,9 +60,19 @@ export default {
    handlePlayerInited (player) {
      this.$player = player
      window.player = this
      var myButton = player.controlBar.addChild('button')
      myButton.addClass('vjs-play-control')
      myButton.on('click', () => {
      let distinguishBtn = player.controlBar.addChild('button')
      distinguishBtn.addClass('aidicon')
      distinguishBtn.addClass('aidicon-image-outline')
      distinguishBtn.setAttribute('title', '识别记录')
      distinguishBtn.size = '20'
      distinguishBtn.on('click', () => {
        this.$emit('goDistinguishRecord')
      })
      let repalyBtn = player.controlBar.addChild('button')
      repalyBtn.addClass('aidicon')
      repalyBtn.addClass('aidicon-piechart-outline')
      repalyBtn.setAttribute('title', '视频回放')
      repalyBtn.on('click', () => {
        this.$emit('videoReplay', this.list[0].id)
      })
    },

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

@@ -16,7 +16,7 @@
    </div>
    <div class="page-bottom">
      <div v-for="(item,index) in videoList" :key="index" :value="item.id" style="width:400px;margin:24px 0px 0 24px;">
        <rtmp-video :list="getVideoPlayList(item)" @videoReplay="handleReview"></rtmp-video>
        <rtmp-video :list="getVideoPlayList(item)" @goDistinguishRecord="goDistinguishRecord" @videoReplay="handleReview"></rtmp-video>
      </div>
    </div>
    <t-pager :page-size="videoPageSize" :current="videoCurrent" :total="videoTotal" :sizer-range="[ 5, 10, 20, 30 ]" class="pager" show-elevator @on-change="onChangeGate"></t-pager>
@@ -87,7 +87,6 @@ export default {
    getSceneList () {
      this.sceneList = []
      this.videoList = []
      console.log(this.organizationList)
      this.organizationList.forEach((element, index) => {
        if (element.id === this.gateFieldData) {
          sysapi.getMonitorScene(this.organizationList[index].id).then((resp) => {
@@ -100,7 +99,6 @@ export default {
    // 向服务器发送请求获取视频回放数据
    async queryMonitorVideoLog (data) {
      let res = []
      // console.log(this.beginDay, this.endDay)
      if (data) {
        res = await sysapi.queryMonitorVideoLog({ params: { id: this.replayId, ...data } })
      } else {
@@ -142,6 +140,7 @@ export default {
    getVideoSurveillanceData (id) {
      this.paramsObj.page = this.videoCurrent
      sysapi.getVideoSurveillanceData({ params: { monitorSceneId: id } }).then(res => {
        console.log(res);
        this.videoList = res.data.data
      })
    },
@@ -230,5 +229,12 @@ export default {
  .btn-outline-secondary {
    background: none;
  }
  .video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before{
    color:#0089d4;
    text-shadow: none;
  }
  .video-js .vjs-control{
    cursor: pointer;
  }
}
</style>

security-protection-platform/src/routes.js

@@ -40,6 +40,12 @@ export const constantRoutes = [
        path: '',
        component: () => import(/* webpackChunkName: "videoSurveillance" */ './modules/videoSurveillance'),
        meta: { title: '视频监控', icon: 'video' }
      },
      {
        path: '/videoSurveillance/distinguishRecord',
        component: () => import(/* webpackChunkName: "videoSurveillance" */ './modules/videoSurveillance/distinguishRecord'),
        meta: { title: '视频监控', icon: 'video' },
        hidden: true
      }
    ]
  },