#

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