首页add 地图缩放

底部添加跳转链接删除无用代码

首页add 地图缩放
底部添加跳转链接删除无用代码
Andy
1 parent 7df6e77e
Showing 14 changed files with 155 additions and 48 deletions
src/api/user.js
src/assets/footer_ico.png
src/assets/service/nodatacard.png
src/components/VFooter.vue
src/permission.js
src/store/modules/user.js
src/utils/request.js
src/views/cardticket/index.vue
src/views/home.vue
src/views/information/index.vue
src/views/login/index.vue
src/views/mycar/index.vue
src/views/myevaluate/index.vue
src/views/service.vue
@@ -36,7 +36,6 @@ export function logout() {
 }
 export function uploadUserPic(file){
-  debugger
   return request({
     url: '/personPc/uploadUserPic',
     method: 'post',
 <template>
     <div class="footer">
-      <span>《隐私权政策》    《权益保障承诺书》     鄂ICP备19013449号</span>
+      <div class="footer-top">
+        <ul class="fl footer-nav">
+          <router-link
+            tag="li"
+            :to="{path:list.routerLink}"
+            v-for="(list, index) in navList"
+            :key="index"
+            >
+            {{list.name}}
+          </router-link>
+        </ul>
+        <div class="fr footer-rem">
+          <div class="footer-tit">黄石停车APP</div>
+          <div class="footer-icon"></div>
+        </div>
+      </div>
+      <div class="footer-bottom">
+        <div >《隐私权政策》    《权益保障承诺书》     鄂ICP备19013449号</div>
+      </div>
     </div>
 </template>
 <script>
 export default {
-  name: 'VFooter'
+  name: 'VFooter',
+  data(){
+    return {
+      navList:[
+        {name:'官网中心',routerLink:'/center'},
+        {name:'黄石停车',routerLink:'/park'},
+        {name:'关于我们',routerLink:'/about'},
+      ],
+
+
+    }
+  }
 }
 </script>
 <style scoped lang="scss">
 .footer{
-  height:64px;
-  line-height: 64px;
+  height: 280px;
+  width:100%;
   background:rgba(6,8,10,1);
-  color:rgba(255,255,255,0.65);
+  .footer-top{
+    height: 216px;
+    margin: 0 auto;
+    width: 1010px;
+    .footer-nav{
+      margin-top: 25px;
+      li{
+        width:56px;
+        height:20px;
+        font-size:14px;
+        font-family:PingFangSC-Regular;
+        font-weight:400;
+        color:rgba(255,255,255,1);
+        line-height:20px;
+        margin-top: 20px;
+      }
+    }
+    .footer-rem{
+      margin-top: 35px;
+      width: 129px;
+      height: 188px;
+      .footer-tit{
+        width:84px;
+        height:20px;
+        font-size:14px;
+        font-family:PingFangSC-Regular;
+        font-weight:400;
+        color:rgba(255,255,255,1);
+        line-height:20px;
+        margin-bottom: 11px;
+      }
+      .footer-icon{
+        width:129px;
+        height:129px;
+        background: url("../assets/footer_ico.png") no-repeat;
+      }
+
+    }
+
+  }
+  .footer-bottom{
+    border-top:1px solid rgba(255,255,255,0.25);;
+    width: 100%;
+    height: 62px;
+    line-height: 60px;
+    font-family:PingFangSC-Regular;
+    font-weight:400;
+    color:rgba(255,255,255,0.65);
+    div{
+      font-size:14px;
+      width: 500px;
+      margin: 0 auto;
+      text-align: center;
+    }
+    /*text-align: center;*/
+  }
 }
 </style>
@@ -11,7 +11,6 @@ NProgress.configure({showSpinner: false}) // NProgress Configuration
 const whiteList = ['/login'] // no redirect whitelist
 router.beforeEach(async (to, from, next) => {
-  debugger
   // start progress bar
   NProgress.start()
   if (to.path.indexOf("service") == -1) {
@@ -27,7 +27,6 @@ const mutations = {
 const actions = {
   // user login
   login({ commit }, userInfo) {
-    debugger
     const { phone, password } = userInfo
     return new Promise((resolve, reject) => {
       login({ userPhone: phone.trim(), validatorCode: password }).then(response => {
@@ -43,16 +43,16 @@ service.interceptors.response.use(
    * You can also judge the status by HTTP Status Code
    */
   response => {
-    const res = response.data
+    const res = response.data;
     // if the custom code is not 20000, it is judged as an error.
     if (res.code !='8888') {
       Message({
-        message: res.message || 'Error',
+        message: res.msg || 'Error',
         type: 'error',
         duration: 5 * 1000
       })
-      return Promise.reject(new Error(res.message || 'Error'))
+      return Promise.reject(res.msg)
     } else {
       return res
     }
@@ -60,7 +60,7 @@ service.interceptors.response.use(
   error => {
     console.log('err' + error) // for debug
     Message({
-      message: error.message,
+      message: res.msg || '服务异常',
       type: 'error',
       duration: 5 * 1000
     })
 <template>
   <div class="app-container" style="padding: 0px">
+    <div class="card_null" v-if="ticketList===null || ticketList.length===0" >
+      <img src="../../assets/service/nodatacard.png" alt=""/>
+      <p class="card_nulltit">暂无卡券</p>
+    </div>
     <!--卡券 sta-->
-    <el-row :gutter="16" class="">
-      <el-col :span="6" v-for="(ticket,id) in ticketList" :key="id" class="margin-bottom16">
-        <el-card class="box-card">
-          <div class="ticket-title boxshadow-4 eff-bgcolor " >
-            <div class=" float-left eff-icon"></div>
-            <div class="ticket-name hs-hidden-nowrap hs-cursor-pointer float-left" >{{ticket.orgName}}-{{ticket.cardName}}</div>
-            <div class="ticket-oper float-right">有效</div>
-          </div>
-          <div class="ticket-content">
-            <div class="ticket-main clearfix" >
-              <div class=" hs-hidden-nowrap hs-cursor-pointer float-left ticket-effmoney"  >{{ticket.fullCutValue | fen2Yuan}}</div>
+    <div v-else>
+      <el-row :gutter="16" >
+        <el-col :span="6" v-for="(ticket,id) in ticketList" :key="id" class="margin-bottom16">
+          <el-card class="box-card">
+            <div class="ticket-title boxshadow-4 eff-bgcolor " >
+              <div class=" float-left eff-icon"></div>
+              <div class="ticket-name hs-hidden-nowrap hs-cursor-pointer float-left" >{{ticket.orgName}}-{{ticket.cardName}}</div>
+              <div class="ticket-oper float-right">有效</div>
+            </div>
+            <div class="ticket-content">
+              <div class="ticket-main clearfix" >
+                <div class=" hs-hidden-nowrap hs-cursor-pointer float-left ticket-effmoney"  >{{ticket.fullCutValue | fen2Yuan}}</div>
-              <div class="ticket-notes float-left">元 优惠券</div>
+                <div class="ticket-notes float-left">元 优惠券</div>
+              </div>
+              <div class="ticket-time">有效时间:{{ticket.endTime | string2Date(1)}}</div>
             </div>
-            <div class="ticket-time">有效时间:{{ticket.endTime | string2Date(1)}}</div>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
+          </el-card>
+        </el-col>
+      </el-row>
+    </div>
   </div>
 </template>
@@ -29,16 +35,7 @@
 export default {
   data() {
     return {
-      ticketList:[
-        /*{
-          id:'123',
-          ptype:'1',
-          plname:'静雅地上停车场',
-          pname:'有效',
-          pmoney:'50',
-          ptime:'2019/8/30',
-        }*/
-      ]
+      ticketList:[]
     }
   },
   methods: {
@@ -154,6 +151,21 @@ export default {
     line-height:20px;
     margin-left: 16px;
   }
+  .card_null{
+    margin-top: 50px;
+    text-align: center;
+  }
+  .card_null img{
+    width: 184px;
+    height: 184px;
+  }
+  .card_nulltit{
+    font-size: 20px;
+    font-weight: 400;
+    height: 30px;
+    line-height: 30px;
+    color: rgb(144, 147, 153);
+  }
 </style>
@@ -80,9 +80,16 @@
     name: 'home',
     mounted() {
       // 百度地图API功能
-      var map = new BMap.Map("map");
+      var map = new BMap.Map("map", {enableMapClick:false});
       var point = new BMap.Point(115.078186, 30.232887);
       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);
     }
   }
 </script>
@@ -110,7 +117,7 @@
     height: 368px;
     position: absolute;
     top:200px;
-    right: 20px;
+    right: 80px;
     background: url("../assets/home/berth.png") no-repeat;
     p{
       padding-top: 20px;
@@ -185,7 +192,7 @@
       content: '';
       position: absolute;
       right: 14px;
-      bottom: 27px;
+      bottom: 36px;
       transform: rotate(-45deg);
       width: 25px;
       height: 1px;
@@ -100,7 +100,6 @@
       },
       handleAvatarSuccess(res, file) {
         this.imageUrl = URL.createObjectURL(file.raw);
-        debugger
       },
       beforeAvatarUpload(file) {
        let that = this;
@@ -146,7 +145,6 @@
               };
             updatePersonByCustId(req).then(response =>{
                if(response.code ='8888'){
-                 debugger
                  let userInfo = this.$store.state.user.userInfo;
                  userInfo.custName=username;
                  userInfo.sex=sex;
@@ -234,9 +234,9 @@ export default {
       max-width: 100%;
       /*padding: 160px 35px 0;*/
       /*margin: 0 auto;*/
-      top: 50%;
+      top: 150px;
       left: 50%;
-      transform: translate(-50%, -50%);
+      margin-left: -200px;
       overflow: hidden;
       background: rgba(26, 29, 41, .6);
     }
@@ -108,7 +108,7 @@
     methods: {
       /**校验是否已经绑定*/
       checkCarNum(formName){
-        debugger
+        // debugger
         //checkBoundCarNum
         let that = this;
         let custId = this.form.custId;
@@ -192,7 +192,7 @@
           sysCode:'1001',
           carBindingStatus:2, //解绑
         };
-        debugger
+        // debugger
         unboundCarNum(req).then(response =>{
           if(response.code ='8888'){
             this.$message({
@@ -99,6 +99,7 @@
         dialogFormVisible: false,
         total: 10,
         currentPage: 1,
+        pagerCount:1,
         pageSize: 5,
         orderData: [],
         rules:{
@@ -44,6 +44,10 @@
             <el-menu-item index="/service/information">个人资料</el-menu-item>
             <el-menu-item index="/service/myevaluate">我的评价</el-menu-item>
           </el-submenu>
+          <el-menu-item  @click="logout">
+            <i class="el-icon-finished"></i>
+            <span slot="title">退出服务</span>
+          </el-menu-item>
         </el-menu>
       </el-aside>
@@ -69,6 +73,10 @@
       },
       handleClose(key, keyPath) {
         console.log(key, keyPath);
+      },
+      async logout() {
+        await this.$store.dispatch('user/logout')
+        this.$router.push(`/login?redirect=${this.$route.fullPath}`)
       }
     }
   }