refund.wxml 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <view class="wrap">
  2. <view class="goods">
  3. <view class="goods-item">
  4. <view style="goods-item-l">
  5. <i-img height="60" iClass="show-img" lazyLoad="true" loadImage="{{order_goods.goods_images}}" width="60"></i-img>
  6. </view>
  7. <view class="goods-item-r">
  8. <view class="name">{{order_goods.name}}</view>
  9. <block wx:if="{{order_goods.type=='integral'}}">
  10. <view class="mount">
  11. <block wx:if="{{order_goods.option_str}}">{{order_goods.option_str}} </block>{{order_goods.price}}积分 x {{order_goods.quantity}}
  12. </view>
  13. <view class="price">{{order_goods.total_score}}积分</view>
  14. </block>
  15. <block wx:else>
  16. <view class="mount">
  17. <block wx:if="{{order_goods.option_str}}">{{order_goods.option_str}} </block>¥{{order_goods.price}} x {{order_goods.quantity}}
  18. </view>
  19. <view class="price">¥{{total}}</view>
  20. </block>
  21. </view>
  22. </view>
  23. </view>
  24. <view class="cell-col">
  25. <view class="tit">退款数量:</view>
  26. <view class="ll">
  27. <block wx:if="{{selArr&&selArr.length}}" wx:for="{{selArr}}" wx:key="index">
  28. <label class="i-flex i-flex-alc fsz-26 mb10 {{item.isrefund?'isrefund':''}}">
  29. <view class="checkbox" wx:if="{{item.isrefund}}">
  30. <image class="checkbox-img" src="../../images/checkbox-disabled.png"></image>
  31. </view>
  32. <checkbox-group bindchange="goodsselect" data-idx="{{index}}" wx:else>
  33. <view class="checkbox">
  34. <image class="checkbox-img" src="../../images/checkbox-checked.png" wx:if="{{item.isselect}}"></image>
  35. <image class="checkbox-img" src="../../images/checkbox-disabled.png" wx:else></image>
  36. <checkbox hidden checked="{{item.isselect}}" value="{{item.isselect}}"></checkbox>
  37. </view>
  38. </checkbox-group>
  39. <view class="mx10 i-flex-item text-overflow1">{{order_goods.name}}</view>
  40. <!-- <view class="red fsz-28 weight">¥{{order_goods.price}}</view> -->
  41. </label>
  42. </block>
  43. </view>
  44. </view>
  45. <view class="cell">
  46. <view class="cell-hd">售后类型:</view>
  47. <view class="cell-bd">申请退款</view>
  48. </view>
  49. <view class="cell">
  50. <view class="cell-hd">问题类型:</view>
  51. <view class="cell-bd">
  52. <picker bindchange="bindPickerChange" value="{{index}}" range="{{xarray}}">
  53. <view class="picker">
  54. {{xarray[index]}}
  55. </view>
  56. </picker>
  57. </view>
  58. </view>
  59. <view class="cell">
  60. <view class="cell-hd">退款金额:</view>
  61. <view class="cell-bd i-flex" wx:if="{{order_goods.type=='integral'}}">
  62. <input class='cell-ipt i-flex-item i-aic' value="{{refund_money}}" bindinput="refund_money_input" type="text" placeholder="最高可退 {{refund_money}}积分"></input> <text style="margin-top:2px;margin-left:3px;">积分</text>
  63. </view>
  64. <view class="cell-bd" wx:else>
  65. <input class='cell-ipt' value="{{refund_money}}" bindinput="refund_money_input" type="text" placeholder="最高可退款 ¥{{max_can_refund}}"></input>
  66. </view>
  67. </view>
  68. <block wx:if="{{order_goods.use_score>0}}">
  69. <view class="cell">
  70. <view class="cell-hd">积分抵扣金额:</view>
  71. <view class="cell-bd">¥{{order_goods.score_for_money}}</view>
  72. </view>
  73. <view class="cell">
  74. <view class="cell-hd">可退积分:</view>
  75. <view class="cell-bd">{{refund_score?refund_score:order_goods.use_score}}积分</view>
  76. </view>
  77. </block>
  78. <view class="cell">
  79. <view class="cell-hd">可退配送费:</view>
  80. <view class="cell-bd">
  81. <view>¥{{can_shipping_fare}}</view>
  82. <view class="fsz-22 text-gray" wx:if="{{order_goods.shipping_fare==0}}">无配送费</view>
  83. </view>
  84. </view>
  85. <view class="cell-col">
  86. <view class="tit">商品问题描述:</view>
  87. <textarea class='cell-textarea' bindinput="wenti_input" maxlength="1000" placeholder="问题描述越详细,可以提高您的申请成功率哦~" value="{{complaint_desc}}"></textarea>
  88. </view>
  89. <view class='cell-col'>
  90. <view class="tit">上传凭证图片(最多三张)</view>
  91. <view class='img-wrap'>
  92. <view class="image_uploader_image" wx:for="{{refund_thumb_imgs}}" wx:key="index">
  93. <image class="image_uploader_image_img_portrait" src="{{item}}"> </image>
  94. <view class="image_uploader_image_delete" data-sr="{{item}}" bindtap='cancle_img'>-</view>
  95. </view>
  96. <view class="image_uploader_selector" bindtap='choseImg'>
  97. <view class="image_uploader_indicate">+</view>
  98. </view>
  99. </view>
  100. </view>
  101. <view class="cell">
  102. <view class="cell-hd">联系人:</view>
  103. <view class="cell-bd">
  104. <input class='cell-ipt' value="{{complaint_name}}" bindinput="name_input" type="text" maxlength="20" placeholder="请输入联系人"></input>
  105. </view>
  106. </view>
  107. <view class="cell">
  108. <view class="cell-hd">联系方式:</view>
  109. <view class="cell-bd">
  110. <input class='cell-ipt' value="{{complaint_mobile}}" bindinput="mobile_input" type="number" maxlength="20" placeholder="请输入手机号"></input>
  111. </view>
  112. </view>
  113. <view class="submit_button">
  114. <view class="span" bindtap='sub_refund'>提交申请</view>
  115. </view>
  116. <view class='note'>
  117. <view class='note-tit'>退款须知</view>
  118. <view class="article">
  119. <view class="p">请按照提示关注维权进度和超时提醒并提供相应凭证。</view>
  120. </view>
  121. </view>
  122. </view>