From 2e4133d2bbb0f4626cf336f3e456783b9fb7867e Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期四, 04 八月 2022 02:40:08 +0800
Subject: [PATCH] 优化部分样式
---
src/views/search/components/CardItem.vue | 452 +++++++++++++++-----------------------------------------
1 files changed, 124 insertions(+), 328 deletions(-)
diff --git a/src/views/search/components/CardItem.vue b/src/views/search/components/CardItem.vue
index 1446eff..773fe4e 100644
--- a/src/views/search/components/CardItem.vue
+++ b/src/views/search/components/CardItem.vue
@@ -20,15 +20,8 @@
indicator-position="none"
:arrow="data.baseInfo.length > 1 ? 'always' : 'never'"
>
- <el-carousel-item
- v-for="(item, index) in data.baseInfo"
- :key="index"
- >
- <img
- :src="item.targetPicUrl | httpImage"
- class="cursor-pointer"
- @click="detailsClick($event)"
- />
+ <el-carousel-item v-for="(item, index) in data.baseInfo" :key="index">
+ <img :src="item.targetPicUrl | httpImage" class="cursor-pointer" @click="detailsClick($event)" />
</el-carousel-item>
</el-carousel>
</div>
@@ -36,15 +29,10 @@
class="s-card-left-isCompare-div compareScore111"
:style="{
bottom: '0',
- background: getUrl(
- data.baseInfo[initialIndex] && data.baseInfo[initialIndex].bwType
- ),
+ background: getUrl(data.baseInfo[initialIndex] && data.baseInfo[initialIndex].bwType)
}"
>
- <b>{{
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].compareScore | percentage
- }}</b>
+ <b>{{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].compareScore | percentage }}</b>
</div>
</div>
</div>
@@ -60,23 +48,13 @@
:autoplay="false"
@change="changeCarousel"
>
- <el-carousel-item
- v-for="(item, index) in data.picMaxUrl"
- :key="index + 'img'"
- >
- <img
- :src="item | httpImage"
- class="cursor-pointer"
- @click="detailsClick($event)"
- />
+ <el-carousel-item v-for="(item, index) in data.picMaxUrl" :key="index + 'img'">
+ <img :src="item | httpImage" class="cursor-pointer" @click="detailsClick($event)" />
</el-carousel-item>
</el-carousel>
<!-- 鏆傛椂璁や负鍙湁浜鸿劯鎶撴媿鐨勬姤璀�, 棣栭〉鏄剧ず灏忓浘, 鍏朵粬鏃堕棿鍧囨樉绀哄ぇ鍥� -->
<img
- v-else-if="
- data.targetInfo == null ||
- data.targetInfo[0].targetType !== 'FaceDetect'
- "
+ v-else-if="data.targetInfo == null || data.targetInfo[0].targetType !== 'FaceDetect'"
:src="data.picMaxUrl[0] | httpImage"
class="cursor-pointer"
@click="detailsClick($event)"
@@ -89,10 +67,7 @@
/>
</div>
<div class="s-card-left-box" v-else>
- <img
- :src="data.baseInfo[0].targetPicUrl | httpImage"
- class="cursor-pointer"
- />
+ <img :src="data.baseInfo[0].targetPicUrl | httpImage" class="cursor-pointer" />
</div>
</div>
@@ -106,9 +81,7 @@
@mouseleave="cardMouseleave($event)"
>
<p>
- <span class="fontStyle color222">{{
- data.picDate | formatTime
- }}</span>
+ <span class="fontStyle color222">{{ data.picDate | formatTime }}</span>
</p>
<p style="margin-bottom: 8px">
<span class="fontStyle color222">{{ data.cameraAddr }}</span>
@@ -117,9 +90,7 @@
<div slot="content">
<p v-for="(item, index) in data.alarmRules" :key="index + 'rule'">
<span>{{ data.taskName }}</span
- >
- <span v-if="item.alarmLevel !== '鎾ら槻'"
- > {{ item.alarmLevel }}</span
+ > <span v-if="item.alarmLevel !== '鎾ら槻'"> {{ item.alarmLevel }}</span
>
<span v-if="item.linkInfo == '鑱斿姩浠诲姟'"> 鑱斿姩浠诲姟</span>
</p>
@@ -143,14 +114,9 @@
>
<span class="fontStyle color666">{{ data.taskName }}</span
>
- <span class="fontStyle color666" v-if="item.alarmLevel !== '鎾ら槻'"
- > {{ item.alarmLevel }}</span
+ <span class="fontStyle color666" v-if="item.alarmLevel !== '鎾ら槻'"> {{ item.alarmLevel }}</span
>
- <span
- class="fontStyle color666"
- v-if="item.linkInfo == '鑱斿姩浠诲姟'"
- > 鑱斿姩浠诲姟</span
- >
+ <span class="fontStyle color666" v-if="item.linkInfo == '鑱斿姩浠诲姟'"> 鑱斿姩浠诲姟</span>
<span v-if="index < data.alarmRules.length - 1">/ </span>
</span>
</el-button>
@@ -158,49 +124,18 @@
<el-tooltip placement="right" popper-class="atooltip">
<div slot="content">
<p>
- <span
- class="fontStyle"
- v-if="
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].tableName
- "
- >{{
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].tableName
- }}</span
+ <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].tableName">{{
+ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].tableName
+ }}</span
>
- <span
- class="fontStyle"
- v-if="
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].targetName
- "
- >/ {{
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].targetName
- }}</span
+ <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].targetName"
+ >/ {{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].targetName }}</span
>
- <span
- class="fontStyle"
- v-if="
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].labels
- "
- >/ {{
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].labels | idCard
- }}</span
+ <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].labels"
+ >/ {{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].labels | idCard }}</span
>
- <span
- class="fontStyle"
- v-if="
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].monitorLevel
- "
- >/ {{
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].monitorLevel
- }}</span
+ <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].monitorLevel"
+ >/ {{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].monitorLevel }}</span
>
</p>
</div>
@@ -219,55 +154,23 @@
>
<span
:style="
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].bwType === '1'
+ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].bwType === '1'
? 'color: red;font-size:12px;line-height:20px'
: 'font-size:12px;line-height:20px'
"
>
- <span
- class="fontStyle"
- v-if="
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].tableName
- "
- >{{
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].tableName
- }}</span
+ <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].tableName">{{
+ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].tableName
+ }}</span
>
- <span
- class="fontStyle"
- v-if="
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].targetName
- "
- >/ {{
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].targetName
- }}</span
+ <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].targetName"
+ >/ {{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].targetName }}</span
>
- <span
- class="fontStyle"
- v-if="
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].labels
- "
- >/ {{
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].labels | idCard
- }}</span
+ <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].labels"
+ >/ {{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].labels | idCard }}</span
>
- <span
- class="fontStyle"
- v-if="
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].monitorLevel
- "
- >/ {{
- data.baseInfo[initialIndex] &&
- data.baseInfo[initialIndex].monitorLevel
- }}</span
+ <span class="fontStyle" v-if="data.baseInfo[initialIndex] && data.baseInfo[initialIndex].monitorLevel"
+ >/ {{ data.baseInfo[initialIndex] && data.baseInfo[initialIndex].monitorLevel }}</span
>
</span>
</el-button>
@@ -320,31 +223,17 @@
<p :style="data.baseInfo[0].bwType == '0' ? '' : 'color:red'">
<span>{{ data.baseInfo[0] && data.baseInfo[0].targetName }}</span
>
- <span v-if="data.baseInfo[0].labels"
- >/ {{ data.baseInfo[0].labels | idCard }}</span
- >
+ <span v-if="data.baseInfo[0].labels">/ {{ data.baseInfo[0].labels | idCard }}</span>
</p>
</div>
<div class="card-icon-box">
- <el-tooltip
- content="鏌ユ壘姝や汉"
- placement="top"
- popper-class="atooltip"
- style="margin-left: 10px"
- >
- <i
- class="iconfont iconsousuoren"
- @click="tosearch(data)"
- title="鏌ユ壘姝や汉"
- ></i>
+ <el-tooltip content="鏌ユ壘姝や汉" placement="top" popper-class="atooltip" style="margin-left: 10px">
+ <i class="iconfont iconsousuoren" @click="tosearch(data)" title="鏌ユ壘姝や汉"></i>
</el-tooltip>
</div>
</div>
<!-- 娌℃湁搴曞簱 16锛�9鍥剧墖 鏈�姝ｅ父鐨剏olo鎶撴媿 鏃犱汉鍊煎畧 姝ｅ父yolo鎶撴媿娌℃湁灏忓浘-->
- <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'"
@@ -352,9 +241,7 @@
@mouseleave="cardMouseleave($event)"
>
<p :title="data.picDate">
- <span class="fontStyle color222">{{
- data.picDate | formatTime
- }}</span>
+ <span class="fontStyle color222">{{ data.picDate | formatTime }}</span>
</p>
<p :title="data.cameraAddr" style="margin-bottom: 8px">
<span class="fontStyle color222">{{ data.cameraAddr }}</span>
@@ -363,10 +250,7 @@
<div slot="content">
<p v-for="(item, index) in data.alarmRules" :key="index + 'rule'">
<span>{{ data.taskName }}</span
- >
- <span v-if="item.alarmLevel !== '鎾ら槻'">{{
- item.alarmLevel
- }}</span
+ > <span v-if="item.alarmLevel !== '鎾ら槻'">{{ item.alarmLevel }}</span
>
<span v-if="item.linkInfo == '鑱斿姩浠诲姟'"> 鑱斿姩浠诲姟</span>
</p>
@@ -389,16 +273,9 @@
>
<span class="fontStyle color666">{{ data.taskName }}</span
>
- <span
- class="fontStyle color666"
- v-if="item.alarmLevel !== '鎾ら槻'"
- >{{ item.alarmLevel }}</span
+ <span class="fontStyle color666" v-if="item.alarmLevel !== '鎾ら槻'">{{ item.alarmLevel }}</span
>
- <span
- class="fontStyle color666"
- v-if="item.linkInfo == '鑱斿姩浠诲姟'"
- > 鑱斿姩浠诲姟</span
- >
+ <span class="fontStyle color666" v-if="item.linkInfo == '鑱斿姩浠诲姟'"> 鑱斿姩浠诲姟</span>
<span v-if="index < data.alarmRules.length - 1">/ </span>
</span>
</el-button>
@@ -407,18 +284,11 @@
<div class="right-bottom">
<div v-if="!data.id" class="card-icon-box">
<!-- <i class="iconfont systemxing ml50" title="鏀惰棌" ></i> -->
- <el-tooltip
- content="鏌ユ壘姝や汉"
- placement="top"
- popper-class="atooltip"
- >
+ <el-tooltip content="鏌ユ壘姝や汉" placement="top" popper-class="atooltip">
<i class="iconfont iconsousuoren ml50" @click="tosearch(data)"></i>
</el-tooltip>
</div>
- <div
- v-if="data.targetInfo == null || data.targetInfo[0].picSmUrl == ''"
- class="card-icon-box"
- >
+ <div v-if="data.targetInfo == null || data.targetInfo[0].picSmUrl == ''" class="card-icon-box">
<el-tooltip content="璇︽儏" placement="top" popper-class="atooltip">
<i class="iconfont iconcaidan" @click="detailsClick($event)"></i>
</el-tooltip>
@@ -433,18 +303,10 @@
<el-tooltip content="璇︽儏" placement="top" popper-class="atooltip">
<i class="iconfont iconcaidan" @click="detailsClick($event)"></i>
</el-tooltip>
- <el-tooltip
- content="鏌ユ壘姝や汉"
- placement="top"
- popper-class="atooltip"
- >
+ <el-tooltip content="鏌ユ壘姝や汉" placement="top" popper-class="atooltip">
<i class="iconfont iconsousuoren" @click="tosearch(data)"></i>
</el-tooltip>
- <el-tooltip
- content="鍔犲叆搴曞簱"
- placement="top"
- popper-class="atooltip"
- >
+ <el-tooltip content="鍔犲叆搴曞簱" placement="top" popper-class="atooltip">
<i class="iconfont icontianjiaren" @click="toAdd(data)"></i>
</el-tooltip>
<!-- <el-tooltip content="鏀惰棌" placement="top" popper-class="atooltip">
@@ -455,10 +317,7 @@
</div>
<!-- 娌℃湁搴曞簱锛岄潪姣斿锛屾櫘閫氭ā寮� 涓�瀹氭湁targetInfo锛屽苟涓攖argetInfo涓暟涓�1-->
- <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'"
@@ -479,29 +338,18 @@
<span v-else>{{ data.baseInfo[0].compareScore | percentage }}</span>
</p>
<p :title="data.picDate">
- <span class="fontStyle color222">{{
- data.picDate | formatTime
- }}</span>
+ <span class="fontStyle color222">{{ data.picDate | formatTime }}</span>
</p>
<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="!VideoPhotoData.uploadType"
- >
+ <el-tooltip placement="right" popper-class="atooltip" v-if="!VideoPhotoData.uploadType">
<div slot="content">
<p v-for="(item, index) in data.alarmRules" :key="index + 'rule2'">
<span class="fontStyle">{{ data.taskName }}</span
- >
- <span class="fontStyle" v-if="item.alarmLevel !== '鎾ら槻'">{{
- item.alarmLevel
- }}</span
+ > <span class="fontStyle" v-if="item.alarmLevel !== '鎾ら槻'">{{ item.alarmLevel }}</span
>
- <span v-if="item.linkInfo == '鑱斿姩浠诲姟'" class="fontStyle"
- > 鑱斿姩浠诲姟</span
- >
+ <span v-if="item.linkInfo == '鑱斿姩浠诲姟'" class="fontStyle"> 鑱斿姩浠诲姟</span>
<span v-if="index < data.alarmRules.length - 1">/ </span>
</p>
</div>
@@ -517,22 +365,12 @@
text-align: left;
"
>
- <span
- v-for="(item, index) in data.alarmRules"
- :key="index + 'rule3'"
- >
+ <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 !== '鎾ら槻'"
- >{{ item.alarmLevel }}</span
+ <span class="fontStyle color666" v-if="item.alarmLevel !== '鎾ら槻'">{{ item.alarmLevel }}</span
>
- <span
- v-if="item.linkInfo == '鑱斿姩浠诲姟'"
- class="fontStyle color666"
- > 鑱斿姩浠诲姟</span
- >
+ <span v-if="item.linkInfo == '鑱斿姩浠诲姟'" class="fontStyle color666"> 鑱斿姩浠诲姟</span>
<span v-if="index < data.alarmRules.length - 1">/ </span>
</span>
</el-button>
@@ -548,16 +386,10 @@
<div slot="content">
<p v-for="(item, index) in data.baseInfo" :key="index + 'base1'">
<span class="fontStyle">{{ item.tableName }}</span
+ > <span class="fontStyle" v-if="item.targetName.length">/ {{ item.targetName }}</span
+ > <span class="fontStyle" v-if="item.labels.length">/ {{ item.labels | idCard }}</span
>
- <span class="fontStyle" v-if="item.targetName.length"
- >/ {{ item.targetName }}</span
- >
- <span class="fontStyle" v-if="item.labels.length"
- >/ {{ item.labels | idCard }}</span
- >
- <span class="fontStyle" v-if="item.labels.length"
- >/ {{ item.labels | sex }}</span
- >
+ <span class="fontStyle" v-if="item.labels.length">/ {{ item.labels | sex }}</span>
</p>
</div>
<el-button
@@ -576,36 +408,21 @@
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'
+ 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" v-if="item.targetName.length">/ {{ item.targetName }}</span
+ > <span class="fontStyle" v-if="item.labels.length">/ {{ item.labels | idCard }}</span
>
- <span class="fontStyle" v-if="item.targetName.length"
- >/ {{ item.targetName }}</span
- >
- <span class="fontStyle" v-if="item.labels.length"
- >/ {{ item.labels | idCard }}</span
- >
- <span class="fontStyle" v-if="item.labels.length"
- >/ {{ item.labels | sex }}</span
- >
+ <span class="fontStyle" v-if="item.labels.length">/ {{ item.labels | sex }}</span>
</span>
</el-button>
</el-tooltip>
- <el-tooltip
- placement="right"
- popper-class="atooltip"
- v-if="data.baseInfo == null"
- style="margin-top: 5px"
- >
+ <el-tooltip placement="right" popper-class="atooltip" v-if="data.baseInfo == null" style="margin-top: 5px">
<div slot="content">
- <span :style="'color:red;font-size:14px;line-height:20px'">{{
- data.showLabels
- }}</span>
+ <span :style="'color:red;font-size:14px;line-height:20px'">{{ data.showLabels }}</span>
</div>
<el-button
style="
@@ -619,9 +436,7 @@
text-align: left;
"
>
- <span :style="'color:red;font-size:14px;line-height:20px'">{{
- data.showLabels
- }}</span>
+ <span :style="'color:red;font-size:14px;line-height:20px'">{{ data.showLabels }}</span>
</el-button>
</el-tooltip>
</div>
@@ -629,11 +444,7 @@
<div v-if="!data.id" class="card-icon-box">
<!-- 搴曞簱浜哄憳 -->
<!-- <i class="iconfont systemxing ml50" title="鏀惰棌" ></i> -->
- <el-tooltip
- content="鏌ユ壘姝や汉"
- placement="top"
- popper-class="atooltip"
- >
+ <el-tooltip content="鏌ユ壘姝や汉" placement="top" popper-class="atooltip">
<i class="iconfont iconsousuoren ml50" @click="tosearch(data)"></i>
</el-tooltip>
</div>
@@ -687,23 +498,16 @@
>
<div>
<p :title="data.picDate">
- <span class="fontStyle color222">{{
- data.picDate | formatTime
- }}</span>
+ <span class="fontStyle color222">{{ data.picDate | formatTime }}</span>
</p>
<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
+ > / <span class="fontStyle color666">{{ item.alarmLevel }}</span
> /
- <span class="fontStyle color666">{{ item.alarmLevel }}</span
- > /
- <span
- v-if="item.linkInfo == '鑱斿姩浠诲姟'"
- class="fontStyle color666"
- >鑱斿姩浠诲姟</span
- >
+ <span v-if="item.linkInfo == '鑱斿姩浠诲姟'" class="fontStyle color666">鑱斿姩浠诲姟</span>
<span v-if="index < data.alarmRules.length - 1">/ </span>
</p>
</div>
@@ -714,7 +518,7 @@
</template>
<script>
-Date.prototype.Format = function (fmt) {
+Date.prototype.Format = function(fmt) {
var o = {
"M+": this.getMonth() + 1, //鏈堜唤
"d+": this.getDate(), //鏃�
@@ -722,78 +526,69 @@
"m+": this.getMinutes(), //鍒�
"s+": this.getSeconds(), //绉�
"q+": Math.floor((this.getMonth() + 3) / 3), //瀛ｅ害
- S: this.getMilliseconds(), //姣
- };
- if (/(y+)/.test(fmt))
- fmt = fmt.replace(
- RegExp.$1,
- (this.getFullYear() + "").substr(4 - RegExp.$1.length)
- );
+ S: this.getMilliseconds() //姣
+ }
+ if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length))
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt))
- fmt = fmt.replace(
- RegExp.$1,
- RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)
- );
- return fmt;
-};
+ fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length))
+ return fmt
+}
export default {
mounted() {
//window.addEventListener("resize", this.watchWindow);
- window.addEventListener("resize", this.getBottom);
+ window.addEventListener("resize", this.getBottom)
},
props: {
data: {
type: Object,
- default: null,
+ default: null
},
showType: {
type: String,
- default: "search",
+ default: "search"
},
fromCluster: {
type: Boolean,
- default: false,
+ default: false
},
- searchT: {},
+ searchT: {}
},
computed: {
isId() {
- return this.data.id;
- },
+ return this.data.id
+ }
},
filters: {
formatTime(t) {
- return new Date(t).Format("yyyy-MM-dd HH:mm:ss");
+ return new Date(t).Format("yyyy-MM-dd HH:mm:ss")
},
percentage(score) {
- return score.toFixed(2) + "%";
+ return score.toFixed(2) + "%"
},
idCard(v) {
try {
- let obj = JSON.parse(v);
- return obj.idCard;
+ let obj = JSON.parse(v)
+ return obj.idCard
} catch (error) {
- return v.split("/")[1];
+ return v.split("/")[1]
}
},
sex(v) {
try {
- let obj = JSON.parse(v);
- return obj.sex;
+ let obj = JSON.parse(v)
+ return obj.sex
} catch (error) {
- return v.split("/")[0];
+ return v.split("/")[0]
}
},
httpImage(url) {
if (!url.length) {
- return "";
+ return ""
}
- return (
- "/httpImage/" + url + (url.indexOf("?") >= 0 ? "&" : "?") + "width=160"
- );
- },
+ return "/httpImage/" + url + (url.indexOf("?") >= 0 ? "&" : "?") + "width=160"
+ }
},
data() {
return {
@@ -801,64 +596,62 @@
initialIndex: 0,
carouselIndex: 0,
dialogVisible: false,
- overflowState: true,
- };
+ overflowState: true
+ }
},
watch: {
data: {
handler() {
- this.$forceUpdate();
+ this.$forceUpdate()
},
- deep: true,
- },
+ deep: true
+ }
},
methods: {
getBottom() {
this.$nextTick(() => {
- let imgDom = this.$refs.firstImg;
+ let imgDom = this.$refs.firstImg
if (imgDom) {
- let num = (imgDom.offsetHeight - imgDom.offsetWidth) / 2;
- return `${num}px`;
+ let num = (imgDom.offsetHeight - imgDom.offsetWidth) / 2
+ return `${num}px`
}
- return `4px`;
- });
+ return `4px`
+ })
},
getUrl(bwtype) {
if (bwtype == 1) {
- return `url(${require("@/assets/img/red.png")})`;
+ return `url(${require("@/assets/img/red.png")})`
} else {
- return `url(${require("@/assets/img/green.png")})`;
+ return `url(${require("@/assets/img/green.png")})`
}
},
changeInitialIndex(index) {
- this.initialIndex = index;
+ this.initialIndex = index
},
cardMouseenter() {
- this.overflowState = false;
+ this.overflowState = false
},
cardMouseleave() {
- this.overflowState = true;
+ this.overflowState = true
},
changeCarousel(index) {
- this.carouselIndex = index;
+ this.carouselIndex = index
},
detailsClick(ev) {
- this.$emit("detailsClick", ev);
+ this.$emit("detailsClick", ev)
},
toAdd(item) {
- this.$emit("addToBase", item);
+ this.$emit("addToBase", item)
},
tosearch(item) {
- this.searchT;
- let captureId = item.id == "" ? item.baseInfo[0].targetId : item.id;
- let imgUrl = item.targetInfo
- ? item.targetInfo[0].picSmUrl
- : item.baseInfo[0].targetPicUrl;
- let compType = 1; // 鏁版嵁鏉ヨ嚜浜巈s
+ this.searchT
+ let captureId = item.id == "" ? item.baseInfo[0].targetId : item.id
+ let imgUrl = item.targetInfo ? item.targetInfo[0].picSmUrl : item.baseInfo[0].targetPicUrl
+ let compType = 1 // 鏁版嵁鏉ヨ嚜浜巈s
if (!item.id || item.id == "") {
- compType = 0; // 鏁版嵁鏉ヨ嚜浜庡簳搴�
+ compType = 0 // 鏁版嵁鏉ヨ嚜浜庡簳搴�
}
- let message;
+ let message
if (this.fromCluster) {
message =
"toCluster?showType=findByPic&targetId=" +
@@ -872,7 +665,7 @@
"&start=" +
this.searchT[0] +
"&end=" +
- this.searchT[1];
+ this.searchT[1]
} else {
message =
"toSearch?showType=findByPic&targetId=" +
@@ -886,19 +679,22 @@
"&start=" +
this.searchT[0] +
"&end=" +
- this.searchT[1];
+ this.searchT[1]
}
window.parent.postMessage(
{
- msg: message,
+ msg: message
},
"*"
- );
- },
- },
-};
+ )
+ }
+ }
+}
</script>
<style lang="scss">
+.cursor-pointer {
+ cursor: pointer;
+}
.fontStyle {
font-family: PingFangSC-Medium;
}
--
Gitblit v1.8.0