BJ_web_developers / wxgzh

Commit 2a4c08ca9d2a37dbd770a4ea280715a43ddc4eea

Authored by 刘淇
1 parent 6e7e8785

确定按钮在等待

Inline Side-by-side
Showing 4 changed files with 366 additions and 343 deletions
config/index.js
  View file @2a4c08c
... ... @@ -13,14 +13,14 @@ module.exports = {
13 13 open: true,//vue项目启动时自动打开浏览器
14 14 proxyTable: {
15 15 '/api':{
16   - target:"https://bus.jycrtc.com",//这里设置你要访问的域名（或IP+端口）
  16 + target:"http://221.228.70.87:8096",//这里设置你要访问的域名（或IP+端口）
17 17 changeOrigin:true,
18 18 pathRewrite:{
19 19 '^/api':''//base_api是自定义用来代替
20 20 }
21 21 },
22 22 '/payapi':{
23   - target:"https://pay.jycrtc.com",//这里设置你要访问的域名（或IP+端口）
  23 + target:"http://221.228.70.87:8096",//这里设置你要访问的域名（或IP+端口）
24 24 changeOrigin:true,
25 25 pathRewrite:{
26 26 '^/payapi':''//base_api是自定义用来代替
... ...
config/prod.env.js
  View file @2a4c08c
1 1 'use strict'
2 2 module.exports = {
3   - APP_BASE_APP_API:'"https://bus.jycrtc.com"', //项目api地址1 注意里面的双引号
4   - APP_BASE_WWW_API:'"https://pay.jycrtc.com"', //项目api地址2
5   - VUE_APP_API:'"https://bus.jycrtc.com"',
6   - VUE_APP_PAYAPI:'"https://pay.jycrtc.com"',
  3 + APP_BASE_APP_API:'"http://221.228.70.87:8096"', //项目api地址1 注意里面的双引号
  4 + APP_BASE_WWW_API:'"http://221.228.70.87:8096"', //项目api地址2
  5 + VUE_APP_API:'"http://221.228.70.87:8096"',
  6 + VUE_APP_PAYAPI:'"http://221.228.70.87:8096"',
7 7  
8 8 NODE_ENV: '"production"'
9 9 }
... ...
src/views/parkPay/coupon.vue
  View file @2a4c08c
... ... @@ -5,9 +5,12 @@
5 5 <p>尊敬的车主您好：{{ tipText }}</p>
6 6 </div>
7 7 <div style="padding: 0 20px">
8   - <mt-button size="large" type="primary" @click="toPay" style="margin-bottom: 20px;" v-show="payFlag">去查询停车费用
  8 + <mt-button size="large" type="primary" @click="toPay" style="margin-bottom: 20px;" v-show="payFlag"
  9 + :disabled="disabledFlag">
  10 + {{btnText}}
9 11 </mt-button>
10 12 <mt-button size="large" type="danger" @click="toBackPage">返回</mt-button>
  13 +
11 14 </div>
12 15  
13 16 </div>
... ... @@ -21,32 +24,33 @@ import {
21 24 queryParkingRecordPageByCarNumbers,
22 25 appApplyParkOut,
23 26 parkingQuery
24   -} from '@/api/couponPay/couponPay.js'
25   -
  27 +} from "@/api/couponPay/couponPay.js";
26 28 export default {
27 29 name: "coupon",
28 30 data() {
29 31 return {
30   - imgurl: require('../../assets/images/successIcon.png'),
31   - successiconUrl: require('../../assets/images/successIcon.png'),
32   - loseiconUrl: require('../../assets/images/loseIcon.png'),
33   - carNum: '',
34   - carNumberColor: '',
  32 + imgurl: require("../../assets/images/successIcon.png"),
  33 + successiconUrl: require("../../assets/images/successIcon.png"),
  34 + loseiconUrl: require("../../assets/images/loseIcon.png"),
  35 + carNum: "",
  36 + carNumberColor: "",
35 37 parkingData: [],
36   - carType: '',
37   - codeType: '',
38   - tipText: '',
  38 + carType: "",
  39 + codeType: "",
  40 + tipText: "",
39 41 payFlag: true,
40   - couponsType:1,// 1:按次优惠,2:按时优惠,3:折扣优惠(打折),4：满减优惠'
41   - cardRuleName:'',
42   - loadFlag:false,
43   - }
  42 + couponsType: 1,// 1:按次优惠,2:按时优惠,3:折扣优惠(打折),4：满减优惠'
  43 + cardRuleName: "",
  44 + loadFlag: false, //
  45 + disabledFlag: false,
  46 + btnText: "去查询停车费用"
  47 + };
44 48 },
45 49 created() {
46   - this.carNum = this.$route.query.carNumber
47   - this.carType = this.$route.query.carType
48   - this.codeType = this.$route.query.codeType
49   - this.cardRelParkNo = this.$route.query.cardRelParkNo
  50 + this.carNum = this.$route.query.carNumber;
  51 + this.carType = this.$route.query.carType;
  52 + this.codeType = this.$route.query.codeType;
  53 + this.cardRelParkNo = this.$route.query.cardRelParkNo;
50 54 // this.carNum = this.$route.query.carNumber // 获取车牌号
51 55 // this.carNumberColor = this.$route.query.carNumberColor // 获取颜色 0:蓝牌;1:黄牌;2:白牌;3:黑牌;4:绿色
52 56 // this.currentTabActive = this.$route.query.parkFlag ? this.$route.query.parkFlag : 0
... ... @@ -56,16 +60,15 @@ export default {
56 60 },
57 61 methods: {
58 62 scanCouponQR() {
59   -
60 63 let url = process.env.VUE_APP_API;
61   - console.log(url)
  64 + console.log(url);
62 65 var salt = this.$utils.myCommonSalt(32);
63 66 var jsondata = {
64 67 app_id: this.$utils.myVarAppid,
65 68 deviceInfo: this.$utils.myDeviceInfo,
66 69 salt: salt,
67 70 sign_type: "md5",
68   - carType: '2',
  71 + carType: "2",
69 72 codeType: this.codeType,
70 73 cardRelParkNo: this.cardRelParkNo,
71 74 key: this.$route.query.key,
... ... @@ -73,43 +76,43 @@ export default {
73 76 carNum: this.carNum,
74 77 // carNumberColor: this.carNumberColor,
75 78 orgId: this.$utils.myOrgId,
76   - terminalSource: '7',
  79 + terminalSource: "7"
77 80 // token:'e2c1e43722dd43a5b7e268001b39e6f0'
78   - }
79   - jsondata.sign = this.$utils.signObject(jsondata)
80   - console.log(jsondata)
81   - scanCouponQR(url,jsondata).then(response => {
82   - console.log(response)
83   -
  81 + };
  82 + jsondata.sign = this.$utils.signObject(jsondata);
  83 + console.log(jsondata);
  84 + scanCouponQR(url, jsondata).then(response => {
  85 + console.log(response);
84 86 if (response.code == 0) {
85   - this.payFlag = true
86   - this.imgurl = this.successiconUrl
87   - this.tipText = '领取优惠券成功'
88   - this.cardRuleName = response.data.cardRuleName
89   - this.couponsType = response.data.cardType
90   - console.log(this.couponsType)
  87 + this.payFlag = true;
  88 + this.imgurl = this.successiconUrl;
  89 + this.tipText = "领取优惠券成功";
  90 + this.cardRuleName = response.data.cardRuleName;
  91 + this.couponsType = response.data.cardType;
  92 + console.log(this.couponsType);
91 93 } else {
92   - this.payFlag = false
93   - this.imgurl = this.loseiconUrl
94   - this.tipText = response.message
  94 + this.payFlag = false;
  95 + this.imgurl = this.loseiconUrl;
  96 + this.tipText = response.message;
95 97 }
96 98 setTimeout(() => {
97   - this.loadFlag = true
  99 + this.loadFlag = true;
98 100 }, 300);
99   -
100 101 // this.tipText =
101   - })
  102 + });
102 103 },
103 104 toPay() {
104   - this.parkRecordList()
  105 + this.parkRecordList();
105 106 // this.$router.push({
106 107 // path: 'couponPay'
107 108 // })
108 109 },
109 110 toBackPage() {
110   - this.$router.back()
  111 + this.$router.back();
111 112 },
112 113 parkRecordList() { // 获取停车记录数据
  114 + this.disabledFlag = true
  115 + this.btnText = "查询中,请等待"
113 116 let url = process.env.VUE_APP_PAYAPI;
114 117 var salt = this.$utils.myCommonSalt(32);
115 118 var jsondata = {
... ... @@ -117,32 +120,29 @@ export default {
117 120 deviceInfo: this.$utils.myDeviceInfo,
118 121 salt: salt,
119 122 sign_type: "md5",
120   - pageNum: '1',
121   - pageSize: '1000',
122   - parkState: '10',
123   - terminalSource: '7',
  123 + pageNum: "1",
  124 + pageSize: "1000",
  125 + parkState: "10",
  126 + terminalSource: "7",
124 127 // parkState:'10',
125 128 carNumber: this.carNum,
126 129 // carNumberColor: '1',
127   - orgId: this.$utils.myOrgId,
128   -
129   - }
130   - jsondata.sign = this.$utils.signObject(jsondata)
131   -
132   -
  130 + orgId: this.$utils.myOrgId
  131 + };
  132 + jsondata.sign = this.$utils.signObject(jsondata);
133 133 // jsondata.sign = md5sign
134   - console.log('停车记录传参 ' + JSON.stringify(jsondata));
135   - queryParkingRecordPageByCarNumbers(url,jsondata).then(response => {
136   - console.log(response)
  134 + console.log("停车记录传参 " + JSON.stringify(jsondata));
  135 + queryParkingRecordPageByCarNumbers(url, jsondata).then(response => {
  136 + console.log(response);
  137 + this.disabledFlag = false
  138 + this.btnText = "去查询停车费用"
137 139 // this.parkList = response.data.dataList
138   -
139 140 this.parkingData = response.data.dataList.filter(item => {
140   - return item.parkState == '10'
141   - })
142   - console.log(this.parkingData)
143   - this.toPayCurrent(this.parkingData)
144   -
145   - })
  141 + return item.parkState == "10";
  142 + });
  143 + console.log(this.parkingData);
  144 + this.toPayCurrent(this.parkingData);
  145 + });
146 146 },
147 147 toPayCurrent(i) { // 缴纳本次在停费用
148 148 let url = process.env.VUE_APP_PAYAPI;
... ... @@ -153,14 +153,13 @@ export default {
153 153 salt: salt,
154 154 sign_type: "md5",
155 155 orderId: i[0].orderId,
156   - payOrderType: '101',
157   - terminalSource: '7',
158   - }
159   - params.sign = this.$utils.signObject(params)
160   - appApplyParkOut(url,params).then(response => {
161   - console.log(response)
162   -
163   - if (response.code == '5005') {
  156 + payOrderType: "101",
  157 + terminalSource: "7"
  158 + };
  159 + params.sign = this.$utils.signObject(params);
  160 + appApplyParkOut(url, params).then(response => {
  161 + console.log(response);
  162 + if (response.code == "5005") {
164 163 var salt = this.$utils.myCommonSalt(32);
165 164 var jsondata = {
166 165 app_id: this.$utils.myVarAppid,
... ... @@ -170,20 +169,20 @@ export default {
170 169 payType: this.$utils.clientBrowsePayType(),
171 170 appId: this.$utils.myVxAppId,
172 171 orderId: i[0].orderId,
173   - terminalSource: '7',
  172 + terminalSource: "7",
174 173 parkCode: i[0].parkCode,
175   - carNumber: this.carNum,
176   - }
177   - jsondata.sign = this.$utils.signObject(jsondata)
178   - parkingQuery(url,jsondata).then(result => {
179   - console.log(result)
180   - let res = result.data
181   - let _dis = res.discountFee
182   - let discountFee = _dis.slice(1, _dis.length - 1)
183   - sessionStorage.setItem('couponPark', JSON.stringify(result.data))
  174 + carNumber: this.carNum
  175 + };
  176 + jsondata.sign = this.$utils.signObject(jsondata);
  177 + parkingQuery(url, jsondata).then(result => {
  178 + console.log(result);
  179 + let res = result.data;
  180 + let _dis = res.discountFee;
  181 + let discountFee = _dis.slice(1, _dis.length - 1);
  182 + sessionStorage.setItem("couponPark", JSON.stringify(result.data));
184 183 this.$router.push(
185 184 {
186   - path: 'couponPay',
  185 + path: "couponPay",
187 186 query: {
188 187 carColor: this.carColor,// 车牌颜色
189 188 arrearageTotalFee: res.orderTotalFee,// 应收
... ... @@ -193,20 +192,17 @@ export default {
193 192 paySrcType: 101, //支付的类型 101 是本次 103是历史欠费
194 193 ordeID: i.orderId, //支付的订单号
195 194 appOrderTimeout: res.appOrderTimeout, // 超时描述
196   - couponsType:this.couponsType
  195 + couponsType: this.couponsType
197 196 }
198 197 }
199   - )
200   - })
201   -
  198 + );
  199 + });
202 200 } else {
203 201 //$('.dialog-out').show()
204   - this.$msgbox('提示', '成功领取'+this.cardRuleName+'，离场时自动抵扣')
  202 + this.$msgbox("提示", "成功领取" + this.cardRuleName + "，离场时自动抵扣");
205 203 }
206   -
207   - })
208   -
209   - },
  204 + });
  205 + }
210 206 }
211 207 };
212 208 </script>
... ...
src/views/parkPay/plateNumber.vue
  View file @2a4c08c
