<template>
|
<view class="list">
|
<view class="list-item">
|
<view class="list-header">
|
<text>服务单信息</text>
|
</view>
|
<view class="list-content">
|
<view class="flex justify-between">
|
<text>会员姓名</text>
|
<text class="gray">李某某</text>
|
</view>
|
<view class="flex justify-between">
|
<text>联系方式</text>
|
<text class="gray">15588881231</text>
|
</view>
|
<view class="flex justify-between">
|
<text>服务单号</text>
|
<text class="gray">N12371237123173</text>
|
</view>
|
<view class="flex justify-between">
|
<text>预约时间</text>
|
<text class="gray">2020-12-12 19:06:08</text>
|
</view>
|
<view class="flex justify-between">
|
<text>预约床位</text>
|
<text class="gray">VIP-2</text>
|
</view>
|
<view class="flex justify-between">
|
<text>服务总时间</text>
|
<text class="gray">180分钟</text>
|
</view>
|
<view class="flex justify-between">
|
<text>配料师</text>
|
<text class="gray">广哥</text>
|
</view>
|
<view class="flex justify-between">
|
<text>下单总顾问</text>
|
<text class="gray">广哥</text>
|
</view>
|
</view>
|
</view>
|
<view class="list-item">
|
<view class="list-header">
|
<text>服务明细</text>
|
</view>
|
<view class="list-content">
|
<view class="list-content-row" v-for="item in 2">
|
<view class="flex justify-between align-center font-15">
|
<view>
|
<text class="mr-20">富脂肽原液(单支)</text>
|
<text>x1</text>
|
</view>
|
<text class="blue font-16">￥0.99</text>
|
</view>
|
<view class="flex justify-between mt-5 gray">
|
<text>服务开始时间</text>
|
<text>2020-12-12 19:06:08</text>
|
</view>
|
<view class="flex justify-between gray">
|
<text>服务结束时间</text>
|
<text>2020-12-12 19:06:08</text>
|
</view>
|
<view class="flex justify-between gray">
|
<text>服务时长</text>
|
<text>90分钟</text>
|
</view>
|
<view class="flex justify-between gray">
|
<text>美疗师</text>
|
<text>广哥</text>
|
</view>
|
<view class="flex justify-between gray">
|
<text>提成</text>
|
<text>￥0.50</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="list-item">
|
<view class="list-header">
|
<text>客户评价</text>
|
</view>
|
<view class="list-content">
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
|
}
|
}
|
}
|
</script>
|
|
<style>
|
page{
|
background: #F6F6F8;
|
}
|
.list-item{
|
background: #FFFFFF;
|
border-radius: 4px;
|
margin: 10px;
|
}
|
.list-header{
|
padding: 12px 15px;
|
font-size: 16px;
|
font-weight: bold;
|
border-bottom: 1px solid #EDEAF4;
|
}
|
.list-content{
|
padding: 12px 15px;
|
font-size: 14px;
|
line-height: 28px;
|
}
|
.list-content-row{
|
border-bottom: 1px solid #EDEAF4;
|
padding: 8px 0;
|
}
|
.list-content-row:nth-child(1){
|
padding-top: 0;
|
}
|
.list-content-row:nth-last-child(1){
|
border-bottom: 0;
|
padding-bottom: 0;
|
}
|
.font-through{
|
text-decoration: line-through;
|
}
|
</style>
|
