|
@@ -7,10 +7,10 @@
|
|
<template v-if="erp">
|
|
<template v-if="erp">
|
|
<!-- 充值 -->
|
|
<!-- 充值 -->
|
|
<div class="recharge" v-if="erp">
|
|
<div class="recharge" v-if="erp">
|
|
- <div class="cardId" >
|
|
|
|
|
|
+ <div class="cardId" v-loading="cardLoading">
|
|
<van-col span="12">卡号:<span style="color:#000">{{cardId}}</span></van-col>
|
|
<van-col span="12">卡号:<span style="color:#000">{{cardId}}</span></van-col>
|
|
</div>
|
|
</div>
|
|
- <div class="balance" >
|
|
|
|
|
|
+ <div class="balance" v-loading="balanceLoading">
|
|
<van-col span="12">余额:<span style="color:rgba(242, 46, 60, 1)">{{cardBalance ? cardBalance : '0.00'}}</span>元</van-col>
|
|
<van-col span="12">余额:<span style="color:rgba(242, 46, 60, 1)">{{cardBalance ? cardBalance : '0.00'}}</span>元</van-col>
|
|
</div>
|
|
</div>
|
|
<van-row class="rechargeInput" style="padding-top: 10px">
|
|
<van-row class="rechargeInput" style="padding-top: 10px">
|
|
@@ -117,9 +117,8 @@
|
|
<van-row class="recordTitle">
|
|
<van-row class="recordTitle">
|
|
<van-col span="16" class="left">交易记录</van-col>
|
|
<van-col span="16" class="left">交易记录</van-col>
|
|
<van-icon name="arrow" class="right" @click="record"/>
|
|
<van-icon name="arrow" class="right" @click="record"/>
|
|
- <!-- <van-col class="right" @click="record">更多</van-col> -->
|
|
|
|
</van-row>
|
|
</van-row>
|
|
- <van-row class="list">
|
|
|
|
|
|
+ <van-row class="list" v-loading="listLoading">
|
|
<van-list
|
|
<van-list
|
|
class="listData"
|
|
class="listData"
|
|
:immediate-check="false"
|
|
:immediate-check="false"
|
|
@@ -146,7 +145,7 @@
|
|
v-if="loadingErp"
|
|
v-if="loadingErp"
|
|
color="#fff"
|
|
color="#fff"
|
|
vertical
|
|
vertical
|
|
- style="z-index: 999999; position: fixed; top: 40%; left: 0; right: 0"
|
|
|
|
|
|
+ style="z-index: 999999; position: fixed; top: 40%; left: 0; right: 0;color:rgba(242, 46, 60, 1) !important"
|
|
>加载中...</van-loading
|
|
>加载中...</van-loading
|
|
>
|
|
>
|
|
<van-overlay :show="loadingErp" style="z-index: 100; position: fixed" />
|
|
<van-overlay :show="loadingErp" style="z-index: 100; position: fixed" />
|
|
@@ -184,7 +183,10 @@ export default {
|
|
noMore: false,
|
|
noMore: false,
|
|
finished: false,
|
|
finished: false,
|
|
recordList:[],
|
|
recordList:[],
|
|
- cardId:undefined
|
|
|
|
|
|
+ cardId:undefined,
|
|
|
|
+ cardLoading:true,
|
|
|
|
+ balanceLoading:true,
|
|
|
|
+ listLoading:true,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
@@ -201,7 +203,6 @@ export default {
|
|
[Toast.name]: Toast,
|
|
[Toast.name]: Toast,
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
-
|
|
|
|
var url = window.location.href;
|
|
var url = window.location.href;
|
|
if(url.indexOf("token") > 1){
|
|
if(url.indexOf("token") > 1){
|
|
//("app进入")
|
|
//("app进入")
|
|
@@ -288,7 +289,7 @@ export default {
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
|
|
- //用户查询
|
|
|
|
|
|
+ //用户查询(卡号)
|
|
userQuery(){
|
|
userQuery(){
|
|
axios({//查询信息
|
|
axios({//查询信息
|
|
method: 'get',
|
|
method: 'get',
|
|
@@ -305,9 +306,10 @@ export default {
|
|
}
|
|
}
|
|
if(res2.data.data){
|
|
if(res2.data.data){
|
|
localStorage.setItem("user_wt", res.data.data.id)
|
|
localStorage.setItem("user_wt", res.data.data.id)
|
|
- // localStorage.setItem("user_wt", "0001T110000000002HBL") //测试
|
|
|
|
|
|
+ // localStorage.setItem("user_wt", "0001T110000000002HBL") //测试id
|
|
localStorage.setItem("cardId", res2.data.data.cardId)
|
|
localStorage.setItem("cardId", res2.data.data.cardId)
|
|
this.cardId = res2.data.data.cardId
|
|
this.cardId = res2.data.data.cardId
|
|
|
|
+ this.cardLoading = false
|
|
this.Balance()
|
|
this.Balance()
|
|
this.recharge2()
|
|
this.recharge2()
|
|
}else{
|
|
}else{
|
|
@@ -363,9 +365,11 @@ export default {
|
|
}else{
|
|
}else{
|
|
this.cardBalance = "0.00"
|
|
this.cardBalance = "0.00"
|
|
}
|
|
}
|
|
|
|
+ this.balanceLoading = false
|
|
})
|
|
})
|
|
}else{
|
|
}else{
|
|
this.cardBalance = "0.00"
|
|
this.cardBalance = "0.00"
|
|
|
|
+ this.balanceLoading = false
|
|
}
|
|
}
|
|
},
|
|
},
|
|
//交易记录
|
|
//交易记录
|
|
@@ -387,6 +391,7 @@ export default {
|
|
if(res.data.data.total>5){
|
|
if(res.data.data.total>5){
|
|
this.more = true
|
|
this.more = true
|
|
}
|
|
}
|
|
|
|
+ this.listLoading = false
|
|
} else {
|
|
} else {
|
|
this.noMore = true
|
|
this.noMore = true
|
|
}
|
|
}
|
|
@@ -740,7 +745,7 @@ export default {
|
|
float: left;
|
|
float: left;
|
|
width: 28%;
|
|
width: 28%;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- border:1px solid transparent;
|
|
|
|
|
|
+ border:1px solid rgba(242, 46, 60, 1) !important;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
& > .van-col.active {
|
|
& > .van-col.active {
|
|
@@ -825,6 +830,7 @@ export default {
|
|
margin-top: 20px;
|
|
margin-top: 20px;
|
|
float: left;
|
|
float: left;
|
|
width: 28%;
|
|
width: 28%;
|
|
|
|
+ border:1px solid rgba(242, 46, 60, 1) !important;
|
|
}
|
|
}
|
|
& > .van-col.active {
|
|
& > .van-col.active {
|
|
background: #F22E3C;
|
|
background: #F22E3C;
|
|
@@ -979,4 +985,12 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+</style>
|
|
|
|
+<style>
|
|
|
|
+.el-loading-mask{
|
|
|
|
+ background-color: transparent;
|
|
|
|
+}
|
|
|
|
+.el-loading-spinner .path{
|
|
|
|
+ stroke:rgb(255, 255, 255)!important
|
|
|
|
+}
|
|
</style>
|
|
</style>
|