NurseStationApp/pages/Nursingstationserviceorder/Nursingstationserviceorder.vue

<template>
	<view class="app">
		<view class="" v-if="total>0">
			<view class="item" v-for="(item,index) in list" :key="index">
				<view class="name">
					{{item.createTime}}
					<span>{{item.orderStatus=='WAIT_PAY'?'待付款':''}}
						{{item.orderStatus=='PAY'?'已付款':''}}
						{{item.orderStatus=='WAIT_DISPATCH'?'待服务':''}}
						{{item.orderStatus=='NOT_FINISH'?'待完成':''}}
						{{item.orderStatus=='COMPLETE'?'待评价':''}}
						{{item.orderStatus=='EVALUATED'?'服务完成':''}}
						{{item.orderStatus=='WAIT_REFUND'?'退款中':''}}
						{{item.orderStatus=='REFUNDED'?'已退款':''}}
						{{item.orderStatus=='CANCEL'?'已取消':''}}
					</span>
				</view>
				<view class="detailslist" @tap="gofinished(item)">
					<image :src="baseurl+item.itemPictureUrl" mode=""></image>
					<view class="model">
						<view class="top">
							<span>{{item.nurseItemName}}</span>
							<span>￥{{item.totalPrice}}</span>
						</view>
						<view class="bottom">
							<span>服务时长：{{item.itemServeDurationUnit}}</span>
						</view>
					</view>
				</view>
				<view class="submit" @tap='buy(item)' style="background-color:coral;"
					v-if="item.orderStatus=='WAIT_PAY'">
					去支付
				</view>
				<view class="submit" v-if="item.orderStatus=='WAIT_REFUND'" style="background-color: coral;">退款中</view>
				<view class="submit" v-if="item.orderStatus=='COMPLETE'" @tap='gorate(item)'
					style="background-color: #60c5f1;">立即评价</view>
				<view class="submit" v-if="item.orderStatus=='EVALUATED'" @tap='lookrate(item)'>查看评价</view>
			</view>
		</view>
		<view class="noorder" v-else>
			<u-empty mode="list" icon-size='220' text='暂无服务订单'></u-empty>
		</view>
		<u-toast ref="uToast" />
		<u-mask :show="rateshow" @tap="rateshow = false" class='masks'>
			<view class="mask">
				<view class="rateitem" @tap="taprate('SATISFIED')">
					满意
				</view>
				<view class="rateitem" @tap="taprate('COMMONLY')">
					一般
				</view>
				<view class="rateitem" @tap="taprate('DISSATISFIED')">
					不满意
				</view>
			</view>
		</u-mask>
		<u-mask :show="lookrateshow" @tap="lookrateshow = false" class='masks'>
			<image :src="baseurl+rateimgtitle.img" mode=""></image>
			<view class="ratetitle">
				{{rateimgtitle.title}}
			</view>
			<view class="mask">
				<view class="lookrateitem" :style="ratelist.evaluateSatisfaction=='SATISFIED'?'background: #4C7BC9':''">
					满意
				</view>
				<view class="lookrateitem" :style="ratelist.evaluateSatisfaction=='COMMONLY'?'background: #4C7BC9':''">
					一般
				</view>
				<view class="lookrateitem"
					:style="ratelist.evaluateSatisfaction=='DISSATISFIED'?'background: #4C7BC9':''">
					不满意
				</view>
			</view>
		</u-mask>
	</view>
</template>

<script>
	import baseurl from '@/api/baseurl.js'
	import {
		lookrate
	} from '@/api/lookrate/index.js'
	import {
		appServiceOrder
	} from '@/api/Nursingstationserviceorder/Nursingstationserviceorder.js'
	import {
		addAppointmentEvaluate
	} from '@/api/ServiceDetails/ServiceDetails.js'
	export default {
		data() {
			return {
				rateimgtitle: {
					img: null,
					title: null,
				},
				ratelist: {
					evaluateSatisfaction: '',
				}, //评价list
				rateshow: false, //评价
				lookrateshow: false, //查看评价
				baseurl: '',
				patientId: null,
				pageNum: 1,
				total: 0,
				pageSize: 10,
				list: [],
				orderNo: null,
				timer: null,
			}
		},
		onLoad() {
			this.lookrateshow = false
			this.rateshow = false
			this.baseurl = baseurl
			let that = this
			try {
				const value = uni.getStorageSync('patientId');
				if (value) {
					that.patientId = value
					that.getinfo()
				}
			} catch (e) {}
		},
		methods: {
			//支付
			buy(item) {

			},
			//去评价
			gorate(item) {
				this.orderNo = item.orderNo
				this.rateshow = true
			},
			//查看评价
			lookrate(item) {
				this.rateimgtitle.img = item.itemPictureUrl
				this.rateimgtitle.title = item.nurseItemName
				this.lookrateshow = true
				lookrate(item.orderNo).then(res => {
					this.ratelist = res.data
				})
			},
			//评价
			taprate(item) {
				var obj = {
					"patientId": this.patientId,
					"orderNo": this.orderNo,
					"evaluateChannel": "PHONE_APP",
					"evaluateSatisfaction": item,
				}
				addAppointmentEvaluate(obj).then(res => {
					if (res.code == 200) {
						this.orderNo = null
						this.$refs.uToast.show({
							title: '评价成功',
							type: 'success',
							duration: '1500'
						})
						if (this.timer) {
							clearTimeout(this.timer)
						}
						this.timer = setTimeout(e => {
							uni.navigateTo({
								url: `/pages/ratesuccess/ratesuccess`
							})
						}, 1500)
					}
				})
			},
			getinfo() {
				this.pageNum = 1
				appServiceOrder(this.patientId, this.pageSize, this.pageNum).then(res => {
					this.list = res.rows;
					this.total = res.total
					// this.list.forEach(e => {
					// 	e.timestamp = null
					// 	var time = new Date(e.createTime).getTime() / 1000 + (60 * 60 * 24)
					// 	var times = new Date().getTime() / 1000
					// 	e.timestamp = time - times
					// })
				})
			},
			gofinished(item) {
				uni.navigateTo({
					url: `/pages/ServiceDetails/ServiceDetails?orderNo=${item.orderNo}`
				})
			}
		},
		onReachBottom() { //下滑加载
			if (this.list.length >= this.total) {} else {
				this.pageNum++
				appServiceOrder(this.patientId, this.pageSize, this.pageNum).then(res => {
					res.rows.forEach(e => {
						// e.timestamp = null
						// var time = new Date(e.createTime).getTime() / 1000 + (60 * 60 * 24)
						// var times = new Date().getTime() / 1000
						// e.timestamp = time - times
						this.list.push(e)
					})
				})
			}
		},
		onPullDownRefresh() { //下拉刷新
			this.pageNum = 1;
			this.getinfo()
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
	}
</script>

<style lang="scss">
	@import './Nursingstationserviceorder.scss';
</style>