Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 412 Releases 0 Wiki
Browse Source

文章详情页面

happy 8 years ago
parent
5bca3f0bd0
commit
32de5baee0
9 changed files with 1043 additions and 276 deletions
Split View Show Diff Stats
  1. 3 30
      articalIssue.html
  2. 2 10
      articalModify.html
  3. 1 0
      articalPreview.html
  4. 64 171
      articalShow.html
  5. 55 26
      js/articalIssue.js
  6. 8 7
      js/articalList.js
  7. 59 29
      js/articalModify.js
  8. 8 3
      js/articalPreview.js
  9. 843 0
      js/articalShow.js

+ 3 - 30
articalIssue.html
View File 

@ -77,40 +77,13 @@
77 77 
							<button class="frmcontype frmadd displayNone" id="addkeyWord">添加</button>
78 78 
						</div>
79 79 
						<div class="form-drop keydrop displayNone">
80 
							<ul>
81 
								<li>
82 
									<p class="h2Font">金属材料工程与腐蚀</p>
83 
								</li>
84 
								<li>
85 
									<p class="h2Font">金属材料工程与腐蚀</p>
86 
								</li>
87 
								<li>
88 
									<p class="h2Font">金属材料工程与腐蚀</p>
89 
								</li>
80 
							<ul id="keydropList">
81
90 82 
							</ul>
91 83 
						</div>
92 84 
						<div class="form-result keyResult">
93 85 
							<ul class="clearfix" id="keyWordlist">
94 
								<!--<li>
95 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
96 
									<div class="closeThis"></div>
97 
								</li>
98 
								<li>
99 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
100 
									<div class="closeThis"></div>
101 
								</li>
102 
								<li>
103 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
104 
									<div class="closeThis"></div>
105 
								</li>
106 
								<li>
107 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
108 
									<div class="closeThis"></div>
109 
								</li>
110 
								<li>
111 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
112 
									<div class="closeThis"></div>
113 
								</li>-->
86
114 87 
							</ul>
115 88 
						</div>
116 89 
					</li>

+ 2 - 10
articalModify.html
View File 

@ -81,16 +81,8 @@
81 81 
							<button class="frmcontype frmadd displayNone" id="addkeyWord">添加</button>
82 82 
						</div>
83 83 
						<div class="form-drop keydrop displayNone">
84 
							<ul>
85 
								<li>
86 
									<p class="h2Font">金属材料工程与腐蚀</p>
87 
								</li>
88 
								<li>
89 
									<p class="h2Font">金属材料工程与腐蚀</p>
90 
								</li>
91 
								<li>
92 
									<p class="h2Font">金属材料工程与腐蚀</p>
93 
								</li>
84 
							<ul class="keydropList">
85
94 86 
							</ul>
95 87 
						</div>
96 88 
						<div class="form-result keyResult">

+ 1 - 0
articalPreview.html
View File 

@ -78,6 +78,7 @@
78 78 
					</div>
79 79 
				</div>
80 80 
			</div>
81
81 82 
		</div>
82 83 
	</div>
83 84

+ 64 - 171
articalShow.html
View File 

@ -22,108 +22,48 @@
22 22 
		<div class="contentCon clearfix conBlock">
23 23 
			<div class="leftconBox floatL">
24 24 
				<div class="showDetail">
25 
					<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
26 
					<div class="h2Font"><span id="creTime">2月23日 14:38</span> <span class="readNum">阅读量10000</span></div>
27 
					<div class="showBigOpen" style="background-image: url(images/banner/banner01.jpg);"></div>
25 
					<div class="h1Font" id="articleTitle"></div>
26 
					<div class="h2Font"><span id="publishTime">2月23日 14:38</span> <span class="readNum" id="pageViews"></span></div>
27 
					<div class="showBigOpen" id="articleImg"></div>
28 28 
					<!--文章内容区-->
29 
					<div class="showMain">
30 
<p>分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到的内容，最简单的就是鸡汤、各种鸡汤，养生，各种养生，因为这是关乎心灵和身体健康的东西。位居其后的，是我认为重要的信息。什么是重要的信息，后面我会专门展开来讲。
31 
以展示和分享为主要目的的传播特征，使得社交媒体上发布的信息很像是美图秀，是无意中被刻意挑选过的。</p><p>因为朋友圈中发布的信息其实是有某种强烈的筛选机制。虽然理论上任意两个人都可以通过非常有限的朋友圈建立联系，它看上去像是开发的，但实际上，每个人的朋友圈基本上都是处于半开放的，因为虽然互相关注，但你可以选择他是否可以看你发布的内容，以及你是否看他发布的内容。
32 
所以，任意一个朋友圈都是特定观念和偏好的集合，信息是在特定人群中间传播。一个坚持买《环球时报》的人，很少看到南方系的内容，反之亦然，一个热爱中医养生的人，很少看到科普党人反中医的文章，反之亦然，一个热爱唐装盘手串的人，很少看到整天攻击中国传统文化的内容，反之亦然。</p>
33 
<p><img src="images/banner/banner01.jpg" /></p>
34 
<p>所谓展示，指的是我通过信息的发布，展示我的生活方式生活态度和精神面目，一个人展示出来的东西，其实是他希望和想象的理想状态，通常是比实际情况要高一档次，比如一个人一周要吃五次卤煮，他肯定不会秀自己整天吃卤煮，但是，他要吃了一次日本料理，就一定会秀出来。去动物园服装批发市场买衣服，他不会秀，但他去了一次东京银座，即使不购物也会展示出来。他跑了五公里会秀，但宅在家里两天不出门灰头土脑一定不会秀。同样的，晒娃、晒猫狗、秀恩爱也是基于同样的心理，我希望通过这些信息，来展示我是一个多么热爱生活，当然，重要是生活品质很高，并且关心社会的一个面貌。</p>
35 
					</div>
29 
					<div class="showMain" id="articleContent"></div>
36 30 
					<!--标签模块-->
37 
					<ul class="tagList">
38 
						<li>
39 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
40 
						</li>
41 
						<li>
42 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
43 
						</li>
44 
						<li>
45 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
46 
						</li>
47 
						<li>
48 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
49 
						</li>
50 
						<li>
51 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
52 
						</li>
31 
					<ul class="tagList" id="tagList">
32
53 33 
					</ul>
54 34 
					<!--相关专家-->
55 35 
					<div class="form-item otherShow otherShowFirst">
56 36 
						<div class="aboutTit">相关专家</div>
57 
						<div class="form-result pointOk">
58 
							<ul>
59 
								<li>
60 
									<div class="madiaHead useHead"></div>
61 
									<div class="madiaInfo">
62 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
63 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
64 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
65 
									</div>
66 
								</li>
67 
								<li>
68 
									<div class="madiaHead useHead"></div>
69 
									<div class="madiaInfo">
70 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
71 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
72 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
73 
									</div>
74 
								</li>
75 
								<li>
76 
									<div class="madiaHead useHead"></div>
77 
									<div class="madiaInfo">
78 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
79 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
80 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
81 
									</div>
82 
								</li>
37 
						<div class="form-result">
38 
							<ul id="relevantExperts">
39
83 40 
							</ul>
84 41 
						</div>
85 42 
					</div>
86 43 
					<!--相关资源-->
87 44 
					<div class="form-item otherShow">
88 45 
						<div class="aboutTit">相关资源</div>
89 
						<div class="form-result aboutRes pointOk">
90 
							<ul>
91 
								<li>
92 
									<div class="madiaHead resouseHead"></div>
93 
									<div class="madiaInfo">
94 
										<p class="h1Font">资源名称资源名称资源名称</p>
95 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
96 
									</div>
97 
								</li>
98 
								<li>
99 
									<div class="madiaHead resouseHead"></div>
100 
									<div class="madiaInfo">
101 
										<p class="h1Font">资源名称资源名称资源名称</p>
102 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
103 
									</div>
104 
								</li>
