专家咨询订单

This commit is contained in:
shidongli 2023-09-27 16:20:09 +08:00
parent 3b57655f6d
commit bc3f255e5f
8 changed files with 793 additions and 0 deletions

View File

@ -318,6 +318,33 @@
"enablePullDownRefresh": false
}
}
,{
"path" : "ExpertlookOrder/ExpertlookOrder",
"style" :
{
"navigationBarTitleText": "专家咨询订单",
"enablePullDownRefresh": false
}
}
,{
"path" : "consulted/consulted",
"style" :
{
"navigationBarTitleText": "待咨询",
"enablePullDownRefresh": false
}
}
,{
"path" : "cancel/cancel",
"style" :
{
"navigationBarTitleText": "取消订单",
"enablePullDownRefresh": false
}
}
]
},

View File

@ -0,0 +1,151 @@
.app {
background-color: #F7F5F5;
height: 100vh;
width: 100%;
color: #000000;
padding-top: 20rpx;
.orderitem {
width: 96%;
height: 383rpx;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 0 auto;
position: relative;
margin-bottom: 20rpx;
.tiemitem {
width: 92%;
font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #000000;
position: absolute;
// background: red;
left: 35rpx;
top: 30rpx;
span:nth-child(2) {
margin-left: 20rpx;
}
span:nth-child(3) {
display: inline-block;
position: absolute;
right: 0;
font-weight: 500;
color: #26A888;
}
}
.details {
width: 96%;
height: 200rpx;
// background-color: #26A888;
position: absolute;
top: 97rpx;
left: 50%;
transform: translateX(-50%);
image {
width: 180rpx;
height: 180rpx;
border-radius: 5rpx;
position: absolute;
}
.ppointment {
// background: red;
position: absolute;
width: 71%;
height: 100%;
right: 0;
.doctorname {
font-family: Source Han Sans CN;
font-weight: 600;
color: #333333;
span:nth-child(1) {
font-size: 28rpx;
}
span:nth-child(2) {
display: inline-block;
position: absolute;
font-size: 28rpx;
right: 0;
font-family: Source Han Sans CN;
font-weight: 500;
color: #333333;
}
}
.reservation {
font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #959595;
position: absolute;
top: 24%;
}
.hospital {
width: 99rpx;
// height: 29rpx;
border: 1px solid #FFA115;
border-radius: 5rpx;
font-size: 18rpx;
font-family: Source Han Sans CN;
font-weight: 500;
color: #FFA733;
position: absolute;
top: 67%;
text-align: center;
line-height: 29rpx;
}
}
}
.bottom {
position: absolute;
width: 96%;
height: 20%;
bottom: 4%;
font-size: 28rpx;
font-family: Source Han Sans CN;
span:nth-child(1) {
position: absolute;
font-weight: 400;
color: #959595;
top: 50%;
transform: translateY(-50%);
left: 5%;
}
span:nth-child(2) {
line-height: 30px;
width: 169rpx;
height: 61rpx;
background: #26A888;
border-radius: 5rpx;
display: inline-block;
font-size: 28rpx;
font-weight: 400;
color: #FFFFFF;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
}
}
}

View File

@ -0,0 +1,51 @@
<template>
<view class="app">
<view class="orderitem">
<view class="tiemitem">
<span>2023-08-13</span><span>23:43:49</span><span @tap="consulted">待咨询</span>
</view>
<view class="details">
<image src="../../static/headsculpture.png" mode=""></image>
<view class="ppointment">
<view class="doctorname">
<span>齐鲁医院张先生</span><span>30</span>
</view>
<view class="reservation">
预约时间2023-09-08
</view>
<view class="hospital">
三甲医院
</view>
</view>
</view>
<view class="bottom">
<span>更多</span>
<span>确认完成</span>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
//
consulted(){
uni.navigateTo({
url:'/pagesB/consulted/consulted'
})
}
}
}
</script>
<style lang="scss">
@import './ExpertlookOrder.scss'
</style>

109
pagesB/cancel/cancel.scss Normal file
View File

