From f8e9af35a267b7b9a2bf605187a11536889a6e38 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Mon, 20 May 2024 11:00:10 +0800
Subject: [PATCH] 修改：绑定银行卡 多语言
---
src/page/transferRecord/compontents/recharge-list.vue | 257 +++++++++++++++++++++++++++------------------------
1 files changed, 137 insertions(+), 120 deletions(-)
diff --git a/src/page/transferRecord/compontents/recharge-list.vue b/src/page/transferRecord/compontents/recharge-list.vue
index 3fad9f6..662438f 100644
--- a/src/page/transferRecord/compontents/recharge-list.vue
+++ b/src/page/transferRecord/compontents/recharge-list.vue
@@ -1,37 +1,37 @@
<template>
<div>
- <div v-if="list.length<=0" class="empty text-center">
- 暂无充值信息!
+ <div v-if="list.length <= 0" class="empty text-center">
+ {{ $t('hj228') }}
</div>
<div v-else>
- <ul
- class="table-list"
- v-infinite-scroll="loadMore"
- infinite-scroll-disabled="loading"
+ <ul class="table-list" v-infinite-scroll="loadMore" infinite-scroll-disabled="loading"
infinite-scroll-distance="10">
<li class="list-body" v-for="(item) in list" :key="item.key">
<div class="order-info-box">
<div class="order-title">
- <span :class="['main',item.payChannel == 0?'ali':item.payChannel == 1?'cart':'wechat']">
- <!-- <i v-if="item.payChannel == 0 || item.payChannel == '支付宝'" style="color:#1296db;"
+ <span :class="['main', item.payChannel == 0 ? 'ali' : item.payChannel == 1 ? 'cart' : 'wechat']">
+ <!-- <i v-if="item.payChannel == 0 || item.payChannel == '支付宝'" style="color:#1296db;"
class="iconfont icon-zhifubao"></i>
<i v-if="item.payChannel == '微信' " style="color:#1296db;" class="iconfont icon-weixin"></i>
<i v-if="item.payChannel == 1 || item.payChannel == '对公转账'" style="color:#1296db;"
class="iconfont icon-yinlian"></i> -->
- {{item.payChannel == 0?'支付宝':item.payChannel == 1?'对公转账':item.payChannel}}
- </span>
- <span class="payNumber">充值：<span :style="{color:$state.theme =='red'?'#BB1815':''}">￥{{item.payAmt}}</span></span>
+ {{ item.payChannel == 0 ? $t('hj229') : item.payChannel == 1 ? $t('hj230') : item.payChannel }}
+ </span>
+ <span class="payNumber">{{$t('hj172')}}：<span :style="{ color: $state.theme == 'red' ? '#BB1815' : '' }">￥{{
+ item.payAmt
+ }}</span></span>
<span
- :class="item.orderStatus == 1?'green pull-right':item.orderStatus == 2?'red pull-right':'red pull-right'">
- <i v-if="item.orderStatus == 1" class="iconfont icon-tongguo4 animated bounceIn"></i>
- <i v-if="item.orderStatus==0" class="iconfont icon-dengdai animated bounceInDown"></i>
- <i v-if="item.orderStatus == 2" class="iconfont icon-failure animated bounceInDown"></i>
- <i v-if="item.orderStatus == 3"
- class="iconfont icon-iconfontweitongguo animated bounceInDown"></i>
- <!-- 1 => 成功 2 失败 3取消 4 等待 -->
- {{item.orderStatus == 1?'充值成功':item.orderStatus == 2?'充值失败':item.orderStatus == 3?'取消充值':'审核中'}}
-
- </span>
+ :class="item.orderStatus == 1 ? 'green pull-right' : item.orderStatus == 2 ? 'red pull-right' : 'red pull-right'">
+ <i v-if="item.orderStatus == 1" class="iconfont icon-tongguo4 animated bounceIn"></i>
+ <i v-if="item.orderStatus == 0" class="iconfont icon-dengdai animated bounceInDown"></i>
+ <i v-if="item.orderStatus == 2" class="iconfont icon-failure animated bounceInDown"></i>
+ <i v-if="item.orderStatus == 3" class="iconfont icon-iconfontweitongguo animated bounceInDown"></i>
+ <!-- 1 => 成功 2 失败 3取消 4 等待 -->
+ {{ item.orderStatus == 1 ? $t('hj231') : item.orderStatus == 2 ? $t('hj232') : item.orderStatus == 3 ? $t('hj233') :
+ $t('hj202')
+ }}
+
+ </span>
<!-- <span class="secondary ">123456789</span> -->
</div>
<div class="order-info">
@@ -48,10 +48,10 @@
</span>
</p> -->
<div class="info-mix ">
- <span class="info-item">订单号:<b>{{item.orderSn}}</b></span>
- <span class="info-item">时间:
- <b v-if="item.addTime">{{new Date(item.addTime) | timeFormat}}</b>
- <b v-else></b>
+ <span class="info-item">{{$t('hj234')}}:<b>{{ item.orderSn }}</b></span>
+ <span class="info-item">{{$t('hj80')}}:
+ <b v-if="item.addTime">{{ new Date(item.addTime) | timeFormat }}</b>
+ <b v-else></b>
</span>
</div>
</div>
@@ -74,10 +74,10 @@
</ul>
<div v-show="loading" class="load-all text-center">
<mt-spinner type="fading-circle"></mt-spinner>
- 加载中...
+ {{$t('hj235') }}
</div>
<div v-show="!loading" class="load-all text-center">
- 已全部加载
+ {{$t('hj236') }}
</div>
</div>
</div>
@@ -90,7 +90,7 @@
export default {
components: {},
props: {},
- data () {
+ data() {
return {
loading: false,
list: [],
@@ -101,12 +101,12 @@
},
watch: {},
computed: {},
- created () {},
- mounted () {
+ created() { },
+ mounted() {
this.getListDetail()
},
methods: {
- async getListDetail () {
+ async getListDetail() {
let opt = {
payChannel: '', // 支付方式
orderStatus: '', // 订单状态
@@ -123,7 +123,7 @@
Toast(data.msg)
}
},
- async loadMore () {
+ async loadMore() {
if (this.list.length < 10 || this.total <= this.pageNum * this.pageNum) {
return
}
@@ -137,106 +137,123 @@
}
</script>
<style lang="less" scoped>
- .wrapper {
- padding-top: 0.9rem;
- }
+.wrapper {
+ padding-top: 0.9rem;
+}
- .table-list {
- padding: 0.2rem 0;
+.table-list {
+ padding: 0.2rem 0;
- .list-body {
- padding: 0.1rem 0.3rem;
+ .list-body {
+ padding: 0.1rem 0.3rem;
- .capital:nth-child(1) {
- border-top: 0.01rem solid #3f444a;
+ .capital:nth-child(1) {
+ border-top: 0.01rem solid #3f444a;
+ }
+
+ .capital {
+ padding: 0.2rem;
+ // border-radius: 0.2rem;
+ border-bottom: 0.01rem solid #3f444a;
+
+ div {
+ line-height: 0.4rem;
}
- .capital {
- padding: 0.2rem;
- // border-radius: 0.2rem;
- border-bottom: 0.01rem solid #3f444a;
+ .col-xs-4 {
+ padding-left: 0;
+ padding-right: 0;
+ }
- div {
- line-height: 0.4rem;
- }
-
- .col-xs-4 {
- padding-left: 0;
- padding-right: 0;
- }
-
- .pro {
- color: #999;
- }
+ .pro {
+ color: #999;
}
}
+ }
+}
+
+.payNumber {
+ font-size: 0.24rem;
+ font-weight: bold;
+
+ span {
+ font-family: lightnumber;
+ }
+}
+
+/deep/.order-info-box {
+ background-color: #16171d;
+ padding: 0;
+
+ .main {
+ padding: 0.05rem .15rem;
+ letter-spacing: 0;
+ text-align: center;
+ margin-right: .16rem;
+ font-size: 0.24rem;
+ border-radius: 3px;
+
+ &.ali {
+ background-color: #138EB4;
+ }
+
+ &.cart {
+ background-color: #7266BA;
+ }
+
+ &.wechat {
+ background-color: #009C46;
+ }
+ }
+
+ .order-info {
+ border-bottom: 1px solid #2e3237;
+ padding-bottom: .3rem;
+ }
+
+ .order-title {
+ border-bottom: none;
+ }
+
+ .info-mix {
+ display: flex;
+ font-size: .2rem;
+ width: 100%;
+
+ .info-item {
+ margin-right: .2rem;
+ color: #fff8;
+ }
+ }
+}
+
+.red-theme {
+ .list-body {
+ background-color: #fff;
+ }
+
+ .order-info-box {
+ background-color: #fff;
+
+ .order-info {
+ border-bottom-color: #e9e9e9;
+ }
+ }
+
+ .order-info-box .main.cart {
+ color: #fff;
}
.payNumber {
- font-size: 0.24rem;
- font-weight: bold;
- span {
- font-family: lightnumber;
- }
+ color: #000;
}
- /deep/.order-info-box {
- background-color: #16171d;
- padding: 0;
- .main{
- padding: 0.05rem .15rem;
- letter-spacing:0;
- text-align: center;
- margin-right: .16rem;
- font-size: 0.24rem;
- border-radius: 3px;
- &.ali {
- background-color: #138EB4;
- }
- &.cart {
- background-color: #7266BA;
- }
- &.wechat {
- background-color: #009C46;
- }
- }
- .order-info {
- border-bottom: 1px solid #2e3237;
- padding-bottom: .3rem;
- }
- .order-title{
- border-bottom: none;
- }
- .info-mix{
- display: flex;
- font-size: .2rem;
- width: 100%;
- .info-item {
- margin-right: .2rem;
- color: #fff8;
- }
- }
+
+ .order-info-box .info-mix .info-item {
+ color: #666666;
}
- .red-theme {
- .list-body {
- background-color: #fff;
- }
- .order-info-box {
- background-color: #fff;
- .order-info {
- border-bottom-color: #e9e9e9;
- }
- }
- .order-info-box .main.cart {
- color: #fff;
- }
- .payNumber {
- color: #000;
- }
- .order-info-box .info-mix .info-item{
- color: #666666;
- }
- .load-all{
- background-color: #fff;
- }
+
+ .load-all {
+ background-color: #fff;
}
+}
</style>
--
Gitblit v1.9.3