Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
bulomakaka
/
ekexiu.app
Obserwuj 2
Polub 1
Forkuj 0
Kod Problemy 0 Oczekujące zmiany 0 Commity 640 Wydania 0 Wiki
Przeglądaj źródła

新版关注与收藏列表

luyanan 7 lat temu
rodzic
38632bf813
commit
b482b09a01
2 zmienionych plików z 599 dodań i 0 usunięć
Widok podzielony Pokaż statystyki zmian
  1. 218 0
      app/html/attentedList.html
  2. 381 0
      app/js/attentedList.js

+ 218 - 0
app/html/attentedList.html
Wyświetl plik 

@ -0,0 +1,218 @@
1 
<!DOCTYPE html>
2 
<html>
3
4 
<head>
5 
	<meta charset="utf-8">
6 
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
	<title>关注与收藏</title>
8 
	<link href="../css/mui.min.css" rel="stylesheet" />
9 
	<link href="../css/app.css" rel="stylesheet" />
10 
	<link href="../css/iconfont.css" rel="stylesheet" />
11 
	<style type="text/css">
12 
		html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
13 
		.mui-content{height:100%;overflow: auto;}
14 
	</style>
15 
</head>
16
17 
<body>
18 
	<!-- 主页面标题 -->
19 
	 <header class="mui-bar mui-bar-nav toptitbox">
20 
		<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
21 
		<h1 class="mui-title toptit">关注与收藏</h1>
22 
	</header>
23 
	<div class="mui-content maincontent searchTab">
24 
		<div id="slider" class="mui-slider mui-fullscreen">
25 
			<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
26 
				<div class="mui-scroll">
27 
					<a class="mui-control-item mui-active" href="#item1mobile">专家</a>
28 
					<a class="mui-control-item" href="#item2mobile">企业</a>
29 
					<a class="mui-control-item" href="#item3mobile">资源</a>
30 
					<a class="mui-control-item" href="#item4mobile">专利</a>
31 
					<a class="mui-control-item" href="#item5mobile">论文</a>
32 
					<a class="mui-control-item" href="#item6mobile">文章</a>
33 
				</div>
34 
			</div>
35 
			<div class="mui-slider-group">
36 
				<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
37 
					<div id="scroll1" class="mui-scroll-wrapper">
38 
						<div class="mui-scroll">
39 
							<ul class="mui-table-view" id="likeUser">
40 
						        <!--<li class="mui-table-view-cell">
41 
						            <div class="flexCenter mui-clearfix">
42 
						                <div class="madiaHead useHead"></div>
43 
										<div class="madiaInfo">
44 
											<p><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
45 
											<p class="mui-ellipsis h2Font">职称/职位，所在机构</p>
46 
											<p class="mui-ellipsis h2Font">研究方向：研究方向研究方向研究方向研究方向研究方向研究方向</p>
47 
										</div>
48 
						            </div>
49 
						        </li>-->
50 
							</ul>
51 
							<!--无搜索结果-->
52 
							<div class="nodatabox displayNone">
53 
						        <div class="nodata">
54 
						            <div class="picbox picNull"></div>
55 
						            <div class="txtbox">
56 
						            	<p class="noContip">您还未关注任何专家</p>
57 
						            </div>
58 
						        </div>
59 
						    </div>
60 
						</div>
61 
					</div>
62 
				</div>
63 
				<div id="item2mobile" class="mui-slider-item mui-control-content">
64 
					<div class="mui-scroll-wrapper">
65 
						<div class="mui-scroll">
66 
							<ul class="mui-table-view" id="likeCmp">
67 
								<!--<li class="mui-table-view-cell">
68 
						            <div class="flexCenter OflexCenter mui-clearfix">
69 
						                <div class="madiaHead companyHead">
70 
						                	<div class="boxBlock"><img class="boxBlockimg companyImg" src="../images/default-icon.jpg"></div>
71 
						                </div>
