<view class="container">
  <view class="submit" wx:if="{{!success}}" hover-class="none" hover-stop-propagation="false">
    <view class hover-class="none" hover-stop-propagation="false">
      <view class="fss mb12 mt4" hover-class="none" hover-stop-propagation="false">
        <block wx:for="{{troubleList}}">
          <view class="sub_type {{troubleIndex == index ? 'active' : ''}}" data-index="{{index}}" bindtap="changeType" hover-class="none" hover-stop-propagation="false">{{item}}</view>
        </block>
      </view>
      <view class="bgf br8 f14" hover-class="none" hover-stop-propagation="false">
        <textarea class="textarea" value="{{textVal}}" bindinput="getVal" maxlength="150" placeholder="我们想听到您的心声..." placeholder-class="f14 cccc" bindfocus bindconfirm></textarea>
        <view class="tr f12 pr12 pb12">{{ textVal.length }}/150</view>
      </view>
      <view class="imgUpload" hover-class="none" hover-stop-propagation="false">
        <view class="fss" hover-class="none" hover-stop-propagation="false">
          <view wx:for="{{imgList}}" class="{{index <= 2 ? 'mr18' : ''}} por mr12">
            <i class="iconfont icon-guanbi close" bindtap="delImg" data-ind="{{index}}"></i>

            <image src="{{item}}" style="width:72px;height:72px" class="br8" />
          </view>
          <image wx:if="{{imgList.length < 4}}" class="br8" style="width:72px;height:72px" src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/dailibaoming/my_uploadphotos.svg" bindtap="uploadImg" />
        </view>
        <view class="c9 f12 mt8" hover-class="none" hover-stop-propagation="false">上传照片截图，最多传4张（选填）</view>
      </view>
      <button class="normalBtn loginOut f16" hover-class="thover" bindtap="submit" style="margin-top:65px" loading="{{loading}}">提交</button>
    </view>
    <view class="tac mt16 mb32 f14" style="color:#576B95" bindtap="goList" hover-class="thover" hover-stop-propagation="false">查看记录</view>
  </view>
  <view class="success" wx:else hover-class="none" hover-stop-propagation="false">
    <view class="tc" style="padding-top: 100px;">
      <icon class="iconfont icon-tijiaochenggong lh1" style="color:#07c160;font-size:70px"></icon>
      <view class="successText mt20 f22 fw500 lh1">已提交</view>
      <view class="f14 c9 mt16" hover-class="none" hover-stop-propagation="false">感谢您的宝贵意见，我们会第一时间处理哈~</view>
      <button class="normalBtn loginOut f16" hover-class="thover" bindtap="goback" style="margin-top:50px" loading="{{loading}}">返回</button>
      <view class="tac mt16 f14" style="color:#576B95" bindtap="goList" hover-class="thover" hover-stop-propagation="false">查看记录</view>
    </view>
  </view>
</view>
