暂无描述

articleShow.js 24KB

    var createTime = "", orderKey = ""; mui.init({ pullRefresh: { container: '#pullrefresh', up: { contentrefresh: '正在加载...', callback: pullupRefresh } } }); function pullupRefresh() { setTimeout(function() { leword(1,0); }, 1000); } leword(1, 1); function leword(row,aa) { mui.plusReady(function() { var af=aa; var obj = {}; obj.articleId = plus.webview.currentWebview().articleId; obj.createTime = createTime; obj.orderKey = orderKey; obj.rows = row; mui.ajax(baseUrl + "/ajax/leaveWord/ql", { data: obj, dataType: 'json', //服务器返回json格式数据 type: 'get', //HTTP请求类型 timeout: 10000, //超时时间设置为10秒; traditional: true, success: function(data) { if(data.success) { if(af == 1) { document.getElementsByClassName('commentBlock')[0].innerHTML="" if(data.data.length == 0) { mui('#pullrefresh').pullRefresh().disablePullupToRefresh(true); return; } }else{ if(data.data.length == 0) { mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); return; } } var id=plus.storage.getItem('userid'); createTime = data.data[data.data.length - 1].createTime; orderKey = data.data[data.data.length - 1].orderKey; if(data.data.length == row) { mui('#pullrefresh').pullRefresh().endPullupToRefresh(false); } else { mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); } for(var i = 0; i < data.data.length; i++) { var oText="" if(id==data.data[i].professor.id) { oText="删除" } var userType = autho(data.data[i].professor.authType, data.data[i].professor.orgAuth, data.data[i].professor.authStatus); var baImg = "../images/default-photo.jpg"; if(data.data[i].professor.hasHeadImage == 1) { baImg = baseUrl + "/images/head/" + data.data[i].professor.id + "_l.jpg"; } var li = document.createElement("li"); li.className = "mui-table-view-cell" li.innerHTML = '<div class="flexCenter mui-clearfix">' + '<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' + '<div class="madiaInfo">' + '<p><span class="h1Font">' + data.data[i].professor.name + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' + '</div>' + '</div>' + '<div class="madiaInfo">' + '<p class="h2Font">' + data.data[i].content + '</p>' + '<p class="operateSpan">' + '<span class="commenttime">' + oTime.publish(data.data[i].createTime) + '</span>' + '<span data-id="'+data.data[i].id+'" class="dele">'+oText+'</span>' + '</p>' + '</div>' document.getElementsByClassName("commentBlock")[0].appendChild(li); } } }, error: function(xhr, type, errorThrown) { //异常处理; console.log(type); } }); }) } var oTime = { publish: function(startTime) { //时间显示规则 var nowTimg = new Date(); var startdate = new Date(); startdate.setFullYear(parseInt(startTime.substring(0, 4))); startdate.setMonth(parseInt(startTime.substring(4, 6)) - 1); startdate.setDate(parseInt(startTime.substring(6, 8))); startdate.setHours(parseInt(startTime.substring(8, 10))); startdate.setMinutes(parseInt(startTime.substring(10, 12))); startdate.setSeconds(parseInt(startTime.substring(12, 14))); var date3 = nowTimg.getTime() - startdate.getTime(); //时间差的毫秒数 var hours = parseInt((date3 % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = parseInt((date3 % (1000 * 60 * 60)) / (1000 * 60)); if(date3 < 60000) { return "刚刚"; } else if(date3 >= 60000 && date3 < 3600000) { return minutes + "分钟前"; } else if(date3 >= 3600000 && date3 < 86400000) { return hours + "小时前"; } else if(date3 >= 86400000 && date3 < 172800000) { return "昨天 " + startTime.substring(8, 10) + ":" + startTime.substring(10, 12); } else if(date3 >= 172800000 && date3 < 31536000000) { return startTime.substring(4, 6).replace(/\b(0+)/gi, "") + "月" + startTime.substring(6, 8).replace(/\b(0+)/gi, "") + "日 " + startTime.substring(8, 10) + ":" + startTime.substring(10, 12); } else { return startTime.substring(0, 4) + "年" + startTime.substring(4, 6).replace(/\b(0+)/gi, "") + "月" + startTime.substring(6, 8).replace(/\b(0+)/gi, "") + "日 " + startTime.substring(8, 10) + ":" + startTime.substring(10, 12); } } } mui.plusReady(function() { var oCurren = { self: plus.webview.currentWebview(), userid: plus.storage.getItem('userid'), login: function() { mui.openWindow({ url: '../html/login.html', id: '../html/login.html', show: { aniShow: "slide-in-bottom" }, extras: { flag: 1 } }); } } var leaveWord = { getLeaveWord: function($data) { console.log(JSON.stringify($data)); }, sendLeaveWord: function($data) { console.log(JSON.stringify($data)); }, leaveWordTotal: function($data) { document.getElementsByClassName('mui-badge')[0].innerHTML = $data } } var oArticleModule = { articleId: oCurren.self.articleId, oFlag: oCurren.self.oFlag, oWner: oCurren.self.ownerid, oAjaxGet: function(url, obj, oType, oFun) { mui.ajax(url, { data: obj, dataType: 'json', //服务器返回json格式数据 type: oType, //HTTP请求类型 timeout: 10000, //超时时间设置为10秒; traditional: true, success: function(data) { if(data.success) { oFun(data.data); }else{ } }, error: function(xhr, type, errorThrown) { //异常处理; console.log(type); } }); }, articleMess: function($data) { plus.nativeUI.closeWaiting(); plus.webview.currentWebview().show("slide-in-right", 150); //console.log(JSON.stringify($data)); document.getElementById("articleName").innerHTML = $data.articleTitle; if($data.articleContent) { //document.getElementById("articleContent").style.display="block"; document.getElementById("articleContent").innerHTML = $data.articleContent; } if($data.subject) { document.getElementsByClassName("tagList")[0].style.display = "block"; var arr = $data.subject.split(","); for(var i in arr) { var oLi = document.createElement("li"); oLi.innerHTML = '<span class="h2Font">' + arr[i] + '</span>' document.getElementsByClassName("tagList")[0].appendChild(oLi); } } document.getElementById("snum").innerHTML = $data.articleAgree; if($data.articleType == 1) { oArticleModule.oAjaxGet(baseUrl + "/ajax/article/ralateArticles", { "keys": arr, "professorId": oArticleModule.oWner, "articleId": oArticleModule.articleId, "rows": 5 }, "get", oArticleModule.correlationArticle); } else { oArticleModule.oAjaxGet(baseUrl + "/ajax/article/ralateArticles", { "keys": arr, "orgId": oArticleModule.oWner, "articleId": oArticleModule.articleId, "rows": 5 }, "get", oArticleModule.correlationArticle); } //document.getElementById("oTime").innerHTML=oTime.publish($data.publishTime); }, professorMess: function($data) { //console.log(JSON.stringify($data)); document.getElementById('name').innerHTML = $data.name; if($data.hasHeadImage == 1) { document.getElementById("messImg").style.backgroundImage = "url(" + baseUrl + "/images/head/" + $data.id + "_l.jpg" + ")"; } var userType = autho($data.authType, $data.orgAuth, $data.authStatus); document.getElementById("auth").classList.add(userType.sty); }, business: function($data) { //console.log(JSON.stringify($data)); document.getElementById('name').innerHTML = $data.name; if($data.hasOrgLogo) { document.getElementById("messImg").style.backgroundImage = "url(" + baseUrl + "/images/org/" + $data.id + ".jpg" + ")"; } if($data.authStatus == 3) { document.getElementById("auth").classList.add("authicon-com-ok"); } }, correlationExpert: function($data) { if($data.length == 0) { return; } document.getElementById("correlationExpert").style.display = "block"; for(var i = 0; i < $data.length; i++) { (function(n) { oArticleModule.oAjaxGet(baseUrl + "/ajax/professor/editBaseInfo/" + $data[n].professorId, "", "get", oArticleModule.expertList); })(i) } }, expertList: function($data) { var os = ""; if($data.title) { if($data.orgName) { os = $data.title + "," + $data.orgName; } else { os = $data.title; } } else { if($data.office) { if($data.orgName) { os = $data.office + "," + $data.orgName; } else { os = $data.office; } } else { if($data.orgName) { os = $data.orgName; } } } var baImg = "../images/default-photo.jpg"; if($data.hasHeadImage == 1) { baImg = baseUrl + "/images/head/" + $data.id + "_l.jpg"; } var userType = autho($data.authType, $data.orgAuth, $data.authStatus); var li = document.createElement("li"); li.className = "mui-table-view-cell"; li.innerHTML = '<div class="flexCenter mui-clearfix">' + '<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' + '<div class="madiaInfo">' + '<p><span class="h1Font">' + $data.name + '</span><em class="authicon ' + userType.sty + '"></em></p>' + '<p class="mui-ellipsis h2Font">' + os + '</p>' + '</div>' + '</div>' document.getElementById("expertList").appendChild(li); }, correlationResource: function($data) { //console.log(JSON.stringify($data)); if($data.length == 0) { return; } document.getElementById("resource").style.display = "block"; for(var i = 0; i < $data.length; i++) { oArticleModule.oAjaxGet(baseUrl + "/ajax/resource/queryOne", { "resourceId": $data[i].resourceId }, "get", oArticleModule.rsourceList); } }, rsourceList: function($data) { //console.log(JSON.stringify($data)); var namepo, userType; if($data.resourceType == 1) { namepo = $data.editProfessor.name; userType = autho($data.editProfessor.authType, $data.editProfessor.orgAuth, $data.editProfessor.authStatus); } else { userType = {}; namepo = $data.organization.name; if($data.organization.authStatus == 3) { userType.sty = "authicon-com-ok" } else { userType.sty = "e" } } var rImg = baseUrl + "/data/resource/" + $data.images[0].imageSrc; var li = document.createElement("li"); li.className = "mui-table-view-cell"; li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' + ' <div class="madiaHead resouseHead" style="background-image:url(' + rImg + ')"></div>' + '<div class="madiaInfo OmadiaInfo">' + '<p class="mui-ellipsis h1Font">' + $data.resourceName + '</p>' + '<p class="mui-ellipsis h2Font">用途:' + $data.supportedServices + '</p>' + '<p><span class="h2Font">' + namepo + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' + '</div>' + '</div>' document.getElementById("resourceList").appendChild(li); }, correlationArticle: function($data) { if($data.length == 0) { return; } document.getElementById('article').style.display = "block" for(var i = 0; i < $data.length; i++) { var ourl, of ; if($data[i].articleType == 1) { ourl = baseUrl + "/ajax/professor/editBaseInfo/" + $data[i].professorId; of = 1; } else { ourl = baseUrl + "/ajax/org/" + $data[i].orgId; of = 2; } var arImg = "../images/default-artical.jpg"; if($data[i].articleImg) { arImg = baseUrl + "/data/article/" + $data[i].articleImg } var title = $data[i].articleTitle; mui.ajax(ourl, { dataType: 'json', //服务器返回json格式数据 type: "get", //HTTP请求类型 timeout: 10000, //超时时间设置为10秒; async: false, traditional: true, success: function(data) { if(data.success) { var li = document.createElement("li"); if( of == 1) { var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus); } else { var userType = {}; if(data.data.authStatus == 3) { userType.sty = 'authicon-com-ok' } else { userType.sty = "e" } } li.className = "mui-table-view-cell"; li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' + '<div class="madiaHead artHead" style="background-image:url(' + arImg + ')"></div>' + '<div class="madiaInfo OmadiaInfo">' + '<p class="mui-ellipsis-2 h1Font">' + title + '</p>' + '<p><span class="h2Font">' + data.data.name + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' + '</div>' + '</div>' document.getElementById("articleList").appendChild(li); } }, error: function(xhr, type, errorThrown) { //异常处理; console.log(type); } }); } }, thumbsUp: function($data) { document.getElementById("snum").innerHTML = Number(document.getElementById("snum").innerHTML) + 1; document.getElementsByClassName("thumbBtn")[0].classList.add("thumbedBtn"); }, thumbs: function($data) { if($data) { document.getElementsByClassName("thumbBtn")[0].classList.add("thumbedBtn"); } }, attentionGetExpert: function($data) { if($data) { document.getElementsByClassName("attenSpan")[0].classList.add("attenedSpan"); } }, attentionPostExpert: function($data) { document.getElementsByClassName("attenSpan")[0].classList.add("attenedSpan"); }, attentionNoPostExpert: function($data) { document.getElementsByClassName("attenSpan")[0].classList.remove("attenedSpan"); }, storeGetUp: function($data) { if($data) { document.getElementsByClassName("icon-shoucang")[0].classList.add("icon-yishoucang"); } }, storePostUp: function($data) { document.getElementsByClassName("icon-shoucang")[0].classList.add("icon-yishoucang"); }, storeDeleteUp: function($data) { document.getElementsByClassName("icon-shoucang")[0].classList.remove("icon-yishoucang"); }, } /*文章详细内容*/ oArticleModule.oAjaxGet(baseUrl + "/ajax/article/query", { articleId: oArticleModule.articleId }, "get", oArticleModule.articleMess); if(oArticleModule.oFlag == 1) { /*企业发布文章信息*/ oArticleModule.oAjaxGet(baseUrl + "/ajax/org/" + oArticleModule.oWner, "", "get", oArticleModule.business); document.getElementById('attBtn').style.display="none"; } else { /*查询是否关注专家*/ oArticleModule.oAjaxGet(baseUrl + "/ajax/watch/hasWatch", { "watchObject": oArticleModule.oWner, 'professorId': oCurren.userid }, "get", oArticleModule.attentionGetExpert); /*个人发布文章信息*/ oArticleModule.oAjaxGet(baseUrl + "/ajax/professor/editBaseInfo/" + oArticleModule.oWner, "", "get", oArticleModule.professorMess); } oArticleModule.oAjaxGet(baseUrl + "/ajax/article/ralatePro", { "articleId": oArticleModule.articleId }, "get", oArticleModule.correlationExpert); oArticleModule.oAjaxGet(baseUrl + "/ajax/article/ralateRes", { "articleId": oArticleModule.articleId }, "get", oArticleModule.correlationResource); /*点赞*/ document.getElementsByClassName("thumbBtn")[0].addEventListener("tap", function() { var oClsNm = document.getElementById("snum").parentNode.className; if(oClsNm == 'thumbBtn thumbedBtn') return; oCurren.userid = plus.storage.getItem('userid'); if(oCurren.userid) { oArticleModule.oAjaxGet(baseUrl + "/ajax/article/agree", { "articleId": oArticleModule.articleId, 'operateId': oCurren.userid }, "post", oArticleModule.thumbsUp); } else { oCurren.login(); } }) /*查询是否点赞,登录状态下查询否则不查*/ if(oCurren.userid) { oArticleModule.oAjaxGet(baseUrl + "/ajax/article/isAgree", { "articleId": oArticleModule.articleId, 'operateId': oCurren.userid }, "get", oArticleModule.thumbs); /*查询是否收藏文章*/ oArticleModule.oAjaxGet(baseUrl + "/ajax/watch/hasWatch", { "watchObject": oArticleModule.articleId, 'professorId': oCurren.userid }, "get", oArticleModule.storeGetUp); } /*自定义事件*/ window.addEventListener("newId", function(event) { oCurren.userid = plus.storage.getItem('userid'); oArticleModule.oAjaxGet(baseUrl + "/ajax/article/isAgree", { "articleId": oArticleModule.articleId, 'operateId': oCurren.userid }, "get", oArticleModule.thumbs); console.log(oArticleModule.oFlag) /*查询是否关注专家*/ oArticleModule.oAjaxGet(baseUrl + "/ajax/watch/hasWatch", { "watchObject": oArticleModule.oWner, 'professorId': oCurren.userid }, "get", oArticleModule.attentionGetExpert); /*查询是否收藏文章*/ oArticleModule.oAjaxGet(baseUrl + "/ajax/watch/hasWatch", { "watchObject": oArticleModule.articleId, 'professorId': oCurren.userid }, "get", oArticleModule.storeGetUp); }) document.getElementsByClassName("attenSpan")[0].addEventListener("tap", function() { var oClsNm = document.getElementsByClassName("attenSpan")[0].className; oCurren.userid = plus.storage.getItem('userid'); if(oCurren.userid) { if(oClsNm == 'mui-icon attenSpan attenedSpan') { oArticleModule.oAjaxGet(baseUrl + "/ajax/watch/delete", { "watchObject": oArticleModule.oWner, 'professorId': oCurren.userid }, "post", oArticleModule.attentionNoPostExpert); } else { oArticleModule.oAjaxGet(baseUrl + "/ajax/watch", { "watchObject": oArticleModule.oWner, 'professorId': oCurren.userid, "watchType": 1 }, "post", oArticleModule.attentionPostExpert); } } else { oCurren.login(); } }) /*收藏文章*/ // document.getElementsByClassName("icon-shoucang")[0].addEventListener("tap", function() { var oClsNm = document.getElementsByClassName("icon-shoucang")[0].className; oCurren.userid = plus.storage.getItem('userid'); if(oCurren.userid) { if(oClsNm == 'mui-icon iconfontnew icon-shoucang icon-yishoucang') { oArticleModule.oAjaxGet(baseUrl + "/ajax/watch/delete", { "watchObject": oArticleModule.articleId, 'professorId': oCurren.userid }, "post", oArticleModule.storeDeleteUp); } else { oArticleModule.oAjaxGet(baseUrl + "/ajax/watch", { "watchObject": oArticleModule.articleId, 'professorId': oCurren.userid, "watchType": 3 }, "post", oArticleModule.storePostUp); } } else { oCurren.login(); } }) /*留言总数*/ function trim(str) { //删除左右两端的空格    return str.replace(/(^\s*)|(\s*$)/g, "");   } oArticleModule.oAjaxGet(baseUrl + "/ajax/leaveWord/lwCount", { "articleId": oArticleModule.articleId }, "get", leaveWord.leaveWordTotal); document.getElementById("textInputThis").addEventListener("keyup",function(){ var length = trim(this.value); if(length) { document.getElementsByClassName("mui-btn")[0].removeAttribute("disabled") }else{ document.getElementsByClassName("mui-btn")[0].setAttribute("disabled","true") } }) document.getElementsByClassName("mui-btn")[0].addEventListener("tap",function(){ mui.ajax(baseUrl + "/ajax/leaveWord", { data: { "articleId": plus.webview.currentWebview().articleId, "sender": plus.storage.getItem('userid'), "content": document.getElementById("textInputThis").value }, dataType: 'json', //服务器返回json格式数据 type: 'post', //HTTP请求类型 timeout: 10000, //超时时间设置为10秒; success: function(data) { if(data.success) { document.getElementById("textInputThis").value=""; createTime=""; orderKey=""; mui('#pullrefresh').pullRefresh().enablePullupToRefresh(); leword(1, 1); } }, error: function(xhr, type, errorThrown) { //异常处理; console.log(type); } }); }) mui(".commentBlock").on("tap",".dele",function(){ var $this=this; mui.ajax(baseUrl + "/ajax/leaveWord/delete", { data: { "id": this.getAttribute("data-id"), }, dataType: 'json', //服务器返回json格式数据 type: 'post', //HTTP请求类型 timeout: 10000, //超时时间设置为10秒; success: function(data) { if(data.success) { document.getElementsByClassName("commentBlock")[0].removeChild($this.parentNode.parentNode.parentNode); createTime=""; orderKey=""; mui('#pullrefresh').pullRefresh().enablePullupToRefresh(); leword(1, 1); } }, error: function(xhr, type, errorThrown) { //异常处理; console.log(type); } }); }) /*微信及微信朋友圈分享专家*/ var auths, shares; mui("#shareBlock").on("tap","li",function(){ var oFen=this.getElementsByTagName("span")[0].innerHTML; console.log(oFen); if(oFen=="微信好友") { var share = buildShareService(); if(share) { shareMessage(share, "WXSceneSession", { content: "dddddd", title: "【科袖文章】", href: baseUrl + "/ekexiu/shareArticalinfor.html?articleId=", thumbs: [baseUrl + "/images/logo180.png"] }); } }else if(oFen=="微信朋友圈") { alert(2) }else if(oFen=="新浪微博") { alert(3) } }) /*document.getElementById("shareBtn").addEventListener("tap", function() { shareShow() })*/ plus.oauth.getServices(function(services) { auths = {}; for(var i in services) { var t = services[i]; auths[t.id] = t; } }, function(e) { alert("获取登录服务列表失败:" + e.message + " - " + e.code); }); plus.share.getServices(function(services) { shares = {}; for(var i in services) { var t = services[i]; shares[t.id] = t; } }, function(e) { alert("获取分享服务列表失败:" + e.message + " - " + e.code); }) /*function shareShow() { var shareBts = []; // 更新分享列表 var ss = shares['weixin']; if(navigator.userAgent.indexOf('StreamApp') < 0 && navigator.userAgent.indexOf('qihoo') < 0) { //在360流应用中微信不支持分享图片 ss && ss.nativeClient && (shareBts.push({ title: '微信好友', s: ss, x: 'WXSceneSession' }), shareBts.push({ title: '微信朋友圈', s: ss, x: 'WXSceneTimeline' })); } // // 弹出分享列表 shareBts.length > 0 ? plus.nativeUI.actionSheet({ title: '分享', cancel: '取消', buttons: shareBts }, function(e) { if(e.index == 1) { var share = buildShareService(); if(share) { shareMessage(share, "WXSceneSession", { content: oImgShare.substring(0,70), title: "【科袖文章】" + proticleName, href: baseUrl + "/ekexiu/shareArticalinfor.html?articleId=" + proId, thumbs: [baseUrl + "/images/logo180.png"] }); } } else if(e.index == 2) { var share = buildShareService(); if(share) { shareMessage(share, "WXSceneTimeline", { content: oImgShare.substring(0,70), title: "【科袖文章】" + proticleName, href: baseUrl + "/ekexiu/shareArticalinfor.html?articleId=" + proId, thumbs: [baseUrl + "/images/logo180.png"] }); } } }) : plus.nativeUI.alert('当前环境无法支持分享操作!'); }*/ function buildShareService() { var share = shares["sinaweibo"]; if(share) { if(share.authenticated) { console.log("---已授权---"); } else { console.log("---未授权---"); share.authorize(function() { console.log('授权成功...') }, function(e) { alert("认证授权失败:" + e.code + " - " + e.message); return null; }); } return share; } else { alert("没有获取微信分享服务"); return null; } } function shareMessage(share, ex, msg) { msg.extra = { scene: ex }; share.send(msg, function() { plus.nativeUI.closeWaiting(); shareAddIntegral(3); }, function(e) { plus.nativeUI.closeWaiting(); if(e.code == -2) { plus.nativeUI.toast('已取消分享', { verticalAlign: 'center' }); } }); } });