From 01064381459962abb286b559f35fc7fd869d67f0 Mon Sep 17 00:00:00 2001
From: 819527061@qq.com <123456>
Date: 星期二, 09 四月 2024 11:45:09 +0800
Subject: [PATCH] 峰峰梳理流程 修改弹框顺序

---
 src/components/page/IndexXTYH39.vue |  691 ++++++++++++++++++++
 src/components/page/IndexXTYH.vue   | 1233 +++++++++++++++++++------------------
 src/router/index.js                 |    5 
 3 files changed, 1,323 insertions(+), 606 deletions(-)

diff --git a/src/components/page/IndexXTYH.vue b/src/components/page/IndexXTYH.vue
index c51e302..7fab5c5 100644
--- a/src/components/page/IndexXTYH.vue
+++ b/src/components/page/IndexXTYH.vue
@@ -1,117 +1,117 @@
 <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 v-if="isShowjiaofei" 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>-->
-<!--&lt;!&ndash;                    <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 5.498vh" label-width="0">&ndash;&gt;-->
-<!--&lt;!&ndash;                      <el-button&ndash;&gt;-->
-<!--&lt;!&ndash;                          style="borderColor:'none';background:#121215e0 "&ndash;&gt;-->
-<!--&lt;!&ndash;                          class="jiaofei-btn" type="primary" @click="noCarOut()" v-show="showFlag">鏌ヨ</el-button>&ndash;&gt;-->
-<!--&lt;!&ndash;                    </el-form-item>&ndash;&gt;-->
-<!--                  </el-form>-->
+  <div class="weizhang-box"  v-loading="dataLoading">
+    <!--<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 v-if="isShowjiaofei" 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>-->
+          <!--&lt;!&ndash;                    <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 5.498vh" label-width="0">&ndash;&gt;-->
+          <!--&lt;!&ndash;                      <el-button&ndash;&gt;-->
+          <!--&lt;!&ndash;                          style="borderColor:'none';background:#121215e0 "&ndash;&gt;-->
+          <!--&lt;!&ndash;                          class="jiaofei-btn" type="primary" @click="noCarOut()" v-show="showFlag">鏌ヨ</el-button>&ndash;&gt;-->
+          <!--&lt;!&ndash;                    </el-form-item>&ndash;&gt;-->
+          <!--                  </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>
+    <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="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 class="wx-img-r">
+              <img src="../../assets/images/duigouIcon.png" alt="">
             </div>
           </div>
-          <span slot="footer" class="dialog-footer">
-            <el-button type="primary" @click="pay()" :loading="payNowFlag">绔� 鍗� 鏀� 浠�</el-button>
+        </div>
+        <span slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="parkXT(outParkId)" :loading="payNowFlag">绔� 鍗� 鏀� 浠�</el-button>
           </span>
-        </el-dialog>
-      </div>
-      <div class="again-dialog-box">
-        <el-dialog
-            title="鎻愮ず"
-            :visible.sync="againDialogVisible"
-            :close-on-click-modal="false"
-            :show-close="false"
-            width="100%">
-         <div class="again-dialog-main">
-           <h1>
-             鎮ㄥ凡鍙戣捣杩囨璁㈠崟缂磋垂鐢宠锛屽纭缂磋垂鎴愬姛锛岃鍘熷湴绛夊緟鎶潌锛屽缂磋垂鏈垚鍔燂紝璇风户缁敮浠�
-           </h1>
-         </div>
-          <span slot="footer" class="dialog-footer">
+      </el-dialog>
+    </div>
+    <div class="again-dialog-box">
+      <el-dialog
+          title="鎻愮ず"
+          :visible.sync="againDialogVisible"
+          :close-on-click-modal="false"
+          :show-close="false"
+          width="100%">
+        <div class="again-dialog-main">
+          <h1>
+            鎮ㄥ凡鍙戣捣杩囨璁㈠崟缂磋垂鐢宠锛屽纭缂磋垂鎴愬姛锛岃鍘熷湴绛夊緟鎶潌锛屽缂磋垂鏈垚鍔燂紝璇风户缁敮浠�
+          </h1>
+        </div>
+        <span slot="footer" class="dialog-footer">
             <el-button @click="againDialogVisible = false" type="primary">鍙栨秷</el-button>
             <el-button @click="againPay" type="success">纭畾</el-button>
           </span>
