feat:添加数据接口

(cherry picked from commit 69741d70386d8d4aa1ca0a27d572ab4b1c5fa738)

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

@@ -25,7 +25,7 @@ let totalData = Mock.mock({
    'success':true,
    'data|150': [{
    'videoId|+1':012013, //视频id
	'url':'/static/images/demo.png', // 图片url 临时
	  'url':'/static/images/demo.png', // 图片url 临时
    'videoDetail|1':['东门（安全帽识别、人脸识别）','西门（安全帽识别、人脸识别））','配电室（安全帽识别、人脸识别、抽烟识别）','南门（车辆识别）','集控室（人脸识别、玩手机识别）','1#电梯（人员摔倒识别 电梯门闭合识别)'], // 视频内容
    'id|+1':'101100', // 风场id
    'options1|+1':{ content: '识别记录', placement: 'top'},
@@ -38,7 +38,7 @@ let totalData = Mock.mock({
    'data|150': [{
    'videoId|+1': 012013,
    'imgUrl':'/static/images/demo.png',
    'devicePosition':'1#大门',
    'devicePosition|1':['1#大门','2#集控室'],
    'captureTIme':'@date',
    'defineResult':'张三、李四未佩戴安全帽；发现陌生人；',
    }],

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

@@ -7,15 +7,15 @@
      </div>
      <div class="col-4 button-box" align="end">
        <t-button color="primary" @click="getData">查询</t-button>
        <t-button>重置</t-button>
        <t-button @click="resetData">重置</t-button>
      </div>
    </div>
    <div class="page-content">
      <div class="distinguish">
        识别图片<img class="distinguish-img" src="/static/images/demo.png">
        识别图片<img :src="distinguishUrl" class="distinguish-img">
      </div>
      <div class="distinguish">
        识别视频<img class="distinguish-img" src="/static/images/demo.png">
        识别视频<img :src="distinguishUrl" class="distinguish-img">
      </div>
    </div>
    <div class="page-bottom">
@@ -23,10 +23,10 @@
        识别结果
        <div class="bottom-result">
          <div class="page-top row-12">
            <div class="result-txt col-6">设备位置:{{ devicePosition }}</div>
            <div class="result-txt col-6">抓拍时间:{{ captureTIme }}</div>
            <div class="result-txt col-6">设备位置：<span style="color:rgba(0, 0, 0, 0.65)">{{ devicePosition }}</span></div>
            <div class="result-txt col-6">抓拍时间：<span style="color:rgba(0, 0, 0, 0.65)">{{ captureTIme }}</span></div>
          </div>
          <div class="result-txt" style="margin-top:24px">识别结果:{{ defineResult }}</div>
          <div class="result-txt" style="margin-top:24px">识别结果：<span style="color:rgba(0, 0, 0, 0.65)">{{ defineResult }}</span></div>
        </div>
      </div>
      <div class="img-viewer">
@@ -49,6 +49,7 @@ export default {
      captureTIme: '',
      defineResult: '',
      devicePosition: '',
      distinguishUrl: '/static/images/demo.png',
      dataImg: [
        {
          url: '/static/images/demo.png'
@@ -95,6 +96,11 @@ export default {
        this.defineResult = res.data.defineResult
        this.captureTIme = res.data.captureTIme
      })
    },
    // 重置数据
    resetData() {
      this.startDate = ''
      this.endDate = ''
    }
  }
}