weilaibike-work-weapp/pages/workDetail/workDetail.wxml

<!--工单详情-->
<view class="workDetail">
  <view class="con">
    <view class="reason">{{detail.reason}}（{{detail.bike_no}}）</view>
    <!-- <view>发生位置：{{detail.location}}</view> -->
    <view>创建人：{{detail.created_man}}</view>
    <view>处理人：{{detail.received_name ? detail.received_name:'暂无'}}</view>
    <view>关闭人：{{detail.work_over_name ?detail.work_over_name : '暂无'}}</view>
    <text class="iconfont iconAdd" bindtap="openICon"></text>
  </view>
  <view class="step">
    <view class="flexCC" style="margin-top:20rpx;">
      <image src="http://resource.weilaibike.com/common/circle.png" class="circle"></image>
      <image src="http://resource.weilaibike.com/common/line.png" class="line"></image>
      <image src="http://resource.weilaibike.com/common/circle.png" class="circle"></image>
      <image src="http://resource.weilaibike.com/common/line.png" class="line"></image>
      <image src="http://resource.weilaibike.com/common/circle.png" class="circle"></image>
      <image src="http://resource.weilaibike.com/common/line.png" class="line"></image>
      <image src="http://resource.weilaibike.com/common/circle.png" class="circle"></image>
    </view>
    <view class="list" style="width:100%;">
      <view class="stepCon flexB" wx:if="{{one}}">
        <view>
          <view>待接单</view>
          <view>{{detail.created_man}}</view>
        </view>
        <view>{{detail.created_at}}</view>
      </view>
      <view class="stepCon flexB" wx:if="{{two}}">
        <view>
          <view>处理中</view>
          <view>{{detail.work_over_name}}</view>
        </view>
        <view>{{detail.received_at}}</view>
      </view>
      <view class="stepCon flexB" wx:if="{{three}}">
        <view>
          <view>已处理</view>
          <view>{{detail.work_over_name}}</view>
        </view>
        <view>{{detail.work_over_time}}</view>
      </view>
      <view class="stepCon flexB" wx:if="{{four}}">
        <view>
          <view>已完成</view>
          <view>{{detail.work_over_name}}</view>
        </view>
        <view>{{detail.work_over_time}}</view>
      </view>
    </view>
  </view>
  <view class="goHome" bindtap="goHome">
    <text>查看车辆详情</text>
  </view>
  <!-- 显示操作步骤 -->
  <view class="cover" wx:if="{{iconShow}}" bindtap="closeIcon"></view>
  <view class="icon" wx:if="{{iconShow}}">
    <view class="button" bindtap="closeIcon">
      <image src="http://resource.weilaibike.com/common/button.png"></image>
    </view>
    <view bindtap="getWork" wx:if="{{detail.planned==1}}">
      <text>领取工单</text>
      <image src="http://resource.weilaibike.com/common/get.png"></image>
    </view>
    <view bindtap="reported" wx:if="{{detail.planned==2}}">
      <text>有故障，报告组长并下线车辆</text>
      <image src="http://resource.weilaibike.com/common/outline.png"></image>
    </view>
    <view bindtap="reported" wx:if="{{detail.planned==2}}">
      <text>可以上线，但有情况需要上报组长处理</text>
      <image src="http://resource.weilaibike.com/common/online.png"></image>
    </view>
    <view bindtap="finish" wx:if="{{detail.planned==2}}">
      <text>已处理好，正常关闭</text>
      <image src="http://resource.weilaibike.com/common/finish.png"></image>
    </view>
  </view>
  <!-- 上报组长弹框 -->
  <view class="cover" wx:if="{{commitShow}}" bindtap="closeIcon"></view>
  <view class="commit" wx:if="{{commitShow}}">
    <view wx:if="{{inpShow}}">
      <view class="title">生成组长工单</view>
      <input placeholder="请输入报告组长内容" bindinput="input"></input>
    </view>
    <view  wx:else>
     <view class="title">完成并关闭工单</view>
     <view class="detail">已处理好，正常</view>
    </view>
    <view style="text-align:right;">
      <text bindtap="cancel">取消</text>
      <text style="margin:0 50rpx 0 80rpx;" bindtap="submit">确定</text>
    </view>
  </view>
</view>