wxappb2b/GuangZuan/miniprogram/mMine/pages/myperformance/myperformance.wxml

<!--mMine/pages/myperformance/myperformance.wxml-->

<!-- 导航栏 -->
<van-nav-bar custom-style="background-color: #E92020">
  <van-icon slot="left" name="arrow-left" size="25px" color="white" bind:click="backToParent"/>
  <text slot="title" style="color: white;">我的履约</text>
</van-nav-bar>

<!-- tabs -->
<view class="tab-view">
  <van-tabs sticky animated bind:change="onTabChange">
    <van-tab wx:for="{{tabs}}" wx:for-item="itm" wx:key="id" id="{{itm.id}}" active="{{itm.id}}" title="{{itm.name}}"/>
  </van-tabs>  
</view>

<scroll-view class="scroll-view" scroll-x enable-flex>
  <!-- 列头 -->
  <view wx:if="{{!isEmpty}}" class="title-view" style="width: {{totalWidth}}px;">
    <text class="title-view-text" wx:for="{{titles}}" wx:for-index="idx" wx:for-item="itm" wx:key="idx" id="idx" style="width: {{widths[idx]}}px;">{{itm}}</text>
  </view>

  <!-- 数据内容 -->
  <view class="order-list">
    <view class="order-list-item" wx:for="{{values}}" wx:for-item="lists" wx:key="lists" id="{{index}}" bindtap="onListItemClick">
      <!-- 数据体 -->
      <view class="order-list-item-row" style="width: {{totalWidth}}px;">
        <text wx:for="{{lists}}" wx:for-index="idx" wx:for-item="itm" wx:key="itm" style="width: {{widths[idx]}}px;">{{itm}}</text>
      </view>
      <!-- 按钮 -->
      <view class="order-list-item-btn" wx:if="{{selectRow != -1 && selectRow == index}}">
        <!-- 履约详情 -->
        <button class="per-detail" id="per-detail" bindtap="onButtonPressed">履约详情</button>
        <!-- 手动执行 -->
        <button class="per-manual" id="per-manual" bindtap="onButtonPressed">手动执行</button>
        <!-- 延期申请 -->
        <button class="apply-dely" id="apply-dely" bindtap="onButtonPressed">延期申请</button>
        <!-- 违约申请 -->
        <button class="apply-default" id="apply-default" bindtap="onButtonPressed">违约申请</button>
        <!-- 卖委托单 -->
        <button class="edit" id="edit" bindtap="onButtonPressed">修改信息</button>
      </view>
    </view>
  </view>
</scroll-view>

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