-        </el-dialog>
-      </div>
-      <tishi-dialog ref="TishiDialog" v-if="tishiDialogVisiable"></tishi-dialog>
-      <tishi-dialog2 ref="TishiDialog" v-if="tishiDialogVisiable2"></tishi-dialog2>
+      </el-dialog>
     </div>
+    <tishi-dialog ref="TishiDialog" v-if="tishiDialogVisiable"></tishi-dialog>
+    <tishi-dialog2 ref="TishiDialog" v-if="tishiDialogVisiable2"></tishi-dialog2>
+  </div>
 </template>
 
 <script>
@@ -119,312 +119,333 @@
 import TishiDialog from "@/components/page/TishiDialog";
 import TishiDialog2 from "@/components/page/TishiDialog2";
 export default {
-        name: 'dashboard',
-        components: {
-          TishiDialog,
-          TishiDialog2,
+  name: 'dashboard',
+  components: {
+    TishiDialog,
+    TishiDialog2,
 
-        },
-        data() {
-            return {
-                tishiDialogVisiable: false,
-                tishiDialogVisiable2: false,
-                isShowjiaofei: true,
-                dialogVisible:false,
-                againDialogVisible: false, //
-                payFlag:false,
-                payNowFlag:false,
-                outParkId:"",
-                type:null,
-                statisticData:{
+  },
+  data() {
+    return {
+      tishiDialogVisiable: false,
+      tishiDialogVisiable2: false,
+      isShowjiaofei: true,
+      dialogVisible:false,
+      againDialogVisible: 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;
-          // }
+      },
+      showFlag:true,
+      showFlag2:true,
+      status3:0,
+      carNo:"",
+      code2:"",
+      code:"",
+      dataLoading:false,  //鏁版嵁鍥炴樉鍓嶅姞loading锛岄槻姝㈡病鏈夋暟鎹� 鐐瑰嚮鈥樼珛鍗虫敮浠樻寜閽��
+    }
+  },
+  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){
-              let codeONE = this.getCodeFromUrl(url)
-              let codeTWO = this.getCode2FromUrl(url)
-              window.location.href = "http://hesuancj.cn/#/index2?code="+codeONE+"&state=STATE&code2="+codeTWO
-            }
-            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 == ''){
-            this.$message({
-              message: '1绉掑悗鑷姩璺宠浆锛岃绋嶇瓑',
-              type: 'success',
-              duration:1000,
-            });
-            setTimeout(function(){window.location.href = "http://hesuancj.cn/#/index2?code2="+cs.code},1000);
-            return;
-          }
-          if(this.code != null && this.code != '') {
-            this.dialogVisible = true
+    var url = window.location.href;
+    var count = url.split('?').length-1;
+    if(count >1){  //鑾峰彇鐢ㄦ埛淇℃伅鍚庤烦鍥炴潵鏈〉闈�
+      let codeONE = this.getCodeFromUrl(url)
+      let codeTWO = this.getCode2FromUrl(url)
+      window.location.href = "http://hesuancj.cn/#/index2?code="+codeONE+"&state=STATE&code2="+codeTWO
+    }
+    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;
+
+    //鍒濆鍖栬烦杞� 39 鏈嶅姟鍣�
+    if(this.code2 == null || this.code2 == ''){
+      // this.$message({
+      //   message: '1绉掑悗鑷姩璺宠浆锛岃绋嶇瓑',
+      //   type: 'success',
+      //   duration:1000,
+      // });
+      window.location.href = "http://hesuancj.cn/#/index2?code2="+cs.code
+      // window.location.href = "http://192.168.0.8:8082/#/IndexXTYH39?code2="+cs.code   //娴嬭瘯鐢ㄧ殑
+      // setTimeout(function(){window.location.href = "http://192.168.0.8:8082/#/IndexXTYH39?code2="+cs.code},1000);
+      return;
+    }
+    if(this.code != null && this.code != '') {
+      this.dialogVisible = true
+    }else {
+      this.dialogVisible = false
+    }
+    this.getDataList()
+  },
+  methods: {
+    getDataList() {  //鏁版嵁鍥炴樉鎺ュ彛
+      //鏁版嵁鍥炴樉鎺ュ彛
+      try{
+        this.dataLoading  = true  //鍥炴樉鏁版嵁鐨刲oading
+        this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode2', {code2:this.code2}, res => {
+          this.statisticData = res.data;
+          this.outParkId = this.statisticData.id;
+          this.status3 = this.statisticData.status3;
+          this.oldCarNo = this.statisticData.carNo;
+          this.dataLoading  = false
+          this.payFlag = false
+          if(!this.statisticData.enterTime) {  //娌℃湁鍏ュ満
+            this.isShowjiaofei = false
+            this.tishiDialogVisiable = true
+            // this.$message({
+            //   showClose: false,
+            //   duration:0,
+            //   type: 'success',
+            //   message: '鍏ュ満寮傚父锛岃鑱旂郴绠$悊鍛�'
+            // });
+          }else if(this.statisticData.enterTime && (!this.statisticData.price || this.statisticData.price == 0)) { //閲戦涓�0
+            this.isShowjiaofei = false
+            this.tishiDialogVisiable2 = true
+            // this.$message({
+            //   showClose: false,
+            //   duration:0,
+            //   type: 'success',
+            //   message: '鏃犻渶缂磋垂锛岃鍘熷湴绛夊緟锛屾垨鑱旂郴绠$悊鍛�'
+            // });
           }else {
-            this.dialogVisible = false
+            this.isShowjiaofei = true
           }
-          this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode2', {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.statisticData.enterTime) {  //娌℃湁鍏ュ満
-              this.isShowjiaofei = false
-              this.tishiDialogVisiable = true
-              // this.$message({
-              //   showClose: false,
-              //   duration:0,
-              //   type: 'success',
-              //   message: '鍏ュ満寮傚父锛岃鑱旂郴绠$悊鍛�'
-              // });
-            }else if(this.statisticData.enterTime && (!this.statisticData.price || this.statisticData.price == 0)) { //閲戦涓�0
-              this.isShowjiaofei = false
-              this.tishiDialogVisiable2 = true
-              // this.$message({
-              //   showClose: false,
-              //   duration:0,
-              //   type: 'success',
-              //   message: '鏃犻渶缂磋垂锛岃鍘熷湴绛夊緟锛屾垨鑱旂郴绠$悊鍛�'
-              // });
-            }else {
-              this.isShowjiaofei = true
-            }
-            if(this.status3==1){
-              this.$message({
-                message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠$悊浜哄憳',
-                type: 'error',
-                duration:5000,
-              });
-            }
-          })
-        },
-        methods: {
-            pay(){
-                console.log('code',this.code)
-                console.log('code2',this.code2)
-                // this.payFlag = true;
-                this.payNowFlag = true;
-                // this.showFlag = true
-                if(this.status3==1){
-                    this.$message({
-                        message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠$悊浜哄憳',
-                        type: 'error',
-                        duration:3000,
-                    });
-                    return;
-                }
-              this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkJudg', {id:this.outParkId}, res => {
-                console.log(res,'res====')
-                if(res.code === 0){
-                  this.payNowFlag = false;
-                  if(res.data == 1) { //1 寮瑰嚭寮规
-                    this.againDialogVisible = true
-                  }else {
-                    this.parkXT(this.outParkId)
-                  }
-                  // this.getCode()
-                  // this.showFlag = false
-                }else {
-                  this.$message({
-                    message: '鏀粯閿欒锛岃閲嶆柊鏀粯',
-                    type: 'error',
-                    duration:3000,
-                  });
-                  this.payNowFlag = false;
-                }
-              })
-            },
-            againPay() {
-              this.againDialogVisible = false
-              this.parkXT(this.outParkId)
-            },
-            parkXT(outParkId) {
-              this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkXT', {id:outParkId}, res => {
-                if(res.code === 0){
-                  this.payNowFlag = false;
-                  this.getCode()
-                  // this.showFlag = false
-                }else {
-                  this.$message({
-                    message: '鏀粯閿欒锛岃閲嶆柊鏀粯',
-                    type: 'error',
-                    duration:3000,
-                  });
-                  this.payNowFlag = 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;
-            },
-            /**
-             * 瑙f瀽寰俊redirect_uri鍦板潃涓殑code
-             */
-            getCodeFromUrl (cur_url) {
-              let index = cur_url.split('?')[1]
-              let paramStr =index.split('&')[0];
-              let code =paramStr.split('=')[1];
-              return code
-            },
-            /**
-             * 瑙f瀽寰俊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);
-                  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
-                  return;
-                }else {
-                  window.location.href = "http://hesuancj.cn/#/indexFail?code2="+this.code2
-                  return;
-                }
-              }
-            })
+          if(this.status3==1){
+            this.$message({
+              message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠$悊浜哄憳',
+              type: 'error',
+              duration:5000,
+            });
           }
+        })
+      } catch (err) {
+        // this.dataLoading  = false
+      }finally {
+        // this.dataLoading  = false
+      }
+    },
+    pay(){
+      this.payFlag = true;  //鍘荤即璐筶oading
+      // this.payNowFlag = true;
+      // this.showFlag = true
+      if(this.status3==1){
+        this.$message({
+          message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠$悊浜哄憳',
+          type: 'error',
+          duration:3000,
+        });
+        return;
+      }
+      this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkJudg', {id:this.outParkId}, res => {
+        if(res.code === 0){
+          this.payFlag = false;  //鍘荤即璐筶oading
+          if(res.data == 1) { //1 寮瑰嚭寮规(宸茬即璐规彁绀�)
+            this.againDialogVisible = true
+          }else {
+            this.dialogVisible = true;  //绔嬪嵆鏀粯鐨勫脊妗�
+            // this.parkXT(this.outParkId)
+          }
+          // this.getCode()
+          // this.showFlag = false
+        }else {
+          this.$message({
+            message:res.msg,
+            type: 'error',
+            duration:3000,
+          });
+          this.payFlag = false;
+        }
+      })
+    },
+    againPay() {
+      this.againDialogVisible = false
+      this.dialogVisible = true  //鎵撳紑绔嬪嵆鏀粯寮规
+      // this.parkXT(this.outParkId)
+    },
+    parkXT(outParkId) {
+      this.payNowFlag = true //绔嬪嵆鏀粯loading
+      try{
+        this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkXT', {id:outParkId}, res => {
+          if(res.code === 0){
+            this.payNowFlag = false;
+            this.getCode()
+            // this.showFlag = false
+          }else {
+            this.$message({
+              message: '鏀粯閿欒锛岃閲嶆柊鏀粯',
+              type: 'error',
+              duration:3000,
+            });
+            this.payNowFlag = false;
+          }
+        })
+      } catch (err) {
+        this.payNowFlag = 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;
+    },
+    /**
+     * 瑙f瀽寰俊redirect_uri鍦板潃涓殑code
+     */
+    getCodeFromUrl (cur_url) {
+      let index = cur_url.split('?')[1]
+      let paramStr =index.split('&')[0];
+      let code =paramStr.split('=')[1];
+      return code
+    },
+    /**
+     * 瑙f瀽寰俊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);
+          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
+            return;
+          }else {
+            window.location.href = "http://hesuancj.cn/#/indexFail?code2="+this.code2
+            return;
+          }
+        }
+      })
     }
+  }
+
+}
 
 </script>
 
@@ -442,222 +463,222 @@
 .el-icon-error:before{
   font-size: 5vw
 }
-    .weizhang-main-bootom{
-        .el-input__inner{
-            border:none;
-        }
-        .el-form-item__label{
-            color: #000;
-            font-weight: 600;
-        }
+.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__header{
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 1.87vw  /* 14/7.5 */;
+    background: rgba(103,201,122,0.1);
+  }
+}
+.dialog-box,.again-dialog-box{
+  .el-dialog__body{
+    padding: 2.67vw  /* 20/7.5 */ 5.33vw  /* 40/7.5 */;
+  }
+  .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);
+      padding: 1.056vh  /* 12/11.36 */ 1.761vh  /* 20/11.36 */;
     }
