车辆定位

src/api/data.js

@@ -29,16 +29,16 @@ export const lunzApi = {
         data,
     }),
     //设备昨日公里数
-    getYesterdayMile: (appKey) => request({
+    getYesterdayMile: (key) => request({
         url: '/gatewayapi/ApiPlat/GetYesterdayMile',
         method: 'get',
         headers:{
-            appKey
+            appKey: key
         },
     }),
     //报警记录
-    getMessInfoByMessType: (appKey, data) => request({
+    getMessInfoByMessType: (key, data) => request({
-        url: '/gatewayapi/ApiPlat/GetMessInfoByMessType?appKey=' + appKey,
+        url: '/gatewayapi/ApiPlat/GetMessInfoByMessType?appkey=' + key,
         method: 'post',
         data,
     })

src/views/components/carMile.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="mile_warp">
-    <table>
+    <table class="table">
       <thead>
         <tr>
           <th>排名</th>
@@ -38,7 +38,6 @@ export default {
     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;
@@ -58,6 +57,13 @@ export default {
   width: 100%;
   height: 100%;
   overflow: hidden;
-  font-size: 12px;
+  .table {
+    width: 100%;
+    th,td{
+      color:#fff;
+      font-size: 0.16rem;
+      padding: 0.03rem 0.05rem;
+    }
+  }
 }
 </style>

src/views/components/carWarn.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="mile_warp">
-    <table>
+    <table class="table">
       <thead>
         <tr>
           <th>时间</th>
@@ -9,10 +9,10 @@
         </tr>
       </thead>
       <tbody>
-        <tr v-for="(item,index) in carMile" :key="'car'+index">
+        <tr v-for="(item, index) in carWarn" :key="'car' + index">
-          <td>{{item.cardNo}}</td>
+          <td>{{ item.TimeStamp }}</td>
-          <td>{{item.mile}}</td>
+          <td>{{ item.MESSTYPE }}</td>
-          <td><a :href="`https://lcrm3.lunz.cn/#/Equipment/LocatMonitor/Path/${item.key}`" target="_blank">查询</a></td>
+          <td>{{ item.MESSCONTENT }}</td>
         </tr>
       </tbody>
     </table>
@@ -21,29 +21,33 @@
 
 <script>
 import { lunzApi, key, carList } from "@/api/data";
+import { dateFormat } from "@/util/date";
 export default {
   data() {
     return {
       carList: carList,//车辆设备
-      carMile:[],
+      carWarn: [],
     }
   },
   mounted() {
     this.queryYesterdayMile();
   },
   methods: {
-    //昨日里程
+    //报警信息
     queryYesterdayMile() {
-      lunzApi.getYesterdayMile(key).then(res => {
+      let now = new Date();
+      let yesterDay1 = now.setDate(now.getDate() - 1);
+      let param = {
+        "StartTime": dateFormat(new Date(yesterDay1), 'yyyy-MM-dd'),
+        "EndTime": dateFormat(new Date(), 'yyyy-MM-dd')
+      }
+      lunzApi.getMessInfoByMessType(key, param).then(res => {
         let resData = res.Data;
-        console.log(resData)
+        resData.map(item => {
-        this.carList.map(item => {
+          let idx = this.carList.findIndex(item2 => item2.deviceId == item.Imei);
-          let idx = resData.findIndex(item2 => item2.Imei == item.deviceId);
+          item.carNo = idx > -1 ? this.carList[idx].cardNo : '-';
-          item.mile = idx > -1 ? res.Data[idx].Mile : 0;
+          item.TimeStamp = dateFormat(new Date(TimeStamp), 'yyyy-MM-dd hh:mm:ss')
-          this.carMile.push(item);
+          this.carWarn.push(item);
-        })
-        this.carMile.sort((a,b) => {
-          return b.mile - a.mile;
         })
       })
     },
@@ -56,6 +60,16 @@ export default {
   width: 100%;
   height: 100%;
   overflow: hidden;
-  font-size: 12px;
+
+  .table {
+    width: 100%;
+
+    th,
+    td {
+      color: #fff;
+      font-size: 0.16rem;
+      padding: 0.03rem 0.05rem;
+    }
+  }
 }
 </style>