From d1fa962ad153ef77e5c5a7ffa92186dd7f2b7835 Mon Sep 17 00:00:00 2001
From: linfso <linfso@sina.com>
Date: Tue, 8 Jul 2025 14:41:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E8=B4=A6=E5=8D=95=E4=BB=98?=
 =?UTF-8?q?=E6=AC=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/api/bill.js                            |   8 +
 common/api/url.js                             |   3 +
 common/env.js                                 |   8 +-
 .../tpx-scroll-view/tpx-scroll-view.vue       |   7 +-
 pages/bill/detail.vue                         | 141 +++++++++++-------
 pages/bill/list.vue                           |   4 +-
 6 files changed, 112 insertions(+), 59 deletions(-)

diff --git a/common/api/bill.js b/common/api/bill.js
index 14301f2..21df12a 100644
--- a/common/api/bill.js
+++ b/common/api/bill.js
@@ -11,6 +11,14 @@ export const getInfoBySettleBillNo = (data = {})=> {
 	return coreRequest(url.getInfoBySettleBillNo, data, {}, 'get')
 }
 
+export const getSimpleInfoBySettleBillNo = (data = {})=> {
+	return coreRequest(url.getSimpleInfoBySettleBillNo, data, {}, 'get')
+}
+
+export const getSubBillListBySettleBillNo = (data = {})=> {
+	return coreRequest(url.getSubBillListBySettleBillNo, data, {}, 'get')
+}
+
 // 获取微信支付二维码
 export const getWxPayQrCode = (data = {})=> {
 	return coreRequest(url.getWxPayQrCode, data, {}, 'get')
diff --git a/common/api/url.js b/common/api/url.js
index 5b7d9e1..432e3b5 100644
--- a/common/api/url.js
+++ b/common/api/url.js
@@ -65,6 +65,9 @@ export default {
   
   queryBSettleillList: `/emis/emisSettleBill/list`, // 账单列表
   getInfoBySettleBillNo: `/emis/emisSettleBill/getInfoBySettleBillNo`, // 获取账单详情 
+  getSimpleInfoBySettleBillNo: `/emis/emisSettleBill/getSimpleInfoBySettleBillNo`, // 获取简化账单详情
+  getSubBillListBySettleBillNo: `/emis/emisSettleSubBill/list`, // 获取账单子账单明细
+  // getSubBillListBySettleBillNo: `/emis/emisSettleSubBill/listSimple`, // 获取账单子账单明细
   getWxPayQrCode: `/emis/emisSettleBill/getWxPayQrCode`, // 获取微信支付二维码 
   sumbitWxPay: `/emis/emisSettleBill/sumbitWxPay`, // 账单-唤起微信立即支付 
   
diff --git a/common/env.js b/common/env.js
index f14ff80..2611ca7 100644
--- a/common/env.js
+++ b/common/env.js
@@ -1,9 +1,9 @@
 let envMap = {
 	development: {
-		apiHost: 'https://api-emis.tanex56.com/api/bizsvr',
-		socketHost: 'wss://api-emis.tanex56.com/api/bizsvr',
-		// apiHost: 'http://47.102.220.189:58089/api/bizsvr',
-		// socketHost: 'ws://47.102.220.189:58089/api/bizsvr',
+		// apiHost: 'https://api-emis.tanex56.com/api/bizsvr',
+		// socketHost: 'wss://api-emis.tanex56.com/api/bizsvr',
+		apiHost: 'http://47.102.220.189:58089/api/bizsvr',
+		socketHost: 'ws://47.102.220.189:58089/api/bizsvr',
 	},
 	production: {
 		apiHost: 'https://api-emis.tanex56.com/api/bizsvr',
diff --git a/components/tpx-scroll-view/tpx-scroll-view.vue b/components/tpx-scroll-view/tpx-scroll-view.vue
index 01f554c..714de70 100644
--- a/components/tpx-scroll-view/tpx-scroll-view.vue
+++ b/components/tpx-scroll-view/tpx-scroll-view.vue
@@ -80,6 +80,11 @@
 					return 'dfl'
 				}
 			},
+			pageSize: {
+				default () {
+					return 20
+				}
+			},
 			maxHeight: {
 				default () {
 					return ''
@@ -91,7 +96,7 @@
 				reqLoading: false,
 				page: { // 分页参数
 					pageNum: 1,
-					pageSize: 20,
+					pageSize: this.pageSize,
 				},
 				showLoadMore: false, // 是否显示加载更多的loading
 				loadedAll: false, // 是否加载了所有数据
diff --git a/pages/bill/detail.vue b/pages/bill/detail.vue
index d344df0..d2899c1 100644
--- a/pages/bill/detail.vue
+++ b/pages/bill/detail.vue
@@ -1,11 +1,9 @@
 <template>
 	<tpx-page>
 		<tpx-layout>
-			<template #body>
-				<view>
+			<template v-slot:header>
+				<view >
 					<view class="dt-head">
-						<!-- <u-text :text="'账单信息'" size="30" :bold="true"></u-text>
-						<u-line margin="20rpx 0 20rpx"></u-line> -->
 						<view class="dt-item">
 							<view class="lb1">账单编号：</view>
 							<view class="lb2" style="font-weight: bold;">{{info.settleBillNo}}</view>
@@ -45,26 +43,12 @@
 						<view class="dt-item" >
 							<view class="">支付状态：</view>
 							<view class="lb2">
-								<tetx v-if="info.paymentStatus == '0'">未付款</tetx>
-								<tetx v-if="info.paymentStatus == '1'">已付款</tetx>
-								<tetx v-if="info.paymentStatus == '2'">部分付款</tetx>
+								<text v-if="info.paymentStatus == '0'">未付款</text>
+								<text v-if="info.paymentStatus == '1'">已付款</text>
+								<text v-if="info.paymentStatus == '2'">部分付款</text>
 							</view>
 							<!-- <view class="lb2 clr-prm font-weight">已付款</view> -->
 						</view>
-						
-						<!-- <view class="dt-item mt-30">
-							<view class="lb1">收款账户</view>
-							<view class="lb2">
-								<u-row >
-									<u-avatar size="80" shape="square"></u-avatar>
-									<view class="pl-10">
-										<u-text :text="'探路供应链（江苏）有限公司'" size="28" :bold="true" ></u-text>
-										<u-text :text="'介绍'" size="26" color="#666" margin="10rpx 0 0 0"></u-text>
-									</view>
-								</u-row>
-							</view>
-						</view> -->
-						
 						<view v-if="info.paymentStatus!=1" class="dt-item mt-30">
 							<view class="">待支付：</view>
 							<view class="zhfxin">
@@ -74,10 +58,10 @@
 							</view>
 						</view>
 						<view v-if="info.paymentStatus!=1" class="dt-item mt-30">
-							<view class="lb1">备注：</view>
+							<view style="width: 50px;">备注：</view>
 							<view >
 								<view  v-if="info.blLockOnlinePay=='T'" style="display: inline-block;">
-									<u-text :text="`${info.lockOnlinePayReason}`" size="26" color="red" align="left"></u-text>
+									<u-text :text="`${info.lockOnlinePayReason}`" size="42" color="red" align="left"></u-text>
 								</view>
 								<view  v-if="info.blLockOnlinePay!='T'" style="display: inline-block;">
 									<u-text :text="`账单支持在线支付,收款和开票：探路供应链（江苏）有限公司`" size="26"  color="black" align="left"></u-text>
@@ -85,14 +69,26 @@
 							</view>
 						</view>
 					</view>
-					
-					<view class="dt-body">
-						<u-text :text="'运单列表'" size="30" :bold="true"></u-text>
+					<view style="background: #fff;padding-left: 10px;">
+						<u-text :text="'运单列表:'" size="30" :bold="true"></u-text>
 						<u-line margin="20rpx 0 20rpx"></u-line>
-						<view v-for="(item) in info.subBillList" >
-							<!-- <view class="dt-item"> -->
+					</view>
+				</view>
+			</template>
+			
+			<template v-slot:body>
+				
+				<view class="pos-abt-all">
+					<tpx-scroll-view v-model:resObject="resData" :pageSize="5" :searchParam="searchParam" :getListFun="getListFun"
+						ref="listRef"
+					>
+						<view class="">
+							<!-- 列表数据 -->
+							<view v-for="(item) in resData.list" class="ord-list-item" >
+								
 								<u-row justify="between" align="top">
 									<u-col span="6">
+										
 										<u-text :text="`运单号：${item.billCode}`"  size="26" :bold="true"
 											margin="14rpx 0 0 0"></u-text>	
 										<!-- <view style="display: inline-flex;">
@@ -133,19 +129,19 @@
 										<u-text :text="`寄件公司：${item.waybillDetail.sendCompany}`"  size="26"
 											margin="14rpx 0 0 0"></u-text>	
 									</u-col>
-								
+									
 								</u-row>
-								
-								<u-row justify="between" align="top">
+								<u-row >
 									<u-col span="12">
 										<u-text :text="`费用备注：${item.waybillDetail.feeRemark}`"  size="26"
 											margin="14rpx 0 0 0"></u-text>	
 									</u-col>
 								</u-row>
-							<!-- </view> -->
+								
+							</view>
+							
 						</view>
-						<tpx-empty v-if="!(info.subBillList && info.subBillList.length > 0)" size="sm"></tpx-empty>
-					</view>
+					</tpx-scroll-view>
 				</view>
 			</template>
 			
@@ -156,10 +152,9 @@
 					>分享给客户支付</u-button>
 				</view>
 			</template>
-			
 		</tpx-layout>
-	</tpx-page>
 	
+	</tpx-page>
 </template>
 
 <script>
@@ -189,6 +184,10 @@
 				info: {},
 				payQrImageUrl: '',
 				pageLoading: true,
+				searchParam: {
+					settleBillNo: '',
+				},
+				resData: { list: [] }
 			}
 		},
 		onLoad(queryOption) {
@@ -202,14 +201,23 @@
 			getSendSiteList: apiService.getSendSiteList,
 			async initData() {
 				await this.getDetailData()
-				if(this.info.paymentStatus != 1) {
-					await this.getPayQrcode()	
-				}
 				this.pageLoading = false
+				this.triggerListReload();
 			},
 			async getDetailData(){
-				let res = await apiService.getInfoBySettleBillNo({settleBillNo: this.queryOption.blNo, _loading: true })
+				let res = await apiService.getSimpleInfoBySettleBillNo({settleBillNo: this.queryOption.blNo, _loading: true })
 				this.info = res.data || {}
+				this.searchParam.settleBillNo=this.queryOption.blNo;
+				
+			},
+			triggerListReload(){
+				this?.$refs?.listRef?.getDataList?.(true) // 重置到第一页数据
+			},
+			async getListFun(param){
+				console.log("===>getListFun===>",param);
+				param.settleBillNo=this.queryOption.blNo;
+				let res = await apiService.getSubBillListBySettleBillNo(param)
+				return res
 			},
 			async getPayQrcode(){
 				// let res = await apiService.getWxPayQrCode({settleBillNo: this.queryOption.blNo, _loading: true })
@@ -293,11 +301,25 @@
 		background-color: #F6F6F6;
 		height: 100% !important;
 	}
-	
+	.customer_nav_bar {
+		padding-top: 30rpx;
+		background-color: #FFF;
+		position: relative;
+	}
 </style>
 <style scoped lang="scss">
+	.pgb-cont{
+		padding: 30rpx;
+	}
+	.pgb-header {
+		// padding-top: --status-bar-height;
+		padding-top: 30rpx;
+		background-color: #FFF;
+		position: relative;
+	}
+	
 	.dt-head {
-		margin-top: 30rpx;
+		// margin-top: 30rpx;
 		padding: 30rpx;
 		background-color: #FFF;
 		position: relative;
@@ -322,18 +344,33 @@
 			font-weight: bold;
 		}
 	}
-	.zhfxin{
+	
+	.ord-list-item{
+		box-shadow: 0rpx 3rpx 12rpx 0rpx rgba(139,139,139,0.06);
+		border-radius: 20rpx;
+		padding: 22rpx 30rpx;
+		background-color: #fff;
+		margin-bottom: 30rpx;
 	}
-	.yditem{
-		padding: 20rpx 20rpx;
-		background-color: #F6F6F6;
-		border-radius: 6rpx;
-		margin-bottom: 20rpx;
+	.search-more-panel{
+		overflow: hidden;
+		position: absolute;
+		left: 0;
+		right: 0;
+		height: calc(70vh);
+		z-index: 200;
 	}
-	.ydi-lab{
+	.smp-body{
+		padding: 30rpx;
 		display: flex;
-		flex-direction: row;
-		justify-content: space-between;
-		align-items: center;
+		flex-direction: column;
+		height: 100%;
+		background-color: #FFF;
+		border-radius: 0 0 30rpx 30rpx;
+		box-sizing: border-box;
+	}
+	.smp-content{
+		flex: 1;
+		position: relative;
 	}
 </style>
\ No newline at end of file
diff --git a/pages/bill/list.vue b/pages/bill/list.vue
index 219274b..5babb02 100644
--- a/pages/bill/list.vue
+++ b/pages/bill/list.vue
@@ -168,7 +168,7 @@
 				searchParam: {
 					searchValue: '',
 					_date: [],
-					paymentStatus: '',
+					paymentStatus: '0',
 					params: {
 						billCode:null
 					}
@@ -203,7 +203,7 @@
 				return res
 			},
 			initData(){
-				
+				// searchParam.paymentStatus=0;
 			},
 			async handleDealItem(item, deal = { type: '1' }) {
 				let itemQuery = `?blNo=${item.settleBillNo}`