159 lines
4.2 KiB
Vue
159 lines
4.2 KiB
Vue
<template>
|
|
<tpx-page>
|
|
<tpx-layout>
|
|
<template v-slot:header>
|
|
|
|
<view class="pt-30">
|
|
<view class="com-jianju" style="padding: 30rpx;background-color:#B12D29;border-radius: 30rpx;">
|
|
<u-row justify="between">
|
|
<view class="clr-wht font-32 font-weight">计提概况</view>
|
|
</u-row>
|
|
|
|
<u-row justify="between" custom-style="margin-top:20rpx;">
|
|
<view style="flex: 1;text-align: center;">
|
|
<view class="font-40 clr-wht font-weight">
|
|
<text class="font-26 pr-10">¥</text>
|
|
<text>{{staticInfo.money}}</text>
|
|
</view>
|
|
<view class="pt-20 clr-wht font-26" style="opacity: 0.8;">
|
|
<u-row justify="center">
|
|
<u-icon name="order" color="#fff" custom-style="opacity: 0.8;" size="30"></u-icon>
|
|
<text class="pl-10">预估计提</text>
|
|
</u-row>
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<u-line direction="col" color="#fff" length="80"></u-line>
|
|
</view>
|
|
<view style="flex: 1;text-align: center;">
|
|
<view class="font-40 clr-wht font-weight">
|
|
<text class="font-26 pr-10">¥</text>
|
|
<text>{{staticInfo.payedMoney}}</text>
|
|
</view>
|
|
<view class="pt-20 clr-wht font-26" style="opacity: 0.8;">
|
|
<u-row justify="center">
|
|
<u-icon name="order" color="#fff" custom-style="opacity: 0.8;" size="30"></u-icon>
|
|
<text class="pl-10">已计提</text>
|
|
</u-row>
|
|
</view>
|
|
</view>
|
|
</u-row>
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
|
|
<template v-slot:body>
|
|
<view class="pos-abt-all">
|
|
<tpx-scroll-view v-model:resObject="resData" :searchParam="searchParam" :getListFun="getListFun"
|
|
ref="listRef"
|
|
>
|
|
<view class="pgb-cont">
|
|
<!-- 列表数据 -->
|
|
<view class="pgbc-list">
|
|
<view v-for="(orItem, index) in resData.list" class="ord-list-item" :style="`${index+1==resData.list.length?'border-bottom: 0;':''};`">
|
|
<u-row justify="between">
|
|
<view>
|
|
<view class="clr-sub pb-20">订单号</view>
|
|
<view>{{orItem.billCode}}</view>
|
|
</view>
|
|
<view style="text-align: right;">
|
|
<view class="clr-sub pb-20">
|
|
<tpx-text-dic :value="orItem.feeType" :list="dicData.emis_commission_fee_type"></tpx-text-dic>
|
|
</view>
|
|
<view class="font-weight">
|
|
<text class="clr-prm">+</text>
|
|
<!-- <text v-if="orItem.feeType != 1" class="clr-sub">-</text> -->
|
|
<text class="pl-10 clr-prm">{{orItem.money}}</text>
|
|
</view>
|
|
</view>
|
|
</u-row>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</tpx-scroll-view>
|
|
</view>
|
|
</template>
|
|
</tpx-layout>
|
|
|
|
<!-- 日历 -->
|
|
<!-- @close="handleSwitchCladar()" -->
|
|
<!-- u-calendar title="请选择日期范围" color="#B12D29" mode="range" rowHeight="90" closeOnClickOverlay :show="showCladar" :defaultDate="tmpSearchParam.date.split('~')" @confirm="handleClaOk" @close="handleSwitchCladar"
|
|
></u-calendar> -->
|
|
</tpx-page>
|
|
|
|
</template>
|
|
<script>
|
|
import { setClipboardData, confirmModal, showLoading } from "@/common/untool"
|
|
import * as apiService from "@/common/api"
|
|
export default {
|
|
props: {
|
|
// hasLeftWin: {
|
|
// type: Boolean
|
|
// }
|
|
},
|
|
computed: {
|
|
dicData() {
|
|
return this.$store.getters.dicData
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
showSearchMore: false,
|
|
showCladar: false,
|
|
tmpSearchParam: {
|
|
|
|
},
|
|
searchParam: {
|
|
|
|
},
|
|
queryOption: {
|
|
},
|
|
staticInfo: {},
|
|
resData: {
|
|
list: []
|
|
}
|
|
}
|
|
},
|
|
onShareAppMessage() {
|
|
return {
|
|
// title: '',
|
|
}
|
|
},
|
|
onLoad(queryOption) {
|
|
this.queryOption = queryOption
|
|
this.initData();
|
|
},
|
|
onUnload() {
|
|
},
|
|
methods: {
|
|
async initData(){
|
|
const comProRes = await apiService.getMyProfitStat()
|
|
this.staticInfo = comProRes.data || {}
|
|
},
|
|
getListFun: apiService.getMyProfitSimpleList,
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import '@/common/uni-nvue.scss';
|
|
page {
|
|
background-color: #F6F6F6;
|
|
height: 100% !important;
|
|
}
|
|
</style>
|
|
<style scoped lang="scss">
|
|
.pgb-cont{
|
|
margin: 30rpx;
|
|
}
|
|
.pgbc-list{
|
|
border-radius: 30rpx;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.ord-list-item{
|
|
padding: 22rpx 30rpx;
|
|
border-bottom: 2rpx solid rgb(214, 215, 217);
|
|
}
|
|
</style> |