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

<view class="container">
  <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="step-info">
    <text>当前步骤: </text>
    <text>{{ order.deliverygoodsname}}  {{order.curstepname}}</text>
  </view>

  <view class="remark-info">
    <text>*备注：</text>
    <textarea model:value="{{ remark }}" class="text-area" placeholder="请输入备注信息"></textarea>
  </view>

  <!-- 凭证 -->
  <view class="credentials-info">
    <text>*附件</text>
    <view class="credentials-top-view">
      <text class="value">请上传相关截图</text>
      <!-- 凭证图片 -->
      <view class="upload"><van-uploader max-count="1" deletable="{{ true }}" file-list="{{ fileList }}" bind:after-read="afterRead" bind:delete="deleteImage" /></view> 
    </view>
  </view>

  <!-- 按钮 -->
  <view class="button-view">
    <van-button custom-class="excute" id="excute" round color="linear-gradient(to right, #4bb0ff, #F7A657)" block bind:click="doBreach">申请违约</van-button>
  </view>
</view>

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