| | |
| | | data.targetInfo == null || |
| | | data.targetInfo[0].targetType !== 'FaceDetect' |
| | | " |
| | | :src="data.picMaxUrl[0] | httpImage" |
| | | :src="data.picMaxUrl[0] | apiImg" |
| | | class="cursor-pointer" |
| | | @click="detailsClick($event)" |
| | | /> |
| | | <img |
| | | v-else |
| | | :src="data.targetInfo[0].picSmUrl | httpImage" |
| | | :src="data.targetInfo[0].picSmUrl | apiImg" |
| | | class="cursor-pointer" |
| | | @click="detailsClick($event)" |
| | | /> |
| | | </div> |
| | | <div class="s-card-left-box" v-else> |
| | | <img |
| | | :src="data.baseInfo[0].targetPicUrl | httpImage" |
| | | :src="data.baseInfo[0].targetPicUrl | apiImg" |
| | | class="cursor-pointer" |
| | | /> |
| | | </div> |
| | |
| | | @mouseenter="cardMouseenter($event)" |
| | | @mouseleave="cardMouseleave($event)" |
| | | > |
| | | <p :title="data.picDate"> |
| | | <p :title="data.detect_time"> |
| | | <span class="fontStyle color222">{{ |
| | | data.picDate | formatTime |
| | | data.detect_time | 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"> |
| | | <p v-for="(item, index) in data.event_levels" :key="index + 'rule'"> |
| | | <span v-if="data.is_warning === 1" style="color: red;">{{ data.task_name }}</span |
| | | > |
| | | <span v-else>{{ data.task_name }}</span |
| | | > |
| | | <span v-if="data.is_warning === 1" style="color: red;">{{ |
| | | item.dictValue |
| | | }}</span |
| | | > |
| | | <span v-else>{{ |
| | | item.dictValue |
| | | }}</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 |
| | |
| | | <span v-if="index < data.alarmRules.length - 1">/ </span> |
| | | </span> |
| | | </el-button> |
| | | </el-tooltip> |
| | | </el-tooltip> --> |
| | | </div> |
| | | <div class="right-bottom"> |
| | | <div v-if="!data.id" class="card-icon-box"> |
| | |
| | | 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 placement="top" :content="data.zh_desc_class" effect="light" popper-class="my-tooltip"> |
| | | <img src="@/assets/img/article-fill@1x.png" > |
| | | <!-- <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 iconcaidan" @click="detailsClick($event)"></i> |
| | | </el-tooltip> --> |
| | | <!-- <el-tooltip content="收藏" placement="top" popper-class="atooltip"> |
| | | <i |
| | | v-if="!data.isCollect" |
| | | class="iconfont iconshoucang2" |
| | |
| | | <span v-else @click="collect(false)" class="iconfont icon_collect" |
| | | ></span |
| | | > |
| | | </el-tooltip> |
| | | </el-tooltip> --> |
| | | <!-- :class=" |
| | | data.isAlarm ? 'iconfont systemmm' : 'iconfont systemxing' |
| | | "--> |
| | | |
| | | <el-tooltip |
| | | <!-- <el-tooltip |
| | | content="删除" |
| | | placement="top" |
| | | popper-class="atooltip" |
| | | > |
| | | <i class="iconfont iconshanchu ml40" @click="toDelete(data.id)"></i> |
| | | </el-tooltip> |
| | | </el-tooltip> --> |
| | | <!-- 这里是要增加按钮的地方 --> |
| | | <el-tooltip |
| | | <!-- <el-tooltip |
| | | content="误报" |
| | | placement="top" |
| | | popper-class="atooltip" |
| | | > |
| | | <i :style="{color:data.misreport? '#f00':''}" :disabled="data.misreport" class="iconfont el-icon-error ml40" @click="toFalseAlarm(data)"></i> |
| | | </el-tooltip> |
| | | </el-tooltip> --> |
| | | </div> |
| | | <div class="card-icon-box" v-else> |
| | | <el-tooltip content="详情" placement="top" popper-class="atooltip"> |
| | |
| | | "/httpImage/" + url + (url.indexOf("?") >= 0 ? "&" : "?") + "width=160" |
| | | ); |
| | | }, |
| | | apiImg(url) { |
| | | if (!url.length) { |
| | | return ""; |
| | | } |
| | | return ( |
| | | "/api-img" + url + (url.indexOf("?") >= 0 ? "&" : "?") + "width=160" |
| | | ); |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | }, |
| | | }; |
| | | </script> |
| | | <style> |
| | | /* 全局生效,可覆盖 tooltip */ |
| | | .my-tooltip { |
| | | max-width: 540px !important; |
| | | color: #606266 !important; |
| | | } |
| | | |
| | | </style> |
| | | <style lang="scss"> |
| | | .fontStyle { |
| | | font-family: PingFangSC-Medium; |