105 
								<li>
106 
									<div class="madiaHead resouseHead"></div>
107 
									<div class="madiaInfo">
108 
										<p class="h1Font">资源名称资源名称资源名称</p>
109 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
110 
									</div>
111 
								</li>
46 
						<div class="form-result aboutRes">
47 
							<ul id="resources">
48
112 49 
							</ul>
113 50 
						</div>
114 51 
					</div>
52
115 53 
					<!--点赞模块-->
116 54 
					<div class="thumbBlock">
117 
						<span class="thumbBtn">赞200</span>
55 
						<span class="thumbBtn"></span>
118 56 
					</div>
119 57 
					<!--分享操作栏-->
120 58 
					<div class="shareBlock clearfix">
121 59 
						<div class="form-item shareInfo floatL">
122 
							<div class="madiaHead useHead"></div>
123 
							<div class="madiaInfo">
124 
								<span class="h1Font ellipsisSty">张大大张大大张大大张大大张大大张大大张大大张大大张大大</span>
125 
								<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
126 
							</div>
60 
							<a href="" class="useurl" >
61 
								<div class="madiaHead useHead userimg"></div>
62 
								<div class="madiaInfo">
63 
									<span class="h1Font ellipsisSty username"></span>
64 
									<em class="authiconNew labels" title="科袖认证专家"></em>
65 
								</div>
66 
							</a>
127 67 
						</div>
128 68 
						<ul class="shareWays floatR">
129 69 
							<li><em class="operateicon icon-message"></em><span class="message">240</span></li>

@ -146,7 +86,7 @@
146 86 
					<div class="share-bottom"></div>
147 87 
					<div class="ifLogin">
148 88 
					    <!--未登录-->
149 
					    <div class="ifLoginUn">
89 
					    <div class="ifLoginUn displayNone">
150 90 
					    	<span class="floaL">大牛，别默默的看了，快登录给我留言吧！</span>
151 91 
					    	<ul class="floatR">
152 92 
					    		<li><a href="register.html">注册</a></li>

@ -155,123 +95,62 @@
155 95 
					    	</ul>
156 96 
					    </div>
157 97 
					    <!--登录可留言-->
158 
					    <form class="ifLoginOn clearfix">
98 
					    <form class="ifLoginOn clearfix displayNone">
159 99 
					    	<div class="msgContbox">
160 100 
					    		<textarea class="msgCont" placeholder="请输入您的留言内容..."></textarea>
161 
					    		<span class="msgconNum">0/250</span>
101 
					    		<span class="msgconNum"><span>0</span>/200</span>
162 102 
					    	</div>
163 
					    	<button class="frmconbtn btnModel floatR" disabled id="meSend">留言</button>
103 
					    	<span class="frmconbtn btnModel floatR" disabled id="meSendtt">留言</span>
164 104 
					    </form>
165 105 
					</div>
166 106 
					<div class="form-item commentsArea">
167 107 
						<ul class="commentList">
168 
							<li>
169 
								<div class="madiaHead useHead"></div>
170 
								<div class="madiaInfo">
171 
									<p>
172 
										<span class="h1Font">张某某</span>
173 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
174 
										<span class="commenttime">9月30号 12:00</span>
175 
									</p>
176 
									<p class="h2Font">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护
177 
										材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护
178 
									</p>
179 
									<div class="operateSpan">
180 
										<span class="callBack">回复</span>
181 
										<span>删除</span>
182 
									</div>
183 
								</div>
184 
							</li>
185 
							<li>
186 
								<div class="madiaHead useHead"></div>
187 
								<div class="madiaInfo">
188 
									<p>
189 
										<span class="h1Font">张某某</span>
190 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
191 
										<span class="commenttime">9月30号 12:00</span>
192 
									</p>
193 
									<p class="h2Font">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护
194 
									</p>
195 
									<div class="operateSpan">
196 
										<span class="callBack">回复</span>
197 
										<span>删除</span>
198 
									</div>
199 
								</div>
200 
							</li>
201 
							<li>
202 
								<div class="madiaHead useHead"></div>
203 
								<div class="madiaInfo">
204 
									<p>
205 
										<span class="h1Font">张某某</span>
206 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
207 
										<span class="commenttime">9月30号 12:00</span>
208 
									</p>
209 
									<p class="h2Font">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护
210 
									</p>
211 
									<div class="operateSpan">
212 
										<span class="callBack">回复</span>
213 
										<span>删除</span>
214 
									</div>
215 
								</div>
216 
							</li>
108
217 109 
						</ul>
218 
						<button class="frmconbtn btnCancel">查看更多留言</button>
110 
						<button class="frmconbtn btnCancel displayNone" id="moreArtical">查看更多留言</button>
219 111 
					</div>
220 112 
					<!--相关文章-->
221 113 
					<div class="form-item otherShow">
222 114 
						<div class="aboutTit">相关文章</div>
223 115 
						<div class="form-result aboutRes pointOk">
224 
							<ul>
225 
								<li>
226 
									<div class="madiaHead artHead"></div>
227 
									<div class="madiaInfo">
228 
										<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
229 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
230 
									</div>
231 
								</li>
232 
								<li>
233 
									<div class="madiaHead artHead"></div>
234 
									<div class="madiaInfo">
235 
										<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
236 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
237 
									</div>
238 
								</li>
239 
								<li>
240 
									<div class="madiaHead artHead"></div>
241 
									<div class="madiaInfo">
242 
										<p class="h1Font ellipsisSty-2">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
243 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
244 
									</div>
245 
								</li>
116 
							<ul id="abutartical">
117
246 118 
							</ul>
247 119 
						</div>
248 120 
					</div>
249 121 
				</div>
250 122 
			</div>
123
251 124 
			<div class="rightconBox floatR">
252 
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
253 
					<div class="madiaHead useHead"></div>
125 
				<div class="conItem conItemG alignCenter displayNone" id="expert" style="border:none;padding:30px;">
126 
					<a href="" class="hrefgo"><div class="madiaHead useHead" id="Zimg"></div></a>
254 127 
					<div class="proInfo">
255 128 
						<div class="h3Font clearfix">
256 
							<span class="h1Font" id="nameS">张某某</span>
257 
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
129 
							<a href="" class="h1Font hrefgo" id="Zname"></a>
130 
							<span class="authiconNew" title="科袖认证专家" id="ZauthFlag"></span>
258 131 
						</div>
259 
						<p class="h2Font">教授高工、董事长兼CEO</p>
260 
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
132 
						<p class="h2Font" id="Ztitle"></p>
133 
						<p class="h2Font" id="ZorgName"></p>
134 
					</div>
135 
					<div class="goSpan displayNone">
136 
						<span class="attenSpan"></span>
261 137 
					</div>
262 
					<span class="attenSpan">关注</span>
263 138 
				</div>
264 
				<div class="conItem conItemG" style="border:none;padding:30px;">
265 
					<div class="madiaHead cmpHead"></div>
139 
				<div class="conItem conItemG displayNone" id="enterprise" style="border:none;padding:30px;">
140 
					<a href=""  class="qiyego"><div class="madiaHead cmpHead" id="Qimg"></div></a>
266 141 
					<div class="proInfo alignCenter">
267 142 
						<div class="h3Font clearfix">
268 
							<span class="h1Font" id="nameS">北京科袖科技有限公司</span>
269 
							<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="authFlag"></span>
143 
							<a href=""  class="h1Font qiyego" id="Qname">北京科袖科技有限公司</a>
144 
							<span class="authiconNew" title="科袖认证企业" id="QauthFlag"></span>
270 145 
						</div>
271 
						<p class="h2Font">所属行业 | 企业类型</p>
146 
						<p class="h2Font ellipsisSty" id="Qindustry"></p>
147 
						<p class="h2Font" id="QorgType"></p>
272 148 
					</div>
273 149 
				</div>
274 150 
			</div>
151
152
153
275 154 
		</div>