72 
										<div class="madiaInfo OmadiaInfo">
73 
											<p class="mui-ellipsis h1Font">企业名称<em class="authicon authicon-com-ok" title="科袖认证企业"></em></p>
74 
											<p class="mui-ellipsis h2Font"><span id="">企业类型</span> <span id="">所属行业 | 所属行业</span></p>
75 
										</div>
76 
						            </div>
77 
						        </li>-->
78 
							</ul><div class="nodatabox displayNone">
79 
						        <div class="nodata">
80 
						            <div class="picbox picNull"></div>
81 
						            <div class="txtbox">
82 
						            	<p class="noContip">您还未关注任何企业</p>
83 
						            </div>
84 
						        </div>
85 
						    </div>
86 
						</div>
87 
					</div>
88 
				</div>
89 
				<div id="item3mobile" class="mui-slider-item mui-control-content">
90 
					<div class="mui-scroll-wrapper">
91 
						<div class="mui-scroll">
92 
							<ul class="mui-table-view" id="likeRes">
93 
								<!--<li class="mui-table-view-cell">
94 
						            <div class="flexCenter OflexCenter mui-clearfix">
95 
						                <div class="madiaHead resouseHead"></div>
96 
										<div class="madiaInfo OmadiaInfo">
97 
											<p class="mui-ellipsis h1Font">资源名称资源名称资源名称资源名称</p>
98 
											<p class="mui-ellipsis h2Font">用途：资源用途资源用途资源用途资源用途资源用途</p>
99 
											<p><span class="h2Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
100 
										</div>
101 
						            </div>
102 
						        </li>-->
103 
							</ul>
104 
							<!--无搜索结果-->
105 
							<div class="nodatabox displayNone">
106 
								<div class="nodata">
107 
									<div class="picbox picNull"></div>
108 
									<div class="txtbox">
109 
										<p class="noContip">您还未收藏任何资源</p>
110 
									</div>
111 
								</div>
112 
							</div>
113 
						</div>
114 
					</div>
115 
				</div>
116 
				<div id="item4mobile" class="mui-slider-item mui-control-content">
117 
					<div class="mui-scroll-wrapper">
118 
						<div class="mui-scroll">
119 
							<ul class="mui-table-view" id="likePat">
120 
								<!--<li class="mui-table-view-cell">
121 
						            <div class="flexCenter OflexCenter mui-clearfix">
122 
						                <div class="madiaHead patentHead"></div>
123 
										<div class="madiaInfo OmadiaInfo">
124 
											<p class="mui-ellipsis h1Font">专利名称</p>
125 
											<p class="mui-ellipsis h2Font">发明人：发明人一，发明人一，发明人一，发明人一，发明人一</p>
126 
										</div>
127 
						            </div>
128 
						        </li>-->
129 
							</ul>
130 
							<div class="nodatabox displayNone">
131 
								<div class="nodata">
132 
									<div class="picbox picNull"></div>
133 
									<div class="txtbox">
134 
										<p class="noContip">您还未收藏任何专利</p>
135 
									</div>
136 
								</div>
137 
							</div>
138 
						</div>
139 
					</div>
140 
				</div>
141 
				<div id="item5mobile" class="mui-slider-item mui-control-content">
142 
					<div class="mui-scroll-wrapper">
143 
						<div class="mui-scroll">
144 
							<ul class="mui-table-view" id="likePer">
145 
								<!--<li class="mui-table-view-cell">
146 
						            <div class="flexCenter OflexCenter mui-clearfix">
147 
						                <div class="madiaHead paperHead"></div>
148 
										<div class="madiaInfo OmadiaInfo">
149 
											<p class="mui-ellipsis h1Font">论文题目</p>
150 
											<p class="mui-ellipsis h2Font">作者：作者一，作者一，作者一，作者一，作者一，作者一</p>
151 
										</div>
152 
						            </div>
153 
						        </li>-->
154 
							</ul>
