operation_wx/pages/orderdetails/index.wxml

<view class="work-order-container">
  <!-- 工单头部：编号+状态+创建时间 -->
  <view class="order-header">
   
    <text class="order-status" wx:if="{{workOrderInfo.workorderType==0}}">工单状态：未分配</text>
    <text class="order-status" wx:if="{{workOrderInfo.workorderType==1}}">工单状态：待处理</text>
    <text class="order-status" wx:if="{{workOrderInfo.workorderType==2}}">工单状态：行驶中</text>
    <text class="order-status" wx:if="{{workOrderInfo.workorderType==3}}">工单状态：到达地点</text>
    <text class="order-status" wx:if="{{workOrderInfo.workorderType==4}}">工单状态：工作中</text>
    <text class="order-status" wx:if="{{workOrderInfo.workorderType==5}}">工单状态：工作完成</text>
    <text class="order-status" wx:if="{{workOrderInfo.workorderType==6}}">工单状态：工单完成</text>
  </view>
  
  <!-- 工单核心描述 -->
  <view class="desc-card">
  
    <view class="card-title">工单信息</view>
    <view class="desc-content">
      <view class="desc-item">
        <text class="label">工单编号</text>
        <text class="value">{{workOrderInfo.workorderId}}</text>
      </view>
      <!-- <view class="desc-item" wx:if="{{workOrderInfo.workorderElectricity}}">
        <text class="label">预计放电量</text>
        <text class="value">{{workOrderInfo.workorderElectricity}}</text>
      </view>
      <view class="desc-item" wx:if="{{workOrderInfo.workorderActual}}">
        <text class="label">实放电量</text>
        <text class="value">{{workOrderInfo.workorderActual}}</text>
      </view> -->
      <view class="desc-item" wx:if="{{workOrderInfo.chargingcapacity}}">
        <text class="label">预计充电量</text>
        <text class="value">{{workOrderInfo.chargingcapacity}}</text>
      </view>
      <view class="desc-item" wx:if="{{workOrderInfo.dischargecapacity}}">
        <text class="label">实充电量</text>
        <text class="value">{{workOrderInfo.dischargecapacity}}</text>
      </view>
      <view class="desc-item">
        <text class="label">车辆</text>
        <text class="value">{{workOrderInfo.carName}}</text>
      </view>
      <view class="desc-item">
        <text class="label">司机</text>
        <text class="value">{{workOrderInfo.driverName}}-{{workOrderInfo.driverphone}}</text>
      </view>
      <view class="desc-item">
        <text class="label">创建时间</text>
        <text class="value">{{workOrderInfo.workorderCreatetime}}</text>
      </view>
      <view class="desc-item">
        <text class="label">目的地</text>
        <text class="value">{{workOrderInfo.addressName}}</text>
      </view>
    
    </view>
  </view>
  
  
  
  <!-- 隐藏的内容：仅在showMore为true时显示 -->
    <!-- 设备核心信息（储能车专属） -->
    <!-- <view class="device-card">
      <view class="card-title">设备信息</view>
      <view class="device-info">
        <view class="info-item">
          <text class="label">车辆编号：</text>
          <text class="value">{{workOrderInfo.carName}}</text>
        </view>
        <view class="info-item">
          <text class="label">储能型号：</text>
          <text class="value">{{workOrderInfo.carName}}</text>
        </view>
        <view class="info-item">
          <text class="label">设备所属：</text>
          <text class="value">{{workOrderInfo.carName}}</text>
        </view>
        <view class="info-item">
          <text class="label">本次运行时长：</text>
          <text class="value">{{workOrderInfo.workorderStarttime}}</text>
        </view>
      </view>
    </view> -->
 <!-- 查看更多/收起按钮 -->
 <view class="toggle-more" bindtap="toggleShowMore">
    <text>{{showMore ? '收起' : '查看更多'}}</text>
    <text class="icon">{{showMore ? '↑' : '↓'}}</text>
  </view>
  <view wx:if="{{showMore}}">

    <!-- 处理指派信息 -->
    <view class="assign-card" wx:if="{{workOrderInfo.assigner}}">
      <view class="card-title">工单流程</view>
      <view class="assign-info">
        <view class="info-item">
          <text class="label">指派人：</text>
          <text class="value">{{workOrderInfo.assigner.name}} {{workOrderInfo.assigner.phone}}</text>
        </view>
        <view class="info-item">
          <text class="label">指派时间：</text>
          <text class="value">{{workOrderInfo.assignTime}}</text>
        </view>
      </view>
    </view>

    <!-- 处理进度/操作记录 -->
    <view class="process-card">
      <view class="card-title">工单进度</view>
      <view class="process-timeline">
        <view class="timeline-item {{index === workOrderInfo.sysWorkorderVoList.length - 1 ? 'active' : ''}}" wx:for="{{workOrderInfo.sysWorkorderVoList}}" wx:key="index">
          <view class="timeline-dot"></view>
          <view class="timeline-content">
            <text class="step">{{item.step}}</text>
            <text class="time">{{item.time}}</text>
            <text class="operator" wx:if="{{item.operation}}">操作人：{{item.operation}}</text>
            <text class="desc" wx:if="{{item.dosc}}">{{item.dosc}}</text>
          </view>
        </view>
      </view>
    </view>
    <!-- 底部操作栏：根据工单状态显示不同按钮 ✅-->
    <view class="bottom-bar" wx:if="{{false}}">
      <button class="btn cancel-btn" wx:if="{{workOrderInfo.status === 'pending'}}" bindtap="cancelOrder">取消工单</button>
      <button class="btn assign-btn" wx:if="{{workOrderInfo.status === 'pending'}}" bindtap="assignEngineer">指派工程师</button>
      <button class="btn process-btn" wx:if="{{workOrderInfo.status === 'assigned'}}" bindtap="startProcess">开始处理</button>
      <button class="btn complete-btn" wx:if="{{workOrderInfo.status === 'processing'}}" bindtap="completeOrder">完成工单</button>
      <button class="btn rework-btn" wx:if="{{workOrderInfo.status === 'completed'}}" bindtap="reworkOrder">重新处理</button>
    </view>
  </view>
</view>