|  | @@ -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%;
 | 
	
		
			
				|  |  |  }
 |