cdht-app-h5/miniprogram/pages/backlog/annualInspection/annualInspection.wxml

<!--pages/backlog/annualInspection/annualInspection.wxml-->
<view class="container">
  <view class="bg">
    <image src="../../../images/bg_page_blue.png" mode=""/>
  </view>
  <view class="top">
    <view class="row">
        <view class="number-plate">
          <view class="val">{{item.plateNumber}}</view>
        </view>
        <view class="project-name">{{item.projectId_dictText}}</view>
      </view>
      <view class="row">
        <view class="time">年检有效期: {{item.validityPeriod ? item.validityPeriod : '-'}}</view>
        <view class="type-list">
          <view class="color-red">
            {{item.overdueType ? item.overdueType : '已逾期'}}：{{(item.overdueDays ? item.overdueDays : item.daysToOverdue)}}天
          </view>
        </view>
      </view>
  </view>
  <view class="detail-container" wx:if="{{false}}">
    <view class="tabs">
      <view class="tab {{tabActive == 0 ? 'active' : ''}}" data-tab="0" catch:tap="changeTab">
        <view class="bg"><image src="../../../images/btn_l.png" mode=""/></view>
        <view class="value">年检信息</view>
      </view>
      <!-- <view class="tab {{tabActive == 1 ? 'active' : ''}}" data-tab="1" catch:tap="changeTab">报价信息</view> -->
    </view>
    <view class="content">
      <view class="row">
        <view class="label">处理人</view>
        <view class="val">{{ item.processedPerson ? item.processedPerson : '/'}}</view>
      </view>
      <view class="row">
        <view class="label">年检有效期</view>
        <view class="val"> {{ item.validityPeriod ? item.validityPeriod : '/'}}</view>
      </view>
      <view class="row">
        <view class="label">办理日期</view>
        <view class="val">{{ item.handlingDate ? item.handlingDate : '/'}}</view>
      </view>
      <view class="row">
        <view class="label">年检地点</view>
        <view class="val">{{ item.location ? item.location : '/'}}天</view>
      </view>
      <view class="row">
        <view class="label">备注</view>
        <view class="val">{{ item.remark ? item.remark : '/'}}</view>
      </view>
      <view class="line"></view>
      <view class="row">
        <view class="label">检测费</view>
        <view class="val">{{ item.testingFee ? item.testingFee : '/'}}</view>
      </view>
      <view class="row">
        <view class="label">手续费</view>
        <view class="val">{{ item.serviceFee ? item.serviceFee : '/'}}</view>
      </view>
      <view class="row">
        <view class="label">杂费</view>
        <view class="val">{{ item.miscellaneousFee ? item.miscellaneousFee : '/'}}</view>
      </view>
      <view class="row">
        <view class="label">费用合计</view>
        <view class="val">{{ item.totalFee ? item.totalFee : '/'}}</view>
      </view>
      <view class="line"></view>
      <view class="row">
        <view class="label">行驶证</view>
        <view class="pic-box">
          <view 
            class="item" 
            wx:for="{{item.drivingLicenseList}}" 
            wx:key="index" 
            wx:for-item="pic"
            wx:if="{{item.drivingLicenseList.length > 0}}"
            data-index="{{index}}"
            data-key="drivingLicenseList"
            bindtap="previewImg">
            <image src="{{pic}}" mode=""/>
          </view>
          <view class="val" wx:if="{{item.drivingLicenseList.length == 0}}">/</view>
        </view>
      </view>
      <view class="row">
        <view class="label">车辆合格证</view>
        <view class="pic-box">
          <view 
            class="item" 
            wx:for="{{item.vehicleQualificationMarkList}}" 
            wx:key="index" 
            wx:for-item="pic"
            wx:if="{{item.vehicleQualificationMarkList.length > 0}}"
            data-index="{{index}}"
            data-key="vehicleQualificationMarkList"
            bindtap="previewImg">
            <image src="{{pic}}" mode=""/>
          </view>
          <view class="val" wx:if="{{item.vehicleQualificationMarkList.length == 0}}">/</view>
        </view>
      </view>
      <view class="row">
        <view class="label">年检费用明细表</view>
        <view class="pic-box">
          <view 
            class="item" 
            wx:for="{{item.detailsTableList}}" 
            wx:key="index" 
            wx:for-item="pic"
            wx:if="{{item.detailsTableList.length > 0}}"
            data-index="{{index}}"
            data-key="detailsTableList"
            bindtap="previewImg">
            <image src="{{pic}}" mode=""/>
          </view>
          <view class="val" wx:if="{{item.detailsTableList.length == 0}}">/</view>
        </view>
      </view>
      <view class="row">
        <view class="label">其他</view>
        <view class="pic-box">
          <view 
            class="item" 
            wx:for="{{item.otherList}}" 
            wx:key="index" 
            wx:for-item="pic"
            wx:if="{{item.otherList.length > 0}}"
            data-index="{{index}}"
            data-key="otherList"
            bindtap="previewImg">
            <image src="{{pic}}" mode=""/>
          </view>
          <view class="val" wx:if="{{item.otherList.length == 0}}">/</view>
        </view>
      </view>
    </view>
  </view>
  <view class="bottom">
    <view class="btn-box">
      <view class="btn" catch:tap="toFeedback">办理年检</view>
    </view>
  </view>
</view>