1 1 <template>
2 2 <div id="page">
3 3  
  4 + <div v-if="alertFlag">
  5 + <div class="wrap">
  6 + <p style="margin-bottom: 18px;margin-top: 18px;">请选择车牌颜色</p>
4 7  
5   - <div class="wrap">
6   - <p style="margin-bottom: 18px;margin-top: 18px;">请选择车牌颜色</p>
  8 + <ul class="color-choose">
  9 + <li v-for="(i,index) in colorList" :key="i.name" @click="chooseColor(index)"
  10 + :style="{color:currentColor==index?'#FFF':'',background: currentColor==index?activeBG:'' }"
  11 + >
  12 + {{ i.name }}
  13 + </li>
7 14  
8   - <ul class="color-choose">
9   - <li v-for="(i,index) in colorList" :key="i.name" @click="chooseColor(index)"
10   - :style="{color:currentColor==index?'#FFF':'',background: currentColor==index?activeBG:'' }"
11   - >
12   - {{ i.name }}
13   - </li>
  15 + </ul>
14 16  
15   - </ul>
16 17  
  18 + <p style="margin-bottom: 18px;margin-top: 18px;"></p>
  19 + <p style="margin-bottom: 18px;margin-top: 18px;">请输入车牌号码</p>
  20 + <div class="num-box">
  21 + <div class="num0" @click="clickFirstWrap()">
  22 + <span>{{ formData.num0 }}</span>
  23 + </div>
  24 + <div class="num1" @click="clickKeyWordWrap(1)"><span>{{ formData.num1 }}</span></div>
  25 + <!--<em class="spot"></em>-->
  26 + <div class="num1" @click="clickKeyWordWrap(2)"><span>{{ formData.num2 }}</span></div>
  27 + <div class="num1" @click="clickKeyWordWrap(3)"><span>{{ formData.num3 }}</span></div>
  28 + <div class="num1" @click="clickKeyWordWrap(4)"><span>{{ formData.num4 }}</span></div>
  29 + <div class="num1" @click="clickKeyWordWrap(5)"><span>{{ formData.num5 }}</span></div>
  30 + <div class="num1" @click="clickKeyWordWrap(6)"><span>{{ formData.num6 }}</span></div>
  31 + <div v-if="formData.commonCard == '2'" class="num1" @click="clickKeyWordWrap(7)">
  32 + <span>{{ formData.num7 }}</span></div>
  33 + </div>
  34 +
  35 +
  36 + <!--<div class="radio-box">-->
  37 + <!--<label class="flex-items-center">-->
  38 + <!--<img v-if="formData.commonCard == 1"-->
  39 + <!--src="../../assets/images/parkPay/icon_chose_s@2x.png"-->
  40 + <!--alt="">-->
  41 + <!--<img v-else-->
  42 + <!--src="../../assets/images/parkPay/icon_chose_n@2x.png"-->
  43 + <!--alt="">-->
  44 + <!--<input type="radio"-->
  45 + <!--v-model="formData.commonCard"-->
  46 + <!--value="1" />普通车牌-->
  47 + <!--</label>-->
  48 + <!--<label class="flex-items-center">-->
  49 + <!--<img v-if="formData.commonCard == 2"-->
  50 + <!--src="../../assets/images/parkPay/icon_chose_s@2x.png"-->
  51 + <!--alt="">-->
  52 + <!--<img v-else-->
  53 + <!--src="../../assets/images/parkPay/icon_chose_n@2x.png"-->
  54 + <!--alt="">-->
  55 + <!--<input type="radio"-->
  56 + <!--v-model="formData.commonCard"-->
  57 + <!--value="2" />新能源车牌-->
  58 + <!--</label>-->
  59 + <!--</div>-->
17 60  
18   - <p style="margin-bottom: 18px;margin-top: 18px;"></p>
19   - <p style="margin-bottom: 18px;margin-top: 18px;">请输入车牌号码</p>
20   - <div class="num-box">
21   - <div class="num0" @click="clickFirstWrap()">
22   - <span>{{ formData.num0 }}</span>
23   - </div>
24   - <div class="num1" @click="clickKeyWordWrap(1)"><span>{{ formData.num1 }}</span></div>
25   - <!--<em class="spot"></em>-->
26   - <div class="num1" @click="clickKeyWordWrap(2)"><span>{{ formData.num2 }}</span></div>
27   - <div class="num1" @click="clickKeyWordWrap(3)"><span>{{ formData.num3 }}</span></div>
28   - <div class="num1" @click="clickKeyWordWrap(4)"><span>{{ formData.num4 }}</span></div>
29   - <div class="num1" @click="clickKeyWordWrap(5)"><span>{{ formData.num5 }}</span></div>
30   - <div class="num1" @click="clickKeyWordWrap(6)"><span>{{ formData.num6 }}</span></div>
31   - <div v-if="formData.commonCard == '2'" class="num1" @click="clickKeyWordWrap(7)">
32   - <span>{{ formData.num7 }}</span></div>
33   - </div>
  61 + <div v-if="historyList.length>0">
  62 + <p style="margin-bottom: 18px;margin-top: 18px;"></p>
  63 + <p style="margin-bottom: 18px;margin-top: 18px;">历史输入车牌号码</p>
