purchase-detail.wxml
4.82 KB
<view class="container data-v-f8de977c"><view class="detail-card data-v-f8de977c"><view class="card-header data-v-f8de977c">物品购买详情</view><view class="detail-content data-v-f8de977c"><block wx:if="{{loading}}"><view class="loading data-v-f8de977c">正在加载详情...</view></block><block wx:else><block wx:if="{{error}}"><view class="error-state data-v-f8de977c"><view class="data-v-f8de977c">{{error}}</view><u-button class="retry-btn data-v-f8de977c" vue-id="22f355f8-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-f8de977c"><view class="info-section data-v-f8de977c"><view class="section-title data-v-f8de977c">基本信息</view><view class="info-grid data-v-f8de977c"><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">分类</text><text class="info-value data-v-f8de977c">{{detailData.reimbursementCategoryName||'无'}}</text></view><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">单价</text><text class="info-value amount data-v-f8de977c">{{"¥"+(detailData.unitPrice||0)}}</text></view><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">数量</text><text class="info-value data-v-f8de977c">{{detailData.quantity||0}}</text></view><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">总金额</text><text class="info-value amount data-v-f8de977c">{{"¥"+(detailData.amount||0)}}</text></view><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">购买时间</text><text class="info-value data-v-f8de977c">{{$root.g0}}</text></view><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">审批状态</text><view class="{{['status-badge','data-v-f8de977c',detailData.approveStatus=='已审批'?'approved':detailData.approveStatus=='待审批'?'pending':detailData.approveStatus=='未通过'?'rejected':'unapproved']}}">{{''+(detailData.approveStatus?detailData.approveStatus=='未审批'?'未提交':detailData.approveStatus:'未提交')+''}}</view></view></view></view><block wx:if="{{detailData.memo}}"><view class="info-section data-v-f8de977c"><view class="section-title data-v-f8de977c">备注说明</view><view class="memo-content data-v-f8de977c"><text class="memo-text data-v-f8de977c">{{detailData.memo}}</text></view></view></block><block wx:if="{{$root.g1}}"><view class="info-section data-v-f8de977c"><view class="section-title data-v-f8de977c">附件</view><view class="attachment-list data-v-f8de977c"><block wx:for="{{detailData.attachment}}" wx:for-item="file" wx:for-index="index" wx:key="index"><view class="attachment-item data-v-f8de977c"><view data-event-opts="{{[['tap',[['previewFile',['$0'],[[['detailData.attachment','',index]]]]]]]}}" class="file-info data-v-f8de977c" bindtap="__e"><text class="file-icon data-v-f8de977c">📎</text><text class="file-name data-v-f8de977c">{{file.name||file.url||'文件'}}</text></view></view></block></view></view></block><view class="info-section data-v-f8de977c"><view class="section-title data-v-f8de977c">创建信息</view><view class="info-grid data-v-f8de977c"><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">创建人</text><text class="info-value data-v-f8de977c">{{detailData.createUserName||detailData.createUser||'无'}}</text></view><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">门店</text><text class="info-value data-v-f8de977c">{{detailData.createUserStoreName||'无'}}</text></view><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">创建时间</text><text class="info-value data-v-f8de977c">{{$root.g2}}</text></view></view></view><block wx:if="{{detailData.approveStatus&&detailData.approveStatus!=='未审批'}}"><view class="info-section data-v-f8de977c"><view class="section-title data-v-f8de977c">审批信息</view><view class="info-grid data-v-f8de977c"><block wx:if="{{detailData.approveUser}}"><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">审批人</text><text class="info-value data-v-f8de977c">{{detailData.approveUserName||detailData.approveUser||'无'}}</text></view></block><block wx:if="{{detailData.approveTime}}"><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">审批时间</text><text class="info-value data-v-f8de977c">{{$root.g3}}</text></view></block><block wx:if="{{detailData.applicationId}}"><view class="info-item data-v-f8de977c"><text class="info-label data-v-f8de977c">审批单编号</text><text class="info-value data-v-f8de977c">{{detailData.applicationId}}</text></view></block></view></view></block></view></block></block></block></view></view></view>