首页 banner 更换icon 文字居中

地图支持收缩放大停车服务 bug修复

首页 banner 更换icon 文字居中
地图支持收缩放大停车服务 bug修复
Andy
1 parent 99634e99
Showing 7 changed files with 59 additions and 3 deletions
src/api/park.js
src/assets/park/phone_ewm.png
src/views/about.vue
src/views/center.vue
src/views/home.vue
src/views/payback/index.vue
src/views/service.vue
+import request from '@/utils/request'
+
+/**
+ * 获取车主账户
+ * @param param
+ */
+export function queryParkLotInfoByOrgId(param) {
+  return request({
+    url: '/realTime/queryParkLotInfoByOrgId',
+    method: 'post',
+    data:param
+  })
+}
@@ -106,6 +106,13 @@
       map.addOverlay(marker); //在地图中添加marker
       map.centerAndZoom(point, 15);
+      map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
+      var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
+      var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
+      var top_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}); //右上角，仅包含平移和缩放按钮
+      map.addControl(top_left_control);
+      map.addControl(top_left_navigation);
+      map.addControl(top_right_navigation);
       var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
       map.openInfoWindow(infoWindow, point); //开启信息窗口
     }
@@ -53,7 +53,7 @@ export default {
 <style scoped lang="scss">
   .banner {
-    background: url("../assets/center/center.png");
+    background: url("../assets/center/center.png") no-repeat;
   }
   .des-wrap {
@@ -78,6 +78,7 @@
 </template>
 <script>
+  import {queryParkLotInfoByOrgId} from '@/api/park';
   export default {
     name: 'home',
     mounted() {
@@ -92,6 +93,24 @@
       map.addControl(top_left_control);
       map.addControl(top_left_navigation);
       map.addControl(top_right_navigation);
+      this.showParking();
+    },
+    methods:{
+      showParking:function () {
+        let req={
+          sysCode:'1001',
+          orgId:'1003'
+        }
+        queryParkLotInfoByOrgId(req).then(response =>{
+          if(response.code=='8888'){
+            debugger
+            this.orgs = response.data;
+          }else{
+            console.log(response);
+          }
+
+        });
+      }
     }
   }
 </script>
@@ -120,8 +120,9 @@
         <!--<img style="display: block;width: 100%" :src="url" >-->
       <!--</div>-->
-      <div>
+      <div style="position: relative;height: 150px" >
         <div id="qrcode"></div>
+        <div class="qecode_Bg"></div>
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button type="primary" @click="onBack">确 定</el-button>
@@ -328,6 +329,22 @@
     background-color: #FFF;
     padding: 15px;
   }
+  #qrcode{
+    position: absolute;
+    top: 30px;
+    left: 50px;
+    height: 100px;
+    width: 100px;
+  }
+  .qecode_Bg{
+    height: 220px;
+    width: 139px;
+    background: url("../../assets/park/phone_ewm.png") no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    top: -22px;
+    left: 180px;
+  }
 </style>
@@ -45,7 +45,7 @@
             <el-menu-item index="/service/myevaluate">我的评价</el-menu-item>
           </el-submenu>
           <el-menu-item  @click="logout">
-            <i class="el-icon-finished"></i>
+            <i class="el-icon-switch-button"></i>
             <span slot="title">退出服务</span>
           </el-menu-item>
         </el-menu>