You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
4.1 KiB
118 lines
4.1 KiB
<view class="order-detail-page">
|
|
<!-- 加载中 -->
|
|
<view wx:if="{{loading}}" class="loading">
|
|
<text>加载中...</text>
|
|
</view>
|
|
|
|
<!-- 错误提示 -->
|
|
<view wx:elif="{{error}}" class="error">
|
|
<text>{{error}}</text>
|
|
<button bindtap="loadOrderDetail">重新加载</button>
|
|
</view>
|
|
|
|
<!-- 订单详情 -->
|
|
<view wx:elif="{{orderDetail}}" class="order-content">
|
|
<!-- 订单头部 -->
|
|
<view class="order-header">
|
|
<view class="order-no">订单号: {{orderDetail.sales_no}}</view>
|
|
<view class="order-date">{{orderDetail.order_date}}</view>
|
|
</view>
|
|
|
|
<!-- 客户信息 -->
|
|
<view class="section">
|
|
<view class="section-title">客户信息</view>
|
|
<view class="customer-info">
|
|
<view class="info-item">
|
|
<view class="label">公司名称:</view>
|
|
<view class="value">{{orderDetail.customer_company}}</view>
|
|
</view>
|
|
<view class="info-item">
|
|
<view class="label">联系人:</view>
|
|
<view class="value">{{orderDetail.contact_person}}</view>
|
|
</view>
|
|
<view class="info-item">
|
|
<view class="label">联系电话:</view>
|
|
<view class="value">{{orderDetail.phone}}</view>
|
|
</view>
|
|
<view class="info-item">
|
|
<view class="label">联系地址:</view>
|
|
<view class="value">{{orderDetail.address}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 订单摘要 -->
|
|
<view class="section">
|
|
<view class="section-title">订单摘要</view>
|
|
<view class="order-summary">
|
|
<view class="info-item">
|
|
<view class="label">总金额:</view>
|
|
<view class="value total-amount">¥{{orderDetail.total_amount}}</view>
|
|
</view>
|
|
<view class="info-item">
|
|
<view class="label">总件数:</view>
|
|
<view class="value">{{orderDetail.total_pieces}}</view>
|
|
</view>
|
|
<view class="info-item">
|
|
<view class="label">总斤数:</view>
|
|
<view class="value">{{orderDetail.total_weight}}</view>
|
|
</view>
|
|
<view class="info-item">
|
|
<view class="label">支付状态:</view>
|
|
<view class="value payment-status">{{orderDetail.payment_status}}</view>
|
|
</view>
|
|
<view class="info-item">
|
|
<view class="label">订单状态:</view>
|
|
<view class="value order-status">{{orderDetail.order_status}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 产品详情 -->
|
|
<view class="section">
|
|
<view class="section-title">产品详情</view>
|
|
<view class="products-list">
|
|
<view wx:for="{{orderDetail.subItems}}" wx:key="sub_id" class="product-item">
|
|
<view class="product-header">
|
|
<view class="product-name">{{item.product_name}}</view>
|
|
</view>
|
|
<view class="product-details">
|
|
<view class="info-item">
|
|
<view class="label">销售件数:</view>
|
|
<view class="value">{{item.sales_pieces}}</view>
|
|
</view>
|
|
<view class="info-item">
|
|
<view class="label">销售斤数:</view>
|
|
<view class="value">{{item.sales_weight}}</view>
|
|
</view>
|
|
<view class="info-item">
|
|
<view class="label">单价:</view>
|
|
<view class="value">¥{{item.unit_price}}</view>
|
|
</view>
|
|
<view class="info-item">
|
|
<view class="label">小计:</view>
|
|
<view class="value">¥{{item.sales_amount}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 二维码 -->
|
|
<view class="section">
|
|
<view class="section-title">产品合格证</view>
|
|
<view class="qrcode-container">
|
|
<image wx:if="{{orderDetail.QR_code}}" src="{{orderDetail.QR_code}}" class="qrcode-image" mode="aspectFit"></image>
|
|
<view wx:else class="qrcode-placeholder">
|
|
<text>暂无产品合格证</text>
|
|
<text style="font-size: 20rpx; color: #999;">QR_code: {{orderDetail.QR_code}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 无数据提示 -->
|
|
<view wx:else class="no-data">
|
|
<text>暂无订单详情</text>
|
|
</view>
|
|
</view>
|