转增代理页面打包到h5,翻译接入一半
This commit is contained in:
1
view/molistar/modules/rechargeAgent/index.html
Normal file
1
view/molistar/modules/rechargeAgent/index.html
Normal file
@@ -0,0 +1 @@
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.08cc745043f33a1f35c521f916fb250c.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.5cc44d6fd609b905f70d.js></script><script type=text/javascript src=./static/js/vendor.ebdb1d2f9da281456ffb.js></script><script type=text/javascript src=./static/js/app.a8bed54547c69d940c28.js></script></body></html>
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
webpackJsonp([4],{"5zde":function(t,a,e){e("zQR9"),e("qyJz"),t.exports=e("FeBl").Array.from},"8dUT":function(t,a){},FQka:function(t,a,e){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var i=e("Gu7T"),r=e.n(i),s=e("hff3"),n=e("gyMJ"),o={components:{navigation:s.a},data:function(){return{parmars:{pageNum:1,pageSize:10,toUid:this.$route.query.toUid,pub_uid:window.sessionStorage.getItem("uid"),type:0},diamondGiveHistoryVoList:[],lock:!1}},mounted:function(){this.getList()},methods:{getList:function(){var t=this;this.lock||Object(n.b)(this.parmars).then(function(a){200==a.data.code&&(t.diamondGiveHistoryVoList=[].concat(r()(t.diamondGiveHistoryVoList),r()(a.data.data)),a.data.data.length<10?t.lock=!0:(t.parmars.pageNum+=1,t.getList()))})},formatTime:function(t){var a=new Date(t);return a.getFullYear()+"-"+String(a.getMonth()+1).padStart(2,"0")+"-"+String(a.getDate()).padStart(2,"0")+" "+String(a.getHours()).padStart(2,"0")+":"+String(a.getMinutes()).padStart(2,"0")+":"+String(a.getSeconds()).padStart(2,"0")}}},d={render:function(){var t=this,a=t.$createElement,i=t._self._c||a;return i("div",[this.$store.state.isApp?t._e():i("navigation",{attrs:{title:this.$t("myTransfer.History"),rightTitle:""}}),t._v(" "),i("div",{staticClass:"wrap_list"},t._l(t.diamondGiveHistoryVoList,function(a,r){return i("div",{key:r,staticClass:"wrap_box"},[i("div",{staticClass:"user"},[i("div",{staticClass:"left"},[i("img",{attrs:{src:a.targetAvatar,alt:""}})]),t._v(" "),i("div",{staticClass:"right"},[i("div",{staticClass:"targetNick"},[t._v(t._s(a.targetNick))]),t._v(" "),i("div",{staticClass:"targetErbanNo"},[t._v("ID:"+t._s(a.targetErbanNo))])])]),t._v(" "),i("div",{staticClass:"num"},[i("div",{staticClass:"diamondNum"},[t._v(t._s(a.diamondNum)+" "),i("img",{attrs:{src:e("pV7w"),alt:""}})]),t._v(" "),i("div",{staticClass:"createTime"},[t._v(t._s(t.formatTime(a.createTime)))])])])}),0)],1)},staticRenderFns:[]};var u=e("VU/8")(o,d,!1,function(t){e("8dUT")},"data-v-5c35f01c",null);a.default=u.exports},Gu7T:function(t,a,e){"use strict";a.__esModule=!0;var i,r=e("c/Tr"),s=(i=r)&&i.__esModule?i:{default:i};a.default=function(t){if(Array.isArray(t)){for(var a=0,e=Array(t.length);a<t.length;a++)e[a]=t[a];return e}return(0,s.default)(t)}},"c/Tr":function(t,a,e){t.exports={default:e("5zde"),__esModule:!0}},fBQ2:function(t,a,e){"use strict";var i=e("evD5"),r=e("X8DO");t.exports=function(t,a,e){a in t?i.f(t,a,r(0,e)):t[a]=e}},qyJz:function(t,a,e){"use strict";var i=e("+ZMJ"),r=e("kM2E"),s=e("sB3e"),n=e("msXi"),o=e("Mhyx"),d=e("QRG4"),u=e("fBQ2"),c=e("3fs2");r(r.S+r.F*!e("dY0y")(function(t){Array.from(t)}),"Array",{from:function(t){var a,e,r,l,f=s(t),v="function"==typeof this?this:Array,g=arguments.length,m=g>1?arguments[1]:void 0,_=void 0!==m,p=0,y=c(f);if(_&&(m=i(m,g>2?arguments[2]:void 0,2)),void 0==y||v==Array&&o(y))for(e=new v(a=d(f.length));a>p;p++)u(e,p,_?m(f[p],p):f[p]);else for(l=y.call(f),e=new v;!(r=l.next()).done;p++)u(e,p,_?n(l,m,[r.value,p],!0):r.value);return e.length=p,e}})}});
|
||||
//# sourceMappingURL=4.e02bbaea9dd7a4fa573a.js.map
|
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,s=0,l=[];s<r.length;s++)i=r[s],t[i]&&l.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);l.length;)l.shift()();if(c)for(s=0;s<c.length;s++)u=o(o.s=c[s]);return u};var r={},t={7:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"76e08af4362721ee0f90",1:"50a4b797aee06645a931",2:"bdf5b1c512e2c0a59f0a",3:"733f1f0fc8f02cda26af",4:"e02bbaea9dd7a4fa573a"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||
//# sourceMappingURL=manifest.5cc44d6fd609b905f70d.js.map
|
File diff suppressed because one or more lines are too long
@@ -57,4 +57,12 @@ export const gitGiveRecordList = (params) => {
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
||||
// 用户转赠详情记录
|
||||
export const getGiveRecordVoByType = (params) => {
|
||||
return request({
|
||||
url: '/user/diamond/giveRecordVoByType',
|
||||
method: 'get',
|
||||
params: params
|
||||
})
|
||||
}
|
Binary file not shown.
After Width: | Height: | Size: 6.5 KiB |
@@ -1,6 +1,17 @@
|
||||
const ar = {
|
||||
myTransfer:{
|
||||
我的转增:'my'
|
||||
Transfer_Coins:'تحويل الكونزات',
|
||||
Recent_Transfers:'التحويلات الأخيرة',
|
||||
View_details:'عرض التفاصيل',
|
||||
Transfer:'التحويل',
|
||||
History:'السجل',
|
||||
Sub_Agent:'وكيل إعادة الشحن الفرعي',
|
||||
This_Cycle:'هذه الدورة',
|
||||
Last_Cycle:'الدورة الأخيرة',
|
||||
Transfer_History:'سجل التحويلات',
|
||||
Total_Transfers:'إجمالي مبلغ تحويلات الكونزات',
|
||||
Rules:'القواعد:',
|
||||
|
||||
}
|
||||
}
|
||||
export default ar
|
||||
|
@@ -1,6 +1,17 @@
|
||||
const en = {
|
||||
myTransfer:{
|
||||
我的转增:'my'
|
||||
Transfer_Coins:'Transfer Coins',
|
||||
Recent_Transfers:'Recent Transfers',
|
||||
View_details:'View details',
|
||||
Transfer:'Transfer',
|
||||
History:'History',
|
||||
Sub_Agent:'Sub Recharge Agent',
|
||||
This_Cycle:'This Cycle',
|
||||
Last_Cycle:'Last Cycle',
|
||||
Transfer_History:'Transfer History',
|
||||
Total_Transfers:'Total Amount of Coin Transfers',
|
||||
Rules:'Rules:',
|
||||
|
||||
}
|
||||
}
|
||||
export default en
|
||||
|
@@ -1,6 +1,17 @@
|
||||
const tr = {
|
||||
myTransfer:{
|
||||
我的转增:'my'
|
||||
Transfer_Coins:'Transfer Coins',
|
||||
Recent_Transfers:'Son Transferler',
|
||||
View_details:'Ayrıntıları görüntüle',
|
||||
Transfer:'Transfer',
|
||||
History:'Geçmiş',
|
||||
Sub_Agent:'Alt Yükleme Temsilcisi',
|
||||
This_Cycle:'Bu Döngü',
|
||||
Last_Cycle:'Son Döngü',
|
||||
Transfer_History:'Transfer Geçmişi',
|
||||
Total_Transfers:'Toplam Coin Transferi Miktarı',
|
||||
Rules:'Kurallar:',
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
@@ -1,6 +1,17 @@
|
||||
const zh = {
|
||||
myTransfer:{
|
||||
我的转增:'my'
|
||||
Transfer_Coins:'轉贈金幣',
|
||||
Recent_Transfers:'最近轉贈',
|
||||
View_details:'詳情',
|
||||
Transfer:'轉贈',
|
||||
History:'歷史',
|
||||
Sub_Agent:'子代理',
|
||||
This_Cycle:'本週期',
|
||||
Last_Cycle:'上週期',
|
||||
Transfer_History:'轉贈歷史',
|
||||
Total_Transfers:'金幣轉贈',
|
||||
Rules:'規則:',
|
||||
|
||||
}
|
||||
}
|
||||
export default zh
|
||||
|
@@ -9,7 +9,7 @@ var routers = new Router({
|
||||
{ path: '/myTransfer', name: 'myTransfer', component: () => import('@/view/myTransfer.vue') },
|
||||
{ path: '/transferTo', name: 'transferTo', component: () => import('@/view/transferTo.vue') },
|
||||
{ path: '/conversionHistory', name: 'conversionHistory', component: () => import('@/view/conversionHistory.vue') },
|
||||
|
||||
{ path: '/history', name: 'history', component: () => import('@/view/history.vue') },
|
||||
]
|
||||
});
|
||||
|
||||
|
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<navigation v-if="!this.$store.state.isApp" title="转增历史" rightTitle></navigation>
|
||||
<navigation v-if="!this.$store.state.isApp" :title="this.$t(`myTransfer.Transfer_History`)" rightTitle></navigation>
|
||||
<div>
|
||||
<!-- <van-tabs v-model="activeTab" scrollspy sticky>
|
||||
<van-tab title="标签 1"></van-tab>
|
||||
@@ -8,11 +8,11 @@
|
||||
</van-tabs> -->
|
||||
<div class="tabs">
|
||||
<div class="tabs-item" :class="{ 'active': parmars.periodType == 1 }" @click="changePeriodType(1)">
|
||||
本周期
|
||||
{{this.$t(`myTransfer.This_Cycle`)}}
|
||||
<div class="line" v-show="parmars.periodType == 1"></div>
|
||||
</div>
|
||||
<div class="tabs-item" :class="{ 'active': parmars.periodType == 2 }" @click="changePeriodType(2)">
|
||||
上周期
|
||||
{{this.$t(`myTransfer.Last_Cycle`)}}
|
||||
<div class="line" v-show="parmars.periodType == 2"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -21,7 +21,7 @@
|
||||
<div class="tab" :class="{ 'active': parmars.type == 1 }" @click="changeType(1)">ÜS Settlement</div>
|
||||
<div class="tab" :class="{ 'active': parmars.type == 2 }" @click="changeType(2)">Transfer Coins</div>
|
||||
</div>
|
||||
<div class="title_top">Total Amount of Coin Transfers</div>
|
||||
<div class="title_top">{{this.$t(`myTransfer.Total_Transfers`)}}</div>
|
||||
<div class="totalGiveGold">{{ pageData.totalGiveGold }}
|
||||
<img src="../assets/img/coins.png" alt="">
|
||||
</div>
|
||||
|
156
view/molistar/vue-project/rechargeAgent/src/view/history.vue
Normal file
156
view/molistar/vue-project/rechargeAgent/src/view/history.vue
Normal file
@@ -0,0 +1,156 @@
|
||||
<template>
|
||||
<div>
|
||||
<navigation v-if="!this.$store.state.isApp" :title="this.$t(`myTransfer.History`)" rightTitle></navigation>
|
||||
<div class="wrap_list">
|
||||
<div class="wrap_box" v-for="(item, index) in diamondGiveHistoryVoList" :key="index">
|
||||
<div class="user">
|
||||
<div class="left">
|
||||
<img :src="item.targetAvatar" alt="">
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="targetNick">{{ item.targetNick }}</div>
|
||||
<div class="targetErbanNo">ID:{{ item.targetErbanNo }}</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="num">
|
||||
<div class="diamondNum">{{ item.diamondNum }} <img src="@/assets/img/coins.png" alt=""></div>
|
||||
<div class="createTime">{{ formatTime(item.createTime) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import navigation from "@/components/navigation.vue";
|
||||
// import "@/assets/css/vant.css";
|
||||
import { getGiveRecordVoByType } from "@/api/index";
|
||||
export default {
|
||||
components: { navigation },
|
||||
data() {
|
||||
return {
|
||||
parmars: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
toUid: this.$route.query.toUid,
|
||||
pub_uid: window.sessionStorage.getItem("uid"),
|
||||
type: 0
|
||||
},
|
||||
diamondGiveHistoryVoList: [],
|
||||
lock:false
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
if (this.lock) return
|
||||
getGiveRecordVoByType(this.parmars).then(res => {
|
||||
if (res.data.code == 200) {
|
||||
this.diamondGiveHistoryVoList = [...this.diamondGiveHistoryVoList, ...res.data.data];
|
||||
if (res.data.data.length < 10) {
|
||||
this.lock = true
|
||||
} else {
|
||||
this.parmars.pageNum += 1;
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
formatTime(timestamp) {
|
||||
const date = new Date(timestamp);
|
||||
const year = date.getFullYear();
|
||||
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||||
const day = String(date.getDate()).padStart(2, '0');
|
||||
const hours = String(date.getHours()).padStart(2, '0');
|
||||
const minutes = String(date.getMinutes()).padStart(2, '0');
|
||||
const seconds = String(date.getSeconds()).padStart(2, '0');
|
||||
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.wrap_list {
|
||||
margin: 0 15px;
|
||||
|
||||
.wrap_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12px 0;
|
||||
border-bottom: 1px solid #E4E4E4;
|
||||
|
||||
.user {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.left {
|
||||
width: 49px;
|
||||
height: 49px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
margin: 0 11px;
|
||||
|
||||
.targetNick {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 15px;
|
||||
color: #313131;
|
||||
line-height: 21px;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.targetErbanNo {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
color: #7B7B7D;
|
||||
line-height: 18px;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
margin-top: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.num {
|
||||
margin-left: auto;
|
||||
|
||||
.diamondNum {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
color: #FF8C03;
|
||||
line-height: 22px;
|
||||
font-style: normal;
|
||||
text-transform: none;
|
||||
text-align: right;
|
||||
img {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.createTime {
|
||||
font-family: PingFang SC, PingFang SC;
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
color: #7B7B7D;
|
||||
line-height: 18px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<navigation v-if="!this.$store.state.isApp" :title="this.$t(`myTransfer.我的转增`)" rightTitle></navigation>
|
||||
<navigation v-if="!this.$store.state.isApp" :title="this.$t(`myTransfer.Transfer_Coins`)" rightTitle></navigation>
|
||||
<div class="search">
|
||||
<van-search placeholder="搜索用户ID" shape="round" v-model="erbanNo" @search="onSearch" @input="validateInput" />
|
||||
</div>
|
||||
@@ -19,20 +19,20 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="coins_txt">Transfer Coins</div>
|
||||
<div class="coins_txt">{{this.$t(`myTransfer.Transfer_Coins`)}}</div>
|
||||
<div class="gold_num">
|
||||
<div class="left">
|
||||
{{ userInfo.totalGiveGold }}
|
||||
<img src="../assets/img/coins.png" alt="">
|
||||
</div>
|
||||
<div class="right" @click="goHistory">
|
||||
View details
|
||||
<div class="right" @click="goConversionHistory">
|
||||
{{this.$t(`myTransfer.View_details`)}}
|
||||
<img src="../assets/img/rightjt.png" alt="">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="sub_num" v-if="userInfo.subNum > 0">
|
||||
<div class="left">Sub Recharge Agent</div>
|
||||
<div class="left">{{this.$t(`myTransfer.Sub_Agent`)}}</div>
|
||||
<div class="right">
|
||||
{{ userInfo.subNum }}
|
||||
<img src="../assets/img/rightjt.png" alt="">
|
||||
@@ -42,7 +42,7 @@
|
||||
</div>
|
||||
|
||||
<div class="recent_list">
|
||||
<div class="title">Recent Transfers</div>
|
||||
<div class="title">{{this.$t(`myTransfer.Recent_Transfers`)}}</div>
|
||||
<div class="wrap">
|
||||
<div class="wrap_box" v-for="(item, index) in recentList" :key="index">
|
||||
<div class="targetAvatar"><img :src="item.targetAvatar" alt=""></div>
|
||||
@@ -51,8 +51,8 @@
|
||||
<p class="targetErbanNo">{{ item.targetErbanNo }}</p>
|
||||
</div>
|
||||
<div class="operation">
|
||||
<div class="Transfer" @click="goTransfer(item)">Transfer</div>
|
||||
<div class="History">History</div>
|
||||
<div class="Transfer" @click="goTransfer(item)">{{$t(`myTransfer.Transfer`)}}</div>
|
||||
<div class="History" @click="goHistory(item)">{{$t(`myTransfer.History`)}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -98,7 +98,7 @@ export default {
|
||||
},
|
||||
dialogShow() {
|
||||
Dialog.alert({
|
||||
title: '标题',
|
||||
title: this.$t(`myTransfer.Rules`),
|
||||
message: '弹窗内容',
|
||||
theme: 'round-button',
|
||||
}).then(() => {
|
||||
@@ -128,7 +128,15 @@ export default {
|
||||
}
|
||||
})
|
||||
},
|
||||
goHistory(){
|
||||
goHistory(obj){
|
||||
this.$router.push({
|
||||
path: '/history',
|
||||
query: {
|
||||
toUid: obj.targetUid
|
||||
}
|
||||
})
|
||||
},
|
||||
goConversionHistory(){
|
||||
this.$router.push({
|
||||
path: '/conversionHistory',
|
||||
query: {
|
||||
|
Reference in New Issue
Block a user