| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117 |
- <t-popup
- placement="bottom"
- visible="{{visible}}"
- show-overlay="{{true}}"
- close-on-overlay-click="{{true}}"
- bind:visible-change="onPopupVisibleChange"
- >
- <view class="refund-confirm-popup">
- <view class="refund-confirm-popup__header">
- <view class="title">确认退款信息</view>
- <text class="refund-confirm-popup__close" catchtap="onClose">×</text>
- <view class="refund-confirm-popup__header-spacer" />
- </view>
- <view class="refund-confirm-popup__content">
- <view class="goods-card">
- <image class="goods-card__icon" src="{{goodsImage}}" mode="aspectFill" wx:if="{{goodsImage}}" />
- <view class="goods-card__icon" wx:else />
- <view class="goods-card__main">
- <view class="goods-card__name">{{goodsName}}</view>
- <view class="goods-card__meta">{{goodsMeta1}}</view>
- </view>
- <view class="goods-card__right">
- <view class="goods-card__price">¥{{goodsPrice || '0.00'}}</view>
- <view class="goods-card__count">{{goodsMeta2}}</view>
- </view>
- </view>
- <view class="form-row">
- <text class="label">商品状态</text>
- <view class="value select" bindtap="onOpenStatusPicker">
- {{refundStatus === 'received' ? '已收到货' : '未收到货'}}
- <t-icon name="chevron-right" class="arrow-icon" size="30rpx" color="#b0b0b0" />
- </view>
- </view>
- <view class="form-row" catchtap="onEditReason">
- <text class="label">退款原因</text>
- <view class="value link">
- {{refundReason || '请选择'}}
- <t-icon name="chevron-right" class="arrow-icon" size="30rpx" color="#b0b0b0" />
- </view>
- </view>
- <view class="divider"></view>
- <view class="form-row" catchtap="onEditAmount">
- <text class="label amount-title">退款金额</text>
- <view class="value link">
- <t-icon name="edit" class="edit-icon" size="28rpx" color="#b0b0b0" />
- 修改
- </view>
- </view>
- <view class="form-row">
- <text class="label">退回微信</text>
- <view class="value amount">¥{{refundAmount}}</view>
- </view>
- <view class="form-row" catchtap="onEditProof">
- <text class="label">上传描述和凭证<text style="color:red">*</text></text>
- <view class="value link red">
- {{proofImages.length ? '已上传' + proofImages.length + '张' : '上传有助处理退款'}}
- <t-icon name="chevron-right" class="arrow-icon" size="30rpx" color="#b0b0b0" />
- </view>
- </view>
- </view>
- <view class="refund-confirm-popup__footer">
- <view class="refund-amount-line"><text>退回微信¥</text><text class="wechat-price">{{refundAmount}}</text></view>
- <view class="submit-btn" bindtap="onSubmit">提交申请</view>
- </view>
- </view>
- </t-popup>
- <t-picker
- visible="{{statusPickerVisible}}"
- value="{{statusPickerValue}}"
- title=""
- use-popup="{{true}}"
- header="{{true}}"
- cancel-btn="取消"
- confirm-btn="确定"
- bind:change="onStatusPickerChange"
- bind:close="onStatusPickerClose"
- z-index="12000"
- style="--td-picker-z-index: 12000; --td-popup-z-index: 12000;"
- >
- <t-picker-item options="{{statusPickerOptions}}" />
- </t-picker>
- <t-popup
- placement="center"
- visible="{{amountEditorVisible}}"
- show-overlay="{{true}}"
- close-on-overlay-click="{{true}}"
- bind:visible-change="onAmountPopupVisibleChange"
- z-index="12000"
- style="--td-popup-z-index: 12000;"
- >
- <view class="amount-popup">
- <view class="amount-popup__header">
- <view class="title">请输入退款总金额</view>
- </view>
- <view class="amount-popup__body">
- <view class="hint">最高可退¥{{maxAmount}}元</view>
- <input class="amount-input" type="digit" value="{{amountInput}}" bindinput="onAmountInput" />
- <view class="actions">
- <view class="action-item">
- <t-button class="action-btn" block size="medium" variant="outline" theme="primary" catchtap="onAmountClose">取消</t-button>
- </view>
- <view class="action-item">
- <t-button class="action-btn confirm-btn" block size="medium" theme="primary" catchtap="onAmountConfirm">确定</t-button>
- </view>
- </view>
- </view>
- </view>
- </t-popup>
|