-    .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__header{
-        width: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding: 1.87vw  /* 14/7.5 */;
-        background: rgba(103,201,122,0.1);
-      }
-    }
-    .dialog-box,.again-dialog-box{
-      .el-dialog__body{
-        padding: 2.67vw  /* 20/7.5 */ 5.33vw  /* 40/7.5 */;
-      }
-      .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);
-          padding: 1.056vh  /* 12/11.36 */ 1.761vh  /* 20/11.36 */;
-        }
-      }
-    }
-    .again-dialog-box{
-      .el-button--success{
-        background: linear-gradient(to right, #33b1fe, #0679dc)!important;
-      }
-      .el-dialog__body{
-        padding: 8.67vw 5.33vw;
-      }
-      .el-dialog{
-        width: 80%!important;
-        margin-top: 47vh!important;
-        border-radius: 2.67vw  /* 20/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);
-      }
-    }
+  }
+}
+.again-dialog-box{
+  .el-button--success{
+    background: linear-gradient(to right, #33b1fe, #0679dc)!important;
+  }
+  .el-dialog__body{
+    padding: 8.67vw 5.33vw;
+  }
+  .el-dialog{
+    width: 80%!important;
+    margin-top: 47vh!important;
+    border-radius: 2.67vw  /* 20/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);
+  }
+}
 
 </style>
 <style lang="scss" scoped>
-    h1,h2,h3,h4,h5{
-        font-family: '鑻规柟 涓瓑';
-        font-weight: normal;
+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 */;
     }
-    .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: 21.489vh  /* 300/13.34 */;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        border-bottom: 1px solid #f0f0f0;
-        .money{
-            font-size: 7.6vw  /* 52/7.5 */;
-            font-weight: 550;
-            color: #000;
-            margin-top: 1vw;
-        }
-        .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);
-    }
+  }
+  .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: 21.489vh  /* 300/13.34 */;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-bottom: 1px solid #f0f0f0;
+  .money{
+    font-size: 7.6vw  /* 52/7.5 */;
+    font-weight: 550;
+    color: #000;
+    margin-top: 1vw;
+  }
+  .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 */;
+.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;
     }
