From e474ab6cee45627c34a8fc79f2b76c9e82763f2c Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期三, 14 八月 2024 17:44:40 +0800
Subject: [PATCH] update 供应商结算单

---
 sub_pages/supplier/order-manage/order-manage-settlement.vue |  153 +++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 118 insertions(+), 35 deletions(-)

diff --git a/sub_pages/supplier/order-manage/order-manage-settlement.vue b/sub_pages/supplier/order-manage/order-manage-settlement.vue
index f1de251..c714927 100644
--- a/sub_pages/supplier/order-manage/order-manage-settlement.vue
+++ b/sub_pages/supplier/order-manage/order-manage-settlement.vue
@@ -1,54 +1,89 @@
 <template>
 	<view class="list-container order-sale supplier">
 		<view class="p15" style="min-height: calc(100vh - 20rpx);">
+			<u-button @click="()=>{
+					show_time_picker_time = true
+				}" class="w-fit">
+				{{query.day||'-'}}
+			</u-button>
 			<no-data v-if="!list||list.length==0" style="width: 100%;"></no-data>
+			<view v-if="list&&list.length>0">
+				<view class="flex title-bold tj-money bg-white m-t-12 p10">
+					<view class="m-r-20">待结算:¥{{tj_total-tj_has||0}}</view>
+					<view class="t-red">已结算:¥{{tj_has||0}}</view>
+				</view>
+			</view>
 			<view v-for="(item,index) in list" :key="index" @click="toDetail(item)"
-				class="m-b-24 order-sale-list list-container">
+				class="m-t-20 order-sale-list list-container">
 				<view class="order-sale-item br-4 list-item bg-white">
+
+
 					<view class="form">
-						<view class="flex">
-							<view class="form-item flex1">
-								<view class="label">结算单价/均价</view>
-								<view class="value">¥{{item.price||'0.00'}}</view>
+						<view class="flex form-item">
+							<view class="m-r-20 flex" style="min-width: 280rpx;">
+								<view class="title-bold m-r-10">订单状态:{{item.statusBackendStr||'-'}}</view>
 							</view>
-							<view class="form-item flex1">
-								<view class="label">商品数量</view>
-								<view class="value">{{item.flowerNum||0}}</view>
+							<view class="title-bold m-r-10 m-l-a">结算状态:{{item.statusStr||'未结算'}}</view>
+
+						</view>
+						<view class="flex form-item">
+							<view class="m-r-20 flex" style="min-width: 280rpx;">
+								<view class="title-bold m-r-10">{{item.flowerName||'-'}}</view>
+								<view class="desc-gray">{{item.flowerLevelStr}}</view>
+							</view>
+							<view class="flex flex1">
+								<view class="flex1 text-center value title-bold">{{item.num||0}}扎</view>
+								<view class="flex1 text-center value">¥{{item.price||'0.00'}}</view>
 							</view>
 						</view>
-						<view class="flex">
-							<view class="form-item">
-								<view class="label">订单数量</view>
-								<view class="value">{{item.orderNum||0}}</view>
+						<view class="flex form-item">
+							<view class="m-r-20 flex" style="min-width: 280rpx;">
+								<view class="desc-gray  m-r-10">下单时间</view>
+								<view class="desc-gray ">{{item.paymentTime||item.createdDate || '-'}}</view>
 							</view>
-							<view class="form-item">
-								<view class="label">买家数量</view>
-								<view class="value">{{item.customerNum||0}}</view>
+							<view class="flex flex1">
+								<view class="flex1 text-center value "><span class="desc-gray m-r-10">数量</span>{{item.num||0}}扎
+								</view>
+								<view class="flex1 text-center value"><span
+										class="desc-gray m-r-10">合计</span>¥{{item.totalAmount||'0.00'}}</view>
 							</view>
 						</view>
-						<view class="flex">
-							<view class="form-item">
-								<view class="label">服务费</view>
-								<view class="value">{{item.serviceFee||0}}</view>
+
+
+						<view>
+							<view class="flex">
+								<view class="form-item">
+									<view class="label">服务费</view>
+									<view class="value">{{item.serviceFee||0}}</view>
+								</view>
+								<view class="form-item">
+									<view class="label">售后理赔</view>
+									<view class="value">{{item.salesFee||0}}</view>
+								</view>
 							</view>
