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{
background:#F6F6FC;
font-size:0.32rem;
}
.chat_info{
background:#fff;
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 .info_profile{
width:0.96rem;
height:0.96rem;
border-radius:50%;
float:left;
}
.chat_info .info_warp .info_detail{
float:left;
margin-top:0.08rem;
margin-left:0.2rem;
}
.chat_info .info_warp .info_detail .info_name{
margin-bottom:0.08rem;
color:#111;
font-weight:600;
}
.chat_info .info_warp .info_detail .info_title{
color:#999999
}
.assistant_info{
margin-left:0.8rem;
}
body {
background: #F6F6FC;
font-size: 0.32rem;
}
.chat_info {
background: #fff;
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 .info_profile {
width: 0.96rem;
height: 0.96rem;
border-radius: 50%;
float: left;
}
.chat_info .info_warp .info_detail {
float: left;
margin-top: 0.08rem;
margin-left: 0.2rem;
}
.chat_info .info_warp .info_detail .info_name {
margin-bottom: 0.08rem;
color: #111;
font-weight: 600;
}
.chat_info .info_warp .info_detail .info_title {
color: #999999
}
.assistant_info {
margin-left: 0.8rem;
}
.service_btn_list {
width:100%;
float:left;
margin-top:0.1rem;
}
.service_btn_list .service_btn{
width:1.92rem;
height:0.48rem;
line-height:0.48rem;
display:inline-block;
text-align:center;
color:#37D488;
border:0.01rem solid #37D488;
border-radius:0.04rem;
font-size:0.24rem;
margin:0.15rem;
}
.top_btn{
width:100%;
background:#fff;
text-align:center;
padding-top:0.24rem;
padding-bottom:0.24rem;
}
.top_btn span{
color:#1D8AEF;
font-size:0.28rem;
}
.top_btn img{
width:0.24rem;
}
.open_info_btn{
display:none;
}
width: 100%;
float: left;
margin-top: 0.1rem;
}
.service_btn_list .service_btn {
width: 1.92rem;
height: 0.48rem;
line-height: 0.48rem;
display: inline-block;
text-align: center;
color: #37D488;
border: 0.01rem solid #37D488;
border-radius: 0.04rem;
font-size: 0.24rem;
margin: 0.15rem;
}
.top_btn {
width: 100%;
background: #fff;
text-align: center;
padding-top: 0.24rem;
padding-bottom: 0.24rem;
}
.top_btn span {
color: #1D8AEF;
font-size: 0.28rem;
}
.top_btn img {
width: 0.24rem;
}
.open_info_btn {
display: none;
}
/*chat*/
.chat_list{
margin-top:0.8rem;
padding:0 0.32rem;
padding-bottom:1rem;
}
.chat_list .chat_item{
margin-bottom:0.32rem
}
.chat_list .chat_item .message_time{
width:100%;
text-align:center;
color:#999999;
font-size:0.28rem;
}
.chat_list .chat_item .chat_info_warp .chat_profile{
width:0.8rem;
height:0.8rem;
border-radius:50%;
float:left;
}
.chat_list .chat_item .chat_info_warp .chat_message_warp{
float:left;
margin-left:0.16rem;
}
.chat_from_name{
font-size:0.24rem;
color:#333;
}
.chat_message{
max-width:4.66rem;
padding:0.28rem 0.32rem;
margin-top:0.2rem;
font-size:0.3rem;
word-break:break-word;
}
.chat_message_from{
background:#fff;
border-radius:0.24rem 0.24rem 0.24rem 0;
}
.chat_message_send{
background:#2CBCA0;
color:#fff;
border-radius:0.28rem 0.28rem 0 0.28rem;
}
.chat_list .chat_item_right .chat_info_warp .chat_profile{
float:right;
margin-top:0.2rem;
margin-left:0.2rem;
}
.chat_list .chat_item_right .chat_info_warp .chat_message_warp{
float:right;
}
.service_message .service_left_box{
width:1.44rem;
height:1.36rem;
text-align:center;
padding:0.16rem 0;
float:left;
}
.service_message .service_left_box img{
width:0.4rem;
height:0.4rem;
}
.service_message .service_left_box .service_title{
color:#fff;
font-size:0.24rem;
margin-top:0.16rem;
}
.service_message .service_left_box .service_price{
margin-top:0.04rem;
font-size:0.2rem;
color:#fff;
}
.sevice_img_consult{
background:#37D488;
}
.service_message .service_right_box{
width:5.42rem;
height:1.36rem;
background:#fff;
padding:0.2rem;
float:left;
font-size:0.28rem;
color:#333;
}
.service_right_box .detail_patient_name{
margin-bottom:0.2rem
}
.consult_box{
background:#FC624A;
margin-top:0.2rem;
}
.footer{
width:100%;
height:1.12rem;
background:#fff;
padding:0.24rem;
position:fixed;
bottom:0
}
.footer .footer_input{
float:left;
}
.footer .footer_input input{
width:5.3rem;
height:0.64rem;
background:#F9F9F9;
border:none;
border-radius:0.08rem;
padding-left:0.2rem;
font-size:0.3rem;
}
.footer .send{
width:1.28rem;
height:0.64rem;
line-height:0.64rem;
text-align:center;
background:#37D488;
color:#fff;
font-size:0.32rem;
float:left;
border-radius:0.08rem;
margin-left:0.3rem;
}
.system_msg{
text-align:center;
margin-bottom:0.2rem;
font-size:0.24rem;
}
.card{
border-radius:0.08rem;
background:#fff;
font-size:0.28rem;
padding:0 0.32rem;
width:6.86rem;
margin:0.32rem;
}
.card .header{
font-size:0.32rem;
font-weight:600;
height:0.78rem;
line-height:0.78rem;
border-bottom:0.01rem solid #f1f1f1;
text-align:center;
}
.card .content .content_item{
padding:0.1rem 0;
}
.card .content .content_item .content_item_left{
float:left;
}
.card .content .content_item .txt_gray{
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
.chat_list {
margin-top: 0.8rem;
padding: 0 0.32rem;
padding-bottom: 1rem;
}
.chat_list .chat_item {
margin-bottom: 0.32rem
}
.chat_list .chat_item .message_time {
width: 100%;
text-align: center;
color: #999999;
font-size: 0.28rem;
}
.chat_list .chat_item .chat_info_warp .chat_profile {
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
float: left;
}
.chat_list .chat_item .chat_info_warp .chat_message_warp {
float: left;
margin-left: 0.16rem;
}
.chat_from_name {
font-size: 0.24rem;
color: #333;
}
.chat_message {
max-width: 4.66rem;
padding: 0.28rem 0.32rem;
margin-top: 0.2rem;
font-size: 0.3rem;
word-break: break-word;
}
.chat_message_from {
background: #fff;
border-radius: 0.24rem 0.24rem 0.24rem 0;
}
.chat_message_send {
background: #2CBCA0;
color: #fff;
border-radius: 0.28rem 0.28rem 0 0.28rem;
}
.chat_list .chat_item_right .chat_info_warp .chat_profile {
float: right;
margin-top: 0.2rem;
margin-left: 0.2rem;
}
.chat_list .chat_item_right .chat_info_warp .chat_message_warp {
float: right;
}
.service_message .service_left_box {
width: 1.44rem;
height: 1.36rem;
text-align: center;
padding: 0.16rem 0;
float: left;
}
.service_message .service_left_box img {
width: 0.4rem;
height: 0.4rem;
}
.service_message .service_left_box .service_title {
color: #fff;
font-size: 0.24rem;
margin-top: 0.16rem;
}
.service_message .service_left_box .service_price {
margin-top: 0.04rem;
font-size: 0.2rem;
color: #fff;
}
.sevice_img_consult {
background: #37D488;
}
.service_message .service_right_box {
width: 5.42rem;
height: 1.36rem;
background: #fff;
padding: 0.2rem;
float: left;
font-size: 0.28rem;
color: #333;
}
.service_right_box .detail_patient_name {
margin-bottom: 0.2rem
}
.consult_box {
background: #FC624A;
margin-top: 0.2rem;
}
.footer {
width: 100%;
height: 1.12rem;
background: #fff;
padding: 0.24rem;
position: fixed;
bottom: 0
}
.footer .footer_input {
float: left;
}
.footer .footer_input input {
width: 5.3rem;
height: 0.64rem;
background: #F9F9F9;
border: none;
border-radius: 0.08rem;
padding-left: 0.2rem;
font-size: 0.3rem;
}
.footer .send {
width: 1.28rem;
height: 0.64rem;
line-height: 0.64rem;
text-align: center;
background: #37D488;
color: #fff;
font-size: 0.32rem;
float: left;
border-radius: 0.08rem;
margin-left: 0.3rem;
}
.system_msg {
text-align: center;
margin-bottom: 0.2rem;
font-size: 0.24rem;
}
.card {
border-radius: 0.08rem;
background: #fff;
font-size: 0.28rem;
padding: 0 0.32rem;
width: 6.86rem;
margin: 0.32rem;
}
.card .header {
font-size: 0.32rem;
font-weight: 600;
height: 0.78rem;
line-height: 0.78rem;
border-bottom: 0.01rem solid #f1f1f1;
text-align: center;
}
.card .content .content_item {
padding: 0.1rem 0;
}
.card .content .content_item .content_item_left {
float: left;
}
.card .content .content_item .txt_gray {
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) {
} else {
main.sendMsg();
}
});
//接受订单
$('.accept_btn').unbind().bind('click',function(){
main.acceptOrder();
})
//取消订单
$('.refer_btn').unbind().bind('click',function(){
main.rejectOrder();
})
},
getOrderDetail: function() {
......@@ -53,6 +64,36 @@ define(['zepto', 'medtap'], function($, medtap) {
var detail = res.content.order;
$('.user_age').html(detail.imageConsultOrder.age + '岁' + ' ' + detail.imageConsultOrder.diseaseDiagnosisDesc)
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) {
$('.user_name').html(res.content.talkRealtion.username);
document.title = res.content.talkRealtion.username;
main.relationId = res.content.talkRealtion.id;
main.getTalkRecord();
}
}
})
......@@ -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();
})
app/doctor/img_consult/rukou.html
......@@ -34,7 +34,7 @@
<div class="content_top">
<div class="chat_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">
<p class="info_name user_name"></p>
<p class="info_title user_age"></p>
......@@ -54,7 +54,7 @@
<div class="header patient_header">图文咨询</div>
<div class="content service_info">
<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>
</p>
<p class="content_item clearfix">
......@@ -69,8 +69,6 @@
<span class="content_item_left txt_black">病情描述</span>
<textarea rows="3" cols="" class="content_item_descArea disease_area" readonly="true"></textarea>
<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>
</p>
<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