155 
							<div class="nodatabox displayNone">
156 
								<div class="nodata">
157 
									<div class="picbox picNull"></div>
158 
									<div class="txtbox">
159 
										<p class="noContip">您还未收藏任何论文</p>
160 
									</div>
161 
								</div>
162 
							</div>
163 
						</div>
164 
					</div>
165 
				</div>
166 
				<div id="item6mobile" class="mui-slider-item mui-control-content">
167 
					<div class="mui-scroll-wrapper">
168 
						<div class="mui-scroll">
169 
							<ul class="mui-table-view" id="likeArt">
170 
								<!--<li class="mui-table-view-cell">
171 
						            <div class="flexCenter OflexCenter mui-clearfix">
172 
						                <div class="madiaHead artHead"></div>
173 
										<div class="madiaInfo OmadiaInfo">
174 
											<p class="mui-ellipsis-2 h1Font">文章名称章名称文章名称</p>
175 
											<p><span class="h2Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
176 
										</div>
177 
						            </div>
178 
						        </li>-->
179 
							</ul>
180 
							<div class="nodatabox displayNone">
181 
								<div class="nodata">
182 
									<div class="picbox picNull"></div>
183 
									<div class="txtbox">
184 
										<p class="noContip">您还未收藏任何文章</p>
185 
									</div>
186 
								</div>
187 
							</div>
188 
						</div>
189 
					</div>
190 
				</div>
191 
			</div>
192 
		</div>
193 
	</div>
194 
	<script src="../js/public/mui.min.js"></script>
195 
	<script src="../js/public/mui.pullToRefresh.js"></script>
196 
	<script src="../js/public/mui.pullToRefresh.material.js"></script>
197 
	<script src="../js/public/base.js"></script>
198 
	<script src="../js/attentedList.js"></script>
199 
	<script type="text/javascript">
200 
		//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
201 
	    iosheader();
202 
//	    var anos=ifiosAmdandroid();
203 
//
204 
//	    (function($) {
205 
//	    	//阻尼系数
206 
//			var deceleration = mui.os.ios?0.003:0.0009;
207 
//			$('.mui-scroll-wrapper').scroll({
208 
//				bounce: false,
209 
//				indicators: true, //是否显示滚动条
210 
//				deceleration:deceleration
211 
//			});
212 
//
213 
//		})(mui);
214
215
216 
	</script>
217 
</body>
218 
</html>

+ 381 - 0
app/js/attentedList.js
Wyświetl plik 