-    .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 */;
       }
-      .dialog-main-line-middle{
+    }
+  }
+  .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%;
-        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%;
-          }
-        }
       }
     }
-    .again-dialog-box{
-      .again-dialog-main{
-        h1{
-          font-size: 4vw  /* 30/7.5 */;
-        }
-      }
+  }
+}
+.again-dialog-box{
+  .again-dialog-main{
+    h1{
+      font-size: 4vw  /* 30/7.5 */;
     }
+  }
+}
 </style>
diff --git a/src/components/page/IndexXTYH39.vue b/src/components/page/IndexXTYH39.vue
new file mode 100644
index 0000000..c27037d
--- /dev/null
+++ b/src/components/page/IndexXTYH39.vue
@@ -0,0 +1,691 @@
+<template>
+  <div class="weizhang-box"  v-loading="dataLoading">
+    <!--<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 v-if="isShowjiaofei" 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>-->
+          <!--&lt;!&ndash;                    <el-form-item class="weizhang-footer-box" style="display: flex;justify-content: center;margin-top: 5.498vh" label-width="0">&ndash;&gt;-->
+          <!--&lt;!&ndash;                      <el-button&ndash;&gt;-->
+          <!--&lt;!&ndash;                          style="borderColor:'none';background:#121215e0 "&ndash;&gt;-->
+          <!--&lt;!&ndash;                          class="jiaofei-btn" type="primary" @click="noCarOut()" v-show="showFlag">鏌ヨ</el-button>&ndash;&gt;-->
+          <!--&lt;!&ndash;                    </el-form-item>&ndash;&gt;-->
+          <!--                  </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="parkXT(outParkId)" :loading="payNowFlag">绔� 鍗� 鏀� 浠�</el-button>
+          </span>
+      </el-dialog>
+    </div>
+    <div class="again-dialog-box">
+      <el-dialog
+          title="鎻愮ず"
+          :visible.sync="againDialogVisible"
+          :close-on-click-modal="false"
+          :show-close="false"
+          width="100%">
+        <div class="again-dialog-main">
+          <h1>
+            鎮ㄥ凡鍙戣捣杩囨璁㈠崟缂磋垂鐢宠锛屽纭缂磋垂鎴愬姛锛岃鍘熷湴绛夊緟鎶潌锛屽缂磋垂鏈垚鍔燂紝璇风户缁敮浠�
+          </h1>
+        </div>
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="againDialogVisible = false" type="primary">鍙栨秷</el-button>
+            <el-button @click="againPay" type="success">纭畾</el-button>
+          </span>
+      </el-dialog>
+    </div>
+    <tishi-dialog ref="TishiDialog" v-if="tishiDialogVisiable"></tishi-dialog>
+    <tishi-dialog2 ref="TishiDialog" v-if="tishiDialogVisiable2"></tishi-dialog2>
+  </div>
+</template>
+
+<script>
+import wx from 'weixin-js-sdk'
+import TishiDialog from "@/components/page/TishiDialog";
+import TishiDialog2 from "@/components/page/TishiDialog2";
+export default {
+  name: 'dashboard',
+  components: {
+    TishiDialog,
+    TishiDialog2,
+
+  },
+  data() {
+    return {
+      tishiDialogVisiable: false,
+      tishiDialogVisiable2: false,
+      isShowjiaofei: true,
+      dialogVisible:false,
+      againDialogVisible: false, //
+      payFlag:false,
+      payNowFlag:false,
+      outParkId:"",
+      type:null,
+      statisticData:{
+
+      },
+      showFlag:true,
+      showFlag2:true,
+      status3:0,
+      carNo:"",
+      code2:"",
+      code:"",
+      dataLoading:false,  //鏁版嵁鍥炴樉鍓嶅姞loading锛岄槻姝㈡病鏈夋暟鎹� 鐐瑰嚮鈥樼珛鍗虫敮浠樻寜閽��
+    }
+  },
+  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;
+    console.log(url,'this.url--------')
+    var count = url.split('?').length-1;
+    if(count >1){  //鑾峰彇鐢ㄦ埛淇℃伅鍚庤烦鍥炴潵鏈〉闈�
+      let codeONE = this.getCodeFromUrl(url)
+      let codeTWO = this.getCode2FromUrl(url)
+      window.location.href = "http://hesuancj.cn/#/index2?code="+codeONE+"&state=STATE&code2="+codeTWO
+    }
+    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;
+
+    //鍒濆鍖栬烦杞� 39 鏈嶅姟鍣�
+    console.log(this.code2,'this.code2--------')
+    if(this.code2 == null || this.code2 == ''){
+      console.log(this.code2,'this.code2--------222222222')
+      // this.$message({
+      //   message: '1绉掑悗鑷姩璺宠浆锛岃绋嶇瓑',
+      //   type: 'success',
+      //   duration:1000,
+      // });
+      window.location.href = "http://192.168.0.8:8082/#/IndexXTYH39?code2="+cs.code
+      // setTimeout(function(){window.location.href = "http://192.168.0.8:8082/#/IndexXTYH39?code2="+cs.code},1000);
+      return;
+    }
+    console.log(this.code2,'this.code2--------333333333')
+    if(this.code != null && this.code != '') {
+      this.dialogVisible = true
+    }else {
+      this.dialogVisible = false
+    }
+    this.getDataList()
+
+  },
+  methods: {
+    getDataList() {  //鏁版嵁鍥炴樉鎺ュ彛
+      //鏁版嵁鍥炴樉鎺ュ彛
+      try{
+        this.dataLoading  = true  //鍥炴樉鏁版嵁鐨刲oading
+        this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode2', {code2:this.code2}, res => {
+          this.statisticData = res.data;
+          this.outParkId = this.statisticData.id;
+          this.status3 = this.statisticData.status3;
+          this.oldCarNo = this.statisticData.carNo;
+          this.dataLoading  = false
+          this.payFlag = false
+          if(!this.statisticData.enterTime) {  //娌℃湁鍏ュ満
+            this.isShowjiaofei = false
+            this.tishiDialogVisiable = true
+            // this.$message({
+            //   showClose: false,
+            //   duration:0,
+            //   type: 'success',
+            //   message: '鍏ュ満寮傚父锛岃鑱旂郴绠$悊鍛�'
+            // });
+          }else if(this.statisticData.enterTime && (!this.statisticData.price || this.statisticData.price == 0)) { //閲戦涓�0
+            this.isShowjiaofei = false
+            this.tishiDialogVisiable2 = true
+            // this.$message({
+            //   showClose: false,
+            //   duration:0,
+            //   type: 'success',
+            //   message: '鏃犻渶缂磋垂锛岃鍘熷湴绛夊緟锛屾垨鑱旂郴绠$悊鍛�'
+            // });
+          }else {
+            this.isShowjiaofei = true
+          }
+          if(this.status3==1){
+            this.$message({
+              message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠$悊浜哄憳',
+              type: 'error',
+              duration:5000,
+            });
+          }
+        })
+      } catch (err) {
+        // this.dataLoading  = false
+      }finally {
+        // this.dataLoading  = false
+      }
+    },
+    pay(){
+      console.log('code',this.code)
+      console.log('code2',this.code2)
+      this.payFlag = true;  //鍘荤即璐筶oading
+      // this.payNowFlag = true;
+      // this.showFlag = true
+      if(this.status3==1){
+        this.$message({
+          message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠$悊浜哄憳',
+          type: 'error',
+          duration:3000,
+        });
+        return;
+      }
+      this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkJudg', {id:this.outParkId}, res => {
+        console.log(res,'res====')
+        if(res.code === 0){
+          this.payFlag = false;  //鍘荤即璐筶oading
+          if(res.data == 1) { //1 寮瑰嚭寮规(宸茬即璐规彁绀�)
+            this.againDialogVisible = true
+          }else {
+            this.dialogVisible = true;  //绔嬪嵆鏀粯鐨勫脊妗�
+            // this.parkXT(this.outParkId)
+          }
+          // this.getCode()
+          // this.showFlag = false
+        }else {
+          this.$message({
+            message:res.msg,
+            type: 'error',
+            duration:3000,
+          });
+          this.payFlag = false;
+        }
+      })
+    },
+    againPay() {
+      this.againDialogVisible = false
+      this.dialogVisible = true  //鎵撳紑绔嬪嵆鏀粯寮规
+      // this.parkXT(this.outParkId)
+    },
+    parkXT(outParkId) {
+      this.payNowFlag = true //绔嬪嵆鏀粯loading
+      try{
+        this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/api/parkXT', {id:outParkId}, res => {
+          if(res.code === 0){
+            this.payNowFlag = false;
+            this.getCode()
+            // this.showFlag = false
+          }else {
+            this.$message({
+              message: '鏀粯閿欒锛岃閲嶆柊鏀粯',
+              type: 'error',
+              duration:3000,
+            });
+            this.payNowFlag = false;
+          }
+        })
+      } catch (err) {
+        this.payNowFlag = 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;
+    },
+    /**
+     * 瑙f瀽寰俊redirect_uri鍦板潃涓殑code
+     */
+    getCodeFromUrl (cur_url) {
+      let index = cur_url.split('?')[1]
+      let paramStr =index.split('&')[0];
+      let code =paramStr.split('=')[1];
+      return code
+    },
+    /**
+     * 瑙f瀽寰俊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);
+          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
+            return;
+          }else {
+            window.location.href = "http://hesuancj.cn/#/indexFail?code2="+this.code2
+            return;
+          }
+        }
+      })
+    }
+  }
+
+}
+
+</script>
+
+
+<style lang="scss">
+.el-message{
+  padding: 6.944vh  /* 75/10.8 */ 0.78125vw  /* 15/19.2 */ 6.944vh  /* 75/10.8 */ 1.042vw  /* 20/19.2 */;
+}
+.el-icon-success:before{
+  content: none;
+}
+.el-message__content{
+  font-size: 5vw;
+}
+.el-icon-error:before{
+  font-size: 5vw
+}
+.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__header{
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 1.87vw  /* 14/7.5 */;
+    background: rgba(103,201,122,0.1);
+  }
+}
+.dialog-box,.again-dialog-box{
+  .el-dialog__body{
+    padding: 2.67vw  /* 20/7.5 */ 5.33vw  /* 40/7.5 */;
+  }
+  .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);
+      padding: 1.056vh  /* 12/11.36 */ 1.761vh  /* 20/11.36 */;
+    }
+  }
+}
+.again-dialog-box{
+  .el-button--success{
+    background: linear-gradient(to right, #33b1fe, #0679dc)!important;
+  }
+  .el-dialog__body{
+    padding: 8.67vw 5.33vw;
+  }
+  .el-dialog{
+    width: 80%!important;
+    margin-top: 47vh!important;
+    border-radius: 2.67vw  /* 20/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);
+  }
+}
+
+</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: 21.489vh  /* 300/13.34 */;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border-bottom: 1px solid #f0f0f0;
+  .money{
+    font-size: 7.6vw  /* 52/7.5 */;
+    font-weight: 550;
+    color: #000;
+    margin-top: 1vw;
+  }
+  .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%;
+      }
+    }
+  }
+}
+.again-dialog-box{
+  .again-dialog-main{
+    h1{
+      font-size: 4vw  /* 30/7.5 */;
+    }
+  }
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 5209e2b..a70ad2e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -106,6 +106,11 @@
             meta: { title: '宄板嘲鐭垮尯鏅烘収鍋滆溅' }
         },
         {
+            path: '/IndexXTYH39',
+            component: resolve => require(['../components/page/IndexXTYH39.vue'], resolve),
+            meta: { title: '宄板嘲鐭垮尯鏅烘収鍋滆溅' }
+        },
+        {
             path: '/indexOk',
             component: resolve => require(['../components/page/IndexOk.vue'], resolve),
             meta: { title: '鏅烘収娉婅溅' }

--
Gitblit v1.9.1