Skip to content

W
wechat_lung
Commit f3f814cc by hanpeng
Options

-mark- 增加我的入口，详情页图片预览，部分逻辑调整

parent 4178e9d6
Showing with 323 additions and 137 deletions
medtap_bbs_lung/css/cardDetail.css
......@@ -128,7 +128,15 @@ body {
margin-top: 0.42rem;
display: none;
}
.unFabulous .unFabulous_icon{
float: left;
width: 0.48rem;
height: 0.48rem;
}
.unFabulous_desc {
float: left;
margin-top: -0.06rem
}
.comment_warp {
width: 100%;
background: #FFFFFF;
......
medtap_bbs_lung/css/myCardList.css
......@@ -7,6 +7,51 @@ body {
padding-bottom:0.3rem;
}
.silder_tap {
background: #FFFFFF;
color: #999999;
font-size: 0.3rem;
width: 100%;
margin-top:0.3rem;
}
.silder_tap .silder_tap_item {
float: left;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
box-sizing: border-box;
margin-left: 1.56rem;
margin-right: 1.56rem;
}
.publish_user_info{
padding-left:0.32rem;
background:#FFFFFF;
font-size:0.32rem;
}
.publish_user_info div{
border-bottom:0.01rem solid #f1f1f1;
padding-right:0.32rem;
height:0.96rem;
line-height:0.96rem;
}
.publish_user_profile{
width:0.72rem;
height:0.72rem;
float:right;
border-radius:50%;
margin-top:0.1rem;
}
.publish_user_name{
float:right;
color:#1D8AEF;
}
.on {
color: #2CBCA0;
border-bottom: 0.04rem solid #2CBCA0;
}
.list_warp {
padding: 0rem 0.16rem 0 0.16rem;
}
......@@ -101,6 +146,12 @@ body {
float: Left;
margin-left: 0.08rem;
}
.delete_btn span{
color:#DF7039;
}
.editor_btn span{
color:#2CBCA0;
}
.reply {
margin-left: 0.32rem;
......@@ -109,6 +160,23 @@ body {
.like {
float: right;
}
.no_list{
width:100%;
text-align:center;
margin-top:1.6rem;
display:none;
}
.no_list img{
width:2.48rem;
height:2.48rem;
}
.no_list .no_list_title{
width:100%;
font-size:0.28rem;
text-align:center;
margin-top:0.32rem;
color:#666;
}
.litst_item_headers_tools{
padding-top:0.46rem;
float:right;
......@@ -128,3 +196,68 @@ body {
#showDialog{
display:none
}
.change_name_warp {
width: 5.4rem;
background: #FFFFFF;
border-radius: 0.08rem;
z-index: 20;
position: fixed;
top: 2.5rem;
left: 1.08rem;
display:none;
}
.change_name_warp .chang_name_header {
width: 100%;
text-align: center;
color: #000000;
font-size: 0.32rem;
font-family: PingFangSC;
font-weight: 500;
padding-top: 0.4rem;
}
.change_name_warp .change_name_before {
width: 100%;
padding-left: 0.48rem;
font-size: 0.26rem;
color: #333333;
margin-top: 0.4rem;
}
.change_input {
margin-top: -0.5rem;
}
.change_input input {
width: 4.76rem;
margin-left: 0.32rem;
margin-top: 0.24rem;
font-size: 0.28rem;
padding: 0.08rem 0.1rem;
border: 0.01rem solid rgba(224, 224, 224, 1);
border-radius: 0.04rem;
}
.change_btn_warp{
margin-top:0.25rem;
border-top:0.01rem solid #E0E0E0;
}
.change_btn_warp div {
float:left;
font-size: 0.32rem;
font-family: PingFangSC;
font-weight: 600;
width:2.7rem;
height:0.94rem;
text-align:center;
line-height:0.94rem;
}
.change_btn_cancle{
border-right:0.01rem solid #E0E0E0;
color:#999;
}
.change_btn_confirm{
color:#007AFD
}
\ No newline at end of file
medtap_bbs_lung/javaScript/cardDetail.js
......@@ -10,6 +10,8 @@ define(['zepto','medtap'],function($,medtap){
card.getCardDetail();
card.getCommentList();
card.bindEve();
card.getWechatTicket();
card.previewImage();
//滚动加载
$(window).scroll(function() {
var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度
......@@ -52,8 +54,9 @@ define(['zepto','medtap'],function($,medtap){
if(status == 1){
$(this).hide();
$('.unFabulous').show();
var newNum = parseInt(card.upCount) + 1;
$('.fabulous_desc').html(newNum);
card.getCardDetail();
var newNum = parseInt(card.upCount);
$('.unFabulous').children('.fabulous_desc').html(newNum);
}
});
//取消点赞
......@@ -62,7 +65,7 @@ define(['zepto','medtap'],function($,medtap){
if(status == 0){
$(this).hide();
$('.fabulous').show();
$('.fabulous_desc').html('为TA加油');
$('.fabulous').children('.fabulous_desc').html('为TA加油');
}
});
//收藏
......@@ -82,6 +85,45 @@ define(['zepto','medtap'],function($,medtap){
}
})
},
getWechatTicket:function(){
medtap.submitAjax({
url: 'https://testdevgw.medtap.cn/wechat/lung/fetchWechatTicket',
type: 'GET',
async: false,
data: {
url: window.location.href
},
success: function(res) {
var data = res.content;
wx.config({
debug: false,
appId: data.appId, // 必填，公众号的唯一标识
timestamp: data.timestamp, // 必填，生成签名的时间戳
nonceStr: data.nonceStr, // 必填，生成签名的随机串
signature: data.signature, // 必填，签名，见附录1
jsApiList: [
'previewImage',
]
})
}
})
},
previewImage:function(){
$('.cardImage').on('click', 'img', function() {
var imgArray = [];
var curImageSrc = $(this).attr('src');
if (curImageSrc) {
$('.cardImage img').each(function(index, el) {
var itemSrc = $(this).attr('src');
imgArray.push(itemSrc);
});
wx.previewImage({
current: curImageSrc,
urls: imgArray
});
}
});
},
getCardDetail:function(){
medtap.loading(1);
medtap.submitAjax({
......@@ -101,6 +143,7 @@ define(['zepto','medtap'],function($,medtap){
$('.cardDetail').html(detailInfo.content);
$('.seenNum').html(detailInfo.viewCount);
$('.replyNum').html(detailInfo.commentCount);
$('.btn_icon_commentNum').html(detailInfo.commentCount)
card.upCount = detailInfo.upCount;
if(detailInfo.picUrls.length != 0){
var imgHtml = ''
......@@ -114,10 +157,10 @@ define(['zepto','medtap'],function($,medtap){
$('.fabulous').show();
$('.fabulous_desc').html('为TA加油');
$('.unFabulous').hide();
}else{
}else if(detailInfo.upStatus == 1){
$('.fabulous').hide();
$('.unFabulous').show();
var newNum = parseInt(card.upCount) + 1;
var newNum = parseInt(card.upCount);
$('.fabulous_desc').html(newNum);
}
//收藏状态
......
medtap_bbs_lung/javaScript/index.js
......@@ -12,8 +12,9 @@ define(['zepto', 'medtap' /* ,'https://review-formal.iplusmed.com/Common/javaScr
},
bindEve: function() {
$('.user_nickName').on('click', function() {
$('.content_mod').show();
$('.change_name_warp').show();
/* $('.content_mod').show();
$('.change_name_warp').show(); */
medtap.pushWindow('pages/myCardList.html');
});
//取消
......@@ -210,7 +211,7 @@ define(['zepto', 'medtap' /* ,'https://review-formal.iplusmed.com/Common/javaScr
for(var i = 0;i < forumList.length; i++){
//当前帖子用户未点赞
if(forumList[i].upStatus == 0){
var picUrl = forumList[i].picUrls;
var picUrl = forumList[i].picUrls || '';
//单张图片
if(picUrl.length != 0 && picUrl.length < 2){
str += '<div class="list_item" data-id="'+forumList[i].id+'">'+
......@@ -252,7 +253,7 @@ define(['zepto', 'medtap' /* ,'https://review-formal.iplusmed.com/Common/javaScr
}
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">'+
'<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>'+
......@@ -312,7 +313,7 @@ define(['zepto', 'medtap' /* ,'https://review-formal.iplusmed.com/Common/javaScr
'</div>';
}
}else if(forumList[i].upStatus == 1){
var picUrl = forumList[i].picUrls;
var picUrl = forumList[i].picUrls || '';
//单张图片
if(picUrl.length != 0 && picUrl.length < 2){
str += '<div class="list_item" data-id="'+forumList[i].id+'">'+
......
medtap_bbs_lung/javaScript/newCard.js
define(['zepto', 'medtap'], function($, medtap) {
var newCard = {
cardId:medtap.getRequest('id'),
localIds: [],
serverId: "",
imgList: [],
init: function() {
newCard.getWechatTicket();
newCard.bindEve();
if(!newCard.cardId){
}else{
newCard.getEditById();
}
},
bindEve: function() {
$('.footer_btn').on('click', function() {
newCard.postPubbbs();
if(!newCard.cardId){
newCard.postPubbbs();
}else{
newCard.updatePubbs(newCard.cardId);
}
})
},
getWechatTicket: function() {
......@@ -96,7 +106,7 @@ define(['zepto', 'medtap'], function($, medtap) {
//上传图片
upLoadImg: function(serverId, localId) {
$.ajax({
url: 'https://testtestdevgw.medtap.cn/common/uploadWechatFile',
url: 'https://testdevgw.medtap.cn/common/uploadWechatFile',
type: 'POST',
async: false,
data: {
......@@ -146,10 +156,82 @@ define(['zepto', 'medtap'], function($, medtap) {
message: '发布成功',
time: 2000
})
setTimeout(function(){
//medtap.pushWindow('myCardList.html');
if(!newCard.cardId){
medtap.pushWindow('myCardList.html');
}else{
window.history.go(-1)
}
},1000)
}, 1000)
}
}
})
},
updatePubbs:function(id){
var urls = [],
picUrl = "";
[].forEach.call($('#ImgUp .image_files_img'), function(item) {
urls.push($(item).attr('imgkey'));
});
var picUrl = urls.join(',');
medtap.loading(1);
medtap.submitAjax({
url: 'https://testdevgw.medtap.cn/operation/pubbbs/publish/mineUpdate',
type: "POST",
asynv: false,
contentType: 'application/json',
data: {
id:parseInt(id),
content: $('.card_content').val(),
picUrls: picUrl
},
success: function(res) {
medtap.loading(0);
if (res.success == true) {
setTimeout(function() {
medtap.toast({
message: '发布成功',
time: 2000
})
setTimeout(function(){
//medtap.pushWindow('myCardList.html');
window.history.go(-1)
},1000)
}, 1000)
}
}
})
},
getEditById:function(){
medtap.loading(1);
medtap.submitAjax({
url:'https://testdevgw.medtap.cn/operation/pubbbs/publish/' + newCard.cardId,
type:'GET',
async: false,
data:{
},
success:function(res){
medtap.loading(0);
if(res.success == true){
var detailInfo = res.content.publish;
$('.card_content').val(detailInfo.content);
if(detailInfo.hasOwnProperty('picUrls')){
var imgHtml = ''
for(var i = 0;i < detailInfo.picUrls.length;i++){
imgHtml += '<img src="'+detailInfo.picUrls[i]+'" >';
'<div class="image_files_item">' +
'<img src="'+detailInfo.picUrls[i]+'" class="image_files_img" imgkey="'+detailInfo.picUrls[i]+'">' +
'<img src="../images/post_delete_btn@2x.png" class="image_del" >' +
'</div>';
}
$('#ImgUp').html(imgHtml);
}
}
}
})
}
}
newCard.init();
......
medtap_bbs_lung/javaScript/replyDetail.js
......@@ -29,6 +29,7 @@ define(['zepto', 'medtap'], function($, medtap) {
$('.reply_content_username').html(replyDetail.nickname)
$('.reply_content_time').html(replyDetail.updateTime.substring(5, 16));
$('.reply_like_num').html(replyDetail.upCount);
$('.reply_content_desc').html(replyDetail.content);
if (replyDetail.upStatus == 0) {
$('.reply_content_btn img').attr('src', '../images/post_unlike_png@2x.png');
} else if (replyDetail.upStatus == 1) {
......
medtap_bbs_lung/pages/cardDetail.html
......@@ -10,6 +10,7 @@
<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/cardDetail.css"/>
<script src="https://review-formal.iplusmed.com/Common/javaScript/calRem.js" type="text/javascript" charset="utf-8"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<title>详情</title>
<script src="https://review-formal.iplusmed.com/Common/javaScript/require.min.js"></script>
<script type="text/javascript">
......@@ -78,7 +79,7 @@
<!-- <input type="search" name="" id="" value="" class="btn_do_comment" placeholder="写评论"/> -->
<div class="btn_icon goTop">
<img src="../images/post_answered_buttn@2x.png" >
<span class="btn_icon_commentNum">87</span>
<span class="btn_icon_commentNum"></span>
</div>
<div class="btn_icon collect">
<img src="../images/post_like_buttn@2x.png" >
......
medtap_bbs_lung/pages/myCardList.html
......@@ -10,7 +10,8 @@
<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/myCardList.css" />
<script src="https://review-formal.iplusmed.com/Common/javaScript/calRem.js" type="text/javascript" charset="utf-8"></script>
<title>患友之家</title>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<title>我的</title>
<script src="https://review-formal.iplusmed.com/Common/javaScript/require.min.js"></script>
<script type="text/javascript">
require.config({
......@@ -30,130 +31,30 @@
</head>
<body>
<div id="content">
<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 class="litst_item_headers_tools clearfix">
<div class="tools clearfix delete_btn">
<img src="../images/post_ldelete_buttn@2x.png">
<span class="tools_title">删除</span>
</div>
<div class="tools clearfix editor_btn">
<img src="../images/post_leditor_buttn@2x.png">
<span class="tools_title">编辑</span>
</div>
</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 class="publish_user_info">
<div class="clearfix">
<span class="left_tip">我的头像</span>
<img src="" class="publish_user_profile">
</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 class="litst_item_headers_tools clearfix">
<div class="tools clearfix delete_btn">
<img src="../images/post_ldelete_buttn@2x.png">
<span class="tools_title">删除</span>
</div>
<div class="tools clearfix editor_btn">
<img src="../images/post_leditor_buttn@2x.png">
<span class="tools_title">编辑</span>
</div>
</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 class="clearfix" style="border:none">
<span class="left_tip">我的昵称</span>
<span class="publish_user_name"></span>
</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 class="litst_item_headers_tools clearfix">
<div class="tools clearfix delete_btn">
<img src="../images/post_ldelete_buttn@2x.png">
<span class="tools_title">删除</span>
</div>
<div class="tools clearfix editor_btn">
<img src="../images/post_leditor_buttn@2x.png">
<span class="tools_title">编辑</span>
</div>
</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="silder_tap clearfix">
<div class="silder_tap_item on" id="my">
帖子
</div>
<div class="silder_tap_item" id="collect">
收藏
</div>
</div>
<div class="list_warp">
</div>
<div class="no_list">
<img src="../images/guide_box_bg@2x.png" >
<p class="no_list_title">还没有内容</p>
</div>
<div class="content_mod">
......@@ -168,6 +69,21 @@
</div>
</div>
</div>
<div class="change_name_warp">
<div class="chang_name_header">
修改昵称
</div>
<div class="change_name_before">
原昵称：<span class="change_name_nickname"></span>
</div>
<div class="change_input">
<input type="text" name="" id="" value="" placeholder="请输入新昵称" class="new_nick"/>
</div>
<div class="change_btn_warp clearfix">
<div class="change_btn_cancle">取消</div>
<div class="change_btn_confirm">确定</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
......
medtap_bbs_lung/pages/replyDetail.html
......@@ -43,7 +43,7 @@
</div>
</div>
<div class="reply_content_desc">
还是上大医院再检查下吧
</div>
</div>
<div class="reply_list">
......
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