Merge branch 'master' of http://10.1.235.20:3000/asiainfo/ebc

security-protection-platform/.aid/aid.js

    {
      url: '/sp',
      options: {
        target: 'http://10.19.90.34:8018',
        target: 'http://10.1.252.196:8018',
        // target: 'http://10.1.74.27:8018',
        changeOrigin: true,
        pathRewrite: {
          '^/sp': '/'
        }
        // pathRewrite: {
        //   '^/sp': '/'
        // }
      }
    },
  ]

security-protection-platform/src/conf/axios.config.js

        baseURL: '/sp'
    },
    picurl: {
      baseURL: 'http://10.19.90.34:19000/tool-image/'
      baseURL: 'http://10.1.194.18:9000/tool-image/'
    }
  }

security-protection-platform/src/layout/index.vue

  },
  mounted() {
    // 镜屏调用
    // this.connect()
    this.connect()
  },
  methods: {
    connect() {
      if (this.stompClient == null || !this.stompClient.connected()) {
        this.stompClient = new StompClient('ws://10.19.90.34:7200/stomp')
        this.stompClient = new StompClient('ws://10.1.252.196:7200/stomp')
        this.stompClient.connect('zhangsan', '123456', () => { this.connectCallback() }, () => { this.errorCallback() })
      } else {
        console.log('当前处于连接状态')

security-protection-platform/src/modules/access/component/instrumentRecord/index.vue

        <t-button color="primary" @click="btnsearch">查询</t-button>
        <t-button @click="reset">重置</t-button>
      </div>
       <t-button  icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
      <t-button color="primary" icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
    </div> -->
    <div class="track-container">
            </div>
          </div>
          <div class="btns">
            <t-button icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
            <t-button color="primary" icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
            <t-dropdown :visibled="customVisibled" trigger-mode="custom">
              <t-button slot="trigger" color="secondary" icon="tile-four-outline" class="trigger-button" @click="onTriggerClick"></t-button>
              <t-button slot="trigger" color="secondary" icon="tile-four-outline" @click="onTriggerClick"></t-button>
              <div slot="popper">
                <div style="border-radius: 5px;padding: 20px 20px 20px 20px;background-color: white;">
                  <t-checkbox-group v-model="social" vertical @change="checkAllGroupChange">
                </div>
              </div>
            </t-dropdown>
            <t-button color="secondary" icon="loading" class="reset-btn" @click="reset"></t-button>
          </div>
        </div>
        <div class="animate-demo-wrapper">
            <div v-show="slideVisible" class="transition-box allCondition">
              <div class="input-rule">
                <span>开始时间：</span>
                <t-date-picker :confirm="false" v-model="searchdata.beginDay" placeholder="请选择开始时间" style="width:320px;height:32px"></t-date-picker>
                <t-date-picker :confirm="false" v-model="searchdata.beginDay" placeholder="请选择开始时间" style="width:200px;height:32px"></t-date-picker>
              </div>
              <div class="input-rule">
                <span>结束时间：</span>
                <t-date-picker :confirm="false" v-model="searchdata.endDay" placeholder="请选择结束时间" style="width:320px;height:32px"></t-date-picker>
              </div>
              <a style="float:right;color:#0089d4;" @click="reset" href="javascript:;">重置</a>
            </div>
          </transition>
        </div>
            onImgLoaded()
          }, 3)
        } else {
          debugger
          e.box[0] = imgObject.width * e.box[0]
          e.box[1] = imgObject.height * e.box[1]
          e.box[2] = imgObject.width * e.box[2]
          e.box[3] = imgObject.height * e.box[3]
          that.newimage = getImagePortion(imgObject, e.box[2] - e.box[0], e.box[3] - e.box[1], e.box[0], e.box[1])
        }
      }
      justify-content: space-between;
      border: 1px solid rgba(0, 0, 0, 0.09);
      background-color: #f8f9fa;
      flex-wrap: nowrap;
      flex-wrap: wrap;
      padding: 20px;
      margin: 5px auto;
      align-items: center;
      .input-rule {
        flex: 1;
        width: 50%;
        min-width: 50%;
        max-width: 50%;
        padding: 10px 0 10px 20px;
      }
    }

