308 lines
8.8 KiB
Vue
308 lines
8.8 KiB
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.orderType!='COMPANION_IN_HOSPITAL'?'待服务':''}}
|
||
{{item.orderStatus=='WAIT_DISPATCH'&&item.orderType=='COMPANION_IN_HOSPITAL'?'已支付(陪诊陪护)':''}}
|
||
{{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: darkorange;"
|
||
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-popup v-model="rateshow" mode="bottom" length="50%" border-radius="20" :closeable='true' class='masks'>
|
||
<view class="title">
|
||
综合评价
|
||
</view>
|
||
<view class="mask">
|
||
<u-rate :count="5" v-model="rateval" :size='70' active-color='#F4EA2A'></u-rate>
|
||
</view>
|
||
<view class="rateitem">
|
||
{{rateval==5?'非常满意':''}}
|
||
{{rateval==4?'满意':''}}
|
||
{{rateval==3?'一般':''}}
|
||
{{rateval==2?'差':''}}
|
||
{{rateval==1?'非常差':''}}
|
||
</view>
|
||
<view class="btn" @tap='taprate'>
|
||
确认
|
||
</view>
|
||
</u-popup>
|
||
<u-popup v-model="lookrateshow" mode="bottom" length="60%" border-radius="20" :closeable='true' class='masks'>
|
||
<image :src="baseurl+rateimgtitle.img" mode=""></image>
|
||
<view class="ratetitle">
|
||
{{rateimgtitle.title}}
|
||
</view>
|
||
<view class="mask" style="top: 450rpx;">
|
||
<u-rate :count="5" v-model="rateval" :size='70' active-color='#F4EA2A' disabled></u-rate>
|
||
</view>
|
||
<view class="rateitem" style="top: 580rpx;">
|
||
{{rateval==5?'非常满意':''}}
|
||
{{rateval==4?'满意':''}}
|
||
{{rateval==3?'一般':''}}
|
||
{{rateval==2?'差':''}}
|
||
{{rateval==1?'非常差':''}}
|
||
</view>
|
||
</u-popup>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import baseurl from '@/api/baseurl.js'
|
||
import {
|
||
lookrate
|
||
} from '@/api/lookrate/index.js'
|
||
import {
|
||
appletAppointmentOrderPay
|
||
} from '@/api/appointmenttime/appointmenttime.js'
|
||
import {
|
||
addAppointmentEvaluate
|
||
} from '@/api/ServiceDetails/ServiceDetails.js'
|
||
import {
|
||
appServiceOrder
|
||
} from '@/api/Nursingstationserviceorder/Nursingstationserviceorder.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
timer: null, //time
|
||
baseurl: null,
|
||
rateimgtitle: { //评价mask
|
||
img: null,
|
||
title: null,
|
||
},
|
||
ratelist: null, //评价list
|
||
rateshow: false, //评价
|
||
lookrateshow: false, //查看评价
|
||
openid: null, //opedn
|
||
patientId: null, //patientId
|
||
rateval: 0, //评价星棵树
|
||
evaluateSatisfaction: null, //非常差/差/一般/满意/非常满意
|
||
pageNum: 1,
|
||
total: 0,
|
||
pageSize: 15,
|
||
list: [], //循环list
|
||
orderNo: null, //订单编号
|
||
}
|
||
},
|
||
onShow() {
|
||
let that = this
|
||
this.baseurl = baseurl
|
||
this.pageNum = 1;
|
||
const value3 = uni.getStorageSync('Refresh');
|
||
if (value3) {
|
||
that.getinfo();
|
||
}
|
||
},
|
||
onLoad() {
|
||
let that = this
|
||
this.pageNum = 1
|
||
const value = uni.getStorageSync('patientId');
|
||
const value2 = uni.getStorageSync('openid');
|
||
if (value && value2) {
|
||
that.patientId = value
|
||
that.openid = value2
|
||
that.getinfo()
|
||
} else {
|
||
this.$refs.uToast.show({
|
||
title: '未登录,请先登录',
|
||
type: 'error',
|
||
})
|
||
}
|
||
},
|
||
watch: { //监听
|
||
rateval() {
|
||
if (this.rateval == 5) {
|
||
this.evaluateSatisfaction = 'VERYSATISFIED'
|
||
} else if (this.rateval == 4) {
|
||
this.evaluateSatisfaction = 'SATISFIED'
|
||
} else if (this.rateval == 3) {
|
||
this.evaluateSatisfaction = 'COMMONLY'
|
||
} else if (this.rateval == 2) {
|
||
this.evaluateSatisfaction = 'DISSATISFIED'
|
||
} else if (this.rateval == 1) {
|
||
this.evaluateSatisfaction = 'VERYDISSATISFIED'
|
||
}
|
||
},
|
||
},
|
||
methods: {
|
||
//查看评价
|
||
lookrate(item) {
|
||
this.rateval = 0
|
||
this.evaluateSatisfaction = null
|
||
this.rateimgtitle.img = item.itemPictureUrl
|
||
this.rateimgtitle.title = item.nurseItemName
|
||
lookrate(item.orderNo).then(res => {
|
||
this.ratelist = res.data
|
||
this.rateval = res.data.compositeScore
|
||
this.lookrateshow = true
|
||
})
|
||
},
|
||
//去评价
|
||
gorate(item) {
|
||
this.rateval = 0
|
||
this.evaluateSatisfaction = null
|
||
this.orderNo = item.orderNo
|
||
this.rateshow = true
|
||
},
|
||
//评价
|
||
taprate() {
|
||
var obj = {
|
||
"patientId": this.patientId,
|
||
"openid": this.openid,
|
||
"orderNo": this.orderNo,
|
||
"evaluateChannel": "WE_CHAT_APPLET",
|
||
"evaluateSatisfaction": this.evaluateSatisfaction,
|
||
"compositeScore": this.rateval
|
||
}
|
||
addAppointmentEvaluate(obj).then(res => {
|
||
uni.setStorageSync("Refresh", 'Refresh')
|
||
if (res.code == 200) {
|
||
this.getinfo();
|
||
this.orderNo = null
|
||
this.rateshow = false
|
||
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?delta=${1}`
|
||
})
|
||
}, 1500)
|
||
}
|
||
})
|
||
},
|
||
//支付
|
||
buy(item) {
|
||
let obj = {
|
||
patientId: this.patientId,
|
||
openid: this.openid,
|
||
orderNo: item.orderNo,
|
||
orderChannel: "WECHAT_APPLET",
|
||
paymentPrice: item.totalPrice,
|
||
payType: "WECHAT_PAY",
|
||
buySource: "NURSE_STATION",
|
||
}
|
||
var that = this
|
||
appletAppointmentOrderPay(obj).then(response => {
|
||
if (response.code == 200) {
|
||
uni.requestPayment({
|
||
timeStamp: response.data.timeStamp,
|
||
nonceStr: response.data.nonceStr,
|
||
package: response.data.prepayId,
|
||
signType: response.data.signType,
|
||
paySign: response.data.paySign,
|
||
success: function(res) {
|
||
uni.setStorageSync("Refresh", 'Refresh')
|
||
that.$refs.uToast.show({
|
||
title: '支付成功',
|
||
type: 'success',
|
||
duration: 1500,
|
||
url: `/pages/paysuccess/paysuccess`,
|
||
})
|
||
},
|
||
fail: function(err) {
|
||
that.$refs.uToast.show({
|
||
title: '取消支付',
|
||
type: 'error',
|
||
duration: 1500,
|
||
})
|
||
}
|
||
});
|
||
} else {
|
||
this.$refs.uToast.show({
|
||
title: response.msg,
|
||
type: 'error',
|
||
duration: 2000
|
||
})
|
||
}
|
||
})
|
||
},
|
||
getinfo() {
|
||
appServiceOrder(this.patientId, this.pageSize, this.pageNum).then(res => {
|
||
if (res.code == 200) {
|
||
uni.removeStorageSync('Refresh');
|
||
this.list = res.rows;
|
||
// this.list.forEach(e => {
|
||
// e.timestamp = null
|
||
// var time = new Date(e.createTime).getTime() / 1000 + (60 * 60 * 2)
|
||
// var times = new Date().getTime() / 1000
|
||
// e.timestamp = time - times
|
||
// })
|
||
this.total = res.total
|
||
} else if (res.code == 9999) {
|
||
this.$refs.uToast.show({
|
||
title: '未登录,请先登录',
|
||
type: 'error',
|
||
})
|
||
}
|
||
})
|
||
},
|
||
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 * 2)
|
||
// 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>
|