34 64  
  65 + <mt-cell :title="i.carNumberColor | filterCarNumberColor" is-link v-for="(i, index) in historyList" :key="index" @click.native="toNext(i)">
  66 + <span style="color: green">{{i.carNumber}}</span>
  67 + </mt-cell>
35 68  
36   - <!--<div class="radio-box">-->
37   - <!--<label class="flex-items-center">-->
38   - <!--<img v-if="formData.commonCard == 1"-->
39   - <!--src="../../assets/images/parkPay/icon_chose_s@2x.png"-->
40   - <!--alt="">-->
41   - <!--<img v-else-->
42   - <!--src="../../assets/images/parkPay/icon_chose_n@2x.png"-->
43   - <!--alt="">-->
44   - <!--<input type="radio"-->
45   - <!--v-model="formData.commonCard"-->
46   - <!--value="1" />普通车牌-->
47   - <!--</label>-->
48   - <!--<label class="flex-items-center">-->
49   - <!--<img v-if="formData.commonCard == 2"-->
50   - <!--src="../../assets/images/parkPay/icon_chose_s@2x.png"-->
51   - <!--alt="">-->
52   - <!--<img v-else-->
53   - <!--src="../../assets/images/parkPay/icon_chose_n@2x.png"-->
54   - <!--alt="">-->
55   - <!--<input type="radio"-->
56   - <!--v-model="formData.commonCard"-->
57   - <!--value="2" />新能源车牌-->
58   - <!--</label>-->
59   - <!--</div>-->
60   -
61   - <div v-if="historyList.length>0">
62   - <p style="margin-bottom: 18px;margin-top: 18px;"></p>
63   - <p style="margin-bottom: 18px;margin-top: 18px;">历史输入车牌号码</p>
  69 + </div>
