diff --git a/package-lock.json b/package-lock.json
index d5cead9..315998e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1956,6 +1956,49 @@
         "webpack-merge": "^5.7.3",
         "webpack-virtual-modules": "^0.4.2",
         "whatwg-fetch": "^3.6.2"
+      },
+      "dependencies": {
+        "@vue/vue-loader-v15": {
+          "version": "npm:vue-loader@15.10.1",
+          "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-15.10.1.tgz",
+          "integrity": "sha512-SaPHK1A01VrNthlix6h1hq4uJu7S/z0kdLUb6klubo738NeQoLbS6V9/d8Pv19tU0XdQKju3D1HSKuI8wJ5wMA==",
+          "dev": true,
+          "requires": {
+            "@vue/component-compiler-utils": "^3.1.0",
+            "hash-sum": "^1.0.2",
+            "loader-utils": "^1.1.0",
+            "vue-hot-reload-api": "^2.3.0",
+            "vue-style-loader": "^4.1.0"
+          },
+          "dependencies": {
+            "hash-sum": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-1.0.2.tgz",
+              "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+              "dev": true
+            }
+          }
+        },
+        "json5": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmmirror.com/json5/-/json5-1.0.2.tgz",
+          "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        },
+        "loader-utils": {
+          "version": "1.4.2",
+          "resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-1.4.2.tgz",
+          "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^1.0.1"
+          }
+        }
       }
     },
     "@vue/cli-shared-utils": {
@@ -2117,47 +2160,6 @@
         "eslint-plugin-import": "^2.25.3"
       }
     },
-    "@vue/vue-loader-v15": {
-      "version": "npm:vue-loader@15.10.1",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.1.tgz",
-      "integrity": "sha512-SaPHK1A01VrNthlix6h1hq4uJu7S/z0kdLUb6klubo738NeQoLbS6V9/d8Pv19tU0XdQKju3D1HSKuI8wJ5wMA==",
-      "dev": true,
-      "requires": {
-        "@vue/component-compiler-utils": "^3.1.0",
-        "hash-sum": "^1.0.2",
-        "loader-utils": "^1.1.0",
-        "vue-hot-reload-api": "^2.3.0",
-        "vue-style-loader": "^4.1.0"
-      },
-      "dependencies": {
-        "hash-sum": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
-          "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
-          "dev": true
-        },
-        "json5": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        },
-        "loader-utils": {
-          "version": "1.4.2",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
-          "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^1.0.1"
-          }
-        }
-      }
-    },
     "@vue/web-component-wrapper": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@vue/web-component-wrapper/-/web-component-wrapper-1.3.0.tgz",
@@ -2548,6 +2550,11 @@
         "babel-runtime": "6.x"
       }
     },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "at-least-node": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
@@ -2574,6 +2581,16 @@
       "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
       "dev": true
     },
+    "axios": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.2.2.tgz",
+      "integrity": "sha512-bz/J4gS2S3I7mpN/YZfGFTqhXTYzRho8Ay38w2otuuDR322KzFIWm/4W2K6gIwvWaws5n+mnb7D1lN9uD+QH6Q==",
+      "requires": {
+        "follow-redirects": "^1.15.0",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "babel-helper-vue-jsx-merge-props": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
@@ -3062,6 +3079,14 @@
       "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==",
       "dev": true
     },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
     "commander": {
       "version": "2.20.3",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
@@ -3634,6 +3659,11 @@
         "object-keys": "^1.1.1"
       }
     },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+    },
     "depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
@@ -4870,8 +4900,7 @@
     "follow-redirects": {
       "version": "1.15.2",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
-      "dev": true
+      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
     },
     "for-each": {
       "version": "0.3.3",
@@ -4882,6 +4911,16 @@
         "is-callable": "^1.1.3"
       }
     },
+    "form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      }
+    },
     "forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -6182,14 +6221,12 @@
     "mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
     },
     "mime-types": {
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "requires": {
         "mime-db": "1.52.0"
       }
@@ -7235,6 +7272,11 @@
         }
       }
     },
