jiaoyisuo/h5-uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: 前端其余页面和资源文件

Browse Source
This commit is contained in:
li
2026-03-30 15:14:28 +08:00
parent ca51e1147f
commit c58dc3fdb8
584 changed files with 137740 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/asset/billing.vue
+223
View File
@@ -0,0 +1,223 @@
<template>
<view>
<z-paging :language="$i18n.locale" ref="paging" v-model="list" @query="queryList" :pageSize="20"
:style="'background-color: '+theme.bg+';color: '+theme.text">
<!-- 下拉刷新 -->
<custom-refresher slot="refresher" slot-scope="{refresherStatus}" :status="refresherStatus">
</custom-refresher>
<!-- 头部 -->
<view slot="top" class="relative" :style="{height: `calc(${statusBar}px + 490rpx)`}">
<view class="width-100b fixed1" :style="{height: `calc(${statusBar}px + 490rpx)`}">
<view class="width-100b flex align-center justify-center"
:style="{paddingTop: statusBar + 'px', height: `calc(${statusBar}px + 55px)`}">
<text class="midetitle">{{i18n.assets.bill.title}}</text>
<i @click="router.goBack()" class="cuIcon-back font-30 color-white"
style="position: absolute;left: 30rpx;"></i>
</view>
<view class="height-240 padding-w-30 padding-b-20">
<view class="height-100 margin-b-20">
<view class="flex-1 height-100 flex direction-column align-start justify-between">
<text class="font-26 color-white"
style="opacity: 0.6;">{{i18n.assets.bill.balance}}</text>
<text class="font-48 numbold-font color-white">{{Number(balance).toFixed(4)}}</text>
</view>
</view>
<view class="height-100 flex align-center justify-between">
<view class="flex-1 height-90 flex direction-column align-start justify-between">
<text class="font-26 color-white"
style="opacity: 0.6;">{{i18n.assets.bill.total}}</text>
<text class="font-28 numbold-font color-white">{{Number(cc_amount).toFixed(4)}}</text>
</view>
<view class="flex-1 height-90 flex direction-column align-center justify-between">
<text class="font-26 color-white"
style="opacity: 0.6;">{{i18n.assets.bill.today}}</text>
<text class="font-28 numbold-font color-white">{{Number(pc_amount).toFixed(4)}}</text>
</view>
<view class="flex-1 height-90 flex direction-column align-end justify-between">
<text class="font-26 color-white" style="opacity: 0.6;">{{i18n.assets.bill.bili}}</text>
<text :class="yk_percent >= 0?'color-00C481':'color-FF4040'"
class="font-28 numbold-font ">{{yk_percent | percentFilter}}%</text>
</view>
</view>
</view>
<view class="absolute" style="bottom: 0;">
<view class="" style="border-radius: 20rpx 20rpx 0 0;"
:style="'background-color: '+theme.bg+';color: '+theme.text">
<view class="height-120 flex align-center justify-between">
<view @click="set(1)"
class="flex-1 height-110 padding-t-30 flex direction-column align-center justify-between">
<text :class="current==1?'color-0165EE':'color-C3C3C3'" class="font-26 "
style="">{{i18n.assets.bill.todayYL}}</text>
<text :class="current==1?'color-0165EE':'color-C3C3C3'"
class="font-30 numbold-font">{{Number(today_num).toFixed(4)}}</text>
</view>
<view class="width-2 height-75" style="background-color: #EAECEF;"></view>
<view @click="set(2)"
class="flex-1 height-110 padding-t-30 flex direction-column align-center justify-between">
<text :class="current==2?'color-0165EE':'color-C3C3C3'" class="font-26"
style="">{{i18n.assets.bill.allYL}}</text>
<text :class="current==2?'color-0165EE':'color-C3C3C3'"
class="font-30 numbold-font">{{Number(all_num).toFixed(4)}}</text>
<!-- <view :style="current==1?'':'visibility: hidden;'" class="width-95 height-4" style="background-color: #0165EE;"></view> -->
</view>
</view>
<view class="height-20 width-750 relative" :style="'background-color: '+theme.bg">
<view :style="current==1?'left: 150rpx;':'left: 530rpx;'" class="huakuai"></view>
</view>
</view>
</view>
</view>
</view>
<!-- 身体 -->
<view>
<view v-if="current==1" class="">
<view class="listBox" v-for="(item,index) in list" :key="index"
:style="'background-color: '+theme.fu_bg+';color: '+theme.text">
<view class="height-100 flex align-center justify-between">
<view class="flex-1 height-80 flex direction-column align-start justify-between">
<text class="font-26">{{i18n.assets.bill.order}}</text>
<text class="font-30 numbold-font color-C3C3C3">{{item.order_sn}}</text>
</view>
<view class="flex-1 height-80 flex direction-column align-start justify-between">
<text class="font-26">{{i18n.assets.bill.curr}}</text>
<text class="font-30 numbold-font color-C3C3C3">{{item.coinname}}</text>
</view>
</view>
<view class="height-100 flex align-center justify-between">
<view class="flex-1 height-80 flex direction-column align-start justify-between">
<text class="font-26">{{i18n.assets.bill.time}}</text>
<text class="font-30 numbold-font color-C3C3C3">{{item.createtime}}</text>
</view>
<view class="flex-1 height-80 flex direction-column align-start justify-between">
<text class="font-26 color-C3C3C3">{{i18n.assets.bill.edu}}</text>
<text class="font-30 numbold-font color-00C481">{{item.income}} USDT</text>
</view>
</view>
</view>
</view>
<view v-if="current==2" class="">
<view class="listBox" v-for="(item,index) in list" :key="index"
:style="'background-color: '+theme.fu_bg+';color: '+theme.text">
<view class="padding-10">
<view class="height-50 flex align-center justify-between">
<text class="font-26">{{i18n.assets.bill.yingli}}</text>
<text class="font-26">{{i18n.assets.bill.data}}</text>
</view>
<view class="height-50 flex align-center justify-between">
<text class="font-30 numbold-font color-00C481">{{item.income}} USDT</text>
<text class="font-30 numbold-font color-C3C3C3">{{item.createtime}}</text>
</view>
</view>
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script>
export default {
data() {
return {
statusBar: uni.getSystemInfoSync().statusBarHeight,
current: 1,
balance: 0, //余额
cc_amount: 0, //当前持仓总量
pc_amount: 0, //今日平仓总量
yk_percent: 0, //今日盈亏比例
today_num: 0, //今日盈利
all_num: 0, //累计盈利
list: [],
theme: '',
}
},
filters: {
// 百分号过滤器（保留小数点后两位）
percentFilter: function(item) {
return (item * 100).toFixed(2)
}
},
computed: {
i18n() {
return this.$t('message');
},
},
onShow() {
if (uni.getStorageSync("theme") == "dark") {
this.theme = this.$store.state.darkTheme
} else {
this.theme = this.$store.state.lightTheme
}
},
methods: {
set(e) {
if (this.current != e) {
this.current = e
this.queryList(1, 10)
}
},
queryList(pageNo, pageSize) {
setTimeout(() => {
this.post('/strategy/get_bill', {
page: pageNo,
page_num: pageSize,
type: this.current
}).then(res => {
if (res.code == 1) {
if (this.current == 1) {
this.balance = res.data.balance
this.cc_amount = res.data.cc_amount
this.pc_amount = res.data.pc_amount
this.yk_percent = res.data.yk_percent
this.today_num = res.data.today_num
this.all_num = res.data.all_num
}
console.log(res)
this.$refs.paging.complete(res.data.data);
}
})
}, 500)
},
}
}
</script>
<style lang="scss">
.fixed1 {
position: fixed;
top: 0;
z-index: 990;
background-color: #0165EE;
}
.midetitle {
font-size: 16px;
font-weight: 700;
color: #fff;
}
.listBox {
width: 100%;
// height: 232rpx;
padding: 10rpx 30rpx;
// background: #FFFFFF;
margin-bottom: 1rpx;
}
.huakuai {
width: 75rpx;
height: 4rpx;
background-color: #0165EE;
position: absolute;
top: 10rpx;
transition: all 0.5s;
}
</style>
pages/asset/details.vue
+157
View File
@@ -0,0 +1,157 @@
<template>
<view class="">
<z-paging style="padding-bottom: 170rpx;" :language="$i18n.locale" ref="paging" v-model="list" @query="queryList" :pageSize="20"
:style="'background-color: '+theme.bg+';color: '+theme.text">
<!-- 下拉刷新 -->
<custom-refresher slot="refresher" slot-scope="{refresherStatus}" :status="refresherStatus">
</custom-refresher>
<!-- 头部 -->
<myNav slot="top" :title="name"></myNav>
<!-- 身体 -->
<view>
<p class="padding-w-30 font-46 bold-font margin-c-30">
{{i18n.assets.index.detail}}
</p>
<view class="listBox" v-for="(item,index) in list" :key="index"
:style="'background-color: '+theme.fu_bg+';color: '+theme.fu_text">
<view class="width-100b height-82 padding-w-22 flex align-center"
style="border-bottom: 1rpx solid rgba(191, 195, 199, 0.2);">
<text :class="item.cart==1?'color-00C481':'color-FF4040'"
class="font-32 numbold-font">{{item.cart==1?i18n.assets.index.shift:i18n.assets.index.roll}}</text>
</view>
<view class="width-100b padding-w-20">
<view class="height-80 flex align-center justify-between">
<text class="font-26 nummedium-font">{{item.price}}</text>
<text class="font-26 nummedium-font color-C3C3C3">{{item.createtime}}</text>
</view>
<view class="padding-b-20">
<text class="font-26 numbold-font">{{item.description}}</text>
</view>
</view>
</view>
</view>
</z-paging>
<!-- 底部按钮 -->
<view v-if="type==1" class="bottomBox">
<view v-if="curr_obj.is_reg==1" @click="router.push('/pages/index/recharge?id='+curr_id)"
class="juxing chonbi">{{i18n.assets.index.reg}}</view>
<view v-if="curr_obj.is_wid==1" @click="router.push('/pages/index/withdraw?id='+curr_id)" class="juxing">
{{i18n.assets.index.wid}}
</view>
<!-- <view v-if="curr_obj.is_tran==1" @click="router.push('/pages/asset/transfer?id=1')" class="juxing">
{{i18n.assets.index.tran}}
</view> -->
</view>
<!-- <view v-if="type==2&&curr_obj.is_otc==1" class="bottomBox">
<view @click="router.push('/pages/index/releaseTrade?id='+curr_id)" class="juxing chonbi">
{{i18n.assets.index.buy}}
</view>
<view @click="router.push('/pages/index/releaseTrade?id='+curr_id)" class="juxing">
{{i18n.assets.index.sell}}
</view>
</view> -->
</view>
</template>
<script>
export default {
data() {
return {
curr_id: '',
name: '',
type: '',
curr_obj: {
},
list: [],
theme: '',
}
},
computed: {
i18n() {
return this.$t('message');
}
},
onLoad(e) {
this.curr_id = e.curr_id
this.name = e.name
this.type = e.type
this.curr_obj = e
},
onShow() {
if (uni.getStorageSync("theme") == "dark") {
this.theme = this.$store.state.darkTheme
} else {
this.theme = this.$store.state.lightTheme
}
},
methods: {
queryList(pageNo, pageSize) {
setTimeout(() => {
this.post('/wallet/detail_log', {
page: pageNo,
page_num: pageSize,
type: this.type,
curr_id: this.curr_id
}).then(res => {
if (res.code == 1) {
console.log(res)
this.$refs.paging.complete(res.data.data);
}
})
}, 500)
},
}
}
</script>
<style lang="scss">
.listBox {
width: 690rpx;
// height: 183rpx;
margin: 30rpx auto;
// background: #FFFFFF;
box-shadow: 0rpx 4rpx 4rpx rgba(205, 206, 219, 0.2);
border-radius: 10rpx;
}
.bottomBox {
width: 100%;
// height: 120rpx;
padding: 0 30rpx;
/* #ifdef APP-PLUS */
padding: 0 30rpx 40rpx;
/* #endif */
// background: #FFFFFF;
box-shadow: 0rpx 4rpx 10rpx rgba(33, 33, 33, 0.16);
position: fixed;
bottom: 0rpx;
display: flex;
align-items: center;
justify-content: center;
}
.juxing {
// width: 173rpx;
flex: 1;
height: 76rpx;
margin: 30rpx 20rpx;
background: #F6F8FB;
border-radius: 10rpx;
line-height: 76rpx;
text-align: center;
font-size: 32rpx;
color: #17181A;
}
.chonbi {
background: linear-gradient(180deg, #52F3C9 0%, #3ECEB2 100%)!important;
color: #FFFFFF !important;
}
</style>
pages/asset/qq_record.vue
+271
View File
@@ -0,0 +1,271 @@
<template>
<view>
<z-paging :language="$i18n.locale" ref="paging" v-model="list" @query="queryList" :pageSize="20"
:style="'background-color: '+theme.fu_bg+';color: '+theme.text">
<!-- 下拉刷新 -->
<custom-refresher slot="refresher" slot-scope="{refresherStatus}" :status="refresherStatus">
</custom-refresher>
<!-- 头部 -->
<view slot="top" class="width-750 relative flex align-center justify-center bj-8EBEFF"
:style="{height: `calc(${statusBar}px + 220rpx)`}">
<view class="width-750 fixed1"
:style="{paddingTop: statusBar + 'px', height: `calc(${statusBar}px + 220rpx)`}">
<view class="width-750 height-100 padding-w-30 bgimg1 flex align-center justify-center">
<view @click="_goback" class="cuIcon-back font-40" style="position: absolute;left: 30rpx;">
</view>
<text class="font-36 weight-bold">{{i18n.TranRecord.title1}}</text>
<image @click="show=true" class="width-36 height-36 absolute" style="right: 30rpx;"
src="/static/imgs/index/shaixuan@2x.png"></image>
</view>
<view class="height-90 margin-10-auto width-690 radiu-10 flex align-center justify-between"
:style="'background-color: '+theme.bg">
<view class="flex-1 height-66 flex direction-column align-center justify-center">
<text class="font-28">{{i18n.assets.record.title1}}</text>
<text class="font-28 color-FF4040">{{order_num}}</text>
</view>
<view class="flex-1 height-66 flex direction-column align-center justify-center">
<text class="font-28">{{i18n.assets.record.title2}}</text>
<text class="font-28 color-00C481">{{win_num}}</text>
</view>
<view class="flex-1 height-66 flex direction-column align-center justify-center">
<text class="font-28">{{i18n.assets.record.title3}}</text>
<text class="font-28 color-FF4040">{{loss_num}}</text>
</view>
</view>
</view>
</view>
<!-- 身体 -->
<view class="width-750 padding-b-40">
<secondListItem :currentIndex="current2"
:list="list" :color="theme.text" :background="theme.bg">
</secondListItem>
</view>
</z-paging>
<!-- 筛选弹窗 -->
<u-popup v-model="show" mode="bottom" border-radius="25">
<view class="width-100b padding-w-20" :style="'background-color: '+theme.bg+';color: '+theme.text"
style="height:730rpx; border-radius: 20rpx 20rpx 0 0;">
<view class="width-100b height-70 text-center line-height-100">
<text class="font-28 weight-bold">{{i18n.TranRecord.text10}}</text>
</view>
<view class="width-100b height-150 margin-c-10 padding-w-30 flex direction-column justify-around">
<text class="font-28 weight-bold line-height-64">{{i18n.TranRecord.text12}} <span
class="font-26">({{i18n.TranRecord.text13}})</span></text>
<input class="width-100b height-86 font-28 numbold-font" :placeholder="i18n.TranRecord.tos2"
type="text" v-model="symbol" />
</view>
<view class="width-100b height-160 margin-c-10 padding-w-30 flex direction-column justify-around">
<text class="font-28 weight-bold">{{i18n.assets.record.title4}}</text>
<view class="width-100b height-70 flex align-center justify-between">
<view @click="trade_result=''" class="selectTime">
<view :class="trade_result==''?'bj-0165EE color-white':''" class="picker">
{{i18n.assets.record.title5}}
</view>
</view>
<view @click="trade_result='win'" class="selectTime">
<view :class="trade_result=='win'?'bj-0165EE color-white':''" class="picker">
{{i18n.assets.record.title6}}
</view>
</view>
<view @click="trade_result='loss'" class="selectTime">
<view :class="trade_result=='loss'?'bj-0165EE color-white':''" class="picker">
{{i18n.assets.record.title7}}
</view>
</view>
</view>
</view>
<view class="width-100b height-160 margin-c-10 padding-w-30 flex direction-column justify-around">
<text class="font-28 weight-bold">{{i18n.assets.record.title8}}</text>
<view class="width-100b height-70 flex align-center justify-between">
<view @click="rise_or_fall=''" class="selectTime">
<view :class="rise_or_fall==''?'bj-0165EE color-white':''" class="picker">
{{i18n.assets.record.title5}}
</view>
</view>
<view @click="rise_or_fall='rise'" class="selectTime">
<view :class="rise_or_fall=='rise'?'bj-0165EE color-white':''" class="picker">
{{i18n.assets.record.title9}}
</view>
</view>
<view @click="rise_or_fall='fall'" class="selectTime">
<view :class="rise_or_fall=='fall'?'bj-0165EE color-white':''" class="picker">
{{i18n.assets.record.title10}}
</view>
</view>
</view>
</view>
<view class="width-100b height-100 padding-30 flex align-center justify-between">
<view class="resetBtn" @click="reset">{{i18n.TranRecord.text15}}</view>
<view class="inquireBtn" @click="chechOrder">{{i18n.TranRecord.text16}}</view>
</view>
</view>
</u-popup>
</view>
</template>
<script>
import secondListItem from '../contract/components/second_list_item.vue'
export default {
components: {
secondListItem,
},
data() {
return {
statusBar: uni.getSystemInfoSync().statusBarHeight,
show: false,
list: [],
theme: '',
loss_num: 0,
order_num: 0,
win_num: 0,
current2:1,
contractOrderList_s: [], //秒合约交易订单列表
loading_s:true,
symbol:'',
trade_result:'',
rise_or_fall:''
}
},
computed: {
i18n() {
return this.$t('message');
}
},
onLoad(e) {
this.order_census()
},
onShow() {
if (uni.getStorageSync("theme") == "dark") {
this.theme = this.$store.state.darkTheme
} else {
this.theme = this.$store.state.lightTheme
}
},
methods: {
order_census() {
this.post('/cycle/order_census').then(res => {
console.log('统计', res)
if (res.code == 1) {
this.loss_num = res.data.loss_num
this.order_num = res.data.order_num
this.win_num = res.data.win_num
}
})
},
chechOrder() {
var obj = {
symbol: this.symbol,
trade_result:this.trade_result,
rise_or_fall:this.rise_or_fall
}
console.log(obj)
this.show = false
this.list = []
this.queryList(1, 20)
},
reset() {
this.symbol = ''
this.trade_result = ''
this.rise_or_fall = ''
},
queryList(pageNo, pageSize) {
let obj = {
page: pageNo,
page_num: pageSize,
symbol: this.symbol,
trade_result:this.trade_result,
rise_or_fall:this.rise_or_fall
}
this.loading_s = true
setTimeout(() => {
this.post('/cycle/get_all_order', obj).then(res => {
this.loading_s = false
if (res.code == 1) {
console.log(res)
this.$refs.paging.complete(res.data.data);
}
})
}, 500)
},
}
}
</script>
<style lang="scss">
.fixed1 {
position: fixed;
top: 0;
z-index: 1010;
}
.selectTime {
flex: 1;
margin: 0 20rpx;
height: 66rpx;
background: rgba(160, 171, 181, 0.2);
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(255, 255, 255, 0.5);
border-radius: 10rpx;
color: #8B99A2;
font-size: 28rpx;
text-align: center;
line-height: 66rpx;
}
.select_on {
width: 180rpx;
height: 66rpx;
margin-right: 20rpx;
line-height: 66rpx;
background: #0165EE;
border-radius: 10rpx;
color: #FFFFFF;
font-size: 30rpx;
font-weight: 500;
text-align: center;
}
.select_off {
width: 180rpx;
height: 66rpx;
margin-right: 20rpx;
line-height: 66rpx;
background: #8B99A2;
border-radius: 10rpx;
color: #FFFFFF;
font-size: 30rpx;
font-weight: 500;
text-align: center;
}
.resetBtn {
width: 300rpx;
height: 86rpx;
line-height: 86rpx;
background: rgba(160, 171, 181, 0.2);
border-radius: 10rpx;
color: #8B99A2;
font-size: 30rpx;
font-weight: bold;
text-align: center;
}
.inquireBtn {
width: 300rpx;
height: 86rpx;
line-height: 86rpx;
background: #0165EE;
border-radius: 10rpx;
color: #FFFFFF;
font-size: 30rpx;
font-weight: bold;
text-align: center;
}
</style>
pages/asset/record.vue
+80
View File
@@ -0,0 +1,80 @@
<template>
<view class="">
<z-paging :language="$i18n.locale" ref="paging" v-model="list" @query="queryList" :pageSize="20"
:style="'background-color: '+theme.bg+';color: '+theme.text">
<!-- 下拉刷新 -->
<custom-refresher slot="refresher" slot-scope="{refresherStatus}" :status="refresherStatus">
</custom-refresher>
<!-- 头部 -->
<myNav slot="top" :title="i18n.assets.transfer.jilu"></myNav>
<!-- 身体 -->
<view>
<view class="listBox" v-for="(item,index) in list" :key="index"
:style="'background-color: '+theme.fu_bg">
<view class="width-100b height-82 padding-w-22 flex align-center"
style="border-bottom: 1rpx solid rgba(191, 195, 199, 0.2);">
<text class="font-32 numbold-font">{{item.name}}</text>
</view>
<view class="width-100b padding-w-20">
<view class="height-80 flex align-center justify-between">
<text class="font-26 nummedium-font">{{item.price}}</text>
<text class="font-26 nummedium-font color-C3C3C3">{{item.createtime}}</text>
</view>
<view class="padding-b-20">
<text class="font-26 bold-font">{{item.description}}</text>
</view>
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script>
export default {
data() {
return {
list: [],
theme: '',
}
},
computed: {
i18n() {
return this.$t('message');
}
},
onShow() {
if (uni.getStorageSync("theme") == "dark") {
this.theme = this.$store.state.darkTheme
} else {
this.theme = this.$store.state.lightTheme
}
},
methods: {
queryList(pageNo, pageSize) {
this.post('/wallet/transfer_log', {
page: pageNo,
page_num: pageSize
}).then(res => {
if (res.code == 1) {
console.log(res)
this.$refs.paging.complete(res.data.data);
}
})
},
}
}
</script>
<style lang="scss">
.listBox {
width: 690rpx;
// height: 183rpx;
margin: 30rpx auto;
// background: #FFFFFF;
box-shadow: 0rpx 4rpx 10rpx rgba(205, 206, 219, 0.3);
border-radius: 10rpx;
}
</style>