64 70  
65   - <mt-cell :title="i.carNumberColor | filterCarNumberColor" is-link v-for="(i, index) in historyList" :key="index" @click.native="toNext(i)">
66   - <span style="color: green">{{i.carNumber}}</span>
67   - </mt-cell>
  71 + <div class="submit-box" @click="submitFn()">
  72 + 领取
  73 + </div>
68 74  
69   - </div>
70 75  
71   - <div class="submit-box" @click="submitFn()">
72   - 领取
73 76 </div>
  77 + <div class="first-word-wrap"
  78 + v-if="firstWrapStatus">
  79 + <div class="first-word"
  80 + @click="selectFirstWord($event)">
  81 + <div class="word">
  82 + <span>蒙</span>
  83 + </div>
  84 + <div class="word">
  85 + <span>湘</span>
  86 + </div>
  87 + <div class="word">
  88 + <span>津</span>
  89 + </div>
  90 + <div class="word">
  91 + <span>鄂</span>
  92 + </div>
  93 + <div class="word">
  94 + <span>沪</span>
  95 + </div>
  96 + <div class="word">
  97 + <span>粤</span>
  98 + </div>
  99 + <div class="word">
  100 + <span>渝</span>
  101 + </div>
  102 + <div class="word">
  103 + <span>琼</span>
  104 + </div>
  105 + </div>
  106 + <div class="first-word"
  107 + @click="selectFirstWord($event)">
  108 + <div class="word">
  109 + <span>冀</span>
  110 + </div>
  111 + <div class="word">
  112 + <span>川</span>
  113 + </div>
  114 + <div class="word">
  115 + <span>晋</span>
  116 + </div>
  117 + <div class="word">
  118 + <span>贵</span>
  119 + </div>
  120 + <div class="word">
  121 + <span>辽</span>
  122 + </div>
  123 + <div class="word">
  124 + <span>云</span>
  125 + </div>
  126 + <div class="word">
  127 + <span>吉</span>
  128 + </div>
  129 + <div class="word">
  130 + <span>陕</span>
  131 + </div>
  132 + </div>
  133 + <div class="first-word"
  134 + @click="selectFirstWord($event)">
  135 + <div class="word">
  136 + <span>黑</span>
  137 + </div>
  138 + <div class="word">
  139 + <span>甘</span>
  140 + </div>
  141 + <div class="word">
  142 + <span>苏</span>
  143 + </div>
  144 + <div class="word">
  145 + <span>青</span>
  146 + </div>
  147 + <div class="word">
  148 + <span>浙</span>
  149 + </div>
  150 + <div class="word">
  151 + <span>皖</span>
  152 + </div>
  153 + <div class="word">
  154 + <span>藏</span>
  155 + </div>
  156 + <div class="word">
  157 + <span>闽</span>
  158 + </div>
  159 + </div>
  160 + <div class="first-word"
  161 + @click="selectFirstWord($event)">
  162 + <div class="word">
  163 + <span>京</span>
  164 + </div>
  165 + <div class="word">
  166 + <span>赣</span>
  167 + </div>
  168 + <div class="word">
  169 + <span>桂</span>
  170 + </div>
  171 + <div class="word">
  172 + <span>鲁</span>
  173 + </div>
  174 + <div class="word">
  175 + <span>宁</span>
  176 + </div>
  177 + <div class="word">
  178 + <span>豫</span>
  179 + </div>
  180 + <div class="word">
  181 + <span>新</span>
  182 + </div>
  183 + <!--<div class="word">-->
  184 + <!--<span>学</span>-->
  185 + <!--</div>-->
  186 + <div class="word bordernone">
  187 + <!-- <img src="../assets/images/icon-switch.png" alt=""> -->
  188 + </div>
  189 + </div>
  190 +
  191 + <!--<div class="first-word"-->
  192 + <!--@click="selectFirstWord($event)">-->
  193 + <!--<div class="word">-->
  194 + <!--<span>港</span>-->
  195 + <!--</div>-->
  196 + <!--<div class="word">-->
  197 + <!--<span>澳</span>-->
  198 + <!--</div>-->
  199 + <!--<div class="word">-->
  200 + <!--<span>领</span>-->
  201 + <!--</div>-->
