From def60f21ce374b940ba7e11681a9d7fa73403085 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Fri, 3 Mar 2023 16:25:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8D=95=E8=BD=A6=E7=9B=91?=
 =?UTF-8?q?=E6=B5=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/assets/images/platebg.png        | Bin 0 -> 19923 bytes
 .../carMonitoring/index.vue                   | 166 ++++++++++++++----
 ruoyi-ui/vite.config.js                       |   4 +-
 3 files changed, 130 insertions(+), 40 deletions(-)
 create mode 100644 ruoyi-ui/src/assets/images/platebg.png

diff --git a/ruoyi-ui/src/assets/images/platebg.png b/ruoyi-ui/src/assets/images/platebg.png
new file mode 100644
index 0000000000000000000000000000000000000000..f66cff9a70f522c422d1cd91955a23934a7e2616
GIT binary patch
literal 19923
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
EKke`LdH?_b

literal 0
HcmV?d00001

diff --git a/ruoyi-ui/src/views/realTimeMonitoring/carMonitoring/index.vue b/ruoyi-ui/src/views/realTimeMonitoring/carMonitoring/index.vue
index 9265338..d318e59 100644
--- a/ruoyi-ui/src/views/realTimeMonitoring/carMonitoring/index.vue
+++ b/ruoyi-ui/src/views/realTimeMonitoring/carMonitoring/index.vue
@@ -14,9 +14,25 @@
         <!--        </div>-->
       </el-col>
       <el-col :offset="1" :span="11">
-        <div style="width: 100%;text-align: center">
-          <p style="font-weight: 600;font-size: 20px;margin-top: 32px">单车监控</p>
-          <p style="font-weight: 600;font-size: 16px;color:#cba658">{{ cardInfo.carLicense }} 里程：000.00km</p>
+        <div style="width: 100%;text-align: center;height: 100px">
+          <div style="width: calc(50% - 50px);float:left;">
+            <span style="font-weight: 600;font-size: 16px;color:#cba658;line-height: 40px">
+            <span class="platebg">
+              <span class="span1">{{ cardInfo.carLicense.slice(0, 2) }}</span>
+              <span class="span2">{{ cardInfo.carLicense.slice(2, 7) }}</span>
+            </span>
+            </span>
+          </div>
+          <div style="width: 100px;float:left;">
+            <span style="font-weight: 600;font-size: 20px;line-height: 100px">单车监控</span>
+          </div>
+          <div style="width: calc(50% - 50px);float:left;">
+            <span style="font-weight: 600;font-size: 16px;color:#cba658;line-height: 100px">
+              <span style="vertical-align:top;">
+            里程：000.00km
+              </span>
+            </span>
+          </div>
         </div>
         <div v-for="(item,index) in 5" key="index" style="margin-bottom: 18px">
           <div
@@ -44,7 +60,7 @@
         >
           <el-tab-pane label="有车载设备车辆" name="有车载设备车辆">
             <el-form ref="queryRef" :inline="true" :model="queryParams"
-                     label-width="60px">
+                     label-width="60px" max-height="800">
               <el-form-item label="车队" prop="carQueueId">
                 <el-input
                     v-model="queryParams.carQueueId"
@@ -76,7 +92,7 @@
                 @current-change="tableChange"
             >
               <el-table-column label="label" prop="label"/>
-              <el-table-column label="id" prop="id" v-if="false" />
+              <el-table-column v-if="false" label="id" prop="id"/>
             </el-table>
 
             <pagination
@@ -97,15 +113,56 @@
 </template>
 
 <script setup>
-import {listBaseCar,getCarGpsList} from '@/api/realTimeMonitoring/carMonitoring'
+import {listBaseCar, getCarGpsList} from '@/api/realTimeMonitoring/carMonitoring'
 import AMapLoader from '@amap/amap-jsapi-loader';
 import {useI18n} from "vue-i18n";
 import {ref} from 'vue'
+import {useRouter} from 'vue-router';
+import {parseTime} from "@/utils/ruoyi";
 
 const {proxy} = getCurrentInstance();
-
+const $router = useRouter();
 const {t} = useI18n();
+const pageId = ref('')
 const tableRef1 = ref()
+let map = null
+const markers = ref(null)
+
+AMapLoader.load({
+  key: "ba8fb8d8bae1b280b93406d5959d492f",             // 申请好的Web端开发者Key，首次调用 load 时必填
+  // version: "1.4.15",      //
+  version: "2.0",      //
+  plugins: [],
+
+  AMapUI: {
+    version: '1.1',
+    plugins: []
+  }
+}).then((AMap) => {
+  map = new AMap.Map("container", {  //设置地图容器id
+    viewMode: "3D",    //是否为3D地图模式
+    zoom: 16,           //初始化地图级别
+    center: [116.397428, 39.90923], //初始化地图中心点位置
+  });
+}).catch(e => {
+  console.log(e);
+})
+proxy.$nextTick(async () => {
+  pageId.value = $router?.currentRoute?.value?.query?.id
+  if (pageId.value) {
+    // await tableChange({id: pageId.value})
+    const {rows: list} = await listBaseCar(queryParams.value)
+    tableData.value = list.map(e => {
+      return {
+        label: e.carLicense,
+        ...e
+      }
+    })
+    tableRef1.value.setCurrentRow(tableData.value.find(e => e.id === pageId.value))
+  } else {
+    getList()
+  }
+})
 
 // 总条数
 const total = ref(0);
@@ -114,7 +171,7 @@ const getList = async () => {
   tableData.value = list.map(e => {
     return {
       label: e.carLicense,
-      id:e.id
+      ...e
     }
   })
   total.value = tableData.value.length
@@ -122,16 +179,27 @@ const getList = async () => {
 }
 
 const tableChange = async (e) => {
-  const {data:info} = await getCarGpsList({id:e.id})
-  console.log(info)
+  pageId.value = e.id
+  const {data: info} = await getCarGpsList({id: pageId.value})
   cardInfo.value = {
-    carLicense:info[0].carLicense
+    carLicense: info[0].carLicense
+  }
+  console.log(info)
+  let timeOut = () => {
+    setTimeout(() => {
+      if (map) {
+        console.log(111)
+        setMarker(info[0])
+        clearTimeout(timeOut)
+      }
+    }, 1000)
   }
+  timeOut()
 }
 
 const cardInfo = ref({
   name: '名称',
-  carLicense:''
+  carLicense: ''
 })
 
 const tabsName = ref('有车载设备车辆')
@@ -162,34 +230,20 @@ const resetQuery = () => {
   handleQuery();
   tableRef1.value.setCurrentRow()
 }
-let map = null
-let polyline = null
-let passedPolyline = null
-let mouseTool = null
-let path = [[116.478935, 39.997761], [103.85094, 35.987496], [106.205794, 38.458831], [108.983569, 34.285675], [111.761777, 40.875595]]
-AMapLoader.load({
-  key: "ba8fb8d8bae1b280b93406d5959d492f",             // 申请好的Web端开发者Key，首次调用 load 时必填
-  // version: "1.4.15",      //
-  version: "2.0",      //
-  plugins: [],
-
-  AMapUI: {
-    version: '1.1',
-    plugins: []
-  }
-}).then((AMap) => {
-  map = new AMap.Map("container", {  //设置地图容器id
-    viewMode: "3D",    //是否为3D地图模式
-    zoom: 16,           //初始化地图级别
-    center: [116.397428, 39.90923], //初始化地图中心点位置
+const setMarker = (res) => {
+  markers.value ? map.remove(markers.value) : ''
+  markers.value = new AMap.Marker({
+    content: '<div class="markerIcon" />',
+    position: [res.longitude, res.latitude],
+    anchor: 'bottom-center',
+    offset: new AMap.Pixel(0, 0),
   });
-
-}).catch(e => {
-  console.log(e);
-})
-getList()
+  map.add(markers.value)
+  map.setFitView()
+  map.setZoom(8)
+}
 </script>
-<style>
+<style lang="scss">
 .container1 {
   padding: 0px;
   margin: 0px;
@@ -211,4 +265,40 @@ getList()
 .el-tabs {
   border: 1px solid #ddd
 }
+
+.platebg {
+  display: inline-block;
+  width: 192px;
+  height: 60px;
+  background-image: url("../../../assets/images/platebg.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  line-height: 40px;
+  font-size: 30px;
+  color: #fff;
+  margin-top: 20px;
+
+  .span1 {
+    display: inline-block;
+    float: left;
+    line-height: 60px;
+    width: 32%;
+  }
+
+  .span2 {
+    display: inline-block;
+    float: left;
+    line-height: 60px;
+    width: 68%;
+    letter-spacing: 4px;
+  }
+}
+
+.markerIcon {
+  width: 65px;
+  height: 50px;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  background-image: url("../../../assets/images/trucks.png");
+}
 </style>
\ No newline at end of file
diff --git a/ruoyi-ui/vite.config.js b/ruoyi-ui/vite.config.js
index d3a8730..31d5c39 100644
--- a/ruoyi-ui/vite.config.js
+++ b/ruoyi-ui/vite.config.js
@@ -31,8 +31,8 @@ export default defineConfig(({mode, command}) => {
             proxy: {
                 // https://cn.vitejs.dev/config/#server-proxy
                 '/dev-api': {
-                    // target: 'http://10.11.41.249:8080',
-                    target: 'http://localhost:8080',
+                    target: 'http://10.11.41.249:8080',
+                    // target: 'http://localhost:8080',
                     changeOrigin: true,
                     rewrite: (p) => p.replace(/^\/dev-api/, '')
                 }