-							<view class="form-item">
-								<view class="label">售后理赔</view>
-								<view class="value">{{item.salesFee||0}}</view>
+							<view class="flex">
+								<view class="form-item">
+									<view class="label">质检扣款</view>
+									<view class="value">{{item.checkFee||0}}</view>
+								</view>
+								<view class="form-item">
+									<view class="label">集货站运费</view>
+									<view class="value">{{item.stationFee||0}}</view>
+								</view>
 							</view>
-						</view>
-						<view class="flex">
-							<view class="form-item">
-								<view class="label">质检扣款</view>
-								<view class="value">{{item.checkFee||0}}</view>
-							</view>
-							<view class="form-item">
-								<view class="label">集货站运费</view>
-								<view class="value">{{item.stationFee||0}}</view>
+							<view class="flex">
+								<view class="form-item">
+									<view class="label">服务费率</view>
+									<view class="value">{{item.serviceFeeRate||0}}</view>
+								</view>
+								<view class="form-item">
+									<view class="label">收入</view>
+									<view class="value">{{item.income||0}}</view>
+								</view>
 							</view>
 						</view>
 					</view>
-					<!-- <view class="line"></view> -->
-					<view class="form">
+					<!-- 			<view class="form">
 						<view class="flex">
 							<view class="form-item">
 								<view class="label title-bold">交易合计</view>
@@ -59,7 +94,7 @@
 								<view class="value t-red">¥{{item.settlementAmount||0}}</view>
 							</view>
 						</view>
-					</view>
+					</view> -->
 				</view>
 			</view>
 		</view>
@@ -67,6 +102,8 @@
 		<!-- 判断是否到底了,自动吧 -->
 		<footer-msg :more="page.total>0&&page.total>page.current*page.size"></footer-msg>
 
+		<u-datetime-picker :show="show_time_picker_time" @cancel="show_time_picker_time=false"
+			@confirm="select_time_picker_time" v-model="tmp_picker_time" mode="date"></u-datetime-picker>
 	</view>
 </template>
 
@@ -78,11 +115,15 @@
 				tabIndex: 0,
 				query: {
 					day: ''
-				}
+				},
+				show_time_picker_time: false,
+				tmp_picker_time: new Date(),
 			}
 		},
 		onLoad(options) {
 			this.query.day = options.day || ''
+			this.page.size = 200
+
 			uni.setNavigationBarTitle({
 				title: '配送结算明细-' + this.query.day
 			})
@@ -101,10 +142,49 @@
 			uni.stopPullDownRefresh()
 		},
 		methods: {
+			//选择timer的时间
+			async select_time_picker_time(e) {
+				// console.log('select_time_picker_time1', e, this.tmp_picker_time_item)
+				this.query.day = this.$util.toDate(new Date(e.value))
+				uni.setNavigationBarTitle({
+					title: '配送结算明细-' + this.query.day
+				})
+				this.show_time_picker_time = false
+				// this.$forceUpdate()
+				this.refreshList()
+			},
 			toDetail(item) {
 				uni.navigateTo({
 					url: `/sub_pages/supplier/order-settlement/order-settlement-detail?id=${item.id}`
 				})
+			},
+		},
+		computed: {
+			tj_has() {
+				var v = 0
+				if (this.list) {
+					for (var item of this.list) {
+						if (item.status === 'COMPLETED') {
+							v += item.income || 0
+						}
+					}
+				}
+
+				return v.toFixed(2)
+			},
+			tj_total() {
+				var v = 0
+				if (this.list) {
+					for (var item of this.list) {
+						if (!item.status) {
+							v += item.totalAmount || 0
+						} else {
+							v += (item.income || 0)
+						}
+					}
+				}
+
+				return v.toFixed(2)
 			},
 		}
 	}
@@ -112,6 +192,8 @@
 
 <style lang="scss" scope>
 	.order-sale-list {
+		.tj-money {}
+
 		.order-sale-item {
 			margin-bottom: 20rpx;
 			padding: 22rpx;
@@ -138,6 +220,7 @@
 					flex: 1;
 					// min-width: 40%;
 					// max-width: 50%;
+					font-size: 24rpx;
 
 					.label {
 						font-weight: 400;

--
Gitblit v1.9.3