From 3c38598df86e697268b14865e68159d6ba989285 Mon Sep 17 00:00:00 2001
From: 819527061@qq.com <123456>
Date: 星期四, 11 四月 2024 15:32:04 +0800
Subject: [PATCH] docs: 首次加载白屏添加loading
---
src/components/page/IndexTest.vue | 134 +++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 129 insertions(+), 5 deletions(-)
diff --git a/src/components/page/IndexTest.vue b/src/components/page/IndexTest.vue
index 9102021..b522a4e 100644
--- a/src/components/page/IndexTest.vue
+++ b/src/components/page/IndexTest.vue
@@ -50,6 +50,39 @@
</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>
@@ -60,7 +93,9 @@
name: 'dashboard',
data() {
return {
+ dialogVisible:false,
payFlag:false,
+ payNowFlag:false,
outParkId:"",
type:null,
statisticData:{
@@ -91,7 +126,6 @@
return;
}
-
var url = window.location.href;
var count = url.split('?').length-1;
if(count >1){
@@ -108,7 +142,15 @@
//this.outParkId = cs.code;
this.code2 = cs.code2;
this.code = cs.code;
- this.$byutil.postData(this, this.$systemconfig.basePath + '/ffzf/outpark/findByBarrierCode', {code2:cs.code2}, res => {
+ 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/findByBarrierCode2', {code2:cs.code2}, res => {
this.statisticData = res.data;
this.outParkId = this.statisticData.id;
this.status3 = this.statisticData.status3;
@@ -126,6 +168,7 @@
methods: {
pay(){
this.payFlag = true;
+ this.payNowFlag = true;
if(this.status3==1){
this.$message({
message: '鎮ㄦ湁杩濈珷鏈鐞嗭紝璇峰厛澶勭悊鎴栬仈绯诲仠杞﹀満绠＄悊浜哄憳',
@@ -200,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) {
@@ -246,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 // 鏀粯绛惧悕
},
@@ -265,7 +307,7 @@
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){
+ 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
@@ -300,6 +342,39 @@
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>
@@ -385,4 +460,53 @@
.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>
--
Gitblit v1.9.1