李凌霄
4 years ago
5 changed files with 666 additions and 417 deletions
@ -1,272 +1,682 @@ |
|||||
<template> |
<template> |
||||
<view class="container"> |
<view class="container"> |
||||
<view class="top"> |
<view class="top"> |
||||
<uni-notice-bar show-get-more show-icon more-text="查看更多" :text="noticeList[0].content" @getmore="getMore" /> |
<uni-notice-bar |
||||
<uni-section title="昨日收益" type="line"> |
show-get-more |
||||
<uni-group mode="card"> |
show-icon |
||||
<view>广告收益:{{profitInfo.yesterdayAdProfit}}</view> |
more-text="查看更多" |
||||
<view>邀请收益:{{profitInfo.yesterdayInviteProfit}}</view> |
:text="noticeList[0].content" |
||||
<view>总收益:{{profitInfo.totalProfit}}</view> |
@getmore="getMore" |
||||
<view>上月收益:{{profitInfo.lastMonthProfit}}</view> |
/> |
||||
<view>当月收益:{{profitInfo.thisMonthProfit}}</view> |
<view class="back"> |
||||
</uni-group> |
<view class="back-top"></view> |
||||
</uni-section> |
<view class="uni-radius back-con uni-shadow-sm"> |
||||
</view> |
<view class=""> |
||||
<view class="middle"> |
<view class="back-con-top"> 昨日收益 </view> |
||||
<uni-section title="收益明细" type="line"> |
<view class="back-con-mid"> |
||||
<uni-group mode="card"> |
<view class="back-con-mid-left"> |
||||
<uni-segmented-control :current="current" :values="items" :style-type="styleType" |
广告收益 |
||||
:active-color="activeColor" @clickItem="onClickItem" /> |
<view class="top-text"> |
||||
<view class="content"> |
¥ {{ profitInfo.yesterdayAdProfit }} |
||||
<view v-if="current === 0"> |
</view> |
||||
<uni-collapse> |
</view> |
||||
<uni-collapse-item title="广告" :show-animation="true"> |
<view class="border"></view> |
||||
<view class="content" |
<view class="back-con-mid-right"> |
||||
v-for="(item,index) in downloadAndInviteCountInfo.creatorProfitDownloadCount" |
邀请收益 |
||||
:key="index"> |
<view class="top-text"> |
||||
<text class="text" @click="linkTo(0,0)">日期:{{item.createTime}}---</text> |
¥ {{ profitInfo.yesterdayInviteProfit }} |
||||
<text class="text">次数:{{item.downloadNum}}</text> |
</view> |
||||
</view> |
</view> |
||||
</uni-collapse-item> |
</view> |
||||
<uni-collapse-item title="邀请" :show-animation="true"> |
</view> |
||||
<view class="content" |
<view class="back-con-bot uni-radius uni-shadow-sm"> |
||||
v-for="(item,index) in downloadAndInviteCountInfo.creatorProfitInviteCount" |
<view class="back-con-bot-left"> |
||||
:key="index"> |
累计 |
||||
<text class="text" @click="linkTo(1,0)">日期:{{item.createTime}}---</text> |
<view class="top-text size14"> |
||||
<text class="text">次数:{{item.inviteDownloadNum}}</text> |
¥ {{ profitInfo.totalProfit }} |
||||
</view> |
</view> |
||||
</uni-collapse-item> |
</view> |
||||
</uni-collapse> |
<view class="border"></view> |
||||
</view> |
<view class="back-con-bot-mid"> |
||||
<view v-if="current === 1"> |
上月 |
||||
<uni-collapse> |
<view class="top-text size14"> |
||||
<uni-collapse-item title="广告" :show-animation="true"> |
¥ {{ profitInfo.lastMonthProfit }} |
||||
<view class="content"> |
</view> |
||||
<text class="text" @click="linkTo(0,1)">额度:{{inProfitInfo.profit}}</text> |
</view> |
||||
</view> |
<view class="border"></view> |
||||
</uni-collapse-item> |
<view class="back-con-bot-right"> |
||||
<uni-collapse-item title="邀请" :show-animation="true"> |
当月 |
||||
<view class="content"> |
<view class="top-text size14"> |
||||
<text class="text" @click="linkTo(1,1)">额度:{{inProfitInfo.inviteProfit}}</text> |
¥ {{ profitInfo.thisMonthProfit }} |
||||
</view> |
</view> |
||||
</uni-collapse-item> |
</view> |
||||
</uni-collapse> |
</view> |
||||
</view> |
</view> |
||||
<view v-if="current === 2"> |
<!-- <uni-section class="back-bot" title="昨日收益" type="line"> |
||||
<uni-collapse> |
<uni-group mode="card"> |
||||
<uni-collapse-item title="广告" :show-animation="true"> |
<view>广告收益:{{profitInfo.yesterdayAdProfit}}</view> |
||||
<view class="content"> |
<view>邀请收益:{{profitInfo.yesterdayInviteProfit}}</view> |
||||
<text class="text" @click="linkTo(0,2)">额度:{{endProfitInfo.profit}}</text> |
<view>总收益:{{profitInfo.totalProfit}}</view> |
||||
</view> |
<view>上月收益:{{profitInfo.lastMonthProfit}}</view> |
||||
</uni-collapse-item> |
<view>当月收益:{{profitInfo.thisMonthProfit}}</view> |
||||
<uni-collapse-item title="邀请" :show-animation="true"> |
</uni-group> |
||||
<view class="content"> |
</uni-section> --> |
||||
<text class="text" @click="linkTo(1,2)">额度:{{endProfitInfo.inviteProfit}}</text> |
</view> |
||||
</view> |
<view class="back2"> |
||||
</uni-collapse-item> |
<view class="uni-radius back-con2 uni-shadow-sm"> |
||||
</uni-collapse> |
<view class="" style="width: 100%"> |
||||
</view> |
<view class="back-con-top"> 收益明细 </view> |
||||
</view> |
<view class="segmented"> |
||||
|
<view v-for="(item, index) in items" :key="index"> |
||||
|
<view |
||||
|
@click="segActive(index)" |
||||
|
v-if="item != ''" |
||||
|
:class="[ |
||||
|
'segmented-con', |
||||
|
index == active ? 'activecolor' : '', |
||||
|
]" |
||||
|
> |
||||
|
{{ item }} |
||||
|
<image |
||||
|
:class="['img1', index == active ? 'show' : '']" |
||||
|
src="/static/active.png" |
||||
|
></image> |
||||
|
</view> |
||||
|
<image v-else class="img" src="/static/right.png"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- 即将入账 --> |
||||
|
<view v-show="active == 0"> |
||||
|
<view class="adver"> |
||||
|
<view class="adver-top"> |
||||
|
<view class="circular"></view> |
||||
|
<view class="adver-top-text"> 广告: </view> |
||||
|
</view> |
||||
|
<view class="adver-mid"> |
||||
|
抖音/快手均为次日结算前日ECPM价格 |
||||
|
</view> |
||||
|
</view> |
||||
|
<uni-list> |
||||
|
<uni-list-item title="曝光" link> |
||||
|
<template v-slot:footer> |
||||
|
<view class="blue"> 0次 </view> |
||||
|
</template> |
||||
|
</uni-list-item> |
||||
|
<uni-list-item title="邀请" link> |
||||
|
<template v-slot:footer> |
||||
|
<view class="blue"> [07月08日] 0次 </view> |
||||
|
</template> |
||||
|
</uni-list-item> |
||||
|
</uni-list> |
||||
|
</view> |
||||
|
<!-- 已入账 --> |
||||
|
<view v-show="active == 2"> |
||||
|
<view class="adver"> |
||||
|
<view class="adver-top"> |
||||
|
<view class="circular"></view> |
||||
|
<view class="adver-top-text"> 广告: </view> |
||||
|
</view> |
||||
|
<view class="adver-mid"> 2022.06.05 至 2022.07.20 </view> |
||||
|
</view> |
||||
|
<uni-list> |
||||
|
<uni-list-item title="曝光" link> |
||||
|
<template v-slot:footer> |
||||
|
<view class="blue"> ¥ 2.376 </view> |
||||
|
</template> |
||||
|
</uni-list-item> |
||||
|
<uni-list-item title="邀请" link> |
||||
|
<template v-slot:footer> |
||||
|
<view class="blue"> ¥ 0.23 </view> |
||||
|
</template> |
||||
|
</uni-list-item> |
||||
|
</uni-list> |
||||
|
<view class="adver"> |
||||
|
<view class="adver-top"> |
||||
|
<view class="circular"></view> |
||||
|
<view class="adver-top-text"> 订单: </view> |
||||
|
</view> |
||||
|
<view class="adver-mid"> 会员订单及时入账，T+7即可提现 </view> |
||||
|
</view> |
||||
|
<uni-list> |
||||
|
<uni-list-item title="会员" link> |
||||
|
<template v-slot:footer> |
||||
|
<view class="blue"> ¥ 0</view> |
||||
|
</template> |
||||
|
</uni-list-item> |
||||
|
<uni-list-item title="邀请" link> |
||||
|
<template v-slot:footer> |
||||
|
<view class="blue"> ¥ 0 </view> |
||||
|
</template> |
||||
|
</uni-list-item> |
||||
|
</uni-list> |
||||
|
</view> |
||||
|
<!-- 已转入钱包 --> |
||||
|
<view v-show="active == 4"> |
||||
|
<view class="adver"> |
||||
|
<view class="adver-top"> |
||||
|
<view class="circular"></view> |
||||
|
<view class="adver-top-text"> 广告: </view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<uni-list> |
||||
|
<uni-list-item title="曝光" link> |
||||
|
<template v-slot:footer> |
||||
|
<view class="blue"> ¥ 0 </view> |
||||
|
</template> |
||||
|
</uni-list-item> |
||||
|
<uni-list-item title="邀请" link> |
||||
|
<template v-slot:footer> |
||||
|
<view class="blue"> ¥ 0 </view> |
||||
|
</template> |
||||
|
</uni-list-item> |
||||
|
</uni-list> |
||||
|
<view class="adver"> |
||||
|
<view class="adver-top"> |
||||
|
<view class="circular"></view> |
||||
|
<view class="adver-top-text"> 订单: </view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<uni-list> |
||||
|
<uni-list-item title="会员" link> |
||||
|
<template v-slot:footer> |
||||
|
<view class="blue"> ¥ 0 </view> |
||||
|
</template> |
||||
|
</uni-list-item> |
||||
|
<uni-list-item title="邀请" link> |
||||
|
<template v-slot:footer> |
||||
|
<view class="blue"> ¥ 0 </view> |
||||
|
</template> |
||||
|
</uni-list-item> |
||||
|
</uni-list> |
||||
|
</view> |
||||
|
<!-- <view class="back-con-mid"> |
||||
|
<view class="back-con-mid-left"> |
||||
|
广告收益 |
||||
|
<view class="top-text"> |
||||
|
¥ {{ profitInfo.yesterdayAdProfit }} |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="border"></view> |
||||
|
<view class="back-con-mid-right"> |
||||
|
邀请收益 |
||||
|
<view class="top-text"> |
||||
|
¥ {{ profitInfo.yesterdayInviteProfit }} |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> --> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- <uni-section class="back-bot" title="昨日收益" type="line"> |
||||
|
<uni-group mode="card"> |
||||
|
<view>广告收益:{{profitInfo.yesterdayAdProfit}}</view> |
||||
|
<view>邀请收益:{{profitInfo.yesterdayInviteProfit}}</view> |
||||
|
<view>总收益:{{profitInfo.totalProfit}}</view> |
||||
|
<view>上月收益:{{profitInfo.lastMonthProfit}}</view> |
||||
|
<view>当月收益:{{profitInfo.thisMonthProfit}}</view> |
||||
|
</uni-group> |
||||
|
</uni-section> --> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
</uni-group> |
<!-- <view class="middle"> |
||||
</uni-section> |
<uni-section title="收益明细" type="line"> |
||||
</view> |
<uni-group mode="card"> |
||||
</view> |
<uni-segmented-control |
||||
|
:current="current" |
||||
|
:values="items" |
||||
|
:style-type="styleType" |
||||
|
:active-color="activeColor" |
||||
|
@clickItem="onClickItem" |
||||
|
/> |
||||
|
<view class="content"> |
||||
|
<view v-if="current === 0"> |
||||
|
<uni-collapse> |
||||
|
<uni-collapse-item title="广告" :show-animation="true"> |
||||
|
<view |
||||
|
class="content" |
||||
|
v-for="( |
||||
|
item, index |
||||
|
) in downloadAndInviteCountInfo.creatorProfitDownloadCount" |
||||
|
:key="index" |
||||
|
> |
||||
|
<text class="text" @click="linkTo(0, 0)" |
||||
|
>日期:{{ item.createTime }}---</text |
||||
|
> |
||||
|
<text class="text">次数:{{ item.downloadNum }}</text> |
||||
|
</view> |
||||
|
</uni-collapse-item> |
||||
|
<uni-collapse-item title="邀请" :show-animation="true"> |
||||
|
<view |
||||
|
class="content" |
||||
|
v-for="( |
||||
|
item, index |
||||
|
) in downloadAndInviteCountInfo.creatorProfitInviteCount" |
||||
|
:key="index" |
||||
|
> |
||||
|
<text class="text" @click="linkTo(1, 0)" |
||||
|
>日期:{{ item.createTime }}---</text |
||||
|
> |
||||
|
<text class="text">次数:{{ item.inviteDownloadNum }}</text> |
||||
|
</view> |
||||
|
</uni-collapse-item> |
||||
|
</uni-collapse> |
||||
|
</view> |
||||
|
<view v-if="current === 1"> |
||||
|
<uni-collapse> |
||||
|
<uni-collapse-item title="广告" :show-animation="true"> |
||||
|
<view class="content"> |
||||
|
<text class="text" @click="linkTo(0, 1)" |
||||
|
>额度:{{ inProfitInfo.profit }}</text |
||||
|
> |
||||
|
</view> |
||||
|
</uni-collapse-item> |
||||
|
<uni-collapse-item title="邀请" :show-animation="true"> |
||||
|
<view class="content"> |
||||
|
<text class="text" @click="linkTo(1, 1)" |
||||
|
>额度:{{ inProfitInfo.inviteProfit }}</text |
||||
|
> |
||||
|
</view> |
||||
|
</uni-collapse-item> |
||||
|
</uni-collapse> |
||||
|
</view> |
||||
|
<view v-if="current === 2"> |
||||
|
<uni-collapse> |
||||
|
<uni-collapse-item title="广告" :show-animation="true"> |
||||
|
<view class="content"> |
||||
|
<text class="text" @click="linkTo(0, 2)" |
||||
|
>额度:{{ endProfitInfo.profit }}</text |
||||
|
> |
||||
|
</view> |
||||
|
</uni-collapse-item> |
||||
|
<uni-collapse-item title="邀请" :show-animation="true"> |
||||
|
<view class="content"> |
||||
|
<text class="text" @click="linkTo(1, 2)" |
||||
|
>额度:{{ endProfitInfo.inviteProfit }}</text |
||||
|
> |
||||
|
</view> |
||||
|
</uni-collapse-item> |
||||
|
</uni-collapse> |
||||
|
</view> |
||||
|
</view> |
||||
|
</uni-group> |
||||
|
</uni-section> |
||||
|
</view> --> |
||||
|
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
import { |
import { |
||||
queryFrontProfitInfo, //查询指定艺术家收益统计 |
queryFrontProfitInfo, //查询指定艺术家收益统计 |
||||
queryFrontPreDownloadAndInviteCount, //查询指定艺术家即将入账广告及邀请次数列表 |
queryFrontPreDownloadAndInviteCount, //查询指定艺术家即将入账广告及邀请次数列表 |
||||
queryFrontPreProfit, //查询指定艺术家即将入账收益列表 |
queryFrontPreProfit, //查询指定艺术家即将入账收益列表 |
||||
queryFrontInOrOutAmt, //查询指定艺术家已入账/转入钱包累计收益 |
queryFrontInOrOutAmt, //查询指定艺术家已入账/转入钱包累计收益 |
||||
} from '@/api/profit.js' |
} from "@/api/profit.js"; |
||||
import { |
import { getNoticeList } from "@/api/userInfo.js"; |
||||
getNoticeList |
export default { |
||||
} from '@/api/userInfo.js' |
data() { |
||||
export default { |
return { |
||||
data() { |
nvueWidth: 730, |
||||
return { |
profitInfo: { |
||||
nvueWidth: 730, |
yesterdayAdProfit: 0, |
||||
profitInfo: { |
yesterdayInviteProfit: 0, |
||||
yesterdayAdProfit: 0, |
totalProfit: 0, |
||||
yesterdayInviteProfit: 0, |
lastMonthProfit: 0, |
||||
totalProfit: 0, |
thisMonthProfit: 0, |
||||
lastMonthProfit: 0, |
}, |
||||
thisMonthProfit: 0 |
downloadAndInviteCountInfo: {}, |
||||
}, |
profitList: [], |
||||
downloadAndInviteCountInfo: {}, |
items: ["即将入账", "", "已入账", "", "已转入钱包"], |
||||
profitList: [], |
current: 0, |
||||
items: ['即将入账', '已入账', '已转入钱包'], |
activeColor: "#007aff", |
||||
current: 0, |
styleType: "text", |
||||
activeColor: '#007aff', |
inProfitInfo: {}, |
||||
styleType: 'text', |
endProfitInfo: {}, |
||||
inProfitInfo: {}, |
userInfo: {}, |
||||
endProfitInfo: {}, |
noticeList: [], |
||||
userInfo: {}, |
pageSize: 10, |
||||
noticeList: [], |
pageNum: 1, |
||||
pageSize: 10, |
active: 0, |
||||
pageNum: 1 |
}; |
||||
} |
}, |
||||
}, |
// 下拉刷新 |
||||
// 下拉刷新 |
onPullDownRefresh() { |
||||
onPullDownRefresh() { |
uni.stopPullDownRefresh(); |
||||
uni.stopPullDownRefresh() |
}, |
||||
}, |
created() { |
||||
created() { |
const userInfoSync = uni.getStorageSync("userInfo"); |
||||
const userInfoSync = uni.getStorageSync('userInfo') |
this.userInfo = userInfoSync; |
||||
this.userInfo = userInfoSync |
this.queryFrontProfitInfo(); |
||||
this.queryFrontProfitInfo(); |
this.queryFrontPreDownloadAndInviteCount(); |
||||
this.queryFrontPreDownloadAndInviteCount() |
this.queryFrontInAmt(); |
||||
this.queryFrontInAmt() |
this.queryFrontEndAmt(); |
||||
this.queryFrontEndAmt() |
this.getNoticeList(); |
||||
this.getNoticeList() |
}, |
||||
}, |
methods: { |
||||
methods: { |
// 获取艺术家收益统计 |
||||
|
async queryFrontProfitInfo() { |
||||
|
const res = await queryFrontProfitInfo(this.userInfo.id); |
||||
|
//console.log('res', res) |
||||
|
if (res.data.code === 200) { |
||||
|
this.profitInfo = res.data.data; |
||||
|
//console.log('profitInfo', this.profitInfo) |
||||
|
} else { |
||||
|
uni.showModal({ |
||||
|
content: "收益统计加载失败！", |
||||
|
showCancel: false, |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
// 获取艺术家收益统计 |
// 查询指定艺术家即将入账广告及邀请次数列表 |
||||
async queryFrontProfitInfo() { |
async queryFrontPreDownloadAndInviteCount() { |
||||
const res = await queryFrontProfitInfo(this.userInfo.id) |
const res = await queryFrontPreDownloadAndInviteCount(this.userInfo.id); |
||||
//console.log('res', res) |
//console.log('res', res) |
||||
if (res.data.code === 200) { |
if (res.data.code === 200) { |
||||
this.profitInfo = res.data.data |
this.downloadAndInviteCountInfo = res.data.data; |
||||
//console.log('profitInfo', this.profitInfo) |
//console.log('downloadAndInviteCountInfo', this.downloadAndInviteCountInfo) |
||||
} else { |
} else { |
||||
uni.showModal({ |
uni.showModal({ |
||||
content: '收益统计加载失败！', |
content: "收益统计次数加载失败！", |
||||
showCancel: false |
showCancel: false, |
||||
}); |
}); |
||||
} |
} |
||||
}, |
}, |
||||
|
|
||||
// 查询指定艺术家即将入账广告及邀请次数列表 |
// 查询指定艺术家已入账累计收益 |
||||
async queryFrontPreDownloadAndInviteCount() { |
async queryFrontInAmt() { |
||||
const res = await queryFrontPreDownloadAndInviteCount(this.userInfo.id) |
const res = await queryFrontInOrOutAmt({ |
||||
//console.log('res', res) |
creatorId: this.userInfo.id, |
||||
if (res.data.code === 200) { |
status: "1", |
||||
this.downloadAndInviteCountInfo = res.data.data |
}); |
||||
//console.log('downloadAndInviteCountInfo', this.downloadAndInviteCountInfo) |
//console.log('InAmt', res) |
||||
} else { |
if (res.data.code === 200) { |
||||
uni.showModal({ |
this.inProfitInfo = res.data.data; |
||||
content: '收益统计次数加载失败！', |
} else { |
||||
showCancel: false |
uni.showModal({ |
||||
}); |
content: "已入账收益加载失败！", |
||||
} |
showCancel: false, |
||||
}, |
}); |
||||
|
} |
||||
|
}, |
||||
|
|
||||
// 查询指定艺术家已入账累计收益 |
// 查询指定艺术家转入钱包累计收益 |
||||
async queryFrontInAmt() { |
async queryFrontEndAmt() { |
||||
const res = await queryFrontInOrOutAmt({ |
const res = await queryFrontInOrOutAmt({ |
||||
creatorId: this.userInfo.id, |
creatorId: this.userInfo.id, |
||||
status: '1' |
status: "2", |
||||
}) |
}); |
||||
//console.log('InAmt', res) |
//console.log('endAmt', res) |
||||
if (res.data.code === 200) { |
if (res.data.code === 200) { |
||||
this.inProfitInfo = res.data.data |
this.endProfitInfo = res.data.data; |
||||
} else { |
} else { |
||||
uni.showModal({ |
uni.showModal({ |
||||
content: '已入账收益加载失败！', |
content: "转入钱包收益加载失败！", |
||||
showCancel: false |
showCancel: false, |
||||
}); |
}); |
||||
} |
} |
||||
}, |
}, |
||||
|
|
||||
// 查询指定艺术家转入钱包累计收益 |
// 获取公告分页 |
||||
async queryFrontEndAmt() { |
async getNoticeList() { |
||||
const res = await queryFrontInOrOutAmt({ |
const res = await getNoticeList({ |
||||
creatorId: this.userInfo.id, |
pageSize: this.pageSize, |
||||
status: '2' |
pageNum: this.pageNum, |
||||
}) |
}); |
||||
//console.log('endAmt', res) |
//console.log('res', res) |
||||
if (res.data.code === 200) { |
if (res.data.code === 200) { |
||||
this.endProfitInfo = res.data.data |
this.noticeList = res.data.rows; |
||||
} else { |
//console.log('noticeList', this.noticeList) |
||||
uni.showModal({ |
} else { |
||||
content: '转入钱包收益加载失败！', |
uni.showModal({ |
||||
showCancel: false |
content: "公告列表加载失败！", |
||||
}); |
showCancel: false, |
||||
} |
}); |
||||
}, |
} |
||||
|
}, |
||||
|
|
||||
// 获取公告分页 |
// 跳转即将到账收益详情页(status:0->即将入账;1->已入账;2->转入钱包) |
||||
async getNoticeList() { |
linkTo(typeId, status) { |
||||
const res = await getNoticeList({ |
if (status === 0) { |
||||
pageSize: this.pageSize, |
uni.setStorage({ |
||||
pageNum: this.pageNum, |
key: "typeId", |
||||
}) |
data: typeId, |
||||
//console.log('res', res) |
success() { |
||||
if (res.data.code === 200) { |
uni.navigateTo({ |
||||
this.noticeList = res.data.rows |
url: "../profit/profitPreDetails", |
||||
//console.log('noticeList', this.noticeList) |
}); |
||||
} else { |
}, |
||||
uni.showModal({ |
}); |
||||
content: '公告列表加载失败！', |
} else if (status === 1) { |
||||
showCancel: false |
uni.setStorage({ |
||||
}); |
key: "typeId", |
||||
} |
data: typeId, |
||||
}, |
success() { |
||||
|
uni.navigateTo({ |
||||
|
url: "../profit/profitInDetails", |
||||
|
}); |
||||
|
}, |
||||
|
}); |
||||
|
} else { |
||||
|
uni.setStorage({ |
||||
|
key: "typeId", |
||||
|
data: typeId, |
||||
|
success() { |
||||
|
uni.navigateTo({ |
||||
|
url: "../profit/profitEndDetails", |
||||
|
}); |
||||
|
}, |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
onClickItem(e) { |
||||
|
if (this.current !== e.currentIndex) { |
||||
|
this.current = e.currentIndex; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
// 跳转即将到账收益详情页(status:0->即将入账;1->已入账;2->转入钱包) |
//查看更多公告 |
||||
linkTo(typeId, status) { |
getMore() { |
||||
if (status === 0) { |
uni.navigateTo({ |
||||
uni.setStorage({ |
url: "../../pages-userInfo/notice/notice", |
||||
key: 'typeId', |
}); |
||||
data: typeId, |
}, |
||||
success() { |
segActive(index) { |
||||
uni.navigateTo({ |
this.active = index; |
||||
url: '../profit/profitPreDetails' |
}, |
||||
}) |
}, |
||||
} |
}; |
||||
}) |
|
||||
} else if (status === 1) { |
|
||||
uni.setStorage({ |
|
||||
key: 'typeId', |
|
||||
data: typeId, |
|
||||
success() { |
|
||||
uni.navigateTo({ |
|
||||
url: '../profit/profitInDetails' |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} else { |
|
||||
uni.setStorage({ |
|
||||
key: 'typeId', |
|
||||
data: typeId, |
|
||||
success() { |
|
||||
uni.navigateTo({ |
|
||||
url: '../profit/profitEndDetails' |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
onClickItem(e) { |
|
||||
if (this.current !== e.currentIndex) { |
|
||||
this.current = e.currentIndex |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
//查看更多公告 |
|
||||
getMore() { |
|
||||
uni.navigateTo({ |
|
||||
url: '../../pages-userInfo/notice/notice', |
|
||||
}) |
|
||||
} |
|
||||
}, |
|
||||
} |
|
||||
</script> |
</script> |
||||
|
|
||||
<style lang="scss"> |
<style lang="scss"> |
||||
.container { |
.container { |
||||
font-family: ‘Franklin Gothic Medium’, ‘Arial Narrow’, Arial, sans-serif; |
font-family: ‘Franklin Gothic Medium’, ‘Arial Narrow’, Arial, sans-serif; |
||||
} |
} |
||||
|
.back { |
||||
|
width: 100%; |
||||
|
height: 320px; |
||||
|
position: relative; |
||||
|
} |
||||
|
.back2 { |
||||
|
width: 100%; |
||||
|
// height: 320px; |
||||
|
// position: relative; |
||||
|
// top: -60px; |
||||
|
} |
||||
|
.back-top { |
||||
|
width: 100%; |
||||
|
position: absolute; |
||||
|
height: 120px; |
||||
|
background: #416bdc; |
||||
|
} |
||||
|
.back-con { |
||||
|
width: 95%; |
||||
|
left: 50%; |
||||
|
top: 42%; |
||||
|
transform: translate(-50%, -50%); |
||||
|
background-color: white; |
||||
|
position: absolute; |
||||
|
height: 220px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
.back-con2 { |
||||
|
width: 95%; |
||||
|
padding: 0 16px; |
||||
|
box-sizing: border-box; |
||||
|
left: 50%; |
||||
|
top: 515px; |
||||
|
transform: translate(-50%, -50%); |
||||
|
background-color: white; |
||||
|
position: absolute; |
||||
|
height: 415px; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
.back-bot { |
||||
|
width: 100%; |
||||
|
position: absolute; |
||||
|
top: 80px; |
||||
|
} |
||||
|
.back-con-top { |
||||
|
font-size: 20px; |
||||
|
font-weight: 600; |
||||
|
margin: 20px 0 15px 0; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
.back-con-mid { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.border { |
||||
|
width: 1px; |
||||
|
height: 30px; |
||||
|
background-color: rgb(165, 165, 165); |
||||
|
} |
||||
|
.back-con-mid-left { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
color: rgb(165, 165, 165); |
||||
|
padding-right: 40px; |
||||
|
// border-right: 1px solid #ccc; |
||||
|
} |
||||
|
.back-con-mid-right { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
color: rgb(165, 165, 165); |
||||
|
padding-left: 40px; |
||||
|
} |
||||
|
|
||||
|
.back-con-bot { |
||||
|
width: 100%; |
||||
|
height: 80px; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
.uni-padding-wrap { |
.back-con-bot-left { |
||||
// width: 750rpx; |
width: 33.33%; |
||||
padding: 0px 30px; |
display: flex; |
||||
} |
flex-direction: column; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
color: #a5a5a5; |
||||
|
} |
||||
|
.back-con-bot-mid { |
||||
|
width: 33.33%; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
color: #a5a5a5; |
||||
|
} |
||||
|
.back-con-bot-right { |
||||
|
width: 33.33%; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
color: #a5a5a5; |
||||
|
} |
||||
|
.uni-padding-wrap { |
||||
|
// width: 750rpx; |
||||
|
padding: 0px 30px; |
||||
|
} |
||||
|
|
||||
.uni-common-mt { |
.uni-common-mt { |
||||
margin-top: 30px; |
margin-top: 30px; |
||||
} |
} |
||||
|
.segmented { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
// align-items: center; |
||||
|
} |
||||
|
.segmented-con { |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: center; |
||||
|
color: #a5a5a5; |
||||
|
} |
||||
|
.img1 { |
||||
|
width: 15px; |
||||
|
height: 10px; |
||||
|
margin-top: 7px; |
||||
|
visibility: hidden; |
||||
|
} |
||||
|
.img { |
||||
|
width: 18px; |
||||
|
height: 15px; |
||||
|
margin: 0 20px; |
||||
|
} |
||||
|
.top-text { |
||||
|
font-size: 20px; |
||||
|
margin-top: 12px; |
||||
|
color: red; |
||||
|
} |
||||
|
.size14 { |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
.show { |
||||
|
visibility: visible; |
||||
|
} |
||||
|
.activecolor { |
||||
|
color: #4d6cff; |
||||
|
} |
||||
|
.circular { |
||||
|
width: 8px; |
||||
|
height: 8px; |
||||
|
border-radius: 50%; |
||||
|
background-color: #4d6cff; |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
.adver { |
||||
|
margin-top: 6px; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
.adver-top { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-top: 12px; |
||||
|
} |
||||
|
.adver-top-text { |
||||
|
font-size: 18px; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
.adver-mid { |
||||
|
font-size: 12px; |
||||
|
color: #ccc; |
||||
|
// margin-top: ; |
||||
|
margin-bottom: 8px; |
||||
|
} |
||||
|
.blue { |
||||
|
color: #4d6cff; |
||||
|
} |
||||
</style> |
</style> |
||||
|
|||||
|
After Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 966 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
Loading…
Reference in new issue