+    "proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "pseudomap": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
@@ -8468,6 +8510,11 @@
         "csstype": "^3.1.0"
       }
     },
+    "vue-axios": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmmirror.com/vue-axios/-/vue-axios-3.5.2.tgz",
+      "integrity": "sha512-GP+dct7UlAWkl1qoP3ppw0z6jcSua5/IrMpjB5O8bh089iIiJ+hdxPYH2NPEpajlYgkW5EVMP95ttXWdas1O0g=="
+    },
     "vue-eslint-parser": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",
diff --git a/package.json b/package.json
index cdf5895..3dbcc9c 100644
--- a/package.json
+++ b/package.json
@@ -8,11 +8,13 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^1.2.2",
     "core-js": "^3.8.3",
     "echarts": "^5.4.0",
     "element-ui": "^2.15.12",
     "postcss-pxtorem": "^6.0.0",
     "vue": "^2.6.14",
+    "vue-axios": "^3.5.2",
     "vue-router": "^3.5.1",
     "vuex": "^3.6.2"
   },
diff --git a/public/index.html b/public/index.html
index 3e5a139..e9a3b8d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,8 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
+    <script src="//mapopen.bj.bcebos.com/github/BMapGLLib/TrackAnimation/src/TrackAnimation.min.js"></script>
+    <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=FLPUL1102GNBvV2nVDy5kDIjYM9VGyYl"></script>
   </head>
   <body>
     <noscript>
