服务完成

This commit is contained in:
Mr.jiang 2024-07-04 23:19:37 +08:00
parent c69d3ec345
commit a9a818f3df
1 changed files with 214 additions and 1 deletions

View File

@ -1005,7 +1005,7 @@
</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">
@ -1143,6 +1143,218 @@
</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 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>
@ -1763,6 +1975,7 @@
try {
if (resA.code == 0) {
websocketUtils.uploadAudioEnd(); //
that.$queue.showToast(resA.msg);
uni.switchTab({
url:'/pages/order/index'
})