Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 318 Releases 0 Wiki
Browse Source

留言模块

jack 8 years ago
parent
a13c0cef94
commit
57b418ef18
3 changed files with 184 additions and 97 deletions
Split View Show Diff Stats
  1. 30 28
      app/html/articalMessage.html
  2. 78 7
      app/js/articalMessage.js
  3. 76 62
      app/js/professorArticle.js

+ 30 - 28
app/html/articalMessage.html
View File 

@ -74,9 +74,11 @@ footer .mui-icon:active {
74 74 
/*#007AFF*/
75 75 
footer .mui-icon-paperplane:before {
76 76 
	content: "发送";
77 
	/*color:#ff9900;*/
78 77 
	color:lightgray;
79 78 
}
79 
#chatFooter .add{
80 
	/*color:#ff9900;*/
81 
}
80 82 
footer .mui-icon-paperplane {
81 83 
	font-size: 16px;
82 84 
	word-break: keep-all;
 
@ -96,33 +98,33 @@ footer .mui-icon-paperplane {
96 98 
</header>
97 99 
<div class="mui-content">
98 100 
	<ul class="mui-table-view protable" style="margin-top: 0;padding-top: 6px;">
99 
        <li class="mui-table-view-cell mui-media">
100 
            <div class="proinfor">
101 
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
102 
                <div class="mui-media-body">
103 
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span><span class="thistime timenow">2016.01.22 10:10</span></div>
104 
                	<p class="listtit3">研究方研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题向标题</p>
105 
                </div>
106 
            </div>
107 
        </li>
108 
        <li class="mui-table-view-cell mui-media">
109 
            <div class="proinfor">
110 
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
111 
                <div class="mui-media-body">
112 
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span><span class="thistime timenow">2016.01.22 10:10</span></div>
113 
                	<p class="listtit3">研究方研究方向标题研标题</p>
114 
                </div>
115 
            </div>
116 
        </li>
117 
        <li class="mui-table-view-cell mui-media">
118 
            <div class="proinfor">
119 
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
120 
                <div class="mui-media-body">
121 
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span><span class="thistime timenow">2016.01.22 10:10</span></div>
122 
                	<p class="listtit3">研究方研究方向标题研究方向究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题向标题</p>
123 
                </div>
124 
            </div>
125 
        </li>
101 
        <!--<li class="mui-table-view-cell mui-media">
102 
            <div class="proinfor">
103 
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
104 
                <div class="mui-media-body">
105 
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span><span class="thistime timenow">2016.01.22 10:10</span></div>
106 
                	<p class="listtit3">研究方研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题向标题</p>
107 
                </div>
108 
            </div>
109 
        </li>
110 
        <li class="mui-table-view-cell mui-media">
111 
            <div class="proinfor">
112 
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
113 
                <div class="mui-media-body">
114 
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span><span class="thistime timenow">2016.01.22 10:10</span></div>
115 
                	<p class="listtit3">研究方研究方向标题研标题</p>
116 
                </div>
117 
            </div>
118 
        </li>
119 
        <li class="mui-table-view-cell mui-media">
120 
            <div class="proinfor">
121 
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
122 
                <div class="mui-media-body">
123 
                    <div><span class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon-cu"></em></span><span class="thistime timenow">2016.01.22 10:10</span></div>
124 
                	<p class="listtit3">研究方研究方向标题研究方向究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题研究方向标题向标题</p>
125 
                </div>
126 
            </div>
127 
        </li>-->
126 128
127 129 
    </ul>
128 130 
</div>

+ 78 - 7
app/js/articalMessage.js
View File 

@ -1,8 +1,8 @@
1 1 
mui.plusReady(function() {
2 2 
	var userid = plus.storage.getItem('userid');
3 3 
	var self = plus.webview.currentWebview();
4 
	var proId = self.articleId;
5 
	console.log(proId);
4 
	var proId = self.articleId;
5
6 6 
	function proInfoMain() {
7 7 
		mui.ajax(baseUrl + "/ajax/leaveWord/ql", {
8 8 
			dataType: 'json', //数据格式类型

@ -12,11 +12,43 @@ mui.plusReady(function() {
12 12 
			},
13 13 
			timeout: 10000, //超时设置
14 14 
			success: function(data) {
15 
				console.log(JSON.stringify(data))
16 15 
				var $info = data.data || {};
17 16 
				if(data.success && data.data) {
17 
					document.getElementsByClassName(" protable")[0].innerHTML = "";
18 18 
					plus.nativeUI.closeWaiting();
19 19 
					plus.webview.currentWebview().show("slide-in-right", 150);
20 
					var $info = data.data;
21 
					for(var i = 0; i < $info.length; i++) {
22 
						var time = $info[i].createTime.substring(0, 4) + "." + $info[i].createTime.substring(4, 6) + "." + $info[i].createTime.substring(6, 8) + " " + $info[i].createTime.substring(8, 10) + ":" + $info[i].createTime.substring(10, 12);
23 
						var li = document.createElement('li');
24 
						li.className = 'mui-table-view-cell mui-media';
25 
						var string = '<div class="proinfor">'
26 
						if($info[i].professor.hasHeadImage) {
27 
							string += '<img class="mui-media-object mui-pull-left headimg headRadius" src="' + baseUrl + '/images/head/' + $info[i].professor.id + '_l.jpg">'
28 
						} else {
29 
							string += '<img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">'
30 
						}
31 
						string += '<div class="mui-media-body">'
32 
						string += '<div><span class="listtit">' + $info[i].professor.name
33 
						if($info[i].professor.authType) {
34 
							string += '<em class="mui-icon iconfont icon-vip authicon-cu"> </em>';
35 
						} else {
36 
							if($info[i].professor.authStatus) {
37 
								if($info[i].professor.authentication == 1) {
38 
									string += '<em class="mui-icon iconfont icon-renzheng authicon-mana"></em>';
39 
								} else if($info[i].professor.authentication == 2) {
40 
									string += '<em class="mui-icon iconfont icon-renzheng authicon-staff"></em>';
41 
								} else {
42 
									string += '<em class="mui-icon iconfont icon-renzheng authicon-stu"></em>';
43 
								}
44 
							}
45 
						}
46 
						string += '</span><span class="thistime timenow">' + time + '</span></div>'
47 
						string += '<p class="listtit3">' + $info[i].content + '</p>'
48 
						string += '</div> </div>'
49 
						li.innerHTML = string;
50 
						document.getElementsByClassName(" protable")[0].appendChild(li);
51 
					}
20 52 
				}
21 53 
			},
22 54 
			error: function() {

@ -26,8 +58,47 @@ mui.plusReady(function() {
26 58 
		});
27 59 
	}
28 60 
	proInfoMain();
29 
	document.getElementById("send").addEventListener("tap",function(){
30 
		alert(1);
31 
		return;
32 
	})
61
62 
	function trim(str) { //删除左右两端的空格
63 
		　　
64 
		return str.replace(/(^\s*)|(\s*$)/g, "");　　
65 
	}
66
67 
	document.getElementById("msg-text").addEventListener("keyup", function() {
68 
		var valueLength = document.getElementById("msg-text").value;
69 
		var length = trim(valueLength);
70 
		if(length) {
71 
			document.getElementById("send").classList.add("add");
72 
			document.getElementById("msg-type").style.color = "red";
73 
		} else {
74 
			document.getElementById("send").classList.remove("add");
75 
		}
76 
	});
77 
	mui("#chatFooter").on('tap', '.add', function() {
78 
		article();
79 
	});
80
81 
	function article() {
82 
		mui.ajax(baseUrl + "/ajax/leaveWord", {
83 
			dataType: 'json', //数据格式类型
84 
			type: 'POST', //http请求类型
85 
			data: {
86 
				"articleId": proId,
87 
				"sender": userid,
88 
				"content": document.getElementsByTagName("textarea")[0].value,
89 
			},
90 
			timeout: 10000, //超时设置
91 
			success: function(data) {
92 
				var $info = data.data || {};
93 
				if(data.success && data.data) {
94 
					document.getElementsByTagName("textarea")[0].value = "";
95 
					proInfoMain();
96 
				}
97 
			},
98 
			error: function() {
99 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
100 
				return;
101 
			}
102 
		});
103 
	}
33 104 
});

+ 76 - 62
app/js/professorArticle.js
View File 

@ -1,7 +1,8 @@
1 1 
mui.plusReady(function() {
2 2 
	var userid = plus.storage.getItem('userid');
3 3 
	var self = plus.webview.currentWebview();
4 
	var proId = self.articleId;
4 
	var proId = self.articleId;
5 
	console.log(userid)
5 6 
	function proInfoMain() {
6 7 
		mui.ajax(baseUrl + "/ajax/article/query", {
7 8 
			dataType: 'json', //数据格式类型

@ -18,78 +19,90 @@ mui.plusReady(function() {
18 19 
					plus.webview.currentWebview().show("slide-in-right", 150);
19 20 
					var nameli = document.getElementById("nameli");
20 21 
					var proZlist = document.getElementById("proZlist"); //专家资源
22 
					var proRlist = document.getElementById("proRlist"); //专家资源
21 23 
					var proName = document.getElementById("proName");
22 24 
					var proTitle = document.getElementById("proTitle");
23 25 
					var proOffice = document.getElementById("proOffice");
24 26 
					var proOrg = document.getElementById("proOrg");
25 27 
					var proAddress = document.getElementById("proAddress");
26 
					var articleImg=document.getElementById("articleImg");
27 
					var artical_topic=document.getElementById("artical_topic");
28 
					var main_content=document.getElementById("main_content");
28 
					var articleImg = document.getElementById("articleImg");
29 
					var artical_topic = document.getElementById("artical_topic");
30 
					var main_content = document.getElementById("main_content");
29 31 
					proName.innerText = $info.professor.name;
30 
					if($info.professor.title&&$info.professor.office&&$info.professor.orgName&&$info.professor.address){
31 
						proTitle.innerText=$info.professor.title+"，";
32 
						proOffice.innerText=$info.professor.office+"，";
33 
						proOrg.innerText=$info.professor.orgName+" | ";
34 
						proAddress.innerText=$info.professor.address;
35 
					}else if(!$info.professor.title&&$info.professor.office&&$info.professor.orgName&&$info.professor.address){
36 
						proOffice.innerText=$info.professor.office+"，";
37 
						proOrg.innerText=$info.professor.orgName+" | ";
38 
						proAddress.innerText=$info.professor.address;
39 
					}else if($info.professor.title&&!$info.professor.office&&$info.professor.orgName&&$info.professor.address){
40 
						proTitle.innerText=$info.professor.title+"，";
41 
						proOrg.innerText=$info.professor.orgName+" | ";
42 
						proAddress.innerText=$info.professor.address;
43 
					}else if($info.professor.title&&$info.professor.office&&!$info.professor.orgName&&$info.professor.address){
44 
						proTitle.innerText=$info.professor.title+"，";
45 
						proOffice.innerText=$info.professor.office+" | ";
46 
						proAddress.innerText=$info.professor.address;
47 
					}else if($info.professor.title&&$info.professor.office&&$info.professor.orgName&&!$info.professor.address){
48 
						proTitle.innerText=$info.professor.title+"，";
49 
						proOffice.innerText=$info.professor.office+"，";
50 
						proOrg.innerText=$info.professor.orgName;
51 
					}else if(!$info.professor.title&&!$info.professor.office&&$info.professor.orgName&&$info.professor.address){
52 
						proOrg.innerText=$info.professor.orgName+" | ";
53 
						proAddress.innerText=$info.professor.address;
54 
					}else if(!$info.professor.title&&$info.professor.office&&!$info.professor.orgName&&$info.professor.address){
55 
						proOffice.innerText=$info.professor.office+" | ";
56 
						proAddress.innerText=$info.professor.address;
57 
					}else if(!$info.professor.title&&$info.professor.office&&$info.professor.orgName&&!$info.professor.address){
58 
						proOffice.innerText=$info.professor.office+"，";
59 
						proOrg.innerText=$info.professor.orgName;
60 
					}else if($info.professor.title&&!$info.professor.office&&!$info.professor.orgName&&$info.professor.address){
61 
						proTitle.innerText=$info.professor.title+" | ";
62 
						proAddress.innerText=$info.professor.address;
63 
					}else if($info.professor.title&&!$info.professor.office&&$info.professor.orgName&&!$info.professor.address){
64 
						proOffice.innerText=$info.professor.title+"，";
65 
						proAddress.innerText=$info.professor.orgName;
66 
					}else if($info.professor.title&&$info.professor.office&&!$info.professor.orgName&&!$info.professor.address){
67 
						proTitle.innerText=$info.professor.title+"，";
68 
						proOffice.innerText=$info.professor.office;
69 
					}else if(!$info.professor.title&&!$info.professor.office&&!$info.professor.orgName&&$info.professor.address){
70 
						proAddress.innerText=$info.professor.address;
71 
					}else if(!$info.professor.title&&!$info.professor.office&&$info.professor.orgName&&!$info.professor.address){
72 
						proOrg.innerText=$info.professor.orgName;
73 
					}else if(!$info.professor.title&&$info.professor.office&&!$info.professor.orgName&&!$info.professor.address){
74 
						proOffice.innerText=$info.professor.office;
75 
					}else if($info.professor.title&&!$info.professor.office&&!$info.professor.orgName&&!$info.professor.address){
76 
						proTitle.innerText=$info.professor.title;
32 
					if($info.professor.title && $info.professor.office && $info.professor.orgName && $info.professor.address) {
33 
						proTitle.innerText = $info.professor.title + "，";
34 
						proOffice.innerText = $info.professor.office + "，";
35 
						proOrg.innerText = $info.professor.orgName + " | ";
36 
						proAddress.innerText = $info.professor.address;
37 
					} else if(!$info.professor.title && $info.professor.office && $info.professor.orgName && $info.professor.address) {
38 
						proOffice.innerText = $info.professor.office + "，";
39 
						proOrg.innerText = $info.professor.orgName + " | ";
40 
						proAddress.innerText = $info.professor.address;
41 
					} else if($info.professor.title && !$info.professor.office && $info.professor.orgName && $info.professor.address) {
42 
						proTitle.innerText = $info.professor.title + "，";
43 
						proOrg.innerText = $info.professor.orgName + " | ";
44 
						proAddress.innerText = $info.professor.address;
45 
					} else if($info.professor.title && $info.professor.office && !$info.professor.orgName && $info.professor.address) {
46 
						proTitle.innerText = $info.professor.title + "，";
47 
						proOffice.innerText = $info.professor.office + " | ";
48 
						proAddress.innerText = $info.professor.address;
49 
					} else if($info.professor.title && $info.professor.office && $info.professor.orgName && !$info.professor.address) {
50 
						proTitle.innerText = $info.professor.title + "，";
51 
						proOffice.innerText = $info.professor.office + "，";
52 
						proOrg.innerText = $info.professor.orgName;
53 
					} else if(!$info.professor.title && !$info.professor.office && $info.professor.orgName && $info.professor.address) {
54 
						proOrg.innerText = $info.professor.orgName + " | ";
55 
						proAddress.innerText = $info.professor.address;
56 
					} else if(!$info.professor.title && $info.professor.office && !$info.professor.orgName && $info.professor.address) {
57 
						proOffice.innerText = $info.professor.office + " | ";
58 
						proAddress.innerText = $info.professor.address;
59 
					} else if(!$info.professor.title && $info.professor.office && $info.professor.orgName && !$info.professor.address) {
60 
						proOffice.innerText = $info.professor.office + "，";
61 
						proOrg.innerText = $info.professor.orgName;
62 
					} else if($info.professor.title && !$info.professor.office && !$info.professor.orgName && $info.professor.address) {
63 
						proTitle.innerText = $info.professor.title + " | ";
64 
						proAddress.innerText = $info.professor.address;
65 
					} else if($info.professor.title && !$info.professor.office && $info.professor.orgName && !$info.professor.address) {
66 
						proOffice.innerText = $info.professor.title + "，";
67 
						proAddress.innerText = $info.professor.orgName;
68 
					} else if($info.professor.title && $info.professor.office && !$info.professor.orgName && !$info.professor.address) {
69 
						proTitle.innerText = $info.professor.title + "，";
70 
						proOffice.innerText = $info.professor.office;
71 
					} else if(!$info.professor.title && !$info.professor.office && !$info.professor.orgName && $info.professor.address) {
72 
						proAddress.innerText = $info.professor.address;
73 
					} else if(!$info.professor.title && !$info.professor.office && $info.professor.orgName && !$info.professor.address) {
74 
						proOrg.innerText = $info.professor.orgName;
75 
					} else if(!$info.professor.title && $info.professor.office && !$info.professor.orgName && !$info.professor.address) {
76 
						proOffice.innerText = $info.professor.office;
77 
					} else if($info.professor.title && !$info.professor.office && !$info.professor.orgName && !$info.professor.address) {
78 
						proTitle.innerText = $info.professor.title;
77 79 
					}
78 
					var zlist="";
80 
					var rlist = ''
81 
					for(var n = 0; n < $info.professor.researchAreas.length; n++) {
82 
						rlist += '<span>' + $info.professor.researchAreas[n].caption + '</span>';
83 
						if(n != $info.professor.researchAreas.length - 1) {
84 
							rlist += '，';
85 
						}
86 
					}
87 
					($info.professor.researchAreas) ? proRlist.innerHTML = rlist: proRlist.innerText = '';
88 
					var zlist = "";
79 89 
					for(var n = 0; n < $info.professor.resources.length; n++) {
80 90 
						zlist += '<span>' + $info.professor.resources[n].resourceName + '</span>';
81 
						if(n!=$info.professor.resources.length-1){
91 
						if(n != $info.professor.resources.length - 1) {
82 92 
							zlist += '，';
83 93 
						}
84 94 
					}
85 95 
					($info.professor.resources) ? proZlist.innerHTML = zlist: proZlist.innerText = '';
86 
					if($info.articleImg){
87 
						articleImg.style.backgroundImage='url('+baseUrl+'/data/article/'+$info.articleImg+')';
96 
					if($info.articleImg) {
97 
						articleImg.style.backgroundImage = 'url(' + baseUrl + '/data/article/' + $info.articleImg + ')';
98 
					}
99 
					if($info.professor.hasHeadImage) {
100 
						document.getElementById('proHead').src = baseUrl + "/images/head/" + item.id + "_l.jpg";
88 101 
					}
89 
					artical_topic.innerText=$info.articleTitle;
90 
					if($info.articleContent){
91 
						main_content.innerHTML=$info.articleContent;
92 
						var oImg=main_content.getElementsByTagName("img");
102 
					artical_topic.innerText = $info.articleTitle;
103 
					if($info.articleContent) {
104 
						main_content.innerHTML = $info.articleContent;
105 
						var oImg = main_content.getElementsByTagName("img");
93 106 
						for(var i = 0; i < oImg.length; i++) {
94 107 
							(function(n) {
95 108 
								var att = oImg[n].src.substr(7);

@ -97,7 +110,7 @@ mui.plusReady(function() {
97 110 
							})(i);
98 111 
						}
99 112 
					}
100 
				}
113 
				}
101 114 
			},
102 115 
			error: function() {
103 116 
				plus.nativeUI.toast("服务器链接超时", toastStyle);

@ -107,8 +120,9 @@ mui.plusReady(function() {
107 120 
	}
108 121 
	proInfoMain();
109 122 
	/*进入留言*/
110 
	document.getElementById("leaveWord").addEventListener("tap",function(){
111 
		if(!userid){
123 
	document.getElementById("leaveWord").addEventListener("tap", function() {
124 
		var userid = plus.storage.getItem('userid');
125 
		if(!userid) {
112 126 
			goLoginFun();
113 127 
			return;
114 128 
		}