订单详情区分 普通订单 套餐
This commit is contained in:
parent
ee342820f3
commit
e7ed7f20d5
|
|
@ -7,8 +7,10 @@
|
|||
</view>
|
||||
<view class="header"></view>
|
||||
<view class="mian">
|
||||
<!-- 包含升级又加钟的信息 -->
|
||||
<view v-if="order.isSupplement=='2'&&order.addNum!=null&&order.earlyFinishReason!=null">
|
||||
<!-- 普通项目订单 -->
|
||||
<view v-if="order.ordersMassageList[0].userPackageDetail==null">
|
||||
<!-- 普通订单 升级 或者 有升级有加钟 -->
|
||||
<view v-if="order.isSupplement=='2'">
|
||||
<view class="mian-top">
|
||||
<view class="countDown" style="text-align: center;" v-if="order.status == 6">
|
||||
<u-count-down :timestamp="endOfServiceTimer" separator-color="#20C675" color="#20C675"
|
||||
|
|
@ -126,7 +128,8 @@
|
|||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
<view class="mian-content-list">
|
||||
<span class="mian-content-list-title">是否提前结束</span>
|
||||
|
|
@ -137,11 +140,11 @@
|
|||
<textarea class="textarea-mian" :disabled="true" v-model="order.earlyFinishReason" maxlength="100" name="" id=""></textarea>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mina-title">
|
||||
<view class="mina-title" v-if="order.addNum!=null">
|
||||
<span class="mina-title-text">加钟信息</span>
|
||||
<span class="mina-title-bor"></span>
|
||||
</view>
|
||||
<view class="mian-view">
|
||||
<view class="mian-view" v-if="order.addNum!=null">
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">是否加钟</span>
|
||||
<span class="mian-view-list-text">{{order.addNum!=null?'是':'否'}}</span>
|
||||
|
|
@ -235,13 +238,14 @@
|
|||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">车费收益</span>
|
||||
<span class="mian-view-list-text"> ￥{{order.taxiMoney}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<view class="mian-view-list" v-if="order.addNum!=null">
|
||||
<span class="mian-view-list-title">加钟收益</span>
|
||||
<span class="mian-view-list-text"> ￥{{order.addArtificerMoney!=null?order.addArtificerMoney:0}}</span>
|
||||
</view>
|
||||
|
|
@ -300,10 +304,9 @@
|
|||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<!-- 包含加钟的信息 -->
|
||||
<view v-if="(order.isSupplement=='1'||order.addNum!=null)&&order.isSupplement!='2'&&order.earlyFinishReason==null">
|
||||
<!-- 普通订单加钟 没有升级 -->
|
||||
<view v-if="order.isSupplement!='2'&&order.addNum!=null">
|
||||
<view class="mian-top">
|
||||
<view class="countDown" style="text-align: center;" v-if="order.status == 6">
|
||||
<u-count-down :timestamp="endOfServiceTimer" separator-color="#20C675" color="#20C675"
|
||||
|
|
@ -421,7 +424,8 @@
|
|||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
<view class="mian-content-list">
|
||||
<span class="mian-content-list-title">是否提前结束</span>
|
||||
|
|
@ -484,7 +488,8 @@
|
|||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">车费收益</span>
|
||||
|
|
@ -547,262 +552,8 @@
|
|||
</view>
|
||||
|
||||
</view>
|
||||
<!-- 包含升级的信息 -->
|
||||
<view v-if="order.isSupplement=='2'&&order.addNum==null">
|
||||
<view class="mian-top">
|
||||
<view class="countDown" style="text-align: center;" v-if="order.status == 6">
|
||||
<u-count-down :timestamp="endOfServiceTimer" separator-color="#20C675" color="#20C675"
|
||||
font-size="74" separator-size="74" @change="onCountdownChange"></u-count-down>
|
||||
</view>
|
||||
<view class="mian-top-head">
|
||||
<image v-if="order && order.ordersMassageList"
|
||||
:src="(order.ordersMassageList[0].massageType || {}).massageImg"
|
||||
class="mian-top-head-img"></image>
|
||||
<view class="mian-top-head-right">
|
||||
<view class="mian-title" v-if="order && order.ordersMassageList">
|
||||
|
||||
<view class="mian-title-view">{{(order.ordersMassageList[0].massageType || {}).title}}</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==2">待服务</view>
|
||||
<view class="nav-btn" v-if="order.status ==3">待评价</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==4">已取消</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==5">已完成</view>
|
||||
<view class="nav-btn" v-if="order.status ==6">服务中</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">技师出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">技师到达</view>
|
||||
<view class="nav-btn" v-if="order.status ==9">确认接单</view>
|
||||
</view>
|
||||
<view class="mian-time" v-if="order && order.ordersMassageList">
|
||||
服务时长： {{(order.ordersMassageList[0].massageType || {}).duration}}分钟
|
||||
</view>
|
||||
|
||||
<view class="mian-money" style="justify-content: space-between;">
|
||||
<view class="flex" style="flex-direction: row;align-items: center;">
|
||||
<view class="mian-money-title">项目价格：</view>
|
||||
<view class="mian-money-num">
|
||||
<span class="fuhao">￥</span>
|
||||
<span class="number">
|
||||
{{order.massagePrice}}
|
||||
</span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="jiajian">
|
||||
<view class="jian">-</view>
|
||||
<view class="view-num">{{order.ordersMassageList[0].num}}</view>
|
||||
<view class="jia">+</view>
|
||||
<!-- <uni-number-box :disabled="true" :value="order.ordersMassageList[0].num" :width='27' :min="1" @change="changeValue" /> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mian-top-foot" @tap="bindGps(order.latitude,order.longitude,order.address)">
|
||||
<view class="mian-top-foot-view">
|
||||
<view class="mian-top-foot-view-title">客户信息: </view>
|
||||
<view class="mian-top-foot-view-img">
|
||||
<span @tap.stop="copyAddress()" v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
|
||||
{{order.userName}}
|
||||
{{order.phone ? order.phone.substring(0,3) + '****' + order.phone.substring(7,11) : ''}}
|
||||
<u-icon name="file-text"></u-icon>
|
||||
</span>
|
||||
<span v-else>
|
||||
{{order.userName}}
|
||||
{{order.phone ? order.phone.substring(0,3) + '****' + order.phone.substring(7,11) : ''}}
|
||||
</span>
|
||||
<!-- <image src="../../static/index/dianhua.png" mode=""></image> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="mian-top-foot-view" style="margin-top: 5px;">
|
||||
<view class="mian-top-foot-view-title">服务地址: </view>
|
||||
<view class="mian-top-foot-view-text" style="width: 70%;text-align: right;">
|
||||
{{order.address}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mina-title">
|
||||
<span class="mina-title-text">项目信息</span>
|
||||
<span class="mina-title-bor"></span>
|
||||
</view>
|
||||
<view class="mian-view">
|
||||
<view class="mian-view-list" @tap="copy(order.ordersNo)">
|
||||
<span class="mian-view-list-title">订单编号</span>
|
||||
<span class="mian-view-list-text">
|
||||
{{order.ordersNo}}
|
||||
<u-icon name="file-text"/>
|
||||
</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">服务项目</span>
|
||||
<span class="mian-view-list-text" v-if="order && order.ordersMassageList">
|
||||
{{order.oldEntryName}}
|
||||
</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">下单时间</span>
|
||||
<span class="mian-view-list-text">{{order.createTime}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">预约时间</span>
|
||||
<span class="mian-view-list-text">{{order.serveTime}}</span>
|
||||
</view>
|
||||
<view class="mian-content-list" v-if="order.tripWay">
|
||||
<view class="mian-content-list-title">出行方式</view>
|
||||
<view v-if="order.tripWay == 1" class="mian-content-list-text">公交</view>
|
||||
<view v-if="order.tripWay == 2" class="mian-content-list-text">出租</view>
|
||||
<view v-if="order.tripWay == 3" class="mian-content-list-text">免费</view>
|
||||
</view>
|
||||
<view class="mian-content-list">
|
||||
<span class="mian-content-list-title">全程距离</span>
|
||||
<span class="mian-content-list-text">{{order.km}}km</span>
|
||||
</view>
|
||||
<view class="mian-content-list">
|
||||
<span class="mian-content-list-title">车费收益</span>
|
||||
<span class="mian-content-list-text">￥ {{order.taxiMoney}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">项目金额</span>
|
||||
<span class="mian-view-list-text">￥{{order.oldMassagePrice}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
</view>
|
||||
<view class="mian-content-list">
|
||||
<span class="mian-content-list-title">是否提前结束</span>
|
||||
<span class="mian-content-list-text">{{order.earlyFinishReason!=null?'是':'-'}}</span>
|
||||
</view>
|
||||
<view class="mian-content-textarea">
|
||||
<span class="mian-content-list-title" style="margin: 10px 0px;">提前结束原因</span>
|
||||
<textarea class="textarea-mian" :disabled="true" v-model="order.earlyFinishReason" maxlength="100" name="" id=""></textarea>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mina-title">
|
||||
<span class="mina-title-text">服务升级</span>
|
||||
<span class="mina-title-bor"></span>
|
||||
</view>
|
||||
<view class="mian-view">
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">是否升级</span>
|
||||
<span class="mian-view-list-text">{{order.isSupplement!=null?'是':'否'}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">升级前项目</span>
|
||||
<span class="mian-view-list-text">{{order.oldEntryName!=null?order.oldEntryName:'-'}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">升级前价格</span>
|
||||
<span class="mian-view-list-text" v-if="order.oldMassagePrice!=null">￥{{order.oldMassagePrice}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">升级后项目</span>
|
||||
<span class="mian-view-list-text">{{order.entryName!=null?order.entryName:'-'}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">升级后价格</span>
|
||||
<span class="mian-view-list-text" v-if="order.massagePrice!=null">￥{{order.massagePrice}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
<!-- <view class="mian-view-list">
|
||||
<span class="mian-view-list-title">升级金额</span>
|
||||
<span class="mian-view-list-text" v-if="order.addMoney!=null">￥{{order.gjPrice}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view> -->
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">支付差价</span>
|
||||
<span class="mian-view-list-text" v-if="order.payMoney!=null">￥{{order.payMoney}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
<view class="yingde" style="background: #EBEBEB;">
|
||||
<view class="yingde-title">小计</view>
|
||||
<view class="yingde-money" v-if="order.artificerMoney!=null">
|
||||
<span class="fuhao-hei">￥</span>
|
||||
<span class="num-hei">{{order.artificerMoney}}</span>
|
||||
</view>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mina-title">
|
||||
<span class="mina-title-text">预计收益</span>
|
||||
<span class="mina-title-bor"></span>
|
||||
</view>
|
||||
<view class="mian-content" style="margin-bottom: 10px;">
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">提成比例</span>
|
||||
<span class="mian-view-list-text">{{order.artificerRate*100}}%</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">项目收益</span>
|
||||
<span class="mian-view-list-text"> ￥{{order.projectBenefits}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">车费收益</span>
|
||||
<span class="mian-view-list-text"> ￥{{order.taxiMoney}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">升级收益</span>
|
||||
<span class="mian-view-list-text"> ￥{{order.artificerMoney!=null?order.artificerMoney:0}}</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="yiji">
|
||||
<view class="yuji-title">技师收益</view>
|
||||
<view class="yingde-money">
|
||||
<span class="fuhao-heis">￥</span>
|
||||
<span class="num-heis">
|
||||
<!-- {{jishishouyi}} -->
|
||||
{{order.artificerMoneyTotal}}
|
||||
</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
|
||||
<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
|
||||
</view>
|
||||
<view class="flex flex-wrap justify-between">
|
||||
<view class="flex margin-bottom-sm"
|
||||
style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
|
||||
v-for="(image,index) in order.startImg" :key="index"
|
||||
@click="saveImg( order.startImg,index)">
|
||||
<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
|
||||
mode="aspectFill">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
|
||||
<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
|
||||
</view>
|
||||
<view class="flex flex-wrap">
|
||||
<view v-if="startImgs.length">
|
||||
<view class="flex margin-right-sm flex-wrap">
|
||||
<view class="flex"
|
||||
style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
|
||||
v-for="(image,index) in startImgs" :key="index">
|
||||
<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
|
||||
<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
|
||||
@click="removeImg(index,1)">
|
||||
<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex align-center justify-center padding-tb "
|
||||
style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
|
||||
<view class="text-center" @click="addImage(1)">
|
||||
<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
|
||||
<view class="text-sm">上传照片</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<!-- 包含没有升级 加钟 套餐订单的信息 -->
|
||||
<view v-if="order.isSupplement!='2'&&order.addNum==null&&order.ordersMassageList[0].userPackageDetail==null">
|
||||
<!-- 普通订单 没有加钟 没有升级 -->
|
||||
<view v-if="order.isSupplement!='2'&&order.addNum==null">
|
||||
<view class="mian-top">
|
||||
<view class="countDown" style="text-align: center;" v-if="order.status == 6">
|
||||
<u-count-down :timestamp="endOfServiceTimer" separator-color="#20C675" color="#20C675"
|
||||
|
|
@ -889,7 +640,7 @@
|
|||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">服务项目</span>
|
||||
<span class="mian-view-list-text">
|
||||
{{(order.ordersMassageList[0].massageType || {}).title}}
|
||||
{{order.entryName}}
|
||||
</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
|
|
@ -920,7 +671,8 @@
|
|||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
<view class="mian-content-list">
|
||||
<span class="mian-content-list-title">是否提前结束</span>
|
||||
|
|
@ -946,7 +698,8 @@
|
|||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">车费收益</span>
|
||||
|
|
@ -1005,8 +758,11 @@
|
|||
</view>
|
||||
|
||||
</view>
|
||||
<!-- 包含套餐次卡疗程 提前结束的信息 -->
|
||||
<view v-if="(order.isSupplement!='2'&&order.addNum==null&&order.ordersMassageList[0].userPackageDetail)&&order.earlyFinishReason!=null">
|
||||
</view>
|
||||
<!-- 套餐疗程次卡订单 -->
|
||||
<view v-else>
|
||||
<!-- 套餐疗程次卡 没有加钟 没有升级 -->
|
||||
<view v-if="order.isSupplement!='2'&&order.addNum==null">
|
||||
<view class="mian-top">
|
||||
<view class="countDown" style="text-align: center;" v-if="order.status == 6">
|
||||
<u-count-down :timestamp="endOfServiceTimer" separator-color="#20C675" color="#20C675"
|
||||
|
|
@ -1040,7 +796,7 @@
|
|||
<view class="mian-money-num">
|
||||
<span class="fuhao">￥</span>
|
||||
<span class="number">
|
||||
{{(order.ordersMassageList[0].userPackageDetail || {}).packagePrice}}
|
||||
{{order.massagePrice}}
|
||||
</span>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -1090,16 +846,10 @@
|
|||
<u-icon name="file-text"/>
|
||||
</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">服务套餐</span>
|
||||
<span class="mian-view-list-text">
|
||||
{{(order.ordersMassageList[0].userPackageDetail || {}).mainTitle}}
|
||||
</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">服务项目</span>
|
||||
<span class="mian-view-list-text">
|
||||
{{(order.ordersMassageList[0].userPackageDetail || {}).title}}
|
||||
{{order.entryName}}
|
||||
</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
|
|
@ -1126,11 +876,12 @@
|
|||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">项目金额</span>
|
||||
<span class="mian-view-list-text">￥{{(order.ordersMassageList[0].userPackageDetail || {}).packagePrice}}</span>
|
||||
<span class="mian-view-list-text">￥{{order.massagePrice}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
<view class="mian-content-list">
|
||||
<span class="mian-content-list-title">是否提前结束</span>
|
||||
|
|
@ -1141,8 +892,6 @@
|
|||
<textarea class="textarea-mian" :disabled="true" v-model="order.earlyFinishReason" maxlength="100" name="" id=""></textarea>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="mina-title">
|
||||
<span class="mina-title-text">预计收益</span>
|
||||
<span class="mina-title-bor"></span>
|
||||
|
|
@ -1158,7 +907,8 @@
|
|||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
|
||||
<span class="mian-view-list-text" v-else>-</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">车费收益</span>
|
||||
|
|
@ -1217,217 +967,6 @@
|
|||
</view>
|
||||
|
||||
</view>
|
||||
<!-- 包含套餐次卡疗程的信息 -->
|
||||
<view v-if="(order.isSupplement!='2'&&order.addNum==null&&order.ordersMassageList[0].userPackageDetail)&&order.earlyFinishReason==null">
|
||||
<view class="mian-top">
|
||||
<view class="countDown" style="text-align: center;" v-if="order.status == 6">
|
||||
<u-count-down :timestamp="endOfServiceTimer" separator-color="#20C675" color="#20C675"
|
||||
font-size="74" separator-size="74" @change="onCountdownChange"></u-count-down>
|
||||
</view>
|
||||
<view class="mian-top-head">
|
||||
<image v-if="order && order.ordersMassageList"
|
||||
:src="(order.ordersMassageList[0].userPackageDetail || {}).massageImg"
|
||||
class="mian-top-head-img"></image>
|
||||
<view class="mian-top-head-right">
|
||||
<view class="mian-title" v-if="order && order.ordersMassageList">
|
||||
|
||||
<view class="mian-title-view">{{(order.ordersMassageList[0].userPackageDetail || {}).title}}</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==2">待服务</view>
|
||||
<view class="nav-btn" v-if="order.status ==3">待评价</view>
|
||||
<!-- <view class="nav-btn" v-if="order.status ==4">已取消</view> -->
|
||||
<view class="nav-btn" v-if="order.status ==5">已完成</view>
|
||||
<view class="nav-btn" v-if="order.status ==6">服务中</view>
|
||||
<view class="nav-btn" v-if="order.status ==7">技师出发</view>
|
||||
<view class="nav-btn" v-if="order.status ==8">技师到达</view>
|
||||
<view class="nav-btn" v-if="order.status ==9">确认接单</view>
|
||||
</view>
|
||||
<view class="mian-time" v-if="order && order.ordersMassageList">
|
||||
服务时长： {{(order.ordersMassageList[0].userPackageDetail || {}).duration}}分钟
|
||||
</view>
|
||||
|
||||
<view class="mian-money" style="justify-content: space-between;">
|
||||
<view class="flex" style="flex-direction: row;align-items: center;">
|
||||
<view class="mian-money-title">项目价格：</view>
|
||||
<view class="mian-money-num">
|
||||
<span class="fuhao">￥</span>
|
||||
<span class="number">
|
||||
{{(order.ordersMassageList[0].userPackageDetail || {}).packagePrice}}
|
||||
</span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="jiajian">
|
||||
<view class="jian">-</view>
|
||||
<view class="view-num">{{order.ordersMassageList[0].num}}</view>
|
||||
<view class="jia">+</view>
|
||||
<!-- <uni-number-box :disabled="true" :value="order.ordersMassageList[0].num" :width='27' :min="1" @change="changeValue" /> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mian-top-foot" @tap="bindGps(order.latitude,order.longitude,order.address)">
|
||||
<view class="mian-top-foot-view">
|
||||
<view class="mian-top-foot-view-title">客户信息: </view>
|
||||
<view class="mian-top-foot-view-img">
|
||||
<span @tap.stop="copyAddress()" v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
|
||||
{{order.userName}}
|
||||
{{order.phone ? order.phone.substring(0,3) + '****' + order.phone.substring(7,11) : ''}}
|
||||
<u-icon name="file-text"></u-icon>
|
||||
</span>
|
||||
<span v-else>
|
||||
{{order.userName}}
|
||||
{{order.phone ? order.phone.substring(0,3) + '****' + order.phone.substring(7,11) : ''}}
|
||||
</span>
|
||||
<!-- <image src="../../static/index/dianhua.png" mode=""></image> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="mian-top-foot-view" style="margin-top: 5px;">
|
||||
<view class="mian-top-foot-view-title">服务地址: </view>
|
||||
<view class="mian-top-foot-view-text" style="width: 70%;text-align: right;">
|
||||
{{order.address}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mina-title">
|
||||
<span class="mina-title-text">项目信息</span>
|
||||
<span class="mina-title-bor"></span>
|
||||
</view>
|
||||
<view class="mian-view">
|
||||
<view class="mian-view-list" @tap="copy(order.ordersNo)">
|
||||
<span class="mian-view-list-title">订单编号</span>
|
||||
<span class="mian-view-list-text">
|
||||
{{order.ordersNo}}
|
||||
<u-icon name="file-text"/>
|
||||
</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">服务套餐</span>
|
||||
<span class="mian-view-list-text">
|
||||
{{(order.ordersMassageList[0].userPackageDetail || {}).mainTitle}}
|
||||
</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">服务项目</span>
|
||||
<span class="mian-view-list-text">
|
||||
{{(order.ordersMassageList[0].userPackageDetail || {}).title}}
|
||||
</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">下单时间</span>
|
||||
<span class="mian-view-list-text">{{order.createTime}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">预约时间</span>
|
||||
<span class="mian-view-list-text">{{order.serveTime}}</span>
|
||||
</view>
|
||||
<view class="mian-content-list" v-if="order.tripWay">
|
||||
<view class="mian-content-list-title">出行方式</view>
|
||||
<view v-if="order.tripWay == 1" class="mian-content-list-text">公交</view>
|
||||
<view v-if="order.tripWay == 2" class="mian-content-list-text">出租</view>
|
||||
<view v-if="order.tripWay == 3" class="mian-content-list-text">免费</view>
|
||||
</view>
|
||||
<view class="mian-content-list">
|
||||
<span class="mian-content-list-title">全程距离</span>
|
||||
<span class="mian-content-list-text">{{order.km}}km</span>
|
||||
</view>
|
||||
<view class="mian-content-list">
|
||||
<span class="mian-content-list-title">车费收益</span>
|
||||
<span class="mian-content-list-text">￥ {{order.taxiMoney}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">项目金额</span>
|
||||
<span class="mian-view-list-text">￥{{(order.ordersMassageList[0].userPackageDetail || {}).packagePrice}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
</view>
|
||||
<view class="mian-content-list">
|
||||
<span class="mian-content-list-title">是否提前结束</span>
|
||||
<span class="mian-content-list-text">{{order.earlyFinishReason!=null?'是':'-'}}</span>
|
||||
</view>
|
||||
<view class="mian-content-textarea">
|
||||
<span class="mian-content-list-title" style="margin: 10px 0px;">提前结束原因</span>
|
||||
<textarea class="textarea-mian" :disabled="true" v-model="order.earlyFinishReason" maxlength="100" name="" id=""></textarea>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="mina-title">
|
||||
<span class="mina-title-text">预计收益</span>
|
||||
<span class="mina-title-bor"></span>
|
||||
</view>
|
||||
<view class="mian-content" style="margin-bottom: 10px;">
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">提成比例</span>
|
||||
<span class="mian-view-list-text">{{order.artificerRate*100}}%</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">项目收益</span>
|
||||
<span class="mian-view-list-text"> ￥{{order.projectBenefits}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">优惠券</span>
|
||||
<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.couponMoney}}</span>
|
||||
</view>
|
||||
<view class="mian-view-list">
|
||||
<span class="mian-view-list-title">车费收益</span>
|
||||
<span class="mian-view-list-text"> ￥{{order.taxiMoney}}</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="yiji">
|
||||
<view class="yuji-title">技师收益</view>
|
||||
<view class="yingde-money">
|
||||
<span class="fuhao-heis">￥</span>
|
||||
<span class="num-heis">
|
||||
<!-- {{jishishouyi}} -->
|
||||
{{order.artificerMoneyTotal}}
|
||||
</span>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
|
||||
<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
|
||||
</view>
|
||||
<view class="flex flex-wrap justify-between">
|
||||
<view class="flex margin-bottom-sm"
|
||||
style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
|
||||
v-for="(image,index) in order.startImg" :key="index"
|
||||
@click="saveImg( order.startImg,index)">
|
||||
<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
|
||||
mode="aspectFill">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
|
||||
<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
|
||||
</view>
|
||||
<view class="flex flex-wrap">
|
||||
<view v-if="startImgs.length">
|
||||
<view class="flex margin-right-sm flex-wrap">
|
||||
<view class="flex"
|
||||
style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
|
||||
v-for="(image,index) in startImgs" :key="index">
|
||||
<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
|
||||
<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
|
||||
@click="removeImg(index,1)">
|
||||
<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex align-center justify-center padding-tb "
|
||||
style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
|
||||
<view class="text-center" @click="addImage(1)">
|
||||
<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
|
||||
<view class="text-sm">上传照片</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="footers">
|
||||
|
|
@ -1644,14 +1183,20 @@
|
|||
type:'bottom',
|
||||
checkbox1: [0],
|
||||
hobby: [{
|
||||
text: '未服务全额退款',
|
||||
text: '价格透明',
|
||||
value: '0'
|
||||
}, {
|
||||
text: '不满意重做',
|
||||
text: '未服务全额退',
|
||||
value: '1'
|
||||
}, {
|
||||
text: '最快30分钟上门',
|
||||
text: '最快不满意重做分钟上门',
|
||||
value: '2'
|
||||
},{
|
||||
text: '7*24 小时客服',
|
||||
value: '3'
|
||||
},{
|
||||
text: '最快 30 分钟上门',
|
||||
value: '4'
|
||||
}],
|
||||
fuwuBtn:[],
|
||||
textareaTxt:'',
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue