From 1eccce45585b6ccd6bd3bc32aaa5ffc12a0f087f Mon Sep 17 00:00:00 2001
From: kongdeqiang <123456>
Date: 星期五, 22 九月 2023 09:45:29 +0800
Subject: [PATCH] 修改前端页面

---
 src/components/page/IndexTest.vue |   29 +-
 src/components/page/IndexFail.vue |   42 ---
 src/components/page/IndexOk.vue   |   42 ---
 src/components/page/IndexXTYH.vue |  522 +++++++++++++++++++++++++++++++++++++++++++++++
 src/router/index.js               |   11 
 5 files changed, 550 insertions(+), 96 deletions(-)

diff --git a/src/components/page/IndexFail.vue b/src/components/page/IndexFail.vue
index 3c0ee8e..5c6f944 100644
--- a/src/components/page/IndexFail.vue
+++ b/src/components/page/IndexFail.vue
@@ -75,8 +75,8 @@
                 cs[cs_arr[i].split('=')[0]] = cs_arr[i].split('=')[1]
             }
             //this.outParkId = cs.code;
-            this.code2 = cs.code;
-            this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode', {code:cs.code}, res => {
+            this.code2 = cs.code2;
+            this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode', {code2:cs.code2}, res => {
                 this.statisticData = res.data;
                 this.outParkId = this.statisticData.id;
                 this.status3 = this.statisticData.status3;
@@ -92,44 +92,6 @@
             })
         },
         methods: {
-            pay(){
-                this.payFlag = true;
-                if(this.status3==1){
-                    this.$message({
-                        message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠＄悊浜哄憳',
-                        type: 'error',
-                        duration:3000,
-                    });
-                    return;
-                }
-                this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/park', {id:this.outParkId}, res => {
-                    window.location.href = res.msg
-                    this.showFlag = false;
-                })
-            },
-            noCarOut(){
-                if(this.oldCarNo == '鏃犺溅鐗�'){
-                  if(this.carNo){
-                    this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/car/outParkByPhone', {code2:this.code2,carNo:this.carNo}, res => {
-                      if(res.code===0){
-                        this.statisticData = res.data;
-                        this.outParkId = this.statisticData.id;
-                      }
-                    })
-                  }else{
-                    this.$message({
-                      message: '璇疯緭鍏ユ墜鏈哄彿',
-                      type: 'error',
-                    });
-                  }
-                }else {
-                  this.$message({
-                    message: '闈炴硶杈撳叆',
-                    type: 'error',
-                  });
-                }
-
-            },
         }
     }
 
diff --git a/src/components/page/IndexOk.vue b/src/components/page/IndexOk.vue
index ae341d8..255f902 100644
--- a/src/components/page/IndexOk.vue
+++ b/src/components/page/IndexOk.vue
@@ -75,8 +75,8 @@
                 cs[cs_arr[i].split('=')[0]] = cs_arr[i].split('=')[1]
             }
             //this.outParkId = cs.code;
-            this.code2 = cs.code;
-            this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode', {code:cs.code}, res => {
+            this.code2 = cs.code2;
+            this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode', {code2:cs.code2}, res => {
                 this.statisticData = res.data;
                 this.outParkId = this.statisticData.id;
                 this.status3 = this.statisticData.status3;
@@ -92,44 +92,6 @@
             })
         },
         methods: {
-            pay(){
-                this.payFlag = true;
-                if(this.status3==1){
-                    this.$message({
-                        message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠＄悊浜哄憳',
-                        type: 'error',
-                        duration:3000,
-                    });
-                    return;
-                }
-                this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/park', {id:this.outParkId}, res => {
-                    window.location.href = res.msg
-                    this.showFlag = false;
-                })
-            },
-            noCarOut(){
-                if(this.oldCarNo == '鏃犺溅鐗�'){
-                  if(this.carNo){
-                    this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/car/outParkByPhone', {code2:this.code2,carNo:this.carNo}, res => {
-                      if(res.code===0){
-                        this.statisticData = res.data;
-                        this.outParkId = this.statisticData.id;
-                      }
-                    })
-                  }else{
-                    this.$message({
-                      message: '璇疯緭鍏ユ墜鏈哄彿',
-                      type: 'error',
-                    });
-                  }
-                }else {
-                  this.$message({
-                    message: '闈炴硶杈撳叆',
-                    type: 'error',
-                  });
-                }
-
-            },
         }
     }
 
diff --git a/src/components/page/IndexTest.vue b/src/components/page/IndexTest.vue
index 638b40d..e4176f4 100644
--- a/src/components/page/IndexTest.vue
+++ b/src/components/page/IndexTest.vue
@@ -79,7 +79,7 @@
             </div>
           </div>
           <span slot="footer" class="dialog-footer">
-            <el-button type="primary" @click="pay()">绔� 鍗� 鏀� 浠�</el-button>
+            <el-button type="primary" @click="pay()" :loading="payNowFlag">绔� 鍗� 鏀� 浠�</el-button>
           </span>
         </el-dialog>
       </div>
@@ -95,6 +95,7 @@
             return {
                 dialogVisible:false,
                 payFlag:false,
+                payNowFlag:false,
                 outParkId:"",
                 type:null,
                 statisticData:{
@@ -120,10 +121,10 @@
             //鏀粯瀹�
             this.type = 1
           }
-          // if(this.type == null){
-          //   this.$message.error("璇风敤寰俊鎴栨敮浠樺疂鎵弿浜岀淮鐮�")
-          //   return;
-          // }
+          if(this.type == null){
+            this.$message.error("璇风敤寰俊鎴栨敮浠樺疂鎵弿浜岀淮鐮�")
+            return;
+          }
 
             var url = window.location.href;
             var count = url.split('?').length-1;
@@ -131,12 +132,6 @@
               this.code = this.getCodeFromUrl(url)
               this.code2 = this.getCode2FromUrl(url)
               window.location.href = "http://hesuancj.cn/#/indexTest?code="+this.code+"&state=STATE&code2="+this.code2
-            }
-            console.log('this.code====',this.code)
-            if(this.code != null && this.code != '') {
-              this.dialogVisible = true
-            }else {
-              this.dialogVisible = false
             }
             var cs = url.split('?')[1];
             var cs_arr = cs.split('&');
@@ -147,6 +142,14 @@
             //this.outParkId = cs.code;
           this.code2 = cs.code2;
           this.code = cs.code;
+          if(this.code2 == null || this.code2 == ''){
+            window.location.href = "http://hesuancj.cn/#/indexTest?code2="+this.code
+          }
+          if(this.code != null && this.code != '') {
+            this.dialogVisible = true
+          }else {
+            this.dialogVisible = false
+          }
           this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode', {code2:cs.code2}, res => {
             this.statisticData = res.data;
             this.outParkId = this.statisticData.id;