security-protection-platform/src/modules/access/component/io-record/index.vue

        <t-button @click="reset">重置</t-button>
      </div>
       <t-button  icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
      <t-button color="primary" icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
    </div> -->
    <div class="track-container">
            </div>
          </div>
          <div class="btns">
            <t-button icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
            <t-button color="primary" icon="upload" style="width:128px;height:32px" class="upload">导出至Excel</t-button>
            <t-dropdown :visibled="customVisibled" trigger-mode="custom">
              <t-button slot="trigger" color="secondary" icon="tile-four-outline" class="trigger-button" @click="onTriggerClick"></t-button>
              <t-button slot="trigger" color="secondary" icon="tile-four-outline" @click="onTriggerClick"></t-button>
              <div slot="popper">
                <div style="border-radius: 5px;padding: 20px 20px 20px 20px;background-color: white;">
                  <t-checkbox-group v-model="social" vertical @change="checkAllGroupChange">
                </div>
              </div>
            </t-dropdown>
            <t-button color="secondary" icon="loading" class="reset-btn" @click="reset"></t-button>
          </div>
        </div>
        <div class="animate-demo-wrapper">
            <div v-show="slideVisible" class="transition-box allCondition">
              <div class="input-rule">
                <span>开始时间：</span>
                <t-date-picker :confirm="false" v-model="searchdata.beginDay" placeholder="请选择开始时间" style="width:320px;height:32px"></t-date-picker>
                <t-date-picker :confirm="false" v-model="searchdata.beginDay" placeholder="请选择开始时间" style="width:200px;height:32px"></t-date-picker>
              </div>
              <div class="input-rule">
                <span>结束时间：</span>
                <t-date-picker :confirm="false" v-model="searchdata.endDay" placeholder="请选择结束时间" style="width:320px;height:32px"></t-date-picker>
              </div>
              <a style="float:right;color:#0089d4;" @click="reset" href="javascript:;">重置</a>
            </div>
          </transition>
        </div>
      <t-table-column v-if="columns[4].show" :formatter="date_formatter" label="职务" prop="employeePositionZh" width="80px">
      </t-table-column>
      <t-table-column v-if="columns[5].show" :formatter="date_formatter" prop="simi" label="相似度" width="75px">
        <template v-slot="{row}">
          {{ getSimi(row) }}
        </template>
      </t-table-column>
      <t-table-column v-if="columns[6].show" :formatter="date_formatter" label="进出时间" prop="taskExecuteTime" width="160px">
      </t-table-column>
            onImgLoaded()
          }, 3)
        } else {
          e.box[0] = imgObject.width * e.box[0]
          e.box[1] = imgObject.height * e.box[1]
          e.box[2] = imgObject.width * e.box[2]
          e.box[3] = imgObject.height * e.box[3]
          that.newimage = getImagePortion(imgObject, e.box[2] - e.box[0], e.box[3] - e.box[1], e.box[0], e.box[1])
        }
      }
      } else {
        return cellValue
      }
    },
    getSimi (row) {
      return (row.simi.split('%')[0] - 0).toFixed(2) + '%'
    }
    // //将分数转换为小数
    // toPoint (percent) {
      justify-content: space-between;
      border: 1px solid rgba(0, 0, 0, 0.09);
      background-color: #f8f9fa;
      flex-wrap: nowrap;
      align-items: center;
      flex-wrap: wrap;
      padding: 20px;
      margin: 5px auto;
      .input-rule {
        flex: 1;
        width: 50%;
        min-width: 50%;
        max-width: 50%;
        padding: 10px 0 10px 20px;
      }
    }

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

<template>
  <div class="index" style="overflow:hidden;">
    <div :style="`background-image: url(${imgBg})`" class="top">
    <div :style="`background-image: url(${imgBg})`" class="top" >
      <img src="@/assets/images/AsiainfoLogo.png" class="top-logo">
      <div style="position: absolute;top:50%;left:54%;transform: translate(-50%,-50%);vertical-align: middle; color: white; font-size: 14px">
        <b> | AISI安防一体化平台</b>
          <div id="doughnut" style="height: 100%;width: 100%"></div>
        </div>
        <div :style="`height:34%;margin-top: 3%;`" class="body-left-item">
          <div id="div1" :style="`background-image: url(${titleImgBg})`" class="title">
          <div :style="`background-image: url(${titleImgBg})`" class="title" id="div1">
            <span class="title-span">告警分析</span>
          </div>
          <div id="bar" style="height: 100%;width: 100%"></div>
          <span class="title-span">重点区域监控</span>
        </div>
        <!--        <video-player ref="videoPlayer" :options="videoOptions" :playsinline="true" class="vjs-custom-skin videoPlayer"></video-player>-->
        <div id="div11">
          <video-player v-if="videoOptions !== {}" id="div111" ref="videoPlayer" :options="videoOptions" :playsinline="true" class="vjs-custom-skin videoPlayer">
        <div id="div11" style="padding-right: 7%;padding-left: 7%">
          <video-player v-if="videoOptions !== {}" ref="videoPlayer" :options="videoOptions" :playsinline="true"  id="div111" class="vjs-custom-skin videoPlayer">
          </video-player>
        </div>
