This commit is contained in:
parent
b280141fd2
commit
16b051d186
|
@ -1,22 +1,19 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="padding-bottom u-skeleton">
|
<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="head-top">
|
||||||
<view class="pay-title">服务项目</view>
|
<view class="pay-title">服务项目</view>
|
||||||
<view class="flex">
|
<view class="flex">
|
||||||
<view class="" style="width: 160upx;height: 160upx;">
|
<view class="" style="width: 160upx;height: 160upx;">
|
||||||
<image :src="orderXm.massageImg"
|
<image :src="orderXm.massageImg" style="width: 100%;height: 100%;border-radius: 19upx;"></image>
|
||||||
style="width: 100%;height: 100%;border-radius: 19upx;"></image>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="u-flex-1 margin-left-sm">
|
<view class="u-flex-1 margin-left-sm">
|
||||||
<view class="flex head-title-right">
|
<view class="flex head-title-right">
|
||||||
<view class="margin-right-xs u-skeleton-fillet head-title">
|
<view class="margin-right-xs u-skeleton-fillet head-title">
|
||||||
{{orderXm.title}}
|
{{orderXm.title}}
|
||||||
</view>
|
</view>
|
||||||
<view class="xiaoer item-view-biao">
|
<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>
|
||||||
{{orderXm.levelName}}
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="flex align-center">
|
<view class="flex align-center">
|
||||||
<view style="width: 100%;">
|
<view style="width: 100%;">
|
||||||
|
@ -41,9 +38,17 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</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 v-if="!detailaddress">请选择地址</view>
|
||||||
<view class="margin-right-xs">
|
<view class="margin-right-xs">
|
||||||
<view class="jusitify-line">
|
<view class="jusitify-line">
|
||||||
|
@ -67,9 +72,8 @@
|
||||||
</span>
|
</span>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>-->
|
||||||
<view class="header-view header-padd header-margin ">
|
<view class="header-view header-padd header-margin ">
|
||||||
<view class="jusitify-line" @click="liliaoshi">
|
<view class="jusitify-line" @click="liliaoshi">
|
||||||
<view class="line-word title-font" >
|
<view class="line-word title-font" >
|
||||||
|
@ -86,8 +90,8 @@
|
||||||
<view class="line-word title-font">
|
<view class="line-word title-font">
|
||||||
服务时间
|
服务时间
|
||||||
</view>
|
</view>
|
||||||
<view class="flex align-center justify-between value-font" style="margin-top: 15rpx;">
|
<view class="flex align-center justify-between value-font">
|
||||||
<view class="flex justify-between margin-tb-sm" @click="openData()">
|
<view class="flex justify-between" @click="openData()">
|
||||||
<view v-if="startTime">{{startTime}}</view>
|
<view v-if="startTime">{{startTime}}</view>
|
||||||
<view class="line-word-r value-font" v-else>请选择预约时间<span class="view-more"></span></view>
|
<view class="line-word-r value-font" v-else>请选择预约时间<span class="view-more"></span></view>
|
||||||
</view>
|
</view>
|
||||||
|
@ -2259,7 +2263,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.header-margin{
|
.header-margin{
|
||||||
margin: 26rpx;
|
margin:20rpx;
|
||||||
}
|
}
|
||||||
.header-padd{
|
.header-padd{
|
||||||
padding: 36rpx;
|
padding: 36rpx;
|
||||||
|
@ -2309,4 +2313,39 @@
|
||||||
background-color:#f1f8d7;
|
background-color:#f1f8d7;
|
||||||
color: #58b314;
|
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>
|
</style>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<image src="../../static/activate2.png" mode="widthFix" v-if="isVip=='1'"></image>
|
<image src="../../static/activate2.png" mode="widthFix" v-if="isVip=='1'"></image>
|
||||||
<image src="../../static/servicePackage/member_ba.png" mode="widthFix" v-else></image>
|
<image src="../../static/servicePackage/member_ba.png" mode="widthFix" v-else></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="header-bottom-top-list">
|
<!--<view class="header-bottom-top-list">
|
||||||
<view class="header-bottom-foot-view2">
|
<view class="header-bottom-foot-view2">
|
||||||
<image class="header-bottom-foot-view2-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
|
<image class="header-bottom-foot-view2-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
|
||||||
<span>实名认证</span>
|
<span>实名认证</span>
|
||||||
|
@ -18,7 +18,7 @@
|
||||||
<image class="header-bottom-foot-view2-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
|
<image class="header-bottom-foot-view2-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
|
||||||
<span>平台担保</span>
|
<span>平台担保</span>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>-->
|
||||||
<view class="header-bottom">
|
<view class="header-bottom">
|
||||||
<view class="header-bottom-top">
|
<view class="header-bottom-top">
|
||||||
|
|
||||||
|
@ -49,7 +49,6 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="header-bottom-foot">
|
<view class="header-bottom-foot">
|
||||||
<view class="header-bottom-foot-cont">
|
<view class="header-bottom-foot-cont">
|
||||||
<!-- <view class="header-fubz">保障</view> -->
|
|
||||||
<view class="header-bottom-foot-view">
|
<view class="header-bottom-foot-view">
|
||||||
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
|
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
|
||||||
<span>未服务全额退款</span>
|
<span>未服务全额退款</span>
|
||||||
|
@ -64,23 +63,6 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</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>
|
</view>
|
||||||
<view class="detail-foot">
|
<view class="detail-foot">
|
||||||
|
@ -431,7 +413,7 @@
|
||||||
height: 26rpx;
|
height: 26rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view image{
|
.header-bottom-foot-view image{
|
||||||
margin-right: 3px;
|
margin-right: 1px;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view{
|
.header-bottom-foot-view{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -441,10 +423,9 @@
|
||||||
padding: 1px 8px;
|
padding: 1px 8px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
background-color: rgba(230, 246, 243, 1);
|
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 10px;
|
font-size: 11px;
|
||||||
color: #029c88;
|
color: #029c88;
|
||||||
}
|
}
|
||||||
.header-bottom-foot-view2-img1{
|
.header-bottom-foot-view2-img1{
|
||||||
|
@ -487,13 +468,6 @@
|
||||||
color: #08A28A;
|
color: #08A28A;
|
||||||
margin-top: 5px;
|
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{
|
.header-bottom-top-list{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -501,12 +475,21 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: rgba(230, 246, 243, 0.6);
|
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{
|
.header-bottom-foot{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 26rpx;
|
margin-top: 20rpx;
|
||||||
|
border-top: 1px solid #f7f7f7;
|
||||||
|
padding: 20rpx 20rpx 0rpx 20rpx;
|
||||||
}
|
}
|
||||||
.header-bottom-money-jia{
|
.header-bottom-money-jia{
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
|
|
Loading…
Reference in New Issue