<wr-loading-content position="fixed" type="spinner" wx:if="{{pageLoading}}" /> <view class="page-container"> <t-pull-down-refresh id="t-pull-down-refresh" bind:refresh="onPullDownRefresh_" t-class-indicator="t-class-indicator"> <!-- 页面内容 --> <view class="service-detail safe-bottom"> <!-- 状态及描述 --> <view class="service-detail__header"> <view class="title"> <t-icon prefix="wr" name="{{service.statusIcon}}" size="30px" /> {{service.statusName}} </view> <view class="desc"> {{service.statusDesc}} </view> </view> <!-- 退款金额 --> <view class="service-section__pay pay-result" wx:if="{{service.isRefunded}}"> <t-cell t-class-title="title" t-class-note="right" t-class="t-class-wrapper-first-child" title="{{service.isRefunded ? '退款金额' : '预计退款金额'}}" bordered="{{false}}" > <wr-price slot="note" price="{{service.refundRequestAmount}}" fill /> </t-cell> <t-cell wx:for="{{service.refundMethodList}}" wx:key="name" wx:for-index="index" wx:for-item="item" t-class-title="t-cell-title" t-class-note="t-cell-title" t-class="t-class-wrapper" title="{{item.name}}" bordered="{{service.refundMethodList.length - 1 === index ? true : false}}" > <wr-price slot="note" price="{{item.amount}}" fill /> </t-cell> <block wx:if="{{service.isRefunded}}"> <t-cell title="" t-class="t-class-wrapper-first-child" t-class-description="label" description="说明:微信退款后,可以在微信支付账单查询,实际退款到时间可能受到银行处理时间的影响有一定延时,可以稍后查看" /> </block> </view> <!-- 物流 --> <view class="service-section logistics" wx:if="{{service.logisticsNo}}"> <view class="service-section__title"> <t-cell align="top" title="{{service.logisticsCompanyName + ' ' + service.logisticsNo}}" bordered="{{false}}" description="买家已寄出" arrow > <t-icon prefix="wr" color="#333333" name="deliver" size="40rpx" slot="left-icon" /> </t-cell> <view style="padding: 0 32rpx"> <wr-after-service-button-bar service="{{service}}" /> </view> </view> </view> <!-- 收货地址 --> <view class="service-section goods-refund-address" wx:if="{{service.receiverName}}"> <t-cell-group> <t-cell align="top" title="退货地址" bordered="{{false}}"> <t-icon prefix="wr" color="#333333" name="location" size="40rpx" slot="left-icon" /> <view slot="note" class="right text-btn goods-refund-address-copy-btn" hover-class="text-btn--active" bindtap="onAddressCopy" >复制 </view> <view slot="description"> <view> {{service.receiverAddress}} </view> <view>收货人:{{service.receiverName}}</view> <view>收货人手机:{{service.receiverName}}</view> </view> </t-cell> </t-cell-group> </view> <!-- 商品卡片 --> <view class="service-section service-goods-card-wrap" wx:if="{{service.goodsList && service.goodsList.length > 0}}" > <wr-service-goods-card wx:for="{{service.goodsList}}" wx:key="id" wx:for-item="goods" goods="{{goods}}" no-top-line bindtap="onGoodsCardTap" data-index="{{index}}" > <view slot="footer" class="order-goods-card-footer"> <wr-price price="{{goods.itemRefundAmount}}" fill wr-class="order-goods-card-footer-price-class" symbol-class="order-goods-card-footer-price-symbol" decimal-class="order-goods-card-footer-price-decimal" /> <view class="order-goods-card-footer-num">x {{goods.rightsQuantity}}</view> </view> </wr-service-goods-card> </view> <!-- 退款信息 --> <view class="service-section__pay"> <t-cell bordered="{{false}}" title="退款信息" t-class="t-refund-wrapper" t-class-title="t-refund-title" /> <t-cell bordered="{{false}}" t-class="t-refund-wrapper" t-class-title="t-refund-info" t-class-note="t-refund-note" title="订单编号" note="{{service.orderNo}}" /> <t-cell bordered="{{false}}" t-class="t-refund-wrapper" t-class-title="t-refund-info" t-class-note="t-refund-note" title="服务单号" note="{{service.rightsNo}}" > <view slot="right-icon" class="text-btn" hover-class="text-btn--active" bindtap="onServiceNoCopy">复制 </view> </t-cell> <t-cell bordered="{{false}}" t-class="t-refund-wrapper" t-class-title="t-refund-info" t-class-note="t-refund-note" title="退款原因" note="{{service.rightsReasonDesc}}" /> <t-cell bordered="{{false}}" t-class="t-refund-wrapper" t-class-title="t-refund-info" t-class-note="t-refund-note" title="退款金额" > <wr-price slot="note" price="{{service.refundRequestAmount}}" fill /> </t-cell> <t-cell bordered="{{false}}" t-class="t-refund-wrapper" t-class-title="t-refund-info" t-class-note="t-refund-note" title="申请时间" note="{{service.createTime}}" /> </view> <!-- 凭证/说明 --> <view class="service-section__pay" wx:if="{{showProofs}}"> <t-cell bordered="{{false}}" title="凭证/说明" t-class="t-refund-wrapper" t-class-title="t-refund-info" description="{{service.applyRemark}}" /> <t-grid border="{{false}}" column="{{3}}"> <t-grid-item t-class-image="t-refund-grid-image" wx:for="{{gallery.proofs}}" wx:key="index" image="{{item}}" bindclick="onProofTap" data-index="{{index}}" /> </t-grid> </view> <t-swiper wx:if="{{gallery.show}}" current="{{gallery.current}}" img-srcs="{{gallery.proofs}}" full-screen circular="{{false}}" bindtap="onProofTap" /> </view> </t-pull-down-refresh> </view> <t-toast id="t-toast" /> <!-- 退款说明填写 --> <t-dialog id="input-dialog" visible="{{inputDialogVisible}}"> <view class="input-dialog__content" slot="content"> <view style="color: #333333; padding-left: 32rpx">物流单号</view> <t-input class="input" placeholder="请输入物流单号" /> <view class="tips">{{amountTip}}</view> </view> </t-dialog> <t-dialog id="t-dialog" />