This repository has been archived on 2024-07-11. You can view files and clone it, but cannot push or open issues or pull requests.
yoshop-wechat/pages/order/refund/apply/apply.wxml
2020-04-25 22:59:04 +08:00

82 lines
3.4 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<view class="container p-bottom" wx:if="{{ detail.order_goods_id }}">
<form bindsubmit="onSubmit" report-submit>
<!-- 商品详情 -->
<form bindsubmit="onGoodsDetail" report-submit="true">
<button class="btn-normal" formType="submit" data-id="{{ detail.goods_id }}">
<view class="goods-detail b-f dis-flex flex-dir-row">
<view class="left">
<image class="goods-image" src="{{ detail.image.file_path }}"></image>
</view>
<view class="right dis-flex flex-box flex-dir-column flex-x-around">
<view class="goods-name">
<text class="twolist-hidden">{{ detail.goods_name }}</text>
</view>
<view class="dis-flex col-9 f-24">
<view class="flex-box">{{ detail.goods_attr }}</view>
<text class="t-r">×{{ detail.total_num }}</text>
</view>
</view>
</view>
</button>
</form>
<!-- 服务类型 -->
<view class="row-service b-f m-top20">
<view class="row-title">服务类型</view>
<form bindsubmit="onSwitchService" report-submit="true">
<view class="service-switch dis-flex">
<button class="btn-normal" formType="submit" data-type="10">
<view class="switch-item {{ serviceType==10?'active':'' }}">退货退款</view>
</button>
<button class="btn-normal dis-flex" formType="submit" data-type="20">
<view class="switch-item {{ serviceType==20?'active':'' }}">换货</view>
</button>
</view>
</form>
</view>
<!-- 申请原因 -->
<view class="row-textarea b-f m-top20">
<view class="row-title">申请原因</view>
<view class="content">
<textarea name="content" maxlength="2000" placeholder="请详细填写申请原因,注意保持商品的完好,建议您先与卖家沟通" placeholderStyle="color:#ccc"></textarea>
</view>
</view>
<!-- 退款金额 -->
<view wx:if="{{ serviceType == 10 }}" class="row-money b-f m-top20 dis-flex">
<view class="row-title">退款金额</view>
<view class="money col-m">¥{{ detail.total_pay_price }}</view>
</view>
<!-- 上传凭证 -->
<view class="row-voucher b-f m-top20">
<view class="row-title">上传凭证 (最多6张)</view>
<view class="image-list">
<!-- 图片列表 -->
<view class="image-preview" wx:for="{{imageList}}" wx:for-index="imageIndex" wx:for-item="imagePath" wx:key="this">
<text class="image-delete iconfont icon-shanchu" catchtap="deleteImage" data-index="{{index}}" data-image-index="{{imageIndex}}"></text>
<image mode="aspectFill" src="{{ imagePath }}"></image>
</view>
<!-- 上传图片 -->
<form wx:if="{{ imageList.length < 6 }}" bindsubmit="chooseImage" report-submit="true">
<button class="btn-normal" formType="submit">
<view class="image-picker dis-flex flex-dir-column flex-x-center flex-y-center">
<text class="choose__icon iconfont icon-tubiao_xiangji"></text>
<text class="choose__text">上传图片</text>
</view>
</button>
</form>
</view>
</view>
<view class="flow-fixed-footer b-f">
<button class="btn-normal" formType="submit">
<view class="flow-btn f-32">确认提交</view>
</button>
</view>
</form>
</view>