市医院静态码 +弹窗样式

liuqimichale
1 parent 402b26c9
Showing 5 changed files with 54 additions and 53 deletions
package.json
src/components/dynCodePay.vue
src/components/pay.vue
src/components/plateNumber.vue
src/main.js
@@ -16,6 +16,8 @@
     "less-loader": "^4.1.0",
     "sass-loader": "^7.3.1",
     "vue": "^2.5.2",
+    "mint-ui": "^2.2.13",
+
     "vue-h5-popup": "^1.0.2",
     "vue-router": "^3.0.1"
   },
@@ -54,7 +54,7 @@
 <script>
-let Base64 = require('js-base64').Base64
+// let Base64 = require('js-base64').Base64
 import {aliPay, getOpenId, vxPayQuery, bankH5Pay} from '@/api/orderPay/orderPay'
@@ -202,7 +202,7 @@ export default {
             }
           } else {
-            alert('支付失败')
+            me.$msgbox('提示', '支付失败')
           }
           // console.log(_token)
@@ -227,10 +227,10 @@ export default {
           if (res.code == 0) {
             me.vxPay(res.data, this.orderId)
           } else if (res.code == 40163) { //code been used, hints[重复code问题]
-            alert('请重新扫码')
+            me.$msgbox('提示', '请重新扫码')
             console.log(res.message);
           } else {
-            alert('请重新扫码')
+            me.$msgbox('提示', '请重新扫码')
           }
         })
@@ -267,11 +267,11 @@ export default {
               vm.onBridgeReady(data)
             }
           } else {
-            alert("没有找到返回值");
+            vm.$msgbox('提示', '没有找到返回值')
           }
         } else {
           console.log(res.message);
-          alert(res.message);
+          vm.$msgbox('提示', res.message)
         }
       })
     },
@@ -293,10 +293,10 @@ export default {
           // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
           if (res.err_msg === 'get_brand_wcpay_request:ok') {
             console.log('成功')
-            alert('支付成功')
+            me.$msgbox('提示', '支付成功')
           } else {
             console.log('失败')
-            alert('支付失败')
+            me.$msgbox('提示', '支付失败')
             me.$router.go(-2);
           }
         }
@@ -214,7 +214,7 @@ export default {
             }
           } else {
-            alert('支付失败')
+            me.$msgbox('提示', '支付失败')
           }
           // console.log(_token)
@@ -239,10 +239,10 @@ export default {
           if (res.code == 0) {
             me.vxPay(res.data, this.orderId)
           } else if (res.code == 40163) { //code been used, hints[重复code问题]
-            alert('请重新扫码')
+            me.$msgbox('提示', '请重新扫码')
             console.log(res.message);
           } else {
-            alert('请重新扫码')
+            me.$msgbox('提示', '请重新扫码')
           }
         })
@@ -279,11 +279,11 @@ export default {
               vm.onBridgeReady(data)
             }
           } else {
-            alert("没有找到返回值");
+            vm.$msgbox('提示', '没有找到返回值')
           }
         } else {
           console.log(res.message);
-          alert(res.message);
+          vm.$msgbox('提示', res.message)
         }
       })
     },
@@ -305,10 +305,11 @@ export default {
           // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
           if (res.err_msg === 'get_brand_wcpay_request:ok') {
             console.log('成功')
-            alert('支付成功')
+            me.$msgbox('提示', '支付成功')
+
           } else {
             console.log('失败')
-            alert('支付失败')
+            me.$msgbox('提示', '支付失败')
             me.$router.go(-2);
           }
         }
@@ -248,14 +248,6 @@
     </div>
-    <modal-alert ref="alert">
-      <div class="trave-tip-content txt-l" slot="content">
-        <div class="confirm-text">
-          <p>请输入正确的{{tip}}</p>
-        </div>
-      </div>
-      <span slot="button">知道了</span>
-    </modal-alert>
   </div>
 </template>
 <script>
