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/views/helemetEquipment.vue | 177 +++++++++++++--------------------------------------------- 1 files changed, 41 insertions(+), 136 deletions(-) diff --git a/src/pages/internetEquipment/views/helemetEquipment.vue b/src/pages/internetEquipment/views/helemetEquipment.vue index 677710e..ab9f851 100644 --- a/src/pages/internetEquipment/views/helemetEquipment.vue +++ b/src/pages/internetEquipment/views/helemetEquipment.vue @@ -3,142 +3,47 @@ <helemetHead /> <mapIndex /> <div class="footer"> - <realTimeModule :warnArr="warnArr"/> - <elecModule :warnArr="warnArr"/> - <historyModule :warnArr="warnArr"/> + <realTimeModule :boundArr="boundArr" /> + <elecModule :lowBatteryArr="lowBatteryArr" /> + <historyModule :warnArr="warnArr" /> </div> </div> </template> <script> -import helemetHead from '@/pages/internetEquipment/components/helemetHead' -import mapIndex from '@/pages/internetEquipment/module/mapIndex' -import realTimeModule from '@/pages/internetEquipment/module/realTimeModule' -import elecModule from '@/pages/internetEquipment/module/elecModule' -import historyModule from '@/pages/internetEquipment/module/historyModule' +import helemetHead from "@/pages/internetEquipment/components/helemetHead"; +import mapIndex from "@/pages/internetEquipment/module/mapIndex"; +import realTimeModule from "@/pages/internetEquipment/module/realTimeModule"; +import elecModule from "@/pages/internetEquipment/module/elecModule"; +import historyModule from "@/pages/internetEquipment/module/historyModule"; +import { lowBattery, historyWarn, outBound } from "@/api/helemt"; + export default { - data (){ + async created() { + const res = await lowBattery(); + this.lowBatteryArr = res.data.items; + + const res2 = await historyWarn(); + console.log(res2.data); + this.warnArr = res2.data.items; + + const res3 = await outBound(); + this.boundArr = res3.data.items; + }, + data() { return { - warnArr:[{ - code:"A100640819DA3B", - image:"/images/settings/background.png", - location:"鏈濋槼绉戞妧鍥�", - time:"2021-09-21 12:23", - longitude:"23.2344", - latitude:"45.4455", - warn:"鏈湪鐢靛瓙鍥存爮鍖哄煙", - processed:false, - elec: 50.2 - },{ - code:"A100640819DA3B", - image:"/images/settings/background.png", - location:"鏈濋槼绉戞妧鍥�", - time:"2021-09-21 12:23", - longitude:"23.2344", - latitude:"45.4455", - warn:"鏈湪鐢靛瓙鍥存爮鍖哄煙", - processed:false, - elec: 10.2 - }, - { - code:"A100640819DA3B", - image:"/images/settings/background.png", - location:"鏈濋槼绉戞妧鍥�", - time:"2021-09-21 12:23", - longitude:"23.2344", - latitude:"45.4455", - warn:"鏈湪鐢靛瓙鍥存爮鍖哄煙", - processed:false, - elec: 50.2 - }, - { - code:"A100640819DA3B", - image:"/images/settings/background.png", - location:"鏈濋槼绉戞妧鍥�", - time:"2021-09-21 12:23", - longitude:"23.2344", - latitude:"45.4455", - warn:"鏈湪鐢靛瓙鍥存爮鍖哄煙", - processed:false, - elec: 50.2 - }, - { - code:"A100640819DA3B", - image:"/images/settings/background.png", - location:"鏈濋槼绉戞妧鍥�", - time:"2021-09-21 12:23", - longitude:"23.2344", - latitude:"45.4455", - warn:"鏈湪鐢靛瓙鍥存爮鍖哄煙", - processed:false, - elec: 50.2 - }, - { - code:"A100640819DA3B", - image:"/images/settings/background.png", - location:"鏈濋槼绉戞妧鍥�", - time:"2021-09-21 12:23", - longitude:"23.2344", - latitude:"45.4455", - warn:"鏈湪鐢靛瓙鍥存爮鍖哄煙", - processed:false, - elec: 50.2 - }, - { - code:"A100640819DA3B", - image:"/images/settings/background.png", - location:"鏈濋槼绉戞妧鍥�", - time:"2021-09-21 12:23", - longitude:"23.2344", - latitude:"45.4455", - warn:"鏈湪鐢靛瓙鍥存爮鍖哄煙", - processed:false, - elec: 50.2 - }, - { - code:"A100640819DA3B", - image:"/images/settings/background.png", - location:"鏈濋槼绉戞妧鍥�", - time:"2021-09-21 12:23", - longitude:"23.2344", - latitude:"45.4455", - warn:"鏈湪鐢靛瓙鍥存爮鍖哄煙", - processed:false, - elec: 50.2 - }, - { - code:"A100640819DA3B", - image:"/images/settings/background.png", - location:"鏈濋槼绉戞妧鍥�", - time:"2021-09-21 12:23", - longitude:"23.2344", - latitude:"45.4455", - warn:"鏈湪鐢靛瓙鍥存爮鍖哄煙", - processed:false, - elec: 50.2 - }, - { - code:"A100640819DA3B", - image:"/images/settings/background.png", - location:"鏈濋槼绉戞妧鍥�", - time:"2021-09-21 12:23", - longitude:"23.2344", - latitude:"45.4455", - warn:"鏈湪鐢靛瓙鍥存爮鍖哄煙", - processed:false, - elec: 50.2 - }] - } + warnArr: [], + lowBatteryArr: [], + }; }, components: { helemetHead, mapIndex, realTimeModule, elecModule, - historyModule - } - -} + historyModule, + }, +}; </script> <style scoped lang="scss"> @@ -147,20 +52,20 @@ } .helmet-equipment { - padding: 20px; - width: 100%; - height: 100%; - background: #FBFCFE; + padding: 20px; + width: 100%; + height: 100%; + background: #fbfcfe; - .map-index { - margin: 20px 0; - } + .map-index { + margin: 20px 0; + } - .footer { - height: 292px; - display: flex; - justify-content: space-between; - color: #4F4F4F; - } + .footer { + height: 292px; + display: flex; + justify-content: space-between; + color: #4f4f4f; + } } </style> \ No newline at end of file -- Gitblit v1.8.0