地图接口

ZZJ

2021-11-24 bbe33e5fd87e5961fdab804bfb0b4cf354e0c5b2

 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">&#xe71c;</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">&#xe71c;</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>