charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: 券商功能

Browse Source
This commit is contained in:
charles
2026-01-10 15:53:01 +08:00
parent 0d7f520dc4
commit 20fe8528e3
9 changed files with 737 additions and 541 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/mine/mine.vue
+23 -15
View File
@@ -18,11 +18,11 @@
bgColor="#f1f6ff00" bgColor="#f1f6ff00"
></up-image> ></up-image>
<view class="mine_info"> <view class="mine_info">
<view class="mine_info_name" > <view class="mine_info_name">
<text style="margin-right: 20rpx">{{ <text style="margin-right: 20rpx">{{
currentUserData.nickname || "信任桥用户" currentUserData.nickname || "信任桥用户"
}}</text> }}</text>
<view class="level" @click="jumpToTrustBridge"> <view class="level" @click="jumpToTrustBridge">
<up-image <up-image
src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/mine/rz.png" src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/mine/rz.png"
style="margin-right: 8rpx; margin-top: 6rpx" style="margin-right: 8rpx; margin-top: 6rpx"
@@ -154,7 +154,7 @@
</view> </view>
</view> </view>
<!-- 入驻 --> <!-- 入驻 -->
<!-- #ifndef MP-WEIXIN --> <!-- #ifndef MP-WEIXIN -->
<!-- <view class="mine_content_comm_warp mine_top_comm_warp mine_tool_warp"> <!-- <view class="mine_content_comm_warp mine_top_comm_warp mine_tool_warp">
<view class="mine_tool_title">入驻信任桥</view> <view class="mine_tool_title">入驻信任桥</view>
<view class="settled_list"> <view class="settled_list">
@@ -478,12 +478,12 @@ export default {
url: "https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/mine/tool_cw.png", url: "https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/mine/tool_cw.png",
path: "/pages/rwa_package/dongjian/finance", path: "/pages/rwa_package/dongjian/finance",
}, },
// { {
// id: 11, id: 11,
// title: "股东行权", title: "股东行权",
// url: "https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/mine/tool_gdxq.png", url: "https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/mine/tool_gdxq.png",
// path: "/pages/rwa_package/rwa/rwa", path: "/pages/rwa_package/rwa/rwa",
// }, },
// { // {
// id:1, // id:1,
// title:"IM聊天", // title:"IM聊天",
@@ -528,11 +528,13 @@ export default {
}, },
jumpToTrustBridge() { jumpToTrustBridge() {
// 跳转到指定的信任桥地址 // 跳转到指定的信任桥地址
const isAgentLogin = this.currentUserData?.isAgentLogin ? Number(this.currentUserData?.isAgentLogin) : 0; const isAgentLogin = this.currentUserData?.isAgentLogin
if(isAgentLogin){ ? Number(this.currentUserData?.isAgentLogin)
: 0;
if (isAgentLogin) {
uni.navigateTo({ uni.navigateTo({
url:'/pages/mine_package/mild-shopping/mild-shopping' url: "/pages/mine_package/mild-shopping/mild-shopping",
}) });
} }
}, },
/** /**
@@ -551,8 +553,14 @@ export default {
console.log("currentUserData", this.currentUserData); console.log("currentUserData", this.currentUserData);
let path = let path =
"/pages/mine_package/mine_authentication/mine_authentication"; "/pages/mine_package/mine_authentication/mine_authentication";
if (currentUserData && Object.keys(currentUserData).length !== 0 && currentUserData.certStatus && currentUserData.certStatus !== 0) { if (
path = "/pages/mine_package/mine_authentication_ok/mine_authentication_ok" currentUserData &&
Object.keys(currentUserData).length !== 0 &&
currentUserData.certStatus &&
currentUserData.certStatus !== 0
) {
path =
"/pages/mine_package/mine_authentication_ok/mine_authentication_ok";
} }
uni.navigateTo({ uni.navigateTo({
url: path, url: path,
pages/rwa_package/account/components/account-item-two.vue
+122 -113
View File
@@ -1,121 +1,130 @@
<template> <template>
<view class="shop-item-view" v-if="dataItem"> <view class="shop-item-view" v-if="dataItem" @click="onSelect">
<image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/alpha.png" v-if="dataItem.name != 'WALLET'"></image> <image
<image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/no_black_data.png" v-else></image> src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/alpha.png"
<view class="shop-mid-view-one" v-if="dataItem.name != 'WALLET'"> v-if="dataItem.name != 'WALLET'"
<text class="text-32 text-zu1 text-overflow">{{dataItem.account}}</text> ></image>
</view> <image
<view class="shop-mid-view" v-else> src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/no_black_data.png"
<text class="text-32 text-zu1 text-overflow">BNB Smart Chain（BEP20）</text> v-else
<text class="text-32 text-fu1 text-overflow">{{address}}</text> ></image>
</view> <view class="shop-mid-view-one" v-if="dataItem.name != 'WALLET'">
<view class="biao-view"> <text class="text-32 text-zu1 text-overflow">{{ dataItem.account }}</text>
<text class="text-20 text-zi" style="line-height: 1.2;">{{dataItem.name != 'WALLET' ? 'Alpha账户' : '区块链账户'}}</text> </view>
</view> <view class="shop-mid-view" v-else>
<view class="jie-bind" @click="onJie"> <text class="text-30 text-fu1 text-overflow">{{ address }}</text>
<text class="text-zu1 text-24">解绑</text> <view class="jie-bind" @click.stop="onJie"> 解绑 </view>
</view> </view>
</view> <view class="biao-view">
<text class="text-20 text-zi" style="line-height: 1.2">{{
dataItem.name != "WALLET" ? "Alpha账户" : "券商登记地址"
}}</text>
</view>
</view>
</template> </template>
<script> <script>
import func from "@/utils/func.js";
import func from '@/utils/func.js'; export default {
export default { props: {
props:{ dataItem: {
dataItem:{ type: Object,
type:Object, default: null,
default:null },
}, },
computed: {
}, address() {
computed:{ let tmp = "";
address(){ console.log("this.data", this.dataItem);
let tmp = ''; if (this.dataItem && this.dataItem.name == "WALLET") {
console.log('this.data',this.dataItem) this.dataItem.address = this.maskAddress(this.dataItem.account);
if(this.dataItem && this.dataItem.name == 'WALLET'){ tmp = this.dataItem.address;
this.dataItem.address = func.addressTurn(this.dataItem.account,6); }
tmp = this.dataItem.address; return tmp;
} },
return tmp; },
} mounted() {},
}, methods: {
mounted(){ maskAddress(address) {
}, return "******" + address.slice(-4);
methods: { },
onJie(){
this.$emit('jie',this.dataItem); onJie() {
} this.$emit("jie", this.dataItem);
} },
} onSelect() {
this.$emit("select", this.dataItem);
},
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.shop-item-view{ .shop-item-view {
width:100%; width: 100%;
min-height:152rpx; min-height: 152rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 32rpx 28rpx; padding: 28rpx 28rpx;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
border-radius: 12rpx; border-radius: 12rpx;
overflow: hidden; overflow: hidden;
background-color: #fff; background-color: #fff;
margin-top:24rpx; margin-top: 24rpx;
border:2rpx solid #e3e3e3; border: 2rpx solid #e3e3e3;
.jie-bind{ .jie-bind {
height:48rpx; width: 112rpx;
width:112rpx; height: 48rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius:24rpx; border-radius: 24rpx;
position: absolute; color: #666;
right:32rpx; font-size: 24rpx;
bottom:24rpx; // position: absolute;
background-color: #F3F3F3; // right:32rpx;
} // bottom:24rpx;
.biao-view{ background-color: #f3f3f3;
padding: 0 12rpx; }
display: flex; .biao-view {
align-items: center; padding: 0 12rpx;
justify-content: center; display: flex;
height:36rpx; align-items: center;
min-height:36rpx; justify-content: center;
position: absolute; height: 36rpx;
border-radius: 0px 12rpx 0px 12rpx; min-height: 36rpx;
top:0; position: absolute;
right:0; border-radius: 0px 12rpx 0px 12rpx;
background-color: #F2EBFE; top: 0;
right: 0;
} background-color: #f2ebfe;
}
.shop-mid-view{
margin:0 24rpx; .shop-mid-view {
display: flex; margin-left: 24rpx;
flex:1; display: flex;
height:88rpx; flex: 1;
min-height:88rpx; height: 88rpx;
flex-direction: column; min-height: 88rpx;
justify-content: space-between; // flex-direction: column;
} align-items: center;
.shop-mid-view-one{ justify-content: space-between;
margin:0 24rpx; }
display: flex; .shop-mid-view-one {
flex:1; margin: 0 24rpx;
height:88rpx; display: flex;
min-height:88rpx; flex: 1;
flex-direction: column; height: 88rpx;
justify-content: center; min-height: 88rpx;
} flex-direction: column;
image{ justify-content: center;
width:88rpx; }
min-width:88rpx; image {
height:88rpx; width: 88rpx;
} min-width: 88rpx;
height: 88rpx;
} }
}
</style> </style>
pages/rwa_package/account/components/select-lian.vue
+216 -203
View File
@@ -1,212 +1,225 @@
<template> <template>
<u-popup :show="itemShow" mode="bottom" bgColor="transparent"> <u-popup :show="itemShow" mode="bottom" bgColor="transparent">
<view class="select-item"> <view class="select-item">
<view class="select-head"> <view class="select-head">
<view></view> <view></view>
<text class="text-28 text-fu1">选择地址</text> <text class="text-28 text-fu1">选择地址</text>
<u-icon name="close" color="#333" size="16" @click="onClose"></u-icon> <u-icon name="close" color="#333" size="16" @click="onClose"></u-icon>
</view> </view>
<view class="item-mid-view" v-if="data.length"> <view class="item-mid-view" v-if="data.length">
<view class="item-mid-list" @click="onOk(item)" v-for="(item,index) in data" :key="item.id"> <view
<image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/no_black_data.png" style="min-width:88rpx;heihgt:88rpx;"></image> class="item-mid-list"
<view class="item-mid-li"> @click="onOk(item)"
<text class="text-32 text-zu1">BNB Smart Chain（BEP20）</text> v-for="(item, index) in data"
<text class="text-28 text-fu">{{item.addressOne}}</text> :key="item.id"
</view> >
</view> <image
</view> src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/no_black_data.png"
<view class="item-mid-view-two" @click="onAdd" v-if="!data.length"> style="min-width: 88rpx; heihgt: 88rpx"
<image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/no_black_data.png" class="no-data-black"></image> ></image>
<text class="text-28 text-fu mt-48">{{`请先绑定一个区块链账户，用于收款`}}</text> <view class="item-mid-li">
<view class="add-btn mt-48"> <text class="text-32 text-zu1">券商登记地址</text>
<image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/add.png" style="margin-right:5rpx;"></image> <text class="text-28 text-fu">{{ item.addressOne }}</text>
<text class="text-32 text-zi text-bold" style="margin-left:5rpx;">添加</text> </view>
</view> </view>
</view> </view>
<!-- <view class="item-bottom-btn" v-if="data.length"> <view class="item-mid-view-two" @click="onAdd" v-if="!data.length">
<image
src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/no_black_data.png"
class="no-data-black"
></image>
<text class="text-28 text-fu mt-48">{{
`请先绑定一个区块链账户，用于收款`
}}</text>
<view class="add-btn mt-48">
<image
src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/add.png"
style="margin-right: 5rpx"
></image>
<text class="text-32 text-zi text-bold" style="margin-left: 5rpx"
>添加</text
>
</view>
</view>
<!-- <view class="item-bottom-btn" v-if="data.length">
<MyBtn @ok="onOk" text="确定"></MyBtn> <MyBtn @ok="onOk" text="确定"></MyBtn>
</view> --> </view> -->
</view> </view>
</u-popup> </u-popup>
</template> </template>
<script> <script>
import MyBtn from "@/components/common/my-btn.vue";
import MyBtn from '@/components/common/my-btn.vue' import func from "@/utils/func.js";
import func from '@/utils/func.js'; export default {
export default { data() {
data() { return {
return { itemSelect: "",
itemSelect:'' };
} },
}, components: { MyBtn },
components: { MyBtn }, props: {
props:{ itemShow: {
itemShow:{ type: Boolean,
type:Boolean, default: false,
default:false },
}, itemData: {
itemData:{ type: Array,
type:Array, default: [],
default:[] },
}, type: {
type:{ type: [Number, String],
type:[Number,String], default: "0",
default:'0' },
} },
}, computed: {
computed:{ data() {
data(){ let tmp = [];
let tmp = []; if (this.itemData && this.itemData.length) {
if(this.itemData && this.itemData.length){ this.itemData.forEach((item) => {
this.itemData.forEach(item=>{ console.log("item", item);
console.log('item',item)
item.addressOne = func.addressTurn(item.account,6); item.addressOne = "******" + item.account.slice(-4);
}) });
tmp = this.itemData; tmp = this.itemData;
} }
return tmp || []; return tmp || [];
} },
}, },
mounted(){ mounted() {},
}, methods: {
methods: { onOk(item) {
onOk(item){ this.$emit("ok", item);
this.$emit('ok',item); },
}, onAdd() {
onAdd(){ this.$emit("add");
this.$emit('add'); },
}, onClose() {
onClose(){ this.$emit("close");
this.$emit('close'); },
} },
} };
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.add-btn{ .add-btn {
width:100%; width: 100%;
height:72rpx; height: 72rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border:2rpx solid #7934f6; border: 2rpx solid #7934f6;
border-radius: 8rpx; border-radius: 8rpx;
image{ image {
width:32rpx; width: 32rpx;
height:32rpx; height: 32rpx;
} }
} }
.select-item{ .select-item {
width:100%; width: 100%;
min-height:724rpx; min-height: 724rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 0 32rpx 24rpx; padding: 0 32rpx 24rpx;
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;
border-radius: 24rpx 24rpx 0 0; border-radius: 24rpx 24rpx 0 0;
.item-bottom-btn{ .item-bottom-btn {
width:100%; width: 100%;
margin-top:24rpx; margin-top: 24rpx;
min-height:88rpx; min-height: 88rpx;
display: flex; display: flex;
} }
.item-mid-view-two{ .item-mid-view-two {
width:100%; width: 100%;
height:564rpx; height: 564rpx;
min-height:564rpx; min-height: 564rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.no-data-black{ .no-data-black {
width:120rpx; width: 120rpx;
height:120rpx; height: 120rpx;
margin-top:120rpx; margin-top: 120rpx;
} }
.add-btn{ .add-btn {
width:248rpx; width: 248rpx;
height:72rpx; height: 72rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border:2rpx solid #7934f6; border: 2rpx solid #7934f6;
border-radius: 12rpx; border-radius: 12rpx;
image{ image {
width:32rpx; width: 32rpx;
height:32rpx; height: 32rpx;
} }
} }
}
} .item-mid-view {
.item-mid-view{ width: 100%;
width:100%; height: 564rpx;
height:564rpx; min-height: 564rpx;
min-height:564rpx; display: flex;
display: flex; flex-direction: column;
flex-direction: column; align-items: center;
align-items: center; overflow-y: auto;
overflow-y: auto; .item-mid-list {
.item-mid-list{ display: flex;
display: flex; flex-direction: row;
flex-direction: row; width: 98%;
width:98%; height: 152rpx;
height:152rpx; min-height: 152rpx;
min-height:152rpx; border-radius: 8rpx;
border-radius: 8rpx; margin-top: 24rpx;
margin-top:24rpx; background: #ffffff;
background: #FFFFFF; border: 1px solid #e3e3e3;
border: 1px solid #E3E3E3; padding: 32rpx;
padding: 32rpx; box-sizing: border-box;
box-sizing: border-box; position: relative;
position: relative; .item-mid-li {
.item-mid-li{ margin-left: 24rpx;
margin-left:24rpx; flex: 1;
flex:1; display: flex;
display: flex; flex-direction: column;
flex-direction: column; justify-content: space-between;
justify-content: space-between; height: 88rpx;
height:88rpx; }
} .show-item-left {
.show-item-left{ display: flex;
display: flex; flex-direction: column;
flex-direction: column; height: 88rpx;
height:88rpx; min-height: 88rpx;
min-height:88rpx; margin-left: 24rpx;
margin-left:24rpx; }
.item-right-btn {
} display: flex;
.item-right-btn{ align-items: center;
display: flex; justify-content: center;
align-items: center; background-color: #f3f3f3;
justify-content: center; border-radius: 24rpx;
background-color: #f3f3f3; position: absolute;
border-radius: 24rpx; right: 28rpx;
position: absolute; }
right:28rpx; image {
} width: 88rpx;
image{ height: 88rpx;
width:88rpx; border-radius: 44rpx;
height:88rpx; }
border-radius: 44rpx; }
} }
.select-head {
} width: 100%;
height: 88rpx;
} min-height: 88rpx;
.select-head{ display: flex;
width:100%; flex-direction: row;
height:88rpx; justify-content: space-between;
min-height:88rpx; align-items: center;
display: flex; }
flex-direction: row; }
justify-content: space-between; </style>
align-items: center;
}
}
</style>
pages/rwa_package/account/components/shu-tips.vue
+2 -2
View File
@@ -9,8 +9,8 @@
<view class="select-box" @click="onOk(0)"> <view class="select-box" @click="onOk(0)">
<image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/shu_0.png"></image> <image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/shu_0.png"></image>
<view class="select-box-one"> <view class="select-box-one">
<text class="text-32 text-zu1">区块链数字积分</text> <text class="text-32 text-zu1">券商地址登记</text>
<text class="text-26 text-fu1">通过区块链兑换</text> <text class="text-26 text-fu1">通过券商兑换</text>
</view> </view>
<u-icon name="arrow-right" color="#999" size="14" class="select-icon"></u-icon> <u-icon name="arrow-right" color="#999" size="14" class="select-icon"></u-icon>
</view> </view>
pages/rwa_package/account/shu.vue
+6 -6
View File
@@ -1,13 +1,13 @@
<template> <template>
<view class="content"> <view class="content">
<TopSafe bgColor="#fff"></TopSafe> <TopSafe bgColor="#fff"></TopSafe>
<Header bgColor="#fff" title="兑换区块链数字积分" > <Header bgColor="#fff" title="兑换数字积分" >
<template v-slot:right> <template v-slot:right>
<text class="text-32 text-zi" @click="onRight">记录</text> <text class="text-32 text-zi" @click="onRight">记录</text>
</template> </template>
</Header> </Header>
<view class="setting-view"> <view class="setting-view">
<text class="text-32 text-fu" style="margin:54rpx 0 32rpx">兑换地址</text> <text class="text-32 text-fu" style="margin:54rpx 0 32rpx">券商登记地址</text>
<view class="input-box"> <view class="input-box">
<input style="flex:1" <input style="flex:1"
placeholder="请输入或选择地址" placeholder="请输入或选择地址"
@@ -16,11 +16,11 @@
<image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/right_icon.png" class="right-img" @click="onSelectAddress"></image> <image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/right_icon.png" class="right-img" @click="onSelectAddress"></image>
</view> </view>
<text class="text-32 text-fu" style="margin:54rpx 0 32rpx">主网络</text> <!-- <text class="text-32 text-fu" style="margin:54rpx 0 32rpx">主网络</text>
<view class="input-box" style="marign-top:32rpx"> <view class="input-box" style="marign-top:32rpx">
<text class="text-32" :style="{color:inputTwo ? '#333' : '#C1C5C9'}">{{inputTwo ? inputTwo : '请选择网络'}}</text> <text class="text-32" :style="{color:inputTwo ? '#333' : '#C1C5C9'}">{{inputTwo ? inputTwo : '请选择网络'}}</text>
<u-icon name="arrow-right" color="#999" size="14" class="select-icon"></u-icon> <u-icon name="arrow-right" color="#999" size="14" class="select-icon"></u-icon>
</view> </view> -->
<text class="text-32 text-fu" style="margin:54rpx 0 32rpx">兑换金额 <text class="text-32 text-fu" style="margin:54rpx 0 32rpx">兑换金额
<text class="text-zi" @click="jumpSettingPwd">《共享计划终止协议》</text> <text class="text-zi" @click="jumpSettingPwd">《共享计划终止协议》</text>
@@ -48,10 +48,10 @@
</view> </view>
</view> </view>
<view class="bottom-btn"> <view class="bottom-btn">
<view class="bottom-top"> <!-- <view class="bottom-top">
<image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/icon.png"></image> <image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/new/icon.png"></image>
<text class="text-24 text-zi">为了保障用户体验感，额外赠送0.0001主网gas</text> <text class="text-24 text-zi">为了保障用户体验感，额外赠送0.0001主网gas</text>
</view> </view> -->
<view class="bottom-view"> <view class="bottom-view">
<view class="bottom-left"> <view class="bottom-left">
<text class="text-24 text-fu1">到账数量</text> <text class="text-24 text-fu1">到账数量</text>
pages/rwa_package/dongjian/finance.vue
+6
View File
@@ -90,6 +90,12 @@
<text class="text-64 text-zu1 ">{{curData.totalProfitSharing || 0}}</text> <text class="text-64 text-zu1 ">{{curData.totalProfitSharing || 0}}</text>
</text> </text>
</view> </view>
<view class="top-head-1" v-if="curTopTwo == 1">
<text class="text-32 text-zu1 text-bold">利润</text>
<text class="text-48 text-zu1 text-bold">￥
<text class="text-64 text-zu1 ">{{curData.profitAmount || 0}}</text>
</text>
</view>
<view class="top-line"></view> <view class="top-line"></view>
<view class="top-head"> <view class="top-head">
<text class="text-32 text-zu1 text-bold">商城分配数据</text> <text class="text-32 text-zu1 text-bold">商城分配数据</text>
pages/rwa_package/rwa/rwa.vue
+356 -197
View File
@@ -1,211 +1,370 @@
<template> <template>
<view class="content top-view"> <view class="content top-view">
<TopSafe bgColor="rgba(0,0,0,0)"></TopSafe> <TopSafe bgColor="rgba(0,0,0,0)"></TopSafe>
<Header bgColor="rgba(0,0,0,0)" color="#fff" title="数字积分兑换" style="min-height:88rpx;" /> <Header
<view class="top-panel"> bgColor="rgba(0,0,0,0)"
color="#fff"
<text class="text-24 text-white" style="margin-top:24rpx">股东行权</text> title="数字积分兑换"
<text class="text-88 text-white text-bold" style="margin-top:24rpx">{{ curData ? curData.curAmount : 0 }} style="min-height: 88rpx"
<text class="text-44 text-white">数字积分(TBC)</text> />
</text> <view class="top-panel">
<view class="btn-view"> <text class="text-24 text-white" style="margin-top: 24rpx">股东行权</text>
<view class="left-btn" @click="onLeft"> <text class="text-88 text-white text-bold" style="margin-top: 24rpx"
<up-image src="/static/rwa/tx.png" style="margin-right:5rpx;margin-top:2rpx" width="18" height="18" bgColor="#f1f6ff00" /> >{{ curData ? curData.curAmount : 0 }}
<text class="text-zi text-32" style="margin-left:5rpx;line-height: 1.2;">兑换</text> <text class="text-44 text-white">数字积分(TBC)</text>
</view> </text>
<view class="right-btn" @click="onRight"> <view class="btn-view">
<up-image src="/static/rwa/jl.png" style="margin-right:5rpx;margin-top:2rpx" width="18" height="18" bgColor="#f1f6ff00" /> <view class="left-btn" @click="onLeft">
<text class="text-white text-32" style="margin-left:5rpx;line-height: 1.2;">记录</text> <up-image
</view> src="/static/rwa/tx.png"
</view> style="margin-right: 5rpx; margin-top: 2rpx"
</view> width="18"
<view class="bottom-panel"> height="18"
<view class="bottom-head-view"> bgColor="#f1f6ff00"
<text class="text-32 text-bold text-zu1">股东账户</text> />
</view> <text
<view class="bottom-list"> class="text-zi text-32"
<view class="list-box" v-if="dataList.length"> style="margin-left: 5rpx; line-height: 1.2"
<AccountItemTwo :dataItem="item" @jie="onJie" >兑换</text
v-for="(item,index) in dataList" :key="index"></AccountItemTwo> >
</view> </view>
<view class="no-box" v-else> <view class="right-btn" @click="onRight">
<up-image
src="/static/rwa/jl.png"
style="margin-right: 5rpx; margin-top: 2rpx"
width="18"
height="18"
bgColor="#f1f6ff00"
/>
<text
class="text-white text-32"
style="margin-left: 5rpx; line-height: 1.2"
>记录</text
>
</view>
</view>
</view>
<view class="bottom-panel">
<view class="bottom-head-view">
<text class="text-32 text-bold text-zu1">股东账户</text>
</view>
<view class="bottom-list">
<view class="list-box" v-if="dataList.length">
<AccountItemTwo
:dataItem="item"
@jie="onJie"
@select="onSelect"
v-for="(item, index) in dataList"
:key="index"
></AccountItemTwo>
</view>
<view class="add-address" @click="onAdd">
<up-image
src="/static/rwa/add.png"
style="margin-right: 5rpx; margin-top: 2rpx"
width="12"
height="12"
bgColor="#f1f6ff00"
/>
<text
class="text-zi text-32"
style="margin-left: 5rpx; line-height: 1.2"
>券商登记地址</text
>
</view>
<!-- <view class="no-box" v-else>
<up-image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/kzt.png" width="100" height="100" <up-image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/kzt.png" width="100" height="100"
bgColor="#f1f6ff00"></up-image> bgColor="#f1f6ff00"></up-image>
<text class="text-32 text-fu1" style="margin-top:32rpx">暂无账户数据～</text> <text class="text-32 text-fu1" style="margin-top:32rpx">暂无账户数据～</text>
</view> </view> -->
</view> </view>
</view> </view>
<ShuTips :itemShow="tipsShow" @close="onClose" @ok="onOk"></ShuTips> <ShuTips :itemShow="tipsShow" @close="onClose" @ok="onOk"></ShuTips>
<up-toast ref="uToastRef"></up-toast> <up-toast ref="uToastRef"></up-toast>
</view>
<u-popup :show="addAddressShow" mode="bottom" bgColor="transparent">
<view class="add-address-item">
<view class="select-head">
<view></view>
<text class="text-28 text-fu1">复制地址</text>
<u-icon
name="close"
color="#333"
size="16"
@click="addAddressShow = false"
></u-icon>
</view>
<view class="select-box" @click="copyData(selectAddress.address)">
<view class="select-box-one"> {{ selectAddress.address }} </view>
<up-image
src="/static/common/copy.png"
width="17"
height="17"
bgColor="#f1f6ff00"
style="margin-top: 8rpx"
></up-image>
</view>
<view class="add-address-tip">
<up-image
src="/static/common/tips.png"
width="16"
height="16"
bgColor="#f1f6ff00"
style="margin-right: 8rpx"
/>
复制链接到浏览器修改！
</view>
</view>
</u-popup>
</view>
</template> </template>
<script> <script>
import {
import { getExchUsers,unbindExchUsers,getAcctBalance } from '@/api/finance.js'; getExchUsers,
import { formatDate } from '@/utils/index.js'; unbindExchUsers,
import TopSafe from '@/components/common/top-safe.nvue' getAcctBalance,
import Header from '@/components/common/header.vue'; } from "@/api/finance.js";
import ShuTips from '@/pages/rwa_package/account/components/shu-tips.vue'; import { copyData } from "@/utils/index.js";
import AccountItemTwo from '@/pages/rwa_package/account/components/account-item-two.vue' import { TOKEN_NAME, getStorageFun } from "@/utils/auth.js";
import TopSafe from "@/components/common/top-safe.nvue";
import Header from "@/components/common/header.vue";
import ShuTips from "@/pages/rwa_package/account/components/shu-tips.vue";
import AccountItemTwo from "@/pages/rwa_package/account/components/account-item-two.vue";
export default { export default {
components: { Header, TopSafe,ShuTips,AccountItemTwo }, components: { Header, TopSafe, ShuTips, AccountItemTwo },
data() { data() {
return { return {
dataList:[], dataList: [],
tipsShow:false, tipsShow: false,
curData:null curData: null,
}; addAddressShow: false,
}, selectAddress: {
onLoad(option) { address: `https://taddr.alpha-group.top?token=${getStorageFun(
TOKEN_NAME
}, )}`,
onShow(){ },
this.acctBalance(); };
this.exchUsers() },
}, onLoad(option) {},
methods: { onShow() {
exchUsers(){ this.acctBalance();
getExchUsers({name:'WALLET'}).then(res=>{ this.exchUsers();
if (res && res.bizcode === 100) { },
this.dataList = res.data.entitys ? res.data.entitys : []; methods: {
} copyData,
}) exchUsers() {
}, getExchUsers({ name: "WALLET" }).then((res) => {
onJie(item){ if (res && res.bizcode === 100) {
let params = { this.dataList = res.data.entitys ? res.data.entitys : [];
accountId:item.id }
} });
unbindExchUsers(params).then(resp=>{ },
if (resp && resp.bizcode === 100) { onJie(item) {
this.$refs.uToastRef.show({ let params = {
type: 'success', accountId: item.id,
message: '解绑成功', };
}); unbindExchUsers(params).then((resp) => {
if (resp && resp.bizcode === 100) {
this.exchUsers() this.$refs.uToastRef.show({
} type: "success",
}) message: "解绑成功",
}, });
onRight(){
uni.navigateTo({ this.exchUsers();
url: '/pages/rwa_package/rwa_withdrawal_log/rwa_withdrawal_log?back=rwa', }
}) });
}, },
onLeft(){ onRight() {
this.tipsShow = true; uni.navigateTo({
}, url: "/pages/rwa_package/rwa_withdrawal_log/rwa_withdrawal_log?back=rwa",
onClose(){ });
this.tipsShow = false; },
}, onLeft() {
onOk(index){ this.tipsShow = true;
if(index == 0){ },
uni.navigateTo({ onClose() {
url: '/pages/rwa_package/account/shu', this.tipsShow = false;
}) },
}else if(index == 1){ onOk(index) {
uni.navigateTo({ if (index == 0) {
url: '/pages/rwa_package/rwa_withdrawal/rwa_withdrawal', uni.navigateTo({
}) url: "/pages/rwa_package/account/shu",
} });
this.onClose(); } else if (index == 1) {
}, uni.navigateTo({
acctBalance() { url: "/pages/rwa_package/rwa_withdrawal/rwa_withdrawal",
});
getAcctBalance().then(resp=>{ }
if (resp && resp.bizcode === 100) { this.onClose();
this.curData = null; },
resp.data.forEach(item=>{ acctBalance() {
if(item.categoty == 'vcoin'){ getAcctBalance().then((resp) => {
this.curData = item; if (resp && resp.bizcode === 100) {
} this.curData = null;
}) resp.data.forEach((item) => {
} if (item.categoty == "vcoin") {
}); this.curData = item;
}, }
} });
} }
});
},
onAdd() {
this.addAddressShow = true;
},
onSelect(item) {
// this.selectAddress = item;
// this.addAddressShow = true;
},
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.top-view{ .top-view {
background: linear-gradient(90deg, $app-zt-color, #AE61FA); background: linear-gradient(90deg, $app-zt-color, #ae61fa);
.bottom-panel{ .bottom-panel {
width:100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height:calc(100vh - 418rpx - 32rpx - var(--status-bar-height)); height: calc(100vh - 418rpx - 32rpx - var(--status-bar-height));
background-color: #fff; background-color: #fff;
border-radius: 24rpx 24rpx 0 0; border-radius: 24rpx 24rpx 0 0;
padding: 0 32rpx 32rpx; padding: 0 32rpx 32rpx;
margin-top:32rpx; margin-top: 32rpx;
box-sizing: border-box; box-sizing: border-box;
.bottom-head-view{ .bottom-head-view {
width:100%; width: 100%;
height:88rpx; height: 88rpx;
min-height:88rpx; min-height: 88rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
}
.bottom-list {
} width: 100%;
.bottom-list{ height: calc(100% - 88rpx);
width:100%; overflow-y: auto;
height:calc(100% - 88rpx); display: flex;
overflow-y: auto; flex-direction: column;
display: flex; .no-box {
flex-direction: column; width: 100%;
.no-box{ margin-top: 100rpx;
width:100%; display: flex;
margin-top:100rpx; flex-direction: column;
display: flex; align-items: center;
flex-direction: column; }
align-items: center; }
} .add-address {
display: flex;
} justify-content: center;
} align-items: center;
border-radius: 12rpx;
.top-panel{ border: 1px solid #e3e3e3;
width:100%; color: #7934f6;
display: flex; font-size: 28rpx;
flex-direction: column; height: 120rpx;
min-height:calc(330rpx + var(--status-bar-height)); margin-top: 26rpx;
padding: 0 32rpx; }
box-sizing: border-box; }
.btn-view{ .top-panel {
width:100%; width: 100%;
height:88rpx; display: flex;
min-height:88rpx; flex-direction: column;
margin-top:32rpx; min-height: calc(330rpx + var(--status-bar-height));
display: flex; padding: 0 32rpx;
flex-direction: row; box-sizing: border-box;
justify-content: space-between;
.left-btn{ .btn-view {
width:48%; width: 100%;
height:100%; height: 88rpx;
background-color: #fff; min-height: 88rpx;
align-items: center; margin-top: 32rpx;
justify-content: center; display: flex;
display: flex; flex-direction: row;
border-radius: 16rpx; justify-content: space-between;
} .left-btn {
.right-btn{ width: 48%;
width:48%; height: 100%;
height:100%; background-color: #fff;
background-color: rgba(0,0,0,0); align-items: center;
border:2rpx solid #fff; justify-content: center;
box-sizing: border-box; display: flex;
align-items: center; border-radius: 16rpx;
justify-content: center; }
display: flex; .right-btn {
border-radius: 16rpx; width: 48%;
} height: 100%;
} background-color: rgba(0, 0, 0, 0);
} border: 2rpx solid #fff;
box-sizing: border-box;
align-items: center;
justify-content: center;
display: flex;
border-radius: 16rpx;
}
}
}
}
.add-address-item {
width: 100%;
min-height: 588rpx;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 32rpx 24rpx;
box-sizing: border-box;
background-color: #fff;
border-radius: 24rpx 24rpx 0 0;
.select-box {
width: 100%;
height: 80rpx;
background: rgba(121, 52, 246, 0.05);
border-radius: 16rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 32rpx;
box-sizing: border-box;
margin-top: 32rpx;
position: relative;
font-size: 28rpx;
color: #7934f6;
.select-icon {
position: absolute;
right: 28rpx;
}
.select-box-one {
overflow: hidden; /* 1. 超出隐藏 */
white-space: nowrap; /* 2. 不换行 */
text-overflow: ellipsis; /* 3. 省略号 */
width: 590rpx;
}
}
.add-address-tip {
width: 100%;
display: flex;
font-size: 24rpx;
color: #666;
margin-top: 24rpx;
}
.select-head {
width: 100%;
height: 88rpx;
min-height: 88rpx;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
} }
</style> </style>
pages/rwa_package/rwa_withdrawal_log/rwa_withdrawal_log.vue
+2 -1
View File
@@ -102,7 +102,8 @@ export default {
this.logList = [...this.logList, ...newData]; // 将新数据添加到列表中 this.logList = [...this.logList, ...newData]; // 将新数据添加到列表中
this.logList.forEach(item=>{ this.logList.forEach(item=>{
if(item.name == 'WALLET'){ if(item.name == 'WALLET'){
item.account = func.addressTurn(item.account,6) item.account = "******" + item.account.slice(-4);
// item.account = func.addressTurn(item.account,6)
} }
}) })
this.form.page++; // 页码加1 this.form.page++; // 页码加1
utils/config.js
+4 -4
View File
@@ -2,11 +2,11 @@
// export const BASE_URL="http://cl55un59859.vicp.fun:24346"; // 测试环境 // export const BASE_URL="http://cl55un59859.vicp.fun:24346"; // 测试环境
export const BASE_URL = "https://api.tbmall.xin"; //生产 // export const BASE_URL = "https://api.tbmall.xin"; //生产
export const MILD_BASE_URL = "https://agent.tbmall.xin/"; //中台生产 // export const MILD_BASE_URL = "https://agent.tbmall.xin/"; //中台生产
// export const BASE_URL ='https://api.o.tbmall.xin'; // 本地测试 export const BASE_URL ='https://api.o.tbmall.xin'; // 本地测试
// export const MILD_BASE_URL = "https://agent.o.tbmall.xin/"; //中台测试 export const MILD_BASE_URL = "https://agent.o.tbmall.xin/"; //中台测试
export const SHARE_URL = 'https://h.tbmall.xin'; export const SHARE_URL = 'https://h.tbmall.xin';