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

<view style="position: sticky; top: 0; z-index: 999;">
  <!-- 导航栏 -->
  <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>

<!-- top-view -->
<view class="top-view">
  <!-- 单据信息 -->
  <view class="orderinfo" style="padding-bottom: {{ safeBottom }}px;">
    <view class="title_item" style="margin-left: -10px;">
      <text class="ordertitle" style="font-size: 18px;">【单据信息】</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>
  
  <!--  无数据  -->
  <van-empty wx:if="{{ isEmpty }}" class="custom-image" description="无数据"/>
</scroll-view>