@ -0,0 +1,381 @@
1 
//阻尼系数
2 
var deceleration = mui.os.ios ? 0.003 : 0.0009;
3 
mui('.mui-scroll-wrapper').scroll({
4 
	bounce: false,
5 
	indicators: true, //是否显示滚动条
6 
	deceleration: deceleration
7 
});
8
9
10 
mui.ready(function() {
11 
	mui.plusReady(function() {
12 
		var userId = plus.storage.getItem('userid');
13 
		var pullRefreshEl,index;
14 
		//跳转专家浏览页面
15 
		mui("#likeUser").on("tap", "li", function() {
16 
			var id = this.getAttribute("data-id");
17 
			plus.nativeUI.showWaiting(); //显示原生等待框
18 
			plus.webview.create("../html/userInforShow.html", 'userInforShow.html', {}, {
19 
				proid: id
20 
			});
21 
		})
22 
		mui("#likeRes").on("tap", "li", function() {
23 
			var resouId = this.getAttribute("data-id");
24 
			plus.nativeUI.showWaiting();
25 
			plus.webview.create("../html/resourceShow.html", 'resourceShow.html', {}, {
26 
				resourceId: resouId
27 
			});
28 
		})
29 
		mui("#likeArt").on("tap", "li", function() {
30 
			var id = this.getAttribute("data-id");
31 
			var datatype = this.getAttribute("data-type");
32 
			var ownerid = this.getAttribute("owner-id");
33 
			if(datatype == 1) {
34 
				plus.nativeUI.showWaiting();
35 
				plus.webview.create("../html/professorArticle.html", '../html/professorArticle.html', {}, {
36 
					articleId: id,
37 
					ownerid: ownerid,
38 
				});
39 
			} else if(datatype == 2) {
40 
				plus.nativeUI.showWaiting();
41 
				plus.webview.create("../html/professorArticle.html", '../html/professorArticle.html', {}, {
42 
					articleId: id,
43 
					ownerid: ownerid,
44 
					oFlag: 1
45 
				});
46 
			}
47 
		})
48 
		mui("#likePer").on("tap", "li", function() {
49 
			var id = this.getAttribute("data-id");
50 
			plus.nativeUI.showWaiting();
51 
			plus.webview.create("../html/paperShow.html", 'paperShow.html', {}, {
52 
				"paperId": id
53 
			});
54 
		})
55 
		mui("#likePat").on("tap", "li", function() {
56 
			var id = this.getAttribute("data-id");
57 
			plus.nativeUI.showWaiting();
58 
			plus.webview.create("../html/patentShow.html", 'patentShow.html', {}, {
59 
				"patentId": id
60 
			});
61 
		})
62 
		mui("#likeCmp").on("tap", "li", function() {
63 
			var id = this.getAttribute("data-id");
64 
			plus.nativeUI.showWaiting();
65 
			plus.webview.create("../html/cmpInforShow.html", 'cmpInforShow.html', {}, {
66 
				"cmpId": id
67 
			});
68 
		})
69 
		getWatchCon(1,10,1)
70 
		getWatchCon(1,10,2)
71 
		getWatchCon(1,10,3)
72 
		getWatchCon(1,10,4)
73 
		getWatchCon(1,10,5)
74 
		getWatchCon(1,10,6)
75
76 
		function getWatchCon(pageNo,pageSize,num) {
77 
			mui.ajax(baseUrl + '/ajax/watch/qaPro', {
78 
				data: {
79 
					"professorId": userId,
80 
					"watchType": num,
81 
					"pageNo": pageNo,
82 
					"pageSize": pageSize
83 
				},
84 
				dataType: 'json', //数据格式类型
85 
				type: 'GET', //http请求类型
86 
				success: function(data) {
87 
					plus.nativeUI.closeWaiting();
88 
					plus.webview.currentWebview().show("fade-in", 150);
89 
					if(data.success && data.data.data != "") {
90 
						var datalist = data.data.data;
91 
						if(num==1){
92 
							detailPro(datalist);
93 
						}else if(num==2){
94 
							detailRes(datalist);
95 
						}else if(num==3){
96 
							detailArt(datalist);
97 
						}else if(num==4){
98 
							detailPat(datalist);
99 
						}else if(num==5){
100 
								detailPer(datalist);
101 
						}else if(num==6){
102 
							detailCmp(datalist);
103 
						}
104 
					}else{
105 
						if(num==1){
106 
							document.getElementById("likePro").nextSibling.classList.remove("displayNone");
107 
						}else if(num==2){
108 
							document.getElementById("likeRes").nextSibling.classList.remove("displayNone");
109 
						}else if(num==3){
110 
							document.getElementById("likeArt").nextSibling.classList.remove("displayNone");
111 
						}else if(num==4){
112 
							document.getElementById("likePat").nextSibling.classList.remove("displayNone");
113 
						}else if(num==5){
114 
							document.getElementById("likePer").nextSibling.classList.remove("displayNone");
115 
						}else if(num==6){
116 
							document.getElementById("likeCmp").nextSibling.classList.remove("displayNone");
117
118 
						}
119 
					}
120 
				},
121 
				error: function() {
122 
					plus.nativeUI.toast("服务器链接超时", toastStyle);
123 
				}
124 
			});
125 
		}
126
127 
		function detailPro(datalist) {
128 
			//console.log(JSON.stringify(datalist))
129 
			for(var i = 0; i < datalist.length; i++) {
130 
				var li = document.createElement("li");
131 
				var userType = autho(datalist[i].professor.authType, datalist[i].professor.orgAuth, datalist[i].professor.authStatus);
132 
				var os = "";
133 
				if(datalist[i].professor.title) {
134 
					if(datalist[i].professor.orgName) {
135 
						os = datalist[i].professor.title + "，" + datalist[i].professor.orgName;
136 
					} else {
137 
						os = datalist[i].professor.title;
138 
					}
139 
				} else {
140 
					if(datalist[i].professor.office) {
141 
						if(datalist[i].professor.orgName) {
142 
							os = datalist[i].professor.office + "，" + datalist[i].professor.orgName;
143 
						} else {
144 
							os = datalist[i].professor.office;
145 
						}
146 
					} else {
147 
						if(datalist[i].professor.orgName) {
148 
							os = datalist[i].professor.orgName;
149 
						}
150 
					}
151 
				}
152 
				var baImg = "../images/default-photo.jpg";
153 
				if(datalist[i].professor.hasHeadImage == 1) {
154 
					baImg = baseUrl + "/images/head/" + datalist[i].professor.id + "_l.jpg";
155 
				}
156 
				var oSub = "";
157 
				if(datalist[i].professor.researchAreas.length) {
158 
					var arr = [];
159 
					for(var n = 0; n < datalist[i].professor.researchAreas.length; n++) {
160 
						arr[n] = datalist[i].professor.researchAreas[n].caption;
161 
					}
162 
					oSub = "研究方向：" + arr.join(",");
163 
				}
164 
				li.setAttribute("data-id", datalist[i].professor.id);
165 
				li.setAttribute("data-flag", 1);
166 
				li.className = "mui-table-view-cell";
167 
				li.innerHTML = '<div class="flexCenter mui-clearfix">' +
168 
					' <div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' +
169 
					'<div class="madiaInfo">' +
170 
					'<p><span class="h1Font">' + datalist[i].professor.name + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' +
171 
					'<p class="mui-ellipsis h2Font">' + os + '</p>' +
172 
					'<p class="mui-ellipsis h2Font">' + oSub + '</p>' +
173 
					'</div>' +
174 
					'</div>'
175 
				document.getElementById("likeUser").appendChild(li);
176 
			}
177 
		}
178 
		function detailCmp(datalist) {
179 
			//console.log(JSON.stringify(datalist))
180 
			var arr=[];
181 
			for(var i in datalist) {
182 
				arr[i]=datalist[i].watchObject;
183 
			}
184 
			mui.ajax(baseUrl+"/ajax/org/qm",{
185 
				data: {
186 
					id:arr,
187 
				},
188 
				dataType: 'json', //数据格式类型
189 
				type: 'get', //http请求类型
190 
				traditional: true,
191 
				success: function(data) {
192 
					if(data.success && data.data != "") {
193 
						var $data=data.data;
194 
						for(var i = 0; i < $data.length; i++) {
195 
							var li = document.createElement("li");
196 
							li.setAttribute("data-id", $data[i].id);
197 
							var oimg = ($data[i].hasOrgLogo) ? baseUrl + "/images/org/" + $data[i].id + ".jpg" : "../images/default-icon.jpg";
198 
							var oAuth = ($data[i].authStatus == 3) ? 'authicon - com - ok' : '';
199 
							var orgName = ($data[i].forShort) ? $data[i].forShort : $data[i].name;
200 
							var orgType = ($data[i].orgType == '2') ? "上市企业" : "";
201 
							var orgOther = ($data[i].industry) ? $data[i].industry.replace(/,/gi, " | ") : "";
202 
							li.className = "mui-table-view-cell";
203 
							li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
204 
								'<div class="madiaHead companyHead">' +
205 
								'<div class="boxBlock"><img class="boxBlockimg companyImg" src="' + oimg + '"></div>' +
206 
								'</div>' +
207 
								'<div class="madiaInfo OmadiaInfo">' +
208 
								'<p class="mui-ellipsis h1Font">' + orgName + '<em class="authicon ' + oAuth + '" title="科袖认证企业"></em></p>' +
209 
								'<p class="mui-ellipsis h2Font"><span id="">' + orgType + '</span> <span id="">' + orgOther + '</span></p>' +
210 
								'</div>' +
211 
								'</div>'
212 
							document.getElementById("likeCmp").appendChild(li);
213 
						}
214 
					}
215 
				},
216 
				error:  function() {
217 
					plus.nativeUI.toast("服务器链接超时", toastStyle);
218 
				}
219 
			});
220 
		}
221 
		function detailPat(datalist) {
222 
			//console.log(JSON.stringify(datalist))
223 
			var arr=[];
224 
			for(var i in datalist) {
225 
				arr[i]=datalist[i].watchObject;
226 
			}
227 
			mui.ajax(baseUrl+"/ajax/ppatent/qm",{
228 
				data: {
229 
					id:arr,
230 
				},
231 
				dataType: 'json', //数据格式类型
232 
				type: 'get', //http请求类型
233 
				traditional: true,
234 
				success: function(data) {
235 
					if(data.success && data.data != "") {
236 
						var $data=data.data;
237 
						for(var i = 0; i < $data.length; i++) {
238 
							var li = document.createElement("li");
239 
							li.setAttribute("data-id", $data[i].id);
240 
							li.className = "mui-table-view-cell";
241 
							li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
242 
								'<div class="madiaHead patentHead"></div>' +
243 
								'<div class="madiaInfo OmadiaInfo">' +
244 
								'<p class="mui-ellipsis h1Font">' + $data[i].name + '</p>' +
245 
								'<p class="mui-ellipsis h2Font">' + $data[i].authors.substring(0, $data[i].authors.length - 1) + '</p>' +
246 
								'</div>' +
247 
								'</div>'
248 
							document.getElementById("likePat").appendChild(li);
249 
						}
250 
					}
251 
				},
252 
				error:  function() {
253 
					plus.nativeUI.toast("服务器链接超时", toastStyle);
254 
				}
255 
			});
256 
		}
257 
		function detailPer(datalist) {
258 
			//console.log(JSON.stringify(datalist))
259 
			var arr=[];
260 
			for(var i in datalist) {
261 
				arr[i]=datalist[i].watchObject;
262 
			}
263 
			mui.ajax(baseUrl+"/ajax/ppaper/qm",{
264 
				data: {
265 
					id:arr,
266 
				},
267 
				dataType: 'json', //数据格式类型
268 
				type: 'get', //http请求类型
269 
				traditional: true,
270 
				success: function(data) {
271 
					if(data.success && data.data != "") {
272 
						var $data=data.data;
273 
						for(var i = 0; i < $data.length; i++) {
274 
							var li = document.createElement("li");
275 
							li.setAttribute("data-id", $data[i].id);
276 
							li.className = "mui-table-view-cell";
277 
							li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
278 
								'<div class="madiaHead artHead"></div>' +
279 
								'<div class="madiaInfo OmadiaInfo">' +
280 
								'<p class="mui-ellipsis h1Font">' + $data[i].name + '</p>' +
281 
								'<p class="mui-ellipsis h2Font">' + $data[i].authors.substring(0, $data[i].authors.length - 1) + '</p>' +
282 
								'</div>' +
283 
								'</div>'
284 
							document.getElementById("likePer").appendChild(li);
285 
						}
286 
					}
287 
				},
288 
				error:  function() {
289 
					plus.nativeUI.toast("服务器链接超时", toastStyle);
290 
				}
291 
			});
292 
		}
293 
		function detailRes(datalist) {
294 
			//console.log(JSON.stringify(datalist))
295 
			for(var i = 0; i < datalist.length; i++) {
296 
				var $data = datalist[i].resource;
297 
				var namepo, userType;
298 
				if($data.resourceType == 1) {
299 
					namepo = $data.editProfessor.name;
300 
					userType = autho($data.editProfessor.authType, $data.editProfessor.orgAuth, $data.editProfessor.authStatus);
301 
				} else {
302 
					userType = {};
303 
					if($data.organization.forShort){
304 
						namepo = $data.organization.forShort;
305 
					}else{
306 
						namepo = $data.organization.name;
307 
					}
308
309 
					if($data.organization.authStatus == 3) {
310 
						userType.sty = "authicon-com-ok"
311 
					} else {
312 
						userType.sty = "e"
313 
					}
314 
				}
315 
				var rImg = "../images/default-resource.jpg";
316 
				if($data.images.length) {
317 
					rImg = baseUrl + "/data/resource/" + $data.images[0].imageSrc;
318 
				}
319 
				var li = document.createElement("li");
320 
				li.setAttribute("data-id", $data.resourceId);
321 
				li.setAttribute("data-flag", 2);
322 
				li.className = "mui-table-view-cell";
323 
				li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
324 
					' <div class="madiaHead resouseHead" style="background-image:url(' + rImg + ')"></div>' +
325 
					'<div class="madiaInfo OmadiaInfo">' +
326 
					'<p class="mui-ellipsis h1Font">' + $data.resourceName + '</p>' +
327 
					'<p class="mui-ellipsis h2Font">用途：' + $data.supportedServices + '</p>' +
328 
					'<p><span class="h2Font">' + namepo + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' +
329 
					'</div>' +
330 
					'</div>'
331 
				document.getElementById("likeRes").appendChild(li);
332 
			}
333 
		}
334 
		function detailArt(datalist) {
335 
			//console.log(JSON.stringify(datalist))
336 
			for(var i = 0; i < datalist.length; i++) {
337 
				var dataItem = datalist[i].article;
338 
				var of ;
339 
				if(dataItem.articleType == 1) { of = 1;
340 
				} else { of = 2;
341 
				}
342 
				var arImg = "../images/default-artical.jpg";
343 
				if(dataItem.articleImg) {
344 
					arImg = baseUrl + "/data/article/" + dataItem.articleImg
345 
				}
346 
				var title = dataItem.articleTitle;
347 
				var name = ""
348 
				var li = document.createElement("li");
349 
				if( of == 1) {
350 
					var userType = autho(dataItem.professor.authType, dataItem.professor.orgAuth, dataItem.professor.authStatus);
351 
					li.setAttribute("owner-id", dataItem.professor.id);
352 
					li.setAttribute("data-type", 1);
353 
					name = dataItem.professor.name;
354 
				} else {
355 
					var userType = {};
356 
					if(dataItem.organization.authStatus == 3) {
357 
						userType.sty = 'authicon-com-ok'
358 
					} else {
359 
						userType.sty = "e"
360 
					}
361 
					li.setAttribute("owner-id", dataItem.organization.id);
362 
					li.setAttribute("data-type", 2);
363 
					name = dataItem.organization.name;
364 
				}
365 
				li.setAttribute("data-id", dataItem.articleId);
366 
				li.setAttribute("data-flag", 3);
367 
				li.className = "mui-table-view-cell";
368 
				li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">' +
369 
					'<div class="madiaHead artHead" style="background-image:url(' + arImg + ')"></div>' +
370 
					'<div class="madiaInfo OmadiaInfo">' +
371 
					'<p class="mui-ellipsis-2 h1Font">' + title + '</p>' +
372 
					'<p><span class="h2Font">' + name + '</span><em class="authicon ' + userType.sty + '" title="科袖认证专家"></em></p>' +
373 
					'</div>' +
374 
					'</div>'
375 
				document.getElementById("likeArt").appendChild(li);
376
377 
			}
378 
		}
379
380 
	})
381 
});