#

whycq

2023-11-13 81b8089d94e7f9537b8f5a00b68c95a9e858e2bf

#

 pages.json

@@ -215,6 +215,14 @@
                "enablePullDownRefresh" : false,
                "navigationStyle": "custom"
            }
        },
        {
            "path" : "pages/business/goBusiness/test",
            "style" : 
            {
                "navigationBarTitleText" : "测试",
                "enablePullDownRefresh" : false
            }
        }
    ],
    "globalStyle": {

 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>