punchAppeal.wxml 5.1 KB
<!--pages/punchAppeal/punchAppeal.wxml-->
<view class='tab_box'>
  <view class="tab_item {{current==0?'tab_active':''}}" data-current='0' bindtap='tabCharge'>我要申诉</view>
  <view class="tab_item {{current==1?'tab_active':''}}" data-current='1' bindtap='tabCharge'>审核中</view>
  <view class="tab_item {{current==2?'tab_active':''}}" data-current='2' bindtap='tabCharge'>已通过</view>
  <view class="tab_item {{current==3?'tab_active':''}}" data-current='3' bindtap='tabCharge'>未通过</view>
</view>            
<block wx:if='{{current==0}}'>
  <view class='content_box'>
    <view class='item_list'>
      <view class='list_title_info'>
        <view class='iconfont icon-zhongdian'> </view>
        <view>
          <view>如果因为环境网络问题或者其他原因导致无法打卡,请上传照 片及文字申诉内容,证明您已到场并已经参与活动。
          </view>
          <view class='hint_info'>注:最多可上传3张照片</view>
        </view>
      </view>
      <view class='uoload_box' >
        <view class='upload_item'  data-current="0" bindtap='uploadImg'>
          <text class='iconfont icon-jia' wx:if="{{image === ''}}"></text>
          <image src="{{image}}" mode="aspectFill" wx:if="{{image !== ''}}"></image>
        </view>
        <view class='upload_item' data-current="1" bindtap='uploadImg'>
          <text class='iconfont icon-jia' wx:if="{{image1 === ''}}"></text>
          <image src="{{image1}}" mode="aspectFill" wx:if="{{image1 !== ''}}"></image>
        </view>
        <view class='upload_item' data-current="2" bindtap='uploadImg'>
          <text class='iconfont icon-jia' wx:if="{{image2 === ''}}"></text>
          <image src="{{image2}}" mode="aspectFill" wx:if="{{image2 !== ''}}"></image>
        </view>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>申诉内容</view>
      <view class='list_input'>
        <textarea placeholder='请输入您的申诉内容...' bindinput='appealContent' placeholder-style='color:#C3C3C3' maxlength="100">
        </textarea>
        <view class='word_num'>{{currentnum}}/{{maxlength}}</view>
      </view>
      <view class='appeal_info'>
        <text class='iconfont icon-yuan-copy-copy-copy-copy'></text>
        <text>当前:xxx实验室</text>
      </view>
      <view class='null_box'></view>
      <view class='submit_btn' bindtap="submit">提 交</view>
    </view>
  </view>
</block>
<block wx:elif='{{current==1}}'>
  <view class='review_box'>
    <view class='review_item' bindtap='listDetail'>
      <view>提交时间:2018.10.21</view>
      <view class='review_content_box'>
        <view class='review_img'>
          <image src='../../../images/img1.png'></image>
        </view>
        <view class='review_content'>
          <view class='review_info'>卡上规范咖喱饭咖喱发放啦发货;阿 富汗阿里发布啦 —— 爱因斯坦卡上规范咖喱饭咖喱发放啦发货;阿 富汗阿里发布啦 —— 爱因斯坦卡上规范咖喱饭咖喱发放啦发货;阿 富汗阿里发布啦 —— 爱因斯坦</view>
          <view class='review_btn'>
            <view class='cancle_btn'>取消申诉</view>
            <view class='review_state'>审核中</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</block>
<block wx:elif='{{current==2}}'>
  <view class='review_box'>
    <view class='review_item' bindtap='listDetail'>
      <view>提交时间:2018.10.21</view>
      <view class='review_content_box'>
        <view class='review_img'>
          <image src='../../../images/img1.png'></image>
        </view>
        <view class='review_content'>
          <view class='review_info'>卡上规范咖喱饭咖喱发放啦发货;阿 富汗阿里发布啦 —— 爱因斯坦卡上规范咖喱饭咖喱发放啦发货;阿 富汗阿里发布啦 —— 爱因斯坦卡上规范咖喱饭咖喱发放啦发货;阿 富汗阿里发布啦 —— 爱因斯坦</view>
          <view class='review_btn'>
            <view class='cancle_btn' style='border:1rpx solid #fff'></view>
            <view class='review_state'>
              <text class='iconfont icon-dui'></text> 已通过
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</block>
<block wx:elif='{{current==3}}'>
  <view class='review_box'>
    <view class='review_item' bindtap='listDetail'>
      <view>提交时间:2018.10.21</view>
      <view class='review_content_box'>
        <view class='review_img'>
          <image src='../../../images/img1.png'></image>
        </view>
        <view class='review_content'>
          <view class='review_info'>卡上规范咖喱饭咖喱发放啦发货;阿 富汗阿里发布啦 —— 爱因斯坦卡上规范咖喱饭咖喱发放啦发货;阿 富汗阿里发布啦 —— 爱因斯坦卡上规范咖喱饭咖喱发放啦发货;阿 富汗阿里发布啦 —— 爱因斯坦</view>
          <view class='review_btn'>
            <view class='cancle_btn view_btn'>查看原因</view>
            <view class='review_state state3'>未通过</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</block>