74 202  
75   -
76   - </div>
77   - <div class="first-word-wrap"
78   - v-if="firstWrapStatus">
79   - <div class="first-word"
80   - @click="selectFirstWord($event)">
81   - <div class="word">
82   - <span>蒙</span>
83   - </div>
84   - <div class="word">
85   - <span>湘</span>
86   - </div>
87   - <div class="word">
88   - <span>津</span>
89   - </div>
90   - <div class="word">
91   - <span>鄂</span>
92   - </div>
93   - <div class="word">
94   - <span>沪</span>
95   - </div>
96   - <div class="word">
97   - <span>粤</span>
98   - </div>
99   - <div class="word">
100   - <span>渝</span>
101   - </div>
102   - <div class="word">
103   - <span>琼</span>
104   - </div>
105   - </div>
106   - <div class="first-word"
107   - @click="selectFirstWord($event)">
108   - <div class="word">
109   - <span>冀</span>
110   - </div>
111   - <div class="word">
112   - <span>川</span>
113   - </div>
114   - <div class="word">
115   - <span>晋</span>
116   - </div>
117   - <div class="word">
118   - <span>贵</span>
119   - </div>
120   - <div class="word">
121   - <span>辽</span>
122   - </div>
123   - <div class="word">
124   - <span>云</span>
125   - </div>
126   - <div class="word">
127   - <span>吉</span>
128   - </div>
129   - <div class="word">
130   - <span>陕</span>
131   - </div>
132   - </div>
133   - <div class="first-word"
134   - @click="selectFirstWord($event)">
135   - <div class="word">
136   - <span>黑</span>
137   - </div>
138   - <div class="word">
139   - <span>甘</span>
140   - </div>
141   - <div class="word">
142   - <span>苏</span>
143   - </div>
144   - <div class="word">
145   - <span>青</span>
146   - </div>
147   - <div class="word">
148   - <span>浙</span>
149   - </div>
150   - <div class="word">
151   - <span>皖</span>
152   - </div>
153   - <div class="word">
154   - <span>藏</span>
155   - </div>
156   - <div class="word">
157   - <span>闽</span>
158   - </div>
159   - </div>
160   - <div class="first-word"
161   - @click="selectFirstWord($event)">
162   - <div class="word">
163   - <span>京</span>
164   - </div>
165   - <div class="word">
166   - <span>赣</span>
167   - </div>
168   - <div class="word">
169   - <span>桂</span>
170   - </div>
171   - <div class="word">
172   - <span>鲁</span>
173   - </div>
174   - <div class="word">
175   - <span>宁</span>
176   - </div>
177   - <div class="word">
178   - <span>豫</span>
179   - </div>
180   - <div class="word">
181   - <span>新</span>
182   - </div>
183 203 <!--<div class="word">-->
184   - <!--<span>学</span>-->
  204 + <!--<span>警</span>-->
