完善功能
This commit is contained in:
wangxiaowei
@ -203,7 +203,6 @@
|
||||
<navbar :title="title" custom-class='!bg-[#F6F7F8]' :leftArrow="false"></navbar>
|
||||
|
||||
<view class="text-[#909399] text-26rpx leading-36rpx mb-40rpx">
|
||||
<view class="text-center" v-if="orderStatus == TeaSpecialistOrderStatus.Arrived || orderStatus == TeaSpecialistOrderStatus.Accepted">使用过程中有任何问题，请联系客服</view>
|
||||
<view class="flex items-center justify-center" v-if="(orderStatus == TeaSpecialistOrderStatus.Unpaid || orderStatus == TeaSpecialistOrderStatus.Pending) && order.timekeeping > 0">
|
||||
<view class="flex items-center mr-6rpx">
|
||||
<wd-img width="36rpx" height="36rpx" :src="`${OSS}icon/icon_time.png`"/>
|
||||
@ -230,9 +229,19 @@
|
||||
<view class="mx-30rpx coupon-bg" v-if="orderStatus < TeaSpecialistOrderStatus.SpecialistRefund">
|
||||
<view class="flex items-center px-30rpx pt-30rpx">
|
||||
<view class="mr-30rpx">
|
||||
<wd-img width="190rpx" height="190rpx" :src="order.image" mode="scaleToFill"></wd-img>
|
||||
<wd-img width="190rpx" height="190rpx" :src="order.image" mode="scaleToFill" @click="OrderDetail.handlePreviewImage(order.image, order.image_arr)"></wd-img>
|
||||
</view>
|
||||
<view class="flex-1">
|
||||
<view class="flex flex-col items-end shrink-0">
|
||||
<text v-if="orderStatus === TeaSpecialistOrderStatus.Unpaid" class="text-28rpx mb-12rpx text-[#FF5951]">待付款</text>
|
||||
<text v-else-if="orderStatus === TeaSpecialistOrderStatus.Pending" class="text-28rpx mb-12rpx text-[#FF5951]">待接单</text>
|
||||
<text v-else-if="orderStatus >= TeaSpecialistOrderStatus.SpecialistRefund && orderStatus <= TeaSpecialistOrderStatus.CustomerRefundAfterArrive" class="text-28rpx mb-12rpx text-[#606266]">已退款</text>
|
||||
<text v-else-if="orderStatus === TeaSpecialistOrderStatus.Accepted" class="text-28rpx mb-12rpx text-[#4C9F44]">已预约</text>
|
||||
<text v-else-if="orderStatus === TeaSpecialistOrderStatus.Departed" class="text-28rpx mb-12rpx text-[#4C9F44]">已出发</text>
|
||||
<text v-else-if="orderStatus === TeaSpecialistOrderStatus.Arrived" class="text-28rpx mb-12rpx text-[#4C9F44]">服务中</text>
|
||||
<text v-else-if="orderStatus === TeaSpecialistOrderStatus.Completed" class="text-28rpx mb-12rpx text-[#606266]">完成</text>
|
||||
<text v-else-if="orderStatus === TeaSpecialistOrderStatus.Cancelled" class="text-28rpx mb-12rpx text-[#C9C9C9]">订单取消</text>
|
||||
</view>
|
||||
<view class="flex justify-between items-center">
|
||||
<view class="font-bold text-30rpx leading-42rpx text-[#303133] mr-10rpx line-1 w-280rpx">
|
||||
{{ order.title }}
|
||||
@ -310,6 +319,14 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 联系官方客服 -->
|
||||
<view class="px-30rpx mx-30rpx mt-20rpx rounded-16rpx h-90rpx flex justify-between items-center border-[2rpx] border-[#4C9F44] bg-[#F2FAF4]" @click="OrderDetail.handleContactService">
|
||||
<view class="font-bold text-26rpx leading-48rpx text-[#4C9F44]">服务遇到问题或需要帮助？</view>
|
||||
<view class="flex items-center bg-[#4C9F44] rounded-8rpx px-18rpx py-8rpx">
|
||||
<view class="text-24rpx leading-34rpx text-[#fff] ml-6rpx">联系客服</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 茶艺服务 -->
|
||||
<view class="bg-white rounded-16rpx px-30rpx pb-32rpx mx-30rpx mt-20rpx" v-if="orderStatus < TeaSpecialistOrderStatus.SpecialistRefund">
|
||||
@ -495,9 +512,9 @@
|
||||
<script lang="ts" setup>
|
||||
import { getTeaSpecialistOrderDetails } from '@/api/teaSpecialist-order'
|
||||
import { useMessage, useToast } from 'wot-design-uni'
|
||||
import { TeaSpecialistManageOrderStatusText, TeaSpecialistManageStatusTextValue, TeaSpecialistOrderStatus} from '@/utils/teaSpecialistOrder'
|
||||
import { TeaSpecialistManageOrderStatusText, TeaSpecialistManageStatusTextValue, TeaSpecialistOrderStatus} from '@/utils/teaSpecialistOrder'
|
||||
import { handleCancelOrderHooks, handleRefundTeaSpecialistOrderHooks } from '@/hooks/useTeaSpecialistOrder'
|
||||
import { router, copy, toPlus } from '@/utils/tools'
|
||||
import { router, copy, toPlus, previewImage } from '@/utils/tools'
|
||||
import { OrderType } from '@/utils/order'
|
||||
import { getTeaTypeList } from '@/api/tea'
|
||||
import { getTeaSpecialistFeeDetails, createTeaSpecialistRenewOrder } from '@/api/tea-specialist'
|
||||
@ -572,7 +589,7 @@
|
||||
day_time: '', // 预约日期
|
||||
start_time: '', // 开始日期
|
||||
end_time: '', // 结束日期0
|
||||
service_type: 1, // 服务方式 1到店服务 2上门服务
|
||||
server_type: 1, // 服务方式 1到店服务 2上门服务
|
||||
address: '', // 服务地址
|
||||
longitude: 0, // 经度
|
||||
latitude: 0, // 纬度
|
||||
@ -593,6 +610,10 @@
|
||||
renew_tea_price: 0, // 续订茶叶金额
|
||||
tea_price: 0, // 茶叶费
|
||||
teacup_price: 0, // 茶具费
|
||||
is_mileage: 0, // 是否免费出行
|
||||
both: 0, // 年龄
|
||||
sex: 0, // 性别
|
||||
image_arr: [] // 订单相关图片数组
|
||||
})
|
||||
|
||||
onLoad(async (args) => {
|
||||
@ -822,6 +843,27 @@
|
||||
uni.makePhoneCall({
|
||||
phoneNumber: res.mobile
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 联系企业微信客服
|
||||
*/
|
||||
handleContactService: () => {
|
||||
// @ts-ignore
|
||||
wx.openCustomerServiceChat({
|
||||
extInfo: {
|
||||
url: 'https://work.weixin.qq.com/kfid/kfc723bd879ef30a161' //客服ID
|
||||
},
|
||||
corpId: 'wwe8c5c7cf7d2010e6',
|
||||
success(res) {},
|
||||
fail(res) {
|
||||
toast.show('调起客服失败')
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
handlePreviewImage: (img: any, imageList: any) => {
|
||||
previewImage(img, imageList)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -845,4 +887,4 @@
|
||||
.renew-border {
|
||||
border-top: 2rpx dashed #E5E7EB;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
Reference in New Issue
Block a user