<template>
|
<div class="warn-description">
|
<div class="code"><span>设备编码: </span>{{warnDes.code}}</div>
|
<div class="location" v-if="warnDes.location">{{warnDes.location}}</div>
|
<div class="time"><span>时间: </span>{{warnDes.time}}</div>
|
<div class="position" v-if="warnDes.longitude"><span>经度: </span>{{warnDes.longitude}} <span>纬度: </span>{{warnDes.latitude}}</div>
|
<div class="warnIcon" v-if="warnDes.warn"><span class="icon iconfont"></span> {{warnDes.warn}}</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
props :{
|
warnDes : {
|
type: Object
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.warn-description {
|
.code, .location, .time, .position, .warnIcon {
|
text-align: left;
|
margin-bottom: 5px;
|
}
|
|
span {
|
font-weight: 700;
|
}
|
|
.warnIcon {
|
color: #FF6464;
|
}
|
|
}
|
</style>
|
