<template>
|
<div class="helmet-equipment">
|
<helemetHead />
|
<mapIndex />
|
<div class="footer">
|
<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 { lowBattery, historyWarn, outBound } from "@/api/helemt";
|
|
export default {
|
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: [],
|
lowBatteryArr: [],
|
};
|
},
|
components: {
|
helemetHead,
|
mapIndex,
|
realTimeModule,
|
elecModule,
|
historyModule,
|
},
|
};
|
</script>
|
|
<style scoped lang="scss">
|
* {
|
box-sizing: border-box;
|
}
|
|
.helmet-equipment {
|
padding: 20px;
|
width: 100%;
|
height: 100%;
|
background: #fbfcfe;
|
|
.map-index {
|
margin: 20px 0;
|
}
|
|
.footer {
|
height: 292px;
|
display: flex;
|
justify-content: space-between;
|
color: #4f4f4f;
|
}
|
}
|
</style>
|
