<template>
  <div class="app-container">
    <transition name="fade" mode="out-in">
      <component :is="activeName"/>
    </transition>
  </div>
</template>
<script>
import List from './components/list'
import alarmInfoList from './components/alarmInfoList'
import videoList from './components/videoList'
export default {
  components: { List, alarmInfoList, videoList },
  data() {
    return {
      activeName: 'List',
      ALARMINFORMATION_ID: '',
      ALARMDEVICEMAINTENANCE_ID: '',
      LONGITUDE: '',
      LATITUDE: ''
    }
  }
}

</script>
