wxappb2b/GuangZuan/miniprogram/mHome/pages/inspection/detail/index.wxml

<!-- top-view -->
<view class="top-view">
  <!-- 导航栏 -->
  <van-nav-bar custom-style="background-color: #407DB8">
    <van-icon slot="left" name="arrow-left" size="25px" color="#fff" bind:click="backToParent"/>
    <text slot="title" style="color: #fff;">出境详情</text>
  </van-nav-bar>

  <!-- 单据信息 -->
  <view class="orderinfo">
    <view class="title_item">
      <text class="ordertitle">【单据信息】</text>
      <text>{{ order.orderid }}</text>
      <text>{{ order.gzcjstatusdisplay }}</text>
    </view>
    <view class="orderinfo_item">
      <text>送检账户</text>
      <text>{{ order.gzcjaccount }}</text>
    </view>
    <view class="orderinfo_item">
      <text>公司名称（中文）</text>
      <text>{{ order.companynamecn }}</text>
    </view>
    <view class="orderinfo_item">
      <text>公司名称（英文）</text>
      <text>{{ order.companynameen }}</text>
    </view>
    <view class="orderinfo_item">
      <text>地址（中文）</text>
      <text>{{ order.addresscn }}</text>
    </view>
    <view class="orderinfo_item">
      <text>地址（英文）</text>
      <text>{{ order.addressen }}</text>
    </view>
    <view class="orderinfo_item">
      <view class="orderinfo_left">
        <text>联系人姓名</text>
        <text>{{ order.contactname }}</text>
      </view>
      <view class="orderinfo_right">
        <text>联系人职位</text>
        <text>{{ order.contactposition }}</text>
      </view>
    </view>
    <view class="orderinfo_item">
      <view class="orderinfo_left">
        <text>联系人电话</text>
        <text>{{ order.contactphoneno }}</text>
      </view>
      <view class="orderinfo_right">
        <text>邮箱</text>
        <text>{{ order.email }}</text>
      </view>
    </view>
    <view class="orderinfo_item">
      <view class="orderinfo_left">
        <text>货物品类</text>
        <text>{{ order.gzcjcategorytypedisplay }}</text>
      </view>
      <view class="orderinfo_right">
        <text>成品钻石加工国</text>
        <text>{{ order.processingcountry }}</text>
      </view>
    </view>
    <view class="orderinfo_item">
      <text>天然钻石毛坯原产地</text>
      <text>{{ order.zsorigin }}</text>
    </view>
    <view class="orderinfo_item">
      <text>完成检测后收货方式</text>
      <text>{{ order.gzcjdeliverytypedisplay }}</text>
    </view>
  </view>

  <text class="ordertitle">【钻石信息】</text>

  <!-- 列头 --> 
  <view class="title-view">
    <view class="title-view-up">
      <text wx:for="{{ titles[0] }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{ itm }}</text>
    </view>
    <view class="title-view-mid" wx:if="{{ order.gzcjaccounttype != 1 }}">
      <text wx:for="{{ titles[1] }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{ itm }}</text>
    </view>
    <view class="title-view-down">
      <text wx:for="{{ titles[2] }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{ itm }}</text>
    </view>
  </view>
</view>

<!-- 内容 --> 
<scroll-view class="container">
<!-- 数据 --> 
<van-swipe-cell wx:for="{{ values }}" wx:for-item="itm" wx:for-index="idx" wx:key="orderid" right-width="{{ width }}" id="{{ idx }}">
    <view class="item-view">
      <view class="item-view-up">
        <text wx:for="{{ itm.up }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
      </view>
      <view class="item-view-mid" wx:if="{{ order.gzcjaccounttype != 1 }}">
        <text wx:for="{{ itm.mid }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
      </view>
      <view class="item-view-dwn">
        <text wx:for="{{ itm.dwn }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
      </view>
    </view>
  </van-swipe-cell>
</scroll-view>

 <!--  无数据  -->
 <van-empty wx:if="{{ isEmpty }}" class="custom-image" description="无数据"/>