255a0353
 李宇
最新
|
1
|
<view class="container data-v-10f952c5"><view class="detail-card data-v-10f952c5"><view class="card-header data-v-10f952c5">报销申请详情</view><view class="detail-content data-v-10f952c5"><block wx:if="{{loading}}"><view class="loading data-v-10f952c5">正在加载详情...</view></block><block wx:else><block wx:if="{{error}}"><view class="error-state data-v-10f952c5"><view class="data-v-10f952c5">{{error}}</view><u-button class="retry-btn data-v-10f952c5" vue-id="e756750a-1" type="primary" size="small" data-event-opts="{{[['^click',[['retryLoad']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">重试</u-button></view></block><block wx:else><block wx:if="{{detailData}}"><view class="info-sections data-v-10f952c5"><view class="info-section data-v-10f952c5"><view class="section-title data-v-10f952c5">基本信息</view><view class="info-grid data-v-10f952c5"><view class="info-item data-v-10f952c5"><text class="info-label data-v-10f952c5">申请人姓名</text><text class="info-value data-v-10f952c5">{{formData&&formData.applicationUserName||detailData.applicationUserName||'无'}}</text></view><view class="info-item data-v-10f952c5"><text class="info-label data-v-10f952c5">申请门店</text><text class="info-value data-v-10f952c5">{{formData?$root.m0:$root.m1}}</text></view><view class="info-item data-v-10f952c5"><text class="info-label data-v-10f952c5">申请时间</text><text class="info-value data-v-10f952c5">{{$root.g0}}</text></view><view class="info-item data-v-10f952c5"><text class="info-label data-v-10f952c5">总金额</text><text class="info-value amount data-v-10f952c5">{{"¥"+$root.m2}}</text></view></view></view><block wx:if="{{$root.g1}}"><view class="info-section data-v-10f952c5"><view class="section-title data-v-10f952c5">购买记录列表</view><view class="purchase-records-list data-v-10f952c5"><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="purchase-record-item data-v-10f952c5"><view class="record-header data-v-10f952c5"><text class="record-category data-v-10f952c5">{{item.$orig.reimbursementCategoryName||'无'}}</text><text class="record-amount data-v-10f952c5">{{"¥"+item.m3}}</text></view><view class="record-details data-v-10f952c5"><view class="record-detail-item data-v-10f952c5"><text class="record-label data-v-10f952c5">单价:</text><text class="record-value data-v-10f952c5">{{"¥"+item.m4}}</text></view><view class="record-detail-item data-v-10f952c5"><text class="record-label data-v-10f952c5">数量:</text><text class="record-value data-v-10f952c5">{{item.$orig.quantity||'无'}}</text></view><view class="record-detail-item data-v-10f952c5"><text class="record-label data-v-10f952c5">购买时间:</text><text class="record-value data-v-10f952c5">{{item.g2}}</text></view></view><block wx:if="{{item.$orig.memo}}"><view class="record-memo data-v-10f952c5"><text class="record-label data-v-10f952c5">备注说明:</text><text class="record-value data-v-10f952c5">{{item.$orig.memo||'无'}}</text></view></block><block wx:if="{{item.g3}}"><view class="record-attachment data-v-10f952c5"><text class="record-label data-v-10f952c5">附件:</text><view class="attachment-list data-v-10f952c5"><view class="attachment-count data-v-10f952c5"><text class="file-icon data-v-10f952c5">📎</text><text class="file-count data-v-10f952c5">{{item.g4+"个文件"}}</text></view><view class="attachment-items data-v-10f952c5"><block wx:for="{{item.l0}}" wx:for-item="file" wx:for-index="fileIndex" wx:key="fileIndex"><view data-event-opts="{{[['tap',[['previewFile',['$0','$1'],[[['purchaseRecords','',index],['attachment','',fileIndex]],[['purchaseRecords','',index,'attachment']]]]]]]}}" class="attachment-item data-v-10f952c5" bindtap="__e"><block wx:if="{{file.m5}}"><view class="attachment-image-wrapper data-v-10f952c5"><image class="attachment-image data-v-10f952c5" src="{{file.m6}}" mode="aspectFit"></image></view></block><block wx:else><view class="attachment-file-info data-v-10f952c5"><text class="file-icon data-v-10f952c5">📄</text><text class="file-name data-v-10f952c5">{{file.$orig.name||'文件'+(fileIndex+1)}}</text></view></block></view></block></view></view></view></block></view></block></view></view></block><block wx:if="{{$root.g5}}"><view class="info-section data-v-10f952c5"><view class="section-title data-v-10f952c5">审批流程</view><view class="approval-flow data-v-10f952c5"><block wx:for="{{$root.l3}}" wx:for-item="node" wx:for-index="index" wx:key="index"><view class="{{['flow-node','data-v-10f952c5',(node.$orig.nodeOrder===currentNodeOrder)?'node-active':'',(node.$orig.nodeOrder<currentNodeOrder)?'node-completed':'',(node.$orig.nodeOrder>currentNodeOrder)?'node-pending':'']}}"><view class="node-header data-v-10f952c5"><view class="node-order data-v-10f952c5">{{node.$orig.nodeOrder}}</view><view class="node-info data-v-10f952c5"><view class="node-name data-v-10f952c5">{{node.$orig.nodeName||'无'}}</view><view class="node-type data-v-10f952c5"><view class="{{['node-type-tag','data-v-10f952c5',node.$orig.approvalType==='会签'?'type-success':'type-warning']}}">{{''+(node.$orig.approvalType||'无')+''}}</view><block wx:if="{{node.$orig.isRequired===1}}"><view class="node-type-tag type-info data-v-10f952c5">必审</view></block></view></view></view><block wx:if="{{node.g6}}"><view class="approvers-list data-v-10f952c5"><text class="approvers-label data-v-10f952c5">审批人：</text><view class="approvers-items data-v-10f952c5"><block wx:for="{{node.$orig.approvers}}" wx:for-item="approver" wx:for-index="__i0__" wx:key="userId"><view class="approver-tag data-v-10f952c5">{{''+(approver.userName||'无')+''}}</view></block></view></view></block><block wx:if="{{node.g7}}"><view class="approval-records data-v-10f952c5"><text class="records-label data-v-10f952c5">审批记录：</text><view class="records-list data-v-10f952c5"><block wx:for="{{node.l2}}" wx:for-item="record" wx:for-index="recordIndex" wx:key="recordIndex"><view class="record-item data-v-10f952c5"><view class="record-header data-v-10f952c5"><text class="record-approver data-v-10f952c5">{{record.$orig.approverName||'无'}}</text><view class="{{['record-result-tag','data-v-10f952c5',record.$orig.approvalResult==='通过'?'result-success':record.$orig.approvalResult==='不通过'?'result-danger':record.$orig.approvalResult==='退回'?'result-warning':'result-info']}}">{{''+(record.$orig.approvalResult||'无')+''}}</view></view><block wx:if="{{record.$orig.approvalOpinion}}"><view class="record-opinion data-v-10f952c5">{{'意见：'+record.$orig.approvalOpinion+''}}</view></block><block wx:if="{{record.$orig.approvalTime}}"><view class="record-time data-v-10f952c5">{{'时间：'+record.g8+''}}</view></block></view></block></view></view></block></view></block></view></view></block><block wx:if="{{$root.g9}}"><view class="info-section data-v-10f952c5"><view class="section-title data-v-10f952c5">当前审批人</view><view class="current-approvers data-v-10f952c5"><block wx:for="{{currentApprovers}}" wx:for-item="approver" wx:for-index="__i1__" wx:key="userId"><view class="current-approver-tag data-v-10f952c5">{{''+(approver.userName||'无')+''}}</view></block></view></view></block><block wx:if="{{returnedReason}}"><view class="info-section data-v-10f952c5"><view class="section-title data-v-10f952c5">退回原因</view><view class="returned-reason data-v-10f952c5">{{''+returnedReason+''}}</view></view></block><block wx:if="{{canApprove}}"><view class="info-section data-v-10f952c5"><view class="section-title data-v-10f952c5">审批操作</view><view class="approval-form data-v-10f952c5"><view class="form-item data-v-10f952c5"><text class="form-label data-v-10f952c5">审批结果</text><view class="radio-group data-v-10f952c5"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="{{['radio-item','data-v-10f952c5',(approvalForm.result==='通过')?'active':'']}}" bindtap="__e"><text class="data-v-10f952c5">通过</text></view><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="{{['radio-item','data-v-10f952c5',(approvalForm.result==='不通过')?'active':'']}}" bindtap="__e"><text class="data-v-10f952c5">不通过</text></view><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" class="{{['radio-item','data-v-10f952c5',(approvalForm.result==='退回')?'active':'']}}" bindtap="__e"><text class="data-v-10f952c5">退回</text></view></view></view><view class="form-item data-v-10f952c5"><text class="form-label data-v-10f952c5">审批意见</text><textarea class="form-textarea data-v-10f952c5" placeholder="请输入审批意见" maxlength="500" data-event-opts="{{[['input',[['__set_model',['$0','opinion','$event',[]],['approvalForm']]]]]}}" value="{{approvalForm.opinion}}" bindinput="__e"></textarea></view><view class="form-actions data-v-10f952c5"><button class="approve-btn data-v-10f952c5" disabled="{{approving}}" data-event-opts="{{[['tap',[['handleApprove',['$event']]]]]}}" bindtap="__e">{{''+(approving?'提交中...':'提交审批')+''}}</button></view></view></view></block></view></block></block></block></view></view></view>
|
