#

whycq

2023-11-14 e3282c5d99e21612264612f0a9d3da5ec87737cd

#

 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;
    }