qingcheng-xiaochengxu/pages/dashboardModule/userOrderPerformance/userOrderPerformance.wxml

<!-- pages/dashboardModule/userOrderPerformance/userOrderPerformance.wxml -->
<view class="page">
  <!-- 标题 -->
  <view class="page-title">
    <text class="title">客户订单明细</text>
  </view>

  <scroll-view scroll-y class="content no-scrollbar">
    <!-- 搜索表单 -->
    <view class="card form-card">
      <view class="field">
        <text class="field-label">订单号</text>
        <view class="input-box">
          <input
            class="input"
            placeholder="请输入订单号"
            placeholder-class="ph"
            value="{{ orderNumber }}"
            type="number"
            bindinput="onOrderNumberInput"
          />
        </view>
      </view>

      <view class="btn btn-primary" bindtap="searchOrder">搜索</view>
    </view>

    <!-- 结果列表 -->
    <view class="result-wrap">
      <!-- 有数据 -->
      <block wx:if="{{ OrderItems.length }}">
        <view
          wx:for="{{ OrderItems }}"
          wx:for-item="item"
          wx:for-index="index"
          wx:key="id"
          class="card order-card"
        >
          <!-- 顶部：订单号 + 状态徽标 -->
          <view class="topline">
            <view class="row-left">
              <text class="label">订单号</text>
              <text class="mono">{{ item.orderNumber }}</text>
            </view>
            <view class="badge {{ item.orderStatus === '待支付' ? 'badge-pending' : (item.orderStatus === '已支付' || item.orderStatus === '交易成功' ? 'badge-success' : 'badge-default') }}">
              <text class="badge-text">{{ item.orderStatus }}</text>
            </view>
          </view>

          <!-- 键值对信息 -->
          <view class="kv">
            <text class="kv-key">用户</text>
            <text class="kv-val">{{ item.nickName }}</text>
          </view>

          <view class="kv">
            <text class="kv-key">手机号</text>
            <text class="kv-val">{{ item.phoneNumber }}</text>
          </view>

          <view class="kv">
            <text class="kv-key">金额</text>
            <text class="kv-val money">￥{{ item.totalAmount }}</text>
          </view>

          <view class="kv">
            <text class="kv-key">抽成</text>
            <text class="kv-val">主管：{{ item.firstRate * 100 }}%，员工：{{ item.secondRate * 100 }}%</text>
          </view>

          <view class="kv">
            <text class="kv-key">奖励</text>
            <text class="kv-val">主管：¥{{ item.firstReward }}，员工：¥{{ item.secondReward }}</text>
          </view>

          <view class="kv">
            <text class="kv-key">提成状态</text>
            <text class="kv-val">{{ item.commissionStatus }}</text>
          </view>
        </view>
      </block>

      <!-- 无数据 -->
      <block wx:else>
        <view class="empty">
          <image class="empty-img" src="/assets/empty-list.png" mode="aspectFit" />
          <text class="empty-text">暂无数据</text>
        </view>
      </block>
    </view>
  </scroll-view>
</view>