lilei преди 4 години
родител
ревизия
240f4e258e
променени са 2 файла, в които са добавени 14 реда и са изтрити 10 реда
  1. 3 3
      src/config/router.config.js
  2. 11 7
      src/views/AvailableCoupon/couponCode.vue

+ 3 - 3
src/config/router.config.js

@@ -6,7 +6,7 @@ export const asyncRouterMap = [
     name: 'index',
     component: BasicLayout,
     meta: {
-      title: '首页'
+      title: '发券中心'
     },
     redirect: '/home',
     children: [{
@@ -47,7 +47,7 @@ export const asyncRouterMap = [
       component: PageView,
       name: 'AvailableCoupon',
       meta: {
-        title: '可用优惠券',
+        title: '发放优惠券',
         icon: 'gift',
         permission: 'M_coupon_0'
       },
@@ -57,7 +57,7 @@ export const asyncRouterMap = [
           path: '/AvailableCoupon/AvailableCoupon',
           name: 'AvailableCoupon',
           component: () => import(/* webpackChunkName: "gift" */ '@/views/AvailableCoupon/AvailableCoupon.vue'),
-          meta: { title: '可用优惠券', icon: 'gift' }
+          meta: { title: '优惠券列表', icon: 'gift' }
         }
       ]
     }

+ 11 - 7
src/views/AvailableCoupon/couponCode.vue

@@ -5,6 +5,7 @@
       width="50%"
       @cancel="cansel"
       :footer="null"
+      centered
       :maskClosable="false"
     >
       <div class="pay-box">
@@ -19,7 +20,7 @@
         <div class="pay-video">
           <div class="pay-flash">
             <img v-show="codeImg" :src="codeImg">
-            <a-spin class="spin" v-show="status=='loading'" tip="Loading...">
+            <a-spin class="spin" v-show="status=='loading'" tip="正在加载...">
             </a-spin>
           </div>
         </div>
@@ -82,6 +83,7 @@ export default {
     getCodeUrl (type) {
       this.key = type || this.key
       this.status = 'loading'
+      this.codeImg = ''
       couponCode({
         couponId: this.data.id,
         customerType: this.key == 1 ? 'normal' : 'cardholder'
@@ -112,7 +114,7 @@ export default {
     }
     .pay-video{
       text-align: center;
-      padding: 20px 0 40px;
+      padding: 20px 0 20px;
       p.red{
         span{
           color: #FF4500;
@@ -129,15 +131,17 @@ export default {
         min-height: 260px;
         position: relative;
         img{
-          width: 60%;
-          max-width: 530px;
+          width: 50%;
+          max-width: 500px;
           // border: 1px solid #eee;
         }
         .spin{
           position: absolute;
-          top: 42%;
-          left: 47%;
+          top: 50%;
+          left: 50%;
           z-index: 999;
+          margin-left: -30px;
+          margin-top: -30px;
         }
       }
     }
@@ -152,7 +156,7 @@ export default {
     }
     .pay-button{
       text-align: center;
-      padding: 20px 0 10px;
+      padding: 0 0 10px;
       button{
         width: 80%;
         margin: 0 10px;