Skip to content

W
wechat_lung
Commit 28ba3636 by 韩鹏
Options

-mark- 图文咨询医生端会话列表页面更新

parent 0c85b8e9
Showing with 411 additions and 253 deletions
app/doctor/img_consult/css/rukou.css
body{ body {
background:#F6F6FC; background: #F6F6FC;
font-size:0.32rem; font-size: 0.32rem;
} }
.chat_info{
background:#fff; .chat_info {
padding:0.4rem 0.32rem 0.15rem 0.32rem; background: #fff;
border-bottom:0.01rem solid #f1f1f1 padding: 0.4rem 0.32rem 0.15rem 0.32rem;
} border-bottom: 0.01rem solid #f1f1f1
.chat_info .info_warp{ }
float:left;
} .chat_info .info_warp {
.chat_info .info_warp .info_profile{ float: left;
width:0.96rem; }
height:0.96rem;
border-radius:50%; .chat_info .info_warp .info_profile {
float:left; width: 0.96rem;
} height: 0.96rem;
.chat_info .info_warp .info_detail{ border-radius: 50%;
float:left; float: left;
margin-top:0.08rem; }
margin-left:0.2rem;
} .chat_info .info_warp .info_detail {
.chat_info .info_warp .info_detail .info_name{ float: left;
margin-bottom:0.08rem; margin-top: 0.08rem;
color:#111; margin-left: 0.2rem;
font-weight:600; }
}
.chat_info .info_warp .info_detail .info_title{ .chat_info .info_warp .info_detail .info_name {
color:#999999 margin-bottom: 0.08rem;
} color: #111;
.assistant_info{ font-weight: 600;
margin-left:0.8rem; }
}
.chat_info .info_warp .info_detail .info_title {
color: #999999
}
.assistant_info {
margin-left: 0.8rem;
}
.service_btn_list { .service_btn_list {
width:100%; width: 100%;
float:left; float: left;
margin-top:0.1rem; margin-top: 0.1rem;
} }
.service_btn_list .service_btn{
width:1.92rem; .service_btn_list .service_btn {
height:0.48rem; width: 1.92rem;
line-height:0.48rem; height: 0.48rem;
display:inline-block; line-height: 0.48rem;
text-align:center; display: inline-block;
color:#37D488; text-align: center;
border:0.01rem solid #37D488; color: #37D488;
border-radius:0.04rem; border: 0.01rem solid #37D488;
font-size:0.24rem; border-radius: 0.04rem;
margin:0.15rem; font-size: 0.24rem;
} margin: 0.15rem;
.top_btn{ }
width:100%;
background:#fff; .top_btn {
text-align:center; width: 100%;
padding-top:0.24rem; background: #fff;
padding-bottom:0.24rem; text-align: center;
} padding-top: 0.24rem;
.top_btn span{ padding-bottom: 0.24rem;
color:#1D8AEF; }
font-size:0.28rem;
} .top_btn span {
.top_btn img{ color: #1D8AEF;
width:0.24rem; font-size: 0.28rem;
} }
.open_info_btn{
display:none; .top_btn img {
} width: 0.24rem;
}
.open_info_btn {
display: none;
}
/*chat*/ /*chat*/
.chat_list{ .chat_list {
margin-top:0.8rem; margin-top: 0.8rem;
padding:0 0.32rem; padding: 0 0.32rem;
padding-bottom:1rem; padding-bottom: 1rem;
} }
.chat_list .chat_item{
margin-bottom:0.32rem .chat_list .chat_item {
} margin-bottom: 0.32rem
.chat_list .chat_item .message_time{ }
width:100%;
text-align:center; .chat_list .chat_item .message_time {
color:#999999; width: 100%;
font-size:0.28rem; text-align: center;
} color: #999999;
.chat_list .chat_item .chat_info_warp .chat_profile{ font-size: 0.28rem;
width:0.8rem; }
height:0.8rem;
border-radius:50%; .chat_list .chat_item .chat_info_warp .chat_profile {
float:left; width: 0.8rem;
} height: 0.8rem;
.chat_list .chat_item .chat_info_warp .chat_message_warp{ border-radius: 50%;
float:left; float: left;
margin-left:0.16rem; }
}
.chat_from_name{ .chat_list .chat_item .chat_info_warp .chat_message_warp {
font-size:0.24rem; float: left;
color:#333; margin-left: 0.16rem;
} }
.chat_message{
max-width:4.66rem; .chat_from_name {
padding:0.28rem 0.32rem; font-size: 0.24rem;
margin-top:0.2rem; color: #333;
font-size:0.3rem; }
word-break:break-word;
} .chat_message {
.chat_message_from{ max-width: 4.66rem;
background:#fff; padding: 0.28rem 0.32rem;
border-radius:0.24rem 0.24rem 0.24rem 0; margin-top: 0.2rem;
} font-size: 0.3rem;
.chat_message_send{ word-break: break-word;
background:#2CBCA0; }
color:#fff;
border-radius:0.28rem 0.28rem 0 0.28rem; .chat_message_from {
} background: #fff;
.chat_list .chat_item_right .chat_info_warp .chat_profile{ border-radius: 0.24rem 0.24rem 0.24rem 0;
float:right; }
margin-top:0.2rem;
margin-left:0.2rem; .chat_message_send {
} background: #2CBCA0;
.chat_list .chat_item_right .chat_info_warp .chat_message_warp{ color: #fff;
float:right; border-radius: 0.28rem 0.28rem 0 0.28rem;
} }
.service_message .service_left_box{
width:1.44rem; .chat_list .chat_item_right .chat_info_warp .chat_profile {
height:1.36rem; float: right;
text-align:center; margin-top: 0.2rem;
padding:0.16rem 0; margin-left: 0.2rem;
float:left; }
}
.service_message .service_left_box img{ .chat_list .chat_item_right .chat_info_warp .chat_message_warp {
width:0.4rem; float: right;
height:0.4rem; }
}
.service_message .service_left_box .service_title{ .service_message .service_left_box {
color:#fff; width: 1.44rem;
font-size:0.24rem; height: 1.36rem;
margin-top:0.16rem; text-align: center;
} padding: 0.16rem 0;
.service_message .service_left_box .service_price{ float: left;
margin-top:0.04rem; }
font-size:0.2rem;
color:#fff; .service_message .service_left_box img {
} width: 0.4rem;
.sevice_img_consult{ height: 0.4rem;
background:#37D488; }
}
.service_message .service_right_box{ .service_message .service_left_box .service_title {
width:5.42rem; color: #fff;
height:1.36rem; font-size: 0.24rem;
background:#fff; margin-top: 0.16rem;
padding:0.2rem; }
float:left;
font-size:0.28rem; .service_message .service_left_box .service_price {
color:#333; margin-top: 0.04rem;
} font-size: 0.2rem;
.service_right_box .detail_patient_name{ color: #fff;
margin-bottom:0.2rem }
}
.consult_box{ .sevice_img_consult {
background:#FC624A; background: #37D488;
margin-top:0.2rem; }
}
.footer{ .service_message .service_right_box {
width:100%; width: 5.42rem;
height:1.12rem; height: 1.36rem;
background:#fff; background: #fff;
padding:0.24rem; padding: 0.2rem;
position:fixed; float: left;
bottom:0 font-size: 0.28rem;
} color: #333;
.footer .footer_input{ }
float:left;
} .service_right_box .detail_patient_name {
.footer .footer_input input{ margin-bottom: 0.2rem
width:5.3rem; }
height:0.64rem;
background:#F9F9F9; .consult_box {
border:none; background: #FC624A;
border-radius:0.08rem; margin-top: 0.2rem;
padding-left:0.2rem; }
font-size:0.3rem;
} .footer {
.footer .send{ width: 100%;
width:1.28rem; height: 1.12rem;
height:0.64rem; background: #fff;
line-height:0.64rem; padding: 0.24rem;
text-align:center; position: fixed;
background:#37D488; bottom: 0
color:#fff; }
font-size:0.32rem;
float:left; .footer .footer_input {
border-radius:0.08rem; float: left;
margin-left:0.3rem; }
}
.system_msg{ .footer .footer_input input {
text-align:center; width: 5.3rem;
margin-bottom:0.2rem; height: 0.64rem;
font-size:0.24rem; background: #F9F9F9;
} border: none;
.card{ border-radius: 0.08rem;
border-radius:0.08rem; padding-left: 0.2rem;
background:#fff; font-size: 0.3rem;
font-size:0.28rem; }
padding:0 0.32rem;
width:6.86rem; .footer .send {
margin:0.32rem; width: 1.28rem;
} height: 0.64rem;
.card .header{ line-height: 0.64rem;
font-size:0.32rem; text-align: center;
font-weight:600; background: #37D488;
height:0.78rem; color: #fff;
line-height:0.78rem; font-size: 0.32rem;
border-bottom:0.01rem solid #f1f1f1; float: left;
text-align:center; border-radius: 0.08rem;
} margin-left: 0.3rem;
.card .content .content_item{ }
padding:0.1rem 0;
} .system_msg {
.card .content .content_item .content_item_left{ text-align: center;
float:left; margin-bottom: 0.2rem;
} font-size: 0.24rem;
.card .content .content_item .txt_gray{ }
color:#777777;
} .card {
.card .content .content_item .txt_blue{ border-radius: 0.08rem;
color:#1D8AEF; background: #fff;
} font-size: 0.28rem;
.card .content .content_item .txt_black{ padding: 0 0.32rem;
color:#777777; width: 6.86rem;
font-weight:600 margin: 0.32rem;
} }
.card .content .content_item .txt_orange{
color:#F45E19 .card .header {
} font-size: 0.32rem;
.card .content .content_item .content_item_right{ font-weight: 600;
float:right height: 0.78rem;
} line-height: 0.78rem;
.card .content .content_item .content_item_descArea{ border-bottom: 0.01rem solid #f1f1f1;
width:100%; text-align: center;
float:left; }
border:none;
padding:0.2rem 0; .card .content .content_item {
font-size:0.28rem; padding: 0.1rem 0;
} }
.card .content .content_item_imgList{
width:100%; .card .content .content_item .content_item_left {
} float: left;
.card .content .content_item_imgList img{ }
width:0.96rem;
height:0.96rem; .card .content .content_item .txt_gray {
margin-right:0.08rem color: #777777;
}
.card .content .content_item .txt_blue {
color: #1D8AEF;
}
.card .content .content_item .txt_black {
color: #777777;
font-weight: 600
}
.card .content .content_item .txt_orange {
color: #F45E19
}
.card .content .content_item .content_item_right {
float: right
}
.card .content .content_item .content_item_descArea {
width: 100%;
float: left;
border: none;
padding: 0.2rem 0;
font-size: 0.28rem;
}
.card .content .content_item_imgList {
width: 100%;
}
.card .content .content_item_imgList img {
width: 0.96rem;
height: 0.96rem;
margin-right: 0.08rem
}
.footer_btn {
width: 100%;
/* display: none; */
position: fixed;
bottom: 0;
font-size: 0.32rem;
}
.footer_btn span {
width: 50%;
display: inline-block;
height: 0.96rem;
line-height: 0.96rem;
text-align: center;
font-size: 0.32rem;
float: left;
color: #fff;
}
.footer_btn .refer_btn{
background:#FFFFFF;
color:#51C6D0
}
.accept_btn{
background:#51C6D0;
} }
app/doctor/img_consult/javaScript/rukou.js
...@@ -38,6 +38,17 @@ define(['zepto', 'medtap'], function($, medtap) { ...@@ -38,6 +38,17 @@ define(['zepto', 'medtap'], function($, medtap) {
} else { } else {
main.sendMsg(); main.sendMsg();
} }
});
//接受订单
$('.accept_btn').unbind().bind('click',function(){
main.acceptOrder();
})
//取消订单
$('.refer_btn').unbind().bind('click',function(){
main.rejectOrder();
}) })
}, },
getOrderDetail: function() { getOrderDetail: function() {
...@@ -53,6 +64,36 @@ define(['zepto', 'medtap'], function($, medtap) { ...@@ -53,6 +64,36 @@ define(['zepto', 'medtap'], function($, medtap) {
var detail = res.content.order; var detail = res.content.order;
$('.user_age').html(detail.imageConsultOrder.age + '岁' + ' ' + detail.imageConsultOrder.diseaseDiagnosisDesc) $('.user_age').html(detail.imageConsultOrder.age + '岁' + ' ' + detail.imageConsultOrder.diseaseDiagnosisDesc)
main.talkRelation(detail.clientId); main.talkRelation(detail.clientId);
var imgConsultDetail = detail.imageConsultOrder;//图文咨询详情
$('.patient_name').html(imgConsultDetail.patientName + ' ('+(imgConsultDetail.sex == 'M' ? '男 ' :'女 ') + imgConsultDetail.age + '岁' + ' ' + imgConsultDetail.areaItem.fullName+')')
$('.patient_disease').html(imgConsultDetail.diseaseDiagnosisDesc);
$('.patient_disease_type').html();
$('.disease_area').val(imgConsultDetail.describe);
var str = '';
if(imgConsultDetail.hasOwnProperty('describePic')){
for(var i = 0;i <imgConsultDetail.describePic.length;i++){
str += '<img src="' + imgConsultDetail.describePic[i] + '" >'
}
}else{
str = '';
}
$('.content_item_imgList').html(str);
$('.help_area').val(imgConsultDetail.expectationHelp || '');
//订单状态判断
if(detail.status == 0){
}else if(detail.status.key == 1){
if(imgConsultDetail.serviceStatus.key == 2){
$('.footer_btn').show();
$('.footer').hide();
}else{
$('.footer_btn').hide();
$('.footer').show();
main.getTalkRecord();
}
}
} }
} }
}) })
...@@ -84,7 +125,6 @@ define(['zepto', 'medtap'], function($, medtap) { ...@@ -84,7 +125,6 @@ define(['zepto', 'medtap'], function($, medtap) {
$('.user_name').html(res.content.talkRealtion.username); $('.user_name').html(res.content.talkRealtion.username);
document.title = res.content.talkRealtion.username; document.title = res.content.talkRealtion.username;
main.relationId = res.content.talkRealtion.id; main.relationId = res.content.talkRealtion.id;
main.getTalkRecord();
} }
} }
}) })
...@@ -184,6 +224,51 @@ define(['zepto', 'medtap'], function($, medtap) { ...@@ -184,6 +224,51 @@ define(['zepto', 'medtap'], function($, medtap) {
} }
}) })
}, },
//接受订单
acceptOrder:function(){
medtap.jzz(1);
$.ajax({
url:'https:testdevgw.medftap.cn/trade/imageConsultOrder/affirmOrder/ACCEPT',
type:'post',
async: false,
headers: medtap.getHeaders(),
contentType: 'application/json',
data:JSON.stringify({
orderSn:main.orderSn
}),
success:function(res){
medtap.jzz(0);
if(res.success == true){
medtap.winPop('已接受订单');
setTimeout(function(){
window.location.reload();
}, 2000);
}
}
})
},
rejectOrder:function(){
medtap.jzz(1);
$.ajax({
url:'https:testdevgw.medftap.cn/trade/imageConsultOrder/affirmOrder/REJECT',
type:'post',
async: false,
headers: medtap.getHeaders(),
contentType: 'application/json',
data:JSON.stringify({
orderSn:main.orderSn
}),
success:function(res){
medtap.jzz(0);
if(res.success == true){
medtap.winPop('已取消订单');
setTimeout(function(){
window.location.reload();
}, 2000);
}
}
})
}
} }
main.init(); main.init();
}) })
app/doctor/img_consult/rukou.html
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<div class="content_top"> <div class="content_top">
<div class="chat_info clearfix"> <div class="chat_info clearfix">
<div class="info_warp doctor_info clearfix"> <div class="info_warp doctor_info clearfix">
<img src="images/post_title_bg@2x.png" class="info_profile user_profile"> <img src="" class="info_profile user_profile">
<div class="info_detail"> <div class="info_detail">
<p class="info_name user_name"></p> <p class="info_name user_name"></p>
<p class="info_title user_age"></p> <p class="info_title user_age"></p>
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
<div class="header patient_header">图文咨询</div> <div class="header patient_header">图文咨询</div>
<div class="content service_info"> <div class="content service_info">
<p class="content_item clearfix"> <p class="content_item clearfix">
<span class="content_item_left txt_black">患者</span> <span class="content_item_left txt_black">患者信息</span>
<span class="content_item_right patient_name"></span> <span class="content_item_right patient_name"></span>
</p> </p>
<p class="content_item clearfix"> <p class="content_item clearfix">
...@@ -69,8 +69,6 @@ ...@@ -69,8 +69,6 @@
<span class="content_item_left txt_black">病情描述</span> <span class="content_item_left txt_black">病情描述</span>
<textarea rows="3" cols="" class="content_item_descArea disease_area" readonly="true"></textarea> <textarea rows="3" cols="" class="content_item_descArea disease_area" readonly="true"></textarea>
<div class="content_item_imgList"> <div class="content_item_imgList">
<img src="https://cdn.iplusmed.com/DOCTOR/52223/ea6ef875-2250-4739-b975-5f4d22b54454" >
<img src="https://cdn.iplusmed.com/DOCTOR/52223/ea6ef875-2250-4739-b975-5f4d22b54454" >
</div> </div>
</p> </p>
<p class="content_item clearfix"> <p class="content_item clearfix">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment