百度地图

songhua-ui/package.json

@@ -53,6 +53,7 @@
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
     "vue": "2.6.12",
+    "vue-baidu-map": "^0.21.22",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
     "vue-meta": "2.4.0",

songhua-ui/src/api/ship/shipMapping.js

@@ -42,3 +42,11 @@ export function delMapping(id) {
     method: 'delete'
   })
 }
+
+// 查询详细
+export function getShipRoute() {
+  return request({
+    url: '/shipMapping/shipRoute',
+    method: 'get'
+  })
+}

songhua-ui/src/assets/styles/shh_index.scss

@@ -10,6 +10,7 @@
   color: #3cdfff;
   text-align: center;
   line-height: 118px;
+  font-weight: bold;
 }
 .time{
   float: right;
@@ -310,7 +311,7 @@
   -webkit-text-fill-color:transparent;
 }
 .OTA_ranking ul{
-  padding: 0 0 0 10px;
+  padding: 0 0 0 36px;
 }
 .OTA_ranking ul li{
   float: left;
@@ -319,7 +320,7 @@
   height: 200px;
   text-align: center;
   background-size: 100% auto;
-  margin: 0 10px 0 0;
+  margin: 0 30px 0 0;
 }
 .OTA_ranking ul li img{
   display: block;

songhua-ui/src/main.js

@@ -1,5 +1,5 @@
 import Vue from 'vue'
-
+import BaiduMap from 'vue-baidu-map'
 import Cookies from 'js-cookie'
 
 import Element from 'element-ui'
@@ -87,3 +87,7 @@ new Vue({
   store,
   render: h => h(App)
 })
+Vue.use(BaiduMap, {
+  // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
+  ak: 'Qog1nZtgKesJwIoEFpbMke5QvfSkHsnj'
+})