@@ -165,6 +168,7 @@
         methods: {
             pay(){
                 this.payFlag = true;
+                this.payNowFlag = true;
                 if(this.status3==1){
                     this.$message({
                         message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠＄悊浜哄憳',
@@ -239,7 +243,6 @@
                   this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/getOpenId', {id:this.outParkId,code:this.code}, res => {
                     if(res.code === 0){
                       var param = res.data;
-                      alert(param)
                       // 鐐瑰嚮鏀粯鏃跺�欒皟鐢�
                       if (typeof WeixinJSBridge === 'undefined') {
                         if (document.addEventListener) {
@@ -285,7 +288,7 @@
                   appId: params.appId, // 鍏紬鍙峰悕绉帮紝鐢卞晢鎴蜂紶鍏�
                   timeStamp: params.timeStamp, // 鏀粯绛惧悕鏃堕棿鎴筹紝娉ㄦ剰寰俊jssdk涓殑鎵�鏈変娇鐢╰imestamp瀛楁鍧囦负灏忓啓銆備絾鏈�鏂扮増鐨勬敮浠樺悗鍙扮敓鎴愮鍚嶄娇鐢ㄧ殑timeStamp瀛楁鍚嶉渶澶у啓鍏朵腑鐨凷瀛楃
                   nonceStr: params.nonceStr, // 鏀粯绛惧悕闅忔満涓诧紝涓嶉暱浜� 32 浣�
-                  package: params.prepay_id, // 缁熶竴鏀粯鎺ュ彛杩斿洖鐨刾repay_id鍙傛暟鍊硷紝鎻愪氦鏍煎紡濡傦細prepay_id=\*\*\*锛�
+                  package: params.package, // 缁熶竴鏀粯鎺ュ彛杩斿洖鐨刾repay_id鍙傛暟鍊硷紝鎻愪氦鏍煎紡濡傦細prepay_id=\*\*\*锛�
                   signType: params.signType, // 绛惧悕鏂瑰紡锛岄粯璁や负'SHA1'锛屼娇鐢ㄦ柊鐗堟敮浠橀渶浼犲叆'MD5'
                   paySign: params.paySign // 鏀粯绛惧悕
                 },
diff --git a/src/components/page/IndexXTYH.vue b/src/components/page/IndexXTYH.vue
new file mode 100644
index 0000000..703934f
--- /dev/null
+++ b/src/components/page/IndexXTYH.vue
@@ -0,0 +1,522 @@
+<template>
+    <div class="weizhang-box">
+        <!--<div class="weizhang-header">-->
+            <!--<div class="iconfont leftjiantou">&#xe606;</div>-->
+            <!--<div class="text"><h1>宄板嘲鐭垮尯缁煎悎琛屾斂鎵ф硶灞�</h1></div>-->
+            <!--<div class="right"></div>-->
+        <!--</div>-->
+        <div class="weizhang-main-box">
+            <div class="weizhang-main-top">
+                <img class="logoPhone" src="../../assets/images/logoImg.png" alt="">
+                <span class="weizhang">鍋滆溅鏀惰垂</span>
+                <span class="money">锟{this.statisticData.price}}</span>
+            </div>
+            <div class="weizhang-main-bootom">
+                <div class="weizhang-main-form">
+                    <el-form label-width="80px" :model="statisticData" label-position="left">
+                        <el-form-item label="杞︾墝鍙�" style="margin-left: 25px;">
+                            {{this.statisticData.carNo}}
+                        </el-form-item>
+                        <el-form-item label="杩涘満鏃堕棿" style="margin-left: 25px;">
+                            {{this.statisticData.enterTime}}
+                        </el-form-item>
+                        <el-form-item label="鍑哄満鏃堕棿" style="margin-left: 25px;">
+                            {{this.statisticData.createTime}}
+                        </el-form-item>
+                        <el-form-item label="鍋滅暀鏃堕棿" style="margin-left: 25px;">
+                            {{this.statisticData.timeStr}}
+                        </el-form-item>
+                        <el-form-item label="浣嶇疆" style="margin-left: 25px;">
+                            {{this.statisticData.parkName}}
+                        </el-form-item>
+                        <el-form-item label="璁㈠崟鍙�" style="margin-left: 25px;">
+                            {{this.statisticData.code}}
+                            <!--<el-input v-model="statisticData.code" readonly></el-input>-->
+                        </el-form-item>
+                        <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 4.498vh" label-width="0" v-show="showFlag">
+                            <el-button class="jiaofei-btn" type="primary" @click="pay()" :loading="payFlag">鍘荤即璐�</el-button>
+                        </el-form-item>
+                    </el-form>
+                  <el-form
+                      class="carSearch"
+                      label-position="left">
+                    <el-form-item
+                        class='formLabel'
+                        style="display: flex;
+                            flex-direction: column;align-items: center;justify-content: center"
+                        label="鏃� 鐗� 杞� 杈� 鏌� 璇�">
+                      <el-input prefix-icon="el-icon-search" style="margin-top: 20px;border: solid 1px #ccc!important;" v-model="carNo" placeholder="璇疯緭鍏ユ墜鏈哄彿"></el-input>
+                    </el-form-item>
+                    <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 5.498vh" label-width="0">
+                      <el-button
+                          style="borderColor:'none';background:#121215e0 "
+                          class="jiaofei-btn" type="primary" @click="noCarOut()" v-show="showFlag">鏌ヨ</el-button>
+                    </el-form-item>
+                  </el-form>
+
+                </div>
+
+            </div>
+        </div>
+      <div class="dialog-box">
+        <el-dialog
+            title="鏀粯"
+            :close-on-click-modal="false"
+            :visible.sync="dialogVisible"
+            width="100%">
+          <div class="dialog-main-box">
+            <div class="dialog-main-line">
+              <h1>鍚堣璐圭敤</h1>
+              <h1>{{this.statisticData.price}}鍏�</h1>
+            </div>
+            <div class="dialog-main-line">
+              <h1>鍋滆溅鏃堕暱</h1>
+              <h1>{{this.statisticData.timeStr}}</h1>
+            </div>
+            <div class="dialog-main-line-middle">
+              <h1>{{this.statisticData.price}}<font>鍏�</font></h1>
+            </div>
+            <div class="wx-img-box">
+              <div class="wx-img-l">
+                <img src="../../assets/images/wxIcon.png" alt="">
+                <h1>寰俊鏀粯</h1>
+              </div>
+              <div class="wx-img-r">
+                <img src="../../assets/images/duigouIcon.png" alt="">
+              </div>
+            </div>
+          </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="pay()" :loading="payNowFlag">绔� 鍗� 鏀� 浠�</el-button>
+          </span>
+        </el-dialog>
+      </div>
+
+    </div>
+</template>
+
+<script>
+import wx from 'weixin-js-sdk'
+export default {
+        name: 'dashboard',
+        data() {
+            return {
+                dialogVisible:false,
+                payFlag:false,
+                payNowFlag:false,
+                outParkId:"",
+                type:null,
+                statisticData:{
+
+                },
+                showFlag:true,
+                showFlag2:true,
+                status3:0,
+                carNo:"",
+                code2:"",
+                code:""
+            }
+        },
+        created(){
+          this.code = ''
+          this.code2 = ''
+          let ua = window.navigator.userAgent.toLowerCase();
+          //鍒ゆ柇鏄笉鏄井淇�
+          if (ua.match(/MicroMessenger/i) == "micromessenger") {
+            // 寰俊
+            this.type = 0
+          }
+          //鍒ゆ柇鏄笉鏄敮浠樺疂
+          if (ua.match(/AlipayClient/i) == "alipayclient") {
+            //鏀粯瀹�
+            this.type = 1
+          }
+          if(this.type == null){
+            this.$message.error("璇风敤寰俊鎴栨敮浠樺疂鎵弿浜岀淮鐮�")
+            return;
+          }
+
+            var url = window.location.href;
+            var count = url.split('?').length-1;
+            if(count >1){
+              this.code = this.getCodeFromUrl(url)
+              this.code2 = this.getCode2FromUrl(url)
+              window.location.href = "http://hesuancj.cn/#/index2?code="+this.code+"&state=STATE&code2="+this.code2
+            }
+            var cs = url.split('?')[1];
+            var cs_arr = cs.split('&');
+            var cs={};
+            for(var i=0;i<cs_arr.length;i++){
+                cs[cs_arr[i].split('=')[0]] = cs_arr[i].split('=')[1]
+            }
+            //this.outParkId = cs.code;
+          this.code2 = cs.code2;
+          this.code = cs.code;
+          if(this.code2 == null || this.code2 == ''){
+            window.location.href = "http://hesuancj.cn/#/index2?code2="+this.code
+          }
+          if(this.code != null && this.code != '') {
+            this.dialogVisible = true
+          }else {
+            this.dialogVisible = false
+          }
+          this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode', {code2:cs.code2}, res => {
+            this.statisticData = res.data;
+            this.outParkId = this.statisticData.id;
+            this.status3 = this.statisticData.status3;
+            this.oldCarNo = this.statisticData.carNo;
+            this.payFlag = false
+            if(this.status3==1){
+              this.$message({
+                message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠＄悊浜哄憳',
+                type: 'error',
+                duration:5000,
+              });
+            }
+          })
+        },
+        methods: {
+            pay(){
+                this.payFlag = true;
+                this.payNowFlag = true;
+                if(this.status3==1){
+                    this.$message({
+                        message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠＄悊浜哄憳',
+                        type: 'error',
+                        duration:3000,
+                    });
+                    return;
+                }
+                this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkXT', {id:this.outParkId}, res => {
+                  if(res.code === 0){
+                    this.getCode()
+                    this.showFlag = false
+                  }
+                })
+            },
+            noCarOut(){
+                if(this.carNo){
+                    this.$byutil.postData(this, this.$systemconfig.basePath + '/outPark/outPark2', {code2:this.code2,carNo:this.carNo}, res => {
+                        if(res.success){
+                            this.outParkId = res.data.id;
+                            this.pay();
+                            this.showFlag = false;
+                        }else{
+                            this.$message({
+                                message: res.msg, type: 'error', duration:2000,
+                            });
+                        }
+
+                    })
+                }else{
+                    this.$message({
+                        message: '璇疯緭鍏ユ墜鏈哄彿',
+                        type: 'error',
+                        duration:2000,
+                    });
+                }
+
+            },
+            GetQueryString(name) {
+              var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+              var r = window.location.search.substr(1).match(reg);
+              if (r != null) return unescape(r[2]); return null;
+            },
+            /**
+             * 瑙ｆ瀽寰俊redirect_uri鍦板潃涓殑code
+             */
+            getCodeFromUrl (cur_url) {
+              let index = cur_url.split('?')[1]
+              let paramStr =index.split('&')[0];
+              let code =paramStr.split('=')[1];
+              return code
+            },
+            /**
+             * 瑙ｆ瀽寰俊redirect_uri鍦板潃涓殑code2
+             */
+            getCode2FromUrl (cur_url) {
+              let index = cur_url.split('?')[2]
+              let code2 =index.split('=')[1];
+              return code2
+            },
+
+            getCode(){
+              if(this.type == 0 ){
+                //寰俊锛岃幏鍙朿ode
+                if(this.code==null||this.code==""){
+                  var url = encodeURIComponent("http://hesuancj.cn/#/index2?code2="+this.code2);
+                  window.location.href ="https://open.weixin.qq.com/connect/oauth2/authorize?" +
+                      "appid=wx46e756aed958f895&redirect_uri="+url+"&response_type=code" +
+                       "&scope=snsapi_userinfo&state=STATE#wechat_redirect";
+                      //"&scope=SCOPE&state=STATE#wechat_redirect";
+                }else{
+                  this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/getOpenId', {id:this.outParkId,code:this.code}, res => {
+                    if(res.code === 0){
+                      var param = res.data;
+                      // 鐐瑰嚮鏀粯鏃跺�欒皟鐢�
+                      if (typeof WeixinJSBridge === 'undefined') {
+                        if (document.addEventListener) {
+                          document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(param), false)
+                        } else if (document.attachEvent) {
+                          document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady(param))
+                          document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady(param))
+                        }
+                      } else {
+                        this.onBridgeReady(param)
+                      }
+
+                      this.showFlag = false
+                    }else {
+                      alert('寰俊鏀粯璋冭捣澶辫触锛�')
+                    }
+                  })
+                }
+              }else if(this.type == 1){
+                //鏀粯瀹濓紝涓嶈幏鍙朿ode
+                this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/payByAli', {id:this.outParkId}, res => {
+                  if(res.code != 0){
+                    alert(res.data)
+                    this.showFlag = false
+                  }else {
+                    this.$message({
+                      message: '2绉掑悗鑷姩璺宠浆鍒版敮浠橀〉闈紝闃叉鍐呭缃戞暟鎹悓姝ュ欢杩燂紝璇风◢绛�',
+                      type: 'success',
+                      duration:2000,
+                    });
+                    setTimeout(function(){window.location.href = res.msg;},2000);
+                    this.showFlag = false;
+                  }
+                })
+
+              }
+            },
+          onBridgeReady (params) {
+            const that = this
+            WeixinJSBridge.invoke(
+                'getBrandWCPayRequest',
+                {
+                  appId: params.appId, // 鍏紬鍙峰悕绉帮紝鐢卞晢鎴蜂紶鍏�
+                  timeStamp: params.timeStamp, // 鏀粯绛惧悕鏃堕棿鎴筹紝娉ㄦ剰寰俊jssdk涓殑鎵�鏈変娇鐢╰imestamp瀛楁鍧囦负灏忓啓銆備絾鏈�鏂扮増鐨勬敮浠樺悗鍙扮敓鎴愮鍚嶄娇鐢ㄧ殑timeStamp瀛楁鍚嶉渶澶у啓鍏朵腑鐨凷瀛楃
+                  nonceStr: params.nonceStr, // 鏀粯绛惧悕闅忔満涓诧紝涓嶉暱浜� 32 浣�
+                  package: params.package, // 缁熶竴鏀粯鎺ュ彛杩斿洖鐨刾repay_id鍙傛暟鍊硷紝鎻愪氦鏍煎紡濡傦細prepay_id=\*\*\*锛�
+                  signType: params.signType, // 绛惧悕鏂瑰紡锛岄粯璁や负'SHA1'锛屼娇鐢ㄦ柊鐗堟敮浠橀渶浼犲叆'MD5'
+                  paySign: params.paySign // 鏀粯绛惧悕
+                },
+                (res) => {
+                  if (res.err_msg === 'get_brand_wcpay_request:ok') {
+                    that.queryOrder() // 杩欓噷鏄煡璇㈣鍗曟槸鍚︽敮浠樺畬鎴愶紝鐒跺悗鎵ц鎴愬姛鍜屽け璐ョ殑涓氬姟閫昏緫
+                  } else if (res.err_msg === 'get_brand_wcpay_request:fail') {
+                    alert('鏀粯澶辫触锛�')
+                  } else if (res.err_msg === 'get_brand_wcpay_request:cancel') {
+                    alert('鏀粯鍙栨秷锛�')
+                  }
+                }
+            )
+          },
+          queryOrder() {
+            this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/getById', {id: this.outParkId}, res => {
+              if (res.code == 0) {
+                let outpark = res.data
+                if(outpark.status == 1){
+                  window.location.href = "http://hesuancj.cn/#/indexOk?code2="+this.code2
+                }else {
+                  window.location.href = "http://hesuancj.cn/#/indexFail?code2="+this.code2
+                }
+              }
+            })
+          }
+      }
+
+    }
+
+</script>
+
+
+<style lang="scss">
+    .weizhang-main-bootom{
+        .el-input__inner{
+            border:none;
+        }
+        .el-form-item__label{
+            color: #000;
+            font-weight: 600;
+        }
+    }
+    .weizhang-footer-box{
+        .el-form-item__content{
+            width: 100%;
+            display: flex;
+            justify-content: center;
+        }
+        .el-button--small{
+            padding: 11px 15px;
+            font-size: 0.347rem  /* 26/75 */;
+        }
+    }
+    .dialog-box{
+      .el-dialog{
+        bottom: 0;
+        position: fixed;
+        left: 0;
+        margin: 0;
+      }
+      .el-dialog__body{
+        padding: 2.67vw  /* 20/7.5 */ 5.33vw  /* 40/7.5 */;
+      }
+      .el-dialog__header{
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 1.87vw  /* 14/7.5 */;
+        background: rgba(103,201,122,0.1);
+      }
+      .el-dialog__title{
+        font-size: 4vw  /* 30/7.5 */;
+      }
+      .el-dialog__headerbtn{
+        top: 2.67vw  /* 20/7.5 */;
+      }
+      .dialog-footer{
+        display: flex;
+        width: 100% !important;
+        .el-button{
+          width: 100%;
+          background: rgba(74,76,89,1);
+        }
+      }
+    }
+
+</style>
+<style lang="scss" scoped>
+    h1,h2,h3,h4,h5{
+        font-family: '鑻规柟 涓瓑';
+        font-weight: normal;
+    }
+    .weizhang-header{
+        display: flex;
+        height: 12.8vw  /* 96/7.5 */;
+        align-items: center;
+        border-bottom:1px solid rgba(154,154,154,0.2);
+        .text{
+            flex: 1;
+            text-align: center;
+            h1{
+                font-size: 2.699vh  /* 36/13.34 */;
+            }
+        }
+        .right{
+            width: 6.747vh  /* 90/13.34 */;
+        }
+        .leftjiantou{
+            font-size: 5.33vw;
+            width: 6.747vh  /* 90/13.34 */;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+    }
+    .weizhang-main-box{
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        padding:5.33vw  /* 40/7.5 */;
+    }
+    .weizhang-main-top{
+        height: 22.489vh  /* 300/13.34 */;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        border-bottom: 1px solid #f0f0f0;
+        .money{
+            font-size: 6.93vw  /* 52/7.5 */;
+            font-weight: 550;
+            color: #000;
+        }
+        .weizhang{
+            font-size: 0.4rem  /* 30/75 */;
+            line-height: 2;
+            font-weight: normal;
+            margin-top:1.33vw  /* 10/7.5 */;
+            color: #000;
+        }
+    }
+    .weizhang-main-form{
+    }
+    .weizhang-tiaokuan{
+        margin-top: 2.67vw  /* 20/7.5 */;
+        h1{
+            font-size:3.2vw  /* 24/7.5 */;
+            color: #999999;
+            text-indent: 2.5em;
+            line-height: 2;
+        }
+    }
+    .jiaofei-btn{
+        width: 80%;
+        border-radius: 5.33vw  /* 40/7.5 */;
+        background-image: linear-gradient(to right,#33b1fe,#0679dc);
+    }
+
+    .logoPhone{
+        margin-top: 0.67vw;
+        width: 1.333rem  /* 100/75 */;
+        height: 1.333rem  /* 100/75 */;
+    }
+    .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
+        margin-bottom: 10px;
+    }
+    .weizhang-main-bootom{
+        margin-top: 0.333rem  /* 25/75 */;
+    }
+    .dialog-main-box{
+      .dialog-main-line{
+        display: flex;
+        justify-content: space-between;
+        h1{
+          font-size: 3.2vw  /* 24/7.5 */;
+          color: rgba(0,0,0,0.9);
+          line-height: 2;
+        }
+      }
+      .dialog-main-line-middle{
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        padding: 2.67vw  /* 20/7.5 */ 0;
+        h1{
+          font-size: 8vw  /* 60/7.5 */;
+          line-height: 2;
+          color: rgba(0,0,0,1);
+          font{
+            font-size: 3.73vw  /* 28/7.5 */;
+            margin-left: 0.67vw  /* 5/7.5 */;
+          }
+        }
+      }
+      .wx-img-box{
+        width: 100%;
+        display: flex;
+        justify-content: space-between;
+        .wx-img-l{
+          display: flex;
+          img{
+            width: 5.33vw  /* 40/7.5 */;
+            object-fit: contain;
+          }
+          h1{
+            font-size: 3.47vw  /* 26/7.5 */;
+            margin-left: 1.33vw  /* 10/7.5 */;
+          }
+        }
+        .wx-img-r{
+          width: 4vw  /* 30/7.5 */;
+          height: 4vw  /* 30/7.5 */;
+          img{
+            width: 100%;
+          }
+        }
+      }
+    }
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 76c5626..2550316 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -95,18 +95,23 @@
             component: resolve => require(['../components/page/Index.vue'], resolve),
             meta: { title: '杩濈珷鍋滆溅' }
         },
+        // {
+        //     path: '/index2',
+        //     component: resolve => require(['../components/page/Index2.vue'], resolve),
+        //     meta: { title: '鏅烘収娉婅溅' }
+        // },
         {
             path: '/index2',
-            component: resolve => require(['../components/page/Index2.vue'], resolve),
+            component: resolve => require(['../components/page/IndexXTYH.vue'], resolve),
             meta: { title: '鏅烘収娉婅溅' }
         },
         {
-            path: '/IndexOk',
+            path: '/indexOk',
             component: resolve => require(['../components/page/IndexOk.vue'], resolve),
             meta: { title: '鏅烘収娉婅溅' }
         },
         {
-            path: '/IndexFail',
+            path: '/indexFail',
             component: resolve => require(['../components/page/IndexFail.vue'], resolve),
             meta: { title: '鏅烘収娉婅溅' }
         },

--
Gitblit v1.9.1