cdht-app-h5/miniprogram/pages/UpkeepPlan/UpkeepPlanInfo/UpkeepPlanInfo.wxml

<wxs module="module" src="../../module/module.wxs"></wxs>
<view class="container">
  <view class="bg">
    <image src="../../../images/bg_page_blue.png" mode="" />
  </view>
  <view class="top">
    <view class="row">
      <view class="code">{{upkeepObject.upkeepPlan.orderNo}}</view>
      <view class="number-plate">
        <view wx:if="{{upkeepObject.auditStatus == 1}}" class="status status2">未审批</view>
        <view wx:if="{{upkeepObject.auditStatus == 2}}" class="status status2">审批通过</view>
        <view wx:if="{{upkeepObject.auditStatus == 3}}" class="status status3">审批未通过</view>
        <view wx:if="{{upkeepObject.auditStatus == 4}}" class="status status3">已作废</view>
        <view wx:if="{{upkeepObject.auditStatus == 5}}" class="status status3">已归档</view>
        <view class="val">{{upkeepObject.upkeepPlan.plateNumber}}</view>
      </view>
    </view>
    <view class="row">
      <view class="project-name">{{upkeepObject.upkeepPlan.projectId_dictText}}</view>
      <view style="display: flex;">
        <view class="overdue" wx:if="{{upkeepObject.overdueStatus == 2 && upkeepObject.auditStatus != 4 && upkeepObject.auditStatus != 5}}">已逾期：{{upkeepObject.overdueDay}}天</view>
        <view class="time">{{upkeepObject.upkeepPlan.predictTime ? upkeepObject.upkeepPlan.predictTime : '/'}}</view>
      </view>
    </view>
  </view>
  <view class="detail-container">
    <view class="tabs">
      <view class="tab {{tabActive == 0 ? 'active' : ''}}" data-tab="0" catch:tap="changeTab">
        <view class="bg" wx:if="{{tabActive == 0}}">
          <image src="../../../images/btn_l.png" mode="" />
        </view>
        <view class="value">基本信息</view>
      </view>
    </view>
    <view class="content {{(upkeepObject.auditStatus == 1 && upkeepObject.editButton == 1 && module.buttonPermissions(userInf.auth,'UpkeepPlan:cancel') && module.buttonPermissions(userInf.auth,'UpkeepPlan:leaderCheckOffer')) ? 'contentHeight2' : 'contentHeight3'}}">
      <view class="info" wx:if="{{tabActive == 0}}">
        <view class="row">
          <view class="label label-width">车架号</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.frameNumber || '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width">交车时间</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.deliveryTime || '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width">车辆品牌</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.vehicleBrand_dictText || '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width">车辆型号</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.vehicleModel || '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width">车辆种类</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.vehicleType_dictText || '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width">VIN码</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.vinCode || '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width">发动机码</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.engineNumber || '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width">提单时间</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.planSaveTime || '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width">上次保养时间</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.lastTime || '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width">上次保养里程</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.lastMileage ? upkeepObject.upkeepPlan.lastMileage + '公里' : '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width">预计保养时间</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.predictTime || '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width">预计保养里程</view>
          <view class="val val-width">{{upkeepObject.upkeepPlan.predictMileage ? upkeepObject.upkeepPlan.predictMileage + '公里' : '/'}}</view>
        </view>
        <view class="row">
          <view class="label label-width" style="width: 20%;">保养内容</view>
          <view class="val val-width" style="width: 80%;text-align: right;">{{upkeepObject.upkeepPlan.content ? upkeepObject.upkeepPlan.content : '/'}}</view>
        </view>
        <view class="row">
          <view class="label">单据附件</view>
          <view class="pic-box" wx:if="{{upkeepObject.upkeepPlan.attachmentList}}">
            <view class="item" wx:for="{{upkeepObject.upkeepPlan.attachmentList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
              <image src="{{item.fileUrl}}" mode="" data-index="{{index}}" data-image="attachmentList" catch:tap="showImage" />
            </view>
          </view>
          <view wx:else class="val">/</view>
        </view>
      </view>
      <view wx:if="{{upkeepObject.cancelObject}}">
        <view class="check-info">
          <view class="item">
            <view class="check-title" style="color: red;">已作废</view>
            <view class="check-one">
              <view class="check-operator">
                <text class="label">操作人</text>
                <text class="val margin-left8">{{upkeepObject.cancelObject.cancelPeople}}</text>
              </view>
              <view class="check-time">
                <text class="label">作废时间</text>
                <text class="val margin-left8">{{upkeepObject.cancelObject.cancelTime}}</text>
              </view>
            </view>
            <view class="check-idea">
              <text class="label">作废原因</text>
              <text class="val" style="width: 81%;word-break: break-all;">{{upkeepObject.cancelObject.cancelIdea}}</text>
            </view>
          </view>
        </view>
      </view>
      <view wx:if="{{upkeepObject.upkeepCheckList}}">
        <view class="check-info" wx:for="{{upkeepObject.upkeepCheckList}}" wx:for-item="item" wx:for-index="index" wx:key="index">
          <view class="item">
            <view class="check-title" style="color: #4381FC;" wx:if="{{item.checkResult == '1'}}">审批结果：通过</view>
            <view class="check-title" style="color: red;" wx:if="{{item.checkResult == '2'}}">审批结果：不通过</view>
            <view class="check-one">
              <view class="check-operator">
                <text class="label">审批人</text>
                <text class="val margin-left8">{{item.checkPeople ? item.checkPeople : '/'}}</text>
              </view>
              <view class="check-time">
                <text class="label">审批时间</text>
                <text class="val margin-left8">{{item.checkTime ? item.checkTime : '/'}}</text>
              </view>
            </view>
            <view class="check-idea">
              <text class="label">审批意见</text>
              <text class="val" style="width: 81%;word-break: break-all;">{{item.checkIdea ? item.checkIdea : '/'}}</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class="bottom">
    <view class="btn-box">
      <view class="btn cancel {{ (upkeepObject.auditStatus != 1 && upkeepObject.editButton != 1)? 'btn-full': ''}}" catch:tap="bindCancel" wx:if="{{module.buttonPermissions(userInf.auth,'UpkeepPlan:cancel') && upkeepObject.auditStatus != 4 && upkeepObject.auditStatus != 5 && upkeepObject.auditStatus != 2}}">作废</view>
      <view class="btn apply" catch:tap="bindSend" wx:if="{{module.buttonPermissions(userInf.auth,'UpkeepPlan:leaderCheckOffer') && upkeepObject.auditStatus == 1}}">去审批</view>
      <view class="btn edit {{ upkeepObject.auditStatus == 1 ? 'margin8' : ''}} {{ upkeepObject.auditStatus == 1 || userInfo.userType == 4 ? 'btn-full' : ''}}" wx:if="{{upkeepObject.editButton == 1 && module.buttonPermissions(userInf.auth,'UpkeepPlan:edit')}}" catch:tap="bindEdit">编辑</view>
      <view class="btn cancel btn-full" catch:tap="goBack" wx:if="{{(upkeepObject.auditStatus == 4 || upkeepObject.auditStatus == 5 || upkeepObject.auditStatus == 2) || upkeepObject.editButton != 1 || !module.buttonPermissions(userInf.auth,'UpkeepPlan:edit') }}">返回</view>
    </view>
  </view>
</view>