地图接口

ZZJ

2021-11-24 bbe33e5fd87e5961fdab804bfb0b4cf354e0c5b2

 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>