185 205 <!--</div>-->
186   - <div class="word bordernone">
187   - <!-- <img src="../assets/images/icon-switch.png" alt=""> -->
188   - </div>
189   - </div>
190 206  
191   - <!--<div class="first-word"-->
192   - <!--@click="selectFirstWord($event)">-->
193   - <!--<div class="word">-->
194   - <!--<span>港</span>-->
195   - <!--</div>-->
196   - <!--<div class="word">-->
197   - <!--<span>澳</span>-->
198   - <!--</div>-->
199   - <!--<div class="word">-->
200   - <!--<span>领</span>-->
201   - <!--</div>-->
202   -
203   - <!--<div class="word">-->
204   - <!--<span>警</span>-->
205   - <!--</div>-->
206   -
207   -
208   - <!--<div class="word bordernone">-->
209   - <!--</div>-->
210   - <!--<div class="word bordernone">-->
211   - <!--</div>-->
212   - <!--<div class="word bordernone">-->
213   - <!--</div>-->
214   - <!--<div class="word bordernone">-->
215   - <!--</div>-->
216   - <!--</div>-->
217   - </div>
218   - <div class="keyboard-wrap" v-if="keyBoardStatus === true">
219   - <!-- <div class="number-wrap"></div>
220   - <div class="letter-wrap"></div>
221   - <div class="cn-wrap"></div> -->
222   - <div class="keyboard" v-if="activeKeyWordIndex !== 1">
  207 +
  208 + <!--<div class="word bordernone">-->
  209 + <!--</div>-->
  210 + <!--<div class="word bordernone">-->
  211 + <!--</div>-->
  212 + <!--<div class="word bordernone">-->
  213 + <!--</div>-->
  214 + <!--<div class="word bordernone">-->
  215 + <!--</div>-->
  216 + <!--</div>-->
  217 + </div>
  218 + <div class="keyboard-wrap" v-if="keyBoardStatus === true">
  219 + <!-- <div class="number-wrap"></div>
  220 + <div class="letter-wrap"></div>
  221 + <div class="cn-wrap"></div> -->
  222 + <div class="keyboard" v-if="activeKeyWordIndex !== 1">
223 223 <span v-for="(item,index) in allKeyWord._1"
224 224 :key="index"
225 225 @click="clickKeyBoard(item)">{{ item }}</span>
226   - </div>
227   - <div class="keyboard" v-if="activeKeyWordIndex !== 1">
  226 + </div>
  227 + <div class="keyboard" v-if="activeKeyWordIndex !== 1">
228 228 <span v-for="(item,index) in allKeyWord._2"
229 229 :key="index"
230 230 @click="clickKeyBoard(item)">{{ item }}</span>
231   - <span class="bordernone"></span>
232   - <span class="bordernone"></span>
233   - <span class="bordernone"></span>
234   - <span class="bordernone"></span>
235   - </div>
236   - <div class="keyboard">
  231 + <span class="bordernone"></span>
  232 + <span class="bordernone"></span>
  233 + <span class="bordernone"></span>
  234 + <span class="bordernone"></span>
  235 + </div>
  236 + <div class="keyboard">
237 237 <span v-for="(item,index) in allKeyWord._3"
238 238 :key="index"
239 239 @click="clickKeyBoard(item)">{{ item }}</span>
240   - </div>
241   - <div class="keyboard">
  240 + </div>
  241 + <div class="keyboard">
242 242 <span v-for="(item,index) in allKeyWord._4"
243 243 :key="index"
244 244 @click="clickKeyBoard(item)">{{ item }}</span>
245   - </div>
246   - <div class="keyboard">
  245 + </div>
  246 + <div class="keyboard">
247 247 <span v-for="(item,index) in allKeyWord._5"
248 248 :key="index"
249 249 @click="clickKeyBoard(item)">{{ item }}</span>
250   - </div>
251   - <div class="keyboard">
  250 + </div>
  251 + <div class="keyboard">
252 252 <span v-for="(item,index) in allKeyWord._6"
253 253 :key="index"
254 254 @click="clickKeyBoard(item)">{{ item }}</span>
255   - <span class="bordernone"></span>
256   - <span class="bordernone"></span>
257   - <span class="bordernone"></span>
258   - <!-- <span class="bordernone" v-if="activeKeyWordIndex === 1"></span>
259   - <span class="bordernone" v-if="activeKeyWordIndex === 1"></span> -->
260   - <!-- <span @click="deleteWord" v-if="activeKeyWordIndex === 1">x</span> -->
261   - </div>
262   - <div class="keyboard" v-if="activeKeyWordIndex !== 1">
  255 + <span class="bordernone"></span>
  256 + <span class="bordernone"></span>
  257 + <span class="bordernone"></span>
  258 + <!-- <span class="bordernone" v-if="activeKeyWordIndex === 1"></span>
  259 + <span class="bordernone" v-if="activeKeyWordIndex === 1"></span> -->
  260 + <!-- <span @click="deleteWord" v-if="activeKeyWordIndex === 1">x</span> -->
  261 + </div>
  262 + <div class="keyboard" v-if="activeKeyWordIndex !== 1">
