From bbe33e5fd87e5961fdab804bfb0b4cf354e0c5b2 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期三, 24 十一月 2021 10:00:17 +0800 Subject: [PATCH] 地图接口 --- src/pages/internetEquipment/components/warnDescription.vue | 42 ++++++++++++++++++++++++++---------------- 1 files changed, 26 insertions(+), 16 deletions(-) diff --git a/src/pages/internetEquipment/components/warnDescription.vue b/src/pages/internetEquipment/components/warnDescription.vue index c86b1ff..122b2a2 100644 --- a/src/pages/internetEquipment/components/warnDescription.vue +++ b/src/pages/internetEquipment/components/warnDescription.vue @@ -1,28 +1,39 @@ <template> <div class="warn-description"> - <div class="code"><span>璁惧缂栫爜: </span>{{warnDes.code}}</div> - <div class="location" v-if="warnDes.location"><span>浣嶇疆: </span>{{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 class="code"><span>璁惧缂栫爜: </span>{{ warnDes.code }}</div> + <div class="location" v-if="warnDes.location"> + <span>浣嶇疆: </span>{{ warnDes.location }} + </div> + <div class="time"><span>鏃堕棿: </span>{{ warnDes.time }}</div> + <div class="position" v-if="warnDes.longitude"> + <span>缁忓害: </span>{{ warnDes.longitude.toFixed(4) }} <span>绾害: </span + >{{ warnDes.latitude.toFixed(4) }} + </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 - } - } -} + props: { + warnDes: { + type: Object, + }, + }, +}; </script> <style scoped lang="scss"> .warn-description { - .code, .location, .time, .position, .warnIcon { - text-align: left; - margin-bottom: 5px; + .code, + .location, + .time, + .position, + .warnIcon { + text-align: left; + margin-bottom: 5px; } span { @@ -30,8 +41,7 @@ } .warnIcon { - color: #FF6464; + color: #ff6464; } - } </style> \ No newline at end of file -- Gitblit v1.8.0