@ -0,0 +1,109 @@
.app {
background-color: #F7F5F5;
height: 100vh;
width: 100%;
color: #000000;
padding-top: 20rpx;
.concent {
width: 95%;
height: 100%;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 0 auto;
.refund {
position: relative;
margin: 0 auto;
width: 95%;
height: 100rpx;
font-family: Source Han Sans CN;
border-bottom: 1rpx solid #E6E6E6;
span:nth-child(1) {
line-height: 100rpx;
display: inline-block;
margin-left: 3%;
font-size: 30rpx;
font-weight: 500;
color: #333333;
}
span:nth-child(2) {
color: #F44B2F;
position: absolute;
display: inline-block;
top: 53%;
transform: translateY(-50%);
right: 15%;
font-size: 20rpx;
}
span:nth-child(3) {
position: absolute;
color: #F44B2F;
display: inline-block;
top: 50%;
transform: translateY(-50%);
right: 10%;
}
span:nth-child(4) {
color: #F44B2F;
position: absolute;
display: inline-block;
top: 53%;
transform: translateY(-50%);
right: 5%;
font-size: 20rpx;
}
}
.reason {
position: relative;
margin: 0 auto;
width: 95%;
height: 100rpx;
font-family: Source Han Sans CN;
.reasondata {
position: relative;
display: block;
font-size: 30rpx;
font-weight: 500;
color: #333333;
margin-left: 3%;
margin-top: 4%;
}
.textarea {
position: relative;
top: 21%;
left: 3%;
letter-spacing: 0.2em;
::v-deep .uni-textarea-textarea{
font-size: 28rpx;
}
::v-deep .uni-textarea-compute, .uni-textarea-line, .uni-textarea-placeholder, .uni-textarea-textarea{
font-size: 28rpx;
}
font-size: 30rpx;
}
}
.bottom{
position: absolute;
width: 496rpx;
height: 61rpx;
background: #26A888;
border-radius: 5rpx;
text-align: center;
line-height: 61rpx;
color: #FFFFFF;
left: 50%;
transform: translateX(-50%);
bottom: 4%;
font-size: 31rpx;
}
}
}

42
pagesB/cancel/cancel.vue Normal file
View File

@ -0,0 +1,42 @@
<template>
<view class="app">
<view class="concent">
<view class="refund">
<span>退款金额</span>
<span></span>
<span>39</span>
<span>.90</span>
</view>
<view class="reason">
<view class="reasondata">原因</view>
<view class="textarea">
<textarea v-model="value" :type="type" :border="border" placeholder="请输入您的退款原因" />
</view>
</view>
<view class="bottom">
确认取消
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style lang="scss">
@import './cancel.scss'
</style>

View File