263 263 <span v-for="(item,index) in allKeyWord._7"
264 264 :key="index"
265 265 @click="clickKeyBoard(item)">{{ item }}</span>
266   - <span class="bordernone"></span>
267   - <span class="delete" @click="deleteWord"><img src="../../assets/images/parkPay/icon-delete.png" alt=""></span>
268   - </div>
269   - <div class="cancel">
270   - <span @click="keyBoardStatus = false">完成</span>
  266 + <span class="bordernone"></span>
  267 + <span class="delete" @click="deleteWord"><img src="../../assets/images/parkPay/icon-delete.png" alt=""></span>
  268 + </div>
  269 + <div class="cancel">
  270 + <span @click="keyBoardStatus = false">完成</span>
  271 + </div>
271 272 </div>
272 273 </div>
273 274  
  275 + <div v-else style="font-size: 16px;padding: 20px;text-align: center">
  276 + <img :src="imgurl" alt="" style="margin: 10px auto;width: 64px;height: 64px;">
  277 + {{alertmsg}}
  278 + </div>
  279 +
274 280  
275 281 </div>
276 282 </template>
... ... @@ -283,6 +289,7 @@ import {
283 289 export default {
284 290 data() {
285 291 return {
  292 + imgurl: require('../../assets/images/loseIcon.png'),
286 293  
287 294 // 0:蓝牌;1:黄牌;2:白牌;3:黑牌;4:绿色
288 295 colorList: [
... ... @@ -341,6 +348,8 @@ export default {
341 348 codeType: '',
342 349 historyList:[],
343 350 encryptTime:'', // 加密后的时间
  351 + alertmsg:'',
  352 + alertFlag:false
344 353 }
345 354 },
346 355 created() {
... ... @@ -362,6 +371,7 @@ export default {
362 371 // return code;
363 372 // }
364 373 // }
  374 + this.getEncryptTime()
365 375  
366 376 },
367 377 methods: {
... ... @@ -482,7 +492,19 @@ export default {
482 492 localStorage.setItem('historyArr',JSON.stringify(this.historyList))
483 493 }
484 494  
485   - this.getEncryptTime()
  495 +
  496 + this.$router.push({
  497 + path: 'coupon',
  498 + query: {
  499 + carNumber: plateLicense,
  500 + carNumberColor: this.currentColor,
  501 + carType: 2,
  502 + codeType: this.codeType,
  503 + cardRelParkNo: this.$route.query.cardRelParkNo,
  504 + key: this.$route.query.key,
  505 + encryptTime: this.encryptTime
  506 + }
  507 + })
486 508 },
487 509 getEncryptTime() {
488 510 let url = process.env.VUE_APP_API;
... ... @@ -510,20 +532,21 @@ export default {
510 532  
511 533 if (response.code == 0) {
512 534 this.encryptTime = response.data.encryptTime
513   - this.$router.push({
514   - path: 'coupon',
515   - query: {
516   - carNumber: plateLicense,
517   - carNumberColor: this.currentColor,
518   - carType: 2,
519   - codeType: this.codeType,
520   - cardRelParkNo: this.$route.query.cardRelParkNo,
521   - key: this.$route.query.key,
522   - encryptTime: this.encryptTime
523   - }
524   - })
  535 + this.alertFlag = true
  536 +
  537 +
  538 +
525 539 } else {
526   - alert(response.message)
  540 + // this.$msgbox({
  541 + // title: '提示',
  542 + // message: response.message,
  543 + // // showCancelButton: false,
  544 + // closeOnClickModal:false,
  545 + // showConfirmButton:false
  546 + // });
  547 + // this.alertFlag = true
  548 + this.alertmsg = response.message
  549 + // this.$refs.alert.open()
527 550 }
528 551  
529 552 })
... ... @@ -539,7 +562,8 @@ export default {
539 562 carType: 2,
540 563 codeType: this.codeType,
541 564 cardRelParkNo: this.$route.query.cardRelParkNo,
542   - key: this.$route.query.key
  565 + key: this.$route.query.key,
  566 + encryptTime : this.encryptTime
543 567 }
544 568 })
545 569 },
... ... @@ -974,4 +998,7 @@ export default {
974 998 >>> .mint-cell:last-child{
975 999 background-image:none;
976 1000 }
  1001 +/*>>> .mint-msgbox{*/
  1002 + /*display: none;*/
  1003 +/*}*/
977 1004 </style>
... ...