Skip to content

W
wechat_lung
Commit 0c85b8e9 by hanpeng
Options

-mark- 聊天

parent a85462bf
Showing with 1308 additions and 89 deletions
app/doctor/freeChat/css/rukou.css 0 → 100644
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;
width:44%;
}
.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.22rem;
}
.chat_info .info_warp .info_detail .info_name{
margin-top:0.2rem;
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;
}
.service_btn_list .service_none{
background:#F9F9F9;
border:none;
color:#999
}
.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;
}
.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;
}
\ No newline at end of file
app/doctor/freeChat/rukou.html
......@@ -7,9 +7,10 @@
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<link rel="stylesheet" type="text/css" href="https://review-formal.iplusmed.com/Common/css/reset.css" />
<link rel="stylesheet" type="text/css" href="https://review-formal.iplusmed.com/Common/css/wechat_Reset.min.css" />
<link rel="stylesheet" type="text/css" href="css/rukou.css"/>
<script src="https://review-formal.iplusmed.com/Common/javaScript/calRem.js" type="text/javascript" charset="utf-8"></script>
<title>加载中...</title>
<title></title>
<script src="https://review-formal.iplusmed.com/Common/javaScript/require.min.js"></script>
<script type="text/javascript">
require.config({
......@@ -28,19 +29,102 @@
</script>
</head>
<body>
<div id="content" style="font-size:0.32rem">
<img src="https://cdn.iplusmed.com/picture/doctor/default/head/portrait_woman.png" style="width:3rem;height:3rem;" data-index="1">
<br>
<img src="https://cdn.iplusmed.com/picture/doctor/default/head/portrait_man.png" style="width:3rem;height:3rem;" data-index="2">
<br>
<img src="https://cdn.iplusmed.com/picture/doctor/default/head/portrait_man.png" style="width:3rem;height:3rem;" data-index="2">
<div id="content">
<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">
<div class="info_detail">
<p class="info_name user_name"></p>
<!-- <p class="info_title doctor_title">副主任医师</p> -->
</div>
</div>
<div class="info_warp assistant_info clearfix">
<img src="../images/post_title_bg@2x.png" class="info_profile assistant_profile">
<div class="info_detail">
<p class="info_name assistant_name">易加医小助手</p>
<!-- <p class="info_title assistant_title">易加医小助手</p> -->
</div>
</div>
<div class="service_btn_list">
<span class="service_btn pmd">私人医生</span>
<span class="service_btn img_consult">图文咨询</span>
<span class="service_btn consult">电话咨询</span>
</div>
</div>
<div class="top_btn close_info_btn">
<span>收起团队信息</span>
<img src="images/up_arrow.png" >
</div>
<div class="top_btn open_info_btn">
<span>展开团队信息</span>
<img src="images/down_arrow.png" >
</div>
<div class="chat_list">
<!-- <div class="chat_item chat_item_left">
<p class="message_time">05-01 08:21</p>
<div class="chat_info_warp clearfix">
<img src="images/post_title_bg@2x.png" class="chat_profile from_profile">
<div class="chat_message_warp">
<p class="chat_from_name">孔祥鸣医生</p>
<div class="chat_message chat_message_from">
上次检测是什么时候做的?有没有一年啊？
</div>
</div>
</div>
</div> -->
<!-- <div class="chat_item chat_item_right">
<p class="message_time">05-01 08:21</p>
<div class="chat_info_warp clearfix">
<img src="images/post_title_bg@2x.png" class="chat_profile send_profile">
<div class="chat_message_warp">
<div class="chat_message chat_message_send">
大概一年前了
</div>
</div>
</div>
</div> -->
<!-- <div class="service_message img_consult clearfix">
<div class="service_left_box sevice_img_consult">
<img src="images/consult_order_twzx_png@2x.png" >
<p class="service_title">图文咨询</p>
<p class="service_price">9元</p>
</div>
<div class="service_right_box service_message_detail">
<p class="detail_patient_name">患者：张天问</p>
<p class="detail_question">问题：肺癌要接受什么治疗？吃什么…</p>
</div>
</div> -->
<!-- <div class="service_message consult_box clearfix">
<div class="service_left_box sevice_consult">
<img src="images/consult_order_twzx_png@2x.png" >
<p class="service_title">私人医生</p>
<p class="service_price">9元</p>
</div>
<div class="service_right_box service_message_detail">
<p class="detail_patient_name">患者：张天问</p>
<p class="detail_question">到期时间：2019-09-10</p>
</div>
</div> -->
</div>
</div>
<div class="footer clearfix">
<div class="footer_input">
<input type="text" name="" id="sendMsg" value="" placeholder="输入新消息"/>
</div>
<div class="send">
发送
</div>
</div>
</body>
<script type="text/javascript">
var appUserData = {};
/* var appUserData = {
'apptype':'DOCTOR',
'token':'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1aWQiOjUwNzY2LCJhcHBUeXBlIjoiRE9DVE9SIiwiZXhwIjoxNTczMjY1NTMyfQ.SFwtju4bbb4a9gwCCrJi7vtLXVW_TIbxobqavn1MkDI',
'user-os':'android'
}; */
//initGlobalData(appUserData)
function initGlobalData(data) {
appUserData.agentNum = data['agent-num'];
//appUserData.agentNum = data['agent-num'];
appUserData.appType = data.apptype;
appUserData.token = data.token;
appUserData.userOs = data['user-os'];
......@@ -52,6 +136,7 @@
localStorage.medtapGlobalData = JSON.stringify(appUserData);
}
}
require(['javaScript/rukou.js'])
</script>
</html>
app/doctor/img_consult/css/rukou.css 0 → 100644
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;
}
/*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
}
\ No newline at end of file
app/doctor/img_consult/javaScript/rukou.js
define(['zepto','medtap'],function($,medtap){
define(['zepto', 'medtap'], function($, medtap) {
var main = {
orderSn:medtap.getRequest('orderSn'),
init:function(){
$('#content').html(main.orderSn)
orderSn: medtap.getRequest('orderSn'),
userId: medtap.getRequest('userId'),
relationId: '',
doctorId: '',
doctorName: '',
doctorProfile: '',
helperName: '',
helperProfile: '',
userName: '',
userProfile: '',
hasMore: false,
limit: 50,
offset: 1,
minId: 0,
maxId: 0,
init: function() {
main.getOrderDetail();
main.bindEve();
},
bindEve: function() {
$('.close_info_btn').unbind().bind('click', function() {
$('.chat_info').hide();
$(this).hide();
$('.open_info_btn').show();
});
$('.open_info_btn').unbind().bind('click', function() {
$('.chat_info').show();
$(this).hide();
$('.close_info_btn').show();
});
$('.send').unbind().bind('click', function() {
if (!$('#sendMsg').val()) {
medtap.winPop('消息不能为空')
} else {
main.sendMsg();
}
})
},
getOrderDetail: function() {
$.ajax({
url: 'https://testdevgw.medtap.cn/trade/order/getOrderByOrderSn',
type: 'get',
headers: medtap.getHeaders(),
data: {
orderSn: main.orderSn
},
success: function(res) {
if (res.success == true) {
var detail = res.content.order;
$('.user_age').html(detail.imageConsultOrder.age + '岁' + ' ' + detail.imageConsultOrder.diseaseDiagnosisDesc)
main.talkRelation(detail.clientId);
}
}
})
},
//初始化聊天
talkRelation: function(userId) {
medtap.jzz(1);
$.ajax({
url: 'https://testdevgw.medtap.cn/operation/talk/talkRelation',
type: 'post',
async: false,
contentType: 'application/json',
headers: medtap.getHeaders(),
data: JSON.stringify({
userId: userId
}),
success: function(res) {
medtap.jzz(0);
if (res.success == true) {
main.relationId = res.content.talkRealtion.id;
main.doctorId = res.content.talkRealtion.doctorId;
main.doctorName = res.content.talkRealtion.doctorName;
main.doctorProfile = res.content.talkRealtion.doctorProfile;
main.userName = res.content.talkRealtion.username;
main.userProfile = res.content.talkRealtion.userProfile;
main.helperName = res.content.talkRealtion.helperName;
main.helperProfile = res.content.talkRealtion.helperProfile;
$('.user_profile').attr('src', res.content.talkRealtion.userProfile);
$('.user_name').html(res.content.talkRealtion.username);
document.title = res.content.talkRealtion.username;
main.relationId = res.content.talkRealtion.id;
main.getTalkRecord();
}
}
})
},
//获取消息列表
getTalkRecord: function() {
medtap.jzz(1);
$.ajax({
url: 'https://testdevgw.medtap.cn/operation/talk/talkRecord',
type: 'get',
async: false,
headers: medtap.getHeaders(),
data: {
offset: main.offset,
limit: 50,
relationId: main.relationId,
orderSn: main.orderSn,
},
success: function(res) {
medtap.jzz(0);
var record = res.content.list;
var html = '';
if (record.length == 0) {
main.hasMore = false;
medtap.winPop('没有更多了')
} else {
main.hasMore = true;
main.minId = record[0].id;
main.maxId = record[record.length - 1].id;
//console.log(chat.minId + ':' + chat.maxId)
for (var i = 0; i < record.length; i++) {
var type = record[i].contentType;
if (type == 0) {
if (record[i].senderId == main.doctorId) {
html += '<div class="chat_item chat_item_right">' +
'<p class="message_time">' + record[i].createTime.substring(5, 16) + '</p>' +
'<div class="chat_info_warp clearfix">' +
'<img src="' + main.doctorProfile + '" class="chat_profile send_profile">' +
'<div class="chat_message_warp">' +
'<div class="chat_message chat_message_send">' +
record[i].content +
'</div>' +
'</div>' +
'</div>' +
'</div>';
} else if (record[i].senderId == main.userId) {
html += '<div class="chat_item chat_item_left">' +
'<p class="message_time">' + record[i].createTime.substring(5, 16) + '</p>' +
'<div class="chat_info_warp clearfix">' +
'<img src="' + main.userProfile + '" class="chat_profile from_profile">' +
'<div class="chat_message_warp">' +
/* '<p class="chat_from_name">' + chat.doctorName + '医生</p>' + */
'<div class="chat_message chat_message_from">' +
record[i].content +
'</div>' +
'</div>' +
'</div>' +
'</div>';
} else if (record[i].contentType == 3) {
}
}
}
}
if (main.offset == 1) {
$('.chat_list').html(html);
window.scrollTo(0, document.documentElement.clientHeight);
} else {
$('.chat_list').prepend(html);
window.scrollTo(0, document.documentElement.clientHeight);
}
}
})
},
sendMsg: function() {
medtap.jzz(1);
$.ajax({
url: 'https://testdevgw.medtap.cn/operation/talk/talk',
type: 'post',
async: false,
headers: medtap.getHeaders(),
contentType: 'application/json',
data: JSON.stringify({
contentType: 0,
content: $('#sendMsg').val(),
orderSn: main.orderSn,
relationId: main.relationId
}),
success: function(res) {
medtap.jzz(0);
if (res.success == true) {
//window.location.reload();
main.getTalkRecord();
window.scrollTo(0, document.documentElement.clientHeight);
$('#sendMsg').val('')
}
}
})
},
}
main.init();
})
app/doctor/img_consult/rukou.html
<!DOCTYPE html>
<html>
<head>
......@@ -7,9 +8,10 @@
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<link rel="stylesheet" type="text/css" href="https://review-formal.iplusmed.com/Common/css/reset.css" />
<link rel="stylesheet" type="text/css" href="https://review-formal.iplusmed.com/Common/css/wechat_Reset.min.css" />
<link rel="stylesheet" type="text/css" href="css/rukou.css"/>
<script src="https://review-formal.iplusmed.com/Common/javaScript/calRem.js" type="text/javascript" charset="utf-8"></script>
<title>加载中...</title>
<title>图文咨询</title>
<script src="https://review-formal.iplusmed.com/Common/javaScript/require.min.js"></script>
<script type="text/javascript">
require.config({
......@@ -28,9 +30,71 @@
</script>
</head>
<body>
<div id="content" style="font-size:0.32rem">
<div id="content">
<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">
<div class="info_detail">
<p class="info_name user_name"></p>
<p class="info_title user_age"></p>
</div>
</div>
</div>
<div class="top_btn close_info_btn">
<span>收起患者信息</span>
<img src="images/up_arrow.png" >
</div>
<div class="top_btn open_info_btn">
<span>展开患者信息</span>
<img src="images/down_arrow.png" >
</div>
</div>
<div class="card patient_content">
<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_right patient_name"></span>
</p>
<p class="content_item clearfix">
<span class="content_item_left txt_black">疾病诊断</span>
<span class="content_item_right patient_disease"></span>
</p>
<p class="content_item clearfix">
<span class="content_item_left txt_black">病理类型</span>
<span class="content_item_right patient_disease_type"></span>
</p>
<p class="content_item clearfix">
<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">
<span class="content_item_left txt_black">希望得到的帮助</span>
<textarea rows="1" cols="" class="content_item_descArea help_area" readonly="true"></textarea>
</p>
</div>
</div>
<div class="chat_list">
</div>
</div>
<div class="footer clearfix">
<div class="footer_input">
<input type="text" name="" id="sendMsg" value="" placeholder="输入新消息"/>
</div>
<div class="send">
发送
</div>
</div>
<div class="footer_btn">
<span class="refer_btn">拒绝</span>
<span class="accept_btn">接受</span>
</div>
</body>
<script type="text/javascript">
var appUserData = {};
......
wechat_lung_chat/css/freeChat.css
......@@ -100,6 +100,7 @@ body{
padding:0.28rem 0.32rem;
margin-top:0.2rem;
font-size:0.3rem;
word-break:break-word;
}
.chat_message_from{
background:#fff;
......@@ -190,3 +191,8 @@ body{
border-radius:0.08rem;
margin-left:0.3rem;
}
.system_msg{
text-align:center;
margin-bottom:0.2rem;
font-size:0.24rem;
}
\ No newline at end of file
wechat_lung_chat/javaScript/freeChat.js
......@@ -17,7 +17,7 @@ define(['zepto', 'medtap'], function($, medtap) {
init: function() {
chat.bindEve();
chat.talkRelation();
$(window).scroll(function() {
/* $(window).scroll(function() {
var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度
var scrollHeight = $(document).height(); //当前页面的总高度
var clientHeight = $(this).height(); //当前可视的页面高度
......@@ -30,7 +30,7 @@ define(['zepto', 'medtap'], function($, medtap) {
chat.offset = 1;
chat.refreshRecord(1);
}
});
}); */
},
bindEve: function() {
$('.close_info_btn').unbind().bind('click', function() {
......@@ -76,6 +76,13 @@ define(['zepto', 'medtap'], function($, medtap) {
chat.doctorProfile = res.content.talkRealtion.doctorProfile;
chat.userName = res.content.talkRealtion.username;
chat.userProfile = res.content.talkRealtion.userProfile;
chat.helperName = res.content.talkRealtion.helperName;
chat.helperProfile = res.content.talkRealtion.helperProfile;
$('.doctor_profile').attr('src',chat.doctorProfile);
$('.doctor_name').html(chat.doctorName);
$('.doctor_title').html(res.content.talkRealtion.technologyProfessional.value);
$('.assistant_name').html(chat.helperName);
//$('.assistant_title').html('')
chat.getTalkRecord();
}
}
......@@ -97,7 +104,10 @@ define(['zepto', 'medtap'], function($, medtap) {
success: function(res) {
medtap.loading(0);
if (res.success == true) {
window.location.reload();
//window.location.reload();
chat.getTalkRecord();
$('#sendMsg').val('');
window.scrollTo(0, document.documentElement.clientHeight);
}
}
})
......@@ -158,14 +168,32 @@ define(['zepto', 'medtap'], function($, medtap) {
'</div>' +
'</div>';
}
}else if(type == 10){
var content = JSON.parse(record[i].content);
html += '<div class="service_message img_consult clearfix" style="margin-bottom:0.2rem;">'+
'<div class="service_left_box sevice_img_consult">'+
'<img src="../images/consult_order_twzx_png@2x.png" >'+
'<p class="service_title">图文咨询</p>'+
'<p class="service_price">'+content.payFee+'</p>'+
'</div>'+
'<div class="service_right_box service_message_detail">'+
'<p class="detail_patient_name">'+content.texts[0]+'</p>'+
'</div>'+
'</div>';
}else if(type == 3){
var content = record[i].content;
content.replace(/\n/g,"<br>");
html += '<p class="system_msg">'+content.replace(/\n/g,"<br>")+'</p>'
}
}
}
//$('.chat_list').html(html);
if (chat.offset == 1) {
$('.chat_list').html(html);
window.scrollTo(0, document.documentElement.clientHeight);
} else {
$('.chat_list').prepend(html);
window.scrollTo(0, document.documentElement.clientHeight);
}
}
})
......
wechat_lung_chat/pages/freeChat.html
......@@ -60,7 +60,7 @@
<img src="../images/down_arrow.png" >
</div>
<div class="chat_list">
<div class="chat_item chat_item_left">
<!-- <div class="chat_item chat_item_left">
<p class="message_time">05-01 08:21</p>
<div class="chat_info_warp clearfix">
<img src="../images/post_title_bg@2x.png" class="chat_profile from_profile">
......@@ -71,8 +71,8 @@
</div>
</div>
</div>
</div>
<div class="chat_item chat_item_right">
</div> -->
<!-- <div class="chat_item chat_item_right">
<p class="message_time">05-01 08:21</p>
<div class="chat_info_warp clearfix">
<img src="../images/post_title_bg@2x.png" class="chat_profile send_profile">
......@@ -82,8 +82,8 @@
</div>
</div>
</div>
</div>
<div class="service_message img_consult clearfix">
</div> -->
<!-- <div class="service_message img_consult clearfix">
<div class="service_left_box sevice_img_consult">
<img src="../images/consult_order_twzx_png@2x.png" >
<p class="service_title">图文咨询</p>
......@@ -93,8 +93,8 @@
<p class="detail_patient_name">患者：张天问</p>
<p class="detail_question">问题：肺癌要接受什么治疗？吃什么…</p>
</div>
</div>
<div class="service_message consult_box clearfix">
</div> -->
<!-- <div class="service_message consult_box clearfix">
<div class="service_left_box sevice_consult">
<img src="../images/consult_order_twzx_png@2x.png" >
<p class="service_title">私人医生</p>
......@@ -104,7 +104,7 @@
<p class="detail_patient_name">患者：张天问</p>
<p class="detail_question">到期时间：2019-09-10</p>
</div>
</div>
</div> -->
</div>
</div>
<div class="footer clearfix">
......
wechat_lung_chat/pages/imgConsultChat.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<link rel="stylesheet" type="text/css" href="https://review-formal.iplusmed.com/Common/css/wechat_Reset.min.css" />
<link rel="stylesheet" type="text/css" href="../css/freeChat.css"/>
<script src="https://review-formal.iplusmed.com/Common/javaScript/calRem.js" type="text/javascript" charset="utf-8"></script>
<title>图文咨询</title>
<script src="https://review-formal.iplusmed.com/Common/javaScript/require.min.js"></script>
<script type="text/javascript">
require.config({
baseUrl: "./",
paths: {
"zepto": "https://review-formal.iplusmed.com/Common/javaScript/zepto.min",
"medtap": "https://review-formal.iplusmed.com/Common/javaScript/medtap_core_wx",
"md5": "https://review-formal.iplusmed.com/Common/javaScript/md5.min"
},
shim: {
"zepto": {
exports: "$"
}
}
});
</script>
</head>
<body>
<div id="content">
<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 doctor_profile">
<div class="info_detail">
<p class="info_name doctor_name"></p>
<p class="info_title doctor_title"></p>
</div>
</div>
<div class="service_btn_list">
<span class="service_btn pmd">私人医生</span>
<span class="service_btn img_consult">图文咨询</span>
<span class="service_btn consult">电话咨询</span>
</div>
</div>
<div class="top_btn close_info_btn">
<span>收起团队信息</span>
<img src="../images/up_arrow.png" >
</div>
<div class="top_btn open_info_btn">
<span>展开团队信息</span>
<img src="../images/down_arrow.png" >
</div>
</div>
<div class="chat_list">
<!-- <div class="chat_item chat_item_left">
<p class="message_time">05-01 08:21</p>
<div class="chat_info_warp clearfix">
<img src="../images/post_title_bg@2x.png" class="chat_profile from_profile">
<div class="chat_message_warp">
<p class="chat_from_name">孔祥鸣医生</p>
<div class="chat_message chat_message_from">
上次检测是什么时候做的?有没有一年啊？
</div>
</div>
</div>
</div>
<div class="chat_item chat_item_right">
<p class="message_time">05-01 08:21</p>
<div class="chat_info_warp clearfix">
<img src="../images/post_title_bg@2x.png" class="chat_profile send_profile">
<div class="chat_message_warp">
<div class="chat_message chat_message_send">
大概一年前了
</div>
</div>
</div>
</div>
<div class="service_message img_consult clearfix">
<div class="service_left_box sevice_img_consult">
<img src="../images/consult_order_twzx_png@2x.png" >
<p class="service_title">图文咨询</p>
<p class="service_price">9元</p>
</div>
<div class="service_right_box service_message_detail">
<p class="detail_patient_name">患者：张天问</p>
<p class="detail_question">问题：肺癌要接受什么治疗？吃什么…</p>
</div>
</div>
<div class="service_message consult_box clearfix">
<div class="service_left_box sevice_consult">
<img src="../images/consult_order_twzx_png@2x.png" >
<p class="service_title">私人医生</p>
<p class="service_price">9元</p>
</div>
<div class="service_right_box service_message_detail">
<p class="detail_patient_name">患者：张天问</p>
<p class="detail_question">到期时间：2019-09-10</p>
</div>
</div> -->
</div>
</div>
<div class="footer clearfix">
<div class="footer_input">
<input type="text" name="" id="sendMsg" value="" placeholder="给医生留言"/>
</div>
<div class="send">
发送
</div>
</div>
</body>
<script type="text/javascript">
require(['../javaScript/imgConsultChat.js'])
</script>
</html>
wechat_lung_imgConsult/javaScript/imgConsultDetail.js
......@@ -2,6 +2,7 @@ define(['zepto', 'medtap'], function($, medtap) {
var detail = {
orderSn: medtap.getRequest('id'),
wechatId: medtap.getRequest('wechatId'),
doctorId:0,
init: function() {
detail.getDetail();
detail.bindEve();
......@@ -16,6 +17,10 @@ define(['zepto', 'medtap'], function($, medtap) {
$('.cancel').unbind().bind('click', function() {
detail.cancelOrder();
})
$('.cancel_btn').unbind().bind('click', function() {
detail.cancelOrder();
});
},
getDetail: function() {
medtap.loading(1);
......@@ -31,6 +36,8 @@ define(['zepto', 'medtap'], function($, medtap) {
if (res.success == true) {
var detail = res.content.order;
var imgConsult = detail.imageConsultOrder;
detail.doctorId = imgConsult.doctorId;
//alert(detail.doctorId)
$('.service_type').html(detail.payDesc);
$('.service_doctor').html(imgConsult.doctorName);
$('.service_price').html(detail.payFee + '元');
......@@ -55,6 +62,9 @@ define(['zepto', 'medtap'], function($, medtap) {
$('.cancel_btn').show();
} else if (detail.status.key == '1' && imgConsult.serviceStatus.key == '3') {
$('.consult_now').show();
$('.consult_now').unbind().bind('click',function(){
medtap.pushWindow('../../wechat_lung_chat/pages/imgConsultChat.html?orderSn=' + detail.orderSn + '&doctorId=' + imgConsult.doctorId);
})
}
}
......
wechat_lung_myHome/javaScript/myDoctor.js
......@@ -101,7 +101,7 @@ define(['zepto','medtap'],function($,medtap){
$('.doctor_list_consult').html(html);
$('.doctor_item').unbind().bind('click',function(){
var id = $(this).attr('data-id');
medtap.pushWindow('../../wechat_lung_push_doctor/pages/doctorHomePage.html?doctorId=' + id);
medtap.pushWindow('../../wechat_lung_push_doctor/pages/doctorHomePage.html?doctorId=' + id + '&wechatId=' + medtap.getRequest('wechatId'));
})
}
}
......@@ -138,7 +138,7 @@ define(['zepto','medtap'],function($,medtap){
$('.doctor_list_pmd').html(html);
$('.doctor_pmd_item').unbind().bind('click',function(){
var id = $(this).attr('data-id');
medtap.pushWindow('../../wechat_lung_push_doctor/pages/doctorHomePage.html?doctorId=' + id);
medtap.pushWindow('../../wechat_lung_push_doctor/pages/doctorHomePage.html?doctorId=' + id + '&wechatId=' + medtap.getRequest('wechatId'));
})
}
}
......
wechat_lung_myHome/pages/myOrder.html
......@@ -37,61 +37,8 @@
<span class="tab_item completed">已完成</span>
</div>
<div class="myOrder_list_warp">
<div class="myOrder_list_item img_consult">
<div class="myOrder_list_item_header clearfix">
<img src="../images/order list_twzx_png@2x.png" >
<span class="myOrder_list_item_type">图文咨询</span>
<span class="myOrder_list_item_status">待接受</span>
</div>
<div class="myOrder_list_detail">
<p class="myOrder_list_detail_item clearfix mar-b">
<span class="myOrder_list_detail_item_title">医生姓名:</span>
<span class="myOrder_list_detail_item_desc doctor_name">孔祥鸣</span>
</p>
<p class="myOrder_list_detail_item clearfix">
<span class="myOrder_list_detail_item_title">咨询问题:</span>
<span class="myOrder_list_detail_item_desc questioon">确诊肺癌，下一步需要做哪些…</span>
</p>
</div>
</div>
<div class="myOrder_list_item pmd">
<div class="myOrder_list_item_header clearfix">
<img src="../images/order list_srys_png@2x.png" >
<span class="myOrder_list_item_type">私人医生</span>
<span class="myOrder_list_item_status">待接受</span>
</div>
<div class="myOrder_list_detail">
<p class="myOrder_list_detail_item clearfix mar-b">
<span class="myOrder_list_detail_item_title">医生姓名:</span>
<span class="myOrder_list_detail_item_desc doctor_name">孔祥鸣</span>
</p>
<p class="myOrder_list_detail_item clearfix">
<span class="myOrder_list_detail_item_title">患者姓名:</span>
<span class="myOrder_list_detail_item_desc patient_name">确诊肺癌，下一步需要做哪些…</span>
</p>
</div>
</div>
<div class="myOrder_list_item pmd">
<div class="myOrder_list_item_header clearfix">
<img src="../images/order list_dhzx_png@2x.png" >
<span class="myOrder_list_item_type">电话咨询</span>
<span class="myOrder_list_item_status">待接受</span>
</div>
<div class="myOrder_list_detail">
<p class="myOrder_list_detail_item clearfix mar-b">
<span class="myOrder_list_detail_item_title">医生姓名:</span>
<span class="myOrder_list_detail_item_desc doctor_name">孔祥鸣</span>
</p>
<p class="myOrder_list_detail_item clearfix mar-b">
<span class="myOrder_list_detail_item_title">预约时间:</span>
<span class="myOrder_list_detail_item_desc time">2019-08-23 15:00</span>
</p>
<p class="myOrder_list_detail_item clearfix">
<span class="myOrder_list_detail_item_title">咨询问题:</span>
<span class="myOrder_list_detail_item_desc askQuestion">确诊肺癌，下一步需要做哪些…</span>
</p>
</div>
</div>
</div>
</div>
</body>
......
wechat_lung_prvivateDoctor/css/pmdDetail.css
......@@ -61,6 +61,7 @@ body{
display:none;
position:fixed;
bottom:0;
font-size:0.32rem;
}
.pay_btn span{
width:50%;
......@@ -87,7 +88,7 @@ body{
color:#fff;
background:#2CBCA0;
}
.consult_now{
/* .consult_now{
width:100%;
height:0.96rem;
line-height:0.96rem;
......@@ -95,4 +96,14 @@ body{
font-size:0.32rem;
color:#fff;
background:#2CBCA0;
} */
.consult_now span{
width:50%;
display:inline-block;
height:0.96rem;
line-height:0.96rem;
text-align:center;
font-size:0.32rem;
float:left;
color:#fff;
}
\ No newline at end of file
wechat_lung_prvivateDoctor/javaScript/pmdDetail.js
......@@ -15,6 +15,15 @@ define(['zepto','medtap'],function($,medtap){
$('.cancel').unbind().bind('click', function() {
detail.cancelOrder();
});
$('.cancel_btn').unbind().bind('click', function() {
detail.cancelOrder();
});
$('.imgConsult').unbind().bind('click',function(){
medtap.pushWindow('../../wechat_lung_imgConsult/index.html?doctorId=' + medtap.getRequest('doctorId') + '&pmdOrderSn=' + detail.orderSn + '&wechatId=' + detail.wechatId)
});
$('.consult').unbind().bind('click',function(){
medtap.pushWindow('../../wechat_lung_consult/rukou.html?doctorId=' + medtap.getRequest('doctorId') + '&pmdOrderSn=' + detail.orderSn + '&wechatId=' + detail.wechatId)
})
},
cancelOrder: function() {
......
wechat_lung_prvivateDoctor/pages/pmdDetail.html
......@@ -94,7 +94,8 @@
取消订单
</div>
<div class="footer_btn consult_now">
立即咨询
<span class="btn_orange imgConsult">图文咨询</span>
<span class="btn_green consult">电话咨询</span>
</div>
</div>
</body>
......
wechat_lung_push_doctor/javaScript/doctorHomePage.js
......@@ -42,7 +42,8 @@ define(['zepto','medtap'],function($,medtap){
}else{
if(doctor.pmdOrderSn != ''){
//medtap.pushWindow('../../wechat_lung_prvivateDoctor/index.html?doctorId=' + doctor.doctorId + '&pmdOrderSn=' + doctor.pmdOrderSn);
medtap.pushWindow('../../wechat_lung_prvivateDoctor/pages/pmdDetail.html?doctorId=' + doctor.doctorId + '&id=' + doctor.pmdOrderSn + '&wechatId=' + medtap.getRequest('wechatId'));
}else{
medtap.pushWindow('../../wechat_lung_prvivateDoctor/index.html?doctorId=' + doctor.doctorId + '&wechatId=' + medtap.getRequest('wechatId'));
}
......
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