276 155 
	</div>
277 156 
</div>

@ -280,10 +159,11 @@
280 159 
</footer>
281 160
282 161 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
283 
<script type="text/javascript" src="js/scrollfix.js"></script>
284 162 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
285 
<script type="text/javascript" src="js/jquery.page.js"></script>
286 163 
<script type="text/javascript" src="js/common.js"></script>
164 
<script type="text/javascript" src="js/scrollfix.js"></script>
165 
<script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script>
166 
<script type="text/javascript" src="js/articalShow.js"></script>
287 167 
<script type="text/javascript">
288 168 
	$(".textareaboxEmp").keyup(function(){
289 169 
		$(this).css("content","none");

@ -291,6 +171,19 @@
291 171 
	$('.upTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
292 172 
	$('.wordHave').click(function(){$('html,body').animate({scrollTop: ($('.resTop').height()+80)+'px'}, 800);});
293 173 
	$('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();});
174 
	//微信分享
175 
	var qrcode = new QRCode(document.getElementById("qrcode"), {
176 
		width: 100,
177 
		height: 100
178 
	});
179
180 
	function makeCode() {
181 
		var hurl = window.location.host;
182 
		var articleId = GetQueryString("articleId");
183 
		var elurl = "http://" + hurl + "/ekexiu/shareArticalinfor.html?articleId=" + articleId;
184 
		qrcode.makeCode(elurl);
185 
	}
186 
	makeCode();
294 187 
	//留言分享操作栏
295 188 
	setTimeout(function() {
296 189 
		var oShareW = $('.share-nav').outerWidth(true);

+ 55 - 26
js/articalIssue.js
View File 

@ -7,36 +7,34 @@ $(function() {
7 7 
	var fa = false;
8 8
9 9 
	//校验标题
10 
	$("#newstitle").on("focus", function() {
11 
		$(this).prev().find("span").text("30字以内");
12 
	})
13 
	$("#newstitle").on("blur", function() {
14 
		$(this).prev().find("span").text("");
15 
	})
16 
	$("#newstitle").on("keyup", function() {
17 
		var inputval = $(this).val();
18 
		var inputlen = inputval.replace(/[^\u0000-\u00ff]/g, "aa").length;
19 
		if(inputlen > 60) {
20 
			var value = inputval.substring(0, 60);
21 
			$(this).val(value);
10 
	$("#newstitle").on({
11 
		focus: function() {
12 
			$(this).prev().find("span").text("30字以内");
13 
		},
14 
		blur: function() {
15 
			$(this).prev().find("span").text("");
16 
		},
17 
		keyup: function() {
18 
			if($(this).val().length > 30) {
19 
				$(this).val($(this).val().substr(0, 30));
20 
			}
22 21 
		}
23
24 22 
	})
25 23
26 24 
	//校验关键字
27 
	$("#KeyWord").on("focus", function() {
28 
		$("#keyPrompt").text("最多可添加5个关键词、每个关键词最多10个字");
29 
	})
30 
	$("#KeyWord").on("blur", function() {
31 
		$("#keyPrompt").text("");
32 
	})
33 
	$("#KeyWord").on("keyup", function() {
34 
		$(".frmadd,.keydrop").removeClass("displayNone");
35 
		var inputval = $(this).val();
36 
		var inputlen = inputval.replace(/[^\u0000-\u00ff]/g, "aa").length;
37 
		if(inputlen > 20) {
38 
			var value = inputval.substring(0, 20);
39 
			$(this).val(value);
25 
	$("#KeyWord").on({
26 
		focus: function() {
27 
			$("#keyPrompt").text("最多可添加5个关键词、每个关键词最多10个字");
28 
		},
29 
		blur: function() {
30 
			$("#keyPrompt").text("");
31 
		},
32 
		keyup: function() {
33 
			$(".frmadd,.keydrop").removeClass("displayNone");
34 
			if($(this).val().length > 10) {
35 
				$(this).val($(this).val().substr(0, 10));
36 
			}
37 
			KeyWordList();
40 38 
		}
41 39 
	})
42 40 


@ -249,6 +247,37 @@ $(function() {
249 247 
			}
250 248 
		});
251 249 
	}
250
251 
	function KeyWordList() {
252 
		$.ajax({
253 
			"url": "/ajax/dataDict/qaHotKey",
254 
			"type": "get",
255 
			"data": {
256 
				"key": $("#KeyWord").val()
257 
			},
258 
			"success": function(data) {
259 
				console.log(data);
260 
				if(data.success) {
261 
					if(data.data != "") {
262 
						var itemlist = '';
263 
						$("#keydropList").html("");
264 
						for(var i = 0; i < data.data.length; i++) {
265 
							var itemlist = '<li><p class="h2Font"></p></li>';
266 
							$itemlist = $(itemlist);
267 
							$itemlist.find(".h2Font").text(datalist.caption);
268 
						}
269 
					} else {
270 
						$(".keydrop").addClass("displayNone");
271 
					}
272 
				} else {
273 
					$(".keydrop").addClass("displayNone");
274 
				}
275 
			},
276 
			"error": function() {
277 
				$.MsgBox.Alert('提示', '链接服务器超时')
278 
			}
279 
		});
280 
	}
252 281
253 282 
	var titleflase = false;
254 283 
	var imgflase = false;

+ 8 - 7
js/articalList.js
View File 

@ -58,20 +58,20 @@ function articalList(pageSize, pageNo, isbind, num) {
58 58 
				$(".tcdPageCode").css("display", "block");
59 59 
				for(var i = 0; i < data.data.data.length; i++) {
60 60 
					if(data.data.data[i].status == 1) {
61 
						var li = '<li class="newbox"><a href="" class="newurl">';
61 
						var li = '<li class="newbox"><a href="" target="_blank" class="newurl">';
62 62 
						var li2 = '<ul class="h2Font clearfix"><li><span class="time"></span></li><li><span id="pageViews"></span></li><li><span id="articleAgree"></span></li><li><span id="comment"></span></li></ul>';
63 63 
						var li3 = '';
64 64 
						var li4 = '';
65 65 
					} else if(data.data.data[i].status == 0) {
66 
						var li = '<li class="newbox draftList"><a href="" class="newurl">';
66 
						var li = '<li class="newbox draftList"><a href="" target="_blank" class="newurl">';
67 67 
						var li2 = '<ul class="h2Font clearfix"><li><span class="time"></span></li></ul>';
68 68 
						var li3 = '<span class="draftLable">草稿</span>';
69 
						var li4 = '<li><a class="editThis"></a></li>';
69 
						var li4 = '<li><a class="editThis" target="_blank"></a></li>';
70 70 
					} else if(data.data.data[i].status == 2) {
71 71 
						var li = '<li class="newbox draftList"><a href="" class="newurl">';
72 72 
						var li2 = '<ul class="h2Font clearfix"><li><span class="time"></span></li></ul>';
73 73 
						var li3 = '<span class="draftLable" id="dsfbtime"></span>';
74 
						var li4 = '<li><a class="editThis"></a></li>';
74 
						var li4 = '<li><a class="editThis" target="_blank"></a></li>';
75 75 
					}
76 76 
					var itemlist = li;
77 77 
					itemlist += '<div class="madiaHead artHead" id="artimg"></div>';

@ -105,21 +105,22 @@ function articalList(pageSize, pageNo, isbind, num) {
105 105 
					}
106 106 
					if(datalist.status == 2){//定时发布
107 107 
						$itemlist.find("#dsfbtime").text("草稿 | 将于" +Time(datalist.publishTime)+ "定时发布");
108 
						$itemlist.find(".editThis").on("click",function(){
108 
						$itemlist.find(".editThis,.newurl").on("click",function(){
109 
							var newarticleId = $(this).parents(".newbox").attr("data-id");
109 110 
							$.ajax({
110 111 
								"url": "/ajax/article/updateDraft",
111 112 
								"type": "POST",
112 113 
								"dataType": "json",
113 114 
								"async": false,
114 115 
								"data": {
115 
									"articleId": datalist.articleId
116 
									"articleId": newarticleId
116 117 
								},
117 118 
								"success": function(data) {
118 119 
									if(data.success) {
119 120 
										falseno = true;
120 121 
									}
121 122 
									if(falseno) {
122 
										window.open("articalModify.html?articleId=" + datalist.articleId)
123 
										window.open("articalModify.html?articleId=" +newarticleId)
123 124 
									}
124 125 
								},
125 126 
								"error": function() {

+ 59 - 29
js/articalModify.js
View File 

@ -10,38 +10,37 @@ $(function() {
10 10 
	articleshow();
11 11 
	relevantExperts();
12 12 
	relevantResources();
13
13 14 
	//校验标题
14 
	$("#newstitle").on("focus",function(){
15 
		$(this).prev().find("span").text("30字以内");
16 
	})
17 
	$("#newstitle").on("blur",function(){
18 
		$(this).prev().find("span").text("");
19 
	})
20 
	$("#newstitle").on("keyup",function(){
21 
		var inputval = $(this).val();
22 
		var inputlen = inputval.replace(/[^\u0000-\u00ff]/g, "aa").length;
23 
		if(inputlen > 60){
24 
    		var value = inputval.substring(0,60);
25 
   			$(this).val(value);
26 
    	}
27
15 
	$("#newstitle").on({
16 
		focus: function() {
17 
			$(this).prev().find("span").text("30字以内");
18 
		},
19 
		blur: function() {
20 
			$(this).prev().find("span").text("");
21 
		},
22 
		keyup: function() {
23 
			if($(this).val().length > 30) {
24 
				$(this).val($(this).val().substr(0, 30));
25 
			}
26 
		}
28 27 
	})
29
28
30 29 
	//校验关键字
31 
	$("#KeyWord").on("focus",function(){
32 
		$("#keyPrompt").text("最多可添加5个关键词、每个关键词最多10个字");
33 
	})
34 
	$("#KeyWord").on("blur",function(){
35 
		$("#keyPrompt").text("");
36 
	})
37 
	$("#KeyWord").on("keyup",function(){
38 
		$(".frmadd,.keydrop").removeClass("displayNone");
39 
		var inputval = $(this).val();
40 
		var inputlen = inputval.replace(/[^\u0000-\u00ff]/g, "aa").length;
41 
		if(inputlen > 20){
42 
    		var value = inputval.substring(0,20);
43 
   			$(this).val(value);
44 
    	}
30 
	$("#KeyWord").on({
31 
		focus: function() {
32 
			$("#keyPrompt").text("最多可添加5个关键词、每个关键词最多10个字");
33 
		},
34 
		blur: function() {
35 
			$("#keyPrompt").text("");
36 
		},
37 
		keyup: function() {
38 
			$(".frmadd,.keydrop").removeClass("displayNone");
39 
			if($(this).val().length > 10) {
40 
				$(this).val($(this).val().substr(0, 10));
41 
			}
42 
			KeyWordList();
43 
		}
45 44 
	})
46 45
47 46 
	//添加关键字

@ -273,6 +272,37 @@ $(function() {
273 272 
		});
274 273 
	}
275 274
275 
	function KeyWordList() {
276 
		$.ajax({
277 
			"url": "/ajax/dataDict/qaHotKey",
278 
			"type": "get",
279 
			"data": {
280 
				"key": $("#KeyWord").val()
281 
			},
282 
			"success": function(data) {
283 
				console.log(data);
284 
				if(data.success) {
285 
					if(data.data != "") {
286 
						var itemlist = '';
287 
						$("#keydropList").html("");
288 
						for(var i = 0; i < data.data.length; i++) {
289 
							var itemlist = '<li><p class="h2Font"></p></li>';
290 
							$itemlist = $(itemlist);
291 
							$itemlist.find(".h2Font").text(datalist.caption);
292 
						}
293 
					} else {
294 
						$(".keydrop").addClass("displayNone");
295 
					}
296 
				} else {
297 
					$(".keydrop").addClass("displayNone");
298 
				}
299 
			},
300 
			"error": function() {
301 
				$.MsgBox.Alert('提示', '链接服务器超时')
302 
			}
303 
		});
304 
	}
305
276 306 
    //初始化数据
277 307 
	function articleshow(){
278 308 
		$.ajax({

+ 8 - 3
js/articalPreview.js
View File 

@ -5,7 +5,7 @@ $(function() {
5 5
6 6 
	articleshow();
7 7 
	relevantExperts();
8 
	relevantResources();
8 
	relevantResources();
9 9 
	//文章内容
10 10 
	function articleshow(){
11 11 
		$.ajax({

@ -221,13 +221,18 @@ $(function() {
221 221 
						itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
222 222 
						itemlist += '<div class="madiaInfo">';
223 223 
						itemlist += '<p class="h1Font" id="resourceName"></p>';
224 
						itemlist += '<p class="h2Font ellipsisSty-2" id="name"></p>';
224 
						itemlist += '<p class="h2Font ellipsisSty" id="name"></p>';
225 
						itemlist += '<p><span class="h2Font uname"></span><em class="authiconNew" title="科袖认证专家"></em></p>';
225 226 
						itemlist += '</div></li>';
226 227 
						$itemlist = $(itemlist);
227 228 
						$("#resources").append($itemlist);
228 229 
						var datalist = data.data;
229 230 
						$itemlist.find("#resourceName").text(datalist.resourceName);
230 
						$itemlist.find("#name").text(datalist.supportedServices);
231 
						$itemlist.find("#name").text("用途："+datalist.supportedServices);
232 
						$itemlist.find(".urlgo").attr("href", "resourceInfo.html?resourceId="+datalist.resourceId);
233 
						var userType = autho(datalist.editProfessor.authType, datalist.editProfessor.orgAuth, datalist.editProfessor.authStatus);
234 
						$itemlist.find(".authiconNew").attr("title", userType.title);
235 
						$itemlist.find(".authiconNew").addClass(userType.sty);
231 236 
						if(datalist.images.length > 0) {
232 237 
							$itemlist.find("#userimg").attr("style", "background-image: url(/data/resource/" + datalist.images[0].imageSrc + ");");
233 238 
						}

+ 843 - 0
js/articalShow.js
View File 

@ -0,0 +1,843 @@
1 
/*文章预览*/
2 
var articleId = GetQueryString("articleId");
3 
var userid = $.cookie("userid");
4 
var zjreturnId;
5 
var wzreturnId;
6 
var experarray = [];
7 
var createTime,orderKey;
8 
$(function() {
9 
	loginStatus();//判断个人是否登录
10 
	articleshow();
11 
	relevantExperts();
12 
	relevantResources();
13 
	//判断是否登录转态
14 
	if(userid && userid != "null" && userid != null){
15 
		$(".ifLoginOn").removeClass("displayNone");
16 
	}else{
17 
		$(".ifLoginUn").removeClass("displayNone");
18 
	}
19 
	//初始化文章内容
20 
	function articleshow(){
21 
		$.ajax({
22 
			"url" : "/ajax/article/query",
23 
			"type" :  "GET" ,
24 
			"dataType" : "json",
25 
			"data" :{"articleId":articleId},
26 
			"success" : function(data) {
27 
				if (data.success){
28 
					$("#articleTitle").text(data.data.articleTitle);
29 
					$("#pageViews").text("阅读量"+data.data.pageViews);
30 
					$("#publishTime").text(commenTime(data.data.publishTime));
31 
					$("#articleContent").html(data.data.articleContent);
32 
					$("#articleImg").attr("style", "background-image: url(/data/article/" + data.data.articleImg + ");");
33 
					$("#tagList").text(industryShow(data.data.subject));
34 
					isAgree(data.data.articleAgree)//文章点赞
35 
					ifCollection(articleId,2);//文章收藏
36 
					if(data.data.articleType==1){
37 
						$("#expert").removeClass("displayNone");
38 
						relevantarticalList(data.data.professorId,1);
39 
						expert(data.data.professorId);
40 
					}
41 
					if(data.data.articleType==2){
42 
						$("#enterprise").removeClass("displayNone");
43 
						relevantarticalList(data.data.orgId,2);
44 
						cmpFun(data.data.orgId);
45 
					}
46 
				}
47 
			},
48 
			"error":function(){
49 
				$.MsgBox.Alert('提示','链接服务器超时')
50 
			}
51 
		});
52 
	}
53
54 
	//专家信息
55 
	function expert(professorId){
56
57 
		$.ajax({
58 
			"url" : "/ajax/professor/baseInfo/"+professorId,
59 
			"type" :  "GET" ,
60 
			"dataType" : "json",
61 
			"success" : function(data) {
62 
				if (data.success && data.data){
63 
					if(data.data.hasHeadImage==1) {
64 
						$("#Zimg,.userimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
65 
					}
66 
					if(data.data.title==""){
67 
					  var title = data.data.office;
68 
					}else{
69 
					  var title = data.data.title;
70 
					}
71 
					$("#Zname,.username").text(data.data.name);
72 
					$("#Zname").attr("dataid",data.data.id);
73 
					$(".hrefgo,.useurl").attr("href", "information-brow.html?professorId="+data.data.id);
74 
					$("#Ztitle").text(title);
75 
					$("#ZorgName").text(data.data.orgName);
76 
					var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
77 
					$("#ZauthFlag,.labels").attr("title", userType.title);
78 
					$("#ZauthFlag,.labels").addClass(userType.sty);
79 
					if(data.data.id!=userid){
80 
						$(".goSpan").removeClass("displayNone");
81 
						ifCollection(data.data.id,1)//判断是否关注专家
82 
					}
83
84 
				}
85 
			},
86 
			"error":function(){
87 
				$.MsgBox.Alert('提示','链接服务器超时')
88 
			}
89 
		});
90 
	}
91
92 
	/*企业用户信息*/
93 
	function cmpFun(orgId) {
94 
		$.ajax({
95 
			"url": "/ajax/org/" + orgId,
96 
			"type": "get",
97 
			"dataType" : "json",
98 
			"success": function(data) {
99 
				if(data.success && data.data) {
100 
					$(".userimg").removeClass("useHead");
101 
					$("#Qname,.username").text(data.data.name);
102 
					$(".qiyego,.useurl").attr("href", "companybrowinfor.html?orgId="+data.data.id);
103 
					if(data.data.hasOrgLogo) {
104 
						$("#Qimg,.userimg").attr("style", "background-image: url(/images/org/" + data.data.id + ".jpg);");
105 
					}
106 
					if(data.data.authStatus==3){
107 
						$("#QauthFlag,#relatedLabels").addClass("authicon-com-ok").attr("title", "认证企业");;
108 
					}
109 
					$("#Qindustry").text(QindustryShow(data.data.industry));
110 
					if(data.data.orgType==2){
111 
						$("#QorgType").text("上市企业");
112 
					}else if(data.data.orgType==3){
113 
						$("#QorgType").text("国有企业");
114 
					}else if(data.data.orgType==4){
115 
						$("#QorgType").text("合资企业");
116 
					}else if(data.data.orgType==5){
117 
						$("#QorgType").text("私人企业");
118 
					}else if(data.data.orgType==6){
119 
						$("#QorgType").text("外资企业");
120 
					}else if(data.data.orgType==7){
121 
						$("#QorgType").text("初创企业");
122 
					}else{
123 
						$("#QorgType").text("");
124 
					}
125
126 
				}
127 
			},
128 
			"error": function() {
129 
				$.MsgBox.Alert('提示', '链接服务器超时')
130 
			}
131 
		});
132 
	}
133
134 
	//相关专家
135 
	function relevantExperts(){
136 
		$.ajax({
137 
			"url": "/ajax/article/ralatePro",
138 
			"type": "get",
139 
			"dataType" : "json",
140 
			"data" :{"articleId":articleId},
141 
			"success": function(data) {
142 
				if(data.success && data.data) {
143 
					for(var i = 0; i < data.data.length; i++) {
144 
						var professorId = data.data[i].professorId;
145 
						relevantExpertsList(professorId)
146 
					}
147
148 
				}
149 
			},
150 
			"error": function() {
151 
				$.MsgBox.Alert('提示', '链接服务器超时')
152 
			}
153 
		});
154 
	}
155
156 
	//相关专家信息
157 
	function relevantExpertsList(professorId){
158 
		$.ajax({
159 
			"url" : "/ajax/professor/info/"+professorId,
160 
			"type" :  "GET" ,
161 
			"dataType" : "json",
162 
			"success" : function(data) {
163 
				if (data.success && data.data){
164 
					var itemlist = '';
165 
					$("#trelevantExperts").html("");
166 
					var itemlist = '<li><a href="" class="urlgo" style="display:block;height:80px">';
167 
						itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
168 
						itemlist += '<div class="madiaInfo">';
169 
						itemlist += '<p><span class="h1Font" id="userName"></span><em class="authiconNew" title=""></em></p>';
170 
						itemlist += '<p class="ellipsisSty h2Font" id="usertitle"></p>';
171 
						itemlist += '<p class="h2Font ellipsisSty" id="researchAreas"></p>';
172 
						itemlist += '</div></a></li>';
173 
						$itemlist = $(itemlist);
174 
						$("#relevantExperts").append($itemlist);
175 
						var title = data.data.title || "";
176 
						var office = data.data.office || "";
177 
						if(title != "") {
178 
							 title = title  + " , ";
179 
						}
180 
						$itemlist.find("#userName").text(data.data.name);
181 
						$itemlist.find("#usertitle").text(title + office);
182 
						$itemlist.find(".urlgo").attr("href", "information-brow.html?professorId="+data.data.id);
183 
						/*获取研究方向信息*/
184 
						var researchAreas = data.data.researchAreas;
185 
						if(researchAreas != ""){
186 
							var rlist = '研究方向：';
187 
						}else{
188 
							var rlist = '';
189 
						}
190 
						for(var n = 0; n < researchAreas.length; n++) {
191 
							//console.log(researchAreas[n].caption);
192 
							rlist += researchAreas[n].caption
193 
							if(n < researchAreas.length - 1) {
194 
								rlist += "；"
195 
							}
196 
						}
197 
						$itemlist.find("#researchAreas").text(rlist);
198 
						if(data.data.hasHeadImage == 1) {
199 
							$itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
200 
						}
201 
						var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
202 
						$itemlist.find(".authiconNew").attr("title", userType.title);
203 
						$itemlist.find(".authiconNew").addClass(userType.sty);
204
205 
				}
206 
			},
207 
			"error":function(){
208 
				$.MsgBox.Alert('提示','链接服务器超时')
209 
			}
210 
		});
211 
	}
212
213 
	//相关资源
214 
	function relevantResources(){
215 
		$.ajax({
216 
			"url": "/ajax/article/ralateRes",
217 
			"type": "get",
218 
			"dataType" : "json",
219 
			"data" :{"articleId":articleId},
220 
			"success": function(data) {
221 
				if(data.success && data.data) {
222 
					for(var i = 0; i < data.data.length; i++) {
223 
						var resourceId = data.data[i].resourceId;
224 
						relevantResourcesList(resourceId)
225 
					}
226
227 
				}
228 
			},
229 
			"error": function() {
230 
				$.MsgBox.Alert('提示', '链接服务器超时')
231 
			}
232 
		});
233 
	}
234
235 
	//相关资源信息
236 
	function relevantResourcesList(resourceId){
237 
		$.ajax({
238 
			"url" : "/ajax/resource/resourceInfo",
239 
			"type" :  "GET" ,
240 
			"dataType" : "json",
241 
			"data" :{"resourceId":resourceId},
242 
			"success" : function(data) {
243 
				console.log(data);
244 
				if (data.success && data.data){
245 
					var itemlist = '<li><a href="" class="urlgo" style="display:block;height:80px">';
246 
						itemlist += '<div class="madiaHead resouseHead" id="userimg"></div>';
247 
						itemlist += '<div class="madiaInfo">';
248 
						itemlist += '<p class="h1Font" id="resourceName"></p>';
249 
						itemlist += '<p class="h2Font ellipsisSty" id="name"></p>';
250 
						itemlist += '<p><span class="h2Font uname"></span><em class="authiconNew" title="科袖认证专家"></em></p>';
251 
						itemlist += '</div></a></li>';
252 
						$itemlist = $(itemlist);
253 
						$("#resources").append($itemlist);
254 
						var datalist = data.data;
255 
						$itemlist.find("#resourceName").text(datalist.resourceName);
256 
						$itemlist.find("#name").text("用途："+datalist.supportedServices);
257 
						$itemlist.find(".uname").text(datalist.editProfessor.name);
258 
						$itemlist.find(".urlgo").attr("href", "resourceInfo.html?resourceId="+datalist.resourceId);
259 
						var userType = autho(datalist.editProfessor.authType, datalist.editProfessor.orgAuth, datalist.editProfessor.authStatus);
260 
						$itemlist.find(".authiconNew").attr("title", userType.title);
261 
						$itemlist.find(".authiconNew").addClass(userType.sty);
262 
						if(datalist.images.length > 0) {
263 
							$itemlist.find("#userimg").attr("style", "background-image: url(/data/resource/" + datalist.images[0].imageSrc + ");");
264 
						}
265 
				}
266 
			},
267 
			"error":function(){
268 
				$.MsgBox.Alert('提示','链接服务器超时')
269 
			}
270 
		});
271 
	}
272
273 
	function keysli() {
274 
		$("#tagList li").each(function(i) {
275 
			var liid = $(this).text();
276 
			experarray.push(liid);
277 
		});
278 
		return $.unique(experarray);
279 
	}
280
281 
	//相关文章信息
282 
	function relevantarticalList(id,num){
283 
	    keysli();
284 
		if(num==1){
285 
			var data = {"keys":experarray,"professorId":id,"articleId":articleId,"rows":10}
286 
		}
287 
		if(num==2){
288 
			var data = {"keys":experarray,"orgId":id,"articleId":articleId,"rows":10}
289 
		}
290 
		$.ajax({
291 
			"url" : "/ajax/article/ralateArticles",
292 
			"type" :  "GET" ,
293 
			"dataType" : "json",
294 
			"data" :data,
295 
			//"async":false,
296 
			"traditional": true, //传数组必须加这个
297 
			"success" : function(data) {
298 
				console.log(data);
299 
				if (data.success && data.data){
300 
					var itemlist = '';
301 
					$("#abutartical").html("");
302 
					for(var i = 0; i < data.data.length; i++) {
303 
						var itemlist = '<li><a href="" class="urlgo" style="display:block;height:80px">';
304 
							itemlist += '<div class="madiaHead artHead" id="userimg"></div>';
305 
							itemlist += '<div class="madiaInfo">';
306 
							itemlist += '<p class="h1Font ellipsisSty-2" id="resourceName"></p>';
307 
							itemlist += '<p><span class="h1Font username2"></span><em class="authiconNew" id="relatedLabels" title="科袖认证专家"></em></p>';
308 
							itemlist += '</div></a></li>';
309 
							$itemlist = $(itemlist);
310 
							$("#abutartical").append($itemlist);
311 
							var datalist = data.data[i];
312 
							$itemlist.find("#resourceName").text(datalist.articleTitle);
313 
							$itemlist.find(".urlgo").attr("href", "articalShow.html?articleId="+datalist.articleId);
314 
							if(datalist.articleImg!=undefined){
315 
								$itemlist.find("#userimg").attr("style", "background-image: url(/data/article/" + datalist.articleImg + ");");
316 
							}
317 
							if(datalist.articleType==1){
318 
								$.ajax({
319 
									"url" : "/ajax/professor/baseInfo/"+datalist.professorId,
320 
									"type" :  "GET" ,
321 
									"dataType" : "json",
322 
									"async":false,
323 
									"success" : function($data) {
324 
										if ($data.success && $data.data){
325 
											$itemlist.find(".username2").text($data.data.name);
326 
											var userType = autho($data.data.authType, $data.data.orgAuth, $data.data.authStatus);
327 
											$itemlist.find("#relatedLabels").attr("title", userType.title);
328 
											$itemlist.find("#relatedLabels").addClass(userType.sty);
329 
										}
330 
									},
331 
									"error":function(){
332 
										$.MsgBox.Alert('提示','链接服务器超时')
333 
									}
334 
								});
335 
							}
336 
							if(datalist.articleType==2){
337 
								$.ajax({
338 
									"url" : "/ajax/org/"+datalist.orgId,
339 
									"type" :  "GET" ,
340 
									"dataType" : "json",
341 
									"async":false,
342 
									"success" : function($data) {
343 
										console.log($data)
344 
										if ($data.success && $data.data){
345 
											$itemlist.find(".username2").text($data.data.name);
346 
											$itemlist.find("#relatedLabels").addClass("authicon-com-ok").attr("title", "认证企业");
347 
										}
348 
									},
349 
									"error":function(){
350 
										$.MsgBox.Alert('提示','链接服务器超时')
351 
									}
352 
								});
353 
							}
354
355 
					}
356 
				}
357 
			},
358 
			"error":function(){
359 
				$.MsgBox.Alert('提示','链接服务器超时')
360 
			}
361 
		});
362 
	}
363
364 
	/*时间转换*/
365 
	function Time(dealtime) {
366 
		var s = dealtime;
367 
		var m = s.substr(4, 2);
368 
		var d = s.substr(6, 2);
369 
		var h = s.substr(8, 2);
370 
		var minute = s.substr(10, 2);
371 
		var formatTime = m.replace(/\b(0+)/gi, "") + "月" + d + "日 " + h + ":" + minute;
372 
		return formatTime;
373 
	}
374
375 
	//拆解关键字
376 
	function industryShow(data){
377 
		if(data != undefined && data.length != 0 ){
378 
			var subs = new Array();
379 
			if(data.indexOf(',')){
380 
				subs = data.split(',');
381 
			}else{
382 
				subs[0] = data;
383 
			}
384 
			if(subs.length>0){
385 
				for (var i = 0; i < subs.length; i++)
386 
				{
387 
					$("#tagList").append('<li class="delkeylist"><p class="h2Font">'+ subs[i] +'</p></li>');
388 
				};
389 
			}
390 
		}
391 
	}
392
393
394 
	//拆解企业应用行业
395 
	function QindustryShow(data){
396 
		if(data != undefined && data.length != 0 ){
397 
			var subs = new Array();
398 
			subs = data.replace(',',' | ');
399 
			if(subs.length>0){
400 
				for (var i = 0; i < subs.length; i++)
401 
				{
402 
					$("#Qindustry").append(subs[i]);
403 
				};
404 
			}
405 
		}
406 
	}
407
408 
});
409
410 
//文章点击点赞
411 
$('.thumbBlock').on("click",".thunbgo",function(){
412 
	if (userid && userid != "null" && userid != null) {
413 
		addAgree();
414 
	}else{
415 
		$.MsgBox.Alert('提示',"请先登录再进行关注");
416 
		$("#mb_btn_ok").val("去登录");
417 
		var aele = document.createElement('a');
418 
		$("#mb_btnbox").append(aele);
419 
		$("#mb_btnbox a").css({
420 
			'display': "block",
421 
			'width': '100%',
422 
			'height': '40px',
423 
			'position': 'absolute',
424 
			'bottom': '-6px',
425 
			'left': '0'
426 
		});
427 
		aele.setAttribute('href', '../login.html');
428 
	}
429 
})
430
431 
/*判断文章是否被赞*/
432 
function isAgree(articleAgree) {
433 
	var data = {"operateId": userid,"articleId": articleId}
434 
	$.ajax({
435 
		url:"/ajax/article/isAgree",
436 
		data:data,
437 
		dataType: 'json', //数据格式类型
438 
		type: 'get', //http请求类型
439 
		timeout: 10000,
440 
		async: false,
441 
		success: function(data) {
442 
			if(data.success){
443 
				if(data.data!= null){
444 
					$(".thumbBtn").html("已赞<span>"+articleAgree+"</span>");
445 
					$(".thumbBtn").addClass("thumbedBtn");
446 
				}else{
447 
					$(".thumbBtn").html("赞<span>"+articleAgree+"</span>");
448 
					$(".thumbBtn").addClass("thunbgo");
449 
				}
450 
			}
451 
		},
452 
		error: function() {
453 
			$.MsgBox.Alert('提示',"服务器链接超时");
454 
		}
455 
	});
456 
}
457
458 
/*点赞*/
459 
function addAgree() {
460 
	var data = {"operateId": userid,"articleId": articleId}
461 
	$.ajax({
462 
		url:"/ajax/article/agree",
463 
		data:data,
464 
		dataType: 'json', //数据格式类型
465 
		type: 'POST', //http请求类型
466 
		timeout: 10000,
467 
		async: false,
468 
		success: function(data) {
469 
			if(data.success){
470 
				var articleAgreeval = $(".thumbBtn span").text();
471 
				$(".thumbBtn").html("已赞<span>"+parseInt(articleAgreeval+1)+"</span>");
472 
				$(".thumbBtn").addClass("thumbedBtn");
473 
				$(".thumbBtn").removeClass("thunbgo");
474 
			}
475 
		},
476 
		error: function() {
477 
			$.MsgBox.Alert('提示',"服务器链接超时");
478 
		}
479 
	});
480 
}
481
482 
//点击专家关注
483 
$('.attenSpan').click(function(){
484 
	if (userid && userid != "null" && userid != null) {
485 
		if($(this).is('.attenSpanyes')){
486 
			 cancelCollectionExpert($("#Zname").attr("dataid"),1)
487 
		}else{
488 
			collectionExpert($("#Zname").attr("dataid"),1);
489 
		}
490 
	}else{
491 
		$.MsgBox.Alert('提示',"请先登录再进行关注");
492 
		$("#mb_btn_ok").val("去登录");
493 
		var aele = document.createElement('a');
494 
		$("#mb_btnbox").append(aele);
495 
		$("#mb_btnbox a").css({
496 
			'display': "block",
497 
			'width': '100%',
498 
			'height': '40px',
499 
			'position': 'absolute',
500 
			'bottom': '-6px',
501 
			'left': '0'
502 
		});
503 
		aele.setAttribute('href', '../login.html');
504 
	}
505 
})
506
507 
//点击文章收藏
508 
$('#attention em').click(function(){
509 
	if (userid && userid != "null" && userid != null) {
510 
		if($(this).is('.icon-collected')){
511 
			 cancelCollectionExpert(articleId,2)
512 
		}else{
513 
			 collectionExpert(articleId,2);
514 
		}
515 
	}else{
516 
		$.MsgBox.Alert('提示',"请先登录再进行收藏");
517 
		$("#mb_btn_ok").val("去登录");
518 
		var aele = document.createElement('a');
519 
		$("#mb_btnbox").append(aele);
520 
		$("#mb_btnbox a").css({
521 
			'display': "block",
522 
			'width': '100%',
523 
			'height': '40px',
524 
			'position': 'absolute',
525 
			'bottom': '-6px',
526 
			'left': '0'
527 
		});
528 
		aele.setAttribute('href', '../login.html');
529 
	}
530 
})
531
532 
/*判断是非关注专家*/
533 
function ifCollection(getid,num) {
534 
	var data = {"professorId": userid,"watchObject": getid}
535 
	//alert(JSON.stringify(data))
536 
	$.ajax({
537 
		url:"/ajax/watch/hasWatch",
538 
		data:data,
539 
		dataType: 'json', //数据格式类型
540 
		type: 'get', //http请求类型
541 
		timeout: 10000,
542 
		async: false,
543 
		success: function(data) {
544 
			if(num==1){
545 
				if(data.success && data.data != null) {
546 
					$('.attenSpan').addClass("attenSpanyes");
547 
					$('.attenSpan').text('已关注');
548 
					zjreturnId = data.data.watchObject;
549 
				} else {
550 
					$('.attenSpan').removeClass("attenSpanyes");
551 
					$('.attenSpan').text('关注');
552 
				}
553 
			}
554 
			if(num==2){
555 
				if(data.success && data.data != null) {
556 
					$('#attention em').addClass("icon-collected");
557 
					wzreturnId = data.data.watchObject;
558 
				} else {
559 
					$('#attention em').removeClass("icon-collected");
560 
				}
561 
			}
562
563 
		},
564 
		error: function() {
565 
			$.MsgBox.Alert('提示',"服务器链接超时");
566 
		}
567 
	});
568 
}
569
570 
/*关注专家*/
571 
function collectionExpert(watchObject,num) {
572 
	if(num==1){
573 
		var data = {"professorId": userid,"watchObject": watchObject,"watchType": 1}
574 
	}else{
575 
		var data = {"professorId": userid,"watchObject": watchObject,"watchType": 2}
576 
	}
577 
	$.ajax({
578 
		url:"/ajax/watch",
579 
		data:data,
580 
		dataType: 'json', //数据格式类型
581 
		type: 'POST', //http请求类型
582 
		timeout: 10000,
583 
		async: false,
584 
		success: function(data) {
585 
			console.log(data.success)
586 
			if(num==1){
587 
				if(data.success) {
588 
					$('.attenSpan').addClass("attenSpanyes");
589 
					$('.attenSpan').text('已关注');
590 
					zjreturnId = data.data.watchObject;
591 
				}
592 
			}
593
594 
			if(num==2){
595 
				if(data.success) {
596 
					$('#attention em').addClass("icon-collected");
597 
					wzreturnId = data.data.watchObject;
598 
				}
599 
			}
600
601 
		},
602 
		error: function() {
603 
			$.MsgBox.Alert('提示',"服务器链接超时");
604 
		}
605 
	});
606 
}
607
608 
/*取消收藏专家*/
609 
function cancelCollectionExpert(watchObject,num) {
610 
	$.ajax({
611 
		url:"/ajax/watch/delete",
612 
		data: {
613 
			professorId: userid,
614 
			watchObject: watchObject
615 
		},
616 
		dataType: 'json', //数据格式类型
617 
		type: 'post', //http请求类型
618 
		timeout: 10000,
619 
		async: true,
620 
		success: function(data) {
621 
			console.log(data.success)
622 
			if(num==1){
623 
				if(data.success) {
624 
					$('.attenSpan').removeClass("attenSpanyes");
625 
					$('.attenSpan').text('关注');
626 
				}
627 
			}
628 
			if(num==2){
629 
				if(data.success) {
630 
					$('#attention em').removeClass("icon-collected");
631 
				}
632 
			}
633
634 
		},
635 
		error: function(data) {
636 
			$.MsgBox.Alert('提示',"服务器链接超时");
637 
		}
638 
	});
639
640 
}
641
642
643 
//文章浏览量
644 
function pageViewsVal(){
645 
	$.ajax({
646 
		"url" : "/ajax/article/pageViews",
647 
		"type" :  "POST" ,
648 
		"dataType" : "json",
649 
		"data" :{"articleId":articleId},
650 
		"success" : function(data) {
651 
			console.log(data);
652 
			if (data.success){
653 
			}
654 
		},
655 
		"error":function(){
656 
			$.MsgBox.Alert('提示','链接服务器超时')
657 
		}
658 
	});
659 
}
660 
ArticleMessagesNumbe();
661 
//文章留言条数
662 
function ArticleMessagesNumbe(){
663 
	$.ajax({
664 
		"url" : "/ajax/leaveWord/lwCount",
665 
		"type" :  "GET" ,
666 
		"dataType" : "json",
667 
		"data" :{"articleId":articleId},
668 
		"success" : function(data) {
669 
			console.log(data);
670 
			if (data.success){
671 
				$(".message").text(data.data);
672 
			}
673 
		},
674 
		"error":function(){
675 
			$.MsgBox.Alert('提示','链接服务器超时')
676 
		}
677 
	});
678 
}
679
680 
/*留言模块*/
681 
$(".msgCont").on("keyup", function() {
682 
	$(".msgconNum span").text($(this).val().length);
683 
	if($(this).val().length > 200) {
684 
		$(this).val($(this).val().substr(0, 200));
685 
	}
686 
	if($(this).val().length < 0){
687 
		$("#meSendtt").attr("disabled", true);
688 
	}else{
689 
		$("#meSendtt").attr("disabled", false);
690 
	}
691 
})
692
693 
$("#meSendtt").on("click", function() {
694 
	article();
695 
})
696 
//查看更多留言
697 
$("#moreArtical").on("click",function(){
698 
	vcreateTime = $(".commentList li").last().attr("data-time");
699 
	orderKey = $(".commentList li").last().attr("data-key");
700 
	message(5,1);
701 
})
702 
//删除留言
703 
$(".commentList").on("click",".messageDel",function(){
704 
	var commenid = $(this).attr("data-id");
705 
	articledel(commenid)
706 
})
707
708 
//发布留言
709 
function article() {
710 
	$.ajax({
711 
		url:"/ajax/leaveWord",
712 
		dataType: 'json', //数据格式类型
713 
		type: 'POST', //http请求类型
714 
		data: {
715 
			"articleId": articleId,
716 
			"sender": userid,
717 
			"content": $(".msgCont").val(),
718 
		},
719 
		timeout: 10000, //超时设置
720 
		success: function(data) {
721 
			var $info = data.data || {};
722 
			if(data.success && data.data) {
723 
				message(5,2);
724 
			}
725 
		},
726 
		error: function() {
727 
			$.MsgBox.Alert('提示', '服务器请求失败')
728 
		}
729 
	});
730 
}
731
732 
message(5,2);
733 
function message(rows,num) {
734 
	if(num==1){
735 
		var data = {"articleId": articleId,"createTime": vcreateTime,"orderKey": orderKey,"rows": rows}
736 
	}else{
737 
		var data = {"articleId": articleId,"rows": rows}
738 
	}
739 
	$.ajax({
740 
		url: "/ajax/leaveWord/ql",
741 
		dataType: 'json', //数据格式类型
742 
		type: 'GET', //http请求类型
743 
		data: data,
744 
		timeout: 10000, //超时设置
745 
		success: function(data) {
746 
			if(data.success) {
747 
				 if(data.data != ""){
748 
				 	if(num==2){
749 
							$(".commentList").html("");
750 
						}
751 
						if(data.data.length > 4){
752 
							$("#moreArtical").removeClass("displayNone");
753 
						}
754 
						for(var i = 0; i < data.data.length; i++) {
755 
							var itemlist = '<li data-time="" data-key="">';
756 
								itemlist += '<a href class="userhref"> <div class="madiaHead useHead"></div></a>';
757 
								itemlist += '<div class="madiaInfo">';
758 
								itemlist += '<p><a href class="userhref"><span class="h1Font messageName">张某某</span></a><em class="authiconNew" title="科袖认证专家"></em><span class="commenttime">9月30号 12:00</span></p>';
759 
								itemlist += '<p class="h2Font messageContent">sdfsdfs</p>';
760 
								itemlist += '<div class="operateSpan"><span class="callBack">回复</span><span class="messageDel">删除</span></div>';
761 
								itemlist += '</div></li>';
762 
								$itemlist = $(itemlist);
763 
								$(".commentList").append($itemlist);
764 
								var datalist = data.data[i];
765 
								$itemlist.find(".messageName").text(datalist.professor.name);
766 
								$itemlist.find(".messageContent").text(datalist.content);
767 
								var userType = autho(datalist.professor.authType, datalist.professor.orgAuth, datalist.professor.authStatus);
768 
									$itemlist.find(".authiconNew").attr("title", userType.title);
769 
									$itemlist.find(".authiconNew").addClass(userType.sty);
770 
								if(datalist.professor.hasHeadImage==1) {
771 
									$(".useHead").attr("style", "background-image: url(/images/head/" + datalist.professor.id + "_l.jpg);");
772 
								}
773 
								if(datalist.professor.id!=userid){
774 
									$(".messageDel").hide();
775 
								}
776 
								$itemlist.attr("data-time", datalist.createTime);
777 
								$itemlist.attr("data-key", datalist.orderKey);
778 
								$itemlist.find(".messageDel").attr("data-id", datalist.id);
779 
								$itemlist.find(".userhref").attr("href", "information-brow.html?professorId="+datalist.professor.id);
780 
								var createtime = datalist.createTime;
781 
								$itemlist.find(".commenttime").text(commenTime(createtime));
782 
						}
783 
				 }else{
784 
					$("#moreArtical").addClass("displayNone");
785 
				 }
786 
			}
787 
		},
788 
		error: function() {
789 
			$.MsgBox.Alert('提示', '服务器请求失败')
790 
		}
791 
	});
792 
}
793
794 
//删除自己的留言
795 
function articledel(commenid) {
796 
	$.ajax({
797 
		url:"/ajax/leaveWord/delete",
798 
		dataType: 'json', //数据格式类型
799 
		type: 'POST', //http请求类型
800 
		data: {
801 
			"id": commenid,
802 
		},
803 
		timeout: 10000, //超时设置
804 
		success: function(data) {
805 
			if(data.success) {
806 
				message(5,2);
807 
			}
808 
		},
809 
		error: function() {
810 
			$.MsgBox.Alert('提示', '服务器请求失败')
811 
		}
812 
	});
813 
}
814
815 
function commenTime(startTime){
816 
	var nowTimg =  new Date();
817 
	var startdate = new Date();
818 
	startdate.setFullYear(parseInt(startTime.substring(0,4)));
819 
	startdate.setMonth(parseInt(startTime.substring(4,6))-1);
820 
	startdate.setDate(parseInt(startTime.substring(6,8)));
821 
	startdate.setHours(parseInt(startTime.substring(8,10)));
822 
	startdate.setMinutes(parseInt(startTime.substring(10,12)));
823 
	startdate.setSeconds(parseInt(startTime.substring(12,14)));
824 
	var date3=nowTimg.getTime()-startdate.getTime();  //时间差的毫秒数
825 
    var hours = parseInt((date3 % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
826 
    var minutes = parseInt((date3 % (1000 * 60 * 60)) / (1000 * 60));
827 
    if(date3 < 60000){
828 
    	return "刚刚";
829 
    }else if(date3 > 60000 && date3 < 3600000){
830 
    	return minutes + "分钟前";
831 
    }else if(date3 > 3600000 && date3 < 86400000){
832 
    	return hours + "小钟前";
833 
    }else if(date3 > 86400000 && date3 < 172800000){
834 
    	return "昨天" + parseInt(startTime.substring(10,12)) + ":" +parseInt(startTime.substring(12,14));
835 
    }else{
836 
    	return parseInt(startTime.substring(4,6)) + "月" + parseInt(startTime.substring(6,8)) + "日" + parseInt(startTime.substring(8,10)) + ":" + parseInt(startTime.substring(10,12));
837 
    }
838
839 
}
840
841 
window.onload=function(){
842 
	pageViewsVal();//文章浏览量
843 
}