|
|
@@ -10,27 +10,34 @@
|
|
|
title="视频质量"
|
|
|
:value="info.quality ? getDictLabel(info.quality.quality, 'video_diagnosis_state', '未上报') : '未上报'"
|
|
|
/>
|
|
|
- <van-cell title="诊断截图" :value="info.orgName" v-if="info.quality != null && info.quality.quality != null">
|
|
|
- <div>
|
|
|
- <van-tag type="danger" v-if="info.quality.signalLost == 1">信号丢失</van-tag>
|
|
|
- <van-tag type="danger" v-if="info.quality.occlude == 1">遮挡</van-tag>
|
|
|
- <van-tag type="danger" v-if="info.quality.brightness == 1">亮度</van-tag>
|
|
|
- <van-tag type="danger" v-if="info.quality.colorCast == 1">偏色</van-tag>
|
|
|
- <van-tag type="danger" v-if="info.quality.snowflake == 1">雪花</van-tag>
|
|
|
- <van-tag type="danger" v-if="info.quality.stripe == 1">条纹</van-tag>
|
|
|
- <van-tag type="danger" v-if="info.quality.contrast == 1">对比度</van-tag>
|
|
|
- <van-tag type="danger" v-if="info.quality.blurry == 1">模糊</van-tag>
|
|
|
- </div>
|
|
|
- <van-image
|
|
|
- height="20vh"
|
|
|
- :src="info.quality.image"
|
|
|
- @click="
|
|
|
- () => {
|
|
|
- showImage = true
|
|
|
- }
|
|
|
- "
|
|
|
- ></van-image>
|
|
|
- <van-image-preview v-model="showImage" :images="[info.quality.image]"></van-image-preview>
|
|
|
+ <van-cell
|
|
|
+ v-if="info.quality != null && info.quality.quality != null"
|
|
|
+ value-class="cell-quality-value"
|
|
|
+ title-style="display:none"
|
|
|
+ >
|
|
|
+ <template #default>
|
|
|
+ <div>诊断截图</div>
|
|
|
+ <div>
|
|
|
+ <van-tag type="danger" v-if="info.quality.signalLost == 1">信号丢失</van-tag>
|
|
|
+ <van-tag type="danger" v-if="info.quality.occlude == 1">遮挡</van-tag>
|
|
|
+ <van-tag type="danger" v-if="info.quality.brightness == 1">亮度</van-tag>
|
|
|
+ <van-tag type="danger" v-if="info.quality.colorCast == 1">偏色</van-tag>
|
|
|
+ <van-tag type="danger" v-if="info.quality.snowflake == 1">雪花</van-tag>
|
|
|
+ <van-tag type="danger" v-if="info.quality.stripe == 1">条纹</van-tag>
|
|
|
+ <van-tag type="danger" v-if="info.quality.contrast == 1">对比度</van-tag>
|
|
|
+ <van-tag type="danger" v-if="info.quality.blurry == 1">模糊</van-tag>
|
|
|
+ </div>
|
|
|
+ <van-image
|
|
|
+ height="20vh"
|
|
|
+ :src="info.quality.image"
|
|
|
+ @click="
|
|
|
+ () => {
|
|
|
+ showImage = true
|
|
|
+ }
|
|
|
+ "
|
|
|
+ ></van-image>
|
|
|
+ <van-image-preview v-model="showImage" :images="[info.quality.image]"></van-image-preview
|
|
|
+ ></template>
|
|
|
</van-cell>
|
|
|
</van-cell-group>
|
|
|
</card>
|
|
|
@@ -58,9 +65,9 @@
|
|
|
></calendar>
|
|
|
</template>
|
|
|
</van-cell>
|
|
|
- <van-cell title="丢失时长" >
|
|
|
+ <van-cell title="丢失时长">
|
|
|
<template #default>
|
|
|
- {{integrity? lostDurationText(integrity.loseDuration):'未知' }}
|
|
|
+ {{ integrity ? lostDurationText(integrity.loseDuration) : '未知' }}
|
|
|
</template>
|
|
|
</van-cell>
|
|
|
</van-cell-group>
|
|
|
@@ -80,6 +87,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
info: {},
|
|
|
+ showImage:false,
|
|
|
hostCode: this.$route.query.hostCode,
|
|
|
channelCode: this.$route.query.channelCode,
|
|
|
integrity: {},
|
|
|
@@ -126,6 +134,9 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
+.cell-quality-value {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
.cell-calender-value {
|
|
|
width: 100%;
|
|
|
}
|