From 4a800a8fc83c6bd1f86a8e847b079a51a7532c09 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期三, 20 七月 2022 15:05:58 +0800
Subject: [PATCH] 修复国标配置的bug
---
src/pages/visual/components/subComponents/CardItem2.vue | 458 ++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 343 insertions(+), 115 deletions(-)
diff --git a/src/pages/visual/components/subComponents/CardItem2.vue b/src/pages/visual/components/subComponents/CardItem2.vue
index 2c811af..f864b88 100644
--- a/src/pages/visual/components/subComponents/CardItem2.vue
+++ b/src/pages/visual/components/subComponents/CardItem2.vue
@@ -7,8 +7,8 @@
<div class="card-img-box-compear">
<div class="card-img-box-compear-left" ref="firstImg">
<img
- :src="'/httpImage/'+data.targetInfo[0].picSmUrl"
- :id="'/compear/'+data.targetInfo[0].picSmUrl"
+ :src="'/httpImage/' + data.targetInfo[0].picSmUrl"
+ :id="'/compear/' + data.targetInfo[0].picSmUrl"
class="cursor-pointer"
@click="detailsClick($event)"
/>
@@ -20,9 +20,12 @@
indicator-position="none"
:arrow="data.baseInfo.length > 1 ? 'always' : 'never'"
>
- <el-carousel-item v-for="(item, index) in data.baseInfo" :key="index">
+ <el-carousel-item
+ v-for="(item, index) in data.baseInfo"
+ :key="index"
+ >
<img
- :src="'/httpImage/'+item.targetPicUrl"
+ :src="'/httpImage/' + item.targetPicUrl"
class="cursor-pointer"
@click="detailsClick($event)"
/>
@@ -34,7 +37,7 @@
style
:style="{
bottom: getBottom(),
- background: getUrl(data.baseInfo[initialIndex].bwType)
+ background: getUrl(data.baseInfo[initialIndex].bwType),
}"
>
<b>{{ `${data.baseInfo[initialIndex].compareScore}%` }}</b>
@@ -43,7 +46,10 @@
</div>
<!-- 鏅�氭ā寮� -->
<div v-else class="s-card-left">
- <div class="s-card-left-box" v-if="data.targetInfo == null || data.targetInfo.length > 0">
+ <div
+ class="s-card-left-box"
+ v-if="data.targetInfo == null || data.targetInfo.length > 0"
+ >
<el-carousel
trigger="click"
height="100%"
@@ -52,75 +58,165 @@
:autoplay="false"
@change="changeCarousel"
>
- <el-carousel-item v-for="(item, index) in data.picMaxUrl" :key="index + 'img'">
- <img :src="'/httpImage/'+item" class="cursor-pointer" @click="detailsClick($event)" />
+ <el-carousel-item
+ v-for="(item, index) in data.picMaxUrl"
+ :key="index + 'img'"
+ >
+ <img
+ :src="'/httpImage/' + item"
+ class="cursor-pointer"
+ @click="detailsClick($event)"
+ />
</el-carousel-item>
</el-carousel>
<img
- v-else-if="data.targetInfo == null || data.targetInfo[0].picSmUrl == '' || !data.targetInfo[0].picSmUrl"
- :src="'/httpImage/'+data.picMaxUrl[0]"
+ v-else-if="
+ data.targetInfo == null ||
+ data.targetInfo[0].picSmUrl == '' ||
+ !data.targetInfo[0].picSmUrl
+ "
+ :src="'/httpImage/' + data.picMaxUrl[0]"
class="cursor-pointer"
@click="detailsClick($event)"
/>
<img
v-else
- :src="'/httpImage/'+data.targetInfo[0].picSmUrl"
+ :src="'/httpImage/' + data.targetInfo[0].picSmUrl"
class="cursor-pointer"
@click="detailsClick($event)"
/>
</div>
<div class="s-card-left-box" v-else>
<img
- :src="'/httpImage/'+data.baseInfo[0].targetPicUrl"
+ :src="'/httpImage/' + data.baseInfo[0].targetPicUrl"
class="cursor-pointer"
@click="detailsClick($event)"
/>
</div>
</div>
<!-- 鍙充晶鏂囧瓧鍖哄煙 -->
- <!-- 澶氬紶搴曞浘鍒囨崲 -->
+ <!-- 澶氬紶搴曞浘鍒囨崲 -->
<div class="s-card-right-isCompare" v-if="showType == 'compare'">
<div
- class="person"
+ class="person"
:style="overflowState ? 'overflow: hidden' : 'overflow: auto'"
@mouseenter="cardMouseenter($event)"
@mouseleave="cardMouseleave($event)"
>
- <p :title="data.baseInfo[0].compareScore" class="score" v-if="showType == 'findByPic'">
+ <p
+ :title="data.baseInfo[0].compareScore"
+ class="score"
+ v-if="showType == 'findByPic'"
+ >
<span v-if="data.id">{{ data.compareScore }}%</span>
<span v-else>{{ data.baseInfo[0].compareScore }}%</span>
</p>
<p :title="data.picDate">
<span class="fontStyle color222">{{ data.picDate }}</span>
</p>
- <p :title="data.cameraAddr" style="margin-bottom: 0.5rem;">
+ <p :title="data.cameraAddr" style="margin-bottom: 0.5rem">
<span class="fontStyle color222">{{ data.cameraAddr }}</span>
</p>
<el-tooltip placement="right">
<div slot="content">
- <p v-for="(item,index) in data.alarmRules" :key="index+'rule'">
- <span >{{data.taskName}}</span> <span v-if="item.alarmLevel !== '鎾ら槻'" :style="item.defenceState ? 'color:red':''"> {{item.alarmLevel}}</span> <span v-if="item.isLink"> 鑱斿姩浠诲姟</span>
+ <p v-for="(item, index) in data.alarmRules" :key="index + 'rule'">
+ <span>{{ data.taskName }}</span
+ > <span
+ v-if="item.alarmLevel !== '鎾ら槻'"
+ :style="item.defenceState ? 'color:red' : ''"
+ > {{ item.alarmLevel }}</span
+ > <span v-if="item.isLink"> 鑱斿姩浠诲姟</span>
</p>
</div>
- <el-button style="line-height:1.0625rem;border:none;padding:0;overflow:hidden;text-overflow:ellipsis;cursor:default;width:7.5rem;text-align:left">
- <span v-for="(item,index) in data.alarmRules" :key="index+'rule1'" style="text-overflow:ellipsis;max-width:6.25rem">
- <span class="fontStyle color666">{{data.taskName}}</span> <span class="fontStyle color666" v-if="item.alarmLevel !== '鎾ら槻'" :style="item.defenceState ? 'color:red':''"> {{item.alarmLevel}}</span> <span class="fontStyle color666" v-if="item.isLink"> 鑱斿姩浠诲姟</span>
- <span v-if="index < data.alarmRules.length-1">/ </span>
+ <el-button
+ style="
+ line-height: 1.0625rem;
+ border: none;
+ padding: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ cursor: default;
+ width: 7.5rem;
+ text-align: left;
+ "
+ >
+ <span
+ v-for="(item, index) in data.alarmRules"
+ :key="index + 'rule1'"
+ style="text-overflow: ellipsis; max-width: 6.25rem"
+ >
+ <span class="fontStyle color666">{{ data.taskName }}</span
+ > <span
+ class="fontStyle color666"
+ v-if="item.alarmLevel !== '鎾ら槻'"
+ :style="item.defenceState ? 'color:red' : ''"
+ > {{ item.alarmLevel }}</span
+ > <span class="fontStyle color666" v-if="item.isLink"
+ > 鑱斿姩浠诲姟</span
+ >
+ <span v-if="index < data.alarmRules.length - 1">/ </span>
</span>
</el-button>
</el-tooltip>
<el-tooltip placement="right">
<div slot="content">
<p>
- <span class="fontStyle" v-if="data.baseInfo[initialIndex].tableName">{{ data.baseInfo[initialIndex].tableName }}</span> <span class="fontStyle" v-if="data.baseInfo[initialIndex].personName">/ {{ data.baseInfo[initialIndex].personName }}</span> <span class="fontStyle" v-if="data.baseInfo[initialIndex].sex">/ {{ data.baseInfo[initialIndex].sex }}</span> <span class="fontStyle" v-if="data.baseInfo[initialIndex].monitorLevel">/ {{ data.baseInfo[initialIndex].monitorLevel }}</span>
+ <span
+ class="fontStyle"
+ v-if="data.baseInfo[initialIndex].tableName"
+ >{{ data.baseInfo[initialIndex].tableName }}</span
+ > <span
+ class="fontStyle"
+ v-if="data.baseInfo[initialIndex].personName"
+ >/ {{ data.baseInfo[initialIndex].personName }}</span
+ > <span
+ class="fontStyle"
+ v-if="data.baseInfo[initialIndex].sex"
+ >/ {{ data.baseInfo[initialIndex].sex }}</span
+ > <span
+ class="fontStyle"
+ v-if="data.baseInfo[initialIndex].monitorLevel"
+ >/ {{ data.baseInfo[initialIndex].monitorLevel }}</span
+ >
</p>
</div>
- <el-button style="line-height:1.0625rem;border:none;padding:0;margin:0;overflow:hidden;text-overflow:ellipsis;cursor:default;width:7.5rem;text-align:left">
+ <el-button
+ style="
+ line-height: 1.0625rem;
+ border: none;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ cursor: default;
+ width: 7.5rem;
+ text-align: left;
+ "
+ >
<span
- :style="data.baseInfo[initialIndex].bwType === '1'
- ? 'color: red;font-size:0.75rem;line-height:1.25rem'
- : 'font-size:0.75rem;line-height:1.25rem'">
- <span class="fontStyle" v-if="data.baseInfo[initialIndex].tableName">{{ data.baseInfo[initialIndex].tableName }}</span> <span class="fontStyle" v-if="data.baseInfo[initialIndex].personName">/ {{ data.baseInfo[initialIndex].personName }}</span> <span class="fontStyle" v-if="data.baseInfo[initialIndex].sex">/ {{ data.baseInfo[initialIndex].sex }}</span> <span class="fontStyle" v-if="data.baseInfo[initialIndex].monitorLevel">/ {{ data.baseInfo[initialIndex].monitorLevel }}</span>
+ :style="
+ data.baseInfo[initialIndex].bwType === '1'
+ ? 'color: red;font-size:0.75rem;line-height:1.25rem'
+ : 'font-size:0.75rem;line-height:1.25rem'
+ "
+ >
+ <span
+ class="fontStyle"
+ v-if="data.baseInfo[initialIndex].tableName"
+ >{{ data.baseInfo[initialIndex].tableName }}</span
+ > <span
+ class="fontStyle"
+ v-if="data.baseInfo[initialIndex].personName"
+ >/ {{ data.baseInfo[initialIndex].personName }}</span
+ > <span
+ class="fontStyle"
+ v-if="data.baseInfo[initialIndex].sex"
+ >/ {{ data.baseInfo[initialIndex].sex }}</span
+ > <span
+ class="fontStyle"
+ v-if="data.baseInfo[initialIndex].monitorLevel"
+ >/ {{ data.baseInfo[initialIndex].monitorLevel }}</span
+ >
</span>
</el-button>
</el-tooltip>
@@ -129,10 +225,20 @@
<el-tooltip class="item" effect="dark" content="璇︽儏" placement="top">
<i class="fontFamily systemmulu" @click="detailsClick($event)"></i>
</el-tooltip>
- <el-tooltip class="item" effect="dark" content="鏌ユ壘姝や汉" placement="top">
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="鏌ユ壘姝や汉"
+ placement="top"
+ >
<i class="fontFamily system1"></i>
</el-tooltip>
- <el-tooltip class="item" effect="dark" content="鍔犲叆鍦板簱" placement="top">
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="鍔犲叆鍦板簱"
+ placement="top"
+ >
<i class="fontFamily systemyonghutianjia"></i>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="鏀惰棌" placement="top">
@@ -148,24 +254,55 @@
@mouseenter="cardMouseenter($event)"
@mouseleave="cardMouseleave($event)"
>
- <p :title="data.baseInfo[0].compareScore" class="score" style="font-family: PingFangSC-Medium;font-size: 1.25rem;color: #F53D3D;letter-spacing: 0.4px;">
- <span >{{ data.baseInfo[0].compareScore }}%</span>
+ <p
+ :title="data.baseInfo[0].compareScore"
+ class="score"
+ style="
+ font-family: PingFangSC-Medium;
+ font-size: 1.25rem;
+ color: #f53d3d;
+ letter-spacing: 0.4px;
+ "
+ >
+ <span>{{ data.baseInfo[0].compareScore }}%</span>
</p>
- <p :style="data.baseInfo[0].bwType == '0' ? 'font-size:0.75rem;line-height:1.25rem' : 'color:red;font-size:0.75rem;line-height:1.25rem'">
+ <p
+ :style="
+ data.baseInfo[0].bwType == '0'
+ ? 'font-size:0.75rem;line-height:1.25rem'
+ : 'color:red;font-size:0.75rem;line-height:1.25rem'
+ "
+ >
{{ data.baseInfo[0].tableName }}
</p>
<p :style="data.baseInfo[0].bwType == '0' ? '' : 'color:red'">
- <span>{{ data.baseInfo[0].personName }}</span> <span v-if="data.baseInfo[0].sex">/ {{ data.baseInfo[0].sex }}</span>
+ <span>{{ data.baseInfo[0].personName }}</span
+ > <span v-if="data.baseInfo[0].sex"
+ >/ {{ data.baseInfo[0].sex }}</span
+ >
</p>
</div>
<div class="card-icon-box">
- <el-tooltip class="item" effect="dark" content="鏌ユ壘姝や汉" placement="top" style="margin-left:0.625rem">
- <i class="fontFamily system1" @click="tosearch(data)" title="鏌ユ壘姝や汉"></i>
- </el-tooltip>
- </div>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ content="鏌ユ壘姝や汉"
+ placement="top"
+ style="margin-left: 0.625rem"
+ >
+ <i
+ class="fontFamily system1"
+ @click="tosearch(data)"
+ title="鏌ユ壘姝や汉"
+ ></i>
+ </el-tooltip>
+ </div>
</div>
<!-- 娌℃湁搴曞浘 16锛�9鍥剧墖 -->
- <div v-else-if="data.targetInfo == null || data.targetInfo[0].picSmUrl == ''" class="s-card-right-signal">
+ <div
+ v-else-if="data.targetInfo == null || data.targetInfo[0].picSmUrl == ''"
+ class="s-card-right-signal"
+ >
<div
class="signal-img-dev"
:style="overflowState ? 'overflow: hidden' : 'overflow: auto'"
@@ -175,44 +312,69 @@
<p :title="data.picDate">
<span class="fontStyle color222">{{ data.picDate }}</span>
</p>
- <p :title="data.cameraAddr" style="margin-bottom: 8px;">
+ <p :title="data.cameraAddr" style="margin-bottom: 8px">
<span class="fontStyle color222">{{ data.cameraAddr }}</span>
</p>
<el-tooltip placement="right" popper-class="atooltip">
<div slot="content">
- <p v-for="(item,index) in data.alarmRules" :key="index+'rule'">
- <span>{{data.taskName}}</span>
+ <p v-for="(item, index) in data.alarmRules" :key="index + 'rule'">
+ <span>{{ data.taskName }}</span
+ >
<span
v-if="item.alarmLevel !== '鎾ら槻'"
- :style="item.defenceState ? 'color:red':''"
- >{{item.alarmLevel}}</span>
+ :style="item.defenceState ? 'color:red' : ''"
+ >{{ item.alarmLevel }}</span
+ >
<span v-if="item.linkInfo == '鑱斿姩浠诲姟'"> 鑱斿姩浠诲姟</span>
</p>
</div>
<el-button
- style="border:none;padding:0;overflow:hidden;text-overflow:ellipsis;cursor:default;width:100%;text-align:left;background:#0D1A45"
+ style="
+ border: none;
+ padding: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ cursor: default;
+ width: 100%;
+ text-align: left;
+ background: #0d1a45;
+ "
>
<span
- v-for="(item,index) in data.alarmRules"
- :key="index+'rule1'"
- style="text-overflow:ellipsis;max-width:100px"
+ v-for="(item, index) in data.alarmRules"
+ :key="index + 'rule1'"
+ style="text-overflow: ellipsis; max-width: 100px"
>
- <span class="fontStyle color666">{{data.taskName}}</span>
+ <span class="fontStyle color666">{{ data.taskName }}</span
+ >
<span
class="fontStyle color666"
v-if="item.alarmLevel !== '鎾ら槻'"
- :style="item.defenceState ? 'color:red':''"
- >{{item.alarmLevel}}</span>
- <span class="fontStyle color666" v-if="item.linkInfo == '鑱斿姩浠诲姟'"> 鑱斿姩浠诲姟</span>
- <span v-if="index < data.alarmRules.length-1">/ </span>
+ :style="item.defenceState ? 'color:red' : ''"
+ >{{ item.alarmLevel }}</span
+ >
+ <span
+ class="fontStyle color666"
+ v-if="item.linkInfo == '鑱斿姩浠诲姟'"
+ > 鑱斿姩浠诲姟</span
+ >
+ <span v-if="index < data.alarmRules.length - 1">/ </span>
</span>
</el-button>
</el-tooltip>
</div>
</div>
-
+
<!-- 娌℃湁搴曞簱锛岄潪姣斿锛屾櫘閫氭ā寮� -->
- <div v-else-if="data.targetInfo && data.targetInfo !== null && data.targetInfo[0].picSmUrl !== '' && data.targetInfo.length <= 1" class="s-card-right-signal">
+ <div
+ v-else-if="
+ data.targetInfo &&
+ data.targetInfo !== null &&
+ data.targetInfo[0].picSmUrl !== '' &&
+ data.targetInfo.length <= 1
+ "
+ class="s-card-right-signal"
+ >
<div
class="signal-img-dev"
:style="overflowState ? 'overflow: hidden' : 'overflow: auto'"
@@ -222,7 +384,12 @@
<p
class="score"
v-if="showType == 'findByPic'"
- style="font-family: PingFangSC-Medium;font-size: 20px;color: #3D68E1;letter-spacing: 0.4px;"
+ style="
+ font-family: PingFangSC-Medium;
+ font-size: 20px;
+ color: #3d68e1;
+ letter-spacing: 0.4px;
+ "
>
<span v-if="data.id">{{ data.compareScore }}%</span>
<span v-else>{{ data.baseInfo[0].compareScore }}%</span>
@@ -230,34 +397,61 @@
<p :title="data.picDate">
<span class="fontStyle color222">{{ data.picDate }}</span>
</p>
- <p :title="data.cameraAddr" style="margin-bottom: 8px;">
+ <p :title="data.cameraAddr" style="margin-bottom: 8px">
<span class="fontStyle color222">{{ data.cameraAddr }}</span>
</p>
- <el-tooltip placement="right" popper-class="atooltip" v-if="showType != 'findByPic'">
+ <el-tooltip
+ placement="right"
+ popper-class="atooltip"
+ v-if="showType != 'findByPic'"
+ >
<div slot="content">
- <p v-for="(item,index) in data.alarmRules" :key="index+'rule2'">
- <span class="fontStyle">{{data.taskName}}</span>
+ <p v-for="(item, index) in data.alarmRules" :key="index + 'rule2'">
+ <span class="fontStyle">{{ data.taskName }}</span
+ >
<span
class="fontStyle"
v-if="item.alarmLevel !== '鎾ら槻'"
- :style="item.defenceState ? 'color:red':''"
- >{{item.alarmLevel}}</span>
- <span v-if="item.linkInfo == '鑱斿姩浠诲姟'" class="fontStyle"> 鑱斿姩浠诲姟</span>
- <span v-if="index < data.alarmRules.length-1">/ </span>
+ :style="item.defenceState ? 'color:red' : ''"
+ >{{ item.alarmLevel }}</span
+ >
+ <span v-if="item.linkInfo == '鑱斿姩浠诲姟'" class="fontStyle"
+ > 鑱斿姩浠诲姟</span
+ >
+ <span v-if="index < data.alarmRules.length - 1">/ </span>
</p>
</div>
<el-button
- style="border:none;padding:0;margin:0px;overflow:hidden;text-overflow:ellipsis;cursor:default;width:100%;text-align:left;background:#0D1A45"
+ style="
+ border: none;
+ padding: 0;
+ margin: 0px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ cursor: default;
+ width: 100%;
+ text-align: left;
+ background: #0d1a45;
+ "
>
- <span v-for="(item,index) in data.alarmRules" :key="index+'rule3'">
- <span class="fontStyle color666">{{data.taskName}}</span>
+ <span
+ v-for="(item, index) in data.alarmRules"
+ :key="index + 'rule3'"
+ >
+ <span class="fontStyle color666">{{ data.taskName }}</span
+ >
<span
class="fontStyle color666"
v-if="item.alarmLevel !== '鎾ら槻'"
- :style="item.defenceState ? 'color:red':''"
- >{{item.alarmLevel}}</span>
- <span v-if="item.linkInfo == '鑱斿姩浠诲姟'" class="fontStyle color666"> 鑱斿姩浠诲姟</span>
- <span v-if="index < data.alarmRules.length-1">/ </span>
+ :style="item.defenceState ? 'color:red' : ''"
+ >{{ item.alarmLevel }}</span
+ >
+ <span
+ v-if="item.linkInfo == '鑱斿姩浠诲姟'"
+ class="fontStyle color666"
+ > 鑱斿姩浠诲姟</span
+ >
+ <span v-if="index < data.alarmRules.length - 1">/ </span>
</span>
</el-button>
</el-tooltip>
@@ -267,25 +461,49 @@
</p>-->
<el-tooltip placement="right" popper-class="atooltip">
<div slot="content">
- <p v-for="(item,index) in data.baseInfo" :key="index+'base1'">
- <span class="fontStyle">{{item.tableName}}</span>
- <span class="fontStyle">/ {{item.targetName}}</span>
- <span class="fontStyle" >/ {{item.labels.split("/")[1]}}</span>
- <span class="fontStyle" >/ {{item.labels.split("/")[0]}}</span>
+ <p v-for="(item, index) in data.baseInfo" :key="index + 'base1'">
+ <span class="fontStyle">{{ item.tableName }}</span
+ > <span class="fontStyle">/ {{ item.targetName }}</span
+ >
+ <span class="fontStyle"
+ >/ {{ item.labels.split("/")[1] }}</span
+ >
+ <span class="fontStyle"
+ >/ {{ item.labels.split("/")[0] }}</span
+ >
</p>
</div>
<el-button
- style="border:none;padding:0;margin:0px;overflow:hidden;text-overflow:ellipsis;cursor:default;width:100%;text-align:left;background:#0D1A45"
+ style="
+ border: none;
+ padding: 0;
+ margin: 0px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ cursor: default;
+ width: 100%;
+ text-align: left;
+ background: #0d1a45;
+ "
>
<span
- v-for="(item,index) in data.baseInfo"
- :key="index+'base'"
- :style="item.bwType == '1' ? 'color:red;font-size:12px;line-height:20px':'font-size:12px;line-height:20px'"
+ v-for="(item, index) in data.baseInfo"
+ :key="index + 'base'"
+ :style="
+ item.bwType == '1'
+ ? 'color:red;font-size:12px;line-height:20px'
+ : 'font-size:12px;line-height:20px'
+ "
>
- <span class="fontStyle">{{item.tableName}}</span>
- <span class="fontStyle">/ {{item.targetName}}</span>
- <span class="fontStyle" >/ {{item.labels.split("/")[1]}}</span>
- <span class="fontStyle" >/ {{item.labels.split("/")[0]}}</span>
+ <span class="fontStyle">{{ item.tableName }}</span
+ > <span class="fontStyle">/ {{ item.targetName }}</span
+ >
+ <span class="fontStyle"
+ >/ {{ item.labels.split("/")[1] }}</span
+ >
+ <span class="fontStyle"
+ >/ {{ item.labels.split("/")[0] }}</span
+ >
</span>
</el-button>
</el-tooltip>
@@ -304,17 +522,23 @@
<p :title="data.picDate">
<span class="fontStyle color222">{{ data.picDate }}</span>
</p>
- <p :title="data.cameraAddr" style="margin-bottom: 8px;">
+ <p :title="data.cameraAddr" style="margin-bottom: 8px">
<span class="fontStyle color222">{{ data.cameraAddr }}</span>
</p>
- <p v-for="(item,index) in data.alarmRules" :key="index+'rule'">
- <span class="fontStyle color666">{{data.taskName}}</span> /
+ <p v-for="(item, index) in data.alarmRules" :key="index + 'rule'">
+ <span class="fontStyle color666">{{ data.taskName }}</span
+ > /
<span
class="fontStyle color666"
- :style="item.defenceState ? 'color:red':''"
- >{{item.alarmLevel}}</span> /
- <span v-if="item.linkInfo == '鑱斿姩浠诲姟'" class="fontStyle color666">鑱斿姩浠诲姟</span>
- <span v-if="index < data.alarmRules.length-1">/ </span>
+ :style="item.defenceState ? 'color:red' : ''"
+ >{{ item.alarmLevel }}</span
+ > /
+ <span
+ v-if="item.linkInfo == '鑱斿姩浠诲姟'"
+ class="fontStyle color666"
+ >鑱斿姩浠诲姟</span
+ >
+ <span v-if="index < data.alarmRules.length - 1">/ </span>
</p>
</div>
</div>
@@ -324,23 +548,22 @@
</template>
<script>
export default {
- mounted() {
- },
+ mounted() {},
props: {
data: {
type: Object,
- default: null
+ default: null,
},
showType: {
type: String,
- default: "search"
- }
+ default: "search",
+ },
},
data() {
return {
initialIndex: 0,
carouselIndex: 0,
- overflowState: true
+ overflowState: true,
};
},
methods: {
@@ -359,18 +582,22 @@
detailsClick(ev) {
this.$emit("detailsClick", ev);
},
- tosearch(item){
+ tosearch(item) {
var curWwwPath = window.document.location.href;
- var pathname= window.document.location.pathname;
+ var pathname = window.document.location.pathname;
var pos = curWwwPath.indexOf(pathname);
- var localhostPath = curWwwPath .substring(0,pos); //ip+port
- var href = localhostPath+"/Layout/Searching"
- console.log("璺宠浆鍦板潃",href)
- let captureId = item.id
- var url = item.picSmUrl? item.picSmUrl[0] : item.baseInfo[0].personPicUrl
- window.open(href+'?showType=findByPic&captureId=' + captureId + '&picSmUrl=' + url)
- }
- }
+ var localhostPath = curWwwPath.substring(0, pos); //ip+port
+ var href = localhostPath + "/Layout/Searching";
+ console.log("璺宠浆鍦板潃", href);
+ let captureId = item.id;
+ var url = item.picSmUrl
+ ? item.picSmUrl[0]
+ : item.baseInfo[0].personPicUrl;
+ window.open(
+ href + "?showType=findByPic&captureId=" + captureId + "&picSmUrl=" + url
+ );
+ },
+ },
};
</script>
<style lang="scss" scoped>
@@ -380,14 +607,14 @@
.color222 {
font-family: PingFangSC-Regular;
font-size: 0.625rem;
- color: #95B7FF;
- line-height: 1.125rem
+ color: #95b7ff;
+ line-height: 1.125rem;
}
.color666 {
font-family: PingFangSC-Regular;
font-size: 0.6875rem;
- color: #687BE3;
- line-height: 1.25rem
+ color: #687be3;
+ line-height: 1.25rem;
}
</style>
@@ -488,7 +715,7 @@
margin-left: 0.625rem;
padding-top: 0.625rem;
i {
- color: #3D68E1;
+ color: #3d68e1;
font-size: 1.25rem !important;
padding-right: 0.625rem;
cursor: pointer;
@@ -555,7 +782,7 @@
position: absolute;
bottom: 0px;
i {
- color: #3D68E1;
+ color: #3d68e1;
font-size: 1.25rem !important;
padding-right: 0.625rem;
cursor: pointer;
@@ -563,7 +790,8 @@
}
}
.s-card-right-signal {
- width: 55%;
+ //width: 55%;
+ width: 50%;
height: 100%;
float: left;
overflow: hidden;
@@ -594,7 +822,7 @@
position: absolute;
bottom: 0px;
i {
- color: #3D68E1;
+ color: #3d68e1;
font-size: 1.25rem !important;
padding-right: 0.625rem;
cursor: pointer;
--
Gitblit v1.8.0