更新小程序仓库
This commit is contained in:
@@ -0,0 +1,377 @@
|
||||
// pages/orderDetail/orderDetail.js
|
||||
const app = getApp()
|
||||
import {cancelOrder,inquiryDetail,inquiryDel,cancelPay} from "../../api/consultOrder"
|
||||
import {fllowDoctor,notfllowDoctor} from "../../api/consultExpert"
|
||||
import {assignDoctor} from "../../api/consult"
|
||||
import {throttle} from "../../utils/util"
|
||||
import Dialog from '@vant/weapp/dialog/dialog';
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
countTime:0,
|
||||
timer:null,
|
||||
order_inquiry_id:'',
|
||||
order:null,
|
||||
show:false,
|
||||
message:'',
|
||||
fromType:'',
|
||||
showPadding:false,
|
||||
prevData:'',
|
||||
img_host:'https://oss.prod.applets.igandanyiyuan.com/applet/patient/static'
|
||||
},
|
||||
copy(event){
|
||||
let text=event.target.dataset.text;
|
||||
wx.setClipboardData({
|
||||
data:text,
|
||||
fail(err){
|
||||
console.log(err);
|
||||
}
|
||||
})
|
||||
},
|
||||
goBack(flag=true){
|
||||
let {fromType,prevData}=this.data;
|
||||
if(app.globalData.origion==1){
|
||||
wx.reLaunch({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
}else if(app.globalData.origion==2){
|
||||
wx.reLaunch({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
}else{
|
||||
if(fromType){
|
||||
wx.redirectTo({
|
||||
url: '/pages/consultOrder/consultOrder?fromType='+fromType+"&prevData="+prevData,
|
||||
})
|
||||
}else{
|
||||
if(flag){
|
||||
wx.navigateBack({
|
||||
delta:1,
|
||||
fail:function(){
|
||||
wx.reLaunch({
|
||||
url: '/pages/index/index',
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
orderMsg(){
|
||||
wx.requestSubscribeMessage({
|
||||
tmplIds: ['82rKSdbKkbFK_tHmIMnHyfyRJq9ujvmAsTjRHdxmCdE'],
|
||||
success (res) {
|
||||
Dialog.confirm({
|
||||
title: '温馨提示',
|
||||
confirmButtonOpenType:'contact',
|
||||
message: '立即联系客服',
|
||||
}).then(() => {
|
||||
// on confirm
|
||||
}).catch(()=>{
|
||||
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
},
|
||||
//联系客服通知
|
||||
|
||||
|
||||
// 下拉刷新的事件
|
||||
|
||||
// handleThrottle:throttle(function(){
|
||||
// this.goApplyMedince()
|
||||
// }),
|
||||
confirm:throttle(function(event){
|
||||
if(event.detail && this.data.message=="您是否确定删除本条订单记录?"){
|
||||
this.handleinquiryDel();
|
||||
};
|
||||
if(event.detail && this.data.message=="您是否确认取消本次问诊?"){
|
||||
this.handelCancelOrder()
|
||||
};
|
||||
if(event.detail && this.data.message=="您是否确认取消本次支付?"){
|
||||
this.handleCancelPay();
|
||||
};
|
||||
if(event.detail && this.data.message=="已经为您匹配到医生,是否跳转到聊天页面?"){
|
||||
this.goChat();
|
||||
}
|
||||
}),
|
||||
goExpert(){
|
||||
let id=this.data.order.user_doctor.doctor_id;
|
||||
app.method.navigateTo({
|
||||
url: '/pages/expertDetail/expertDetail?doctor_id='+id,
|
||||
})
|
||||
},
|
||||
toggleFllow(){
|
||||
if(this.data.order.user_doctor.follow){
|
||||
this.handenotfllowDoctor()
|
||||
}else{
|
||||
this.handelfllowDoctor()
|
||||
}
|
||||
},
|
||||
//定时发送请求
|
||||
reqCount(order_id){
|
||||
let {countTime}=this.data;
|
||||
var timer = setInterval(() => {
|
||||
if(countTime>=5*60*1000){
|
||||
clearInterval(this.data.timer);
|
||||
}
|
||||
this.setData({
|
||||
countTime:countTime+3000
|
||||
})
|
||||
this.handelAssignDoctor(order_id);
|
||||
}, 3000);
|
||||
this.setData({
|
||||
timer: timer
|
||||
})
|
||||
},
|
||||
handelAssignDoctor(id) {
|
||||
assignDoctor(id).then(data => {
|
||||
if (data.user_id) {
|
||||
this.setData({
|
||||
chat_id: data.user_id,
|
||||
doctor_id: data.doctor_id,
|
||||
show:true,
|
||||
message:"已经为您匹配到医生,是否跳转到聊天页面?"
|
||||
});
|
||||
this.handleinquiryDetail();
|
||||
let {timer} = this.data;
|
||||
clearInterval(timer);
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
handelfllowDoctor(){
|
||||
let id=this.data.order.user_doctor.doctor_id
|
||||
fllowDoctor(id).then(data=>{
|
||||
this.setData({
|
||||
"order.user_doctor.follow":true
|
||||
})
|
||||
wx.showToast({
|
||||
title: '关注成功',
|
||||
icon:"none"
|
||||
})
|
||||
})
|
||||
},
|
||||
handenotfllowDoctor(){
|
||||
let id=this.data.order.user_doctor.doctor_id;
|
||||
notfllowDoctor(id).then(data=>{
|
||||
this.setData({
|
||||
"order.user_doctor.follow":false
|
||||
})
|
||||
wx.showToast({
|
||||
title: '已取消关注',
|
||||
icon:"none"
|
||||
})
|
||||
})
|
||||
},
|
||||
delOrder(){
|
||||
this.setData({
|
||||
show:true,
|
||||
message:"您是否确定删除本条订单记录?"
|
||||
})
|
||||
},
|
||||
goSickInfo(event){
|
||||
let order_inquiry_id=event.currentTarget.dataset.id;
|
||||
app.method.navigateTo({
|
||||
url: '../sickInfo/sickInfo?order_inquiry_id='+order_inquiry_id
|
||||
})
|
||||
},
|
||||
goSickerInfo(event){
|
||||
let order_inquiry_id=event.currentTarget.dataset.id;
|
||||
app.method.navigateTo({
|
||||
url: '../memberDetail/memberDetail?order_inquiry_id='+order_inquiry_id
|
||||
})
|
||||
},
|
||||
handleGoPay(){
|
||||
let {
|
||||
inquiry_no,
|
||||
inquiry_type,
|
||||
inquiry_mode,
|
||||
user_id,
|
||||
order_inquiry_id
|
||||
} = this.data.order;
|
||||
let chat_id= this.data.order.user_doctor.user_id;
|
||||
let doctor_id= this.data.order.user_doctor.doctor_id
|
||||
app.method.navigateTo({
|
||||
url: '/pages/payOrder/payOrder?doctor_id='+doctor_id+'&inquiry_no='+inquiry_no+"&chat_id="+chat_id+"&inquiry_type="+ inquiry_type+"&inquiry_mode="+inquiry_mode+"&order_inquiry_id="+order_inquiry_id+"&fromType=detail"
|
||||
})
|
||||
},
|
||||
confirmCancelInquiry(){
|
||||
this.setData({
|
||||
show:true,
|
||||
message:"您是否确认取消本次问诊?"
|
||||
})
|
||||
},
|
||||
handelCancelOrder(){
|
||||
let { order_inquiry_id} = this.data.order;
|
||||
cancelOrder(order_inquiry_id).then(data=>{
|
||||
wx.showToast({
|
||||
title: '取消问诊成功',
|
||||
icon:'none'
|
||||
});
|
||||
this.handleinquiryDetail(true);
|
||||
})
|
||||
},
|
||||
confirmCancelPay(){
|
||||
this.setData({
|
||||
show:true,
|
||||
message:"您是否确认取消本次支付?"
|
||||
})
|
||||
},
|
||||
handleCancelPay(){
|
||||
let {order_inquiry_id} = this.data.order;
|
||||
cancelPay(order_inquiry_id).then(data=>{
|
||||
wx.showToast({
|
||||
title: '取消支付成功',
|
||||
icon:'none'
|
||||
})
|
||||
this.handleinquiryDetail(true);
|
||||
})
|
||||
},
|
||||
handleinquiryDetail(flag=false){
|
||||
let id=this.data.order_inquiry_id;
|
||||
inquiryDetail(id).then(data=>{
|
||||
this.setData({
|
||||
order:data
|
||||
})
|
||||
if(flag){
|
||||
let pages = getCurrentPages();
|
||||
let prevPage = pages[pages.length - 2]; //上一页
|
||||
this.setData({
|
||||
prevData:JSON.stringify({
|
||||
changeStatus: data.inquiry_status,
|
||||
changeId:id
|
||||
})
|
||||
});
|
||||
prevPage.setData({
|
||||
changeStatus: data.inquiry_status,
|
||||
changeId:id
|
||||
});
|
||||
};
|
||||
if(data.inquiry_status==4 || data.inquiry_status==5 || data.inquiry_status==6 || data.inquiry_status==3 ){
|
||||
this.setData({
|
||||
showPadding:false
|
||||
})
|
||||
}else{
|
||||
this.setData({
|
||||
showPadding:true
|
||||
})
|
||||
|
||||
};
|
||||
if(data.inquiry_status==2){
|
||||
this.handelAssignDoctor(data.order_inquiry_id);
|
||||
this.reqCount(data.order_inquiry_id);
|
||||
}
|
||||
})
|
||||
},
|
||||
handleinquiryDel(){
|
||||
let id=this.data.order_inquiry_id;
|
||||
inquiryDel(id).then((data)=>{
|
||||
wx.showToast({
|
||||
title: '订单删除成功',
|
||||
icon:"none"
|
||||
});
|
||||
if(app.globalData.origion==1){
|
||||
this.handleinquiryDetail();
|
||||
}else if(app.globalData.origion==2){
|
||||
this.handleinquiryDetail();
|
||||
}else{
|
||||
let pages = getCurrentPages();
|
||||
//获取所需页面
|
||||
let prevPage = pages[pages.length - 2]; //上一页
|
||||
prevPage.setData({
|
||||
delId: id//需要传过去的数据
|
||||
});
|
||||
let {fromType}=this.data;
|
||||
if(fromType){
|
||||
wx.redirectTo({
|
||||
url: '/pages/consultOrder/consultOrder',
|
||||
})
|
||||
}else{
|
||||
wx.navigateBack({
|
||||
delta:1,
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
},
|
||||
goChat(){
|
||||
let chat_id=this.data.order.user_doctor.user_id;
|
||||
let {order_inquiry_id,inquiry_type}=this.data.order;
|
||||
app.method.navigateTo({
|
||||
url: '/TUIService/pages/index?currentConversationID='+chat_id+"&order_inquiry_id=" + order_inquiry_id + "&inquiry_type=" + inquiry_type
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad(options) {
|
||||
if(options.fromType){
|
||||
this.setData({
|
||||
fromType:options.fromType
|
||||
})
|
||||
}
|
||||
this.setData({
|
||||
order_inquiry_id:options.order_inquiry_id
|
||||
});
|
||||
this.handleinquiryDetail();
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow() {
|
||||
this.setData({
|
||||
img_host:app.hostConfig().imghost
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload() {
|
||||
clearInterval(this.data.timer);
|
||||
//this.goBack(false)
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom() {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
|
||||
})
|
||||
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"consult-list":"../../components/consultList/consultList",
|
||||
"dialog":"../../components/dialog/dialog",
|
||||
"van-dialog": "@vant/weapp/dialog/index",
|
||||
"van-count-down": "@vant/weapp/count-down/index"
|
||||
},
|
||||
|
||||
"navigationStyle":"custom",
|
||||
"navigationBarTitleText": "肝胆相照互联网医院"
|
||||
}
|
||||
@@ -0,0 +1,183 @@
|
||||
<!--pages/orderDetail/orderDetail.wxml-->
|
||||
<wxs src="../../filters/filter.wxs" module="timeModule"></wxs>
|
||||
<view class="ui-navigatorbar" style="border-bottom: 1rpx solid #E3E4E5;">
|
||||
<image class="ui-navigatorbar-back" bindtap="goBack" src="../../assets/images/back.png" />
|
||||
<view class="ui-title">订单详情</view>
|
||||
</view>
|
||||
<view class="page">
|
||||
<view class="databox {{showPadding?'active':''}}">
|
||||
<view class="datacell">
|
||||
<view class="titlebox">
|
||||
|
||||
<view class="name">订单信息</view>
|
||||
<view class="status" wx:if="{{order.inquiry_status==1 && order.inquiry_pay_status==1}}">
|
||||
<view class="waitpay">待支付</view>
|
||||
<view class="countdown">
|
||||
<van-count-down time="{{timeModule.countDown(order.created_at)}}" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="status" wx:elif="{{order.inquiry_status==2}}">分配医生中</view>
|
||||
<view class="status" wx:elif="{{order.inquiry_status==3}}">等待接诊</view>
|
||||
<view class="status" wx:elif="{{order.inquiry_status==4}}">问诊中</view>
|
||||
<view class="status" wx:elif="{{order.inquiry_status==5}}">问诊完成</view>
|
||||
<view class="status" wx:elif="{{order.inquiry_status==6}}">问诊结束 </view>
|
||||
<view class="status" wx:elif="{{order.inquiry_status==7 && order.inquiry_pay_status!=5}}">问诊取消</view>
|
||||
<view class="status" wx:elif="{{order.inquiry_status==7 && order.inquiry_pay_status==5}}">
|
||||
<view class="waitpay">支付超时</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="row first">
|
||||
<view class="name">订单编号</view>
|
||||
<view class="dot">:</view>
|
||||
<view class="desc">{{order.inquiry_no}}</view>
|
||||
<view class="copy" bindtap="copy" data-text="{{order.inquiry_no}}" wx:if="{{order.inquiry_no}}">复制</view>
|
||||
</view>
|
||||
|
||||
<view class="row">
|
||||
<view class="name">下单时间</view>
|
||||
<view class="dot">:</view>
|
||||
<view class="desc">{{order.created_at}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="name">问诊类型</view>
|
||||
<view class="dot">:</view>
|
||||
<view class="desc" wx:if="{{order.inquiry_type==1}}">专家问诊</view>
|
||||
<view class="desc" wx:elif="{{order.inquiry_type==2}}">快速问诊</view>
|
||||
<view class="desc" wx:elif="{{order.inquiry_type==3}}">公益问诊</view>
|
||||
<view class="desc" wx:elif="{{order.inquiry_type==4}}">问诊购药</view>
|
||||
<view class="desc" wx:elif="{{order.inquiry_type==5}}">糖组检测</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="name">问诊金额</view>
|
||||
<view class="dot">:</view>
|
||||
<view class="desc price"><text wx:if="{{order.amount_total}}">¥</text>{{order.amount_total}}</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="name"><view class="textyou"><view >优</view><view>惠</view><view>券</view></view></view>
|
||||
<view class="dot">:</view>
|
||||
<view class="desc">
|
||||
<text wx:if="{{timeModule.formatMoney(order.coupon_amount_total)>0}}">- ¥{{timeModule.formatMoney(order.coupon_amount_total)}}</text>
|
||||
<text wx:else>无</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view class="left">
|
||||
<view class="name">支付金额</view>
|
||||
<view class="dot">:</view>
|
||||
<view class="desc price"><text wx:if="{{order.payment_amount_total}}">¥</text>{{order.payment_amount_total}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 1:医生未接诊 2:主动取消 3:无可分配医生 4:客服取消 5:支付超时 -->
|
||||
<view class="row" style="align-items: flex-start;" wx:if="{{order.cancel_reason}}">
|
||||
<view class="name"><text>备</text><text>注</text></view>
|
||||
<view class="dot">:</view>
|
||||
<!-- 取消订单原因(1:医生未接诊 2:主动取消 3:无可分配医生 4:客服取消 5:支付超时) -->
|
||||
<view class="desc" wx:if="{{order.cancel_reason==1}}">医生未接诊 </view>
|
||||
<view class="desc" wx:elif="{{order.cancel_reason==2}}">主动取消</view>
|
||||
<view class="desc" wx:elif="{{order.cancel_reason==3}}">无可分配医生 </view>
|
||||
<view class="desc" wx:elif="{{order.cancel_reason==4}}"> 客服取消</view>
|
||||
<view class="desc" wx:elif="{{order.cancel_reason==5}}"> 支付超时</view>
|
||||
</view>
|
||||
|
||||
<!-- 0:无退款 1:申请退款 2:退款中 3:退款成功 4:拒绝退款 5:退款关闭 6:退款异常 -->
|
||||
<view class="row" wx:if="{{order.inquiry_status==7 && order.inquiry_pay_status!=5}}">
|
||||
<view class="name">退款进度</view>
|
||||
<view class="dot">:</view>
|
||||
<view class="desc" wx:if="{{order.inquiry_refund_status==0}}">无退款</view>
|
||||
<view class="desc" wx:elif="{{order.inquiry_refund_status==1}}">申请退款</view>
|
||||
<view class="desc" wx:elif="{{order.inquiry_refund_status==2}}">退款中</view>
|
||||
<view class="desc" wx:elif="{{order.inquiry_refund_status==3}}">退款成功</view>
|
||||
<view class="desc" wx:elif="{{order.inquiry_refund_status==4}}">拒绝退款</view>
|
||||
<view class="desc" wx:elif="{{order.inquiry_refund_status==5}}">退款关闭</view>
|
||||
<view class="desc" wx:elif="{{order.inquiry_refund_status==6}}">退款异常</view>
|
||||
</view>
|
||||
|
||||
<!-- 1:待支付 2:待分配 3:待接诊 4:已接诊 5:已完成 6:已结束 7:已取消 -->
|
||||
<!-- <view class="row" style="justify-content: flex-end;" wx:if="{{order.inquiry_status==1 && order.inquiry_pay_status==1}}">
|
||||
<view class="del">去支付</view>
|
||||
</view> -->
|
||||
<view class="row" style="justify-content: flex-end;" wx:if="{{order.inquiry_status==2 || order.inquiry_status==3}}">
|
||||
<view class="del" bindtap="confirmCancelInquiry">取消问诊</view>
|
||||
</view>
|
||||
<!-- wx:elif="{{order.inquiry_status==4}}" -->
|
||||
<view class="row" style="justify-content: flex-end;text-align: right;" wx:elif="{{order.inquiry_status==4}}">
|
||||
<view class="contact" bindtap="orderMsg">联系客服</view>
|
||||
</view>
|
||||
<view class="row" style="justify-content:space-between;text-align: right;" wx:elif="{{order.inquiry_status==5}}">
|
||||
<view class="tips">如有疑问请在三日内联系客服沟通解决</view>
|
||||
<view class="contact" bindtap="orderMsg">联系客服</view>
|
||||
</view>
|
||||
<!-- <view class="row" style="justify-content: flex-end;" wx:elif="{{order.inquiry_status==6}}">
|
||||
<view class="del" bindtap="delOrder">删除订单</view>
|
||||
</view>
|
||||
<view class="row" style="justify-content: flex-end;" wx:if="{{order.inquiry_status==7 }}">
|
||||
<view class="del" bindtap="delOrder">删除订单</view>
|
||||
</view> -->
|
||||
</view>
|
||||
<view class="sickinfo" data-id="{{order.order_inquiry_id}}" >
|
||||
<view class="nameinfo">
|
||||
<view class="title">就诊人信息</view>
|
||||
<view class="name">{{order.patient_name}}(<text wx:if="{{order.patient_sex==1}}">男</text><text wx:elif="{{order.patient_sex==2}}">女</text><text wx:else>未知</text>,{{order.patient_age}}岁)</view>
|
||||
</view>
|
||||
<!-- <image src="{{img_host+'/righticon.png'}}" class="righticon"></image> -->
|
||||
|
||||
</view>
|
||||
<view class="sickinfo" bindtap="goSickInfo" data-id="{{order.order_inquiry_id}}" wx:if="{{order.inquiry_type!=5}}">
|
||||
<view class="nameinfo">
|
||||
<view class="title">病例信息</view>
|
||||
<view class="name">所患疾病:{{order.case.disease_class_name}}</view>
|
||||
<view class="name">病情主诉:{{order.case.disease_desc}}</view>
|
||||
</view>
|
||||
<image src="{{img_host+'/righticon.png'}}" class="righticon"></image>
|
||||
|
||||
</view>
|
||||
<view class="infobox" wx:if="{{ order.user_doctor && order.user_doctor.user_name}}" bindtap="goExpert">
|
||||
<view class="namebox">
|
||||
<image src="{{order.user_doctor.avatar}}" class="head" wx:if="{{order.user_doctor.avatar}}" mode="aspectFill"></image>
|
||||
<image src="{{img_host+'/doctor_avatar.png'}}" class="head" wx:else></image>
|
||||
<view class="namewraper">
|
||||
<view class="row">
|
||||
<view class="name">{{order.user_doctor.user_name}}</view>
|
||||
<view class="type" wx:if="{{order.user_doctor.hospital_level_name != '未知'&& order.user_doctor.hospital_level_name}}">{{order.user_doctor.hospital_level_name}}</view>
|
||||
<view class="type" wx:if="{{order.user_doctor.multi_point_status==1 && order.user_doctor.multi_point_enable==1}}">可处方</view>
|
||||
</view>
|
||||
<view class="hospital"><text class="doctor_title" wx:if="{{order.user_doctor.doctor_title}}">{{order.user_doctor.doctor_title}}</text> <text>{{order.user_doctor.department_custom_name}}</text></view>
|
||||
<view class="hospital">{{order.user_doctor.hospital_name}}</view>
|
||||
</view>
|
||||
<view class="guanzhu" wx:if="{{!order.user_doctor.follow}}" catchtap="toggleFllow">
|
||||
<image src="{{img_host+'/star.png'}}" ></image>
|
||||
<text decode="true"> 关注</text>
|
||||
</view>
|
||||
<view class="guanzhu" wx:else catchtap="toggleFllow">
|
||||
<image src="{{img_host+'/star_on.png'}}" ></image>
|
||||
<text decode="true"> 关注</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="fenpeibox" wx:if="{{order.inquiry_status==2}}">
|
||||
<image src="{{img_host+'/fenpei.gif'}}" class="fenpei"></image>
|
||||
<view class="tips">等待平台指定医生</view>
|
||||
</view>
|
||||
<view hidden="{{!(order.inquiry_status==7 || order.inquiry_status==6)}}" wx:if="{{order.inquiry_type!=5}}">
|
||||
<view class="consultTitle">
|
||||
<!-- <view class="bar"></view>
|
||||
<view>在线推荐</view> -->
|
||||
</view>
|
||||
<consult-list consultbox="consultwraper">
|
||||
</consult-list>
|
||||
</view>
|
||||
<!-- 待支付 2:待分配 3:待接诊 4:已接诊 5:已完成 6:已结束 7:已取消 -->
|
||||
|
||||
</view>
|
||||
<view class="bottom" wx:if="{{order.inquiry_status==1 && order.inquiry_pay_status==1}}">
|
||||
<view class="cancel" bindtap="confirmCancelPay">取消支付</view>
|
||||
<view class="confirm" bindtap="handleGoPay">立即支付:¥{{order.payment_amount_total}}</view>
|
||||
</view>
|
||||
<view class="wenzhenbtn" wx:if="{{order.inquiry_status==3 || order.inquiry_status==4 || order.inquiry_status==5 || order.inquiry_status==6 }}">
|
||||
<view class="btn" bindtap="goChat">问诊详情</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<dialog bind:confirm="confirm" showDialog="{{show}}" message="{{message}}"></dialog>
|
||||
<van-dialog id="van-dialog" confirm-button-color="#3CC7C0" />
|
||||
@@ -0,0 +1,436 @@
|
||||
/* pages/orderDetail/orderDetail.wxss */
|
||||
.page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.databox {
|
||||
margin-top: 172rpx;
|
||||
flex: 1;
|
||||
overflow-y: scroll;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
/* .databox.active{
|
||||
margin-bottom: 0rpx;
|
||||
|
||||
} */
|
||||
.datacell {
|
||||
background: #fff;
|
||||
padding-bottom: 30rpx;
|
||||
border-bottom: 1rpx solid #E3E4E5;
|
||||
}
|
||||
|
||||
.status {
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.waitpay {
|
||||
text-align: right;
|
||||
color: #EF4F20
|
||||
}
|
||||
|
||||
.titlebox .name {
|
||||
color: #000;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.titlebox {
|
||||
padding: 0 32rpx;
|
||||
height: 112rpx;
|
||||
border-bottom: 1rpx solid #E3E4E5;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.fenpeibox{
|
||||
margin:50rpx auto;
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.fenpeibox .tips{
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.headicon {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
white-space: nowrap;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.van-count-down {
|
||||
margin-top: 5rpx;
|
||||
color: #EF4F20 !important;
|
||||
}
|
||||
|
||||
.row {
|
||||
align-items: center;
|
||||
padding: 0 32rpx;
|
||||
display: flex;
|
||||
line-height: 52rpx
|
||||
}
|
||||
.row .name{
|
||||
display: flex;
|
||||
}
|
||||
.textyou{
|
||||
width:112rpx;
|
||||
display: flex;
|
||||
|
||||
justify-content: space-between;
|
||||
}
|
||||
.datacell .row .name{
|
||||
justify-content: space-between;
|
||||
width:115rpx;
|
||||
}
|
||||
.namewraper .row{
|
||||
margin-top: 0;
|
||||
line-height: 42rpx
|
||||
}
|
||||
.row.first {
|
||||
margin-top: 34rpx;
|
||||
}
|
||||
|
||||
.row .name {
|
||||
white-space: nowrap;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
align-items: baseline;
|
||||
}
|
||||
.row .dot{
|
||||
display:flex;
|
||||
font-weight: 600;
|
||||
align-items: baseline;
|
||||
}
|
||||
.row .desc {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.rowdesc {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.rowdesc .desc {
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical
|
||||
}
|
||||
|
||||
.row .price {
|
||||
color: #EF4F20;
|
||||
font-weight: bold;
|
||||
font-size: 34rpx
|
||||
}
|
||||
|
||||
.row.last {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.row .left {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.row .right {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.righticon {
|
||||
width: 24rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.right .detail {
|
||||
margin-right: 10rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.righticon {
|
||||
width: 24rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
.sickinfo {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: #fff;
|
||||
align-items: center;
|
||||
padding: 32rpx;
|
||||
border-bottom: 1rpx solid #E3E4E5;
|
||||
}
|
||||
|
||||
.sickinfo .title {
|
||||
color: #000000;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.nameinfo {
|
||||
flex: 1;
|
||||
margin-right: 10rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
|
||||
.sickinfo .name {
|
||||
word-break: break-all;
|
||||
font-weight: 400;
|
||||
margin-top: 8rpx;
|
||||
font-size: 28rpx;
|
||||
|
||||
color: #999;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
line-clamp: 2;
|
||||
-webkit-box-orient: vertical
|
||||
}
|
||||
|
||||
.infobox {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 40rpx 32rpx 40rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.namebox .head {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
flex-shrink: 0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.namebox {
|
||||
display: flex;
|
||||
|
||||
}
|
||||
|
||||
.namewraper {
|
||||
flex: 1;
|
||||
max-width:420rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.namebox .row {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
|
||||
}
|
||||
.namewraper .row{
|
||||
padding:0 20rpx;
|
||||
}
|
||||
.namebox {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width:100%;
|
||||
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.namebox .name {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
max-width:300rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
|
||||
.position {
|
||||
font-size: 30rpx;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
}
|
||||
.doctor_title{
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.hospital {
|
||||
font-size: 28rpx;
|
||||
margin-left: 20rpx;
|
||||
color: #333333;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.type {
|
||||
height: 32rpx;
|
||||
display: flex;
|
||||
margin-bottom: 6rpx;
|
||||
line-height: 32rpx;
|
||||
white-space: nowrap;
|
||||
align-items: center;
|
||||
margin-left: 18rpx;
|
||||
padding: 0rpx 6rpx;
|
||||
background: #ED9C00;
|
||||
border-radius: 4rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.namebox .position {
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
margin-left: 15rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.guanzhu {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
height: 60rpx;
|
||||
white-space: nowrap;
|
||||
color: #3CC7C0;
|
||||
font-size: 30rpx;
|
||||
font-weight: 600;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 24rpx;
|
||||
|
||||
}
|
||||
.namebox .guanzhu image {
|
||||
width: 35rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
.bottom {
|
||||
/* position: fixed; */
|
||||
width: 100%;
|
||||
/* bottom: 0rpx; */
|
||||
display: flex;
|
||||
z-index:9;
|
||||
height: 104rpx;
|
||||
}
|
||||
.wenzhenbtn {
|
||||
/* position: fixed; */
|
||||
margin-bottom: 20rpx;
|
||||
width:100%;
|
||||
height: 94rpx;
|
||||
z-index:22;
|
||||
}
|
||||
.wenzhenbtn .btn{
|
||||
margin:0 32rpx;
|
||||
font-size: 36rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #FFFFFF;
|
||||
height: 94rpx;
|
||||
background: #3CC7C0;
|
||||
border-radius: 47rpx;
|
||||
}
|
||||
.bottom .cancel {
|
||||
height:104rpx;
|
||||
flex: 1;
|
||||
font-weight: 600;
|
||||
color: #999999;
|
||||
font-size: 32rpx;
|
||||
background: #FFFFFF;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.bottom .confirm {
|
||||
height: 104rpx;
|
||||
background: #3CC7C0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: 600;
|
||||
flex: 2;
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.del, .contact{
|
||||
width: 158rpx;
|
||||
height: 60rpx;
|
||||
background: #F8F8F8;
|
||||
border-radius: 6rpx;
|
||||
border: 1rpx solid rgba(5, 5, 5, 0.1);
|
||||
color: #353535;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 26rpx;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
.consultTitle {
|
||||
display: flex;
|
||||
margin: 20rpx 0;
|
||||
padding: 0 32rpx;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.consultTitle .bar {
|
||||
width: 6rpx;
|
||||
height: 30rpx;
|
||||
background: #3CC7C0;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
.consultTitle .name {
|
||||
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.row .tips {
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.copy {
|
||||
width: 80rpx;
|
||||
height: 40rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 24rpx;
|
||||
display: flex;
|
||||
margin-left: 20rpx;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #3CC7C0;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
|
||||
.consultwraper {
|
||||
background-color: #fff;
|
||||
margin: 0 32rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.nopatient{
|
||||
margin: 40rpx 0;
|
||||
flex:1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.fenpei{
|
||||
width: 360rpx;
|
||||
height:402rpx;
|
||||
}
|
||||
.fenpeitip{
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
Reference in New Issue
Block a user