diff --git a/src/api/data.js b/src/api/data.js
new file mode 100644
index 0000000..8f9a712
--- /dev/null
+++ b/src/api/data.js
@@ -0,0 +1,45 @@
+import request from '@/util/axios'
+
+//公参
+export const carList = [{ cardNo: '鲁LE990Z', deviceId: '41000001254', key: 'NDEwMDAwMDEyNTQ=' }, { cardNo: '鲁LD35633', deviceId: '41000001270', key: 'NDEwMDAwMDEyNzA=' }, ];
+export const appKey = '69800851-4554-4EEC-8D12-E4211B952798';//轮子appkey
+export const key = '266843ed-5d4f-472c-beec-e5e50a114d47';//中瑞key
+
+export const lunzApi = {
+    //当前设备状态信息
+    getCurrentDeviceInfoByIMEI: (appKey, IMEI) => request({
+        url: '/api/PIInfo/getCurrentDeviceInfoByIMEI?appKey=' + appKey,
+        method: 'post',
+        data: { IMEI }
+    }),
+    //设备定位地址
+    getBaiduNear: (appKey, lat, lng) => request({
+        url: '/api/CommonUse/GetBaiduNear?appKey=' + appKey + '&lat=' + lat + '&lng=' + lng,
+        method: 'get',
+    }),
+    //设备信息
+    getCarUserSimpleByImei: (appKey, imei) => request({
+        url: '/api/Equipment/GetCarUserSimpleByImei?appKey=' + appKey + '&imei=' + imei,
+        method: 'get',
+    }),
+    //指定设备某一天的轨迹记录
+    getLocationsByImei: (appKey, data) => request({
+        url: '/gatewayapi/ApiPlat/GetLocationsByImei?appKey=' + appKey,
+        method: 'post',
+        data,
+    }),
+    //设备昨日公里数
+    getYesterdayMile: (appKey) => request({
+        url: '/gatewayapi/ApiPlat/GetYesterdayMile',
+        method: 'get',
+        headers:{
+            appKey
+        },
+    }),
+    //报警记录
+    getMessInfoByMessType: (appKey, data) => request({
+        url: '/gatewayapi/ApiPlat/GetMessInfoByMessType?appKey=' + appKey,
+        method: 'post',
+        data,
+    })
+};
diff --git a/src/assets/images/car.png b/src/assets/images/car.png
new file mode 100644
index 0000000..21c7e3e
Binary files /dev/null and b/src/assets/images/car.png differ
diff --git a/src/util/axios.js b/src/util/axios.js
new file mode 100644
index 0000000..036cef7
--- /dev/null
+++ b/src/util/axios.js
@@ -0,0 +1,34 @@
+import axios from 'axios'
+
+//跨域请求，允许保存cookie
+axios.defaults.withCredentials = true;
+
+//返回其他状态码
+axios.defaults.validateStatus = function (status) {
+    return status >= 200 && status <= 500;
+};
+
+//HTTP Request拦截
+axios.interceptors.request.use(config => {
+    config.headers['Content-Type'] = 'application/json';
+    return config;
+}, error => {
+    console.error('Request interceptors:', error);
+    return Promise.reject(error)
+});
+
+//HTTP Response拦截
+axios.interceptors.response.use(res => {
+    const ok = res.data.Success || false, status = res.status || 200, message = res.data.AllMessages || 'Internal Server Error!';
+
+    if (!ok) {
+        return Promise.reject(new Error(message));
+    }
+
+    return res.data;
+}, error => {
+    console.error('Response interceptors:', error);
+    return Promise.reject(error);
+});
+
+export default axios
diff --git a/src/util/date.js b/src/util/date.js
new file mode 100644
index 0000000..5911cd4
--- /dev/null
+++ b/src/util/date.js
@@ -0,0 +1,52 @@
+export const calcDate = (date1, date2) => {
+    let date3 = date2 - date1;
+  
+    let days = Math.floor(date3 / (24 * 3600 * 1000))
+  
+    let leave1 = date3 % (24 * 3600 * 1000) //计算天数后剩余的毫秒数
+    let hours = Math.floor(leave1 / (3600 * 1000))
+  
+    let leave2 = leave1 % (3600 * 1000) //计算小时数后剩余的毫秒数
+    let minutes = Math.floor(leave2 / (60 * 1000))
+  
+    let leave3 = leave2 % (60 * 1000) //计算分钟数后剩余的毫秒数
+    let seconds = Math.round(date3 / 1000)
+    return {
+      leave1,
+      leave2,
+      leave3,
+      days: days,
+      hours: hours,
+      minutes: minutes,
+      seconds: seconds,
+    }
+  }
+  
+  /**
+   * 日期格式化
+   */
+  export function dateFormat(date, format) {
+    format = format || 'yyyy-MM-dd hh:mm:ss';
+    if (date !== 'Invalid Date') {
+      let o = {
+        "M+": date.getMonth() + 1, //month
+        "d+": date.getDate(), //day
+        "h+": date.getHours(), //hour
+        "m+": date.getMinutes(), //minute
+        "s+": date.getSeconds(), //second
+        "q+": Math.floor((date.getMonth() + 3) / 3), //quarter
+        "S": date.getMilliseconds() //millisecond
+      }
+      if (/(y+)/.test(format)) format = format.replace(RegExp.$1,
+        (date.getFullYear() + "").substr(4 - RegExp.$1.length));
+      for (let k in o)
+        if (new RegExp("(" + k + ")").test(format))
+          format = format.replace(RegExp.$1,
+            RegExp.$1.length === 1 ? o[k] :
+              ("00" + o[k]).substr(("" + o[k]).length));
+      return format;
+    }
+    return '';
+  
+  }
+  
\ No newline at end of file
diff --git a/src/views/components/carMile.vue b/src/views/components/carMile.vue
new file mode 100644
index 0000000..f28326d
--- /dev/null
+++ b/src/views/components/carMile.vue
@@ -0,0 +1,64 @@
+<template>
+  <div class="mile_warp">
+    <div>车辆行驶里程</div>
+    <table>
+      <thead>
+        <tr>
+          <th>排名</th>
+          <th>车牌号</th>
+          <th>昨日里程(km/h)</th>
+          <th>轨迹查询</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="(item,index) in carMile" :key="'car'+index">
+          <td>{{index+1}}</td>
+          <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/components/pathMap.vue b/src/views/components/pathMap.vue
new file mode 100644
index 0000000..3cb645b
--- /dev/null
+++ b/src/views/components/pathMap.vue
@@ -0,0 +1,172 @@
+<template>
+  <div class="map_warp">
+    <div id="container" style="width:100%;height:100%"></div>
+  </div>
+</template>
+
+<script>
+import { lunzApi, appKey, key, carList } from "@/api/data";
+import { dateFormat } from "@/util/date";
+export default {
+  data() {
+    return {
+      appKey: appKey,
+      key: key,
+      setInterval: null,
+      baiduMap: null,//百度实例
+      locationModel: { 0: 'GPS定位', 1: '基站定位', 2: 'Wi-Fi定位', 3: '北斗定位', 4: 'GPS/北斗混合定位' },
+      locationStatus: { 0: '未启用', 1: '离线', 2: '静止', 3: '行驶中' },
+      locationAcc: { 0: '关闭', 1: '开启' },
+      carList: carList,//车辆设备
+      markList: [],//标注点记录
+      polyline: null,//昨日轨迹
+    }
+  },
+  beforeDestroy() {
+    if (this.setInterval) {
+      clearInterval(this.setInterval);
+    }
+  },
+  beforeCreate() {
+    if (this.setInterval) {
+      clearInterval(this.setInterval);
+    }
+  },
+  mounted() {
+    this.initMap();
+    window.addEventListener('resize', () => {
+      if (this.setInterval) {
+        clearInterval(this.setInterval);
+      }
+      this.initMap();
+    });
+  },
+  methods: {
+    initMap() {
+      this.baiduMap = new BMapGL.Map('container');
+      var point = new BMapGL.Point(118.880278, 35.649947);
+      this.baiduMap.centerAndZoom(point, 11);
+      this.baiduMap.enableScrollWheelZoom(true);
+      var bdary = new BMapGL.Boundary();
+      bdary.get("日照市莒县", rs => {
+        var pointArray = [];
+        var count = rs.boundaries.length;
+        for (var i = 0; i < count; i++) {
+          var ply = new BMapGL.Polygon(rs.boundaries[i], { strokeWeight: 2, strokeColor: "#0e94eb", fillColor: '', fillOpacity: 0, }); //建立多边形覆盖物
+          this.baiduMap.addOverlay(ply);  //添加覆盖物
+          pointArray = pointArray.concat(ply.getPath());
+        }
+      })
+      this.carList.map((item, index) => {
+        this.markList.map(mark => {
+          this.baiduMap.removeOverlay(mark);
+        })
+        this.markList = [];
+        this.queryLunz(item.deviceId, item.key);
+        this.setInterval = setInterval(() => {
+          this.markList.map(mark => {
+            this.baiduMap.removeOverlay(mark);
+          })
+          this.markList = [];
+          this.queryLunz(item.deviceId, item.key);
+        }, 20 * 1000)
+      })
+    },
+    //查询定位
+    queryLunz(deviceId, key) {
+      lunzApi.getCarUserSimpleByImei(this.appKey, deviceId).then(res1 => {
+        let carInfo = res1.Data;
+        lunzApi.getCurrentDeviceInfoByIMEI(this.appKey, deviceId).then(res => {
+          // 创建小车图标
+          var myIcon = new BMapGL.Icon(require("@/assets/images/car.png"), new BMapGL.Size(25, 25));
+          lunzApi.getBaiduNear(this.appKey, res.Data.BaiduLat, res.Data.BaiduLng).then(res2 => {
+            // 创建Marker标注，使用小车图标
+            let lng = res.Data.BaiduLng;
+            let lat = res.Data.BaiduLat;
+            let pt = new BMapGL.Point(lng, lat);
+            var marker = new BMapGL.Marker(pt, {
+              icon: myIcon
+            });
+            // 将标注添加到地图
+            this.baiduMap.addOverlay(marker);
+            this.markList.push(marker);
+            let sContent = `<div style="padding:0 10px 10px;font-size:14px;line-height:22px;">
+                            <div>车主：${carInfo.UserName}</div>
+                            <div>车牌号：${carInfo.PlateNumber}</div>
+                            <div>设备号：${res.Data.IMEI}</div>
+                            <div>车架号：${carInfo.VinNumber}</div>
+                            <div>设备位置：${res2.Data}</div>
+                            <div>定位方式：${this.locationModel[res.Data.LocateMode]}</div>
+                            <div>最后定位时间：${res.Data.GPSTimeStamp.replace("T", " ")}</div>
+                            <div>最后检测时间：${res.Data.LastTimeStamp.replace("T", " ")}</div>
+                            <div>状态：${this.locationStatus[res.Data.SbcStatus]}</div>
+                            <div>时速：${res.Data.spd}km/h</div>
+                            <div>海拔：${res.Data.alt}</div>
+                            <div>ACC检测：${this.locationAcc[res.Data.acc]}</div>
+                            <div style="display: inline-block;border: 1px solid #eee;border-radius: 3px;padding: 3px 8px;color: #0e94eb;cursor: pointer;" id="btnPath_${carInfo.DeviceNumber}">昨日轨迹</div>
+                        </div>`;
+            let infoWindow = new BMapGL.InfoWindow(sContent);
+            // marker添加点击事件
+            infoWindow.addEventListener('open', () => {
+              document.getElementById('btnPath_' + carInfo.DeviceNumber).addEventListener('click', () => {
+                this.queryPath(carInfo.DeviceNumber)
+              })
+            });
+            marker.addEventListener('click', () => {
+              this.openInfo(infoWindow, pt);
+            });
+          })
+
+        })
+      })
+    },
+    //昨日轨迹
+    queryPath(deviceId) {
+      let now = new Date();
+      let yesterDay1 = now.setDate(now.getDate() - 1);
+      let yesterDay2 = now.setDate(now.getDate() - 1);
+      let param = {
+        "Imei": deviceId,
+        "StartTime": dateFormat(new Date(yesterDay2), 'yyyy-MM-dd'),
+        "EndTime": dateFormat(new Date(yesterDay1), 'yyyy-MM-dd'),
+        "MaxValue": 500
+      }
+      lunzApi.getLocationsByImei(this.key, param).then(res => {
+        let point = [];
+        res.Data.map(item => {
+          point.push(new BMapGL.Point(item.Lng, item.Lat));
+        });
+        if (this.polyline) {
+          this.baiduMap.removeOverlay(this.polyline);
+          this.polyline = null;
+        }
+        // this.polyline = new BMapGL.Polyline(point, { strokeColor: '#F5533D', strokeWeight: 2, strokeOpacity: 1, })
+        // this.baiduMap.addOverlay(this.polyline);
+        this.polyline = new BMapGL.Polyline(point,{
+            strokeColor: '#F5533D',
+            strokeWeight: 3,
+            strokeOpacity: 1,
+        });
+        let trackAni = new BMapGLLib.TrackAnimation(this.baiduMap, this.polyline, {
+            overallView: true,
+            tilt: 30,
+            duration: 20000,
+            delay: 300
+        });
+        trackAni.start();
+      })
+    },
+    openInfo(infoWindow, pt) {
+      this.baiduMap.openInfoWindow(infoWindow, pt);
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.map_warp {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index b832c67..6f7493a 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -2,5 +2,28 @@ const { defineConfig } = require("@vue/cli-service");
 
 module.exports = defineConfig({
   transpileDependencies: true,
-  lintOnSave: false,
+  publicPath: './',
+  lintOnSave: true,
+  productionSourceMap: false,
+  devServer: {
+    port: 8080,
+    proxy: {
+      '/api': {
+        target: 'https://lcrm3api.lunz.cn',
+        changeOrigin: true,
+        ws: true,
+        // pathRewrite: {
+        //     '^/api': ''
+        // }
+      },
+      '/gatewayapi': {
+        target: 'https://gatewayapi.lunz.cn/api',
+        changeOrigin: true,
+        ws: true,
+        pathRewrite: {
+          '^/gatewayapi': ''
+        }
+      },
+    }
+  }
 });