operation_wx/pages/tool/index.wxml

<view class="container">
  <!-- 工单分类筛选栏 -->
  <view class="container_top">
  <view class="filter_box">
    <view class="filter-bar">
    <view class="filter-item {{activeType == 0 ? 'filter-active' : ''}}" bindtap="switchType" data-type="0">
      全部工单
      <span class="filter-badge" wx:if="{{filteredOrders.length > 0 && activeType == 0}}">{{filteredOrders.length}}</span>
    </view>
    <view class="filter-item {{activeType == 1 ? 'filter-active' : ''}}" bindtap="switchType" data-type="1">
      购电工单
      <span class="filter-badge" wx:if="{{filteredOrders.length > 0 && activeType == 1}}">{{filteredOrders.length}}</span>
    </view>
    <view class="filter-item {{activeType == 2 ? 'filter-active' : ''}}" bindtap="switchType" data-type="2">
      售电工单
      <span class="filter-badge" wx:if="{{filteredOrders.length > 0 && activeType == 2}}">{{filteredOrders.length}}</span>
    </view>
    <!-- <view class="filter-item {{activeType == 3 ? 'filter-active' : ''}}" bindtap="switchType" data-type="3">
      车辆工单
      <span class="filter-badge" wx:if="{{filteredOrders.length > 0 && activeType == 3}}">{{filteredOrders.length}}</span>
    </view> -->
  </view>
  </view>
  <!-- 工单状态筛选栏 -->
  <view class="status-filter">
    <view class="status-item {{activeStatus == 0 ? 'status-active' : ''}}" bindtap="switchStatus" data-status="0">待派单</view>
    <view class="status-item {{activeStatus == 1 ? 'status-active' : ''}}" bindtap="switchStatus" data-status="1">处理中</view>
    <view class="status-item {{activeStatus == 5 ? 'status-active' : ''}}" bindtap="switchStatus" data-status="5">已完成</view>
    <view class="status-item {{activeStatus == 6 ? 'status-active' : ''}}" bindtap="switchStatus" data-status="6">已驳回</view>
  </view>
</view>
<view style="height: 210rpx;"></view>
  <!-- 工单列表 -->
  <view class="order-list">
    <!-- 空数据占位 -->
    <view class="empty-wrap" wx:if="{{filteredOrders.length === 0}}">
      <view class="empty-icon">📋</view>
      <view class="empty-text">{{activeType === 'all' ? '暂无工单消息' : '暂无该类型工单'}}</view>
      <view class="empty-subtext" wx:if="{{activeStatus === 'pending'}}">当前无待派单工单</view>
    </view>

    <!-- 工单列表项 -->
    <view class="order-card" wx:for="{{filteredOrders}}" wx:key="id" bindtap="toOrderDetail" data-order="{{item}}">
      <!-- 工单状态标签 -->
      <view class="order-tag {{item.workorderType == 0 ? 'tag-pending' : item.workorderType == 1 ? 'tag-processing' : item.workorderType == 2 ? 'tag-completed' : 'tag-rejected'}}">
        {{item.workorderType == 0 ? '待派单' : item.workorderType == 1 ? '处理中' : item.workorderType == 5 ? '已完成' : '已驳回'}}
      </view>
      
      <!-- 工单左侧信息 -->
      <view class="order-left">
        <view class="order-code">工单编号：{{item.workorderId}}</view>
        <view class="order-title">{{item.workorderName}}</view>
        <view class="order-desc" wx:if="{{activeType == 1}}">充电量：{{item.workorderActual}}</view>
        <view class="order-desc" wx:if="{{activeType == 2}}">放电量：{{item.workorderActual}}</view>
        <view class="order-desc" wx:if="{{activeType == 1}}">工单放电类型：{{item.greenelectricity}}</view>
        <view class="order-meta">
          <text>所需金额：{{item.price}}</text>
          <text style="margin-top: 20rpx;">创建时间：{{item.workorderCreatetime}}</text>
        </view>
      </view>
      <!---->

      <!-- 工单右侧操作区 -->
      <view class="order-right">
        <!-- 待派单：派单按钮 -->
        <!-- <button class="opt-btn dispatch-btn" wx:if="{{item.status === 'pending'}}" bindtap="dispatchOrder" data-id="{{item.id}}" catchtap="true">派单</button> -->
        
        <!-- 处理中：完成按钮 -->
        <!-- <button class="opt-btn complete-btn" wx:if="{{item.status === 'processing'}}" bindtap="completeOrder" data-id="{{item.id}}" catchtap="true">完成</button> -->
        
        <!-- 待派单/处理中：驳回按钮 -->
        <!-- <button class="opt-btn reject-btn" wx:if="{{item.status === 'pending' || item.status === 'processing'}}" bindtap="rejectOrder" data-id="{{item.id}}" catchtap="true">驳回</button> -->
        
        <!-- 已完成/已驳回：无操作按钮 -->
        <!-- <view class="opt-text" wx:else>{{item.operatorName || '-'}}</view> -->
      </view>
    </view>
  </view>

  <!-- 底部新建工单按钮 -->
  <!-- <view class="add-bar">
    <button class="add-btn" bindtap="createOrder">+ 新建工单</button>
  </view> -->
</view>