From 81b8089d94e7f9537b8f5a00b68c95a9e858e2bf Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期一, 13 十一月 2023 12:48:41 +0800
Subject: [PATCH] #
---
pages/business/goBusiness/reimburseOnlineDetl.vue | 177 +++++++++++++++++++++++++++++++++++++++-----
pages.json | 8 ++
2 files changed, 164 insertions(+), 21 deletions(-)
diff --git a/pages.json b/pages.json
index 00a4666..83dfd35 100644
--- a/pages.json
+++ b/pages.json
@@ -215,6 +215,14 @@
"enablePullDownRefresh" : false,
"navigationStyle": "custom"
}
+ },
+ {
+ "path" : "pages/business/goBusiness/test",
+ "style" :
+ {
+ "navigationBarTitleText" : "娴嬭瘯",
+ "enablePullDownRefresh" : false
+ }
}
],
"globalStyle": {
diff --git a/pages/business/goBusiness/reimburseOnlineDetl.vue b/pages/business/goBusiness/reimburseOnlineDetl.vue
index 05448b9..cb45e97 100644
--- a/pages/business/goBusiness/reimburseOnlineDetl.vue
+++ b/pages/business/goBusiness/reimburseOnlineDetl.vue
@@ -19,27 +19,109 @@
<view class="main-box">
<view class="box" v-for="item in list">
<view class="box-title">鎶ラ攢鏄庣粏</view>
- <view>
- <scroll-view style="width: 3000rpx;" scroll-x="true" scroll-left="120">
- <view>浜嬬敱</view>
- <view>璐圭敤绫诲瀷</view>
- <view>绋庣巼</view>
- <view>鏈◣鏈竵閲戦</view>
- <view>鏈◣閲戦</view>
- <view>绋庨</view>
- <view>鍙戠エ閲戦</view>
- <view>鍙戠エ鏈竵閲戦</view>
- <view>鎶ラ攢姣斾緥</view>
- <view>鎶ラ攢閲戦</view>
- <view>鎶ラ攢鏈竵閲戦</view>
- <view>鍑虹撼纭閲戦</view>
- <view>鍒楁敮浜哄憳</view>
- <view>鍒楁敮閮ㄩ棬</view>
- <view>鏇存柊鏃ユ湡</view>
- <view>鏇存柊浜哄憳鍚嶅瓧</view>
- <view>鍙戠エ鏈竵閲戦</view>
- </scroll-view>
- </view>
+ <scroll-view class="box-scroll" scroll-x="true" >
+ <view class="scroll-head">
+ <view class="scroll-item scroll-head">
+ <view class="item-content">浜嬬敱</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">璐圭敤绫诲瀷</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">绋庣巼</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">鏈◣鏈竵閲戦</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">鏈◣閲戦</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">绋庨</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">鍙戠エ閲戦</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">鍙戠エ鏈竵閲戦</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">鎶ラ攢姣斾緥</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">鎶ラ攢閲戦</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">鎶ラ攢鏈竵閲戦</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">鍑虹撼纭閲戦</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">鍒楁敮浜哄憳</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">鍒楁敮閮ㄩ棬</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content">鏇存柊鏃ユ湡</view>
+ </view>
+ <view class="scroll-item scroll-head">
+ <view class="item-content-last">鏇存柊浜哄憳鍚嶅瓧</view>
+ </view>
+ </view>
+ <view style="border-top: 1px solid #e7e7e7;" v-for="(item, index) in onlineDetl" :key="index">
+ <view class="scroll-item">
+ <view class="item-content">{{item.occupation}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.expenseType$}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.taxRate}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.untaxedAmountInLocalCurrency}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.untaxedAmount}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.taxAmount}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.invoiceValue}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.invoiceAmountInLocalCurrency}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.reimbursementRatio}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.reimbursementAmount}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.reimbursementAmountInLocalCurrency}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.cashierConfirmationAmount}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.userId$}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.deptId$}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content">{{item.updateTime}}</view>
+ </view>
+ <view class="scroll-item">
+ <view class="item-content-last">{{item.updateUserName}}</view>
+ </view>
+ </view>
+ <view style="height: 10rpx;"></view>
+ </scroll-view>
</view>
</view>
@@ -130,6 +212,26 @@
attribute: "updateTime$",
},
],
+ onlineDetl: [
+ {
+ occupation: '123',
+ expenseType$: '1',
+ taxRate: '0.0',
+ untaxedAmountInLocalCurrency: '1.1',
+ untaxedAmount: '1.3',
+ taxAmount: 'aaa',
+ invoiceValue: '213',
+ invoiceAmountInLocalCurrency: '123213',
+ reimbursementRatio: '0.0',
+ reimbursementAmount: 11,
+ reimbursementAmountInLocalCurrency:12,
+ cashierConfirmationAmount: 123,
+ userId$: '123',
+ deptId$: '璐㈠姟閮�',
+ updateTime: '2023-11-11',
+ updateUserName: 'name'
+ }
+ ]
}
},
methods: {
@@ -210,4 +312,37 @@
.primary:active {
background-color: #007dea;
}
+ .box-scroll {
+ width: 100%;
+ white-space: nowrap;
+ border: 1px solid #c5c5c5;
+ margin-top: 10rpx;
+ 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 {
+ height: 30rpx;
+ line-height: 30rpx;
+ border-right: 1px solid #d3d3d3;
+ }
+ .item-content-last {
+ height: 30rpx;
+ line-height: 30rpx;
+ }
+
</style>
\ No newline at end of file
--
Gitblit v1.9.1