From 88c4cb439317402253943ae78c840a62bcbe1f3f Mon Sep 17 00:00:00 2001
From: xuechunyuan <17853500702@163.com>
Date: Tue, 10 Jan 2023 11:49:12 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=AE=E5=AD=90=E7=A7=91=E6=8A=80=E5=85=B3?=
 =?UTF-8?q?=E8=81=94=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/carMile.vue |  1 -
 src/views/components/carWarn.vue | 61 ++++++++++++++++++++++++++++++++
 src/views/dashboard/homepage.vue | 14 +++++++-
 3 files changed, 74 insertions(+), 2 deletions(-)
 create mode 100644 src/views/components/carWarn.vue

diff --git a/src/views/components/carMile.vue b/src/views/components/carMile.vue
index f28326d..09c3c15 100644
--- a/src/views/components/carMile.vue
+++ b/src/views/components/carMile.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="mile_warp">
-    <div>车辆行驶里程</div>
     <table>
       <thead>
         <tr>
diff --git a/src/views/components/carWarn.vue b/src/views/components/carWarn.vue
new file mode 100644
index 0000000..0067124
--- /dev/null
+++ b/src/views/components/carWarn.vue
@@ -0,0 +1,61 @@
+<template>
+  <div class="mile_warp">
+    <table>
+      <thead>
+        <tr>
+          <th>时间</th>
+          <th>车牌号</th>
+          <th>报警信息</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="(item,index) in carMile" :key="'car'+index">
+          <td>{{item.cardNo}}</td>
+          <td>{{item.mile}}</td>
+          <td><a :href="`https://lcrm3.lunz.cn/#/Equipment/LocatMonitor/Path/${item.key}`" target="_blank">查询</a></td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</template>
+
+<script>
+import { lunzApi, key, carList } from "@/api/data";
+export default {
+  data() {
+    return {
+      carList: carList,//车辆设备
+      carMile:[],
+    }
+  },
+  mounted() {
+    this.queryYesterdayMile();
+  },
+  methods: {
+    //昨日里程
+    queryYesterdayMile() {
+      lunzApi.getYesterdayMile(key).then(res => {
+        let resData = res.Data;
+        console.log(resData)
+        this.carList.map(item => {
+          let idx = resData.findIndex(item2 => item2.Imei == item.deviceId);
+          item.mile = idx > -1 ? res.Data[idx].Mile : 0;
+          this.carMile.push(item);
+        })
+        this.carMile.sort((a,b) => {
+          return b.mile - a.mile;
+        })
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.mile_warp {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  font-size: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/dashboard/homepage.vue b/src/views/dashboard/homepage.vue
index f1bdaad..f5ac6e5 100644
--- a/src/views/dashboard/homepage.vue
+++ b/src/views/dashboard/homepage.vue
@@ -43,7 +43,9 @@
           <div class="right_time">数据更新时间:2022-01-09</div>
         </div>
       </div>
-      <div class="center_cen"></div>
+      <div class="center_cen">
+        <PathMap></PathMap>
+      </div>
       <div class="cen_bot">
         <div class="echarts"></div>
         <div class="echarts"></div>
@@ -62,11 +64,13 @@
       <div class="right_center">
         <div class="title_box">
           <div class="tit">车辆行驶里程</div>
+          <CarMile></CarMile>
         </div>
       </div>
       <div class="right_bot">
         <div class="title_box">
           <div class="tit">车辆报警</div>
+          <CarWarn></CarWarn>
         </div>
       </div>
     </div>
@@ -74,7 +78,15 @@
 </template>
 
 <script>
+import PathMap from '../components/pathMap';
+import CarMile from '../components/carMile';
+import CarWarn from '../components/carWarn';
 export default {
+  components: {
+    PathMap,
+    CarMile,
+    CarWarn,
+  },
   data() {
     return {
       timer: null,