服务评价

This commit is contained in:
shidongli 2023-10-16 16:03:32 +08:00
parent 5b614668e7
commit 162a2866c6
5 changed files with 280 additions and 14 deletions

View File

@ -1,6 +1,5 @@
.app { .app {
background: #ffffff; background: #ffffff;
.titles { .titles {
height: 80rpx; height: 80rpx;
} }
@ -28,9 +27,9 @@
height: 68rpx; height: 68rpx;
background-color: #ffffff; background-color: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: solid 1rpx #60cee3; border: solid 1rpx #26A888;
position: absolute; position: absolute;
color: #60cee3; color: #26A888;
bottom: 50rpx; bottom: 50rpx;
left: 10%; left: 10%;
} }

View File

@ -109,7 +109,7 @@
我的预约 我的预约
</view> </view>
</view> </view>
<view class="item"> <view class="item" @tap="evaluation">
<image src="../../static/pages/fuwupingjia.png" mode=""></image> <image src="../../static/pages/fuwupingjia.png" mode=""></image>
<view class="text"> <view class="text">
服务评价 服务评价
@ -304,6 +304,13 @@
this.gologin(); this.gologin();
} }
}, },
//
evaluation(){
uni.navigateTo({
url: '/pagesB/Serviceevaluation/Serviceevaluation'
})
},
// //
gologin() { gologin() {
this.$refs.uToast.show({ this.$refs.uToast.show({

View File

@ -1,9 +1,9 @@
<template> <template>
<view class="app"> <view class="app">
<view class="content" v-for="(item,index) in prejectlist"> <view class="content" v-for="(item,index) in prejectlist" @tap="result(item)">
<view class="big">{{item.projectName}} <view class="big">{{item.projectName}}
</view> </view>
<view class="servename" @tap="result(item)"> <view class="servename">
查看筛查结果 查看筛查结果
</view> </view>
</view> </view>

View File

@ -0,0 +1,260 @@
<template>
<view class="app">
<view class="myorder titles" @tap="expertOrder">
<view class="title">
<image src="../../static/pagesB/updata.png" mode=""></image>
我的评价
</view>
<view class="righttitle">
<image src="../../static/huijiantou.png" mode=""></image>
</view>
</view>
<view class="orderitem">
<view class="tiemitem">
<span>孤注一掷</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>
</view>
<view class="bottom">
<span @tap="rate()">评价</span>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
//
rate(item) {
uni.navigateTo({
url: `/pagesB/goodsorderRate/goodsorderRate?item=${JSON.stringify(item)}&delta=${1}`
})
},
}
}
</script>
<style lang="scss">
.app{
height: 100vh;
background-color: #F7F5F5;
padding: 30rpx 0 0 0;
overflow: scroll;
.myorder {
position: relative;
background: #fff;
height: 73rpx;
width: 96%;
left: 50%;
transform: translateX(-50%);
.orderStatus {
text-align: center;
margin: 60rpx auto 30rpx;
width: 90%;
display: flex;
justify-content: space-around;
padding-bottom: 30rpx;
.item {
width: 25%;
.text {
font-size: 26rpx;
color: #333333;
margin-top: 10rpx;
}
image {
width: 70rpx;
height: 60rpx;
}
}
}
.righttitle {
font-size: 26rpx;
color: #969494;
position: absolute;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30rpx;
image {
vertical-align: middle;
padding-left: 20rpx;
width: 13rpx;
height: 23rpx;
display: inline-block;
}
}
.title {
margin-left: 30rpx;
font-size: 32rpx;
color: #4B4B4B;
position: absolute;
top: 50%;
transform: translateY(-50%);
image{
/* vertical-align: middle; */
/* padding-left: 20rpx; */
width: 32rpx;
height: 32rpx;
/* display: inline-block; */
/* margin-top: 11rpx; */
margin-right: 20rpx;
position: relative;
top: 7rpx;
}
}
}
.orderitem {
width: 96%;
height: 383rpx;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 20rpx 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%;
}
}
}
.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(1) {
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;
}
}
}
}
</style>

BIN
static/pagesB/updata.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB