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

<view class="container" style="padding-bottom: {{ safeBottom }}px;">
  <view class="topView">
    <!-- 导航栏 -->
    <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>

  <view class="goods-info">
    <text>【商品信息】</text>
    <text>成交单号：{{ order.relatedorderid }}</text>
  </view>

  <!-- 列头 --> 
  <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-dwn">
      <text wx:for="{{ titles[1] }}" wx:for-item="itm" wx:for-index="idx" wx:key="idx">{{ itm }}</text>
    </view>
  </view>

  <!-- 数据 --> 
  <van-swipe-cell wx:for="{{ values }}" wx:for-item="itm" wx:if-index="idx" wx:key="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-dwn">
        <text wx:for="{{ itm.dwn }}" wx:for-item="data" wx:for-index="idx" wx:key="idx">{{ data }}</text>
      </view>
    </view>
  </van-swipe-cell>

  <view class="perform-info">
    <text>【履约信息】</text>
    <text>成交单号：{{ order.performanceplanid }}</text>
  </view>

  <!-- 履约信息 --> 
  <view class="perform-detail-info">
    <view class="item">
      <text>履约货款：{{ order.amount }}</text>
      <text>履约状态：{{ order.performancestatus }}</text>
    </view>
    <view class="item">
      <text>买方已付：{{ order.buypaidamount }}</text>
      <text>卖方已收：{{ order.sellreceivedamount }}</text>
    </view>
    <view class="item sellerinfo">
      <text>卖方信息：{{ order.sellerinfo }}</text>
    </view>
    <view class="item buyerinfo">
      <text>买方信息：{{ order.buyerinfo }}</text>
    </view>
  </view>

  <view class="perexcute-info">
    <text>【执行信息】</text>
    <text>{{ status }}：{{ step }}</text>
  </view>

  <view class="planstep-info" wx:for="{{ stepsValues }}" wx:for-item="itm" wx:for-index="idx" wx:key="performancestepid">
      <view class="planstep-info__up" style="background-color: {{ itm.bgcolor }};">
        <text class="stepindex">{{ itm.stepindex }}</text>
        <text class="steptypename">{{ itm.steptypename }}</text>
        <text class="stepstatus">{{ itm.stepstatusdisplay }}</text>
      </view>
      <view class="planstep-info__mid">
        <text class="starttime" wx:if="{{ itm.stepstatus != 2 }}">{{ itm.starttime }}</text>
        <text class="remaindays">{{ itm.remaindays}}</text>
        <text class="endtime" wx:if="{{ itm.stepstatus != 2 }}">{{ itm.endtime }}</text>
      </view>
      <view class="planstep-info__dwn" wx:if="{{ itm.stepstatus === 1 }}">
        <text class="remaindays">{{ itm.stepdays }}天</text>
      </view>
    </view>

  <!-- 按钮 -->
  <view class="button-view">
    <van-button custom-class="delay" id="delay" round color="linear-gradient(to right, #4bb0ff, #6149f6)" block bind:click="onShowDelay">延期申请</van-button>
    <van-button custom-class="excute" id="excute" round color="linear-gradient(to right, #4bb0ff, #F7A657)" block bind:click="onShowExculate">立即执行</van-button>
  </view>
</view>

<!-- 是否申请延期 -->
<van-dialog use-slot title="是否申请延期？" show="{{ showDelay }}" show-cancel-button  bind:close="onClose" bind:getuserinfo="doDelay">
  <van-field label="天数：" model:value="{{ delaydays }}" placeholder="请输入申请延期天数" type="number" adjust-position />
  <van-field label="备注：" model:value="{{ remark }}" adjust-position autosize placeholder="请输入备注信息" />
</van-dialog>

<!-- 是否申请延期 -->
<van-dialog use-slot title="是否手动执行当前步骤？" show="{{ showExculate }}" show-cancel-button  bind:close="onClose" bind:getuserinfo="doExculpate">
  <van-field label="备注：" model:value="{{ remark }}" adjust-position autosize placeholder="请输入备注信息" />
</van-dialog>

<!-- toast --> 
<van-toast id="van-toast" />