import 'vue-video-player/src/custom-theme.css'
import 'videojs-flash'
import videojs from 'video.js'
import EventBus from '../../bus'
import EventBus from "../../bus";
window.videojs = videojs
require('video.js/dist/lang/zh-CN.js')
      month >= 10 ? month : '0' + month
      var day = value.getDate() >= 10 ? value.getDate() : '0' + value.getDate()
      var hours =
        value.getHours() >= 10 ? value.getHours() : '0' + value.getHours()
          value.getHours() >= 10 ? value.getHours() : '0' + value.getHours()
      var minutes =
        value.getMinutes() >= 10
          ? value.getMinutes()
          : '0' + value.getMinutes()
          value.getMinutes() >= 10
              ? value.getMinutes()
              : '0' + value.getMinutes()
      var seconds =
        value.getSeconds() >= 10
          ? value.getSeconds()
          : '0' + value.getSeconds()
          value.getSeconds() >= 10
              ? value.getSeconds()
              : '0' + value.getSeconds()
      return (
        year +
        '年' +
        month +
        '月' +
        day +
        '日 ' +
        hours +
        ':' +
        minutes +
        ':' +
        seconds
          year +
          '年' +
          month +
          '月' +
          day +
          '日 ' +
          hours +
          ':' +
          minutes +
          ':' +
          seconds
      )
    }
  },
    setInterval(() => { // 识别记录
      this.initRecognition()
    }, 5000)
    // console.log(textDom.nextSibling)
    // textDom.nextSibling.nodeValue = ''
    // EventBus.$on('sendAiData', (msg) => { // 获取镜屏推送消息
    //   console.log('已接收镜屏消息...')
    //   var oDiv = document.getElementById("div111");
    // })
  },
  methods: {
    testHKK (box, alarmMemo) {
    testHKK(box, alarmMemo) {
      var width = box[2] - box[0]
      var height = box[3] - box[1]
      var oDiv = document.getElementById('div111')
      var oDiv = document.getElementById("div111");
      // var aBox = this.getByClass(oDiv,"vjs-tech");
      // alert(aBox.length);
      var e = oDiv
      var div = document.createElement('div')
      var e = oDiv;
      var div = document.createElement("div");
      // div.className = "form-group";
      var del = document.createElement('p')
      var x = 10 + this.hkk
      this.hkk++
      del.innerHTML = '<div class="hkk" style="color: white;border: 2px solid #00d8f3;position: absolute;top: ' + box[1] + 'px;left: ' + box[0] + 'px;width: ' + width + 'px;height: ' + height + 'px;"> ' + alarmMemo + ' </div>'
      div.appendChild(del)
      e.appendChild(div)
      setTimeout(function () {
        del.remove()
      this.hkk ++
      del.innerHTML = '<div class="hkk" style="color: white;border: 2px solid #00d8f3;position: absolute;top: ' + box[1] + 'px;left: ' + box[0] + 'px;width: ' + width + 'px;height: ' + height + 'px;"> ' + alarmMemo + ' </div>';
      div.appendChild(del);
      e.appendChild(div);
      setTimeout(function() {
        del.remove();
      }, 3000)
    },
    findInArr (arr, n) {
      for (var i = 0; i < arr.length; i++) {
        if (arr[i] == n) {
          return true
    findInArr(arr,n){
      for(var i=0;i<arr.length;i++){
        if(arr[i] == n){
          return true;
        }
      }
      return false
      return false;
    },
    getByClass (oParent, sClass) {
      var ret = []
      var aEle = oParent.getElementsByTagName('*')
      for (var i = 0; i < aEle.length; i++) {
        var _aTmp = aEle[i].className.split(' ')
        if (this.findInArr(_aTmp, sClass)) {
          ret.push(aEle[i])
    getByClass(oParent,sClass){
      var ret = [];
      var aEle = oParent.getElementsByTagName("*");
      for(var i = 0; i < aEle.length; i++){
        var _aTmp = aEle[i].className.split(" ");
        if(this.findInArr(_aTmp,sClass)){
          ret.push(aEle[i]);
        }
      }
      return ret
      return ret;
    },
    async createMyButton () {
      this.$nextTick(() => {
        let start = document.getElementsByClassName('vjs-play-control vjs-control vjs-button')
        let volume = document.getElementsByClassName('vjs-volume-panel vjs-control vjs-volume-panel-horizontal')
        let text = document.getElementsByClassName('vjs-live-control vjs-control')
        // 删除直播文本节点
        let textDoms = document.querySelectorAll('.vjs-live-control .vjs-live-display .vjs-control-text')
        textDoms.forEach(item => {
          // 这样设置没用 不知道为啥 明明在nextTick中 真正的“直播”文本节点还是没选到
          item.nextSibling.nodeValue = ''
          // item.nextSibling.data = ''
        })
        bars.forEach((item, index) => {
          time.forEach(item => {
            item.remove()
          loop: false, // 导致视频一结束就重新开始。
          preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
          language: 'zh-CN',
          aspectRatio: '16:10', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
          aspectRatio: '4:3', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
          // fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
          // 是否流体自适应容器宽高
          fluid: true,
          data = data.slice(0, 4)
        }
        data.forEach(e => {
          if (e.employeeName == null || e.employeeName == '') {
          if (e.employeeName == null || e.employeeName == ''){
            e.employeeCode = '未识别成功'
          }
          e.simi = e.simi.split('.')[0] + '%'
          if (e.simi){
            e.simi = e.simi.split('.')[0] + '%'
          }else {
            e.simi = '0%'
          }
          e.newImg = e.idenPictureUrl
          var loadTimer
          var imgObject = new Image()
          imgObject.setAttribute('crossOrigin', 'anonymous')
          imgObject.src = e.idenPictureUrl
          imgObject.onLoad = onImgLoaded()
          imgObject.onload = onImgLoaded()
          function onImgLoaded () {
            if (loadTimer != null) clearTimeout(loadTimer)
            if (!imgObject.complete) {
                onImgLoaded()
              }, 3)
            } else {
              e.box[0] = imgObject.width * e.box[0]
              e.box[1] = imgObject.height * e.box[1]
              e.box[2] = imgObject.width * e.box[2]
              e.box[3] = imgObject.height * e.box[3]
              e.newImg = getImagePortion(imgObject, e.box[2] - e.box[0], e.box[3] - e.box[1], e.box[0], e.box[1])
            }
          }
            itemStyle: {
              normal: {
                color: new echarts.graphic.LinearGradient(
                  0, 0, 0, 1,
                  [
                    { offset: 0, color: '#00FEFF' },
                    { offset: 1, color: '#0C7EFC' }
                  ]
                    0, 0, 0, 1,
                    [
                      { offset: 0, color: '#00FEFF' },
                      { offset: 1, color: '#0C7EFC' }
                    ]
                ),
                label: {
                  show: true, // 是否展示
.vjs-tech {
  pointer-events: none;
}
.checkedIndex {
.checkedIndex{
  border: 1px solid #009bf3;
}
</style>

security-protection-platform/src/modules/system/devicemana/components/modal/addDeviceModal.vue

      },
      // 提交表单是否显示loading
      loadingSubmit: false,
      action: 'http://10.19.90.34:8018/sp/resourceTool/uploadResourceToolPicture',
      action: 'http://10.1.252.196:8018/sp/resourceTool/uploadResourceToolPicture',
      uploadList: () => []
    }
  },

security-protection-platform/src/modules/usermana/components/modal/addUser.vue

            multiple
            style="width:120px;height:160px;background-color:#FFFFFF;"
            type="drag"
            action="http://10.19.90.34:8018/sp/employeeManagement/uploadEmployeePicture"
            action="http://10.1.252.196:8018/sp/employeeManagement/uploadEmployeePicture"
            class="demo-upload-list"
            @success = "$_onUploadSuccess"
          >
            :before-upload="$_onUploadBeforeUpload"
            multiple
            type="drag"
            action="http://10.19.90.34:8018/sp/employeeManagement/uploadEmployeePicture"
            action="http://10.1.252.196:8018/sp/employeeManagement/uploadEmployeePicture"
            class="upload-edit"
            @success = "$_onUploadSuccess"
          >

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

    /*
   * 获取真实视频地址
   */
    // async getOriVideoUrl (fileId) {
    //   const res = await sysapi.getFileUrl(fileId)
    //   // fake
    //   return new Promise((resolve, reject) => {
    //     setTimeout(() => {
    //       const url = res.data.data.fileUrl
    //       resolve({
    //         url
    //       })
    //     }, 1000)
    //   })
    // },
    async getOriVideoUrl (fileId) {
      const res = await sysapi.getFileUrl(fileId)
      // fake
      return new Promise((resolve, reject) => {
        setTimeout(() => {
          const url = res.data.data.fileUrl
          resolve({
            url
          })
        }, 1000)
      })
    },
    getData () {
      this.$emit('get-list', { beginDay: this.beginDay, endDay: this.endDay })
    },
    resetData () {
      this.beginDay = formatDateTime(new Date(+new Date() - 10 * 60 * 1000), 'yyyy-MM-dd hh:mm:ss')
      this.endDay = formatDateTime(new Date(), 'yyyy-MM-dd hh:mm:ss')
      // this.getData()
    }
      this.getData()
    },
    // 刷新组件
    // reload () {
    //   this.isShow = false
    //   this.$nextTick(() => {
    //     this.isShow = true
    //   })
    // }
    reload () {
      this.isShow = false
      this.$nextTick(() => {
        this.isShow = true
      })
    }
  }
}
</script>

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

        <t-carousel dots="none" :speed="10000000000" arrow="always" style="width: 100%">
          <t-carousel-item v-for="(item1,index1) in dataImgList" :key="index1" style="width: 100%;padding-left: 10%">
            <div v-for="(item, index) in item1" :key="index" :src="item.idenPictureUrl" class="image-carousel">
              <img :src="'http://10.19.90.34:19000/ai-image/'+item.idenPictureUrl" class="img-viewer-size" @click="getParticularsData(item.aiIdenLogId,index)">
              <img :src="'http://10.1.194.18:9000/ai-image/'+item.idenPictureUrl" class="img-viewer-size" @click="getParticularsData(item.aiIdenLogId,index)">
              <span :class="{'fileName' : index === fileNameIndex}" style="width: 132px;margin-right: 14px;text-align:center">{{ item.fileName }}</span>
            </div>
          </t-carousel-item>
        aspectRatio: '13:10', // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
        // fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
        // 是否流体自适应容器宽高
        fluid: false,
        fluid: true,
        // // 设置视频播放器的显示宽度（以像素为单位）
        // width: '500px',
        // width: '100px',
        // // 设置视频播放器的显示高度（以像素为单位）
        height: 380,
        // height: '300px',
        sources: [{
          type: 'video/mp4', // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目
          type: 'application/x-mpegURL', // 这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目
          src: '' // url地址
        }],
        notSupportedMessage: '暂无视频可播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
        notSupportedMessage: '此视频暂无法播放，请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
        controlBar: {
          timeDivider: true,
          // durationDisplay: true,
        this.defineResult = res.data.data.alarmInfo.alarmMemo
        this.captureTIme = res.data.data.pictureInfo.fileDateTimeStr
        this.distinguishUrl = res.data.data.pictureInfo.fileUrl
        this.playerOptions.sources[0].src = res.data.data.videoInfo.videoFileUrl
        this.playerOptions.sources[0].src = res.data.data.videoInfo
      })
    },
    // 重置数据

security-protection-platform/src/router.js

     * 单客户端判断。
     * 参见src/frame.vue和src/store.js文件中的逻辑。
     */
    let isLogged = router.app.$options.store.getters.getLogged || sessionStorage.getItem('isLogged')
    console.log(isLogged)
    if (to.meta.ignoreAuth === true) {
      if (isLogged === true && to.path === '/login') {
        router.replace({ name: 'dashboard' })
      } else {
    // let isLogged = router.app.$options.store.getters.getLogged || sessionStorage.getItem('isLogged')
    // console.log(isLogged)
    // if (to.meta.ignoreAuth === true) {
    //   if (isLogged === true && to.path === '/login') {
    //     router.replace({ name: 'dashboard' })
    //   } else {
    //     next()
    //   }
    // } else {
    //   if (isLogged === false) {
    //     router.replace({ name: 'login' })
    //   } else {
        next()
      }
    } else {
      if (isLogged === false) {
        router.replace({ name: 'login' })
      } else {
        next()
      }
    }
    //   }
    // }
  })
  router.afterEach(() => {