146 lines
3.9 KiB
Vue
146 lines
3.9 KiB
Vue
<template>
|
||
<view class="app">
|
||
<view class="OrderStatus" v-if="list.orderStatus=='REFUNDED'||list.orderStatus=='CANCEL'">
|
||
订单已关闭
|
||
</view>
|
||
<view class="content">
|
||
<view class="name">
|
||
服务商家
|
||
</view>
|
||
<view class="details">
|
||
<view class="detailslist">
|
||
<image :src="baseurl+list.stationPictureUrl" mode=""></image>
|
||
<view class="model">
|
||
<view class="top">
|
||
<view>{{list.nurseStationName}}</view>
|
||
</view>
|
||
<view class="bottom">
|
||
<view>{{list.address}}</view>
|
||
</view>
|
||
<view class="callme" @tap="gophone()">
|
||
<u-icon class='icon' name="phone-fill" color="#ffffff" size="30"></u-icon>
|
||
<view class="text">联系我们</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="content">
|
||
<view class="name">
|
||
服务项目
|
||
</view>
|
||
<view class="drug">·{{list.nurseItemName}} </view>
|
||
</view>
|
||
<view class="content">服务信息
|
||
<view class="contacts">·联系人：{{list.patientName}}</view>
|
||
<view class="contacts">·电话:{{list.patientPhone}}</view>
|
||
<view class="contacts">·地址：{{list.serviceAddress}}</view>
|
||
<view class="contacts">·时间：{{list.serviceDate}} {{list.serviceStartTime}}-{{list.serviceEndTime}}</view>
|
||
</view>
|
||
<view class="Package">套餐信息：
|
||
<span>￥{{list.nurseItemPrice}}</span>
|
||
<view class="detail">
|
||
·{{list.nurseItemName}}
|
||
</view>
|
||
</view>
|
||
<view class="Consumablespackage" v-if='list.itemConsumableList'>耗材包详情：
|
||
<span>￥{{list.consumableTotalPrice}}</span>
|
||
<view class="detail" v-for='(item,index) in list.itemConsumableList' :key="index">
|
||
·{{item.orderConsumableName}}
|
||
</view>
|
||
</view>
|
||
<view class="remarks">
|
||
<view>备注：</view>
|
||
<input placeholder="请输入" v-model='list.remark'>
|
||
</view>
|
||
<view class="evaluate">
|
||
<view class="price">
|
||
￥{{list.totalPrice}}
|
||
</view>
|
||
<view class="cancelorder" @tap="cancelorderment()"
|
||
v-if="list.orderStatus=='PAY'||list.orderStatus=='WAIT_DISPATCH'||list.orderStatus=='NOT_FINISH'">取消订单</view>
|
||
<!-- <view class="cancelorder " style="background: #4C7BC9;">评价</view> -->
|
||
<view class="cancelorder" @tap='buy' style="background-color: darkorange;" v-if="list.orderStatus=='WAIT_PAY'">
|
||
去支付
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import baseurl from '@/api/baseurl.js'
|
||
import {
|
||
getAppointmentDetailsInfo
|
||
} from '@/api/ServiceDetails/ServiceDetails.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
baseurl: '',
|
||
list: {},
|
||
orderNo: '',
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
this.orderNo = options.orderNo
|
||
this.baseurl = baseurl
|
||
this.getlist()
|
||
},
|
||
onShow() {
|
||
|
||
},
|
||
methods: {
|
||
getlist() {
|
||
getAppointmentDetailsInfo(this.orderNo).then(res => {
|
||
this.list = res.data
|
||
console.log(this.list)
|
||
})
|
||
},
|
||
//支付
|
||
buy() {
|
||
let obj = {
|
||
patientId: this.patientId,
|
||
orderNo: this.orderNo,
|
||
orderChannel: "WECHAT_APPLET",
|
||
paymentPrice: this.totalPrice,
|
||
payType: "WECHAT_PAY",
|
||
buySource: "NURSE_STATION",
|
||
}
|
||
},
|
||
gophone() {
|
||
var that = this
|
||
uni.getSystemInfo({
|
||
success: function(res) {
|
||
console.log(res)
|
||
if (res.platform == 'ios') {
|
||
uni.makePhoneCall({
|
||
phoneNumber: that.nursestationlist.phone //仅为示例
|
||
});
|
||
} else {
|
||
uni.showActionSheet({
|
||
itemList: ['呼叫', ],
|
||
success: function(res) {
|
||
if (res.tapIndex + 1 == 1) {
|
||
uni.makePhoneCall({
|
||
phoneNumber: that.nursestationlist.phone //仅为示例
|
||
});
|
||
}
|
||
},
|
||
fail: function(res) {}
|
||
});
|
||
}
|
||
}
|
||
});
|
||
},
|
||
cancelorderment() {
|
||
uni.navigateTo({
|
||
url: `/pages/cancelorder/cancelorder?totalPrice=${this.list.totalPrice}&orderId=${this.list.appointmentOrderId}`
|
||
})
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import './ServiceDetails.scss';
|
||
</style>
|