@@ -320,6 +312,7 @@ export default {
     }
   },
   mounted() {
+
     console.log(window.location)
     console.log(this.$route.query)
     if (this.$utils.clientBrowser() == "微信") {
@@ -388,36 +381,32 @@ export default {
             console.log(tmpObj)
             //判断是否需要支付
             if (tmpObj.needPay) {
-              if(tmpObj.channelEnable){
-                var queryParams = this.$utils.parseParams(tmpObj);
-                console.log(queryParams)
-                // //
-                this.$router.push({
-                  path: 'pay',
-                  query: tmpObj
-                })
-              }else{
-                sessionStorage.setItem('noPassText',tmpObj.alertMessage)
-                this.$router.push({
-                  path: 'noPass'
-                  // query: tmpObj.message
-                })
-              }
+              var queryParams = this.$utils.parseParams(tmpObj);
+              console.log(queryParams)
+              // //
+              this.$router.push({
+                path: 'pay',
+                query: tmpObj
+              })
               // window.location.href = "../pay.html?" + queryParams;
             } else {
-              alert('无需缴费，欢迎下次光临')
-
+              this.$msgbox('提示', '无需缴费，欢迎下次光临')
             }
-            //var tel = document.getElementById("inputPhoneNum").value.replace(/\s/g, "");//去除空格
-            //var orderFee = keepTwoDecimalFull((tmpObj.orderFee / 100));//本次出场实际应付金额（减去折扣，优惠券等之后的应付金额）
-            //var tmpUrl = "orderId=" + tmpObj.orderId + "&outtime=" + tmpObj.outtime + "&tel=" + tel + "&orderFee=" + orderFee;
           } else {
-            alert("没有找到订单");
+            this.$msgbox('提示', '没有找到订单')
           }
-        } else {//其他情况如【该卡号场内已存在】
+        }
+        else if(res.code == 1031){
+          sessionStorage.setItem('noPassText',res.message)
+          this.$router.push({
+            path: 'noPass'
+            // query: tmpObj.message
+          })
+        }
+        else {//其他情况如【该卡号场内已存在】
           console.log(res.message);
-          alert(res.message);
+          this.$msgbox('提示', res.message)
         }
@@ -487,8 +476,8 @@ export default {
         plateLicense = this.plate_license_1
         plateLicense = this.palindrome(plateLicense)
         if (plateLicense.length < 7) {
-          this.tip = '车牌号'
-          this.$refs.alert.open()
+          this.$msgbox('提示', '请输入正确车牌号')
+
           return
         }
       }
@@ -496,8 +485,8 @@ export default {
         plateLicense = this.plate_license_2
         plateLicense = this.palindrome(plateLicense)
         if (plateLicense.length < 8) {
-          this.tip = '车牌号'
-          this.$refs.alert.open()
+          this.$msgbox('提示', '请输入正确车牌号')
+
           return
         }
       }
@@ -507,7 +496,8 @@ export default {
         plateLicense = this.palindrome(plateLicense)
         if (plateLicense.length < 11) {
           this.tip = '手机号'
-          this.$refs.alert.open()
+          this.$msgbox('提示', '请输入正确手机号')
+
           return
         }
       }
@@ -6,13 +6,21 @@ import router from &#39;./router&#39;
 import './assets/css/reset.css'  // 引入公共样式
-import h5Popup from 'vue-h5-popup'; // 引入弹窗
-Vue.use(h5Popup)
+
 import utils from './utils/utils' // 工具类
 Vue.prototype.$utils = utils
+import 'mint-ui/lib/style.css'
+
+import { MessageBox } from 'mint-ui'
+import { Toast } from 'mint-ui';
+
+Vue.prototype.$msgbox = MessageBox
+Vue.prototype.$toast = Toast
+
+
 import 'swiper/dist/css/swiper.min.css' // 轮播
 import 'swiper/dist/js/swiper.min'