@ -0,0 +1,298 @@
.app {
background-color: #F7F5F5;
height: 100vh;
width: 100%;
color: #000000;
padding-top: 20rpx;
.content {
width: 95%;
height: 100%;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 0 auto;
.service {
width: 50%;
top: 4%;
position: absolute;
height: 35px;
left: 6%;
image {
width: 29rpx;
height: 35rpx;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
span {
height: 30rpx;
font-size: 32rpx;
font-family: Source Han Sans CN;
font-weight: 600;
color: #333333;
line-height: 38rpx;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 13%;
}
}
.orderitem {
width: 96%;
height: 383rpx;
position: relative;
top: 2%;
.details {
width: 96%;
height: 200rpx;
// background-color: #26A888;
position: absolute;
top: 97rpx;
left: 50%;
transform: translateX(-50%);
image {
width: 180rpx;
height: 180rpx;
border-radius: 5rpx;
position: absolute;
}
.ppointment {
// background: red;
position: absolute;
width: 71%;
height: 100%;
right: 0;
.doctorname {
font-family: Source Han Sans CN;
font-weight: 600;
color: #333333;
span:nth-child(1) {
font-size: 28rpx;
}
span:nth-child(2) {
display: inline-block;
position: absolute;
font-size: 28rpx;
right: 0;
font-family: Source Han Sans CN;
font-weight: 500;
color: #333333;
}
}
.reservation {
width: 100%;
font-family: Source Han Sans CN;
font-weight: 400;
color: #959595;
position: absolute;
top: 24%;
font-size: 28rpx;
span:nth-child(2) {
display: inline-block;
margin-left: 50rpx;
}
}
.hospital {
width: 99rpx;
border: 1px solid #FFA115;
border-radius: 5rpx;
font-size: 18rpx;
font-family: Source Han Sans CN;
font-weight: 500;
color: #FFA733;
position: absolute;
top: 67%;
text-align: center;
line-height: 29rpx;
}
}
}
}
.doctordetails {
width: 90%;
height: 130rpx;
position: relative;
font-family: Source Han Sans CN;
// background: red;
left: 6%;
font-size: 28rpx;
.doctorphone {
position: absolute;
font-weight: 400;
color: #000000;
width: 80%;
}
.phone {
font-family: Source Han Sans CN;
font-weight: 400;
color: #959595;
line-height: 38rpx;
position: absolute;
top: 52%;
left: 5%;
}
.advice {
letter-spacing: 0.2em;
}
}
.doctordetailstwo {
width: 85%;
position: relative;
font-family: Source Han Sans CN;
left: 6%;
font-size: 28rpx;
.doctorphonetwo {
font-weight: 400;
color: #000000;
width: 80%;
margin-bottom: 5%;
}
.phonetwo {
font-family: Source Han Sans CN;
font-weight: 400;
color: #959595;
line-height: 38rpx;
top: 52%;
left: 5%;
margin-left: 5%;
}
.advicetwo {
letter-spacing: 0.2em;
}
}
.amount {
position: relative;
left: 6%;
top: 2%;
width: 90%;
font-size: 28rpx;
margin-bottom: 8%;
span:nth-child(2) {
display: inline-block;
position: absolute;
right: 0;
// font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 500;
color: #F44B2F;
}
}
}
.bottom {
width: 100%;
height: 125rpx;
background: #FFFFFF;
box-shadow: 0rpx -3rpx 13rpx 0rpx rgba(0, 0, 0, 0.1);
border-radius: 20rpx;
position: fixed;
bottom: 0;
span:nth-child(1) {
display: inline-block;
position: absolute;
font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #959595;
line-height: 125rpx;
left: 5%;
}
span:nth-child(3) {
display: inline-block;
position: absolute;
font-size: 28rpx;
font-weight: 400;
color: #FFFFFF;
width: 169rpx;
height: 61rpx;
line-height: 61rpx;
background: #26A888;
border-radius: 5rpx;
text-align: center;
right: 5%;
top: 50%;
transform: translateY(-50%);
}
span:nth-child(2) {
display: inline-block;
position: absolute;
font-size: 28rpx;
font-weight: 400;
border: 1px solid #959595;
width: 169rpx;
height: 61rpx;
line-height: 61rpx;
border-radius: 5rpx;
text-align: center;
right: 30%;
top: 50%;
transform: translateY(-50%);
}
}
.evaluate{
width: 100%;
font-size: 38rpx;
color: #000000;
line-height: 120rpx;
text-align: center;
::v-deep .u-close{
top: 8% !important;
}
}
.star{
position: relative;
top: 15%;
left: 11%;
span{
display: block;
font-size: 36rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
margin-top: 5%;
letter-spacing: 0.2em;
}
}
.submits{
position: relative;
width: 496rpx;
height: 61rpx;
line-height: 61rpx;
background: #26A888;
border-radius: 5rpx;
text-align: center;
font-size: 31rpx;
font-family: Source Han Sans CN;
font-weight: 500;
color: #FFFFFF;
top: 35%;
left: 50%;
transform: translateX(-50%);
}
}

View File

@ -0,0 +1,115 @@
<template>
<view class="app">
<view class="content">
<view class="service">
<image src="/static/pagesB/persone.png" mode=""></image>
<span>医生服务</span>
</view>
<view class="orderitem">
<view class="details">
<image src="../../static/headsculpture.png" mode=""></image>
<view class="ppointment">
<view class="doctorname">
<span>张医生</span>
</view>
<view class="reservation">
<span>齐鲁医院</span>
<span>副主任医师</span>
</view>
<view class="hospital">
三甲医院
</view>
</view>
</view>
</view>
<view class="doctordetails">
<view class="doctorphone">
医生电话
</view>
<view class="phone">
·15864658751
</view>
</view>
<view class="doctordetails">
<view class="doctorphone">
预约时间
</view>
<view class="phone">
·2023-10-10
</view>
</view>
<view class="doctordetailstwo">
<view class="doctorphonetwo">
咨询内容
</view>
<view class="phonetwo advicetwo">
·咨询内内容咨询内容咨询内容咨询内容咨询内容咨咨询内容咨询内容咨询内容咨询内容
<!-- <textarea v-model="value" :type="type" :border="border" /> -->
</view>
</view>
<view class="amount">
<span>预约金额</span><span>39.90</span>
</view>
<view class="doctordetailstwo">
<view class="doctorphonetwo">
备注
</view>
<view class="phonetwo advicetwo">
·备注内容
</view>
</view>
</view>
<view class="bottom">
<span>更多</span>
<span @tap="cancle">取消订单</span>
<span @tap="evaluate">服务评价</span>
</view>
<u-popup v-model="evaluateshow" mode="bottom" length="45%" border-radius="30" :closeable='true'>
<view class="evaluate">
服务评价
</view>
<view class="star">
<u-rate size="70" active-color="#F4EA2A" inactive-color="#b2b2b2" gutter="20"></u-rate>
<span>非常差//满意/非常满意</span>
</view>
<view class="submits">
提交
</view>
</u-popup>
</view>
</template>
<script>
export default {
data() {
return {
//
evaluateshow:false,
}
},
methods: {
//
cancle(){
uni.navigateTo({
url:'/pagesB/cancel/cancel'
})
},
//
evaluate(){
this.evaluateshow=true;
},
}
}
</script>
<style lang="scss">
@import './consulted.scss'
</style>

BIN
static/pagesB/persone.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 811 B