1 line
15 KiB
Plaintext
1 line
15 KiB
Plaintext
<view style="background:#F1F2F8;min-height:100vh;" class="data-v-26aa6ce4"><view style="padding:30rpx 30rpx 250rpx 30rpx;" class="data-v-26aa6ce4"><view style="background-color:#ffffff;border-radius:20rpx;padding:30rpx;" class="data-v-26aa6ce4"><view style="display:flex;align-self:center;align-items:start;" class="data-v-26aa6ce4"><view style="width:45%;" class="data-v-26aa6ce4"><image style="width:280rpx;height:200rpx;" src="{{infoRefund.detail.headimage}}" mode="aspectFill" class="data-v-26aa6ce4"></image></view><view style="padding-left:20rpx;" class="data-v-26aa6ce4"><view style="font-size:36rpx;font-weight:600;" class="data-v-26aa6ce4">{{infoRefund.detail.title}}</view><view style="font-size:26rpx;color:#7A7A7A;margin-top:15rpx;" class="data-v-26aa6ce4"><image style="width:40rpx;height:40rpx;vertical-align:middle;" src="/static/center/address.png" class="data-v-26aa6ce4"></image><text style="vertical-align:middle;" class="data-v-26aa6ce4">{{infoRefund.detail.address}}</text></view></view></view><view style="height:1px;width:70%;background:#D9D9D9;margin:45rpx auto;" class="data-v-26aa6ce4"></view><block wx:if="{{infoRefund!=''}}"><view class="item-spacing data-v-26aa6ce4" style="display:flex;justify-content:space-between;font-size:26rpx;"><view style="color:#7A7A7A;" class="data-v-26aa6ce4">当前状态</view><block wx:if="{{infoRefund.service_stauts==1}}"><view style="color:#FF6D6D;" class="data-v-26aa6ce4">机构处理中</view></block><block wx:if="{{infoRefund.service_stauts==4}}"><view style="color:#FF6D6D;" class="data-v-26aa6ce4">待用户确认</view></block><block wx:if="{{infoRefund.service_stauts==7}}"><view style="color:#FF6D6D;" class="data-v-26aa6ce4">结算中</view></block><block wx:if="{{infoRefund.service_stauts==10}}"><view style="color:#FF6D6D;" class="data-v-26aa6ce4">已完成</view></block><block wx:if="{{infoRefund.service_stauts==-3}}"><view style="color:#FF6D6D;" class="data-v-26aa6ce4">驳回</view></block></view></block><view class="item-spacing data-v-26aa6ce4" style="display:flex;justify-content:space-between;font-size:26rpx;"><view style="color:#7A7A7A;" class="data-v-26aa6ce4">课程机构</view><view style="color:#343434;" class="data-v-26aa6ce4">{{infoRefund.shop.name}}</view></view><view class="item-spacing data-v-26aa6ce4" style="display:flex;justify-content:space-between;font-size:26rpx;"><view style="color:#7A7A7A;" class="data-v-26aa6ce4">讲师/电话</view><view data-event-opts="{{[['tap',[['callPhone',['$0'],['infoRefund.shop.tel']]]]]}}" style="color:#343434;" bindtap="__e" class="data-v-26aa6ce4"><text style="vertical-align:middle;" class="data-v-26aa6ce4">{{infoRefund.detail.teacher.name+"/"+infoRefund.shop.tel}}</text><image style="width:40rpx;height:40rpx;vertical-align:middle;" src="/static/tel.png" class="data-v-26aa6ce4"></image></view></view><view class="item-spacing data-v-26aa6ce4" style="display:flex;justify-content:space-between;font-size:26rpx;"><view style="color:#7A7A7A;" class="data-v-26aa6ce4">订单号</view><view style="color:#343434;" class="data-v-26aa6ce4">{{infoRefund.order_no}}</view></view><view class="item-spacing data-v-26aa6ce4" style="display:flex;justify-content:space-between;font-size:26rpx;"><view style="color:#7A7A7A;" class="data-v-26aa6ce4">购买时间</view><view style="color:#343434;" class="data-v-26aa6ce4">{{''+(infoRefund.detail?$root.m0:'加载中...')+''}}</view></view><view class="item-spacing data-v-26aa6ce4" style="display:flex;justify-content:space-between;font-size:26rpx;"><view style="color:#7A7A7A;" class="data-v-26aa6ce4">全部课时</view><view style="color:#343434;" class="data-v-26aa6ce4">{{infoRefund.detail.classes_num}}</view></view><view class="item-spacing data-v-26aa6ce4" style="display:flex;justify-content:space-between;font-size:26rpx;"><view style="color:#7A7A7A;" class="data-v-26aa6ce4">已用课时</view><view style="color:#343434;" class="data-v-26aa6ce4">{{infoRefund.detail.use_num}}</view></view><view style="display:flex;justify-content:space-between;font-size:26rpx;" class="data-v-26aa6ce4"><view style="color:#7A7A7A;" class="data-v-26aa6ce4">购买价格</view><view style="color:#FF5F5F;" class="data-v-26aa6ce4">{{"￥"+infoRefund.detail.price}}</view></view><block wx:if="{{infoRefund!=''&&infoRefund.service_stauts==4}}"><view style="height:1px;width:100%;background:#D9D9D9;margin:20rpx auto;" class="data-v-26aa6ce4"></view><view style="display:flex;justify-content:space-between;font-size:26rpx;" class="data-v-26aa6ce4"><view style="color:#7A7A7A;" class="data-v-26aa6ce4">商家退款金额</view><view style="color:#FF2323;font-size:40rpx;font-weight:600;" class="data-v-26aa6ce4">{{'￥'+infoRefund.tbc_price}}</view></view></block><block wx:if="{{infoRefund!=''&&infoRefund.service_stauts==7}}"><view style="height:1px;width:100%;background:#D9D9D9;margin:20rpx auto;" class="data-v-26aa6ce4"></view><view style="display:flex;justify-content:space-between;font-size:26rpx;" class="data-v-26aa6ce4"><view style="color:#7A7A7A;" class="data-v-26aa6ce4">商家退款金额</view><view style="color:#FF2323;font-size:40rpx;font-weight:600;" class="data-v-26aa6ce4">{{'￥'+infoRefund.c_price}}</view></view></block><block wx:if="{{infoRefund!=''&&infoRefund.service_stauts==10}}"><view style="height:1px;width:100%;background:#D9D9D9;margin:20rpx auto;" class="data-v-26aa6ce4"></view><view style="display:flex;justify-content:space-between;font-size:26rpx;" class="data-v-26aa6ce4"><view style="color:#7A7A7A;" class="data-v-26aa6ce4">商家退款金额</view><view style="color:#FF2323;font-size:40rpx;font-weight:600;" class="data-v-26aa6ce4">{{'￥'+infoRefund.real_refundprice}}</view></view></block></view><block wx:if="{{infoRefund!=''}}"><view style="background-color:#ffffff;border-radius:20rpx;padding:30rpx;margin-top:30rpx;" class="data-v-26aa6ce4"><view class="flex space-between flex-column data-v-26aa6ce4" style="font-size:26rpx;color:#7A7A7A;align-items:flex-start;"><view class="data-v-26aa6ce4"><text class="data-v-26aa6ce4">退款原因</text></view><view style="height:1px;width:100%;background:#D9D9D9;margin:20rpx auto;" class="data-v-26aa6ce4"></view><view style="font-family:PingFang SC, PingFang SC;font-weight:500;font-size:24rpx;color:#343434;" class="data-v-26aa6ce4">{{''+infoRefund.reason+''}}</view></view></view><block wx:if="{{infoRefund.sales_type==1}}"><view style="background-color:#ffffff;border-radius:20rpx;padding:30rpx;margin-top:30rpx;" class="data-v-26aa6ce4"><view class="flex align-items space-between data-v-26aa6ce4" style="font-size:26rpx;color:#7A7A7A;"><view class="data-v-26aa6ce4"><text class="data-v-26aa6ce4">机构驳回退款原因</text></view></view><view style="height:1px;width:100%;background:#D9D9D9;margin:20rpx auto;" class="data-v-26aa6ce4"></view><view style="font-size:26rpx;" class="data-v-26aa6ce4">{{infoRefund.reject_reason}}</view><view style="margin-top:20rpx;" class="data-v-26aa6ce4"><u-grid vue-id="a2b89ebc-1" border="{{false}}" col="{{3}}" align="center" class="data-v-26aa6ce4" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{infoRefund.reject_images}}" wx:for-item="item" wx:for-index="index"><u-grid-item bind:click="__e" vue-id="{{('a2b89ebc-2-'+index)+','+('a2b89ebc-1')}}" data-event-opts="{{[['^click',[['clickImg',['$0',index],[[['infoRefund.reject_images','',index]]]]]]]}}" class="data-v-26aa6ce4" bind:__l="__l" vue-slots="{{['default']}}"><image style="width:200rpx;height:200rpx;border-radius:20rpx;" src="{{item}}" mode="aspectFill" class="data-v-26aa6ce4"></image></u-grid-item></block></u-grid></view></view></block><block wx:if="{{infoRefund.sales_type==4}}"><view style="background-color:#ffffff;border-radius:20rpx;padding:30rpx;margin-top:30rpx;" class="data-v-26aa6ce4"><view class="flex align-items space-between data-v-26aa6ce4" style="font-size:26rpx;color:#7A7A7A;"><view class="data-v-26aa6ce4"><text class="data-v-26aa6ce4">用户驳回退款原因</text></view></view><view style="height:1px;width:100%;background:#D9D9D9;margin:20rpx auto;" class="data-v-26aa6ce4"></view><view style="font-size:26rpx;" class="data-v-26aa6ce4">{{infoRefund.reject_reason}}</view><view style="margin-top:20rpx;" class="data-v-26aa6ce4"><u-grid vue-id="a2b89ebc-3" border="{{false}}" col="{{3}}" align="center" data-event-opts="{{[['^click',[['click']]]]}}" bind:click="__e" class="data-v-26aa6ce4" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{infoRefund.reject_images}}" wx:for-item="item" wx:for-index="index"><u-grid-item vue-id="{{('a2b89ebc-4-'+index)+','+('a2b89ebc-3')}}" class="data-v-26aa6ce4" bind:__l="__l" vue-slots="{{['default']}}"><image style="width:200rpx;height:200rpx;border-radius:20rpx;" src="{{item}}" mode="aspectFill" class="data-v-26aa6ce4"></image></u-grid-item></block></u-grid></view></view></block><block wx:if="{{infoRefund.sales_type==7}}"><view style="background-color:#ffffff;border-radius:20rpx;padding:30rpx;margin-top:30rpx;" class="data-v-26aa6ce4"><view class="flex align-items space-between data-v-26aa6ce4" style="font-size:26rpx;color:#7A7A7A;"><view class="data-v-26aa6ce4"><text class="data-v-26aa6ce4">平台驳回退款原因</text></view></view><view style="height:1px;width:100%;background:#D9D9D9;margin:20rpx auto;" class="data-v-26aa6ce4"></view><view style="font-size:26rpx;" class="data-v-26aa6ce4">{{infoRefund.reject_reason}}</view></view></block></block></view><block wx:if="{{infoRefund.service_stauts==1||infoRefund.service_stauts==4||infoRefund==''}}"><view class="buttonClack data-v-26aa6ce4"><view class="flex align-items data-v-26aa6ce4" style="text-align:center;justify-content:space-around;"><block wx:if="{{infoRefund.service_stauts==1}}"><view style="width:100%;" class="data-v-26aa6ce4"><view data-event-opts="{{[['tap',[['cancelOrder',['$event']]]]]}}" style="margin:0 auto;color:#ffffff;background-color:#008CFF;width:80%;height:80rpx;border-radius:80rpx;line-height:80rpx;" bindtap="__e" class="data-v-26aa6ce4">取 消</view></view></block><block wx:if="{{infoRefund==''}}"><view style="width:100%;" class="data-v-26aa6ce4"><view data-event-opts="{{[['tap',[['submitAdd',['$event']]]]]}}" style="margin:0 auto;background-color:#008CFF;color:#ffffff;width:80%;height:80rpx;border-radius:80rpx;line-height:80rpx;" bindtap="__e" class="data-v-26aa6ce4">申 请 售 后</view></view></block><block wx:if="{{infoRefund.service_stauts==4}}"><view class="data-v-26aa6ce4"><view data-event-opts="{{[['tap',[['refuseShowOpen',['no']]]]]}}" style="border:2rpx solid #008CFF;color:#008CFF;background-color:#ffffff;width:300rpx;height:80rpx;border-radius:80rpx;line-height:80rpx;" bindtap="__e" class="data-v-26aa6ce4">不同意</view></view><view class="data-v-26aa6ce4"><view data-event-opts="{{[['tap',[['refuseShowOpen',['yes']]]]]}}" style="color:#ffffff;background-color:#008CFF;width:300rpx;height:80rpx;border-radius:80rpx;line-height:80rpx;" bindtap="__e" class="data-v-26aa6ce4">同意</view></view></block></view></view></block><u-popup vue-id="a2b89ebc-5" show="{{refundShow}}" round="{{10}}" closeOnClickOverlay="{{true}}" data-event-opts="{{[['^close',[['delShow']]]]}}" bind:close="__e" class="data-v-26aa6ce4" bind:__l="__l" vue-slots="{{['default']}}"><view style="padding:30rpx 30rpx 0rpx 30rpx;" class="data-v-26aa6ce4"><view class="data-v-26aa6ce4"><text style="font-size:32rpx;" class="data-v-26aa6ce4">退款原因</text><text style="color:#FF5F5F;font-size:24rpx;" class="data-v-26aa6ce4">（必选)</text></view><view style="height:1px;width:100%;background:#D9D9D9;margin:20rpx auto;" class="data-v-26aa6ce4"></view><view class="data-v-26aa6ce4"><u-radio-group bind:input="__e" vue-id="{{('a2b89ebc-6')+','+('a2b89ebc-5')}}" placement="column" activeColor="#008CFF" value="{{radioValue}}" data-event-opts="{{[['^input',[['__set_model',['','radioValue','$event',[]]]]]]}}" class="data-v-26aa6ce4" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{radioList}}" wx:for-item="item" wx:for-index="index"><u-radio vue-id="{{('a2b89ebc-7-'+index)+','+('a2b89ebc-6')}}" name="{{index}}" label="{{item}}" customStyle="{{({marginBottom:'20rpx'})}}" class="data-v-26aa6ce4" bind:__l="__l"></u-radio></block></u-radio-group><view class="data-v-26aa6ce4"><u--textarea bind:input="__e" vue-id="{{('a2b89ebc-8')+','+('a2b89ebc-5')}}" placeholder="请填写退款原因" maxlength="{{150}}" count="{{true}}" value="{{otherText}}" data-event-opts="{{[['^input',[['__set_model',['','otherText','$event',[]]]]]]}}" class="data-v-26aa6ce4" bind:__l="__l"></u--textarea></view></view><view style="padding-top:30rpx;" class="data-v-26aa6ce4"><view data-event-opts="{{[['tap',[['chickRadio',['$event']]]]]}}" style="text-align:center;margin:0rpx auto;background-color:#008CFF;color:#ffffff;width:90%;height:90rpx;border-radius:90rpx;line-height:90rpx;" bindtap="__e" class="data-v-26aa6ce4">确 认</view></view></view></u-popup><u-popup vue-id="a2b89ebc-9" show="{{refuseShow}}" round="{{10}}" mode="center" customStyle="{{({width:'90%'})}}" closeOnClickOverlay="{{false}}" class="data-v-26aa6ce4" bind:__l="__l" vue-slots="{{['default']}}"><view style="padding:30rpx 30rpx 0rpx 30rpx;" class="data-v-26aa6ce4"><view class="flex space-between align-items data-v-26aa6ce4"><view class="data-v-26aa6ce4"><text style="font-size:40rpx;color:#008CFF;font-weight:600;" class="data-v-26aa6ce4">详情</text></view><view data-event-opts="{{[['tap',[['delShow',['$event']]]]]}}" bindtap="__e" class="data-v-26aa6ce4"><u-icon vue-id="{{('a2b89ebc-10')+','+('a2b89ebc-9')}}" name="close" color="#008CFF" size="32px" class="data-v-26aa6ce4" bind:__l="__l"></u-icon></view></view><view style="height:1px;width:100%;background:#D9D9D9;margin:20rpx auto;" class="data-v-26aa6ce4"></view><view class="data-v-26aa6ce4"><view class="data-v-26aa6ce4"><u--textarea bind:input="__e" vue-id="{{('a2b89ebc-11')+','+('a2b89ebc-9')}}" placeholder="请填写拒绝理由" maxlength="{{150}}" count="{{true}}" value="{{otherText}}" data-event-opts="{{[['^input',[['__set_model',['','otherText','$event',[]]]]]]}}" class="data-v-26aa6ce4" bind:__l="__l"></u--textarea></view></view><view class="data-v-26aa6ce4"><view style="color:#7A7A7A;font-size:24rpx;padding:20rpx 0rpx;" class="data-v-26aa6ce4">图片补充(最多上传三张)</view><u-upload vue-id="{{('a2b89ebc-12')+','+('a2b89ebc-9')}}" fileList="{{fileList}}" multiple="{{true}}" maxCount="{{3}}" previewFullImage="{{true}}" width="180rpx" maxSize="{{3*1024*1024}}" height="180rpx" data-event-opts="{{[['^afterRead',[['afterRead']]],['^delete',[['deletePic']]],['^oversize',[['oversize']]]]}}" bind:afterRead="__e" bind:delete="__e" bind:oversize="__e" class="data-v-26aa6ce4" bind:__l="__l" vue-slots="{{['default']}}"><image style="width:180rpx;height:180rpx;" src="/static/index/upload.png" class="data-v-26aa6ce4"></image></u-upload></view><view class="flex align-items data-v-26aa6ce4" style="text-align:center;justify-content:space-around;padding-top:30rpx;margin-bottom:34rpx;"><view class="data-v-26aa6ce4"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" style="border:2rpx solid #008CFF;color:#008CFF;background-color:#ffffff;width:300rpx;height:80rpx;border-radius:80rpx;line-height:80rpx;" bindtap="__e" class="data-v-26aa6ce4">取 消</view></view><view class="data-v-26aa6ce4"><view data-event-opts="{{[['tap',[['userConfirmation']]]]}}" style="color:#ffffff;background-color:#008CFF;width:300rpx;height:80rpx;border-radius:80rpx;line-height:80rpx;" bindtap="__e" class="data-v-26aa6ce4">确 认</view></view></view></view></u-popup></view> |