From 49b9acc7754ec4e62556ac048ee7b6d92c581c0c Mon Sep 17 00:00:00 2001
From: xuechunyuan <17853500702@163.com>
Date: Tue, 10 Jan 2023 11:31:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E5=92=8C=E9=87=8C=E7=A8=8B?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                | 139 ++++++++++++++++---------
 package.json                     |   2 +
 public/index.html                |   2 +
 src/api/data.js                  |  45 ++++++++
 src/assets/images/car.png        | Bin 0 -> 47836 bytes
 src/util/axios.js                |  34 ++++++
 src/util/date.js                 |  52 ++++++++++
 src/views/components/carMile.vue |  64 ++++++++++++
 src/views/components/pathMap.vue | 172 +++++++++++++++++++++++++++++++
 vue.config.js                    |  25 ++++-
 10 files changed, 488 insertions(+), 47 deletions(-)
 create mode 100644 src/api/data.js
 create mode 100644 src/assets/images/car.png
 create mode 100644 src/util/axios.js
 create mode 100644 src/util/date.js
 create mode 100644 src/views/components/carMile.vue
 create mode 100644 src/views/components/pathMap.vue

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 0000000000000000000000000000000000000000..21c7e3efc023e05427ae72f3ccc0736857871487
GIT binary patch
literal 47836
zcmeHw2Uru!*Y^SzK(Sy!<)Set*9OU^0ErMpx`H4ef;}VwA|Z)MC_zQ+UMp5a#Re7>
zz3R0fh}awUf(m-AhzJT+#QN<f>=FpXySe}GeK-F%K93M)=A51R{pOrGQ?m0%zz8oh
z(;lV(0GRoBy9YwQyTkvDTR}h1l+Wcrzf8p5VNw9Fvxfg0By4ku0{~M$zMES>K$J)(
zl17Qd1Rpmyf><Jo;0t&FkWic+6d$^>rYq}F4X=I3(0kSUQw1{tqII_Mg$`j`JFEcM
zb2^w0IXicOX-MZT9XEK7Iy38zsdxH<r<?obM7l0qFlN!HagJ|#J=k$*dScb<*I(~`
zJyy1%?AulOwf4y!&25&y*g6?t1kQD0-s`o@-}}tP{A9x}-j7=lI=m=671{DE08|^v
z6Ov^6T)r9nDFO@u@g2K9=I5XMoShqBGa4W)2Obm6%i0*E1OgZAf-iIiE_4I-1^vY}
z1y%uoKt63K5!hu0RDSSbwFK^Et$bhs+}rwFmNBrz07&cS)yHs19x!Rt%)mj0Cr$yI
zvxgAvTAbKxkQ{cH;$@he-x7#h8k*96$Rr>+ZRnuO0Kw4^aO>IWiV?xrXfyd{!Q-rn
z;<-8A2Ed8J)mKu7-=ucVS$(}n{JZMMPkTQ-CD=cdZPC9&gvoQ_hSc@eoxID8e6O|z
zfF89sPX2IoNhy2r{K<=mGC|dcvs-^eSBr?O-ftiMIJVfZ1<+x{wW{KYrKLqi;`0Xk
zVhf_P#sbA5K-8n!@zfHN&0|cjC)O^KJANC|bK{nP3r<$QnYL;3x^MWFeDbqJte?~;
zqQ{GpK0&!ZN)oGqDeH!$?KzP#`}-8OFm7+)(z3!9LqTCpne~tJb7y>C+W*E=+Wv8a
zx-5Jf`bSOx(eJ$cXy9`9-WOLtH7}n*dE0BvcaxRzW<d5l{}Uq)w?0%TIFa<mz;IE!
z(3^3<kfisvi+i+L4s?j5QRFoMu(F_b*^q$-z?Ia@X8>^QWw&uVS6TR;GX?<n%`*q=
zb8X%BWasP??KYgWI(EXsklo6CNZURqoH`6`^*s4E(=FZBxONXd!MxYv&_1Icn>((1
z(&6Aq(9x{yvH7@}6=I84le%p@)$Q0klNPQQj61P=GZ%CWUwV&t)z~6!X$vCTo3<i3
zlTf~(^GM>^3zAI3tf7;akN38IXDjK<STb(Nmz0tV1j@p13y*n$t7aY;X>{8#cF574
zy?QJ>w^@2aMr%JldCk`78$Ay8bWT3Jb;ph2FJooE^o2_~$v41u5sUA$$1R@kG3k%c
z9yaH@a!Nz#A<O6-t5AoyE|w=Yva5{y7%ocgRB1e6PKQ&1St%)Ap}wJRJNs5zA2iQ3
z9&Ivv4tVN!;>w-=2m2<P*PclTXYNl4^~|<;)4ONyjeRHl-mcTcmEL{YU0m^eglX@-
zDHNYJKGEJK-nN-RnXH=~_#1p}DpF!D{{7teKyo%Ab@`E$_9^}=zFs{2{77f!*#%F1
zO}6$4%v@zYjLvf@ZLw_=WoX*wT_dk#ZM<!~YXNi97@wHUaRH>D`B|N4vFrL?S>M&I
zFw-{U&h>TtNPbNesa%$8@^E%fkJRg_H=|#+E-x#e{UN@s**vq^=e@)Gb&u{owfl~4
zN4k^Je7Co}m6~=Tn0%LFnHIUW{aVqe&;g$YOzX1zlKE=p>X6k*tIKu;kCKjZxg+1z
zCV2O#_PZy9OyBM~>aT!jSthr;?!J>{H7YO5e(%-5_`qcW*G5jvI6m?FtS=n11M}v3
zZl33z5zIMquKSYSUC&W?Z$pO`NkWV&21T#+3m<!+w$eAQ<yXr%(p29dH|eg3?1<$N
z=`W^SF=%&g|Kn=L{SCve_P%O%b*inAt&8pcqRD$A_9X3bC{8RsUL5{f^1AEmisGtR
zar%(-LFpfvG0d7+lU)1Uk-2koOJc9RV%_3Y$jePWUi#Rs{NW9+k1-!IK3cr0Dyq8C
z%YjTYwomCU03A8ims2<|qu26tZdA{Cva@4hRPORKQ5iRUGJemoc{4xq89l**6_G9a
zEj*j{H}65T6FZzwDakyOdG`77{#RB-uZzgNaqyPx^5qMI9%SFkzF4`Gac4vHM)vXh
z$4b5}nY+zn!`Wer>=&J1Q@mzcVaqjsYihFBhOk29As<8TX8RP4s~A)fQ#4u-U^#ky
z+x5)#g@<?US-<B@-1?YDou77I*8gVzk3qs>u<~1_Y2~`gR<9YK*q{1-iurWS>hf>q
zRz-tlgQrPkv6tfn;$sz=PiUvJ&Sae~A025KxkZ}(o^G*ycuJvpYFw&CP|S{nJA|7O
z3s;x+c$0hc(5;Ud>+{w>*mFPT_QT80XQ%J}>Swp!^5Xc@&Q-1-s%t`@PPzOneaHG8
zr{1TOktW1V2%GRVzo-9S8*DZfkz+2DoEiH#zi{d#Cd--k<!ZSR>m18)Q{txi$G0CR
zK5{;8om7;Rmel&&#;=3F6n<a!x!{TXUDvlGT23-JX;5mAKeNZozl@@ddbLPvv8^?|
z<&u_ptw?QIU52(bF$?P@St&YU@y@cALwyiAXx)u2myFZ9jIsPezHH;$v#8_JdDn~|
zbx0Czuk|gzeAsxwV=uvioL>CyX%@B9JNF+z*=6@?<iQ}>6j{xnqU`5kUnBFEzFn5J
z_~_u0$%iFzk=c_4fdWqD`kdsPT{$xo=708hn`$oW)W_uYAJ5O+JLCMvGpS*jU>$YC
z^L4>%WSqUF54Ik)cu{_}aAUkv7(Fayn&aHH=BWo<N@o*>29Ub>m+lbyS#^3hXZ>7%
zkK<dHY#q7(NX{^)6))05R)2DQIC#3-m#BIEp0VesCjNl~<;%OTIBNagFT}m*@9b;$
zr`)$?tlF?@Lq?z(f6c*xcgaWk9r2GCIB=!ebNP#yOO`9=U#fX-T`PTG(nT=W_eRFS
zz`X(Oy84oK4on!^ZEQl0cfR+S+tf!9KVH>Zx0%&-T7JsDfSi4Q-OEV`d;6GJ;E~tW
zdQp%?yd5|`FqfOauf93GFskstn(qNmLjy;>n=F6uZfW4`o7=Xz4V*QawmNIo#X{lU
z4`YsUy0BMsM^#Nuy)!ms#sG`e6SKwHJNJIx=b7{3>F5y??@aqBk0~zxd)SdnuPeMO
zGAo4HHDLvR4$GhHdguDQYO_6-Z<mx>PK+7$w`@z|<c~|Q9K3SriV>Yne?9i{;p~!k
zTkJDFC8p09Ul{Uz&+a3~@7oj?6+Dce`o7(4t1g58u3A-j?9jl3(b4%H(?1GtzM1uK
zS&wkb+=3TL4|BZY{m*V(Hg((7)}K78DkjTBf(L&V6dW*#3AA6*)0-(SU7su}UjKSs
z{2}p}0qst?mY)3m(e`Omp9Q?!a`p6s(^np)%{cPWxWZdL@Fue$HrqBMX0!8_{Hm9W
zGt#XlSa}^k@-wLle8!1APhU2A<L2~!&Tng<&szCx2Y1KD^bs!3x6>ZTYka?@MUNjj
zK0ng!+C~=(*&E*@6KgKM|GRA2`08Wg55$`AlD<cV?{VJi?3E<`{>1ywv7!oIP2ua&
zPJ3k^{3-_DsJb=d%j6Sxq<25xwHv=lo?msY((;JV=HYKSeRDs4j{Ef5BHr|k?}PD)
z%M$+lcD(retJYuIznXFI$9~?4n8%+dotSj(bXfbUb|&*T{#f<%*8C?oy)Jv*vG%lH
zvMjw<FH5r?`R}+_S3cQsU`MBGmy$w$$}6P1%N~7y`gQoV&~Nvu+te<)R<Ku|^<Gl7
zJL^y8dF%7Nj$M^Izuo?A&()IYRXJ6;kIv`!O6&J+$d7>cH@<Mr@3`(?!z!Eh;~S}F
z&ik)@Z*HOjKz1cRI8+wu=gZ`XV(i#lQ8>>oAw~>^p#b3Ik|1VtqIohxI4_bfbS75i
z6%Yx0t}}5o-H+@icH>3yy%Qz8pu`cuoWy7jgG+Q_nK~sfAq6o!8Jmz0BM?fN3C=`?
zUMBPzP9_lviXyUTXQC_oKtiZr0KrWp;SuO|_O=|dy#v94VF%J39B2-M2oy3%Cy}Wn
zD%qAoWzxt@8ii2zkH|8GJ~>Ia5zIh$&$`D!e>oGQWHK?6M2e4(w~MFRi6oIEkilS(
z$P^NVVhfe9mCA)Oc7m-?YOPd)=yB&sITF5D#uo_*uwHh!C|2f7B*G6u|0&zW<)F_I
z$4Uf>r*JtWo`4s_6Uw9{&<-RuB?qB{3JRrlm_z8364+u$h}@izpPy#2n3yIdrLsU?
zJt9p$P#P>3^GJa_sVG*$;X%c%o2s`|<`D-$Q3vfmP~;H@;n1WizCaKwl}Xq#k)&yb
zDg`t_5*!fOv^)Z(j3kb11{HUHjAmISDo`<=PzrSisHZg12_Q1PG^=U)`C^q`+5k!@
z18Om~$x4fn`CrpdM6;WPOvaCBrYpcX&5H37_|1sHIZ82wDJm_*iOXR|h$Jy=8H*po
zj^vTV!bm4lePTU~a7h_oCg7<^Lpl@|?JAHpOhqyTeAv>N0=5t$Kf#vEi(tnJWJK1B
zKUS75+2=%p%~rr~D633us8Ug-#!q*G2xa;~UW&_>vEA7+9t-k64z^?mTZ&^a=)fdX
znH2IsvLlmBb|R^jRcV<bPsHU%$p4X+`jU-wxJh_WEgI@@2nK0P8dL{RwI(Vho6;eY
z1dBuhmeS+auOvVV39yGH^z&nL_(FJjp}(?W3Uzft4fXl?F@1zm8C%HV`M9&7hT8G@
zTqd3D$PSNiVB3-%9qess5#bD5HW&Kgz>Q!t?0F7s8kMHd+)!LiwY!KD3p-FqwQ|_t
zia3yZv~x2f*gP7K%b?qa)5xGL2tto!FnDZRE`=AtptB>$JV*3FD$3Lz<S&6{RzkKw
zrA%xr+z@vP*^xn^F{nd5-G_o81Eje+(ivoTDhRdF%@Jut6Y^@$2;>R5e0VT%6R@RH
z7PMp|ieN$}j_7EVuO{!#lknqsTu+H8Mll?T*%B!a_SVis#9gD~SDo=G{5_MePLRDr
z1ju!ygxfkegmZ0aT>Eg_a4rq{lg4I;(-|}>mj<;>O}xHNumLKwAxaRAVEVZbYFM<Z
zh&QEOq%|?h+BG5H)MF&ga-&q!D8F6>LY@jaD&7Y6AW#?g=1ZZ`O|FuG_^%+|l!mED
z2ISaa-}P&bQKq2*naSqB{fi}KL;VD%PbICs%1R0NLCOM6bdLxwkKyRR<JnT|LAEU|
z9HiT_!$FEIC)|+=hEqY%-jR;zR}pXi8Szm(VZHZM_gTuCC`vW2L@J7q#j_<m*GR}E
z)HyGo`sjhsr2A58ZYbLPBREmeNW$Z?NJ#6DgvKIG4=w)@_BbM898V&{z#!C1*ibah
zlSo++uy<gK#R5Ku4fh2S<X{LgQG=v7A-68lL>(#8Toq0KgDw8o{q>(Z9M~ST=&$Od
zz1IEp7lW<7w<>z8N~owr<bS7Ma+M=4VjOkewXtE;ds3BJqDD+mv&bgQ54KR8wE17#
z;y;W1l(gz?5gCk?<4MDC0EsQs!v`moIWZFs0a-}k>O@k@s_(B2#DZjOXn9#2pxilR
z1xTQXzoB%a5-NJ2um+lLGrif;5WbWjF5vk?BbFG}!181Zq&!8<n=7G7Pq2h7ltO02
z6LRFNU`cFKni`Z*S2iL5nr2E_AX<mI1oe`B>;$-M5I>Rk4}&czVuIEHnDHzM-HxpI
z2m1zPQoVkqLx5AG)C)#6jQ8p^#tQi|RscVNCy*i<6-o6<(dMYsT16EcX~KX92%s6_
z2q+qms$?QzNyF}??0Sm%H8e$ble2}t3Tjw>5M0n&S<~g3?ZVC03#oKaJX^+z@{)*R
z#Tcvo4|%I=Duj_2GZKCbj1a3lZ|%#ynJ@o1@FKmSEN_kiVb%P4@Rjl~jP)uMW~ZF^
z*9j?7niX;r2}DrumNjZ&y=pk#Z;GLYB`{75>V*|Gmnx7}w7x7YA8LACqgB$IXh0(+
zF(NLH73ejzPFC^fucc(Ln+gc@ck>7es*_YC{aR821>_VuG~rM*0siaPGLaG<JmWy6
zlz;zPE?f``E%Tsaia(o`YT6D^w4e`l)`h8?qVmelrb115-f|tHjH(r5%H<l^qF@4>
zg&xLM(H)e8DZRZH6JLC}`GpN9l;v*K86%@2{tSzeAu^a41C>i>xMZvx9Sc-!@7Fz1
zhuk6!u@_97Aw=WR$npww#mEp8v6vW0r`9zO6JhpvHnQ{;|J97yBRpebj6y|-#-WkD
zT$!#blu;OUHN|3OREjo622$<o#BfO2i-U`FDgK}!4hsuyS{WKhalj{Q&d~m=pEF1%
z6T+MsWWsRhV_ijYAB=zuZ6baU@pzaVB|5plnbA3uA@(5N!kiuH5P3So9R+oMSWJ(O
zxIRqW(GXPd$ep9Y@N|qjWYUa<J9r1TZZ!+bOdHSK(P8dj*QrZ}M??G{7V<#4R<R16
z$)nPB&uPMkWH2vEf{t2oM?>rtZ(b9QSI}q$>0!7JRw#6&s#xrfLPZ$IG~ywT!W(rI
zI9ky~r-?2fVj_=%jFbNr<UymIPLc;|H{zj_3ryruk(ExonVtjUHgzmssXMsq#l&KH
zpo3OJ9y-0i8+p*&4xXc<(WdUq(UFk|6MJarfywmf$WVzl_MqvxpEFevvcU5^bkhs>
zF^g8@k&(C&8+nMq;*C7iZ$ck*XqpFVvmgyRXce%4WMoQ-H}asxl{&vk(<%0}GCX_4
zgfJN%NJluw8+i^2^59vzPA#y|kTpt7L!LddJ%EWk3Od8U8+nR|MX^4nQ{*9z3=?-~
zG=_;gu<n~;xI2=fSkZ(w6=2KLDX&S<hCP~gUK6jIuyy1q_wy()eH0`f!+p4^6@Ta!
zE+*q+Anq1#ep3-{D%sO1$H~xU)I+-_ChkCVNdRx;DOSjIkUUVUm<2H*jO5{UfehLY
zLe4=zA9d;+ggp|%V+&if*^gx)V=Ufm4_X~V=!48qhi2*&5E-Dcu!qbLF&UpDUTqKN
zP7!ZH8$`N99lDf<g*u9M5hvPB@Md{Xl<5aWnb2&3rd#Zh5p%%89_WZHGh;G65Vv~^
z5NUqS(DE2G*@NjroDuG43!rwR9u-*_#YP_makzN1K1Iw4{Rnfmhv`E@YW(wu`aw+Q
zM@A+ZnD}!<q;N+c>^vdnAo}2-6FsVkd-}AR@HrqfU?R^RuQ8`$<b(WY9eIe0z&&@+
zOSiN+N2c9ZOc;p6#hd9tJF<T8m>1@(*xEx^adA%{=zxSEm^>#MtYR`g2c)aujy}|L
zLc4rAHSp08i@-u3x?+imJ@nWv-q=$_ozRe1_oWl`>lOGnKJ<$`SlDwwD96MeUca0N
zPxSnpq5WCp^gDXC760_1@go-c=vu9HBEb&cY)>&|P_U=)oDMn@w`euvLw5@>ncjb9
zwWX<7)YQLjLwS_H`S-Lm`??Qp-twXHCK=`HSZ404f44{dJ8GJE?SP7;;*B#%K%fxP
zt#{D4DZVZT`z<(RfOcx?!eHFHEp&Xu;<eDjA((nT1>qNOZVMiB5b78@!yI}l3k!4T
zQC3XMp`#R@nRC<`<{Xij4GVLQT15(|6rP#Woj3smwc8Ly)|oI_9f*FR9M9yTYd5$b
z>Od-DLRjpsUJ4s|=)>?#o(@f~=-N0<5bd4V$V0{OOrGv6>4WI`08EyLN?{`p{Z=xb
z$wSvnaql*@ThphIwK|MYFNSCG&^=rHlZRFni{(+!sTwBBs~5vFdAhS5LqU%eU?LBd
z!bTn{hG+70<`4;mrcJO(LEpoHjXPBAUvY=yMa36ump;$ki=Hb*UVQz3VNp?e>>K|1
zUw?oRS;4{7`O!CM{HwnIAAiNQazz+A0Dx>|A&tX-%%Ihpuy)(X2q<{uPVrg<=<u*E
znH~DRcT5oj1=&!<WO#VxuJJo9kb2_Y@Q{jP;jaE$)|j|MHxKY;c<?w^_ufgJ8t_15
za|;W3=y@GX+||E!2yf&;$4zyTJJkREPmqVKi~K9{{(pq(P3crb-0-zGK~3Lm;{@Hx
z$AoTP;>L1#666|I=+<fhKU~6=$O$0X4n7jvpj3U(?u1_3$5b3v@PqGTf%Zz8N^Vlh
z$IT77_DKre<3jN9aI*&)_V%_EJNT){&B9ETaw>Y@>w%fjg{SaMK#J=oAsMx_#^pod
zD@p~iit<$D)k!4CX~8@G3R%_s#<F3*kX6lZEL$%+3cg|q>P3pjHA+^If^RWa!Wsl!
zc+P|Gk!qaOxU}Nlrcm^9Xz2QwI+?~9O$vrJC#aH9C#dXdD%X-L?nhCkLYJOH_pOuA
z3)eMXor0cu`L`eHTl8-=X^_`HL<2bLS$eqCG0~8shf4!E>REcY)G^VJqK8WZIO<t?
zxYRMxkfMi6132ngdbrdv(U78tO9MFSS$eqCG0~8shf4!E>REcY)G^VJqK8WZIO<t?
zxYRMxkfMi6132ngdbrdv(U78tO9MFSS$eqCG0~8shf4!E>REcY)G^VJqK8WZIO<t?
zxYRMxkfMi6132ngdbrdv(U78tO9MFSS$eqCG0~8shf4!E>REcY)G^VJqK8WZIO<t?
zxYRMxkfMi6132ngdbrdv(U78tO9MFSS$eqCG0~8shf4!E>REcY)G^VJqK8WZIO<t?
zxYRMxkfMi6132ng8sRc^a!G(r^hfh#1fG!VOpGVGuv|rf%K!i%aJ&Qk03fk103^=_
zfZCtX?{WZ$B?G{#NdUlH3jh|P6%)^T0)SCRA9vT_gyMs%#|jFkbUyF$^G$*0{p|2j
zD_8FuYqPk;l<E79p7T8wI@z4G$YerF!SIB)g#Dp%$=C(l^}YAYLkFEYP2{$>o+?f&
zTzsx?+ufr|w&Z<C=oh{Fb?{laQ`xs4n|{{*IR5kfX!kiktp+4-?e{jlh&%FP+W~_-
zZHf+0Db1Lle{a>v$6Y(RTGUkV544K9I*j+ECTWlnE6#`>wW50J?l--Fk6&7tFKP9%
zw$-Kr!+;(pnTuMdq<WstmYI9KdXnE}Y1g4kx_mHM?wXqb+zGku-&344``HopE;G+p
zTe1dGylWhi1)WCk-m}wk@{>c<0Lk?EE5?YYKJne}lFHe7d&6ZA@NoZ8Y3EnuYw16m
zVe;{)(S#azA+^V5smrRnrz>R%x98^XUDZD~wC}Em3%*?HZUrROjyRZn)|hzx{*~`9
zS4L4<i48sEeA<Too)4#WXXgFPo_xtzEO%{TLG~I@zQEq6ySO+!ll`MlaP)XVGNbDS
zdV7O4oFL}Byw9$qyzajmcl-3fE%JexJKDDIcVSMa=qKBZYW#;({5d9P+`7sQ8$C-)
z{dNXjnfakj>p?6tQNbLeh;65{VgqD7YrNVQ&N3jrvvgl+I%(o4aMiUoGeY|WB-wm!
zQJhyTt2sdH*5P<wk|EIZ*s?)B=R$K1*%HRP+5~6M`n{Lf%WzK0b?*C%U6*IhCPoo6
z+ATOXW!UYPm0d6H>CE51Xz}1acC<9h*L&yLTm<)Xz8ZGpR9hr|-F&d!m)03Mr&<^O
z#g2*nY~^lhHKd^Z?2<NB<7S?+8XQ`2VsM9~DF065q86EvTgb~Fzu3NrJgnE4V_!O~
z37+{~N{Ii<s7Fb8?6hsIax4pr-{(cQ&ye~)C`tAIv?j6Ox07t|IUnUIt4$-vzCAYO
zK$q)Asr&l>{RG(3wdl-2;{2jh<7}!Xw{6|h!^FOHSa#vy+o$YHZ!L+uod2oY*P~`X
ztY~&75hDQUyMVi&3Jm6qag;IEQI=k~b*IeZODp$dM#MZzkL%pAPBUIrlUTqogLd7`
sp11$<a>`W3LcgOw{8N5fxwHa?J)9Fhb`|FtWJrLI#|ZbmLnqDpf3xsuy#N3J

literal 0
HcmV?d00001

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': ''
+        }
+      },
+    }
+  }
 });