佣金收入页面ui更改，提交结果页判断

pages/index/applypartner.vue

@@ -173,9 +173,10 @@
 						 sysUserInfo:this.personData,
 					}).then(res=>{
 						if(res.code==200){
-							uni.redirectTo({
-								url: "/pages/index/result"
-							})
+						let obj = JSON.stringify(res.data);
+						uni.redirectTo({
+							url: "/pages/index/result?data="+obj
+						})
 						}
 						else{
 							uni.showModal({
@@ -190,9 +191,11 @@
 						sysUser:{...this.personData,roleId:"22",referrerId:this.userId,level:this.level,type:1},
 						esmUserImageVo:this.personData.esmUserImageVo
 					}).then(res=>{
+						console.log(res.data)
 						if(res.code==200){
+							let obj = JSON.stringify(res.data);
 							uni.redirectTo({
-								url: "/pages/index/result"
+								url: "/pages/index/result?data="+obj
 							})
 						}
 						else{

pages/index/applystudio.vue

@@ -215,8 +215,9 @@
 						 sysUserInfo:this.personData,
 					}).then(res=>{
 						if(res.code==200){
+							let obj = JSON.stringify(res.data);
 							uni.redirectTo({
-								url: "/pages/index/result"
+								url: "/pages/index/result?data="+obj
 							})
 						}
 						else{
@@ -233,8 +234,9 @@
 						esmUserImageVo:this.personData.esmUserImageVo
 					}).then(res=>{
 						if(res.code==200){
+							let obj = JSON.stringify(res.data);
 							uni.redirectTo({
-								url: "/pages/index/result"
+								url: "/pages/index/result?data="+obj
 							})
 						}
 						else{

pages/index/applyteam.vue

@@ -170,8 +170,9 @@
 						 sysUserInfo:this.personData,
 					}).then(res=>{
 						if(res.code==200){
+							let obj = JSON.stringify(res.data);
 							uni.redirectTo({
-								url: "/pages/index/result"
+								url: "/pages/index/result?data="+obj
 							})
 						}
 						else{
@@ -187,8 +188,9 @@
 						esmUserImageVo:this.personData.esmUserImageVo
 					}).then(res=>{
 						if(res.code==200){
+							let obj = JSON.stringify(res.data);
 							uni.redirectTo({
-								url: "/pages/index/result"
+								url: "/pages/index/result?data="+obj
 							})
 						}
 						else{

pages/index/result.vue

@@ -4,17 +4,20 @@
 		<public-module></public-module>
 		<view style="padding:95px 25px;">
 			<view class="assets" >
-				<image v-if="!id"  src="/static/icon/Vector.png" mode=""></image>
-				<image v-if="id"  src="/static/icon/Vector (1).png" mode=""></image>
-				<view  style="font-size: 16px;">{{!id?'申请成功':'审核驳回'}}</view>
+				<image v-if="id"  src="/static/icon/Vector.png" mode=""></image>
+				<image v-if="!id"  src="/static/icon/Vector (1).png" mode=""></image>
+				<view  style="font-size: 16px;">{{id?'申请成功':'审核驳回'}}</view>
 				<!-- <view style="font-size: 31px;font-weight: bold;margin-top:5px">{{MoneyData.cashFee}}</view> -->
-				<text v-if="!id" style="font-size: 15px;">已提交合伙人/工作室/团队注册申请，请等待耐心等待系统审核</text>
-				<text v-if="id"  style="font-size: 15px;">请核对并修改以下信息后，再重新提交。</text>
+				<view class="" v-if="id">
+					申请人工号:{{id}}
+				</view>
+				<text v-if="id" style="font-size: 15px;">已提交合伙人/工作室/团队注册申请，请等待耐心等待系统审核</text>
+				<text v-if="!id"  style="font-size: 15px;">请核对并修改以下信息后，再重新提交。</text>
 				<view v-if="remark" style="padding: 15px;background: #F9F9F9;font-size: 15px;text-align: left;
 color: #666666;border-radius: 3px 3px 3px 3px;margin-top: 15px;">
 					{{remark}}
 				</view>
-				<view class="bottom-button dis j-s" v-if="id" >
+				<view class="bottom-button dis j-s" v-if="!id" >
 					<text>取消</text>
 					<text @click="resubmit">重新提交</text>
 				</view>
@@ -41,11 +44,12 @@ color: #666666;border-radius: 3px 3px 3px 3px;margin-top: 15px;">
 
 		},
 	async onLoad(e) {
+		let options = JSON.parse(e.data);
 		// 工号/合伙人还是工作室/驳回内容/审核状态/等级/机构来源
 		if(e){
-			this.id=e.id
-			this.remark=e.remark //驳回内容
-			this.type=e.type //合伙人1 工作室2 团队3
+			this.id=options.id
+			this.remark=options.remark //驳回内容
+			this.type=options.type //合伙人1 工作室2 团队3
 			// this.level=e.level?e.level:'' //type为1，传合伙人等级
 			// this.deptSource=e.deptSource?e.deptSource:'' //type为2，传机构来源
 		}

pages/my/commission.vue

@@ -1,49 +1,87 @@
 <template>
-	<view class="" >
+	<view class="">
 		<public-module></public-module>
-		 <view class="headers " :style="headerStyle">
+		<view class="headers " :style="headerStyle">
 			<view class="dis a-c j-start " style="padding: 0 15px;">
-				<u-icon name="arrow-left"  size="40" @tap="back"></u-icon>
+				<u-icon name="arrow-left" size="40" @tap="back"></u-icon>
 				<text style="margin: auto;">佣金总收入</text>
 			</view>
 		</view>
-		
-        <view class="body"   style="background: #F8FAFE;margin-top: 85px;">
-		<view class="partner-head">
-			<view class=" dis j-s search" >
-				<text>收入种类<i></i></text>
-				<text  @click="$refs.datePicker.open()">自定义时间<i></i></text>
+
+		<view class="body" style="background: #F8FAFE;margin-top: 85px;">
+			<view class="partner-head">
+				<view class=" dis j-s search">
+					<!-- <text>收入种类<i></i></text> -->
+					<text style="margin-right: 10px;" @click="industryShow = true">{{industryData}}<i></i></text>
+					<u-select mode="single-column" :list="industryoptions" v-model="industryShow" label-name="lable"
+						value-name="value" @confirm="industryopConfirm($event)"></u-select>
+					<text @click="$refs.datePicker.open()">自定义时间<i></i></text>
+				</view>
 			</view>
-		</view>
-			<block >
-				<view class="withdrawal-flow" >
-						<view class="withdrawal-card j-s dis" v-for="val in withdrawalData"  :key="val" @click="view(val)">
-							<view class="dis" >
-								<image  v-if='val.industrySector==1' src="/static/image/my/qiche.png" mode=""></image>
+			<block>
+				<view class="content">
+					<view class="options" v-for="val in withdrawalData" :key="val" @click="view(val)">
+						<view class="dis">
+							<view class="left">
+								<image v-if='val.industrySector==1' src="/static/image/my/qiche.png" mode=""></image>
 								<image v-else src="/static/image/my/caixian.png" mode=""></image>
-								<view>
-									<view style="line-height: 18px;">{{val.industrySector==1?'汽车-车险':'保险-财险'}}</view>
-									<text style="font-size: 10px;color: #999999;">{{val.createTime}}</text>
+								{{val.licenseno}}
+								<view class="type">{{val.industrySector==1?'(车险)':'(财险)'}}</view>
+							</view>
+							<view class="right">
+								{{val.createTime}}
+							</view>
+							<!-- <view>
+								<view style="line-height: 18px;">{{val.industrySector==1?'汽车-车险':'保险-财险'}}</view>
+								<text style="font-size: 10px;color: #999999;">{{val.createTime}}</text>
+							</view> -->
+						</view>
+						<view class="contribution">
+							<view class="contribution_left">
+								贡献合伙人
+								<text v-if="val.profferLevel == 1">一级合伙人</text>
+								<text v-if="val.profferLevel == 2">二级合伙人</text>
+								<text v-if="val.profferLevel == 3">三级合伙人</text>
+								<text v-if="val.profferLevel == 4">四级合伙人</text>
+								<text v-if="val.profferLevel == 5">五级合伙人</text>
+							</view>
+							<view class="contribution_right">
+								{{val.extractFee}}
+							</view>
+						</view>
+						<view class="dividend">
+							<view class="dividend_left">
+								分红合伙人
+							</view>
+							<view class="dividend_right">
+								<view class="dividend_options" v-for="(item,index) in val.profferList" :key="index">
+									<text v-if="item.source == 1">一级合伙人</text>
+									<text v-if="item.source == 2">二级合伙人</text>
+									<text v-if="item.source == 3">三级合伙人</text>
+									<text v-if="item.source == 4">四级合伙人</text>
+									<text v-if="item.source == 5">五级合伙人</text>
+									{{item.extractFee}}元
 								</view>
 							</view>
-							<text>{{val.extractFee}}</text>
 						</view>
+						<!-- <text>{{val.extractFee}}</text> -->
 					</view>
+				</view>
 			</block>
 			<u-loadmore style="margin-top: 5px;" v-if="directLsit.length!=0" :status="status" />
 			<o-empty v-if="directLsit.length==0" />
-    </view>
-		<my-date-picker   ref="datePicker"  @confirmPickDate="confirmPickDate" />
+		</view>
+		<my-date-picker ref="datePicker" @confirmPickDate="confirmPickDate" />
 	</view>
 </template>
 <script>
 	import myDatePicker from '../components/date-picker.vue';
-	export default{
+	export default {
 		components: {
-		       myDatePicker
-		   },
-		data(){
-			return{
+			myDatePicker
+		},
+		data() {
+			return {
 				headerStyle: {
 					backgroundColor: 'transparent',
 					backgroundImage: 'url("/static/beijing (2).png")',
@@ -53,34 +91,55 @@
 					// 其他样式属性...
 				},
 				directLsit: {},
-                source:0,
-				totalPages:0,
-                totalSize:0,
+				source: 0,
+				totalPages: 0,
+				totalSize: 0,
 				status: 'loadmore',
 				pageRequest: { //查询的默认条件
 					pageNum: 1,
 					pageSize: 20,
 				},
-               withdrawalData:[]
+				withdrawalData: [],
+
+
+				industryData: '全部行业',
+				industryShow: false,
+				industrySector: '0',
+				industryoptions: [{
+					lable: '全部行业',
+					value: '0'
+				}, {
+					lable: '汽车服务',
+					value: '1'
+				}, {
+					lable: '保险',
+					value: '2'
+				}],
 			}
 		},
 		async onLoad(params) {
 			this.queryData()
 
 		},
-		methods:{
-			confirmPickDate(dateStr,dateStr1){
-				if(dateStr){
-					dateStr+=' 00:00:01'
+		methods: {
+			// 收入种类筛选
+			industryopConfirm(e) {
+				this.industryData = e[0].label
+				this.industrySector = e[0].value
+				this.queryData()
+			},
+			confirmPickDate(dateStr, dateStr1) {
+				if (dateStr) {
+					dateStr += ' 00:00:01'
 				}
-				if(dateStr1){
-					dateStr1+=' 23:59:59'
+				if (dateStr1) {
+					dateStr1 += ' 23:59:59'
 				}
-				this.queryData(dateStr ,dateStr1)
+				this.queryData(dateStr, dateStr1)
 			},
 			view(item) {
 				uni.navigateTo({
-					url: "/pages/my/commissionDetail?key="+encodeURIComponent(JSON.stringify(item))
+					url: "/pages/my/commissionDetail?key=" + encodeURIComponent(JSON.stringify(item))
 				})
 			},
 			back() {
@@ -88,54 +147,54 @@
 					delta: 1, // 返回的页面数，如果是1表示返回上一页
 					success: function() {}
 				});
-				
+
 			},
 			onReachBottom() {
 				if (this.pageRequest.pageNum >= this.totalPages) return;
 				this.status = 'loading';
 				this.pageRequest.pageNum = ++this.pageRequest.pageNum;
 				setTimeout(async () => {
-					let res = await this.$http.post('/APPPartner/getCommissionInfo', {
-						beginTime:'2024-10-08 16:21:11',
-						endTime:'2024-10-11 16:21:11',
-						industrySector:'1',
-						...this.pageRequest
-				});
+					let res = await this.$http.post('/APPPartner/getCommissionInfos', {
+						beginTime: '2024-10-08 16:21:11',
+						endTime: '2024-10-11 16:21:11',
+						// industrySector: '1',
+						industrySector: this.industrySector
+					});
 					if (res.code == '200') {
-					this.totalSize = res.data.totalSize;
+						// this.totalSize = res.data.totalSize;
 						this.directLsit = [...this.withdrawalData, ...res.data.content];
 					}
-					if (this.pageRequest.pageNum >= this.totalPages) this.status = 'nomore';
+					// if (this.pageRequest.pageNum >= this.totalPages) this.status = 'nomore';
 					else this.status = 'loading';
 				}, 1000)
 			},
-			async queryData(beginTime='',endTime='') {
+			async queryData(beginTime = '', endTime = '') {
 				let params = {
-                    beginTime,
-                    endTime,
-					industrySector:'1',
-					...this.pageRequest
+					beginTime,
+					endTime,
+					// industrySector: '1',
+					industrySector: this.industrySector
+					// ...this.pageRequest
 				}
-				let res = await this.$http.post('/APPPartner/getCommissionInfo', params);
+				let res = await this.$http.post('/APPPartner/getCommissionInfos', params);
 				if (res.code == '200') {
-					this.withdrawalData=res.data.content
-					this.totalPages = res.data.totalPages;
-					this.totalSize = res.data.totalSize;
-					if (this.pageRequest.pageNum >= res.data.totalPages) this.status = 'nomore';
-					else this.status = 'loadmore';
-                    
+					this.withdrawalData = res.data
+					// this.totalPages = res.data.totalPages;
+					// this.totalSize = res.data.totalSize;
+					// if (this.pageRequest.pageNum >= res.data.totalPages) this.status = 'nomore';
+					// else this.status = 'loadmore';
+
 				}
 			},
 			onShowDatePicker() { //显示
 				this.showDatePicker = true;
 			},
 		}
-		
+
 	}
 </script>
 
 <style lang="scss" scoped>
-	
 	.headers {
 		position: fixed;
 		top: 0;
@@ -143,45 +202,53 @@
 		width: 100%;
 		z-index: 999999;
 		padding-top: 40px;
-		    height: 85px;
+		height: 85px;
+
 		text {
 			font-size: 18px;
 			font-weight: bold;
 		}
 	}
 
-	.sum-insurance{
+	.sum-insurance {
 		padding: 10px 0;
-		view{
+
+		view {
 			text-align: center;
 			width: 33.33%;
 			border-right: 1px solid #EEEEEE;
-				text{
-					display: block;
-				}
-				text:first-child{
-					font-weight: 600;
-					font-size: 18px;
-					color: #333333;
-				}
-				text:last-child{
-					font-size: 10px;
-					color: #999999;
-				}
+
+			text {
+				display: block;
+			}
+
+			text:first-child {
+				font-weight: 600;
+				font-size: 18px;
+				color: #333333;
+			}
+
+			text:last-child {
+				font-size: 10px;
+				color: #999999;
 			}
+		}
 	}
-	.withdrawal-flow{
+
+	.withdrawal-flow {
 		margin: 8px 16px;
 		overflow: hidden;
 		background: #FFFFFF;
 		border-radius: 5px 5px 5px 5px;
 		font-size: 16px;
 		color: #333333;
-		.withdrawal-card{
+
+		.withdrawal-card {
 			border-bottom: 1px solid #EEEEEE;
 			padding: 15px 0;
 			margin: 0 15px;
-			image{
+
+			image {
 				display: inline-block;
 				width: 33px;
 				height: 33px;
@@ -189,35 +256,139 @@
 			}
 		}
 	}
-	.partner-head{
+
+	.partner-head {
 		background: #FFFFFF;
 		color: #333333;
 		font-size: 14px;
-		.search-data{
+
+		.search-data {
 			color: #666666;
-			text{
+
+			text {
 				padding: 5px 8px;
 				border: 1px solid #EEEEEE;
 			}
 		}
-		.search{
+
+		.search {
 			border: 1px solid #EEEEEE;
 			padding: 10px;
-			text{
+
+			text {
 				width: 49%;
 				text-align: center;
 			}
-			i{
+
+			i {
 				margin-left: 2px;
-				display:inline-block;
+				display: inline-block;
 				width: 0;
 				height: 0;
 				border: 4px solid;
 				border-color: #666666;
-				border-bottom: 4px solid transparent; 
+				border-bottom: 4px solid transparent;
 				border-right: 4px solid transparent;
 				border-left: 4px solid transparent;
 			}
 		}
 	}
-</style>
+
+	.content {
+		padding: 20rpx 30rpx;
+		background: #F7F7F7;
+
+		.options {
+			width: 100%;
+			box-sizing: border-box;
+			background: #FFFFFF;
+			margin: 0 auto 14rpx;
+			border-radius: 8px 8px 8px 8px;
+			border-left: 1px solid #2D6DFF;
+			padding: 20rpx;
+
+			.dis {
+				width: 100%;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+
+				.left {
+					// width: 100%;
+					display: flex;
+					align-items: center;
+					font-weight: 500;
+					font-size: 32rpx;
+
+					.type {
+						font-weight: 500;
+						font-size: 32rpx;
+						margin-left: 20rpx;
+					}
+
+					image {
+						width: 40rpx;
+						height: 40rpx;
+						margin-right: 10rpx;
+					}
+
+				}
+
+				.right {
+					font-size: 18rpx;
+					color: #999999;
+				}
+			}
+
+			.contribution {
+				width: 100%;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				margin-top: 14rpx;
+
+				.contribution_left {
+					// width: 22%;
+					font-size: 24rpx;
+					color: #999999;
+
+					text {
+						color: #333333;
+						margin-left: 20rpx;
+					}
+
+				}
+
+				.contribution_right {
+					font-size: 30rpx;
+					font-weight: 500;
+					color: #333333;
+
+				}
+			}
+
+			.dividend {
+				width: 100%;
+				display: flex;	
+			
+
+				.dividend_left {
+					width: 120rpx;
+						font-size: 24rpx;
+					margin-right: 20rpx;
+					color: #999999;
+				}
+
+				.dividend_right {
+					flex: 1;
+					display: flex;
+					flex-wrap: wrap;
+					.dividend_options{
+					font-size: 24rpx;
+					margin-right: 24rpx;
+					}
+				}
+			}
+		}
+	}
+</style>

pages/my/commissionDetail.vue

@@ -1,46 +1,81 @@
 <template>
-	<view style="background: #FFFFFF;height: 100%;">
+	<view style="background: #FFFFFF;height: 100vh;">
 		<!-- 公共组件-每个页面必须引入 -->
 		<public-module></public-module>
 		<view class="headers " :style="headerStyle">
 			<view class="dis a-c j-start " style="padding: 0 15px;">
-				<u-icon name="arrow-left"  size="40" @tap="back"></u-icon>
+				<u-icon name="arrow-left" size="40" @tap="back"></u-icon>
 				<text style="margin: auto;">收入详情</text>
 			</view>
 		</view>
 		<view style="padding:85px 16px 16px">
-			<view class="assets" >
-				<view >{{MoneyData.extractFee}}</view>
-				<text>{{MoneyData.createTime}}</text>
-				
+			<view class="assets">
+				<view>{{MoneyData.extractFee}}</view>
+				<view class="time">
+					<image src="../../static/icon/Frame.png" mode=""></image> {{MoneyData.createTime}}
+				</view>
+
 			</view>
 			<view class="assets1 dis f-c j-s">
-					<view style="border-top: 1px solid #f2f2f2;" class="dis j-s a-c" v-if="MoneyData.companyId">
-						<text>订单号</text>
-						<text>{{MoneyData.companyId}}</text>
-					</view>
-					<view class="dis j-s a-c" v-if="MoneyData.industrySector">
-						<text>收入类型</text>
-						<text>{{MoneyData.industrySector==1?'汽车-车险':'保险-财险'}}</text>
-					</view>
-					<view class="dis j-s a-c" v-if="MoneyData.issuerName">
-						<text>代理人</text>
-						<text>{{MoneyData.issuerName}}</text>
-					</view>
-					<view class="dis j-s a-c" v-if="MoneyData.sumpremium">
-						<text>总保费</text>
-						<text>{{MoneyData.sumpremium}}</text>
-					</view>
-					<view class="dis j-s a-c" v-if="MoneyData.proportional">
-						<text>佣金比例</text>
-						<text>{{MoneyData.proportional}}%</text>
+				<view style="border-top: 1px solid #f2f2f2;" class="dis j-s a-c" v-if="MoneyData.companyId">
+					<text style="font-size: 30rpx; font-weight: 400;">订单号</text>
+					<text style="font-size: 30rpx; font-weight: 500;">{{MoneyData.companyId}}</text>
+				</view>
+				<view style="border-top: 1px solid #f2f2f2;" class="dis j-s a-c" v-if="MoneyData.licenseno">
+					<text style="font-size: 30rpx; font-weight: 400;">车牌号</text>
+					<text>{{MoneyData.licenseno}}</text>
+				</view>
+				<view class="dis j-s a-c" v-if="MoneyData.industrySector">
+					<text style="font-size: 30rpx; font-weight: 400;">收入类型</text>
+					<text>{{MoneyData.industrySector==1?'汽车-车险':'保险-财险'}}</text>
+				</view>
+				<view class="dis j-s a-c" v-if="MoneyData.issuerName">
+					<text style="font-size: 30rpx; font-weight: 400;">代理人</text>
+					<text>{{MoneyData.issuerName}}</text>
+				</view>
+				<view class="dis j-s a-c" v-if="MoneyData.profferName&&MoneyData.profferLevel">
+					<text style="font-size: 30rpx; font-weight: 400;">贡献合伙人</text>
+					<text>{{MoneyData.profferName}}-
+						<text v-if="MoneyData.profferLevel ==1"> 一级合伙人</text>
+						<text v-if="MoneyData.profferLevel ==2"> 二级合伙人</text>
+						<text v-if="MoneyData.profferLevel ==3"> 三级合伙人</text>
+						<text v-if="MoneyData.profferLevel ==4"> 四级合伙人</text>
+						<text v-if="MoneyData.profferLevel ==5"> 五级合伙人</text>
+					</text>
+				</view>
+				<view class="dis j-s a-c" v-if="MoneyData.sumpremium">
+					<text style="font-size: 30rpx; font-weight: 400;">总保费</text>
+					<text>{{MoneyData.sumpremium}}</text>
+				</view>
+				<view class="dis j-s a-c" v-if="MoneyData.proportional">
+					<text>佣金比例</text>
+					<text>{{MoneyData.proportional}}%</text>
+				</view>
+				<view class="dis j-s a-c" v-if="MoneyData.extractFee">
+					<text style="font-size: 30rpx; font-weight: 400;">总佣金</text>
+					<text>{{MoneyData.extractFee}}
+					<u-icon name="arrow-down" size="22" color="#999999" v-if="isShow" @click="toggle" style="margin-left: 11rpx;"></u-icon>
+					<u-icon name="arrow-up" size="22" color="#999999" v-else @click="toggle" style="margin-left: 11rpx;"></u-icon>
+					</text>
+				</view>
+			</view>
+			<view class="extractFee_box" v-if="isShow">
+				<view class="option" v-for="(item,index) in MoneyData.profferList" :key="index">
+					<view class="option_left">
+						<text v-if="index ==0"> 我的佣金</text>
+						<text v-if="index !==0&&item.source ==1"> 一级合伙人佣金</text>
+						<text v-if="index !==0&&item.source ==2"> 二级合伙人佣金</text>
+						<text v-if="index !==0&&item.source ==3"> 三级合伙人佣金</text>
+						<text v-if="index !==0&&item.source ==4"> 四级合伙人佣金</text>
+						<text v-if="index !==0&&item.source ==5"> 五级合伙人佣金</text>
 					</view>
-					<view class="dis j-s a-c" v-if="MoneyData.extractFee">
-						<text>佣金</text>
-						<text>{{MoneyData.extractFee}}</text>
+					<view class="option_right">
+						{{item.sumpremium}}*{{item.proportional}}% = {{item.extractFee}}
 					</view>
+				</view>
 			</view>
 		</view>
+
 	</view>
 </template>
 
@@ -64,6 +99,8 @@
 					boxShadow: ''
 					// 其他样式属性...
 				},
+				//佣金详情是否展示
+				isShow:true
 			}
 		},
 		computed: {
@@ -74,11 +111,13 @@
 		},
 		async onLoad(e) {
 			this.MoneyData = JSON.parse(decodeURIComponent(e.key));
-			console.log(this.MoneyData)
 
 		},
 		onShow() {},
 		methods: {
+			toggle(){
+				this.isShow = !this.isShow
+			},
 			back() {
 				uni.navigateBack({
 					delta: 1, // 返回的页面数，如果是1表示返回上一页
@@ -102,6 +141,7 @@
 		width: 100%;
 		height: auto;
 		margin-top: 30px;
+
 		>view {
 			border-bottom: 1px solid #f2f2f2;
 			font-size: 16px;
@@ -113,14 +153,31 @@
 	.assets {
 		color: #333333;
 		text-align: center;
-		view{
+
+		view {
 			font-size: 31px;
 			font-weight: bold;
 		}
-		text{
+
+		text {
 			font-size: 13px;
 			color: #666666;
 		}
+
+		.time {
+			width: 100%;
+			font-size: 24rpx;
+			color: #666666;
+			font-weight: 400;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			image {
+				width: 28rpx;
+				height: 28rpx;
+			}
+		}
 	}
 
 
@@ -131,10 +188,32 @@
 		width: 100%;
 		z-index: 999999;
 		padding-top: 40px;
-		    height: 85px;
+		height: 85px;
+
 		text {
 			font-size: 18px;
 			font-weight: bold;
 		}
 	}
+
+	.extractFee_box {
+		margin: 24rpx 0rpx;
+		padding: 20rpx 10rpx;
+		box-sizing: border-box;
+		background: rgba(240, 248, 255, 0.5);
+		border-radius: 4px 4px 4px 4px;
+
+		.option {
+			display: flex;
+			justify-content: space-between;
+			font-size: 26rpx;
+			margin-bottom: 23rpx;
+			.option_left {
+				color: #666666;
+			}
+			.option_right{
+				color: #333333;
+			}
+		}
+	}
 </style>