no message
This commit is contained in:
@@ -92,6 +92,9 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
.text-w-400{
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
.text-white{
|
.text-white{
|
||||||
color:#fff;
|
color:#fff;
|
||||||
}
|
}
|
||||||
@@ -164,6 +167,9 @@
|
|||||||
.text-52{
|
.text-52{
|
||||||
font-size:52rpx;
|
font-size:52rpx;
|
||||||
}
|
}
|
||||||
|
.text-64{
|
||||||
|
font-size:64rpx;
|
||||||
|
}
|
||||||
.text-88{
|
.text-88{
|
||||||
font-size:88rpx;
|
font-size:88rpx;
|
||||||
}
|
}
|
||||||
|
|||||||
+21
-1
@@ -223,5 +223,25 @@ export function getBonusStat() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 分红统计
|
||||||
|
export function getVcoinLocked() {
|
||||||
|
return request({
|
||||||
|
url: "/finance/getVcoinLocked",
|
||||||
|
method: "get",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 分红统计
|
||||||
|
export function getVcoinReleaseLog(data) {
|
||||||
|
return request({
|
||||||
|
url: "/finance/getVcoinReleaseLog",
|
||||||
|
method: "get",
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
export function getProfitSharingData() {
|
||||||
|
return request({
|
||||||
|
url: "/finance/getProfitSharingData",
|
||||||
|
method: "get",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|||||||
+1
-2
@@ -41,7 +41,7 @@
|
|||||||
<view style="padding: 20rpx 0 0 20rpx;">
|
<view style="padding: 20rpx 0 0 20rpx;">
|
||||||
<up-image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/home/logo_banner.png" width="108" height="16" bgColor="#f1f6ff00"></up-image>
|
<up-image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/home/logo_banner.png" width="108" height="16" bgColor="#f1f6ff00"></up-image>
|
||||||
<view class="logo_banner_title">TB聚合商城</view>
|
<view class="logo_banner_title">TB聚合商城</view>
|
||||||
<view class="logo_banner_msg">MALL+RWA+DAO的共创共享全球产业生态</view>
|
<view class="logo_banner_msg">全民共创共享的电商平台</view>
|
||||||
</view>
|
</view>
|
||||||
<up-image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/logo_banner2.png" width="140" height="98"
|
<up-image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/logo_banner2.png" width="140" height="98"
|
||||||
bgColor="#f1f6ff00"></up-image>
|
bgColor="#f1f6ff00"></up-image>
|
||||||
@@ -302,7 +302,6 @@ export default {
|
|||||||
},
|
},
|
||||||
onClipboard(){
|
onClipboard(){
|
||||||
let _this = this;
|
let _this = this;
|
||||||
console.log('11111')
|
|
||||||
uni.getClipboardData({
|
uni.getClipboardData({
|
||||||
success: function(res) {
|
success: function(res) {
|
||||||
// http://localhost:5173/#/pages/other_package/productInfo/productInfo?id=1038
|
// http://localhost:5173/#/pages/other_package/productInfo/productInfo?id=1038
|
||||||
|
|||||||
+1
-1
@@ -398,7 +398,7 @@ export default {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 5,
|
id: 5,
|
||||||
title: "加速次数",
|
title: "数字积分",
|
||||||
url: "https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/mine/tool_js.png",
|
url: "https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/mine/tool_js.png",
|
||||||
path: "/pages/rwa_package/dongjian/jia",
|
path: "/pages/rwa_package/dongjian/jia",
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -77,7 +77,7 @@
|
|||||||
<!-- 提成货币 -->
|
<!-- 提成货币 -->
|
||||||
<view class="card_item_comm" style="padding: 30rpx 30rpx 0;">
|
<view class="card_item_comm" style="padding: 30rpx 30rpx 0;">
|
||||||
<view class="card_title_comm">
|
<view class="card_title_comm">
|
||||||
提成货币
|
贡献值奖励
|
||||||
</view>
|
</view>
|
||||||
<view class="commission_count">
|
<view class="commission_count">
|
||||||
<view style="margin-right: 10rpx;">
|
<view style="margin-right: 10rpx;">
|
||||||
@@ -90,7 +90,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="card_item_comm">
|
<view class="card_item_comm">
|
||||||
<view class="card_title_comm card_title_comm2">
|
<view class="card_title_comm card_title_comm2">
|
||||||
<view>提成统计</view>
|
<view>奖励统计</view>
|
||||||
<up-image src="/static/common/tips.png" width="16" height="16" bgColor="#f1f6ff00"
|
<up-image src="/static/common/tips.png" width="16" height="16" bgColor="#f1f6ff00"
|
||||||
@click="openTcShow = true;" />
|
@click="openTcShow = true;" />
|
||||||
</view>
|
</view>
|
||||||
@@ -113,7 +113,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="card_fg_comm"></view>
|
<view class="card_fg_comm"></view>
|
||||||
<view class="card_item_comm">
|
<view class="card_item_comm">
|
||||||
<view class="card_title_comm">提成来源</view>
|
<view class="card_title_comm">奖励来源</view>
|
||||||
<view class="royalty_list">
|
<view class="royalty_list">
|
||||||
<scroll-view scroll-y="true" @scrolltolower="loadMore"
|
<scroll-view scroll-y="true" @scrolltolower="loadMore"
|
||||||
:style="{ 'height': 'calc(100vh - 1220rpx)' }">
|
:style="{ 'height': 'calc(100vh - 1220rpx)' }">
|
||||||
@@ -147,14 +147,15 @@
|
|||||||
<up-modal :show="openTeamShow" :showConfirmButton="false">
|
<up-modal :show="openTeamShow" :showConfirmButton="false">
|
||||||
<view class="slot-content">
|
<view class="slot-content">
|
||||||
<view class="close_warp" @click="openTeamShow = false;">
|
<view class="close_warp" @click="openTeamShow = false;">
|
||||||
<up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
<u-icon size="22" name="close" ></u-icon>
|
||||||
|
<!-- <up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="content_">
|
<view class="content_">
|
||||||
<view class="content_1">温馨提示</view>
|
<view class="content_1">温馨提示</view>
|
||||||
<view class="content_2">1、订单金额：团队下的总业绩</view>
|
<view class="content_2"><text style="font-weight: 400;color:#666">1、订单金额：邀请的所有人总消费金额</text></view>
|
||||||
<view class="content_2">2、订单数量：团队下的总订单数</view>
|
<view class="content_2"><text style="font-weight: 400;color:#666">2、订单数量：邀请的所有人下单总订单数</text></view>
|
||||||
<view class="content_2">3、直购订单金额：直推的总订单金额</view>
|
<view class="content_2"><text style="font-weight: 400;color:#666">3、直购订单金额：直接邀请的总订单金额</text></view>
|
||||||
<view class="content_2">4、直购订单数：直推的总订单数</view>
|
<view class="content_2"><text style="font-weight: 400;color:#666">4、直购订单数：直接邀请的总订单数</text></view>
|
||||||
</view>
|
</view>
|
||||||
<view class="but_">
|
<view class="but_">
|
||||||
<view class="but_copy" @click="openTeamShow = false;">确定</view>
|
<view class="but_copy" @click="openTeamShow = false;">确定</view>
|
||||||
@@ -165,14 +166,15 @@
|
|||||||
<up-modal :show="openTcShow" :showConfirmButton="false">
|
<up-modal :show="openTcShow" :showConfirmButton="false">
|
||||||
<view class="slot-content">
|
<view class="slot-content">
|
||||||
<view class="close_warp" @click="openTcShow = false;">
|
<view class="close_warp" @click="openTcShow = false;">
|
||||||
<up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
<u-icon size="22" name="close" ></u-icon>
|
||||||
|
<!-- <up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="content_">
|
<view class="content_">
|
||||||
<view class="content_1">温馨提示</view>
|
<view class="content_1">温馨提示</view>
|
||||||
<view class="content_2">1、今日：今日0点到当前时间的数据</view>
|
<view class="content_2"><text style="font-weight: 400;color:#666">1、今日：今日0点到当前时间的数据</text></view>
|
||||||
<view class="content_2">2、当前未结算：当前所有收货后未结算的数据</view>
|
<view class="content_2"><text style="font-weight: 400;color:#666">2、当前未结算：当前所有收货后未结算的数据</text></view>
|
||||||
<view class="content_2">3、直购订单金额：直推的总订单金额</view>
|
<view class="content_2"><text style="font-weight: 400;color:#666">3、直购订单金额：直推的总订单金额</text></view>
|
||||||
<view class="content_2">4、已结算：所有已结算的数据</view>
|
<view class="content_2"><text style="font-weight: 400;color:#666">4、已结算：所有已结算的数据</text></view>
|
||||||
</view>
|
</view>
|
||||||
<view class="but_">
|
<view class="but_">
|
||||||
<view class="but_copy" @click="openTcShow = false;">确定</view>
|
<view class="but_copy" @click="openTcShow = false;">确定</view>
|
||||||
|
|||||||
@@ -1,415 +1,190 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="my_team_list">
|
<view class="content">
|
||||||
<Header :leftTitle="$t('mine.my.team.title')" left-path-type="navigateTo" :leftPath="leftPath" />
|
<TopSafe></TopSafe>
|
||||||
<view class="my_team_list_content">
|
<Header title="我的邀请" />
|
||||||
<view class="team_list_card">
|
<view class="contract-view">
|
||||||
<view class="amount_">{{ (juniorSummaryData && juniorSummaryData.teamAmount) || 0 }}</view>
|
<view class="top-panel">
|
||||||
<view class="amount_sum">总订单金额</view>
|
<image src="/static/new/team_bg.png"></image>
|
||||||
<view class="comm_fg"></view>
|
|
||||||
<view class="people_number">
|
|
||||||
<view class="people_number_item">
|
|
||||||
<view class="title_">总人数</view>
|
|
||||||
<view class="value_">{{ (juniorSummaryData && juniorSummaryData.teamCount) || 0 }}</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="comm_fg_s"></view>
|
<view class="top-text-view">
|
||||||
<view class="people_number_item">
|
<image src="/static/new/icon_zy.png" class="icon-img"></image>
|
||||||
<view class="title_">推广人数</view>
|
<text class="text-20 text-zi">注：所有数据均截止到进入页面的时间，返回再进入页面数据会更新。</text>
|
||||||
<view class="value_">{{ (juniorSummaryData && juniorSummaryData.ztCount) || 0 }}</view>
|
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="comm_fg_s"></view>
|
<text class="text-32 text-zu1" style="margin-top:40rpx;font-weight: 500;">用户信息</text>
|
||||||
<view class="people_number_item">
|
<view class="bottom-view">
|
||||||
<view class="title_">间推人数</view>
|
<view class="bottom-box" v-for="(item,index) in dataList" :key="index">
|
||||||
<view class="value_">{{ (juniorSummaryData && juniorSummaryData.jtCount) || 0 }}</view>
|
<view class="bottom-top">
|
||||||
</view> -->
|
<image src="/static/new/tab.png"></image>
|
||||||
</view>
|
<view class="bottom-top-right">
|
||||||
<view class="current_user_id" v-if="form.userId">当前用户ID：{{ form.userId }}</view>
|
<text class="text-32 text-zu1" style="font-weight: 500;">{{item.userName}}
|
||||||
<view class="current_user_tips">
|
<text class="text-28 text-fu">({{item.gradeName}})</text>
|
||||||
<up-image src="/static/common/tips_b.png" width="20" height="20" bgColor="#f1f6ff00"
|
</text>
|
||||||
@click="openTcShow = true;" />
|
<text class="text-26 text-fu1">ID:{{item.id}}
|
||||||
|
<text class="text-26 text-fu1" style="margin-left:48rpx">注册时间：{{item.time}}</text>
|
||||||
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="team_list_remarks">
|
<view class="bottom-bottom-panel">
|
||||||
<view>注：所有数据均截至到进入页面的时间为止，返回再进入页面数据会更新</view>
|
<view class="bottom-bottom-box" style="border-right: 2rpx solid #F5F5F5;">
|
||||||
<view style="margin-left: 40rpx;">总订单金额统计的为所有已支付的订单金额</view>
|
<text class="text-36 text-bold text-zu1">{{item.teamPerformance.teamAmount}}</text>
|
||||||
|
<text class="text-24 text-fu1">订单金额</text>
|
||||||
</view>
|
</view>
|
||||||
<scroll-view scroll-y="true" @scrolltolower="loadMore" :style="{ 'height': 'calc(100vh - 500rpx)' }">
|
<view class="bottom-bottom-box">
|
||||||
<view class="team_item" v-for="(item, index) in listData" :key="item.id" v-if="listData && listData.length">
|
<text class="text-36 text-bold text-zu1">{{item.teamPerformance.teamCount}}</text>
|
||||||
<view class="team_header" @click="queryLowerFun(item, index)">
|
<text class="text-24 text-fu1">团队人数</text>
|
||||||
<view class="header_left_">
|
|
||||||
<view style="margin-top: 10rpx;">
|
|
||||||
<up-image :src="item.userUrl || '/static/logo.png'" width="50" height="50" bgColor="#f1f6ff00"
|
|
||||||
shape="circle" radius='16'></up-image>
|
|
||||||
</view>
|
|
||||||
<view class="right_data">
|
|
||||||
<view class="name_">{{ item.userName || '信任桥优品用户' }}（{{ item.gradeName }}）</view>
|
|
||||||
<view class="msg_">
|
|
||||||
ID:{{ item.userId }}
|
|
||||||
</view>
|
|
||||||
<view class="msg_">
|
|
||||||
注册时间：{{ formatDate(item.registTime) }}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view>
|
|
||||||
<up-image src="/static/common/right_x.png" width="20" height="20" bgColor="#f1f6ff00" radius='16'
|
|
||||||
v-if="!item.isOpen"></up-image>
|
|
||||||
<up-image src="/static/common/buttom_x.png" width="20" height="20" bgColor="#f1f6ff00" radius='16'
|
|
||||||
v-else></up-image>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view style="padding: 10rpx;" v-if="item.isOpen && item.lowerData">
|
|
||||||
<view class="team_lower">
|
|
||||||
<view class="team_lower_item">
|
|
||||||
<view class="title_">总订单金额</view>
|
|
||||||
<view class="val_">{{ item.lowerData.teamAmount }}</view>
|
|
||||||
</view>
|
|
||||||
<view class="team_lower_fg"></view>
|
|
||||||
<view class="team_lower_item">
|
|
||||||
<view class="title_">直推人数</view>
|
|
||||||
<view class="val_">{{ item.lowerData.ztCount }}</view>
|
|
||||||
</view>
|
|
||||||
<view class="team_lower_fg"></view>
|
|
||||||
<view class="team_lower_item">
|
|
||||||
<view class="title_">间推人数</view>
|
|
||||||
<view class="val_">{{ item.lowerData.jtCount }}</view>
|
|
||||||
</view>
|
|
||||||
<view class="team_lower_fg"></view>
|
|
||||||
<view class="team_lower_item">
|
|
||||||
<view class="title_">总人数</view>
|
|
||||||
<view class="val_">{{ item.lowerData.teamCount }}</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-else class="not_order_warp">
|
|
||||||
<up-image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/not_order.png" width="80" height="80"
|
|
||||||
bgColor="#f1f6ff00"></up-image>
|
|
||||||
<view class="not_order_msg_warp">暂无数据</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view v-if="royaltyLoading" style="text-align: center;">加载中...</view>
|
|
||||||
</scroll-view>
|
|
||||||
</view>
|
|
||||||
<!-- 提成统计 -->
|
|
||||||
<up-modal :show="openTcShow" :showConfirmButton="false">
|
|
||||||
<view class="slot-content">
|
|
||||||
<view class="close_warp" @click="openTcShow = false;">
|
|
||||||
<up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
|
||||||
</view>
|
|
||||||
<view class="content_">
|
|
||||||
<view class="content_1">温馨提示</view>
|
|
||||||
<view class="content_2">1、页面数据截至到进入该页面的时间统计</view>
|
|
||||||
<view class="content_2">2、当前页面数据为主用户的数据</view>
|
|
||||||
<view class="content_2">3、下方显示为全部的直推用户，点击后可跳转他/她的团队数据页，查看他/她的直推数据（也就是我的间推）</view>
|
|
||||||
</view>
|
|
||||||
<view class="but_">
|
|
||||||
<view class="but_copy" @click="openTcShow = false;">确定</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</up-modal>
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getCascadeJunior, getJuniorSummary } from '@/api/team.js';
|
import { getCascadeJunior, getJuniorSummary } from '@/api/team.js';
|
||||||
import { formatDate } from '@/utils/index.js';
|
import { getUserInfo } from '@/api/auth.js';
|
||||||
import Header from '@/components/header.vue';
|
import Header from '@/components/common/header.vue';
|
||||||
|
import TopSafe from '@/components/common/top-safe.nvue'
|
||||||
|
import func from '@/utils/func.js';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { Header },
|
components: { Header, TopSafe },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
form: {
|
dataList:[],
|
||||||
userId: 0,
|
curData:null
|
||||||
page: 1,
|
|
||||||
pageSize: 15,
|
|
||||||
},
|
|
||||||
loading: false,
|
|
||||||
listData: [],
|
|
||||||
juniorSummaryData: {},// 统计
|
|
||||||
leftPath: "/pages/mine_package/mine_my_team_list/mine_my_team_list",
|
|
||||||
openTcShow: false,
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onShow() {
|
||||||
const id = option.id;
|
|
||||||
if (id && id !== "null") {
|
|
||||||
this.form.userId = id;
|
|
||||||
} else {
|
|
||||||
this.leftPath = '/pages/mine_package/mine_my_team/mine_my_team';
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
mounted() {
|
onLoad() {
|
||||||
this.loadData();
|
this.init();
|
||||||
this.getJuniorSummary();
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
formatDate,
|
init() {
|
||||||
jumpNextLevel(item) {
|
this.cascadeJunior();
|
||||||
const path = "/pages/mine_package/mine_my_team_list/mine_my_team_list?id=" + item.userId;
|
this.juniorSummary();
|
||||||
this.leftPath = path;
|
},
|
||||||
uni.navigateTo({
|
cascadeJunior(){
|
||||||
url: path,
|
getCascadeJunior().then(res=>{
|
||||||
|
if (res && res.bizcode === 100) {
|
||||||
|
this.dataList = res.data.entitys || [];
|
||||||
|
this.dataList.forEach(item=>{
|
||||||
|
item.time = func.formatDate(new Date(item.ctdate), 4);
|
||||||
|
})
|
||||||
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
/**
|
juniorSummary(){
|
||||||
* 查询统计数据
|
getJuniorSummary().then(res=>{
|
||||||
*/
|
if (res && res.bizcode === 100) {
|
||||||
async getJuniorSummary() {
|
this.curData = res.data;
|
||||||
const resp = await getJuniorSummary();
|
}
|
||||||
console.log("getJuniorSummary", resp);
|
})
|
||||||
if (resp && resp.bizcode === 100) {
|
|
||||||
this.juniorSummaryData = resp.data;
|
|
||||||
}
|
}
|
||||||
},
|
|
||||||
|
|
||||||
// 加载数据的方法
|
|
||||||
async loadData() {
|
|
||||||
if (this.loading) return; // 如果正在加载，则不重复加载
|
|
||||||
this.loading = true; // 设置加载状态为true
|
|
||||||
try {
|
|
||||||
// 模拟异步获取数据，实际应用中应该替换为你的数据获取逻辑，例如API调用
|
|
||||||
const newData = await this.fetchData();
|
|
||||||
if (newData.entitys && newData.entitys.length !== 0) {
|
|
||||||
const data = newData.entitys.map(item => ({ ...item, isOpen: false }));
|
|
||||||
this.listData = [...this.listData, ...data]; // 将新数据添加到列表中
|
|
||||||
this.form.page++; // 页码加1
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error('加载数据失败:', error);
|
|
||||||
} finally {
|
|
||||||
this.loading = false; // 设置加载状态为false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 模拟获取数据的方法，实际应用中应该替换为你的数据获取逻辑，例如从服务器获取数据
|
|
||||||
async fetchData() {
|
|
||||||
const params = {
|
|
||||||
...this.form,
|
|
||||||
}
|
|
||||||
const data = await getCascadeJunior(params);
|
|
||||||
if (data && data.bizcode === 100 && data.data) {
|
|
||||||
return data.data
|
|
||||||
} else {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 当滚动到底部时触发的方法
|
|
||||||
loadMore() {
|
|
||||||
this.loadData(); // 加载更多数据
|
|
||||||
},
|
|
||||||
/**
|
|
||||||
* 查询团队下级数据
|
|
||||||
* @param {Object} item
|
|
||||||
* @param {Object} index
|
|
||||||
*/
|
|
||||||
async queryLowerFun(item, index) {
|
|
||||||
const data = this.listData[index];
|
|
||||||
const type = !data.isOpen
|
|
||||||
if (type) {
|
|
||||||
const params = {
|
|
||||||
userId: item.userId,
|
|
||||||
}
|
|
||||||
const resp = await getJuniorSummary(params);
|
|
||||||
if (resp && resp.bizcode === 100) {
|
|
||||||
data.lowerData = resp.data;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
data.isOpen = type;
|
|
||||||
this.listData[index] = data;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.my_team_list {
|
.contract-view {
|
||||||
// height: calc(100vh - 58rpx);
|
|
||||||
// overflow: auto;
|
|
||||||
background-color: $app-bj;
|
|
||||||
|
|
||||||
.my_team_list_content {
|
|
||||||
padding: 30rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.team_list_card {
|
|
||||||
background-color: $app-bt-bj;
|
|
||||||
text-align: center;
|
|
||||||
color: rgba(255, 255, 255, 0.9);
|
|
||||||
padding: 40rpx;
|
|
||||||
border-radius: 15rpx;
|
|
||||||
margin-bottom: 20rpx;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.current_user_id {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background-color: #33333340;
|
|
||||||
padding: 10rpx;
|
|
||||||
font-size: 22rpx;
|
|
||||||
border-radius: 10rpx 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.current_user_tips {
|
|
||||||
position: absolute;
|
|
||||||
top: 20rpx;
|
|
||||||
right: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.amount_ {
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 58rpx;
|
|
||||||
color: rgba(255, 255, 255, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.amount_sum {
|
|
||||||
font-size: 23rpx;
|
|
||||||
color: rgba(255, 255, 255, 0.55);
|
|
||||||
}
|
|
||||||
|
|
||||||
.comm_fg {
|
|
||||||
border: 2rpx dashed rgba(255, 255, 255, 0.55);
|
|
||||||
margin: 20rpx 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.comm_fg_s {
|
|
||||||
width: 1rpx;
|
|
||||||
height: 35rpx;
|
|
||||||
background-color: rgba(255, 255, 255, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.people_number {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.people_number_item {
|
|
||||||
width: 30%;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
.title_ {
|
|
||||||
font-size: 23rpx;
|
|
||||||
color: rgba(255, 255, 255, 0.55);
|
|
||||||
line-height: 33rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value_ {
|
|
||||||
font-size: 38rpx;
|
|
||||||
color: rgba(255, 255, 255, 0.9);
|
|
||||||
line-height: 54rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.team_list_remarks {
|
|
||||||
font-size: 20rpx;
|
|
||||||
color: #9E9E9E;
|
|
||||||
margin-bottom: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.team_item {
|
|
||||||
margin-bottom: 20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.team_header {
|
|
||||||
display: flex;
|
|
||||||
align-content: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
border-radius: 8rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
padding: 20rpx;
|
|
||||||
|
|
||||||
.header_left_ {
|
|
||||||
display: flex;
|
|
||||||
align-items: inherit;
|
|
||||||
width: calc(100% - 70rpx);
|
|
||||||
}
|
|
||||||
|
|
||||||
.right_data {
|
|
||||||
margin-left: 10rpx;
|
|
||||||
// display: grid;
|
|
||||||
}
|
|
||||||
|
|
||||||
.name_ {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 30rpx;
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
|
|
||||||
.msg_ {
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #999999;
|
|
||||||
margin-top: 10rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.team_lower {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
background: #E9E9E9;
|
|
||||||
border-radius: 4px;
|
|
||||||
padding: 30rpx 20rpx;
|
|
||||||
|
|
||||||
.team_lower_fg {
|
|
||||||
border-right: 1px solid rgba(0, 0, 0, 0.26);
|
|
||||||
height: 36rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.team_lower_item {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title_ {
|
|
||||||
font-size: 10px;
|
|
||||||
color: rgba(0, 0, 0, 0.6);
|
|
||||||
}
|
|
||||||
|
|
||||||
.val_ {
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 14px;
|
|
||||||
color: rgba(0, 0, 0, 0.9);
|
|
||||||
margin-top: 20rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.team_content {
|
|
||||||
border-top: 1rpx solid #EEEEEE;
|
|
||||||
padding: 20rpx 0 0;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
.team_content_item {
|
|
||||||
width: 50%;
|
|
||||||
font-weight: 500;
|
|
||||||
display: flex;
|
|
||||||
margin-bottom: 10rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.team_content2_item {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: calc(100% - 88rpx - var(--status-bar-height));
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
overflow-y: auto;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
.bottom-view{
|
||||||
|
width:100%;
|
||||||
|
flex:1;
|
||||||
|
overflow-y: auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.bottom-box{
|
||||||
|
width:100%;
|
||||||
|
height:296rpx;
|
||||||
|
min-height:296rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
position: relative;
|
||||||
|
padding: 32rpx 28rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border:2rpx solid #eaeaea;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
margin-top:28rpx;
|
||||||
|
.bottom-bottom-panel{
|
||||||
|
margin-top:24rpx;
|
||||||
|
width:100%;
|
||||||
|
flex:1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
.bottom-bottom-box{
|
||||||
|
flex:1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.title_ {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #999999;
|
|
||||||
}
|
}
|
||||||
|
.bottom-top{
|
||||||
.content_ {
|
display: flex;
|
||||||
font-size: 26rpx;
|
flex-direction: row;
|
||||||
color: #333333;
|
align-items: center;
|
||||||
|
height:120rpx;
|
||||||
|
min-height:120rpx;
|
||||||
|
border-bottom:2rpx solid #F5F5F5;
|
||||||
|
.bottom-top-right{
|
||||||
|
height:88rpx;
|
||||||
|
flex:1;
|
||||||
|
margin-left:24rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
image{
|
||||||
|
width:88rpx;
|
||||||
|
min-width:88rpx;
|
||||||
|
height:88rpx;
|
||||||
|
display: flex;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_1 {
|
}
|
||||||
margin-bottom: 40rpx;
|
}
|
||||||
|
.top-text-view{
|
||||||
|
width:100%;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
margin-top:12rpx;
|
||||||
|
.icon-img{
|
||||||
|
width:20rpx;
|
||||||
|
height:20rpx;
|
||||||
|
margin-right:12rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.top-panel{
|
||||||
|
margin-top:16rpx;
|
||||||
|
width:100%;
|
||||||
|
height:186rpx;
|
||||||
|
display: flex;
|
||||||
|
min-height:16rpx;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
image{
|
||||||
|
width:100%;
|
||||||
|
height:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content_2 {
|
|
||||||
text-align: left;
|
|
||||||
margin-top: 10rpx;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -0,0 +1,415 @@
|
|||||||
|
<template>
|
||||||
|
<view class="my_team_list">
|
||||||
|
<Header :leftTitle="$t('mine.my.team.title')" left-path-type="navigateTo" :leftPath="leftPath" />
|
||||||
|
<view class="my_team_list_content">
|
||||||
|
<view class="team_list_card">
|
||||||
|
<view class="amount_">{{ (juniorSummaryData && juniorSummaryData.teamAmount) || 0 }}</view>
|
||||||
|
<view class="amount_sum">总订单金额</view>
|
||||||
|
<view class="comm_fg"></view>
|
||||||
|
<view class="people_number">
|
||||||
|
<view class="people_number_item">
|
||||||
|
<view class="title_">总人数</view>
|
||||||
|
<view class="value_">{{ (juniorSummaryData && juniorSummaryData.teamCount) || 0 }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="comm_fg_s"></view>
|
||||||
|
<view class="people_number_item">
|
||||||
|
<view class="title_">推广人数</view>
|
||||||
|
<view class="value_">{{ (juniorSummaryData && juniorSummaryData.ztCount) || 0 }}</view>
|
||||||
|
</view>
|
||||||
|
<!-- <view class="comm_fg_s"></view>
|
||||||
|
<view class="people_number_item">
|
||||||
|
<view class="title_">间推人数</view>
|
||||||
|
<view class="value_">{{ (juniorSummaryData && juniorSummaryData.jtCount) || 0 }}</view>
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
|
<view class="current_user_id" v-if="form.userId">当前用户ID：{{ form.userId }}</view>
|
||||||
|
<view class="current_user_tips">
|
||||||
|
<up-image src="/static/common/tips_b.png" width="20" height="20" bgColor="#f1f6ff00"
|
||||||
|
@click="openTcShow = true;" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="team_list_remarks">
|
||||||
|
<view>注：所有数据均截至到进入页面的时间为止，返回再进入页面数据会更新</view>
|
||||||
|
<view style="margin-left: 40rpx;">总订单金额统计的为所有已支付的订单金额</view>
|
||||||
|
</view>
|
||||||
|
<scroll-view scroll-y="true" @scrolltolower="loadMore" :style="{ 'height': 'calc(100vh - 500rpx)' }">
|
||||||
|
<view class="team_item" v-for="(item, index) in listData" :key="item.id" v-if="listData && listData.length">
|
||||||
|
<view class="team_header" @click="queryLowerFun(item, index)">
|
||||||
|
<view class="header_left_">
|
||||||
|
<view style="margin-top: 10rpx;">
|
||||||
|
<up-image :src="item.userUrl || '/static/logo.png'" width="50" height="50" bgColor="#f1f6ff00"
|
||||||
|
shape="circle" radius='16'></up-image>
|
||||||
|
</view>
|
||||||
|
<view class="right_data">
|
||||||
|
<view class="name_">{{ item.userName || '信任桥优品用户' }}（{{ item.gradeName }}）</view>
|
||||||
|
<view class="msg_">
|
||||||
|
ID:{{ item.userId }}
|
||||||
|
</view>
|
||||||
|
<view class="msg_">
|
||||||
|
注册时间：{{ formatDate(item.registTime) }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<up-image src="/static/common/right_x.png" width="20" height="20" bgColor="#f1f6ff00" radius='16'
|
||||||
|
v-if="!item.isOpen"></up-image>
|
||||||
|
<up-image src="/static/common/buttom_x.png" width="20" height="20" bgColor="#f1f6ff00" radius='16'
|
||||||
|
v-else></up-image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="padding: 10rpx;" v-if="item.isOpen && item.lowerData">
|
||||||
|
<view class="team_lower">
|
||||||
|
<view class="team_lower_item">
|
||||||
|
<view class="title_">总订单金额</view>
|
||||||
|
<view class="val_">{{ item.lowerData.teamAmount }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="team_lower_fg"></view>
|
||||||
|
<view class="team_lower_item">
|
||||||
|
<view class="title_">直推人数</view>
|
||||||
|
<view class="val_">{{ item.lowerData.ztCount }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="team_lower_fg"></view>
|
||||||
|
<view class="team_lower_item">
|
||||||
|
<view class="title_">间推人数</view>
|
||||||
|
<view class="val_">{{ item.lowerData.jtCount }}</view>
|
||||||
|
</view>
|
||||||
|
<view class="team_lower_fg"></view>
|
||||||
|
<view class="team_lower_item">
|
||||||
|
<view class="title_">总人数</view>
|
||||||
|
<view class="val_">{{ item.lowerData.teamCount }}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view v-else class="not_order_warp">
|
||||||
|
<up-image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/not_order.png" width="80" height="80"
|
||||||
|
bgColor="#f1f6ff00"></up-image>
|
||||||
|
<view class="not_order_msg_warp">暂无数据</view>
|
||||||
|
</view>
|
||||||
|
<view v-if="royaltyLoading" style="text-align: center;">加载中...</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
<!-- 提成统计 -->
|
||||||
|
<up-modal :show="openTcShow" :showConfirmButton="false">
|
||||||
|
<view class="slot-content">
|
||||||
|
<view class="close_warp" @click="openTcShow = false;">
|
||||||
|
<up-image src="/static/common/close.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
|
||||||
|
</view>
|
||||||
|
<view class="content_">
|
||||||
|
<view class="content_1">温馨提示</view>
|
||||||
|
<view class="content_2">1、页面数据截至到进入该页面的时间统计</view>
|
||||||
|
<view class="content_2">2、当前页面数据为主用户的数据</view>
|
||||||
|
<view class="content_2">3、下方显示为全部的直推用户，点击后可跳转他/她的团队数据页，查看他/她的直推数据（也就是我的间推）</view>
|
||||||
|
</view>
|
||||||
|
<view class="but_">
|
||||||
|
<view class="but_copy" @click="openTcShow = false;">确定</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</up-modal>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getCascadeJunior, getJuniorSummary } from '@/api/team.js';
|
||||||
|
import { formatDate } from '@/utils/index.js';
|
||||||
|
import Header from '@/components/header.vue';
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: { Header },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
userId: 0,
|
||||||
|
page: 1,
|
||||||
|
pageSize: 15,
|
||||||
|
},
|
||||||
|
loading: false,
|
||||||
|
listData: [],
|
||||||
|
juniorSummaryData: {},// 统计
|
||||||
|
leftPath: "/pages/mine_package/mine_my_team_list/mine_my_team_list",
|
||||||
|
openTcShow: false,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad(option) {
|
||||||
|
const id = option.id;
|
||||||
|
if (id && id !== "null") {
|
||||||
|
this.form.userId = id;
|
||||||
|
} else {
|
||||||
|
this.leftPath = '/pages/mine_package/mine_my_team/mine_my_team';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.loadData();
|
||||||
|
this.getJuniorSummary();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
formatDate,
|
||||||
|
jumpNextLevel(item) {
|
||||||
|
const path = "/pages/mine_package/mine_my_team_list/mine_my_team_list?id=" + item.userId;
|
||||||
|
this.leftPath = path;
|
||||||
|
uni.navigateTo({
|
||||||
|
url: path,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 查询统计数据
|
||||||
|
*/
|
||||||
|
async getJuniorSummary() {
|
||||||
|
const resp = await getJuniorSummary();
|
||||||
|
console.log("getJuniorSummary", resp);
|
||||||
|
if (resp && resp.bizcode === 100) {
|
||||||
|
this.juniorSummaryData = resp.data;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 加载数据的方法
|
||||||
|
async loadData() {
|
||||||
|
if (this.loading) return; // 如果正在加载，则不重复加载
|
||||||
|
this.loading = true; // 设置加载状态为true
|
||||||
|
try {
|
||||||
|
// 模拟异步获取数据，实际应用中应该替换为你的数据获取逻辑，例如API调用
|
||||||
|
const newData = await this.fetchData();
|
||||||
|
if (newData.entitys && newData.entitys.length !== 0) {
|
||||||
|
const data = newData.entitys.map(item => ({ ...item, isOpen: false }));
|
||||||
|
this.listData = [...this.listData, ...data]; // 将新数据添加到列表中
|
||||||
|
this.form.page++; // 页码加1
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('加载数据失败:', error);
|
||||||
|
} finally {
|
||||||
|
this.loading = false; // 设置加载状态为false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 模拟获取数据的方法，实际应用中应该替换为你的数据获取逻辑，例如从服务器获取数据
|
||||||
|
async fetchData() {
|
||||||
|
const params = {
|
||||||
|
...this.form,
|
||||||
|
}
|
||||||
|
const data = await getCascadeJunior(params);
|
||||||
|
if (data && data.bizcode === 100 && data.data) {
|
||||||
|
return data.data
|
||||||
|
} else {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 当滚动到底部时触发的方法
|
||||||
|
loadMore() {
|
||||||
|
this.loadData(); // 加载更多数据
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 查询团队下级数据
|
||||||
|
* @param {Object} item
|
||||||
|
* @param {Object} index
|
||||||
|
*/
|
||||||
|
async queryLowerFun(item, index) {
|
||||||
|
const data = this.listData[index];
|
||||||
|
const type = !data.isOpen
|
||||||
|
if (type) {
|
||||||
|
const params = {
|
||||||
|
userId: item.userId,
|
||||||
|
}
|
||||||
|
const resp = await getJuniorSummary(params);
|
||||||
|
if (resp && resp.bizcode === 100) {
|
||||||
|
data.lowerData = resp.data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
data.isOpen = type;
|
||||||
|
this.listData[index] = data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.my_team_list {
|
||||||
|
// height: calc(100vh - 58rpx);
|
||||||
|
// overflow: auto;
|
||||||
|
background-color: $app-bj;
|
||||||
|
|
||||||
|
.my_team_list_content {
|
||||||
|
padding: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team_list_card {
|
||||||
|
background-color: $app-bt-bj;
|
||||||
|
text-align: center;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
padding: 40rpx;
|
||||||
|
border-radius: 15rpx;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.current_user_id {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
background-color: #33333340;
|
||||||
|
padding: 10rpx;
|
||||||
|
font-size: 22rpx;
|
||||||
|
border-radius: 10rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.current_user_tips {
|
||||||
|
position: absolute;
|
||||||
|
top: 20rpx;
|
||||||
|
right: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.amount_ {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 58rpx;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.amount_sum {
|
||||||
|
font-size: 23rpx;
|
||||||
|
color: rgba(255, 255, 255, 0.55);
|
||||||
|
}
|
||||||
|
|
||||||
|
.comm_fg {
|
||||||
|
border: 2rpx dashed rgba(255, 255, 255, 0.55);
|
||||||
|
margin: 20rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comm_fg_s {
|
||||||
|
width: 1rpx;
|
||||||
|
height: 35rpx;
|
||||||
|
background-color: rgba(255, 255, 255, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.people_number {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.people_number_item {
|
||||||
|
width: 30%;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
.title_ {
|
||||||
|
font-size: 23rpx;
|
||||||
|
color: rgba(255, 255, 255, 0.55);
|
||||||
|
line-height: 33rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.value_ {
|
||||||
|
font-size: 38rpx;
|
||||||
|
color: rgba(255, 255, 255, 0.9);
|
||||||
|
line-height: 54rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.team_list_remarks {
|
||||||
|
font-size: 20rpx;
|
||||||
|
color: #9E9E9E;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team_item {
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team_header {
|
||||||
|
display: flex;
|
||||||
|
align-content: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 8rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
padding: 20rpx;
|
||||||
|
|
||||||
|
.header_left_ {
|
||||||
|
display: flex;
|
||||||
|
align-items: inherit;
|
||||||
|
width: calc(100% - 70rpx);
|
||||||
|
}
|
||||||
|
|
||||||
|
.right_data {
|
||||||
|
margin-left: 10rpx;
|
||||||
|
// display: grid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name_ {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.msg_ {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999999;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.team_lower {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
background: #E9E9E9;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 30rpx 20rpx;
|
||||||
|
|
||||||
|
.team_lower_fg {
|
||||||
|
border-right: 1px solid rgba(0, 0, 0, 0.26);
|
||||||
|
height: 36rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team_lower_item {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title_ {
|
||||||
|
font-size: 10px;
|
||||||
|
color: rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.val_ {
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 14px;
|
||||||
|
color: rgba(0, 0, 0, 0.9);
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.team_content {
|
||||||
|
border-top: 1rpx solid #EEEEEE;
|
||||||
|
padding: 20rpx 0 0;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.team_content_item {
|
||||||
|
width: 50%;
|
||||||
|
font-weight: 500;
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team_content2_item {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title_ {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content_ {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content_1 {
|
||||||
|
margin-bottom: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content_2 {
|
||||||
|
text-align: left;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -4,7 +4,7 @@
|
|||||||
left-path="/pages/mine_package/mine_purse/mine_purse" />
|
left-path="/pages/mine_package/mine_purse/mine_purse" />
|
||||||
|
|
||||||
<view class="info_warp">
|
<view class="info_warp">
|
||||||
<view v-if="form.category !== 'redpacket'">
|
<view v-if="form.category !== 'redpacket' && infoList.length > 1">
|
||||||
<view class="info_title_warp">
|
<view class="info_title_warp">
|
||||||
<view :class="selInfo === item.key ? 'info_title_item_warp info_title_item_sel_warp' : 'info_title_item_warp'"
|
<view :class="selInfo === item.key ? 'info_title_item_warp info_title_item_sel_warp' : 'info_title_item_warp'"
|
||||||
v-for="item in infoList" :key="item.key" @click="selectInfo(item)">
|
v-for="item in infoList" :key="item.key" @click="selectInfo(item)">
|
||||||
@@ -16,9 +16,7 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<view v-if="form.category === 'raffle'">
|
||||||
<view
|
|
||||||
v-if="form.category === 'vcoin' || form.category === 'balance' || form.category === 'expend' || form.category === 'raffle'">
|
|
||||||
|
|
||||||
<view class="info_center_warp">
|
<view class="info_center_warp">
|
||||||
<view class="info_center_warp-item" v-for="item in source">
|
<view class="info_center_warp-item" v-for="item in source">
|
||||||
@@ -29,6 +27,36 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="line"></view>
|
<view class="line"></view>
|
||||||
</view>
|
</view>
|
||||||
|
<view v-if="source.length ">
|
||||||
|
<view class="icon-top-view" v-if="form.category == 'expend' || form.category == 'balance'">
|
||||||
|
<view class="top-view">
|
||||||
|
<view class="top-left-view">
|
||||||
|
<text class="text-36 text-zu1 text-bold">{{headerData[source[0].key]}}</text>
|
||||||
|
<text class="text-24 text-fu1">{{source[0].name}}</text>
|
||||||
|
<text class="text-36 text-zu1 text-bold" style="margin-top:40rpx">{{headerData[source[2].key]}}</text>
|
||||||
|
<text class="text-24 text-fu1">{{source[2].name}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="top-left-view" style="border-width: 0;">
|
||||||
|
<text class="text-36 text-zu1 text-bold">{{headerData[source[1].key]}}</text>
|
||||||
|
<text class="text-24 text-fu1">{{source[1].name}}</text>
|
||||||
|
<text class="text-36 text-zu1 text-bold" style="margin-top:40rpx">{{headerData[source[3].key]}}</text>
|
||||||
|
<text class="text-24 text-fu1">{{source[3].name}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="icon-top-view" style="height:178rpx;min-height:178rpx;margin-top:24rpx" v-if="form.category == 'vcoin'">
|
||||||
|
<view class="top-view">
|
||||||
|
<view class="top-left-view">
|
||||||
|
<text class="text-36 text-zu1 text-bold">{{headerData[source[0].key]}}</text>
|
||||||
|
<text class="text-24 text-fu1">{{source[0].name}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="top-left-view" style="border-width: 0;">
|
||||||
|
<text class="text-36 text-zu1 text-bold">{{headerData[source[1].key]}}</text>
|
||||||
|
<text class="text-24 text-fu1">{{source[1].name}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -119,28 +147,30 @@ export default {
|
|||||||
name: "活期账户",
|
name: "活期账户",
|
||||||
key: "cur"
|
key: "cur"
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
name: "预存款账户",
|
// name: "预存款账户",
|
||||||
key: "pre"
|
// key: "pre"
|
||||||
},
|
// },
|
||||||
]
|
]
|
||||||
this.source = [
|
this.source = [
|
||||||
{
|
{
|
||||||
name: "今日分红数量",
|
name: "共享资金池余额",
|
||||||
key: "todayBonus"
|
key: "poolBonus"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "总分红数量",
|
name: "平台已分享金额",
|
||||||
key: "totalBonus"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "平台总分红",
|
|
||||||
key: "totalMallBonus"
|
key: "totalMallBonus"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "共享资金池剩余",
|
name: "今日分享金额",
|
||||||
key: "poolBonus"
|
key: "todayBonus"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: "总分享金额",
|
||||||
|
key: "totalBonus"
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -157,18 +187,18 @@ export default {
|
|||||||
key: "lockAmount"
|
key: "lockAmount"
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
// {
|
||||||
name: "预存款账户",
|
// name: "预存款账户",
|
||||||
key: "pre"
|
// key: "pre"
|
||||||
},
|
// },
|
||||||
]
|
]
|
||||||
this.source = [
|
this.source = [
|
||||||
{
|
{
|
||||||
name: "商城总挖矿数量",
|
name: "商城积分总量",
|
||||||
key: "mallTotalMiningSum"
|
key: "mallTotalMiningSum"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "已兑换数量",
|
name: "已解锁数量",
|
||||||
key: "exchangeNumber"
|
key: "exchangeNumber"
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
@@ -183,10 +213,10 @@ export default {
|
|||||||
name: "活期账户",
|
name: "活期账户",
|
||||||
key: "cur"
|
key: "cur"
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
name: "预存款账户",
|
// name: "预存款账户",
|
||||||
key: "pre"
|
// key: "pre"
|
||||||
},
|
// },
|
||||||
]
|
]
|
||||||
|
|
||||||
this.source = [
|
this.source = [
|
||||||
@@ -199,7 +229,7 @@ export default {
|
|||||||
key: "totalValue"
|
key: "totalValue"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "商城日贡献",
|
name: "今日商城日贡献",
|
||||||
key: "todayMallValue"
|
key: "todayMallValue"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -223,24 +253,24 @@ export default {
|
|||||||
key: "lockAmount"
|
key: "lockAmount"
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
// {
|
||||||
name: "预存款账户",
|
// name: "预存款账户",
|
||||||
key: "pre"
|
// key: "pre"
|
||||||
},
|
// },
|
||||||
];
|
];
|
||||||
this.source = [
|
this.source = [
|
||||||
{
|
// {
|
||||||
name: "可用次数",
|
// name: "可用次数",
|
||||||
key: "curAmount"
|
// key: "curAmount"
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
name: "锁定次数",
|
// name: "锁定次数",
|
||||||
key: "lockAmount"
|
// key: "lockAmount"
|
||||||
},
|
// },
|
||||||
{
|
// {
|
||||||
name: "预发放次数",
|
// name: "预发放次数",
|
||||||
key: "preAmount"
|
// key: "preAmount"
|
||||||
}
|
// }
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -339,11 +369,15 @@ export default {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
selectInfo(item) {
|
selectInfo(item = null) {
|
||||||
|
// if(item == null){
|
||||||
|
// item.key = 'cur'
|
||||||
|
// }
|
||||||
this.orderList = [];
|
this.orderList = [];
|
||||||
this.form.page = 1;
|
this.form.page = 1;
|
||||||
this.selInfo = item.key;
|
this.selInfo = item.key;
|
||||||
let id = 0;
|
let id = 0;
|
||||||
|
|
||||||
if (item.key === "cur") {
|
if (item.key === "cur") {
|
||||||
id = this.curId;
|
id = this.curId;
|
||||||
}
|
}
|
||||||
@@ -412,6 +446,33 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
|
.icon-top-view{
|
||||||
|
width:100%;
|
||||||
|
height:298rpx;
|
||||||
|
min-height:298rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
display: flex;
|
||||||
|
.top-view{
|
||||||
|
width:100%;
|
||||||
|
height:100%;
|
||||||
|
display: flex;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
border: 2rpx solid rgba(121,52,246,0.08);
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 52rpx 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.top-left-view{
|
||||||
|
flex:1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border-right: 2px solid #F5F5F5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
.mine_purse_log_warp {
|
.mine_purse_log_warp {
|
||||||
height: calc(100vh - var(--status-bar-height));
|
height: calc(100vh - var(--status-bar-height));
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<TopSafe></TopSafe>
|
<TopSafe></TopSafe>
|
||||||
<Header :isMid="true" borderWidth="1rpx" >
|
<Header :isMid="true" >
|
||||||
<template v-slot:mid>
|
<template v-slot:mid>
|
||||||
<view class="top-view">
|
<view class="top-view">
|
||||||
<view class="top-box-view flex-c" :style="{
|
<view class="top-box-view flex-c" :style="{
|
||||||
@@ -15,53 +15,146 @@
|
|||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
</Header>
|
</Header>
|
||||||
<view class="contract-view">
|
<view class="top-line"></view>
|
||||||
<view class="tu-view" v-if="topSelect == 0">
|
<view class="contract-view" v-if="topSelect == 0">
|
||||||
|
<view class="top-head">
|
||||||
|
<text class="text-32 text-zu1 text-bold">股权分布</text>
|
||||||
|
<text class="text-28 text-fu">51%的股权回馈消费者（免费赠予），股权以数字积分形式发放。</text>
|
||||||
|
</view>
|
||||||
|
<view class="tu-view">
|
||||||
|
<!-- <view class="tu-box"> -->
|
||||||
<qiun-data-charts
|
<qiun-data-charts
|
||||||
type="ring"
|
type="ring"
|
||||||
canvasId="four_b"
|
canvasId="four_one"
|
||||||
:canvas2d="isCanvas2d"
|
:canvas2d="isCanvas2d"
|
||||||
:resshow="delayload"
|
:resshow="delayload"
|
||||||
:opts="{legend:{position: 'bottom'},title:{name: '',},subtitle: {name: ''}}"
|
:opts="oneOps"
|
||||||
:chartData="dataSeries"/>
|
:chartData="oneData"/>
|
||||||
</view>
|
<!-- </view>
|
||||||
|
|
||||||
<view class="bottom-panel" v-if="topSelect == 0">
|
<view class="zi-box" v-for="(item,index) in oneData.series" :key="index"
|
||||||
<view class="flex-col mt-24" style="width:50%" v-for="(item,index) in data" :key="item">
|
:style="{top:item.top,left:index == 0 ? item.left : 'auto',right:index != 0 ? item.right : 'none'}">
|
||||||
<view class="flex-r">
|
<text class="text-28" :style="{color:item.color,'text-align':index == 0 ? 'start' : 'end'}">{{item.data}}%</text>
|
||||||
<view class="yuan" :style="{background:dataColor[index]}"></view>
|
<text class="text-28" :style="{color:item.color}">{{item.name}}</text>
|
||||||
<text class="text-28 text-zu" style="margin-left:10rpx">{{item.name}}</text>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
<text class="text-24 text-fu" style="margin-top:12rpx">
|
<view class="top-line"></view>
|
||||||
总营收分红占比:
|
<view class="top-head">
|
||||||
<text :style="{color:dataColor[index]}">{{item.value}}%</text>
|
<text class="text-32 text-zu1 text-bold">股权分布</text>
|
||||||
|
<text class="text-28 text-fu">51%的股权分五期赠送，前4期每期10%，第五期11%其他分配则为：投资机构，基金会，活动激励，运营团队，推广奖励的集合。</text>
|
||||||
</text>
|
|
||||||
</view>
|
</view>
|
||||||
|
<view class="tu-view">
|
||||||
</view>
|
|
||||||
<view class="tu-view" v-if="topSelect == 1">
|
|
||||||
<qiun-data-charts
|
<qiun-data-charts
|
||||||
type="ring"
|
type="ring"
|
||||||
canvasId="four_b"
|
canvasId="four_two"
|
||||||
:canvas2d="isCanvas2d"
|
:canvas2d="isCanvas2d"
|
||||||
:resshow="delayload"
|
:resshow="delayload"
|
||||||
:opts="{legend:{position: 'bottom'},title:{name: '',},subtitle: {name: ''}}"
|
:opts="twoOps"
|
||||||
:chartData="dataSeriesTwo"/>
|
:chartData="twoData"/>
|
||||||
</view>
|
</view>
|
||||||
<view class="bottom-panel" v-if="topSelect == 1">
|
<view class="bottom-view">
|
||||||
<view class="flex-col mt-24" style="width:50%" v-for="(item,index) in dataTwo" :key="item">
|
<text class="text-32 text-zu1 text-bold">免费赠予详细规则</text>
|
||||||
<view class="flex-r">
|
<view class="bottom-head">
|
||||||
<view class="yuan" :style="{background:dataTwoColor[index]}"></view>
|
<view class="head-one">
|
||||||
<text class="text-28 text-zu" style="margin-left:10rpx">{{item.name}}</text>
|
<text class="text-24 text-fu">期数</text>
|
||||||
</view>
|
</view>
|
||||||
<text class="text-24 text-fu" style="margin-top:12rpx">
|
<view class="head-two">
|
||||||
占比:
|
<text class="text-24 text-fu">赠予规则</text>
|
||||||
<text :style="{color:dataTwoColor[index]}">{{item.value}}%</text>
|
</view>
|
||||||
|
<view class="head-three">
|
||||||
|
<text class="text-24 text-fu">开启下一期规则</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottom-value-view">
|
||||||
|
<view class="bottom-value-view-row" v-for="(item,index) in oneList" :key="index">
|
||||||
|
<view class="head-one-one" :style="{'border-radius':index == 4 ? '0 0 0 16rpx' : 0,}">
|
||||||
|
<text class="text-24 text-fu">{{item.one}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="head-two-two">
|
||||||
|
<text class="text-24 text-fu">{{item.two}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="head-three-three"
|
||||||
|
:style="{'border-radius':index == 4 ? '0 0 16rpx 0' : 0,'border-left-color':index == 0 ? '#eaeaea' : 'rgba(0,0,0,0)'}">
|
||||||
|
<text class="text-24 text-fu">{{item.three}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="contract-view" v-if="topSelect == 1 && curData">
|
||||||
|
<view class="top-head-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.totalProfitSharing || 0}}</text>
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="top-line"></view>
|
||||||
|
<view class="top-head">
|
||||||
|
<text class="text-32 text-zu1 text-bold">商城分配数据</text>
|
||||||
|
</view>
|
||||||
|
<view class="tu-view">
|
||||||
|
<qiun-data-charts
|
||||||
|
v-if="threeData.series.length"
|
||||||
|
type="ring"
|
||||||
|
canvasId="four_three"
|
||||||
|
:canvas2d="isCanvas2d"
|
||||||
|
:resshow="delayload"
|
||||||
|
:opts="threeOps"
|
||||||
|
:chartData="threeData"/>
|
||||||
|
</view>
|
||||||
|
<view class="bottom-view">
|
||||||
|
<text class="text-32 text-zu1 text-bold">分配明细数据</text>
|
||||||
|
<view class="bottom-head">
|
||||||
|
<view class="head-one" style="width:278rpx">
|
||||||
|
<text class="text-24 text-fu">名称</text>
|
||||||
|
</view>
|
||||||
|
<view class="head-two" style="width:234rpx">
|
||||||
|
<text class="text-24 text-fu">金额</text>
|
||||||
|
</view>
|
||||||
|
<view class="head-three">
|
||||||
|
<text class="text-24 text-fu">占比</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottom-value-view">
|
||||||
|
<view class="bottom-value-view-row" v-for="(item,index) in threeData.series" :key="index">
|
||||||
|
<view class="head-one-one" style="width:278rpx" :style="{'border-radius':index == 4 ? '0 0 0 16rpx' : 0,}">
|
||||||
|
<text class="text-24 text-fu">{{item.name}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="head-two-two" style="width:234rpx">
|
||||||
|
<text class="text-24 text-fu">{{item.amount}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="head-three-three"
|
||||||
|
:style="{'border-radius':index == 4 ? '0 0 16rpx 0' : 0}">
|
||||||
|
<text class="text-24 text-fu">{{item.data}}%</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="top-line" style="margin-top:20rpx;"></view>
|
||||||
|
<view class="top-head">
|
||||||
|
<text class="text-32 text-zu1 text-bold">商城营收数据</text>
|
||||||
|
</view>
|
||||||
|
<view class="tab-view-one">
|
||||||
|
<view v-for="(item,index) in tabOne" :key="index" @click="onOne(index)" :style="{
|
||||||
|
background:index == curOne ? 'rgba(121, 52, 246, 0.1)' : '#F5F5F5'
|
||||||
|
}">
|
||||||
|
<text class="text-24 text-zi" :style="{color:index == curOne ? '#7934F6' : '#999'}">{{item}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="tu-view" style="margin-top:32rpx">
|
||||||
|
<qiun-data-charts type="area" :opts="fourOps" :chartData="fourData"/>
|
||||||
|
</view>
|
||||||
|
<view class="tab-view-two">
|
||||||
|
<view class="tab-view-two-two" v-for="(item,index) in tabTwo" :key="index" @click="onTwo(index)" >
|
||||||
|
<text class="text-32 text-zi" style="font-weight: 500;" :style="{color:index == curTwo ? '#7934F6' : '#999'}">{{item}}</text>
|
||||||
|
<view class="line-view" v-if="index == curTwo"></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="top-head">
|
||||||
|
<text class="text-32 text-zu1 text-bold">已分配总额：{{fiveTotal}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="tu-view" style="margin:32rpx 0">
|
||||||
|
<qiun-data-charts type="area" :opts="fourOps" :chartData="fiveData"/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -70,9 +163,8 @@
|
|||||||
<script>
|
<script>
|
||||||
import Header from '@/components/common/header.vue';
|
import Header from '@/components/common/header.vue';
|
||||||
import TopSafe from '@/components/common/top-safe.nvue'
|
import TopSafe from '@/components/common/top-safe.nvue'
|
||||||
import * as echarts from 'echarts'
|
|
||||||
import func from '@/utils/func.js';
|
import func from '@/utils/func.js';
|
||||||
|
import { getProfitSharingData } from '@/api/finance.js'
|
||||||
export default {
|
export default {
|
||||||
components: { Header,TopSafe },
|
components: { Header,TopSafe },
|
||||||
data() {
|
data() {
|
||||||
@@ -81,141 +173,118 @@ export default {
|
|||||||
topList:[
|
topList:[
|
||||||
'股权架构','营收数据'
|
'股权架构','营收数据'
|
||||||
],
|
],
|
||||||
|
tabOne:['每日','每月'],
|
||||||
|
curOne:0,
|
||||||
|
tabTwo:['数字积分','贡献共享计划'],
|
||||||
|
curTwo:0,
|
||||||
delayload: false,
|
delayload: false,
|
||||||
myChart:null,
|
oneList:[
|
||||||
myChartTwo:null,
|
{one:'第一期',two:'商城优选区消费1:1获得贡献值，每消费1元获得1贡献值，次日根据当日商城营收占比获得数字积分直推用户消费10:1获得贡献值，直推用户优选区每消费10元您将获得1积分',three:'4000万数字积分分配完成则开启第2期'},
|
||||||
data: [
|
{one:'第二期',two:'待定，敬请期待',three:''},
|
||||||
{ value: '10', name: '用户股东第一期' },
|
{one:'第三期',two:'待定，敬请期待',three:''},
|
||||||
{ value: '10', name: '用户股东第二期' },
|
{one:'第四期',two:'待定，敬请期待',three:''},
|
||||||
{ value: '10', name: '用户股东第三期' },
|
{one:'第五期',two:'待定，敬请期待',three:''},
|
||||||
{ value: '10', name: '用户股东第四期' },
|
|
||||||
{ value: '11', name: '用户股东第五期' },
|
|
||||||
{ value: '10', name: '推广奖励' },
|
|
||||||
{ value: '10', name: '运营团队' },
|
|
||||||
{ value: '10', name: '活动激励' },
|
|
||||||
{ value: '9', name: '投资机构' },
|
|
||||||
{ value: '10', name: '基金会' },
|
|
||||||
|
|
||||||
],
|
],
|
||||||
dataSeries:{
|
oneOps:{
|
||||||
series:[
|
label:{show:false},
|
||||||
{
|
legend:{show:false},
|
||||||
"name": "用户股东第一期",
|
title:{name: '100%',fontSize:16,color:'#333',},
|
||||||
"data": 10,
|
subtitle: {name: '股权分布',fontSize:12,color:'#666',},
|
||||||
"color":"#FF8400"
|
extra: {
|
||||||
|
ring: {
|
||||||
|
ringWidth: 60,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"name": "用户股东第二期",
|
|
||||||
"data": 10,
|
|
||||||
"color":"#6136FF"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "用户股东第三期",
|
|
||||||
"data": 10,
|
|
||||||
"color":"#19CEB3"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "用户股东第四期",
|
|
||||||
"data": 10,
|
|
||||||
"color":"#F1B900"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "用户股东第五期",
|
|
||||||
"data": 11,
|
|
||||||
"color":"#AE9BF5"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "推广奖励",
|
|
||||||
"data": 10,
|
|
||||||
"color":"#94F7A1"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "运营团队",
|
|
||||||
"data": 10,
|
|
||||||
"color":"#006EFF"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "投资机构",
|
|
||||||
"data": 10,
|
|
||||||
"color":"#FF2440"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "活动激励",
|
|
||||||
"data": 9,
|
|
||||||
"color":"#00A776"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "基金会",
|
|
||||||
"data": 10,
|
|
||||||
"color":"#FF2440"
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
oneData:{
|
||||||
|
series:[
|
||||||
|
{"name": "免费赠予消费者","data": 51,"color":"#7934F6",top:'108rpx',left:'32rpx'},
|
||||||
|
{"name": "投资机构","data": 9,"color":"#AF39C4",top:0,right:'32rpx'},
|
||||||
|
{"name": "基金会","data": 10,"color":"#0370FF",top:'108rpx',right:'32rpx'},
|
||||||
|
{"name": "活动激励","data": 10,"color":"#00A6CC",top:'208rpx',right:'32rpx'},
|
||||||
|
{"name": "运营团队","data": 10,"color":"#FFA700",top:'314rpx',right:'32rpx'},
|
||||||
|
{"name": "推广奖励","data": 10,"color":"#00A776",top:'402rpx',right:'32rpx'},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
dataSeriesTwo:{
|
twoOps:{
|
||||||
series:[
|
legend:{show:false},
|
||||||
{
|
title:{name: '100%',fontSize:16,color:'#333',},
|
||||||
"name": "成本",
|
subtitle: {name: '五期分配比例',fontSize:12,color:'#666',},
|
||||||
"data": 25,
|
extra: {
|
||||||
"color":"#FF8400"
|
ring: {
|
||||||
|
ringWidth: 60,
|
||||||
},
|
},
|
||||||
{
|
|
||||||
"name": "分红",
|
|
||||||
"data": 15,
|
|
||||||
"color":"#6136FF"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "销售增值税",
|
|
||||||
"data": 13,
|
|
||||||
"color":"#19CEB3"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "市场激励",
|
|
||||||
"data": 12,
|
|
||||||
"color":"#F1B900"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "次年发展资金",
|
|
||||||
"data": 10.5,
|
|
||||||
"color":"#AE9BF5"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "RWA市值管理",
|
|
||||||
"data": 10,
|
|
||||||
"color":"#94F7A1"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "股标护盘",
|
|
||||||
"data": 5,
|
|
||||||
"color":"#006EFF"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "交易激励",
|
|
||||||
"data": 5,
|
|
||||||
"color":"#FF2440"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "年终分红",
|
|
||||||
"data": 4.5,
|
|
||||||
"color":"#00A776"
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
twoData:{
|
||||||
|
series:[
|
||||||
|
{"name": "其他分配集合","data": 49,"color":"#7934F6"},
|
||||||
|
{"name": "第一期","data": 10,"color":"#AF39C4"},
|
||||||
|
{"name": "第二期","data": 10,"color":"#0370FF"},
|
||||||
|
{"name": "第三期","data": 10,"color":"#00A6CC"},
|
||||||
|
{"name": "第四期","data": 10,"color":"#FFA700"},
|
||||||
|
{"name": "第五期","data": 11,"color":"#00A776"},
|
||||||
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
dataColor:['#FF8400','#6136FF', '#19CEB3', '#F1B900',
|
threeData:{
|
||||||
'#AE9BF5','#94F7A1','#006EFF','#FF2440','#00A776','#FF2440'],
|
series:[]
|
||||||
dataTwo:[
|
},
|
||||||
{ value: '25', name: '成本' },
|
threeOps:{
|
||||||
{ value: '15', name: '消费贡献共享计划' },
|
legend:{show:false},
|
||||||
{ value: '13', name: '销售增值税' },
|
title:{name: '100%',fontSize:16,color:'#333',},
|
||||||
{ value: '12', name: '市场激励' },
|
subtitle: {name: '分配分布',fontSize:12,color:'#666',},
|
||||||
{ value: '10.5', name: '次年发展资金' },
|
extra: {
|
||||||
{ value: '10', name: 'RWA市值管理' },
|
ring: {
|
||||||
{ value: '5', name: '股标护盘' },
|
ringWidth: 60,
|
||||||
{ value: '5', name: '交易激励' },
|
},
|
||||||
{ value: '4.5', name: '年终共享' },
|
}
|
||||||
],
|
},
|
||||||
dataTwoColor:['#FF8400','#6136FF', '#19CEB3', '#F1B900', '#AE9BF5'
|
fourData:{
|
||||||
,'#94F7A1','#006EFF','#FF2440','#00A776'],
|
categories: [1,2,3,4],
|
||||||
|
series: [{
|
||||||
|
|
||||||
|
name: "",
|
||||||
|
data:[]
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
fiveData:{
|
||||||
|
categories: [1,2,3,4],
|
||||||
|
series: [{
|
||||||
|
|
||||||
|
name: "",
|
||||||
|
data:[]
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
fourOps:{
|
||||||
|
color: ["#7632FF","#7632FF","#B039C2"],
|
||||||
|
padding: [15,15,0,15],
|
||||||
|
enableScroll: false,
|
||||||
|
legend: {show:false},
|
||||||
|
xAxis: {
|
||||||
|
disableGrid: true
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
gridType: "dash",
|
||||||
|
dashLength: 2
|
||||||
|
},
|
||||||
|
extra: {
|
||||||
|
area: {
|
||||||
|
type: "straight",
|
||||||
|
opacity: 0.2,
|
||||||
|
addLine: true,
|
||||||
|
width: 2,
|
||||||
|
gradient: false,
|
||||||
|
activeType: "hollow"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
curData:null,
|
||||||
|
fiveTotal:0
|
||||||
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
@@ -228,110 +297,99 @@ export default {
|
|||||||
// setTimeout(()=>{
|
// setTimeout(()=>{
|
||||||
// this.init()
|
// this.init()
|
||||||
// },500)
|
// },500)
|
||||||
|
this.profitSharingData();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
onTop(index){
|
onTop(index){
|
||||||
if(this.topSelect !== index){
|
if(this.topSelect !== index){
|
||||||
this.topSelect = index;
|
this.topSelect = index;
|
||||||
// if(index == 0){
|
}
|
||||||
// setTimeout(()=>{
|
},
|
||||||
// this.init()
|
onOne(index){
|
||||||
// },500)
|
if(this.curOne !== index){
|
||||||
// }else{
|
this.curOne = index;
|
||||||
// setTimeout(()=>{
|
this.getFour();
|
||||||
// this.initTwo()
|
}
|
||||||
// },500)
|
},
|
||||||
// }
|
onTwo(index){
|
||||||
|
if(this.curTwo !== index){
|
||||||
|
this.curTwo = index;
|
||||||
|
this.getFive();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getFive(){
|
||||||
|
this.fiveData.categories = [];
|
||||||
|
this.fiveData.series[0].data = [];
|
||||||
|
this.fiveData.series[0].name = '';
|
||||||
|
if(this.curTwo == 0){
|
||||||
|
this.fiveTotal = this.curData.profitSharingTbcBonus.tbcTotal;
|
||||||
|
let arr = this.curData.profitSharingTbcBonus.tbcList.slice(-5);
|
||||||
|
arr.forEach((item,index)=>{
|
||||||
|
this.fiveData.categories.push(item.key);
|
||||||
|
this.fiveData.series[0].data.push(item.amount);
|
||||||
|
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
this.fiveTotal = this.curData.profitSharingTbcBonus.bonusTotal;
|
||||||
|
let arr = this.curData.profitSharingTbcBonus.bonusList.slice(-5);
|
||||||
|
arr.forEach((item,index)=>{
|
||||||
|
this.fiveData.categories.push(item.key);
|
||||||
|
this.fiveData.series[0].data.push(item.amount);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getFour(){
|
||||||
|
this.fourData.categories = [];
|
||||||
|
this.fourData.series[0].data = [];
|
||||||
|
this.fourData.series[0].name = '';
|
||||||
|
if(this.curOne == 0){
|
||||||
|
let arr = this.curData.profitSharingStat.dayList.slice(-5);
|
||||||
|
arr.forEach((item,index)=>{
|
||||||
|
this.fourData.categories.push(item.key);
|
||||||
|
this.fourData.series[0].data.push(item.amount);
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
let arr = this.curData.profitSharingStat.monthList.slice(-5);
|
||||||
|
arr.forEach((item,index)=>{
|
||||||
|
this.fourData.categories.push(item.key);
|
||||||
|
this.fourData.series[0].data.push(item.amount);
|
||||||
|
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
profitSharingData(){
|
||||||
|
getProfitSharingData().then(res=>{
|
||||||
|
if (res.bizcode == 100) {
|
||||||
|
this.curData = res.data;
|
||||||
|
if(this.curData){
|
||||||
|
this.threeData.series = [];
|
||||||
|
this.threeData.series.push(this.curData.profitSharingDetail.cost);
|
||||||
|
this.threeData.series.push(this.curData.profitSharingDetail.bonus);
|
||||||
|
this.threeData.series.push(this.curData.profitSharingDetail.addedTax);
|
||||||
|
this.threeData.series.push(this.curData.profitSharingDetail.encourrage);
|
||||||
|
this.threeData.series.push(this.curData.profitSharingDetail.nextYearFund);
|
||||||
|
this.threeData.series.push(this.curData.profitSharingDetail.rwaMarketManage);
|
||||||
|
this.threeData.series.push(this.curData.profitSharingDetail.stockStabilizing);
|
||||||
|
this.threeData.series.push(this.curData.profitSharingDetail.tradeEncourrage);
|
||||||
|
this.threeData.series.push(this.curData.profitSharingDetail.yearEndShare);
|
||||||
|
this.threeData.series.forEach((item,index)=>{
|
||||||
|
item.data = Number(item.percent);
|
||||||
|
if(index == 0)item.color = '#7934F6';
|
||||||
|
if(index == 1)item.color = '#AF39C4';
|
||||||
|
if(index == 2)item.color = '#0370FF';
|
||||||
|
if(index == 3)item.color = '#00A6CC';
|
||||||
|
if(index == 4)item.color = '#FFB322';
|
||||||
|
if(index == 5)item.color = '#FF9035';
|
||||||
|
if(index == 6)item.color = '#FF5369';
|
||||||
|
if(index == 7)item.color = '#00A776';
|
||||||
|
if(index == 8)item.color = '#5840FF';
|
||||||
|
})
|
||||||
|
this.getFour();
|
||||||
|
this.getFive();
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
|
||||||
async init(){
|
|
||||||
// let chartDom = document.getElementById('chart');
|
|
||||||
let chartDom = await uni.createSelectorQuery().select('#chart');
|
|
||||||
console.log('chartDom',chartDom)
|
|
||||||
this.myChart = echarts.init(chartDom);
|
|
||||||
const option = {
|
|
||||||
color: this.dataColor,
|
|
||||||
tooltip: {
|
|
||||||
trigger: 'item',
|
|
||||||
formatter: '{a} <br/>{b}: {c} ({d}%)'
|
|
||||||
},
|
|
||||||
// legend: {
|
|
||||||
// top: '5%',
|
|
||||||
// left: 'center'
|
|
||||||
// },
|
|
||||||
label:{
|
|
||||||
formatter: ' {d}% '
|
|
||||||
},
|
|
||||||
series: [
|
|
||||||
{
|
|
||||||
name: '股权架构',
|
|
||||||
type: 'pie',
|
|
||||||
radius: '50%',
|
|
||||||
// avoidLabelOverlap: false,
|
|
||||||
// label: {
|
|
||||||
// show: false,
|
|
||||||
// position: 'center'
|
|
||||||
// },
|
|
||||||
// emphasis: {
|
|
||||||
// label: {
|
|
||||||
// show: true,
|
|
||||||
// fontSize: 24,
|
|
||||||
// fontWeight: 'bold'
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// labelLine: {
|
|
||||||
// show: false
|
|
||||||
// },
|
|
||||||
data: this.data
|
|
||||||
}
|
}
|
||||||
]
|
})
|
||||||
};
|
|
||||||
this.myChart.setOption(option);
|
|
||||||
},
|
|
||||||
initTwo(){
|
|
||||||
let chartDomTwo = document.getElementById('chartTwo');
|
|
||||||
this.myChartTwo = echarts.init(chartDomTwo);
|
|
||||||
const option = {
|
|
||||||
color: this.dataTwoColor,
|
|
||||||
tooltip: {
|
|
||||||
trigger: 'item',
|
|
||||||
formatter: '{a} <br/>{b}: {c} ({d}%)'
|
|
||||||
},
|
|
||||||
// legend: {
|
|
||||||
// top: '0',
|
|
||||||
// left: 'center'
|
|
||||||
// },
|
|
||||||
label:{
|
|
||||||
formatter: '{d}%'
|
|
||||||
},
|
|
||||||
series: [
|
|
||||||
{
|
|
||||||
name: '营收数据',
|
|
||||||
type: 'pie',
|
|
||||||
radius: '50%',
|
|
||||||
// avoidLabelOverlap: false,
|
|
||||||
// selectedMode: 'single',
|
|
||||||
// label: {
|
|
||||||
// show: false,
|
|
||||||
// position: 'center'
|
|
||||||
// },
|
|
||||||
// emphasis: {
|
|
||||||
// label: {
|
|
||||||
// show: true,
|
|
||||||
// fontSize: 24,
|
|
||||||
// fontWeight: 'bold'
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// labelLine: {
|
|
||||||
// show: false
|
|
||||||
// },
|
|
||||||
data: this.dataTwo
|
|
||||||
}
|
|
||||||
]
|
|
||||||
};
|
|
||||||
this.myChartTwo.setOption(option);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -354,38 +412,203 @@ export default {
|
|||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.top-line{
|
||||||
|
width:100%;
|
||||||
|
height:12rpx;
|
||||||
|
min-height:12rpx;
|
||||||
|
display: flex;
|
||||||
|
background-color: #F5F5F5;
|
||||||
|
}
|
||||||
.contract-view{
|
.contract-view{
|
||||||
width:100%;
|
width:100%;
|
||||||
height:calc(100% - 88rpx - var(--status-bar-height));
|
height:calc(100% - 88rpx - 12rpx - var(--status-bar-height));
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 0 32rpx;
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
.top-head-1{
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 40rpx 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.tab-view-two{
|
||||||
|
width:100%;
|
||||||
|
height:54rpx;
|
||||||
|
min-height:54rpx;
|
||||||
|
margin-top:32rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
padding:0 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-bottom: 1rpx solid #eaeaea;
|
||||||
|
.tab-view-two-two{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-right:48rpx;
|
||||||
|
height:54rpx;
|
||||||
|
min-height:54rpx;
|
||||||
|
.line-view{
|
||||||
|
width:48rpx;
|
||||||
|
height:4rpx;
|
||||||
|
min-height:4rpx;
|
||||||
|
background-color: #7934F6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.tab-view-one{
|
||||||
|
width:100%;
|
||||||
|
height:48rpx;
|
||||||
|
min-height:48rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
padding:0 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
view{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding:0 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
height:48rpx;
|
||||||
|
border-radius: 24rpx;
|
||||||
|
margin-right:24rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.top-head{
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 36rpx 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
}
|
||||||
.tu-view{
|
.tu-view{
|
||||||
margin:32rpx 0;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
width:100%;
|
width:100%;
|
||||||
min-height:calc(100vw - 64rpx);
|
min-height:calc(100vw - 64rpx);
|
||||||
|
padding: 0 32rpx;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
.tu-box{
|
||||||
|
width:calc(100% - 100rpx);
|
||||||
|
min-height:calc(100% - 200rpx);
|
||||||
}
|
}
|
||||||
.bottom-panel{
|
.zi-box{
|
||||||
|
position: absolute;
|
||||||
|
left:32rpx;
|
||||||
|
top:0;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.bottom-view{
|
||||||
|
width:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-bottom:20rpx;
|
||||||
|
.bottom-value-view{
|
||||||
|
width:100%;
|
||||||
|
border-radius: 0 0 16rpx 16rpx;
|
||||||
|
flex-direction: column;
|
||||||
|
// border-bottom:1rpx solid #eaeaea;
|
||||||
|
// border-left:1rpx solid #eaeaea;
|
||||||
|
// border-right:1rpx solid #eaeaea;
|
||||||
|
display: flex;
|
||||||
|
.bottom-value-view-row{
|
||||||
width:100%;
|
width:100%;
|
||||||
border-radius: 24rpx;
|
display: flex;
|
||||||
box-shadow: 0rpx 0rpx 29rpx 0rpx #E5E5E5;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
.head-one-one{
|
||||||
justify-content: space-between;
|
width:134rpx;
|
||||||
padding: 24rpx;
|
height:100%;
|
||||||
|
border-right:1rpx solid #eaeaea;
|
||||||
|
border-left:1rpx solid #eaeaea;
|
||||||
|
border-bottom:1rpx solid #eaeaea;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 20rpx;
|
||||||
|
}
|
||||||
|
.head-two-two{
|
||||||
|
width:318rpx;
|
||||||
|
height:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-bottom:1rpx solid #eaeaea;
|
||||||
|
padding: 20rpx;
|
||||||
|
}
|
||||||
|
.head-three-three{
|
||||||
|
flex:1;
|
||||||
|
padding: 20rpx;
|
||||||
|
height:100%;
|
||||||
|
border-left:1rpx solid #eaeaea;
|
||||||
|
border-right:1rpx solid #eaeaea;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
border-bottom:1rpx solid #eaeaea;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
.yuan{
|
|
||||||
border-radius: 50%;
|
|
||||||
width:28rpx;
|
|
||||||
min-height:28rpx;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.bottom-head{
|
||||||
|
width:100%;
|
||||||
|
margin-top:28rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
height:80rpx;
|
||||||
|
min-height:80rpx;
|
||||||
|
align-items: cneter;
|
||||||
|
border-radius: 16rpx 16rpx 0 0;
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
borer:1rpx solid #F8F8F8;
|
||||||
|
.head-one{
|
||||||
|
width:134rpx;
|
||||||
|
height:100%;
|
||||||
|
border-right:1rpx solid #eaeaea;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.head-two{
|
||||||
|
width:318rpx;
|
||||||
|
max-height:318rpx;
|
||||||
|
height:100%;
|
||||||
|
border-right:1rpx solid #eaeaea;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.head-three{
|
||||||
|
flex:1;
|
||||||
|
height:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,40 +1,79 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<TopSafe></TopSafe>
|
<TopSafe bgColor="#fff"></TopSafe>
|
||||||
<Header title="加速次数" />
|
<Header title="数字积分" bgColor="#fff" />
|
||||||
<view class="contract-view">
|
<view class="contract-view">
|
||||||
<image src="https://cex-pub.s3.ap-southeast-1.amazonaws.com/static/mine-purse/jia_bg.png" class="jia-img">
|
<image src="/static/new/jia_bg.png" class="jia-img">
|
||||||
</image>
|
</image>
|
||||||
<view class="box-panel" style="margin-top:384rpx">
|
<view class="box-panel">
|
||||||
<view class="box-top flex-r-lr" style="margin-bottom:48rpx;">
|
<view class="box-top">
|
||||||
<view class="flex-c-lr" v-for="(item, index) in tList" :key="index" style="align-items: center;width:40%;">
|
<view class="flex-c-lr" style="align-items: center;">
|
||||||
<text class="text-48 text-zu1 text-bold">{{ item.text }}</text>
|
<text class="text-40 text-bold text-zu1">{{lockedData ? lockedData.selfBuyLocked : 0}}</text>
|
||||||
<text class="text-28 text-zu1">{{ item.value }}</text>
|
<text class="text-fu1 text-24 text-w-400">自购锁定量(数字积分)</text>
|
||||||
|
</view>
|
||||||
|
<view class="flex-c-lr" style="align-items: center;">
|
||||||
|
<text class="text-40 text-bold text-zu1">{{lockedData ? lockedData.spreadLocked : 0}}</text>
|
||||||
|
<text class="text-fu1 text-24 text-w-400">推广锁定量(数字积分)</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="box-list" style="margin-top:40rpx;">
|
||||||
|
<view class="head-box">
|
||||||
|
<text class="text-zu1 text-28 text-bold">推广解锁</text>
|
||||||
|
<text class="text-fu1 text-24 text-w-400">获得2贡献值解锁1贡献值对应的数字积分直推奖励。</text>
|
||||||
|
<image src="/static/new/jia_icon.png" class="icon-img" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="box-li">
|
||||||
|
<view class="box-biao">
|
||||||
|
<view class="box-head">
|
||||||
|
<view class="box-head-view" v-for="(item,index) in topHead" :key="item" :style="{
|
||||||
|
borderRightWidth:index == 2 ? 0 : '1rpx'
|
||||||
|
}">
|
||||||
|
<text class="text-fu text-24">{{item}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="list-all-view">
|
||||||
|
<view class="list-view" v-for="(item,index) in topList" :key="index">
|
||||||
|
<view class="list-view-box">
|
||||||
|
<text class="text-fu text-24 text-bold">{{item.amount}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="list-view-box">
|
||||||
|
<text class="text-fu text-24 text-bold">{{item.time}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="list-view-box" style="borderRightWidth:0">
|
||||||
|
<text class="text-fu text-24 text-bold">{{item.source}}</text>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="box-list flex-r-lr" style="align-items: center;" v-for="(item, index) in topList" :key="item.text">
|
|
||||||
<text class="text-28 text-zu1">{{ item.text }}</text>
|
|
||||||
<text class="text-32 text-bold text-zu1">{{ item.value }}</text>
|
|
||||||
</view>
|
</view>
|
||||||
<text class="text-zu txt-28 mt-24">加速明细</text>
|
|
||||||
<view class="mt-12 table-view">
|
|
||||||
<view class="table-head ">
|
|
||||||
<view class="head-box flex-c" :class="{ 'border-lr': index == 1 }" v-for="(item, index) in tableHead"
|
|
||||||
:key="index">
|
|
||||||
<text class="text-20 text-zu1">{{ item }}</text>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="table-list" v-for="(item, index) in tableList" :key="index">
|
<view class="box-list" style="margin-top:24rpx;">
|
||||||
<view class="list-box flex-c" v-for="(key, indexT) in 3" :key="indexT"
|
<view class="head-box">
|
||||||
:style="{ 'border-bottom-right-radius': index == tableList.length - 1 && indexT == 2 ? '16rpx' : 0 }"
|
<text class="text-zu1 text-28 text-bold">自购解锁</text>
|
||||||
:class="{
|
<text class="text-fu1 text-24 text-w-400">您的数字积分奖励将随着推广业绩的提升逐步解锁。</text>
|
||||||
'border-lr': indexT != 1,
|
<image src="/static/new/jia_icon.png" class="icon-img" mode=""></image>
|
||||||
'border-left-1': index == tableList.length - 1 && indexT == 0
|
</view>
|
||||||
|
<view class="box-li">
|
||||||
|
<view class="box-biao">
|
||||||
|
<view class="box-head">
|
||||||
|
<view class="box-head-view" v-for="(item,index) in bottomHead" :key="item" :style="{
|
||||||
|
borderRightWidth:index == 1 ? 0 : '1rpx'
|
||||||
}">
|
}">
|
||||||
<text class="text-20 text-zu text-bold" v-if="indexT == 0">{{ item.one }}</text>
|
<text class="text-fu text-24">{{item}}</text>
|
||||||
<text class="text-20 text-zu text-bold" v-if="indexT == 1">{{ item.two }}</text>
|
</view>
|
||||||
<text class="text-20 text-zu text-bold" v-if="indexT == 2">{{ item.three }}</text>
|
</view>
|
||||||
|
<view class="list-all-view">
|
||||||
|
<view class="list-view" v-for="(item,index) in bottomList" :key="index">
|
||||||
|
<view class="list-view-box">
|
||||||
|
<text class="text-fu text-24 text-bold">{{item.amount}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="list-view-box" style="borderRightWidth:0">
|
||||||
|
<text class="text-fu text-24 text-bold">{{item.time}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
@@ -42,21 +81,19 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="box-panel mt-32 mb-32">
|
<view class="box-panel mt-32 mb-32">
|
||||||
<text class="text-zu text-32" style="font-weight: bold;">加速说明</text>
|
<text class="text-zu1 text-28 text-bold" style="font-weight: bold;">数字积分获取说明</text>
|
||||||
<text class="text-zu1 text-28 mt-24">获取方式: </text>
|
<text class="text-fu text-24" style="margin-top:24rpx">1.商城优选区消费1:1获得贡献值，每消费1元获得1贡献值，次日根据当日商城营收占比获得数字积分。</text>
|
||||||
<text class="text-zu1 text-28">加速包仅能通过【九宫格抽奖】获得</text>
|
<text class="text-fu text-24 " style="margin-top:24rpx">2.直推用户消费10:1获得贡献值，直推用户优选区每消费10元您将获得1积分。</text>
|
||||||
<!-- <text class="text-zu1 text-28">(2)转盘抽奖获得</text> -->
|
<text class="text-fu text-24 " style="margin-top:24rpx">3.积分获得后均为锁定状态。</text>
|
||||||
|
<text class="text-zu1 text-28 text-bold" style="margin-top:48rpx">数字积分解锁说明</text>
|
||||||
<text class="text-zu1 text-28 mt-24" style="font-weight: bold; margin-bottom: 10px;">逻辑说明: </text>
|
<text class="text-fu text-24 " style="margin-top:24rpx">1.您本人在商城消费获得的积分，每日按1‰自然解锁。</text>
|
||||||
<text class="text-zu1 text-28">(1)加速包是 TBC 股权快速释放的专属途径。</text>
|
<text class="text-fu text-24 " style="margin-top:24rpx">2.直推用户消费获得的贡献值5：1解锁您本人消费获得的数字积分。</text>
|
||||||
<text class="text-zu1 text-28">(2)使用加速包释放的 TBC 股权可进行交割和出售。</text>
|
<text class="text-fu text-24 " style="margin-top:24rpx">3.直推获得的奖励，根据您在商城的消费获得的贡献值2:1进行解锁，每获得2贡献值解锁1积分。</text>
|
||||||
<text class="text-zu1 text-28">(2) 持有 TBC 股权，可享受商城每日分红，分红收益将直接发放至您的现金余额</text>
|
<text class="text-fu text-24 " style="margin-top:24rpx">4.若发生退货退款等因素，信任桥将回收各部分奖励，若数字积分已兑换，则不符合7天无理由退货。</text>
|
||||||
|
<text class="text-fu text-24 " style="margin-top:24rpx">5.最终解释权归信任桥所有。</text>
|
||||||
|
|
||||||
<text class="text-zu1 text-28 mt-24 " style="font-weight: bold; margin-bottom: 10px;">特别声明: </text>
|
|
||||||
<text class="text-zu1 text-28">本活动最终解释权归信任桥所有。</text>
|
|
||||||
</view>
|
</view>
|
||||||
<!-- (2)转盘抽奖获得 -->
|
<!-- (2)转盘抽奖获得 -->
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<!-- <DownPopup :show="true"></DownPopup> -->
|
<!-- <DownPopup :show="true"></DownPopup> -->
|
||||||
<up-toast ref="uToastRef"></up-toast>
|
<up-toast ref="uToastRef"></up-toast>
|
||||||
@@ -65,40 +102,71 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { getUserInfo } from '@/api/auth.js';
|
import { getUserInfo } from '@/api/auth.js';
|
||||||
|
import { getVcoinLocked,getVcoinReleaseLog } from '@/api/finance.js';
|
||||||
import Header from '@/components/common/header.vue';
|
import Header from '@/components/common/header.vue';
|
||||||
import TopSafe from '@/components/common/top-safe.nvue'
|
import TopSafe from '@/components/common/top-safe.nvue'
|
||||||
import DownPopup from '@/components/common/down-popup.vue';
|
import DownPopup from '@/components/common/down-popup.vue';
|
||||||
import { quickens } from '@/api/contract.js'
|
import { quickens } from '@/api/contract.js'
|
||||||
import Decimal from 'decimal.js';
|
import Decimal from 'decimal.js';
|
||||||
|
import func from '@/utils/func.js'
|
||||||
|
|
||||||
import func from '@/utils/func.js';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { Header, TopSafe, DownPopup },
|
components: { Header, TopSafe, DownPopup },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tList: [
|
lockedData:null,
|
||||||
{ text: '100', value: '锁仓TBC' },
|
topHead:['解锁数量','解锁时间','触发解锁订单'],
|
||||||
{ text: '100', value: '剩余加速包' }
|
bottomHead:['解锁数量','解锁时间'],
|
||||||
],
|
topList:[],
|
||||||
topList: [
|
bottomList:[]
|
||||||
{ text: '已获得加速包次数', value: '100' },
|
|
||||||
{ text: '已释放TBC数量', value: '20000' },
|
|
||||||
{ text: '剩余未使用加速包次数', value: '200' },
|
|
||||||
],
|
|
||||||
tableHead: ['加速比例', '释放TBC数量', '时间'],
|
|
||||||
tableList: [
|
|
||||||
|
|
||||||
]
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.init();
|
this.init();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
onJump(item){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:`/pages/other_package/productInfo/productInfo?id=${item.refId}`
|
||||||
|
})
|
||||||
|
},
|
||||||
init() {
|
init() {
|
||||||
// this.isSignContract()
|
// this.isSignContract()
|
||||||
this.getQuichens()
|
this.vcoinLocked();
|
||||||
|
this.vcoinReleaseLog(1);
|
||||||
|
this.vcoinReleaseLog(2);
|
||||||
|
// this.getQuichens()
|
||||||
|
},
|
||||||
|
vcoinLocked(){
|
||||||
|
getVcoinLocked().then(res=>{
|
||||||
|
if (res.bizcode == 100) {
|
||||||
|
this.lockedData = res.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
vcoinReleaseLog(val){
|
||||||
|
let params = {
|
||||||
|
page:1,
|
||||||
|
pageSize:10000,
|
||||||
|
type:val
|
||||||
|
}
|
||||||
|
getVcoinReleaseLog(params).then(res=>{
|
||||||
|
if (res.bizcode == 100) {
|
||||||
|
if(val == 1){
|
||||||
|
this.topList = res.data.entitys || [];
|
||||||
|
}else{
|
||||||
|
this.bottomList = res.data.entitys || [];
|
||||||
|
}
|
||||||
|
this.topList.forEach(item=>{
|
||||||
|
item.time = func.formatDate(new Date(item.ctdate), 4);
|
||||||
|
})
|
||||||
|
this.bottomList.forEach(item=>{
|
||||||
|
item.time = func.formatDate(new Date(item.ctdate), 4);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
getQuichens() {
|
getQuichens() {
|
||||||
let params ={
|
let params ={
|
||||||
@@ -155,15 +223,16 @@ export default {
|
|||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 0 32rpx;
|
padding: 0 32rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background: linear-gradient(315deg, #AF39C4 0%, #7732FF 100%);
|
|
||||||
position: relative;
|
position: relative;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
.jia-img {
|
.jia-img {
|
||||||
width: 724rpx;
|
width: 100%;
|
||||||
height: 400rpx;
|
height: 240rpx;
|
||||||
position: absolute;
|
display: flex;
|
||||||
z-index: 0;
|
min-height:240rpx;
|
||||||
margin-top: calc(var(--status-bar-height) + 52rpx);
|
margin-bottom:40rpx;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-panel {
|
.box-panel {
|
||||||
@@ -171,22 +240,111 @@ export default {
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding: 50rpx 32rpx;
|
width: 100%;
|
||||||
width: 690rpx;
|
|
||||||
border-radius: 36rpx;
|
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
.box-top {
|
.box-top {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 86rpx;
|
height: 90rpx;
|
||||||
min-height: 86rpx;
|
min-height: 90rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-list {
|
.box-list {
|
||||||
width:100%;
|
width:100%;
|
||||||
min-height: 84rpx;
|
display: flex;
|
||||||
border-bottom: 1rpx solid #ececec;
|
padding:24rpx 0 4rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: rgba(121,52,246,0.08);
|
||||||
|
border-radius: 12rpx;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
.box-li{
|
||||||
|
width:calc(100% - 8rpx);
|
||||||
|
height:386rpx;
|
||||||
|
min-height:396rpx;
|
||||||
|
border-radius: 12rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
padding: 16rpx 24rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.box-biao{
|
||||||
|
width:100%;
|
||||||
|
height:100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
border:1rpx solid #eaeaea;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
.list-all-view{
|
||||||
|
flex:1;
|
||||||
|
display: flex;
|
||||||
|
overflow-y: auto;
|
||||||
|
width:100%;
|
||||||
|
flex-direction: column;
|
||||||
|
.list-view{
|
||||||
|
width:100%;
|
||||||
|
height:64rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
min-height:64rpx;
|
||||||
|
.list-view-box{
|
||||||
|
flex:1;
|
||||||
|
height:100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border-right:1rpx solid #EAEAEA;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-bottom:1rpx solid #EAEAEA;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-head{
|
||||||
|
width:100%;
|
||||||
|
height:80rpx;
|
||||||
|
min-heihgt:80rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
.box-head-view{
|
||||||
|
flex:1;
|
||||||
|
height:100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border-right:1rpx solid #EAEAEA;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-bottom:1rpx solid #EAEAEA;
|
||||||
|
background-color: #F8F8F8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.head-box{
|
||||||
|
width:100%;
|
||||||
|
height:88rpx;
|
||||||
|
min-height:88rpx;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 0 24rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.icon-img{
|
||||||
|
width:104rpx;
|
||||||
|
height:88rpx;
|
||||||
|
position: absolute;
|
||||||
|
right:24rpx;
|
||||||
|
bottom:0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-view {
|
.table-view {
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 656 B |
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
+4
-4
@@ -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';
|
||||||
|
|||||||
@@ -37,6 +37,8 @@ export default {
|
|||||||
tmpTime = `${y}-${m}-${d} ${h}:${mm}:${s}`;
|
tmpTime = `${y}-${m}-${d} ${h}:${mm}:${s}`;
|
||||||
}else if(val == 3){
|
}else if(val == 3){
|
||||||
tmpTime = `${y}-${m}-${d}`;
|
tmpTime = `${y}-${m}-${d}`;
|
||||||
|
}else if(val == 4){
|
||||||
|
tmpTime = `${y}-${m}-${d} ${h}:${mm}`;
|
||||||
}
|
}
|
||||||
return tmpTime;
|
return tmpTime;
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user