From e3282c5d99e21612264612f0a9d3da5ec87737cd Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期二, 14 十一月 2023 10:44:47 +0800
Subject: [PATCH] #

---
 pages/business/goBusiness/reimburseOnlineDetl.vue |  124 ++++++++++++++++++++++++++++++++++++++--
 1 files changed, 116 insertions(+), 8 deletions(-)

diff --git a/pages/business/goBusiness/reimburseOnlineDetl.vue b/pages/business/goBusiness/reimburseOnlineDetl.vue
index cb45e97..1c27638 100644
--- a/pages/business/goBusiness/reimburseOnlineDetl.vue
+++ b/pages/business/goBusiness/reimburseOnlineDetl.vue
@@ -16,10 +16,120 @@
 			</view>
 		</view>
 		
+		
+		
 		<view class="main-box">
 			<view class="box" v-for="item in list">
 				<view class="box-title">鎶ラ攢鏄庣粏</view>
-				<scroll-view class="box-scroll" scroll-x="true" >
+				<view style="width: 100%; overflow-x: scroll;border: 1px solid #bebebe;">
+					<table cellpadding="0" cellspacing="0">
+						<thead>
+							<tr style="background-color: #949494;color: #FFF;">
+								<td class="scroll-item">
+									<view class="item-content">浜嬬敱</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">璐圭敤绫诲瀷</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">绋庣巼</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">鏈◣鏈竵閲戦</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">鏈◣閲戦</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">绋庨</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">鍙戠エ閲戦</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">鍙戠エ鏈竵閲戦</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">鎶ラ攢姣斾緥</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">鎶ラ攢閲戦</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">鎶ラ攢鏈竵閲戦</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">鍑虹撼纭閲戦</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">鍒楁敮浜哄憳</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">鍒楁敮閮ㄩ棬</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">鏇存柊鏃ユ湡</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content-last">鏇存柊浜哄憳鍚嶅瓧</view>
+								</td>
+							</tr>
+						</thead>
+						<tbody>
+							<tr v-for="(item,index) in onlineDetl">
+								<td class="scroll-item">
+									<view class="item-content">{{item.occupation}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.expenseType$}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.taxRate}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.untaxedAmountInLocalCurrency}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.untaxedAmount}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.taxAmount}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.invoiceValue}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.invoiceAmountInLocalCurrency}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.reimbursementRatio}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.reimbursementAmount}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.reimbursementAmountInLocalCurrency}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.cashierConfirmationAmount}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.userId$}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.deptId$}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.updateTime}}</view>
+								</td>
+								<td class="scroll-item">
+									<view class="item-content">{{item.updateUserName}}</view>
+								</td>
+							</tr>
+						</tbody>
+					</table>
+				</view>
+				<!-- <scroll-view class="box-scroll" scroll-x="true" >
 					<view class="scroll-head">
 						<view class="scroll-item scroll-head">
 							<view class="item-content">浜嬬敱</view>
@@ -121,7 +231,7 @@
 						</view>
 					</view>
 					<view style="height: 10rpx;"></view>
-				</scroll-view>
+				</scroll-view> -->
 				
 			</view>
 		</view>
@@ -214,7 +324,7 @@
 				],
 				onlineDetl: [
 					{
-						occupation: '123',
+						occupation: 'CRMREIMBURSE1699507854268',
 						expenseType$: '1',
 						taxRate: '0.0',
 						untaxedAmountInLocalCurrency: '1.1',
@@ -320,28 +430,26 @@
 		margin-bottom: 10rpx;
 	}
 	.scroll-head {
-		/* height: 50rpx; */
-		/* line-height: 50rpx; */
-		/* padding: rpx; */
 		background-color: #949494;
 		color: #fff;
 		width: auto;
 	}
 	.scroll-item {
-		display: inline-block;
 		width: 150rpx;
 		padding: 10rpx;
 		text-align: center;
-		/* border-right: 1px solid #007dea; */
 	}
 	
 	.item-content {
+		min-width: 150rpx;
 		height: 30rpx;
 		line-height: 30rpx;
+		padding-right: 10rpx;
 		border-right: 1px solid #d3d3d3;
 	}
 	.item-content-last {
 		height: 30rpx;
+		min-width: 150rpx;
 		line-height: 30rpx;
 	}
 	

--
Gitblit v1.9.1