This commit is contained in:
kbing1981 2024-08-08 10:53:36 +08:00
parent b280141fd2
commit 16b051d186
2 changed files with 66 additions and 44 deletions

View File

@ -1,22 +1,19 @@
<template>
<view class="content">
<view class="padding-bottom u-skeleton">
<view class="bgImg u-skeleton-fillet" style="padding: 0 29rpx;">
<view class="bgImg u-skeleton-fillet" style="padding: 0 20rpx;">
<view class="head-top">
<view class="pay-title">服务项目</view>
<view class="flex">
<view class="" style="width: 160upx;height: 160upx;">
<image :src="orderXm.massageImg"
style="width: 100%;height: 100%;border-radius: 19upx;"></image>
<image :src="orderXm.massageImg" style="width: 100%;height: 100%;border-radius: 19upx;"></image>
</view>
<view class="u-flex-1 margin-left-sm">
<view class="flex head-title-right">
<view class="margin-right-xs u-skeleton-fillet head-title">
{{orderXm.title}}
</view>
<view class="xiaoer item-view-biao">
{{orderXm.levelName}}
</view>
<image style="width: 120rpx; height: 45rpx;" :src="order.technicianType=='3'?'../../static/vip/grade1.gif':order.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" mode=""></image>
</view>
<view class="flex align-center">
<view style="width: 100%;">
@ -41,9 +38,17 @@
</view>
</view>
</view>
</view>
<view class="header-padd header-view header-margin">
<view class="add-content header-margin" @click="getAddressList()">
<view class="Service-add">服务地址</view>
<view class="Service-Address">{{province}}/{{city}}/{{district}}/{{detailaddress}}</view>
<view v-if="!detailaddress">请选择地址</view>
<view class="Service-name" >
<span>{{name}}</span>
<span>{{mobile}}</span>
</view>
</view>
<!--<view class="header-padd header-view header-margin">
<view v-if="!detailaddress">请选择地址</view>
<view class="margin-right-xs">
<view class="jusitify-line">
@ -67,9 +72,8 @@
</span>
</view>
</view>
</view>
</view>
</view>-->
<view class="header-view header-padd header-margin ">
<view class="jusitify-line" @click="liliaoshi">
<view class="line-word title-font" >
@ -86,8 +90,8 @@
<view class="line-word title-font">
服务时间
</view>
<view class="flex align-center justify-between value-font" style="margin-top: 15rpx;">
<view class="flex justify-between margin-tb-sm" @click="openData()">
<view class="flex align-center justify-between value-font">
<view class="flex justify-between" @click="openData()">
<view v-if="startTime">{{startTime}}</view>
<view class="line-word-r value-font" v-else>请选择预约时间<span class="view-more"></span></view>
</view>
@ -2259,7 +2263,7 @@
align-items: center;
}
.header-margin{
margin: 26rpx;
margin:20rpx;
}
.header-padd{
padding: 36rpx;
@ -2309,4 +2313,39 @@
background-color:#f1f8d7;
color: #58b314;
}
.add-content{
background: #FFFFFF url(../../static/address/map.png)no-repeat top right;
background-size:40%;
padding: 30rpx;
border-radius: 24rpx;
margin-top: 24rpx;
}
.Service-add{
font-size:30rpx;
color: #333;
border-radius:5rpx;
}
.Service-Address{
font-size:34rpx;
color: #333;
font-weight: bold;
padding: 6rpx 0;
flex-direction: column;
}
.Service-name{
font-size: 30rpx;
color: #333;
display: flex;
align-items: flex-end;
padding:4rpx 0;
}
.Service-name span:nth-child(1){
font-size:28rpx;
color:#333;
margin-right: 15rpx;
}
.Service-name span:nth-child(2){
font-size:28rpx;
color:#666;
}
</style>

View File

@ -5,7 +5,7 @@
<image src="../../static/activate2.png" mode="widthFix" v-if="isVip=='1'"></image>
<image src="../../static/servicePackage/member_ba.png" mode="widthFix" v-else></image>
</view>
<view class="header-bottom-top-list">
<!--<view class="header-bottom-top-list">
<view class="header-bottom-foot-view2">
<image class="header-bottom-foot-view2-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
<span>实名认证</span>
@ -18,7 +18,7 @@
<image class="header-bottom-foot-view2-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
<span>平台担保</span>
</view>
</view>
</view>-->
<view class="header-bottom">
<view class="header-bottom-top">
@ -49,7 +49,6 @@
</view>
<view class="header-bottom-foot">
<view class="header-bottom-foot-cont">
<!-- <view class="header-fubz">保障</view> -->
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
<span>未服务全额退款</span>
@ -64,23 +63,6 @@
</view>
</view>
</view>
<!--<view class="header-bottom-foot">
<view class="header-bottom-foot-title">服务保障</view>
<view class="header-bottom-foot-cont">
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
<span>未服务全额退款</span>
</view>
<view class="header-bottom-foot-view" style="margin: 0px 7px;">
<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image>
<span>不满意重做</span>
</view>
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
<span>最快30分钟上门</span>
</view>
</view>
</view>-->
</view>
</view>
<view class="detail-foot">
@ -431,7 +413,7 @@
height: 26rpx;
}
.header-bottom-foot-view image{
margin-right: 3px;
margin-right: 1px;
}
.header-bottom-foot-view{
display: flex;
@ -441,10 +423,9 @@
padding: 1px 8px;
height: 22px;
line-height: 22px;
background-color: rgba(230, 246, 243, 1);
border-radius: 15px;
font-weight: 400;
font-size: 10px;
font-size: 11px;
color: #029c88;
}
.header-bottom-foot-view2-img1{
@ -487,13 +468,6 @@
color: #08A28A;
margin-top: 5px;
}
.header-bottom-foot-cont{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.header-bottom-top-list{
width: 100%;
display: flex;
@ -501,12 +475,21 @@
align-items: center;
background-color: rgba(230, 246, 243, 0.6);
}
.header-bottom-foot-cont{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.header-bottom-foot{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 26rpx;
margin-top: 20rpx;
border-top: 1px solid #f7f7f7;
padding: 20rpx 20rpx 0rpx 20rpx;
}
.header-bottom-money-jia{
font-size: 28rpx;