433 lines
15 KiB
Plaintext
433 lines
15 KiB
Plaintext
<van-nav-bar title="订单详情" left-text="" right-text="" left-arrow bind:click-left="onClickLeft" bind:click-right="onClickRight" style=" position: fixed;left: 0;top: 0;width: 100%;z-index: 10;" />
|
||
|
||
<!--pages/orderdetail/orderdetail.wxml-->
|
||
<view style=" height:328rpx;position: relative;background: #ffffff;margin-top:{{height}}px;">
|
||
<view style="height:66rpx;padding: 0 24rpx;">
|
||
<text class="time_msg"></text>
|
||
<!-- 订单状态：-2：已取消 -1：拒绝接单 0：待接单 1：已接单 2：已支付（待服务）
|
||
3：服务中 4：已完成 5申请退款 6退款中 7已退款 8：已结算 -->
|
||
<view wx:if="{{item.status==-2}}" class="status_msg">{{"已取消"}}</view>
|
||
<view wx:if="{{item.status==-1}}" class="status_msg">{{"拒绝接单"}}</view>
|
||
<view wx:if="{{item.status==0}}" class="status_msg">{{"待接单"}}</view>
|
||
<view wx:if="{{item.status==1}}" class="status_msg">{{"已接单"}}</view>
|
||
<view wx:if="{{item.status==2}}" class="status_msg">{{"待服务"}}</view>
|
||
<view wx:if="{{item.status==3}}" class="status_msg">{{"服务中"}}</view>
|
||
<view wx:if="{{item.status==4}}" class="status_msg">{{"已完成"}}</view>
|
||
<view wx:if="{{item.status==5}}" class="status_msg">{{"申请退款"}}</view>
|
||
<view wx:if="{{item.status==6}}" class="status_msg">{{"退款中"}}</view>
|
||
<view wx:if="{{item.status==7}}" class="status_msg">{{"已退款"}}</view>
|
||
<view wx:if="{{item.status==8}}" class="status_msg">{{"已结算"}}</view>
|
||
</view>
|
||
<view class="details_box">
|
||
<image src="{{item.userbAvatar}}" style="width:230rpx;height:230rpx;"></image>
|
||
<view style="margin-left: 31rpx;">
|
||
<view class="title">专业陪护服务（{{item.userbName}}）</view>
|
||
<!-- <view class="detail_number">数量x{{detail.num}}</view> -->
|
||
<view class="money">实付款：<text style="font-size: 30rpx;color: #FF4A4A;font-family: PingFang SC;font-weight: bold;">￥{{item.yuguMoney}}</text></view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 订单状态：-2：已取消 -->
|
||
|
||
<!-- 订单状态：0：待接单 -->
|
||
<view wx:if="{{item.status==0}}" class="opt_view">
|
||
<view wx:if="{{item.status==0}}">
|
||
<view class="detail_btn" style="padding:0 30rpx" bindtap="confirm_pay">
|
||
付款
|
||
</view>
|
||
<view class="detail_btn" bindtap="cancelOrder">
|
||
取消订单
|
||
</view>
|
||
</view>
|
||
<view wx:if="{{item.status==2}}">
|
||
<view class="detail_btn" style="padding:0 30rpx" bindtap="seeQcode">
|
||
查看身份码
|
||
</view>
|
||
<view class="detail_btn" bindtap="refund">
|
||
退款
|
||
</view>
|
||
<!-- <view class="detail_btn" bindtap="pintuan"
|
||
style="right:300rpx;color:#4A4A4A;border: 1rpx solid #4A4A4A;padding:0 30rpx">
|
||
发起拼团
|
||
</view> -->
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 订单状态：1：已接单 -->
|
||
<view wx:if="{{item.status==1}}" class="opt_view">
|
||
<view wx:if="{{item.status==1}}">
|
||
<view class="detail_btn" style="padding:0 30rpx" bindtap="confirm_pay">
|
||
付款
|
||
</view>
|
||
<view class="detail_btn" bindtap="cancelOrder">
|
||
取消订单
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
|
||
<!-- <view wx:if="{{item.status==1}}" class="opt_view">
|
||
<view wx:if="{{item.status==1}}">
|
||
<view class="detail_btn" style="padding:0 30rpx" bindtap="seeQcode">
|
||
查看身份码
|
||
</view>
|
||
<view class="detail_btn" bindtap="refund">
|
||
退款
|
||
</view>
|
||
</view>
|
||
</view> -->
|
||
<!-- 订单状态：2：待服务 -->
|
||
<view wx:if="{{item.status==2}}" class="opt_view">
|
||
<view wx:if="{{item.status==2}}">
|
||
<view class="detail_btn" style="padding:0 30rpx" bindtap="startService">
|
||
确认开始服务
|
||
</view>
|
||
<view class="detail_btn" bindtap="refund">
|
||
退款
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 订单状态：3：服务中 -->
|
||
<view wx:if="{{item.status==3}}" class="opt_view">
|
||
<view wx:if="{{item.status==3}}">
|
||
<view class="detail_btn" bindtap="cancelOrderfwz">
|
||
取消订单
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<view class="contact">
|
||
<view class="contact_title">联系信息</view>
|
||
<view style="display: flex;align-items: center;">
|
||
<image src="{{url+item.usercAvatar}}" style="width:94rpx;height:94rpx;border-radius:50% ;margin-right:23rpx;">
|
||
</image>
|
||
<view>
|
||
<view style="color: #333;font-size: 28rpx;font-family: PingFang SC;font-weight: bold;">{{item.usercName}}</view>
|
||
<view style="color: #ABABAB;font-size: 24rpx;font-family: PingFang SC;font-weight: 400;width:532rpx;border-right:1rpx solid #e5e5e5">
|
||
地址：{{item.hospitalAddress}}</view>
|
||
</view>
|
||
<image style="width:26rpx;height:26rpx;padding:35rpx 0 0 20rpx" src="/pages/image/phone.png" bindtap="callphone"></image>
|
||
</view>
|
||
</view>
|
||
<view class="information">
|
||
<view class="contact_title">
|
||
订单信息
|
||
</view>
|
||
<view style="margin-bottom: 30rpx;">
|
||
<text class="information_title">订单合计</text>
|
||
<text class="information_title" style="color:#FF4A4A;">¥{{item.yuguMoney}}</text>
|
||
</view>
|
||
<!-- <view style="margin-bottom: 30rpx;">
|
||
<text class="information_title">商品数量</text>
|
||
<text class="information_title">{{order.num}}</text>
|
||
</view> -->
|
||
<view style="margin-bottom: 30rpx;">
|
||
<text class="information_title">订单时间</text>
|
||
<text class="information_title">{{item.startTime}}</text>
|
||
</view>
|
||
<view style="margin-bottom: 30rpx;">
|
||
<text class="information_title">订单编号</text>
|
||
<text class="information_title">{{item.orderNumber}}</text>
|
||
</view>
|
||
<view style="margin-bottom: 30rpx;">
|
||
<text class="information_title">手机号码</text>
|
||
<text class="information_title">{{123456789}}</text>
|
||
</view>
|
||
</view>
|
||
<!-- 蒙层 -->
|
||
<view class="mengceng" wx:if="{{mengceng}}" bindtap="mengceng"></view>
|
||
<!-- 取消订单弹窗 -->
|
||
<view class="qxdd" wx:if="{{dingdan_msg}}">
|
||
<view class="msg_title">
|
||
商品很抢手哦，确定要取消订单吗？
|
||
</view>
|
||
<view style="display: flex;">
|
||
<view class="msg_btn" style="border-right:1px solid #EBEBEB;color:#0A74B1" bindtap="nocancel">我在想想</view>
|
||
<view class="msg_btn" bindtap="okcancel">坚持取消</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 服务中的订单点击取消的蒙层 -->
|
||
<view class="mengceng" wx:if="{{mengcengfwz}}" bindtap="mengcengfwz"></view>
|
||
<!-- 服务中的订单取消订单弹窗 -->
|
||
<view class="qxdd" wx:if="{{dingdan_msgfwz}}">
|
||
<view class="msg_title">
|
||
请联系客服
|
||
</view>
|
||
<view style="display: flex;">
|
||
<view class="msg_btn" style="border-right:1px solid #EBEBEB;color:#0A74B1" bindtap="nocancel">我在想想</view>
|
||
<view class="msg_btn" bindtap="okcancel">坚持取消</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 二维码弹窗 -->
|
||
<view class="erweima_tanchang" wx:if="{{ewm_msg}}">
|
||
<image style="width:242rpx;height:242rpx;margin:67rpx 0 23rpx;" src="{{qrcode}}"></image>
|
||
<view style=" text-align: center;font-size: 28rpx;font-family: PingFang SC;font-weight: 400;color: #8E8E8E;opacity: 1;">
|
||
<view>
|
||
请到地址后
|
||
</view>
|
||
<view style="margin:5rpx 0 0 0;">
|
||
出示身份码给服务人员
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- 退款弹窗 -->
|
||
<view wx:if="{{refund_box}}" class="refund_box">
|
||
<view class="gang" bindtap="gang"></view>
|
||
<view class="refund_title">
|
||
退款原因</view>
|
||
<scroll-view scroll-y style="height: 500rpx;">
|
||
<radio-group bindchange="radioChange">
|
||
<view wx:for="{{list}}" class="list_box">
|
||
<view>{{item.text}}</view>
|
||
<view>
|
||
<radio></radio>
|
||
</view>
|
||
</view>
|
||
</radio-group>
|
||
<view style="height:50rpx;"></view>
|
||
</scroll-view>
|
||
<button type="primary" plain="true" style="margin-bottom:20rpx" bindtap="isok">完成</button>
|
||
</view>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<van-overlay show="{{ show }}" bind:click="onClickHide">
|
||
<view class="wrapper">
|
||
<view class="block" catch:tap="noop">
|
||
<!-- /////////////////////////////////////// -->
|
||
|
||
<view style="width: 676rpx; height: 280rpx;">
|
||
|
||
<image style="width: 676rpx; height: 280rpx;" src="/pages/image/pintuan.png"></image>
|
||
|
||
<view class="yaotext">邀请好友拼团</view>
|
||
<view class="yaotexttwo">拼团成功会返现哦~</view>
|
||
|
||
|
||
</view>
|
||
|
||
|
||
<view class="status-box">
|
||
<view bindtap="statusTap" class="status-label {{index == currentType ? 'active' : ''}}" wx:for-items="{{statusType}}" wx:key="{{index}}" data-index="{{index}}">
|
||
{{item}}
|
||
<view class="{{tabClass[index]}}"></view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
|
||
<view wx:if="{{nav_type==0}}">
|
||
<!-- 步骤条 -->
|
||
<view style="margin-left: 28rpx;margin-top: 116rpx; ">
|
||
<text style="font-size: 30rpx;font-weight: bold;">拼团规则</text>
|
||
</view>
|
||
<view class="Groupone" style=" align-items: center;" data-id="{{item.id}}">
|
||
|
||
<view class="viewone">
|
||
<view class="textone">1
|
||
</view>
|
||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">支付</view>
|
||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||
</view>
|
||
|
||
<view style="margin-left: 43rpx;">></view>
|
||
<view class="viewone">
|
||
<view class="textone">2
|
||
</view>
|
||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">邀请</view>
|
||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">好友参团</view>
|
||
</view>
|
||
|
||
|
||
<view style="margin-left: 43rpx;">></view>
|
||
<view class="viewone">
|
||
<view class="textone">3
|
||
</view>
|
||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">返现</view>
|
||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">拼团成功返现</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<!-- 订单 -->
|
||
<view class="Distit" style="margin-left: 28rpx;">
|
||
<text style="font-size: 30rpx;font-weight: bold;">拼团详情</text>
|
||
</view>
|
||
<view class="pinGroup" bindtap="activity" data-id="{{item.id}}">
|
||
|
||
<view class="Group-image">
|
||
<image src="{{detail.index_img}}"></image>
|
||
</view>
|
||
<view class="pincontent">
|
||
<view class="title1">{{detail.goods_name}}</view>
|
||
<view class="title2">
|
||
<view class="house">
|
||
<image src="/pages/image/address.png" />
|
||
</view>
|
||
<view>{{detail.mechanism_name}}</view>
|
||
</view>
|
||
<view class="Price">
|
||
<view class="Price1">￥{{detail.total_money}}</view>
|
||
<!-- <view class="Price2">￥{{detail.original_price}}</view> -->
|
||
<!-- <view class="Price3">5.0折</view> -->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<!-- 拼团头像 -->
|
||
<view style="display: flex;flex-direction: row;position: relative;justify-content: center;">
|
||
|
||
<view style="display: flex;flex-direction:column;align-items: center;">
|
||
<!-- <image class="imageone" src="/images/WeChat.png"></image> -->
|
||
<view class="imageone" bindtap="bindViewTap">
|
||
<open-data type="userAvatarUrl"></open-data>
|
||
</view>
|
||
<view class="texttwo" style="margin-top: -25rpx;">团长</view>
|
||
</view>
|
||
|
||
<view class="imageone" style="margin-left: 111rpx; display: flex;align-items: center; justify-content: center;background-color: #FFEDE5;">
|
||
<view style="font-size: 54rpx;font-family: 苹方-简;color: #FF4C00;">?
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<!-- 操作按钮 -->
|
||
<view style="display: flex;flex-direction: row;height: 80rpx;margin-top: 10rpx;">
|
||
<view class="buttonsty" style="margin-left: 76rpx;" bindtap="tiaoguo">跳过</view>
|
||
<view class="buttonsty" style="background: #FF4C00;margin-left: 32rpx;" bindtap="tongyifaqi">同意发起拼团</view>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
<!-- 8888888888888888888888888-->
|
||
<view wx:if="{{nav_type==1}}">
|
||
<!-- 步骤条 -->
|
||
<view style="margin-left: 28rpx;margin-top: 116rpx; ">
|
||
<text style="font-size: 30rpx;font-weight: bold;">砍价规则</text>
|
||
</view>
|
||
<view class="Groupone" style=" align-items: center;" data-id="{{item.id}}">
|
||
|
||
<view class="viewone">
|
||
<view class="textone">1
|
||
</view>
|
||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
|
||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||
</view>
|
||
|
||
<view style="margin-left: 43rpx;">></view>
|
||
<view class="viewone">
|
||
<view class="textone">1
|
||
</view>
|
||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
|
||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||
</view>
|
||
|
||
|
||
<view style="margin-left: 43rpx;">></view>
|
||
<view class="viewone">
|
||
<view class="textone">1
|
||
</view>
|
||
<view style="color: #333333;font-size: 28rpx;margin-top: 2rpx;">好友参团</view>
|
||
<view style="font-size: 24rpx;font-weight: 400;color: #C2C2C2;margin-top: 2rpx;">开团/参团</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<!-- 订单 -->
|
||
<view class="Distit" style="margin-left: 28rpx;">
|
||
<text style="font-size: 30rpx;font-weight: bold;">特价商品</text>
|
||
</view>
|
||
<view class="pinGroup" bindtap="activity" data-id="{{item.id}}">
|
||
|
||
<view class="Group-image">
|
||
<image src="{{item.index_img}}"></image>
|
||
</view>
|
||
<view class="pincontent">
|
||
<view class="title1">除皱瘦脸 韩国进口标准装瘦咬肌速美小V脸</view>
|
||
<view class="title2">
|
||
<view class="house">
|
||
<image src="/pages/image/address.png" />
|
||
</view>
|
||
<view>{{item.mechanism_name}}</view>
|
||
</view>
|
||
<view class="Price">
|
||
<view class="Price1">￥{{item.price}}</view>
|
||
<view class="Price2">￥{{item.original_price}}</view>
|
||
<!-- <view class="Price3">5.0折</view> -->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
|
||
|
||
|
||
<!-- 操作按钮 -->
|
||
<view style="display: flex;flex-direction: row;height: 80rpx;margin-top: 57rpx;">
|
||
<view class="buttonsty" style="margin-left: 76rpx; ">跳过</view>
|
||
<view class="buttonsty" style="background: #FF4C00;margin-left: 32rpx;" bindtap="getDeposit">同意发起砍价</view>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
|
||
<!-- /////////////////////////////////////// -->
|
||
</view>
|
||
</view>
|
||
</van-overlay> |