Skip to content

W
wechat_lung
Commit 8c6bf1e2 by hanpeng
Options

-mark-社区详情，帖子详情，点赞

parent 0d70eb77
Showing with 484 additions and 146 deletions
medtap_bbs_lung/index.html
......@@ -48,10 +48,10 @@
</div>
</div>
<div class="silder_tap clearfix">
<div class="silder_tap_item" id="recommend">
<div class="silder_tap_item on" id="recommend">
推荐
</div>
<div class="silder_tap_item on" id="newest">
<div class="silder_tap_item" id="newest">
最新
</div>
<!-- <div class="silder_tap_item" id="follow">
......@@ -62,98 +62,7 @@
</div> -->
</div>
<div class="list_warp">
<div class="list_item">
<div class="list_item_header clearfix">
<img src="images/post_title_bg@2x.png" class="user_profile">
<div class="user_info">
<p class="user_name">张天问</p>
<p class="txt_gray post_card_time">07-08 11:12</p>
</div>
</div>
<div class="list_item_content">
<div class="list_item_content_desc">
大家好，我是胃癌患者，现在肺转移，上星期开始胸闷胸痛伴有咳嗽，昨天开始胸痛感觉好些，可是咳嗽和胸闷还是一样，怎么处理好？医生说等水多了抽掉一部分，然后再去医院做检查什么的
</div>
<div class="list_item_content_img">
<img src="images/post_title_bg@2x.png">
</div>
</div>
<div class="list_item_tools clearfix">
<div class="tools clearfix seen">
<img src="images/post_seen_png@2x.png">
<span class="seenNum">246</span>
</div>
<div class="tools clearfix reply">
<img src="images/post_reply_png@2x.png">
<span class="replyNum">12</span>
</div>
<div class="tools clearfix like">
<img src="images/post_unlike_png@2x.png">
<span class="likeNum">12</span>
</div>
</div>
</div>
<div class="list_item">
<div class="list_item_header clearfix">
<img src="images/post_title_bg@2x.png" class="user_profile">
<div class="user_info">
<p class="user_name">张天问</p>
<p class="txt_gray post_card_time">07-08 11:12</p>
</div>
</div>
<div class="list_item_content">
<div class="list_item_content_desc">
你好
</div>
</div>
<div class="list_item_tools clearfix">
<div class="tools clearfix seen">
<img src="images/post_seen_png@2x.png">
<span class="seenNum">246</span>
</div>
<div class="tools clearfix reply">
<img src="images/post_reply_png@2x.png">
<span class="replyNum">12</span>
</div>
<div class="tools clearfix like">
<img src="images/post_unlike_png@2x.png">
<span class="likeNum">12</span>
</div>
</div>
</div>
<div class="list_item">
<div class="list_item_header clearfix">
<img src="images/post_title_bg@2x.png" class="user_profile">
<div class="user_info">
<p class="user_name">张天问</p>
<p class="txt_gray post_card_time">07-08 11:12</p>
</div>
</div>
<div class="list_item_content">
<div class="list_item_content_desc">
大家好，我是胃癌患者，现在肺转移，上星期开始胸闷胸痛伴有咳嗽，昨天开始胸痛感觉好些，可是咳嗽和胸闷还是一样，怎么处理好？医生说等水多了抽掉一部分，然后再去医院做检查什么的
</div>
<div class="list_item_content_imgMore clearfix">
<img src="images/post_title_bg@2x.png">
<img src="images/post_title_bg@2x.png">
<img src="images/post_title_bg@2x.png">
</div>
<div class="list_item_tools clearfix">
<div class="tools clearfix seen">
<img src="images/post_seen_png@2x.png">
<span class="seenNum">246</span>
</div>
<div class="tools clearfix reply">
<img src="images/post_reply_png@2x.png">
<span class="replyNum">12</span>
</div>
<div class="tools clearfix like">
<img src="images/post_unlike_png@2x.png">
<span class="likeNum">12</span>
</div>
</div>
</div>
</div>
</div>
<div class="change_name_warp">
<div class="chang_name_header">
......
medtap_bbs_lung/javaScript/cardDetail.js 0 → 100644
define(['zepto','medtap'],function($,medtap){
var card = {
cardId:medtap.getRequest('cardId'),
limit: 10,
offset:1,
hasMore: false,
firstLoad:false,
init:function(){
card.getCardDetail();
card.getCommentList();
},
getCardDetail:function(){
medtap.loading(1);
medtap.submitAjax({
url:'https://devgw.medtap.cn//operation/pubbbs/publish/' + card.cardId,
type:'GET',
async: false,
data:{
},
success:function(res){
medtap.loading(0);
if(res.success == true){
var detailInfo = res.content.publish;
$('.user_name').html(detailInfo.nickname);
$('.card_time').html(detailInfo.updateTime.substring(5,16));
$('.user_profile').attr('src',detailInfo.profile);
$('.cardDetail').html(detailInfo.content);
$('.seenNum').html(detailInfo.viewCount);
$('.replyNum').html(detailInfo.commentCount);
}
}
})
},
//获取评论列表
getCommentList:function(){
medtap.loading(1);
medtap.submitAjax({
url:'https://devgw.medtap.cn/operation/pubbbs/publishComment',
type: 'GET',
async: false,
data: {
offset: card.offset,
limit: card.limit,
publishId: card.cardId
},
success:function(res){
medtap.loading(0);
}
})
}
}
card.init();
})
\ No newline at end of file
medtap_bbs_lung/javaScript/index.js
define(['zepto','medtap'/* ,'https://review-formal.iplusmed.com/Common/javaScript/beforeSubmitForLung.js?v=2.0' */],function($,medtap/* ,beforeSubmit */){
define(['zepto', 'medtap' /* ,'https://review-formal.iplusmed.com/Common/javaScript/beforeSubmitForLung.js?v=2.0' */ ],
function($, medtap /* ,beforeSubmit */ ) {
var index = {
wechatId:medtap.getRequest('wechatId'),
init:function(){
wechatId: medtap.getRequest('wechatId'),
limit: 10,
offset:1,
hasMore: false,
firstLoad:false,
init: function() {
index.getUserToken();
index.getForumList(1);
},
bindEve:function(){
$('.user_nickName').on('click',function(){
bindEve: function() {
$('.user_nickName').on('click', function() {
$('.content_mod').show();
$('.change_name_warp').show();
});
//取消
$('.change_name_warp').on('click','.change_btn_cancle',function(){
$('.change_name_warp').on('click', '.change_btn_cancle', function() {
$('.content_mod').hide();
$('.change_name_warp').hide();
$('.new_nick').val('');
})
//确定
$('.change_name_warp').on('click','.change_btn_confirm',function(){
$('.change_name_warp').on('click', '.change_btn_confirm', function() {
var newNick = $('.new_nick').val();
index.upDateUserInfo(newNick);
})
});
//tab分类查询帖子列表
$('.silder_tap_item').on('click', function() {
$(this).addClass('on');
$(this).siblings().removeClass('on');
var type = '';
var id = $(this).attr('id');
if (id == 'recommend') {
index.firstLoad = false;
index.offset = 1;
type = 1;
} else if (id == 'newest') {
index.firstLoad = false;
index.offset = 1;
type = 2;
}
index.getForumList(type)
});
//滚动加载
$(window).scroll(function() {
var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度
var scrollHeight = $(document).height(); //当前页面的总高度
var clientHeight = $(this).height(); //当前可视的页面高度
if (scrollTop + clientHeight >= scrollHeight) { //距离顶部+当前高度 >=文档总高度 即代表滑动到底部
//滚动条到达底部
if (index.hasMore == true) {
var type = ''
if ($('#recommend').hasClass('on')) {
index.firstLoad = true;
index.offset += 1;
type = 1;
} else if ($('#newest').hasClass('on')) {
index.firstLoad = true;
index.offset += 1;
type = 2;
}
index.getForumList(type)
} else {
}
} else if (scrollTop <= 0) {
//滚动条到达顶部
return
}
});
},
//换取微信token
getUserToken:function(){
getUserToken: function() {
localStorage.wxLungToken = '';
medtap.loading(1);
medtap.submitAjax({
url:'https://devgw.medtap.cn/user/auth/token',
url: 'https://devgw.medtap.cn/user/auth/token',
type: 'POST',
async: false,
contentType:'application/json',
data:{
wechatId:index.wechatId
contentType: 'application/json',
data: {
wechatId: index.wechatId
},
success:function(res){
success: function(res) {
medtap.loading(0);
if(res.success == true){
if (res.success == true) {
var token = res.content.token;
localStorage.setItem('wxLungToken',token);
localStorage.setItem('wxLungToken', token);
/* beforeSubmit.config({
wechatId: index.wechatId,
getInfo: true,
......@@ -50,25 +103,27 @@ define(['zepto','medtap'/* ,'https://review-formal.iplusmed.com/Common/javaScrip
}).init(); */
index.getForumInfo();
index.getUserInfo();
}else{
index.joinPublish();
} else {
}
},
error:function(res){
error: function(res) {
console.log(res.resultDesc);
}
})
},
getUserInfo:function(){
//获取用户信息
getUserInfo: function() {
medtap.loading(1);
medtap.submitAjax({
url:'https://devgw.medtap.cn/user/getUserDetail',
url: 'https://devgw.medtap.cn/user/getUserDetail',
type: 'GET',
async:false,
data:{
async: false,
data: {
},
success:function(res){
success: function(res) {
medtap.loading(0);
var userInfo = res.content.userInfo;
$('.user_nickName').html(userInfo.nickname)
......@@ -77,54 +132,356 @@ define(['zepto','medtap'/* ,'https://review-formal.iplusmed.com/Common/javaScrip
})
},
//更新用户信息
upDateUserInfo:function(name){
upDateUserInfo: function(name) {
medtap.loading(1);
medtap.submitAjax({
url:'https://devgw.medtap.cn/user/saveUserInfo',
type:'POST',
url: 'https://devgw.medtap.cn/user/saveUserInfo',
type: 'POST',
async: false,
contentType:'application/json',
data:{
nickname:name
contentType: 'application/json',
data: {
nickname: name
},
success:function(res){
success: function(res) {
medtap.loading(0);
setTimeout(function(){
setTimeout(function() {
medtap.toast({
message:'修改成功',
time:2000
message: '修改成功',
time: 2000
})
index.getUserInfo();
$('.content_mod').hide();
$('.change_name_warp').hide();
$('.new_nick').val('');
},1000)
}, 1000)
}
})
},
//获取论坛信息
getForumInfo:function(){
getForumInfo: function() {
medtap.loading(1);
medtap.submitAjax({
url:'https://devgw.medtap.cn//operation/pubbbs/group/1',
type:'GET',
async:false,
data:{
url: 'https://devgw.medtap.cn//operation/pubbbs/group/1',
type: 'GET',
async: false,
data: {
},
success: function(res) {
medtap.loading(0);
if (res.success == true) {
var forumInfo = res.content.publishGroup;
$('.bbs_title').html(forumInfo.name); //社区名
$('.bbs_profile_img').attr('src', forumInfo.icon); //社区icon
$('.bbs_attentionNum').html(forumInfo.userCount); //社区关注人数
$('.bbs_cardNum').html(forumInfo.publishCount); //社区帖子数量
}
}
})
},
//根据分类获取论坛信息
getForumList: function(listType) {
medtap.loading(1);
medtap.submitAjax({
url: 'https://devgw.medtap.cn/operation/pubbbs/publish',
type: 'GET',
async: false,
data: {
offset: index.offset,
limit: index.limit,
good: listType || '1',
},
success: function(res) {
medtap.loading(0);
if (res.success == true) {
var forumList = res.content.list;
if (forumList.length == 0) {
index.hasMore = false;
setTimeout(function() {
medtap.toast({
message: '没有更多了',
time: 2000
})
}, 1000)
} else {
index.hasMore = true;
//dealData
var str = '';
for(var i = 0;i < forumList.length; i++){
//当前帖子用户未点赞
if(forumList[i].upStatus == 0){
var picUrl = forumList[i].picUrls;
//单张图片
if(picUrl.length != 0 && picUrl.length < 2){
str += '<div class="list_item" data-id="'+forumList[i].id+'">'+
'<div class="list_item_header clearfix">'+
'<img src="'+forumList[i].profile+'" class="user_profile">'+
'<div class="user_info">'+
'<p class="user_name">'+forumList[i].nickname+'</p>'+
'<p class="txt_gray post_card_time">'+forumList[i].updateTime.substring(5,16)+'</p>'+
'</div>'+
'</div>'+
'<div class="list_item_content">'+
'<div class="list_item_content_desc">'+
forumList[i].content+
'</div>'+
'<div class="list_item_content_img">'+
'<img src="'+picUrl+'">'+
'</div>'+
'</div>'+
'<div class="list_item_tools clearfix">'+
'<div class="tools clearfix seen">'+
'<img src="images/post_seen_png@2x.png">'+
'<span class="seenNum">'+forumList[i].viewCount+'</span>'+
'</div>'+
'<div class="tools clearfix reply">'+
'<img src="images/post_reply_png@2x.png">'+
'<span class="replyNum">'+forumList[i].commentCount+'</span>'+
'</div>'+
'<div class="tools clearfix like">'+
'<img src="images/post_unlike_png@2x.png">'+
'<span class="likeNum">'+forumList[i].upCount+'</span>'+
'</div>'+
'</div>'+
'</div>';
}else if(picUrl.length > 1 ){
//多张图片
var imgStr = '';
for(var j = 0;j<picUrl.length;j++){
imgStr += '<img src="'+picUrl[j]+'">';
}
str += '<div class="list_item" data-id="'+forumList[i].id+'">'+
'<div class="list_item_header clearfix">'+
'<img src="i'+forumList[i].profile+'" class="user_profile">'+
'<div class="user_info">'+
'<p class="user_name">'+forumList[i].nickname+'</p>'+
'<p class="txt_gray post_card_time">'+forumList[i].updateTime.substring(5,16)+'</p>'+
'</div>'+
'</div>'+
'<div class="list_item_content">'+
'<div class="list_item_content_desc">'+
forumList[i].content+
'</div>'+
'<div class="list_item_content_imgMore clearfix">'+
imgStr+
'</div>'+
'<div class="list_item_tools clearfix">'+
'<div class="tools clearfix seen">'+
'<img src="images/post_seen_png@2x.png">'+
'<span class="seenNum">'+forumList[i].viewCount+'</span>'+
'</div>'+
'<div class="tools clearfix reply">'+
'<img src="images/post_reply_png@2x.png">'+
'<span class="replyNum">'+forumList[i].commentCount+'</span>'+
'</div>'+
'<div class="tools clearfix like">'+
'<img src="images/post_unlike_png@2x.png">'+
'<span class="likeNum">'+forumList[i].upCount+'</span>'+
'</div>'+
'</div>'+
'</div>'+
'</div>';
}else{
str += '<div class="list_item" data-id="'+forumList[i].id+'">'+
'<div class="list_item_header clearfix">'+
'<img src="'+forumList[i].profile+'" class="user_profile">'+
'<div class="user_info">'+
'<p class="user_name">'+forumList[i].nickname+'</p>'+
'<p class="txt_gray post_card_time">'+forumList[i].updateTime.substring(5,16)+'</p>'+
'</div>'+
'</div>'+
'<div class="list_item_content">'+
'<div class="list_item_content_desc">'+
forumList[i].content+
'</div>'+
'</div>'+
'<div class="list_item_tools clearfix">'+
'<div class="tools clearfix seen">'+
'<img src="images/post_seen_png@2x.png">'+
'<span class="seenNum">'+forumList[i].viewCount+'</span>'+
'</div>'+
'<div class="tools clearfix reply">'+
'<img src="images/post_reply_png@2x.png">'+
'<span class="replyNum">'+forumList[i].commentCount+'</span>'+
'</div>'+
'<div class="tools clearfix like">'+
'<img src="images/post_unlike_png@2x.png">'+
'<span class="likeNum">'+forumList[i].upCount+'</span>'+
'</div>'+
'</div>'+
'</div>';
}
}else if(forumList[i].upStatus == 1){
var picUrl = forumList[i].picUrls;
//单张图片
if(picUrl.length != 0 && picUrl.length < 2){
str += '<div class="list_item" data-id="'+forumList[i].id+'">'+
'<div class="list_item_header clearfix">'+
'<img src="'+forumList[i].profile+'" class="user_profile">'+
'<div class="user_info">'+
'<p class="user_name">'+forumList[i].nickname+'</p>'+
'<p class="txt_gray post_card_time">'+forumList[i].updateTime.substring(5,16)+'</p>'+
'</div>'+
'</div>'+
'<div class="list_item_content">'+
'<div class="list_item_content_desc">'+
forumList[i].content+
'</div>'+
'<div class="list_item_content_img">'+
'<img src="'+picUrl+'">'+
'</div>'+
'</div>'+
'<div class="list_item_tools clearfix">'+
'<div class="tools clearfix seen">'+
'<img src="images/post_seen_png@2x.png">'+
'<span class="seenNum">'+forumList[i].viewCount+'</span>'+
'</div>'+
'<div class="tools clearfix reply">'+
'<img src="images/post_reply_png@2x.png">'+
'<span class="replyNum">'+forumList[i].commentCount+'</span>'+
'</div>'+
'<div class="tools clearfix like">'+
'<img src="images/post_like_png@2x.png">'+
'<span class="likeNum">'+forumList[i].upCount+'</span>'+
'</div>'+
'</div>'+
'</div>';
}else if(picUrl.length > 1 ){
//多张图片
var imgStr = '';
for(var j = 0;j<picUrl.length;j++){
imgStr += '<img src="'+picUrl[j]+'">';
}
str += '<div class="list_item" data-id="'+forumList[i].id+'">'+
'<div class="list_item_header clearfix">'+
'<img src="'+forumList[i].profile+'" class="user_profile">'+
'<div class="user_info">'+
'<p class="user_name">'+forumList[i].nickname+'</p>'+
'<p class="txt_gray post_card_time">'+forumList[i].updateTime.substring(5,16)+'</p>'+
'</div>'+
'</div>'+
'<div class="list_item_content">'+
'<div class="list_item_content_desc">'+
forumList[i].content+
'</div>'+
'<div class="list_item_content_imgMore clearfix">'+
imgStr+
'</div>'+
'<div class="list_item_tools clearfix">'+
'<div class="tools clearfix seen">'+
'<img src="images/post_seen_png@2x.png">'+
'<span class="seenNum">'+forumList[i].viewCount+'</span>'+
'</div>'+
'<div class="tools clearfix reply">'+
'<img src="images/post_reply_png@2x.png">'+
'<span class="replyNum">'+forumList[i].commentCount+'</span>'+
'</div>'+
'<div class="tools clearfix like">'+
'<img src="images/post_like_png@2x.png">'+
'<span class="likeNum">'+forumList[i].upCount+'</span>'+
'</div>'+
'</div>'+
'</div>'+
'</div>';
}else{
str += '<div class="list_item" data-id="'+forumList[i].id+'">'+
'<div class="list_item_header clearfix">'+
'<img src="'+forumList[i].profile+'" class="user_profile">'+
'<div class="user_info">'+
'<p class="user_name">'+forumList[i].nickname+'</p>'+
'<p class="txt_gray post_card_time">'+forumList[i].updateTime.substring(5,16)+'</p>'+
'</div>'+
'</div>'+
'<div class="list_item_content">'+
'<div class="list_item_content_desc">'+
forumList[i].content+
'</div>'+
'</div>'+
'<div class="list_item_tools clearfix">'+
'<div class="tools clearfix seen">'+
'<img src="images/post_seen_png@2x.png">'+
'<span class="seenNum">'+forumList[i].viewCount+'</span>'+
'</div>'+
'<div class="tools clearfix reply">'+
'<img src="images/post_reply_png@2x.png">'+
'<span class="replyNum">'+forumList[i].commentCount+'</span>'+
'</div>'+
'<div class="tools clearfix like">'+
'<img src="images/post_like_png@2x.png">'+
'<span class="likeNum">'+forumList[i].upCount+'</span>'+
'</div>'+
'</div>'+
'</div>';
}
}
}
if(index.offser > 1){
$('.list_warp').append(str);
}else{
$('.list_warp').html(str);
}
$('.like').on('click',function(){
var id = $(this).parents('.list_item').attr('data-id');
var num = $(this).children('.likeNum').html();
var status = index.publishUp(id);
if(status == 0){
var newNum = parseInt(num) - 1;
$(this).children('img').attr('src','images/post_unlike_png@2x.png');
$(this).children('.likeNum').html(newNum);
}else if(status == 1){
var newNum = parseInt(num) + 1;
$(this).children('img').attr('src','images/post_like_png@2x.png');
$(this).children('.likeNum').html(newNum);
}
})
$('.list_item').on('click',function(){
var id = $(this).attr('data-id');
medtap.pushWindow('pages/cardDetail.html?cardId=' + id)
})
}
}
}
})
},
//点赞
publishUp:function(publishId){
var status;
medtap.loading(1);
medtap.submitAjax({
url:'https://devgw.medtap.cn/operation/pubbbs/publish/up',
type:'POST',
async: false,
contentType: 'application/json',
data: {
publishId: publishId
},
success:function(res){
medtap.loading(0);
if(res.success == true){
var forumInfo = res.content.publishGroup;
$('.bbs_title').html(forumInfo.name);//社区名
$('.bbs_profile_img').attr('src',forumInfo.icon);//社区icon
$('.bbs_attentionNum').html(forumInfo.userCount);//社区关注人数
$('.bbs_cardNum').html(forumInfo.publishCount);//社区帖子数量
status = res.content.upStatus;
}
}
})
return status;
},
//加入社区(便于后台统计人数)
joinPublish:function(){
medtap.loading(1);
medtap.submitAjax({
url:'https://devgw.medtap.cn/operation/pubbbs/groupUser',
type:'POST',
async: false,
contentType: 'application/json',
data:{
},
success:function(res){
medtap.loading(0);
}
})
}
}
index.init();
index.bindEve();
})
\ No newline at end of file
})
medtap_bbs_lung/pages/cardDetail.html
......@@ -11,19 +11,34 @@
<link rel="stylesheet" type="text/css" href="../css/cardDetail.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="card_content">
<div class="card_content_header clearfix">
<img src="../images/post_title_bg@2x.png" class="user_profile">
<img src="" class="user_profile">
<div class="user_info">
<p class="user_name">明天天晴</p>
<p class="txt_gray card_time">07-08 11:12</p>
<p class="user_name"></p>
<p class="txt_gray card_time"></p>
</div>
</div>
<div class="cardDetail">
我老婆45岁肺腺癌，查出来就晚期了，目前胸口也一直隐隐作痛，不是很想做化疗。也不是很想做手术。想问问有啥好的中药可以吃啊，效果好的发给我。非常感谢大家的帮忙，我们现在很无助，不知该怎么办。
</div>
<div class="cardImage clearfix">
<img src="../images/post_title_bg@2x.png" >
......@@ -34,11 +49,11 @@
<div class="card_tools clearfix">
<div class="tools clearfix seen">
<img src="../images/post_seen_png@2x.png" >
<span class="seenNum txt_gray">246</span>
<span class="seenNum txt_gray"></span>
</div>
<div class="tools clearfix reply">
<img src="../images/post_reply_png@2x.png" >
<span class="replyNum txt_gray">12</span>
<span class="replyNum txt_gray"></span>
</div>
</div>
<div class="fabulous clearfix">
......@@ -119,4 +134,7 @@
</div>
</div>
</body>
<script type="text/javascript">
require(['../javaScript/cardDetail.js'])
</script>
</html>
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