实时报警页面

ebc-middle-platform/src/modules/call-help/current.vue

@@ -1,3 +1,97 @@
<template>
  <div>实时报警</div>
  <div class="current-container">
    <t-scroll-bar class="left">
      <div v-for="(item,index) in alarmList" :key="index" :class="[{active:index == activeIndex},'item']" @click="choose(item,index)">
        <div class="top">
          <div class="user-pic"><t-icon icon="user-outline"></t-icon></div>
          <div>{{ item.name }}</div>
          <div :class="item.type==1?'alarm':'hand-alarm'">{{ item.type==1?'落水报警':'手动报警' }}</div>
        </div>
        <div class="middle">
          <div class="row">
            <div>终端编号</div>
            <div>{{ item.number }}</div>
          </div>
          <div class="row">
            <div>救援人</div>
            <div>{{ item.rescue }}</div>
          </div>
          <div class="row">
            <div>报警时间</div>
            <div>{{ item.alarmTime }}</div>
          </div>
          <div class="row">
            <div>最新定位时间</div>
            <div>{{ item.positionTime }}</div>
          </div>
        </div>
        <div class="footer">
          <t-button icon="user-outline" color="primary">指派</t-button>
          <t-button icon="close" color="primary">关闭</t-button>
        </div>
      </div>
    </t-scroll-bar>
    <div class="right">
      <div id="current-map"></div>
    </div>
  </div>
</template>
<script>
import './current.scss'
export default {
  data() {
    return {
      alarmList: [
        {
          name: '张三',
          type: 1,
          number: 'ZDBH0001',
          rescue: '--',
          alarmTime: '2020.08.13 08:24:32',
          positionTime: '2020.08.13 08:24:32'
        },
        {
          name: '张三',
          type: 2,
          number: 'ZDBH0001',
          rescue: '--',
          alarmTime: '2020.08.13 08:24:32',
          positionTime: '2020.08.13 08:24:32'
        },
        {
          name: '张三',
          type: 2,
          number: 'ZDBH0001',
          rescue: '--',
          alarmTime: '2020.08.13 08:24:32',
          positionTime: '2020.08.13 08:24:32'
        },
        {
          name: '张三',
          type: 2,
          number: 'ZDBH0001',
          rescue: '--',
          alarmTime: '2020.08.13 08:24:32',
          positionTime: '2020.08.13 08:24:32'
        }
      ],
      activeIndex: 0
    }
  },
  mounted() {
    this.map = new Ai.Map('current-map', {
      ak: 'MTYwMDkMTAwMU1UWXdNRGs1T0RZeE1EZzNPU014TnpRdw__',
      center: [39.915599, 116.406568],
      zoom: 5
    })
    var maplayer = null
    maplayer = Ai.TileLayer('http://192.168.74.189:9999/tdtvector')
    this.map.addLayer(maplayer)
  },
  methods: {
    choose(item, index) {
      this.activeIndex = index
    }
  }
}
</script>