<template >
|
<div
|
style="width:1200px; min-width:1200px; overflow-x:scroll;width:expression_r(document.body.clientWidth < 1200 ?'1200px':'auto'); max-width:1800px;"
|
>
|
<div class="d-flex" style="overflow:auto;">
|
<!-- list.length>0&&list[0].personIsHub==='1' -->
|
<div
|
v-if="personIsHubShow"
|
variant="link"
|
:class="['table-type-btns',tableType === '1'?'active':'']"
|
@click="changeTableType('1','')"
|
>全部</div>
|
<div class="flex-vertical-center px-3" v-if="personIsHubShow">
|
<span class="text-light">|</span>
|
</div>
|
<div
|
v-if="personIsHubShow"
|
variant="link"
|
:class="['table-type-btns',tableType === '2'?'active':'']"
|
@click="changeTableType('2','0')"
|
>待确认({{noalarmSum}})</div>
|
<div class="flex-vertical-center px-3" v-if="personIsHubShow">
|
<span class="text-light">|</span>
|
</div>
|
<div
|
v-if="personIsHubShow"
|
variant="link"
|
:class="['table-type-btns',tableType === '3'?'active':'']"
|
@click="changeTableType('3','1')"
|
>已确认</div>
|
<div
|
v-show="numShow"
|
id="numShow"
|
:style="personIsHubShow?'float:right;margin:0px 0px 5px 60%;':'float:right;margin:0px 0px 5px 77%;'"
|
>
|
<label style="font-size:0.8rem;margin-left:100px">相似度：</label>
|
<el-input-number
|
v-model="num8"
|
size="small"
|
style="width:90px"
|
controls-position="right"
|
:min="1"
|
:max="100"
|
></el-input-number>
|
<button
|
v-show="numShow"
|
@click="getListByLiker()"
|
class="btn btn-primary btn-sm"
|
style="margin:0px 0px;width:60px;height:30px;"
|
> 确认</button>
|
</div>
|
<!-- <button v-show="numShow" @click="getList()" class="btn btn-primary btn-sm" style="margin:0px 0px;float:left;width:60px;height:30px;"> 确认</button> -->
|
</div>
|
|
<div class="row bg-white" style="margin:0px 0px;">
|
<div
|
class="col-md-12 col-lg-4 mb-5"
|
style="margin:0px 0px"
|
v-for="(item,index) in list"
|
:key="index"
|
>
|
<!-- 没有比较图 -->
|
<div
|
v-if="item.sdkType&&item.personPicUrl===''||item.personPicUrl==='wait todo'"
|
class
|
style="float:left;width:100%;"
|
>
|
<!-- 图片 -->
|
<div style="float:left;width:11vw;height:110px;">
|
<div
|
style="float: left;text-align: center;width:100%;;height:110px;background:#f1f1f1;border-style:solid; border-width:1px; border-color:#76bef7; "
|
v-if="item.picSmUrl!=null"
|
>
|
<httpImg
|
style="height:110px;max-width: 100%;max-height: 100%;padding: 0px 0px 0px 0px"
|
:src="item.picSmUrl"
|
></httpImg>
|
</div>
|
<!-- <div v-if="item.picSmUrl!=null" style="float:left;text-align: center;width:50%;;height:110px;background:#f1f1f1;border-style:solid; border-width:1px; border-color:#76bef7; border-left:0px">
|
</div>-->
|
</div>
|
<!-- 图片 end-->
|
<!-- 图片下的并排按钮 -->
|
<div style="position: absolute;float: left;margin: 115px 0px 0px 0px;">
|
<button
|
@click="detail2(item)"
|
type="button"
|
class="btn btn-outline-primary icon-btn borderless btn-sm"
|
title="查看详情"
|
>
|
<span style="font-size:17px" class="far fa-list-alt"></span>
|
</button>
|
</div>
|
<!-- 图片下的并排按钮 end-->
|
<!-- 详细信息和按钮 -->
|
<div style="float:left;width:48%;height:110px;margin:0px 0px 30px -10px">
|
<ul class="ulcomY" v-if="item.picSmUrl!=null">
|
<li
|
class="omit"
|
:title="item.picDate.substring(0,19)"
|
> {{item.picDate.substring(0,19)}}</li>
|
<li class="omit" :title="item.picAddress"> {{item.picAddress}}</li>
|
<li class="omit"> {{item.Gender}} {{item.Race}} {{item.Age}}</li>
|
<li
|
class="omit"
|
:title="item.viType"
|
v-if="item.viType"
|
:class="item.personIsHub==='1'||item.personIsHub==='4'? 'red1' : 'green1' "
|
>
|
<b> {{item.BaseName}}</b>
|
</li>
|
<li
|
class="omit"
|
:title="item.sdkType"
|
v-if="item.sdkType"
|
:class="item.personIsHub==='1'||item.personIsHub==='4'? 'red1' : 'green1' "
|
>
|
<b> {{item.sdkType}}</b>
|
</li>
|
<li class="omit" :title="item.miaoshu"> {{item.miaoshu}}</li>
|
<li>
|
<button
|
@click="verify(item,index)"
|
v-if="item.picSmUrl!=null&&item.personIsHub==='1'"
|
class="btn btn-primary btn-sm"
|
:id="index"
|
style="margin:0px 0px;height:1.5rem"
|
> {{item.queren}}</button>
|
</li>
|
</ul>
|
</div>
|
<!-- 详细信息和按钮 end-->
|
</div>
|
<!-- 没有比较图 end-->
|
<!-- 有比较图 -->
|
<div
|
v-if="item.sdkType&&item.personPicUrl!=='wait todo'&&item.personPicUrl!==''"
|
class
|
style="float:left;width:100%;"
|
>
|
<!-- 两张图片 -->
|
<div style="float:left;width:11vw;height:110px;overflow:hidden">
|
<div
|
style="float: left;text-align:center;width:50%;height:110px;background:#dfe6ec;border-style:solid; border-width:1px; border-color:#76bef7; border-right:0px"
|
>
|
<httpImg
|
style="height:110px;max-width: 110px;max-height: 110px; "
|
:src="item.picSmUrl"
|
></httpImg>
|
</div>
|
<div
|
v-if="item.picSmUrl!=null"
|
style="float:left;text-align: center;width:50%;height:110px;background:#dfe6ec;border-style:solid; border-width:1px; border-color:#76bef7; border-left:0px"
|
>
|
<httpImg
|
style="height:110px;max-width: 110px;max-height: 110px;"
|
:src="item.personPicUrl"
|
></httpImg>
|
</div>
|
<!-- 中间的比较图片，如98% -->
|
<div
|
v-if="item.likePer"
|
:class="item.personIsHub==='1'||item.personIsHub==='4'? 'percentage114-r' : 'percentage114-g' "
|
>{{item.likePer}}%</div>
|
<!-- 中间的比较图片，如98% end-->
|
</div>
|
<!-- 两张图片 end-->
|
<!-- 详细信息和按钮 -->
|
<div style="float:left;width:48%;height:110px;margin:0px -10px">
|
<ul class="ulcomY" v-if="item.picSmUrl!=null">
|
<li
|
class="omit"
|
:title="item.picDate.substring(0,19)"
|
> {{item.picDate.substring(0,19)}}</li>
|
<li class="omit" :title="item.picAddress"> {{item.picAddress}}</li>
|
<li class="omit"> {{item.Gender}} {{item.Race}} {{item.Age}}</li>
|
<li
|
:title="item.BaseName"
|
v-if="item.sdkType==='1'||item.sdkType==='人脸'"
|
:class="item.personIsHub==='1'||item.personIsHub==='4'? 'red1 omit' : 'green1 omit' "
|
>
|
<b> {{item.BaseName}}</b>
|
</li>
|
<li
|
:title="item.sdkType"
|
v-if="item.sdkType!=='1'&& item.sdkType!=='人脸'"
|
:class="item.personIsHub==='1'||item.personIsHub==='4'? 'red1 omit' : 'green1 omit' "
|
>
|
<b> {{item.sdkType}}</b>
|
</li>
|
<li class="omit" :title="item.miaoshu"> {{item.miaoshu}}</li>
|
<li>
|
<button
|
v-if="item.personIsHub==='1'"
|
@click="verify(item,index)"
|
class="btn btn-primary btn-sm"
|
:id="index"
|
style="margin:0px 0px"
|
> {{item.queren}}</button>
|
</li>
|
</ul>
|
</div>
|
<!-- 详细信息和按钮 end-->
|
<!-- 图片下的并排按钮 -->
|
<div style="float:left;margin:5px 0px">
|
<button
|
@click="detail2(item)"
|
type="button"
|
class="btn btn-outline-primary icon-btn borderless btn-sm"
|
title="查看详情"
|
>
|
<span style="font-size:17px" class="far fa-list-alt"></span>
|
</button>
|
<button
|
@click="searchPerson(index)"
|
type="button"
|
class="btn btn-outline-primary icon-btn borderless btn-sm"
|
title="查找此人"
|
>
|
<span style="font-size:17px" class="fas fa-user-circle"></span>
|
</button>
|
<button
|
@click="orbit(index)"
|
type="button"
|
class="btn btn-outline-primary icon-btn borderless btn-sm"
|
title="查看轨迹"
|
>
|
<span style="font-size:17px" class="ion ion-logo-polymer"></span>
|
</button>
|
<button
|
@click="control(index)"
|
type="button"
|
class="btn btn-outline-primary icon-btn borderless btn-sm"
|
title="加入布控"
|
>
|
<span style="font-size:17px" class="d-block fas fa-shield-alt pb5"></span>
|
</button>
|
</div>
|
<!-- 图片下的并排按钮 end-->
|
</div>
|
<!-- 有比较图 end-->
|
<!-- 各种小图标 -->
|
<div v-show="select===index&&left" class="c1" @click="noSelectleftm()"></div>
|
<div v-show="select===index&&right" class="c2" @click="noSelectrightm()"></div>
|
<div v-show="select===index&&noSelectleft" class="c3" @click="leftm()"></div>
|
<div v-show="select===index&&noSelectright" class="c4" @click="rightm()"></div>
|
<button
|
v-show="select===index&&confirmshowleft"
|
@click="confirmshowleftm()"
|
class="c5 btn btn-sm"
|
>取消</button>
|
<button
|
v-show="select===index&&confirmshowleft"
|
@click="confirmshowleftm(item)"
|
class="c6 btn btn-sm"
|
>确定</button>
|
<button
|
v-show="select===index&&confirmshowright"
|
@click="confirmshowrightm()"
|
class="c7 btn btn-sm"
|
>取消</button>
|
<button
|
v-show="select===index&&confirmshowright"
|
@click="confirmshowrightm(item)"
|
class="c8 btn btn-sm"
|
>确定</button>
|
<!-- 各种小图标 end-->
|
<!-- 横线 -->
|
<hr v-if="index>2" style="margin:-25px -20px">
|
<!-- 横线 end-->
|
</div>
|
</div>
|
<div class="pt20" style="width:100%">
|
<b-pagination
|
class="justify-content-center m-0"
|
v-if="total"
|
v-model="currentPage"
|
@change="changePage"
|
:total-rows="total"
|
:per-page="length"
|
/>
|
</div>
|
|
<!-- <div>
|
<siliderModel :BigPicParam="BigPic" :accompanyPersonParam="accompanyPerson" :parentData="childrenData" ref="siliderModelForBijiao"></siliderModel>
|
<sdkTypeModel ref="sdkTypeModelForBijiao"></sdkTypeModel>
|
</div>-->
|
</div>
|
</template>
|
<script>
|
import {
|
findEsData,
|
updateEsToAlarm,
|
addFromRetrieve,
|
accompanyPerson,
|
getVideoByCServer,
|
getBigPic
|
} from '../../../../server/searchList/commomList.js'
|
import siliderModel from '../model/siliderModel'
|
import sdkTypeModel from '../model/sdkTypeModel'
|
import { mapActions } from 'vuex'
|
import { InputNumber } from 'element-ui'
|
import siliderModelNew from '../model/siliderModelNew'
|
import siliderModelMV from '../model/siliderModelMV'
|
export default {
|
components: {
|
findEsData,
|
addFromRetrieve,
|
updateEsToAlarm,
|
siliderModel,
|
mapActions,
|
sdkTypeModel,
|
elInputNumber: InputNumber,
|
siliderModelNew,
|
siliderModelMV,
|
accompanyPerson,
|
getVideoByCServer,
|
getBigPic
|
},
|
props: {},
|
data() {
|
return {
|
data: [],
|
widthLongOrShort: false, // long：true; short:false
|
personIsHubShow: false,
|
num8: 60,
|
numShow: false,
|
howDo: '',
|
alarmSum: 0,
|
totalSum: 0,
|
noalarmSum: 0,
|
BigPic: {},
|
accompanyPerson: {},
|
childrenData: {},
|
tableType: '1',
|
list: [],
|
length: 30,
|
currentPage: 1,
|
total: 0,
|
confirmshow: false,
|
select: 0,
|
noSelectleft: false,
|
noSelectright: false,
|
left: false,
|
right: false,
|
confirmshowright: false,
|
confirmshowleft: false,
|
parameter: {
|
ack_alarm: '',
|
cluId: '',
|
content: '',
|
contents: [],
|
dataBaseList: [],
|
endDate: '2019-01-10 05:51:19',
|
indeviceid: [],
|
page: 1,
|
recordType: 'alarm',
|
sdkType: [],
|
size: 30,
|
startDate: '2019-01-04 05:51:19',
|
isAlermSum: true
|
}
|
}
|
},
|
created() {
|
// this.f()
|
// this.getList()
|
},
|
methods: {
|
...mapActions(['openNewWindowtab']),
|
setWidthLong() {
|
document.getElementById('numShow').style.margin = this.personIsHubShow
|
? '0px 0px 5px 69%'
|
: '0px 0px 5px 82%'
|
},
|
setWidthShort() {
|
document.getElementById('numShow').style.margin = this.personIsHubShow
|
? '0px 0px 5px 60%'
|
: '0px 0px 5px 77%'
|
},
|
async getAccompanyPerson(paramw) {
|
this.data.splice(0, this.data.length)
|
// let res = await accompanyPerson(this.params)
|
let res = await accompanyPerson(paramw)
|
if (res && res.success) {
|
this.data = res.data.personList
|
// this.data.push(this.data[0])
|
// this.data.push(this.data[0])
|
// this.data.push(this.data[0])
|
// this.data.push(this.data[0])
|
// this.data.push(this.data[0])
|
}
|
for (let i = 0; i < this.data.length; i++) {
|
if (this.data[i].name) {
|
this.data[i].miaoshu = this.data[i].name
|
if (this.data[i].gender) {
|
this.data[i].miaoshu =
|
this.data[i].miaoshu + '/' + this.data[i].gender
|
}
|
if (this.data[i].cardId) {
|
this.data[i].miaoshu =
|
this.data[i].miaoshu + '/' + this.data[i].cardId
|
}
|
if (this.data[i].no) {
|
this.data[i].miaoshu = this.data[i].miaoshu + '/' + this.data[i].no
|
}
|
if (this.data[i].phone) {
|
this.data[i].miaoshu =
|
this.data[i].miaoshu + '/' + this.data[i].phone
|
}
|
if (this.data[i].orgName) {
|
this.data[i].miaoshu =
|
this.data[i].miaoshu + '/' + this.data[i].orgName
|
}
|
}
|
}
|
},
|
changeTableType(num, str) {
|
this.tableType = num
|
this.parameter.ack_alarm = str
|
this.parameter.page = 1
|
this.currentPage = 1
|
// this.parameter.page = this.parameter.page + 1
|
this.getList()
|
},
|
objExitSArray(obj, arr) {
|
for (let i = 0; i < arr.length; i++) {
|
if (arr[i] === obj) {
|
return true
|
}
|
}
|
return false
|
},
|
// 从传过来的参数判断PersonIsHub是否为'1'
|
getPersonIsHub(obj) {
|
if (obj.recordData.recordType === 'alarm') {
|
return true
|
}
|
let arr = obj.recordData.data
|
for (let i = 0; i < arr.length; i++) {
|
for (let j = 0; j < arr[i].dblist.length; j++) {
|
if (arr[i].dblist[j].status && arr[i].dblist[j].personIsHub === '1') {
|
return true
|
}
|
}
|
}
|
return false
|
},
|
getListByLiker() {
|
this.parameter.page = 1
|
this.currentPage = 1
|
this.tableType = '1'
|
this.parameter.ack_alarm = ''
|
this.getList()
|
},
|
async getList(param) {
|
this.confirmshowrightm()
|
this.list.splice(0, this.list.length)
|
if (param) {
|
this.tableType = '1'
|
this.parameter.ack_alarm = ''
|
this.parameter.indeviceid = param.indeviceid.indeviceid
|
this.parameter.cluId =
|
param.indeviceid.indeviceid.length > 0 ? '' : param.currentItem.type
|
this.parameter.content = param.content
|
this.parameter.dataBaseList = param.recordData.dataBaseList
|
this.personIsHubShow = this.getPersonIsHub(param)
|
this.parameter.endDate = param.dateTime[1]
|
this.parameter.sdkType = param.sdkData.sdkType
|
this.parameter.startDate = param.dateTime[0]
|
this.parameter.recordType = param.recordData.recordType
|
this.parameter.page = 1
|
this.currentPage = 1
|
}
|
let b = this.objExitSArray('人脸', this.parameter.sdkType)
|
if (this.parameter.sdkType.length === 0 || b) {
|
this.numShow = true
|
this.parameter.likePer = this.num8
|
} else {
|
this.numShow = false
|
this.parameter.likePer = this.num8
|
delete this.parameter['likePer']
|
// console.log(this.parameter)
|
}
|
let nowMaxPage = Math.trunc((this.total + this.length - 1) / this.length)
|
nowMaxPage = nowMaxPage > 1 ? nowMaxPage : 1
|
if (nowMaxPage <= this.currentPage) {
|
this.parameter.page = nowMaxPage
|
this.currentPage = nowMaxPage
|
}
|
let res = await findEsData(this.parameter)
|
// console.log(res, '比较列表findEsData的数据')
|
if (res && res.success) {
|
this.total = parseInt(res.data.total)
|
this.totalSum = parseInt(res.data.allAlarmSum)
|
this.alarmSum = res.data.alarmSum
|
this.noalarmSum = res.data.noAlarmSum
|
|
this.list = res.data.esList
|
// console.log(this.list, '比较列表的数据')
|
for (let i = 0; i < this.list.length; i++) {
|
this.list[i].miaoshu = ''
|
if (this.list[i].name) {
|
this.list[i].miaoshu = this.list[i].name
|
if (this.list[i].gender) {
|
this.list[i].miaoshu =
|
this.list[i].miaoshu + '/' + this.list[i].gender
|
}
|
if (this.list[i].cardId) {
|
this.list[i].miaoshu =
|
this.list[i].miaoshu + '/' + this.list[i].cardId
|
}
|
if (this.list[i].no) {
|
this.list[i].miaoshu =
|
this.list[i].miaoshu + '/' + this.list[i].no
|
}
|
if (this.list[i].phone) {
|
this.list[i].miaoshu =
|
this.list[i].miaoshu + '/' + this.list[i].phone
|
}
|
if (this.list[i].orgName) {
|
this.list[i].miaoshu =
|
this.list[i].miaoshu + '/' + this.list[i].orgName
|
}
|
}
|
if (this.list[i].ack_alarm === '1') {
|
this.list[i].queren = ' 已确认'
|
} else {
|
this.list[i].queren = '报警确认'
|
}
|
}
|
this.bushang()
|
}
|
},
|
bushang() {
|
let s = 3 - (this.list.length % 3)
|
s = s === 3 ? s - 3 : s
|
for (let i = 0; i < s; i++) {
|
let obj = {}
|
this.list.push(obj)
|
}
|
},
|
noSelectleftm() {
|
this.noSelectleft = true
|
this.noSelectright = true
|
this.left = false
|
this.right = false
|
this.confirmshowright = false
|
this.confirmshowleft = false
|
},
|
noSelectrightm() {
|
this.noSelectleft = true
|
this.noSelectright = true
|
this.left = false
|
this.right = false
|
this.confirmshowright = false
|
this.confirmshowleft = false
|
},
|
leftm() {
|
this.noSelectleft = false
|
this.noSelectright = true
|
this.left = true
|
this.right = true
|
this.confirmshowright = false
|
this.confirmshowleft = true
|
},
|
rightm() {
|
this.noSelectleft = true
|
this.noSelectright = false
|
this.left = false
|
this.right = true
|
this.confirmshowright = true
|
this.confirmshowleft = false
|
},
|
confirmshowleftm(item1) {
|
this.noSelectleft = false
|
this.noSelectright = false
|
this.left = false
|
this.right = false
|
this.confirmshowright = false
|
this.confirmshowleft = false
|
if (!item1) {
|
return
|
}
|
switch (this.howDo) {
|
case 'control':
|
if (item1 && item1 !== null) {
|
let json = {
|
dbInfos: [
|
{
|
cluId: item1.cluster_id,
|
devId: item1.indeviceid
|
}
|
],
|
imgUrl: item1.picSmUrl,
|
featureBase64: item1.FaceFeature,
|
idCard: item1.cardId ? item1.cardId : ''
|
}
|
let res = addFromRetrieve(json)
|
if (res && res.success) {
|
this.$toast({
|
type: 'primary',
|
message: '已加入待布控表',
|
toastHorizontalPosition: 'right'
|
})
|
} else {
|
this.$toast({
|
type: 'error',
|
message: '加入待布控表失败',
|
toastHorizontalPosition: 'right'
|
})
|
}
|
}
|
break
|
case 'detail':
|
const BigPicjson = {
|
videoNum: item1.videoNum,
|
picDate: item1.picDate,
|
videoIp: item1.videoIp,
|
indeviceid: item1.indeviceid
|
}
|
this.BigPic = { ...BigPicjson }
|
const accompanyPersonjson = {
|
videoReqNum: item1.videoReqNum,
|
picDate: item1.picDate,
|
personId: item1.personId,
|
Id: item1.Id
|
}
|
this.accompanyPerson = { ...accompanyPersonjson }
|
this.childrenData = { ...item1 }
|
if (item1.sdkType === '1' || item1.sdkType === '人脸') {
|
this.$refs.siliderModelForBijiao.showModel(BigPicjson)
|
} else {
|
this.$refs.sdkTypeModelForBijiao.showModel(BigPicjson)
|
}
|
break
|
case 'searchPerson':
|
this.openNewWindowtab({
|
urlStr: window.document.location.href.substring(
|
0,
|
window.document.location.href.indexOf('#') + 2
|
),
|
query:
|
'tabType=table&tableType=mapList&urlPath=' +
|
item1.picSmUrl +
|
'&liker=' +
|
this.$parent.threshold
|
})
|
break
|
case 'orbit':
|
localStorage.setItem('personId', item1.personId)
|
let jsonstr = localStorage.getItem('sear')
|
let json = JSON.parse(jsonstr)
|
json.path = item1.picSmUrl
|
localStorage.setItem('searParams', JSON.stringify(json))
|
this.openNewWindowtab({
|
urlStr: window.document.location.href.substring(
|
0,
|
window.document.location.href.indexOf('#') + 2
|
),
|
query: 'tabType=map'
|
})
|
break
|
default:
|
this.$toast({
|
type: 'error',
|
message: '数据错误'
|
})
|
break
|
}
|
},
|
confirmshowrightm(item1) {
|
this.noSelectleft = false
|
this.noSelectright = false
|
this.left = false
|
this.right = false
|
this.confirmshowright = false
|
this.confirmshowleft = false
|
if (!item1) {
|
return
|
}
|
switch (this.howDo) {
|
case 'control':
|
if (item1 && item1 !== null) {
|
let json = {
|
dbInfos: [
|
{
|
cluId: item1.cluster_id,
|
devId: item1.indeviceid
|
}
|
],
|
imgUrl: item1.personPicUrl,
|
featureBase64: item1.FaceFeature,
|
idCard: item1.cardId ? item1.cardId : ''
|
}
|
let res = addFromRetrieve(json)
|
if (res && res.success) {
|
this.$toast({
|
type: 'primary',
|
message: '已加入待布控表',
|
toastHorizontalPosition: 'right'
|
})
|
} else {
|
this.$toast({
|
type: 'error',
|
message: '加入待布控表失败',
|
toastHorizontalPosition: 'right'
|
})
|
}
|
}
|
break
|
case 'detail':
|
const BigPicjson = {
|
videoNum: item1.videoNum,
|
picDate: item1.picDate,
|
videoIp: item1.videoIp,
|
indeviceid: item1.indeviceid
|
}
|
this.BigPic = { ...BigPicjson }
|
const accompanyPersonjson = {
|
videoReqNum: item1.videoReqNum,
|
picDate: item1.picDate,
|
personId: item1.personId,
|
Id: item1.Id
|
}
|
this.accompanyPerson = { ...accompanyPersonjson }
|
this.childrenData = { ...item1 }
|
if (item1.sdkType === '1' || item1.sdkType === '人脸') {
|
this.$refs.siliderModelForBijiao.showModel(BigPicjson)
|
} else {
|
this.$refs.sdkTypeModelForBijiao.showModel(BigPicjson)
|
}
|
break
|
case 'searchPerson':
|
this.openNewWindowtab({
|
urlStr: window.document.location.href.substring(
|
0,
|
window.document.location.href.indexOf('#') + 2
|
),
|
query:
|
'tabType=table&tableType=mapList&urlPath=' +
|
item1.personPicUrl +
|
'&liker=' +
|
this.$parent.threshold
|
})
|
break
|
case 'orbit':
|
localStorage.setItem('personId', item1.personId)
|
let jsonstr = localStorage.getItem('sear')
|
let json = JSON.parse(jsonstr)
|
json.path = item1.personPicUrl
|
localStorage.setItem('searParams', JSON.stringify(json))
|
this.openNewWindowtab({
|
urlStr: window.document.location.href.substring(
|
0,
|
window.document.location.href.indexOf('#') + 2
|
),
|
query: 'tabType=map'
|
})
|
break
|
default:
|
this.$toast({
|
type: 'error',
|
message: '数据错误'
|
})
|
break
|
}
|
},
|
changePage(e) {
|
this.currentPage = parseInt(e)
|
this.parameter.page = parseInt(e)
|
this.confirmshowrightm()
|
this.getList()
|
},
|
async detail2(item1) {
|
this.select = -1
|
|
const BigPicjson = {
|
videoNum: item1.videoNum,
|
picDate: item1.picDate,
|
videoIp: item1.videoIp,
|
indeviceid: item1.indeviceid,
|
imgKey: item1.imgKey
|
}
|
let videoRes = await getVideoByCServer(BigPicjson)
|
let videoUrl = ''
|
if (videoRes && videoRes.success) {
|
videoUrl = videoRes.data.filepath
|
}
|
if (item1.sdkType === '1') {
|
const accompanyPersonjson = {
|
videoReqNum: item1.videoReqNum,
|
picDate: item1.picDate,
|
personId: item1.personId,
|
Id: item1.Id
|
}
|
this.getAccompanyPerson(accompanyPersonjson)
|
let res = await getBigPic(BigPicjson)
|
// if (this.data.length > 0) {
|
// for (let i = 0; i < 5; i++) {
|
// this.data.push(this.data[0])
|
// }
|
// }
|
this.$layer.iframe({
|
content: {
|
content: siliderModelMV,
|
parent: this,
|
data: {
|
url1: res && res.success ? res.data.img_url : '',
|
url2: videoUrl,
|
parentDataStr: JSON.stringify({ ...item1 }),
|
accompanyPersonArrayStr: JSON.stringify(this.data)
|
}
|
},
|
area: ['850px', '620px'],
|
title: '详情',
|
maxmin: true,
|
shade: false
|
})
|
} else {
|
this.$layer.iframe({
|
content: {
|
content: siliderModelNew,
|
parent: this,
|
data: {
|
url1: item1.picSmUrl,
|
url2: videoUrl
|
}
|
},
|
area: 'auto',
|
title: '详情',
|
maxmin: true,
|
shade: false
|
})
|
}
|
// const BigPicjson = {
|
// videoNum: item1.videoNum,
|
// picDate: item1.picDate,
|
// videoIp: item1.videoIp,
|
// indeviceid: item1.indeviceid,
|
// imgKey: item1.imgKey
|
// }
|
// this.BigPic = {...BigPicjson}
|
// const accompanyPersonjson = {
|
// videoReqNum: item1.videoReqNum,
|
// picDate: item1.picDate,
|
// personId: item1.personId,
|
// Id: item1.Id
|
// }
|
// this.accompanyPerson = {...accompanyPersonjson}
|
// this.childrenData = {...item1}
|
// if (item1.sdkType === '1' || item1.sdkType === '人脸') {
|
// this.$refs.siliderModelForBijiao.showModel(BigPicjson)
|
// } else {
|
// this.$refs.sdkTypeModelForBijiao.showModel(BigPicjson, item1.picSmUrl)
|
// }
|
},
|
detail(index) {
|
this.howDo = 'detail'
|
this.setShow(index)
|
// const BigPicjson = {
|
// videoNum: item1.videoNum,
|
// picDate: item1.picDate,
|
// videoIp: item1.videoIp,
|
// indeviceid: item1.indeviceid
|
// }
|
// this.BigPic = {...BigPicjson}
|
// const accompanyPersonjson = {
|
// videoReqNum: item1.videoReqNum,
|
// picDate: item1.picDate,
|
// personId: item1.personId,
|
// Id: item1.Id
|
// }
|
// this.accompanyPerson = {...accompanyPersonjson}
|
// this.childrenData = {...item1}
|
// if (item1.sdkType === '1' || item1.sdkType === '人脸') {
|
// this.$refs.siliderModelForBijiao.showModel(BigPicjson)
|
// } else {
|
// this.$refs.sdkTypeModelForBijiao.showModel(BigPicjson)
|
// }
|
},
|
async searchPerson(index) {
|
this.howDo = 'searchPerson'
|
this.setShow(index)
|
// this.openNewWindowtab({
|
// urlStr:window.document.location.href.substring(0, window.document.location.href.indexOf('#') + 2),
|
// query: 'tabType=table&tableType=mapList&urlPath=' + obj.picSmUrl
|
// })
|
},
|
// 查看轨迹
|
orbit(index) {
|
localStorage.removeItem('esList') // 清除esList
|
this.howDo = 'orbit'
|
this.setShow(index)
|
// let jsonstr = localStorage.getItem('sear')
|
// let json = JSON.parse(jsonstr)
|
// json.path = obj.picSmUrl
|
// localStorage.setItem('searParams', JSON.stringify(json))
|
// this.openNewWindowtab({
|
// urlStr:window.document.location.href.substring(0, window.document.location.href.indexOf('#') + 2),
|
// query: 'tabType=map'
|
// })
|
},
|
control(index) {
|
this.howDo = 'control'
|
this.setShow(index)
|
},
|
// 设置八个小按钮如何显示
|
setShow(index) {
|
this.select = index
|
this.noSelectleft = true
|
this.noSelectright = true
|
this.left = false
|
this.right = false
|
this.confirmshowright = false
|
this.confirmshowleft = false
|
},
|
// 修改已确认
|
async verify(obj, num) {
|
if (obj.ack_alarm === '1') {
|
return
|
}
|
this.total = this.total - 1
|
let res = await updateEsToAlarm({
|
id: obj.Id,
|
ack_alarm: obj.ack_alarm
|
})
|
if (res && res.success) {
|
setTimeout(() => {
|
this.getList()
|
this.$toast({
|
type: 'primary',
|
message: res.msg
|
})
|
}, 0)
|
} else {
|
this.$toast({
|
type: 'error',
|
message: res.msg
|
})
|
}
|
}
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
.table-type-btns {
|
font-size: 14px;
|
padding: 10px 0px;
|
font-weight: 400;
|
color: #868686;
|
transition: all 0.5s;
|
cursor: pointer;
|
&:after {
|
content: '';
|
display: block;
|
background: transparent;
|
width: 0%;
|
height: 2px;
|
transition: all 0.5s;
|
}
|
&.active {
|
color: #35bde7;
|
&:after {
|
background: #35bde7;
|
width: 100%;
|
}
|
}
|
}
|
.c1 {
|
text-align: center;
|
background: url('/static/img/search/select.png');
|
height: 18px;
|
float: left;
|
width: 18px;
|
color: white;
|
cursor: pointer;
|
margin: -135px 0px 0px 10px;
|
}
|
.c2 {
|
text-align: center;
|
background: url('/static/img/search/select.png');
|
height: 18px;
|
float: left;
|
width: 18px;
|
color: white;
|
cursor: pointer;
|
margin: -135px 0px 0px 27%;
|
}
|
.c3 {
|
text-align: center;
|
background: url('/static/img/search/noselect.png');
|
height: 18px;
|
float: left;
|
width: 18px;
|
color: white;
|
cursor: pointer;
|
margin: -135px 0px 0px 10px;
|
}
|
|
.c4 {
|
text-align: center;
|
background: url('/static/img/search/noselect.png');
|
height: 18px;
|
float: left;
|
width: 18px;
|
color: white;
|
cursor: pointer;
|
margin: -135px 0px 0px 27%;
|
}
|
.c5 {
|
text-align: center;
|
padding: 0rem 0.35rem;
|
background: #68838b;
|
height: 20px;
|
float: left;
|
width: 35px;
|
color: white;
|
margin: -85px 0px 0px 10px;
|
}
|
|
.c6 {
|
text-align: center;
|
background: #04cdff;
|
padding: 0rem 0.35rem;
|
height: 20px;
|
float: left;
|
width: 35px;
|
color: white;
|
margin: -85px 0px 0px 70px;
|
}
|
|
.c7 {
|
text-align: center;
|
padding: 0rem 0.35rem;
|
background: #68838b;
|
height: 20px;
|
float: left;
|
width: 35px;
|
color: white;
|
margin: -85px 0px 0px 27%;
|
}
|
.c8 {
|
text-align: center;
|
padding: 0rem 0.35rem;
|
background: #04cdff;
|
height: 20px;
|
float: left;
|
width: 35px;
|
color: white;
|
margin: -85px 0px 0px 40%;
|
}
|
.zuhe {
|
// float: left;
|
// width: 130px;
|
// height: 130px;
|
border: 2px solid #76bef7;
|
// overflow: hidden;
|
}
|
.imgdiv {
|
float: left;
|
width: 49%;
|
}
|
.img43 {
|
width: 150px;
|
height: 150px;
|
// max-width: 100%;
|
// max-height: 100%;
|
}
|
.percentage114-r {
|
text-align: center;
|
background: url('/static/img/search/red.png');
|
height: 20px;
|
float: left;
|
width: 75px;
|
color: white;
|
margin: 90px -65% !important;
|
}
|
.percentage114-g {
|
text-align: center;
|
background: url('/static/img/search/green.png');
|
height: 20px;
|
float: left;
|
width: 75px;
|
color: white;
|
margin: 90px -65% !important;
|
}
|
.omit {
|
width: 100%;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
.ulcomY {
|
text-align: left;
|
list-style-type: none;
|
line-height: 1.54em;
|
}
|
.ulcomN {
|
list-style-type: none;
|
line-height: 1.5em;
|
text-align: left;
|
}
|
.myion {
|
width: 20px;
|
height: 20px;
|
}
|
.green1 {
|
color: green;
|
}
|
.red1 {
|
color: red;
|
}
|
</style>
|
