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

新文章功能

xuchunyang 8 years ago
parent
76afd73e86
commit
0583012266
13 changed files with 1730 additions and 351 deletions
Unified View Show Diff Stats
  1. 100 238
      articalIssue.html
  2. 9 40
      articalList.html
  3. 229 0
      articalModify.html
  4. 22 61
      articalPreview.html
  5. 345 0
      js/articalIssue.js
  6. 182 0
      js/articalList.js
  7. 456 0
      js/articalModify.js
  8. 312 0
      js/articalPreview.js
  9. 2 2
      js/jquery.similar.msgbox.js
  10. 3 3
      js/ueditor/themes/default/css/ueditor.css
  11. 1 1
      js/ueditor/themes/iframe.css
  12. 4 4
      js/ueditor/ueditor.all.js
  13. 65 2
      js/ueditor/ueditor.config.js

+ 100 - 238
articalIssue.html
View File

7 
<title>发布文章-科袖网</title>
7 
<title>发布文章-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
13 
<style type="text/css">
14 
	#filePicker{position:absolute;left:50%; bottom:25px; margin-left:-52px;opacity:0; z-index:88;}
15 
</style>
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
16 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13
17
14 
</head>
18 
</head>
24 
				<ul class="artAbout">
28 
				<ul class="artAbout">
25 
					<li>
29 
					<li>
26 
						<div class="uploadFile">
30 
						<div class="uploadFile">
27 
	        				<div class="uploadblock">
28 
	        					<input type="file" name= "file" class="upInp uploadFileHidden" id="fileone1" data-id="" />
31 
	        				<div class="uploadblock" id="uploader" data-id>
32 
       							<span class="" id="filePicker">上传图片</span>
29 
	        					<!--未上传图片时-->
33 
	        					<!--未上传图片时-->
30 
	        					<div class="upFront">
34 
	        					<div class="upFront">
31 
		        					<p>文章封面大图</p>
35 
		        					<p>文章封面大图</p>
32 
		        					<p>JPG/PNG格式，2M以内。</p>
36 
		        					<p>JPG/PNG格式，2M以内。</p>
33 
		            				<span class="upbtn">上传图片</span>
37 
		        					<span class="upbtn">上传图片</span>
34 
	        					</div>
38 
	        					</div>
35 
	        					<!--已上传图片时-->
39 
	        					<!--已上传图片时-->
36 
	        					<span class="upbtn upBackbtn">更换图片</span>
40 
	        					<span class="upbtn upBackbtn">更换图片</span>
37 
		            		</div>
41 
		            		</div>
38 
	        			</div>
42 
	        			</div>
43 
	        			<span class="frmconmsg imgtis" style="margin-left:0"></span>
39 
					</li>
44 
					</li>
40 
					<li>
45 
					<li>
41 
						<div class="aboutTit">标题<span class="frmconmsg">30字以内</span></div>
42 
						<div class="frmtype frmcontype textareabox textareaboxEmp" placeholder="请输入标题" contenteditable="true"></div>
46 
						<div class="aboutTit" id="aboutTit">标题<span class="frmconmsg"></span></div>
47 
					    <input type="text" class="frmtype frmcontype" value="" placeholder="请输入标题" id="newstitle"/>
43 
					</li>
48 
					</li>
44 
					<li class="form-item">
49 
					<li class="form-item">
45 
						<div class="aboutTit">关键词<span class="frmconmsg">最多可添加5个关键词、每个关键词最多10个字</span></div>
50 
						<div class="aboutTit">关键词<span class="frmconmsg" id="keyPrompt"></span></div>
46 
						<div style="position: relative;">
51 
						<div style="position: relative;">
47 
							<input type="text" class="frmtype frmcontype" id="" value="" placeholder="请输入关键词" />
52 
							<input type="text" class="frmtype frmcontype" value="" placeholder="请输入关键词" id="KeyWord"/>
48 
							<!--输入框中键入内容时按钮显示，添加内容出现在结果标签中时按钮隐藏-->
53 
							<!--输入框中键入内容时按钮显示，添加内容出现在结果标签中时按钮隐藏-->
49 
							<button class="frmcontype frmadd">添加</button>
54 
							<button class="frmcontype frmadd displayNone" id="addkeyWord">添加</button>
50 
						</div>
55 
						</div>
51 
						<div class="form-drop keydrop">
56 
						<div class="form-drop keydrop displayNone">
52 
							<ul>
57 
							<ul>
53 
								<li>
58 
								<li>
54 
									<p class="h2Font">金属材料工程与腐蚀</p>
59 
									<p class="h2Font">金属材料工程与腐蚀</p>
62 
							</ul>
67 
							</ul>
63 
						</div>
68 
						</div>
64 
						<div class="form-result keyResult">
69 
						<div class="form-result keyResult">
65 
							<ul class="clearfix">
66 
								<li>
70 
							<ul class="clearfix" id="keyWordlist">
71 
								<!--<li>
67 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
72 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
68 
									<div class="closeThis"></div>
73 
									<div class="closeThis"></div>
69 
								</li>
74 
								</li>
82 
								<li>
87 
								<li>
83 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
88 
									<p class="h2Font">金属材料工程与腐蚀蚀</p>
84 
									<div class="closeThis"></div>
89 
									<div class="closeThis"></div>
85 
								</li>
90 
								</li>-->
86 
							</ul>
91 
							</ul>
87 
						</div>
92 
						</div>
88 
					</li>
93 
					</li>
89 
					<li>
94 
					<li>
90 
						<div class="aboutTit">文章内容<span class="frmconmsg"></span></div>
95 
						<div class="aboutTit">文章内容<span class="frmconmsg"></span></div>
91 
						<!--这块还是使用编辑框插件-->
96 
						<!--这块还是使用编辑框插件-->
92 
						<div class="editBlock">
93 
							<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>
97 
						<div class="editBlock" style="border:none; height: auto;">
98 
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
99 
							<!--<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>-->
94 
						</div>
100 
						</div>
95 
					</li>
101 
					</li>
96 
				</ul>
102 
				</ul>
98 
			<div class="rightconBox floatR">
104 
			<div class="rightconBox floatR">
99 
				<div class="conItem">
105 
				<div class="conItem">
100 
					<ul class="operateBlock">
106 
					<ul class="operateBlock">
101 
						<li class="goFabu">
107 
						<li class="goFabu" id="release">
102 
							<em class="operateicon icon-issue"></em>
108 
							<em class="operateicon icon-issue"></em>
103 
							<p>发布</p>
109 
							<p>发布</p>
104 
						</li>
110 
						</li>
106 
							<em class="operateicon icon-timeissue"></em>
112 
							<em class="operateicon icon-timeissue"></em>
107 
							<p>定时发布</p>
113 
							<p>定时发布</p>
108 
						</li>
114 
						</li>
109 
						<li class="articalPreview">
115 
						<li class="articalPreview" id="preview">
110 
							<em class="operateicon icon-preview"></em>
116 
							<em class="operateicon icon-preview"></em>
111 
							<p>预览</p>
117 
							<p>预览</p>
112 
						</li>
118 
						</li>
113 
						<li>
119 
						<li id="draft">
114 
							<em class="operateicon icon-draft"></em>
120 
							<em class="operateicon icon-draft"></em>
115 
							<p>存草稿</p>
121 
							<p>存草稿</p>
116 
						</li>
122 
						</li>
117 
						<li>
123 
						<li class="disableLi">
118 
							<em class="operateicon icon-delete"></em>
124 
							<em class="operateicon icon-delete"></em>
119 
							<p>删除</p>
125 
							<p>删除</p>
120 
						</li>
126 
						</li>
123 
				</div>
129 
				</div>
124 
				<div class="conItem">
130 
				<div class="conItem">
125 
					<div class="form-item otherBlock">
131 
					<div class="form-item otherBlock">
126 
						<div class="aboutTit">相关专家<span class="frmconmsg">最多选择3位专家</span></div>
127 
						<input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="" value="" />
128 
						<div class="form-drop">
129 
							<ul>
130 
								<li>
131 
									<div class="madiaHead useHead"></div>
132 
									<div class="madiaInfo">
133 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
134 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
135 
									</div>
136 
								</li>
137 
								<li>
138 
									<div class="madiaHead useHead"></div>
139 
									<div class="madiaInfo">
140 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
141 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
142 
									</div>
143 
								</li>
144 
								<li>
145 
									<div class="madiaHead useHead"></div>
146 
									<div class="madiaInfo">
147 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
148 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
149 
									</div>
150 
								</li>
132 
						<div class="aboutTit">相关专家<span class="frmconmsg"></span></div>
133 
						<input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="checkZj" value="" />
134 
						<div class="form-drop displayNone">
135 
							<ul class="expertlist" id="expertlist">
136
151 
							</ul>
137 
							</ul>
152 
						</div>
138 
						</div>
153 
						<div class="form-result">
139 
						<div class="form-result">
154 
							<ul>
155 
								<li>
156 
									<div class="madiaHead useHead"></div>
157 
									<div class="madiaInfo">
158 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
159 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
160 
									</div>
161 
									<div class="deleteThis"></div>
162 
								</li>
163 
								<li>
164 
									<div class="madiaHead useHead"></div>
165 
									<div class="madiaInfo">
166 
										<p class="ellipsisSty"><span class="h1Font">张某某</span><span class="h2Font" style="margin-left:10px;">教授高工、董事长兼CEO</span></p>
167 
										<p class="h2Font ellipsisSty">北京科袖科技有限公司</p>
168 
									</div>
169 
									<div class="deleteThis"></div>
170 
								</li>
140 
							<ul class="addexpert" id="expertli">
141
171 
							</ul>
142 
							</ul>
172 
						</div>
143 
						</div>
173 
					</div>
144 
					</div>
174 
					<div class="form-item otherBlock">
145 
					<div class="form-item otherBlock">
175 
						<div class="aboutTit">相关资源<span class="frmconmsg">最多选择3条资源</span></div>
176 
						<input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="" value="" />
177 
						<div class="form-drop">
178 
							<ul>
179 
								<li>
146 
						<div class="aboutTit">相关资源<span class="frmconmsg"></span></div>
147 
						<input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="checkZy" value="" />
148 
						<div class="form-drop displayNone">
149 
							<ul class="expertlist" id="resouselist">
150 
								<li id="4">
180 
									<div class="madiaHead resouseHead"></div>
151 
									<div class="madiaHead resouseHead"></div>
181 
									<div class="madiaInfo">
152 
									<div class="madiaInfo">
182 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
153 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
183 
										<p class="h1Font">李大大</p>
154 
										<p class="h1Font">李大大1</p>
184 
									</div>
155 
									</div>
156 
									<div class="deleteThis"></div>
185 
								</li>
157 
								</li>
186 
								<li>
158 
								<li id="5">
187 
									<div class="madiaHead resouseHead"></div>
159 
									<div class="madiaHead resouseHead"></div>
188 
									<div class="madiaInfo">
160 
									<div class="madiaInfo">
189 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
161 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
190 
										<p class="h1Font">李大大</p>
162 
										<p class="h1Font">李大大2</p>
191 
									</div>
163 
									</div>
164 
									<div class="deleteThis"></div>
192 
								</li>
165 
								</li>
193 
								<li>
166 
								<li id="6">
194 
									<div class="madiaHead resouseHead"></div>
167 
									<div class="madiaHead resouseHead"></div>
195 
									<div class="madiaInfo">
168 
									<div class="madiaInfo">
196 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
169 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
197 
										<p class="h1Font">李大大</p>
170 
										<p class="h1Font">李大大3</p>
198 
									</div>
171 
									</div>
172 
									<div class="deleteThis"></div>
199 
								</li>
173 
								</li>
200 
							</ul>
174 
							</ul>
201 
						</div>
175 
						</div>
202 
						<div class="form-result">
176 
						<div class="form-result">
203 
							<ul>
204 
								<li>
205 
									<div class="madiaHead resouseHead"></div>
206 
									<div class="madiaInfo">
207 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
208 
										<p class="h1Font">李大大</p>
209 
									</div>
210 
									<div class="deleteThis"></div>
211 
								</li>
212 
								<li>
213 
									<div class="madiaHead resouseHead"></div>
214 
									<div class="madiaInfo">
215 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
216 
										<p class="h1Font">李大大</p>
217 
									</div>
218 
									<div class="deleteThis"></div>
219 
								</li>
177 
							<ul class="addexpert" id="resources">
178
220 
							</ul>
179 
							</ul>
221 
						</div>
180 
						</div>
222 
					</div>
181 
					</div>
228 
<footer>
187 
<footer>
229 
	<script type="text/javascript" src="js/footer.js"></script>
188 
	<script type="text/javascript" src="js/footer.js"></script>
230 
</footer>
189 
</footer>
231 
<!--文章预览-->
232 
<div class="blackcover">
233 
	<div class="modelContain modelContain2">
234 
		<div class="containerCon clearfix conBlock" style="padding:10px 10px 0;">
235 
			<div class="leftconBox floatL">
236 
				<div class="showDetail">
237 
					<div class="h1Font">福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4福福福福福福福福福付4</div>
238 
					<div class="h2Font"><span id="creTime">2月23日 14:38</span> <span class="readNum">阅读量10000</span></div>
239 
					<div class="showBigOpen" style="background-image: url(images/banner/banner01.jpg);"></div>
240 
					<!--文章内容区-->
241 
					<div class="showMain">
242 
<p>分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到的内容，最简单的就是鸡汤、各种鸡汤，养生，各种养生，因为这是关乎心灵和身体健康的东西。位居其后的，是我认为重要的信息。什么是重要的信息，后面我会专门展开来讲。
243 
以展示和分享为主要目的的传播特征，使得社交媒体上发布的信息很像是美图秀，是无意中被刻意挑选过的。</p><p>因为朋友圈中发布的信息其实是有某种强烈的筛选机制。虽然理论上任意两个人都可以通过非常有限的朋友圈建立联系，它看上去像是开发的，但实际上，每个人的朋友圈基本上都是处于半开放的，因为虽然互相关注，但你可以选择他是否可以看你发布的内容，以及你是否看他发布的内容。
244 
所以，任意一个朋友圈都是特定观念和偏好的集合，信息是在特定人群中间传播。一个坚持买《环球时报》的人，很少看到南方系的内容，反之亦然，一个热爱中医养生的人，很少看到科普党人反中医的文章，反之亦然，一个热爱唐装盘手串的人，很少看到整天攻击中国传统文化的内容，反之亦然。</p>
245 
<p><img src="images/banner/banner01.jpg" /></p>
246 
<p>所谓展示，指的是我通过信息的发布，展示我的生活方式生活态度和精神面目，一个人展示出来的东西，其实是他希望和想象的理想状态，通常是比实际情况要高一档次，比如一个人一周要吃五次卤煮，他肯定不会秀自己整天吃卤煮，但是，他要吃了一次日本料理，就一定会秀出来。去动物园服装批发市场买衣服，他不会秀，但他去了一次东京银座，即使不购物也会展示出来。他跑了五公里会秀，但宅在家里两天不出门灰头土脑一定不会秀。同样的，晒娃、晒猫狗、秀恩爱也是基于同样的心理，我希望通过这些信息，来展示我是一个多么热爱生活，当然，重要是生活品质很高，并且关心社会的一个面貌。</p>
247 
					</div>
248 
					<!--标签模块-->
249 
					<ul class="tagList">
250 
						<li>
251 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
252 
						</li>
253 
						<li>
254 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
255 
						</li>
256 
						<li>
257 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
258 
						</li>
259 
						<li>
260 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
261 
						</li>
262 
						<li>
263 
							<p class="h2Font">金属材料工程与腐蚀蚀</p>
264 
						</li>
265 
					</ul>
266 
					<!--相关专家-->
267 
					<div class="form-item otherShow otherShowFirst">
268 
						<div class="aboutTit">相关专家</div>
269 
						<div class="form-result">
270 
							<ul>
271 
								<li>
272 
									<div class="madiaHead useHead"></div>
273 
									<div class="madiaInfo">
274 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
275 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
276 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
277 
									</div>
278 
								</li>
279 
								<li>
280 
									<div class="madiaHead useHead"></div>
281 
									<div class="madiaInfo">
282 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
283 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
284 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
285 
									</div>
286 
								</li>
287 
								<li>
288 
									<div class="madiaHead useHead"></div>
289 
									<div class="madiaInfo">
290 
										<p><span class="h1Font">张某某</span><em class="authiconNew authicon-pro" title="科袖认证专家"></em></p>
291 
										<p class="ellipsisSty h2Font">教授高工、董事长兼CEO</p>
292 
										<p class="h2Font ellipsisSty">研究方向：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
293 
									</div>
294 
								</li>
295 
							</ul>
296 
						</div>
297 
					</div>
298 
					<!--相关资源-->
299 
					<div class="form-item otherShow">
300 
						<div class="aboutTit">相关资源</div>
301 
						<div class="form-result aboutRes">
302 
							<ul>
303 
								<li>
304 
									<div class="madiaHead resouseHead"></div>
305 
									<div class="madiaInfo">
306 
										<p class="h1Font">资源名称资源名称资源名称</p>
307 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
308 
									</div>
309 
								</li>
310 
								<li>
311 
									<div class="madiaHead resouseHead"></div>
312 
									<div class="madiaInfo">
313 
										<p class="h1Font">资源名称资源名称资源名称</p>
314 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
315 
									</div>
316 
								</li>
317 
								<li>
318 
									<div class="madiaHead resouseHead"></div>
319 
									<div class="madiaInfo">
320 
										<p class="h1Font">资源名称资源名称资源名称</p>
321 
										<p class="h2Font ellipsisSty-2">用途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；</p>
322 
									</div>
323 
								</li>
324 
							</ul>
325 
						</div>
326 
					</div>
327 
				</div>
328 
			</div>
329 
			<div class="rightconBox floatR">
330 
				<div class="conItem conItemG alignCenter" style="border:none;padding:30px;">
331 
					<div class="madiaHead useHead"></div>
332 
					<div class="proInfo">
333 
						<div class="h3Font clearfix">
334 
							<span class="h1Font" id="nameS">张某某</span>
335 
							<span class="authiconNew authicon-pro" title="科袖认证专家" id="authFlag"></span>
336 
						</div>
337 
						<p class="h2Font">教授高工、董事长兼CEO</p>
338 
						<p class="h2Font" id="orgType">北京科袖科技有限公司</p>
339 
					</div>
340 
				</div>
341 
				<div class="conItem conItemG" style="border:none;padding:30px;">
342 
					<div class="madiaHead cmpHead"></div>
343 
					<div class="proInfo alignCenter">
344 
						<div class="h3Font clearfix">
345 
							<span class="h1Font" id="nameS">北京科袖科技有限公司</span>
346 
							<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="authFlag"></span>
347 
						</div>
348 
						<p class="h2Font">所属行业 | 企业类型</p>
349 
					</div>
350 
				</div>
351 
			</div>
352 
		</div>
353 
		<span class="modelClosebtn"></span>
354 
	</div>
355 
</div>
356
190
357
358 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
359 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
360 
<script type="text/javascript" src="js/jquery.page.js"></script>
191 
<script type="text/javascript" src="js/ueditor/ueditor.config.js"></script>
192 
<script type="text/javascript" src="js/ueditor/ueditor.all.js"> </script>
193 
<script type="text/javascript" src="js/webuploader/webuploader.js"></script>
194 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
195 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
361 
<script type="text/javascript" src="js/common.js"></script>
196 
<script type="text/javascript" src="js/common.js"></script>
362 
<script type="text/javascript">
363 
	$(".textareaboxEmp").keyup(function(){
364 
		$(this).css("content","none");
365 
	})
366
367 
//Model模态框打开关闭
368 
function modelOpen(){
369 
	$(".blackcover").fadeIn();
370 
	$(".modelContain").slideDown();
371 
	$("body").addClass("modelOpen");
372 
}
373 
function modelClose(){
374 
	$(".modelContain").slideUp();
375 
	$(".blackcover").fadeOut();
376 
	$("body").removeClass("modelOpen");
377 
}
378 
	$(".articalPreview").click(function() {
379 
		modelOpen();
380 
	})
381 
	$(".modelClosebtn").click(function() {
382 
		modelClose();
383 
	})
197 
<script type="text/javascript" src="js/articalIssue.js"></script>
198 
<script type="text/javascript">
199 
//初始引用编辑器
200 
ue = UE.getEditor('editor', {});
201
202 
// 初始化Web Uploader
203 
var uploader = WebUploader.create({
204 
	// 选完文件后，是否自动上传。
205 
    auto: true,
206 
    // 添加的文件数量
207 
    //fileNumLimit: 1,
208 
    // swf文件路径
209 
    swf: '../js/webuploader/Uploader.swf',
210 
    // 文件接收服务端。
211 
    server: '../ajax/cachedFileUpload',
212 
    // 选择文件的按钮。可选。
213 
    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
214
215 
    pick : {
216 
    	id : "#filePicker",
217 
    	multiple: false
218 
    	},
219 
    // 只允许选择图片文件。
220 
    accept: {
221 
        title: 'Images',
222 
        extensions: 'gif,jpg,jpeg,bmp,png',
223 
        mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
224 
    }
225
226 
});
227
228 
// 当有文件添加进来的时候
229 
uploader.on( 'fileQueued', function( file ) {
230 
    uploader.makeThumb( file, function( error, src ) {
231 
        $("#uploader").css("background-image","url("+src+")");
232 
        $(".imgtis").text("");
233 
        $(".upFront").hide();
234 
        $(".upBackbtn").show();
235 
    }, 1, 1 );
236
237 
});
238
239 
// 文件上传成功，给item添加成功class, 用样式标记上传成功。
240 
cacheImageKey="";
241 
uploader.on( 'uploadSuccess', function(file,data) {
242 
	cacheImageKey =data.data[0].cacheKey;
243 
	$("#uploader").attr("data-id",cacheImageKey);
244 
});
245
384 
</script>
246 
</script>
385 
</body>
247 
</body>
386 
</html>
248 
</html>

+ 9 - 40
articalList.html
View File

29 
            <a href="workspaces.html" class="workmenutit">我的工作台</a>
29 
            <a href="workspaces.html" class="workmenutit">我的工作台</a>
30 
            <a class="worksubmenu" id="gozixu">咨询</a>
30 
            <a class="worksubmenu" id="gozixu">咨询</a>
31 
            <a href="newsciresource.html"  class="worksubmenu" >资源</a>
31 
            <a href="newsciresource.html"  class="worksubmenu" >资源</a>
32 
            <a href="news-list.html"  class="worksubmenu subcolor" >文章</a>
32 
            <a href="articalList.html"  class="worksubmenu subcolor" >文章</a>
33 
            <a href="needList.html"  class="worksubmenu" >需求</a>
33 
            <a href="needList.html"  class="worksubmenu" >需求</a>
34 
        </div>
34 
        </div>
35 
        <div class="workcon">
35 
        <div class="workcon">
39 
					<div class="itemListBolck">
39 
					<div class="itemListBolck">
40 
						<div class="topOperaBlock clearfix">
40 
						<div class="topOperaBlock clearfix">
41 
							<div class="searchAbout col-w-8">
41 
							<div class="searchAbout col-w-8">
42 
								<input class="frmcontype" type="search" name="" placeholder="输入文章标题">
42 
								<input class="frmcontype" type="search" id="articleSearch" name="" placeholder="输入文章标题">
43 
								<span class="searchSpan"></span>
43 
								<span class="searchSpan"></span>
44 
							</div>
44 
							</div>
45 
							<div class="issueSpanBlock col-w-4">
45 
							<div class="issueSpanBlock col-w-4">
46 
								<span class="issueSpan">发布文章</span>
46 
								<a href="articalIssue.html" target="_blank" class="issueSpan">发布文章</a>
47 
							</div>
47 
							</div>
48 
						</div>
48 
						</div>
49 
						<div class="form-item itemListCon">
49 
						<div class="form-item itemListCon">
50 
							<div class="form-result aboutRes">
50 
							<div class="form-result aboutRes">
51 
								<ul>
52 
									<li>
53 
										<div class="madiaHead artHead"></div>
54 
										<div class="madiaInfo">
55 
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
56 
											<ul class="h2Font clearfix">
57 
												<li><span>8月20日 04:00</span></li>
58 
												<li><span>阅读量100</span></li>
59 
												<li><span>点赞20</span></li>
60 
												<li><span>评论30</span></li>
61 
											</ul>
62 
										</div>
63 
										<ul class="madiaEdit">
64 
											<li><span class="deteleThis2"></span></li>
65 
										</ul>
66 
									</li>
67 
									<li class="draftList"><!--存为草稿时添加draftList类-->
68 
										<div class="madiaHead artHead"></div>
69 
										<div class="madiaInfo">
70 
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
71 
											<ul class="h2Font clearfix">
72 
												<li><span>8月20日 04:00</span></li>
73 
											</ul>
74 
											<!--<span class="draftLable">草稿</span>-->
75 
											<span class="draftLable">草稿 | 将于 8月21日 08:00 定时发布</span><!--点击定时发布之后显示-->
76 
										</div>
77 
										<ul class="madiaEdit">
78 
											<li><span class="deteleThis2"></span></li>
79 
											<li><span class="editThis"></span></li><!--存为草稿时才会有编辑按钮-->
80 
										</ul>
81 
									</li>
51 
								<ul id="articalList">
52
82 
								</ul>
53 
								</ul>
54 
								<div id="noartical" class="displayNone" style="text-align: center;padding:50px 0;">
55 
									暂无内容
56 
								</div>
83 
								<div class="tcdPageCode"></div>
57 
								<div class="tcdPageCode"></div>
84 
							</div>
58 
							</div>
85 
						</div>
59 
						</div>
97 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
71 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
98 
<script type="text/javascript" src="js/jquery.page.js"></script>
72 
<script type="text/javascript" src="js/jquery.page.js"></script>
99 
<script type="text/javascript" src="js/common.js"></script>
73 
<script type="text/javascript" src="js/common.js"></script>
100 
<script type="text/javascript">
101 
	$(".tcdPageCode").createPage({
102 
		pageCount: Math.ceil(4 / 16),
103 
		current: 3,
104 
	});
105 
</script>
74 
<script type="text/javascript" src="js/articalList.js"></script>
106 
</body>
75 
</body>
107 
</html>
76 
</html>

+ 229 - 0
articalModify.html
View File

1 
 <!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
<title>发布文章-科袖网</title>
8 
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 
<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
11 
<link type="text/css" href="css/common.css" rel="stylesheet">
12 
<link type="text/css" href="css/genindex.css" rel="stylesheet">
13 
<style type="text/css">
14 
	#filePicker{position:absolute;left:50%; bottom:25px; margin-left:-52px;opacity:0; z-index:88;}
15 
</style>
16 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
17
18 
</head>
19
20 
<body>
21 
<header id="header">
22 
	<script src="js/header.js"></script>
23 
</header>
24 
<div id="container">
25 
	<div class="containerCon">
26 
		<div class="contentCon clearfix conBlock">
27 
			<div class="leftconBox floatL">
28 
				<ul class="artAbout">
29 
					<li>
30 
						<div class="uploadFile">
31 
	        				<div class="uploadblock" id="uploader" data-id>
32 
       							<span class="" id="filePicker">上传图片</span>
33 
	        					<!--未上传图片时-->
34 
	        					<div class="upFront">
35 
		        					<p>文章封面大图</p>
36 
		        					<p>JPG/PNG格式，2M以内。</p>
37 
		        					<span class="upbtn">上传图片</span>
38 
	        					</div>
39 
	        					<!--已上传图片时-->
40 
	        					<span class="upbtn upBackbtn">更换图片</span>
41 
		            		</div>
42 
	        			</div>
43 
	        			<span class="frmconmsg imgtis" style="margin-left:0"></span>
44 
					</li>
45 
					<li>
46 
						<div class="aboutTit" id="aboutTit">标题<span class="frmconmsg"></span></div>
47 
					    <input type="text" class="frmtype frmcontype" value="" placeholder="请输入标题" id="newstitle"/>
48 
					</li>
49 
					<li class="form-item">
50 
						<div class="aboutTit">关键词<span class="frmconmsg" id="keyPrompt"></span></div>
51 
						<div style="position: relative;">
52 
							<input type="text" class="frmtype frmcontype" value="" placeholder="请输入关键词" id="KeyWord"/>
53 
							<!--输入框中键入内容时按钮显示，添加内容出现在结果标签中时按钮隐藏-->
54 
							<button class="frmcontype frmadd displayNone" id="addkeyWord">添加</button>
55 
						</div>
56 
						<div class="form-drop keydrop displayNone">
57 
							<ul>
58 
								<li>
59 
									<p class="h2Font">金属材料工程与腐蚀</p>
60 
								</li>
61 
								<li>
62 
									<p class="h2Font">金属材料工程与腐蚀</p>
63 
								</li>
64 
								<li>
65 
									<p class="h2Font">金属材料工程与腐蚀</p>
66 
								</li>
67 
							</ul>
68 
						</div>
69 
						<div class="form-result keyResult">
70 
							<ul class="clearfix" id="keyWordlist">
71
72 
							</ul>
73 
						</div>
74 
					</li>
75 
					<li>
76 
						<div class="aboutTit">文章内容<span class="frmconmsg"></span></div>
77 
						<!--这块还是使用编辑框插件-->
78 
						<div class="editBlock" style="border:none; height: auto;">
79 
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
80 
							<!--<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>-->
81 
						</div>
82 
					</li>
83 
				</ul>
84 
			</div>
85 
			<div class="rightconBox floatR">
86 
				<div class="conItem">
87 
					<ul class="operateBlock">
88 
						<li class="goFabu" id="release">
89 
							<em class="operateicon icon-issue"></em>
90 
							<p>发布</p>
91 
						</li>
92 
						<li>
93 
							<em class="operateicon icon-timeissue"></em>
94 
							<p>定时发布</p>
95 
						</li>
96 
						<li class="articalPreview" id="preview">
97 
							<em class="operateicon icon-preview"></em>
98 
							<p>预览</p>
99 
						</li>
100 
						<li id="draft">
101 
							<em class="operateicon icon-draft"></em>
102 
							<p>存草稿</p>
103 
						</li>
104 
						<li>
105 
							<em class="operateicon icon-delete"></em>
106 
							<p>删除</p>
107 
						</li>
108
109 
					</ul>
110 
				</div>
111 
				<div class="conItem">
112 
					<div class="form-item otherBlock">
113 
						<div class="aboutTit">相关专家<span class="frmconmsg"></span></div>
114 
						<input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="checkZj" value="" />
115 
						<div class="form-drop displayNone">
116 
							<ul class="expertlist" id="expertlist">
117
118 
							</ul>
119 
						</div>
120 
						<div class="form-result">
121 
							<ul class="addexpert" id="expertli">
122
123 
							</ul>
124 
						</div>
125 
					</div>
126 
					<div class="form-item otherBlock">
127 
						<div class="aboutTit">相关资源<span class="frmconmsg"></span></div>
128 
						<input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="checkZy" value="" />
129 
						<div class="form-drop displayNone">
130 
							<ul class="expertlist" id="resouselist">
131 
								<li id="4">
132 
									<div class="madiaHead resouseHead"></div>
133 
									<div class="madiaInfo">
134 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
135 
										<p class="h1Font">李大大1</p>
136 
									</div>
137 
									<div class="deleteThis"></div>
138 
								</li>
139 
								<li id="5">
140 
									<div class="madiaHead resouseHead"></div>
141 
									<div class="madiaInfo">
142 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
143 
										<p class="h1Font">李大大2</p>
144 
									</div>
145 
									<div class="deleteThis"></div>
146 
								</li>
147 
								<li id="6">
148 
									<div class="madiaHead resouseHead"></div>
149 
									<div class="madiaInfo">
150 
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
151 
										<p class="h1Font">李大大3</p>
152 
									</div>
153 
									<div class="deleteThis"></div>
154 
								</li>
155 
							</ul>
156 
						</div>
157 
						<div class="form-result">
158 
							<ul class="addexpert" id="resources">
159
160 
							</ul>
161 
						</div>
162 
					</div>
163 
				</div>
164 
			</div>
165 
		</div>
166 
	</div>
167 
</div>
168 
<footer>
169 
	<script type="text/javascript" src="js/footer.js"></script>
170 
</footer>
171
172 
<script type="text/javascript" src="js/ueditor/ueditor.config.js"></script>
173 
<script type="text/javascript" src="js/ueditor/ueditor.all.js"> </script>
174 
<script type="text/javascript" src="js/webuploader/webuploader.js"></script>
175 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
176 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
177 
<script type="text/javascript" src="js/common.js"></script>
178 
<script type="text/javascript" src="js/articalModify.js"></script>
179 
<script type="text/javascript">
180 
//初始引用编辑器
181 
ue = UE.getEditor('editor', {});
182
183 
// 初始化Web Uploader
184 
var uploader = WebUploader.create({
185 
	// 选完文件后，是否自动上传。
186 
    auto: true,
187 
    // 添加的文件数量
188 
    //fileNumLimit: 1,
189 
    // swf文件路径
190 
    swf: '../js/webuploader/Uploader.swf',
191 
    // 文件接收服务端。
192 
    server: '../ajax/cachedFileUpload',
193 
    // 选择文件的按钮。可选。
194 
    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
195
196 
    pick : {
197 
    	id : "#filePicker",
198 
    	multiple: false
199 
    	},
200 
    // 只允许选择图片文件。
201 
    accept: {
202 
        title: 'Images',
203 
        extensions: 'gif,jpg,jpeg,bmp,png',
204 
        mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
205 
    }
206
207 
});
208
209 
// 当有文件添加进来的时候
210 
uploader.on( 'fileQueued', function( file ) {
211 
    uploader.makeThumb( file, function( error, src ) {
212 
        $("#uploader").css("background-image","url("+src+")");
213 
        $(".imgtis").text("");
214 
        $(".upFront").hide();
215 
        $(".upBackbtn").show();
216 
    }, 1, 1 );
217
218 
});
219
220 
// 文件上传成功，给item添加成功class, 用样式标记上传成功。
221 
cacheImageKey="";
222 
uploader.on( 'uploadSuccess', function(file,data) {
223 
	cacheImageKey =data.data[0].cacheKey;
224 
	$("#uploader").attr("data-id",cacheImageKey);
225 
});
226
227 
</script>
228 
</body>
229 
</html>

+ 22 - 61
articalPreview.html
View File

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

+ 345 - 0
js/articalIssue.js
View File

1 
$(function() {
2 
	loginStatus();//判断个人是否登录
3 
	var experarray = [];
4 
	var resourcesarray = [];
5
6 
	//校验标题
7 
	$("#newstitle").on("focus",function(){
8 
		$(this).prev().find("span").text("30字以内");
9 
	})
10 
	$("#newstitle").on("blur",function(){
11 
		$(this).prev().find("span").text("");
12 
	})
13 
	$("#newstitle").on("keyup",function(){
14 
		var inputval = $(this).val();
15 
		var inputlen = inputval.replace(/[^\u0000-\u00ff]/g, "aa").length;
16 
		if(inputlen > 60){
17 
    		var value = inputval.substring(0,60);
18 
   			$(this).val(value);
19 
    	}
20
21 
	})
22
23 
	//校验关键字
24 
	$("#KeyWord").on("focus",function(){
25 
		$("#keyPrompt").text("最多可添加5个关键词、每个关键词最多10个字");
26 
	})
27 
	$("#KeyWord").on("blur",function(){
28 
		$("#keyPrompt").text("");
29 
	})
30 
	$("#KeyWord").on("keyup",function(){
31 
		$(".frmadd,.keydrop").removeClass("displayNone");
32 
		var inputval = $(this).val();
33 
		var inputlen = inputval.replace(/[^\u0000-\u00ff]/g, "aa").length;
34 
		if(inputlen > 20){
35 
    		var value = inputval.substring(0,20);
36 
   			$(this).val(value);
37 
    	}
38 
	})
39
40 
	//添加关键字
41 
	$("#addkeyWord").on("click",function(){
42 
		var keyWord =$("#KeyWord").val();
43 
		keyWordlen(keyWord);
44 
		$(".frmadd,.keydrop").addClass("displayNone");
45 
	})
46
47 
	//点击搜出的关键字添加
48 
	$(".keydrop").on("click","p",function(){
49 
		var keyWord =$(this).text();
50 
		$(".frmadd,.keydrop").addClass("displayNone");
51 
		keyWordlen(keyWord)
52 
	})
53
54 
	//删除关键字
55 
	$("#keyWordlist").on("click",".closeThis",function(){
56 
		$(this).parent().remove();
57 
		var plength =$(".keyResult li p").length;
58 
		if(plength < 5){
59 
			$("#KeyWord").show();
60 
		}
61 
	})
62
63 
	//组合关键字
64 
	function captiureSubInd(subIndu) {
65 
		var industrys = $("#" + subIndu + "");
66 
		var industryAll = "";
67 
		if(industrys.size() > 0) {
68 
			for(var i = 0; i < industrys.size(); i++) {
69 
				industryAll += industrys[i].innerText;
70 
				industryAll += ',';
71 
			};
72 
			industryAll = industryAll.substring(0, industryAll.length - 1);
73 
		}
74 
		return industryAll;
75 
	}
76
77
78 
	function keyWordlen(keyWord){
79 
		$("#KeyWord").val("");
80 
		var plength = $(".keyResult li p");
81 
		for(var i=0;i<plength.length;i++){
82 
			if(plength[i].innerText==keyWord){
83 
				$("#keyPrompt").text("关键词已存在");
84 
				return;
85 
			}
86 
		}
87 
		if(plength.length > 3) {
88 
		   $("#KeyWord").hide();
89 
		   $("#keyWordlist").append("<li class='delkeylist'><p class='h2Font'>"+ keyWord +"</p><div class='closeThis'></div></li>");
90 
		}else{
91 
			$("#keyWordlist").append("<li class='delkeylist'><p class='h2Font'>"+ keyWord +"</p><div class='closeThis'></div></li>");
92 
		}
93 
	}
94
95 
	//校验右侧专家和资源
96 
	$("#checkZj").on("focus",function(){
97 
		$(this).prev().find("span").text("最多选择3位专家");
98 
	})
99 
	$("#checkZy").on("focus",function(){
100 
		$(this).prev().find("span").text("最多选择3个资源");
101 
	})
102 
	$("#checkZj,#checkZy").on("blur",function(){
103 
		$(this).prev().find("span").text("");
104 
	})
105
106 
	$("#checkZj").on("keyup",function(){
107 
		var _this=this;
108 
		checkZj(_this);
109 
	})
110
111 
	$("#checkZy").on("keyup",function(){
112 
		$(this).next().removeClass("displayNone");
113 
	})
114
115 
	$("#expertlist").on("click","li",function(){
116 
		var _this = this;
117 
		expertlist(_this,"该专家已选择");
118 
	});
119 
	$("#resouselist").on("click","li",function(){
120 
		var _this = this;
121 
		expertlist(_this,"该资源已选择");
122 
	});
123
124 
	//点击右侧搜索出的专家和资源列表
125 
	function expertlist(_this,title){
126 
		var liId = $(_this).html();
127 
		var plength = $(_this).parents(".otherBlock").find(".addexpert li");
128 
		for(var i=0;i<plength.length;i++){
129 
			if(plength[i].innerHTML==liId){
130 
				$(_this).parents(".otherBlock").find(".aboutTit span").text(title);
131 
				$(_this).parents(".otherBlock").find(".form-drop").addClass("displayNone");
132 
				$(_this).parents(".otherBlock").find("input").val("");
133 
				return;
134 
			}
135 
		}
136 
		if(plength.length > 3) {
137 
			$(_this).parents(".otherBlock").find("input").hide();
138 
		 	$(_this).parents(".otherBlock").find(".addexpert").append($(_this).clone());
139 
			$(_this).parents(".otherBlock").find("input").val("");
140 
			$(_this).parents(".otherBlock").find(".form-drop").addClass("displayNone");
141 
		}else{
142 
			$(_this).parents(".otherBlock").find(".addexpert").append($(_this).clone());
143 
			$(_this).parents(".otherBlock").find("input").val("");
144 
			$(_this).parents(".otherBlock").find(".form-drop").addClass("displayNone");
145 
		}
146 
	}
147
148 
	//删除右侧搜索出的专家和资源
149 
	$(".addexpert").on("click",".deleteThis",function(){
150 
		var plength = $(this).parent().parent().find("li").length;
151 
		if(plength < 6){
152 
			$(this).parents(".otherBlock").find("input").show();
153 
		}
154 
		$(this).parent().remove();
155 
	})
156
157 
	function checkZj(_this){
158 
		$.ajax({
159 
			"url": "/ajax/professor/qaByName",
160 
			"type": "get",
161 
			"data": {
162 
				"name": $("#checkZj").val(),
163 
				"total":3
164 
			},
165 
			"success": function(data) {
166 
				console.log(data);
167 
				if(data.success ) {
168 
					if(data.data != ""){
169 
						$(_this).next().removeClass("displayNone");
170 
						var itemlist = '';
171 
						$("#expertlist").html("");
172 
						for(var i = 0; i < data.data.length; i++) {
173 
							var itemlist = '<li id="usid">';
174 
							itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
175 
							itemlist += '<div class="madiaInfo">';
176 
							itemlist += '<p class="ellipsisSty"><span class="h1Font" id="name"></span><span class="h2Font" style="margin-left:10px;" id="title"></span></p>';
177 
							itemlist += '<p class="h2Font ellipsisSty" id="orgName"></p>';
178 
							itemlist += '</div><div class="deleteThis"></div></li>';
179 
							$itemlist = $(itemlist);
180 
							$("#expertlist").append($itemlist);
181 
							var datalist = data.data[i];
182 
							$itemlist.attr("data-id",datalist.id);
183 
							$itemlist.find("#name").text(datalist.name);
184 
							$itemlist.find("#title").text(datalist.title);
185 
							$itemlist.find("#orgName").text(datalist.orgName);
186 
							if(datalist.hasHeadImage==1) {
187 
								$itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + datalist.id + "_l.jpg);");
188 
							}
189 
						}
190 
					}else{
191 
						$(_this).next().addClass("displayNone");
192 
					}
193 
				}else{
194 
					$(_this).next().addClass("displayNone");
195 
				}
196 
			},
197 
			"error": function() {
198 
				$.MsgBox.Alert('提示', '链接服务器超时')
199 
			}
200 
		});
201 
	}
202
203
204 
	var titleflase = false;
205 
	var imgflase = false;
206 
	//交验图片和标题不能为空
207 
	function noTitleImg(){
208 
		var ImageKey = $("#uploader").attr("data-id");
209 
		var newstitle = $("#newstitle").val();
210 
		if(ImageKey==""){
211 
			$(".imgtis").text("请上传封面图片");
212 
		}else{
213 
			$(".imgtis").text("");
214 
			imgflase = true;
215 
		}
216 
		if(newstitle==""){
217 
			$("#aboutTit span").text("请输入文章标题");
218 
		}else{
219 
			$("#aboutTit span").text("");
220 
			titleflase = true;
221 
		}
222 
	}
223
224 
	//获取相关专家
225 
	function expertli(){
226 
		$("#expertli li").each(function(i){
227 
			 var liid = $(this).attr("data-id");
228 
		     experarray.push(liid);
229 
		});
230 
		return experarray;
231 
	}
232
233 
	//获取相关专家
234 
	function resourcesli(){
235 
		$("#resources li").each(function(i){
236 
			 var liid = $(this).attr("data-id");
237 
		     resourcesarray.push(liid);
238 
		});
239 
		return resourcesarray;
240 
	}
241
242
243 
	//文章发布
244 
	$("#release").on("click",function(){
245 
		noTitleImg();
246 
		if(imgflase && titleflase){
247 
			$.MsgBox.Confirm("提示","确认发布该文章?",newsAdd);
248 
		}
249 
	})
250
251 
	//文章存草稿
252 
	$("#draft").on("click",function(){
253 
		noTitleImg();
254 
		if(imgflase && titleflase){
255 
			draftAdd(1);
256 
		}
257 
	})
258
259 
	//文章预览
260 
	$("#preview").on("click",function(){
261 
		noTitleImg();
262 
		if(imgflase && titleflase){
263 
			draftAdd(2);
264 
		}
265 
	})
266
267 
	/*文章添加*/
268 
	function newsAdd(){
269 
		expertli();//相关专家
270 
		resourcesli();//相关咨询
271 
	    var $data = {};
272 
		$data.professorId = userid;
273 
		$data.articleTitle = $("#newstitle").val();
274 
		$data.subject = captiureSubInd("keyWordlist .delkeylist");
275 
		$data.articleImg = $("#uploader").attr("data-id");
276 
		$data.articleContent = ue.getContent();
277 
		$data.professors = experarray;
278 
		$data.resources = resourcesarray;
279 
		console.log($data);
280 
		$.ajax({
281 
			"url" : "/ajax/article/save",
282 
			"type" :  "post" ,
283 
			"dataType" : "json",
284 
			"data" :$data,
285 
			"traditional": true, //传数组必须加这个
286 
			"success" : function(data) {
287 
				console.log(data);
288 
				if (data.success){
289 
					articleId = data.data;
290 
					$.MsgBox.Alert("提示","文章发表成功！",function articalList(){
291 
						location.href = "articalList.html";
292 
					});
293 
					$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
294 
				} else {
295 
					$.MsgBox.Alert("提示","文章发表失败！");
296 
				}
297 
			},
298 
			"error":function(){
299 
				$.MsgBox.Alert('提示','链接服务器超时')
300 
			}
301 
		});
302 
	}
303
304 
	/*文章添加草稿和文章预览*/
305 
	function draftAdd(num){
306 
		expertli();//相关专家
307 
		resourcesli();//相关咨询
308 
	    var $data = {};
309 
		$data.professorId = userid;
310 
		$data.articleTitle = $("#newstitle").val();
311 
		$data.subject = captiureSubInd("keyWordlist .delkeylist");
312 
		$data.articleImg = $("#uploader").attr("data-id");
313 
		$data.articleContent = ue.getContent();
314 
		$data.professors = experarray;
315 
		$data.resources = resourcesarray;
316 
		console.log($data);
317 
		$.ajax({
318 
			"url" : "/ajax/article/draft",
319 
			"type" :  "post" ,
320 
			"dataType" : "json",
321 
			"data" :$data,
322 
			"traditional": true, //传数组必须加这个
323 
			"success" : function(data) {
324 
				console.log(data);
325 
				if(num==1){
326 
					if (data.success){
327 
						articleId = data.data;
328 
						$.MsgBox.Alert("提示","文章已保存草稿。");
329 
						$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
330 
					}
331 
				}
332 
				if(num==2){
333 
					if (data.success){
334 
						articleId = data.data;
335 
						window.open("articalPreview.html?articleId="+ articleId)
336 
					}
337 
				}
338 
			},
339 
			"error":function(){
340 
				$.MsgBox.Alert('提示','链接服务器超时')
341 
			}
342 
		});
343 
	}
344
345 
});

+ 182 - 0
js/articalList.js
View File

1 
/*文章个人列表*/
2 
$(function() {
3 
	loginStatus(); //判断个人是否登录
4 
	var userid = $.cookie("userid");
5 
	articalList(2, 1, true, 1);
6 
	$("#articleSearch").on("keyup", function() {
7 
		var inputval = $(this).val();
8 
		var inputlen = inputval.replace(/[^\u0000-\u00ff]/g, "aa").length;
9 
		if(inputlen > 60) {
10 
			var value = inputval.substring(0, 60);
11 
			$(this).val(value);
12 
		}
13
14 
	})
15
16 
	//删除新闻
17 
	$("#articalList").on("click", ".deteleThis2", function() {
18 
		var _this = this;
19 
		$.MsgBox.Confirm("提示", "确认删除该文章？", function() {
20 
			newsDelet(_this);
21 
		})
22 
	})
23
24 
	//文章搜索
25 
	$(".searchSpan").on("click", function() {
26 
		articalList(2, 1, true, 2);
27 
	})
28
29 
});
30
31 
function articalList(pageSize, pageNo, isbind, num) {
32 
	var $data = {};
33 
	if(num == 1) {
34 
		$data.professorId = userid;
35 
		$data.pageSize = pageSize;
36 
		$data.pageNo = pageNo;
37 
	} else {
38 
		$data.professorId = userid;
39 
		$data.pageSize = pageSize;
40 
		$data.pageNo = pageNo;
41 
		$data.articleTitle = $("#articleSearch").val();
42 
	}
43 
	$.ajax({
44 
		"url": "/ajax/article/pqself",
45 
		"type": "get",
46 
		"async": false,
47 
		"data": $data,
48 
		"beforeSend": function() {
49 
			$("#articalList").append('<img src="../images/loading.gif" class="loading"  style="position: absolute;left: 50%; top: 50%;" />');
50 
		},
51 
		"success": function(data) {
52 
			console.log(data);
53 
			if(data.success && data.data.data != "") {
54 
				var itemlist = '';
55 
				$("#articalList").html("");
56 
				$("#noartical").addClass("displayNone");
57 
				$(".tcdPageCode").css("display", "block");
58 
				for(var i = 0; i < data.data.data.length; i++) {
59 
					if(data.data.data[i].status == 1) {
60 
						var li = '<li class="newbox"><a href="" class="newurl">';
61 
						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>';
62 
						var li3 = '';
63 
						var li4 = '';
64 
					} else if(data.data.data[i].status == 0) {
65 
						var li = '<li class="newbox draftList"><a href="" class="newurl">';
66 
						var li2 = '<ul class="h2Font clearfix"><li><span class="time"></span></li></ul>';
67 
						var li3 = '<span class="draftLable">草稿</span>';
68 
						var li4 = '<li><a class="editThis"></a></li>';
69 
					} else if(data.data.data[i].status == 2) {
70 
						var li = '<li class="newbox draftList"><a href="" class="newurl">';
71 
						var li2 = '<ul class="h2Font clearfix"><li><span class="time"></span></li></ul>';
72 
						var li3 = '<span class="draftLable">草稿 | 将于 8月21日 08:00 定时发布</span>';
73 
						var li4 = '<li><a class="editThis"></a></li>';
74 
					}
75 
					var itemlist = li;
76 
					itemlist += '<div class="madiaHead artHead" id="artimg"></div>';
77 
					itemlist += '<div class="madiaInfo">';
78 
					itemlist += '<p class="h1Font ellipsisSty" id="arttitle"></p>';
79 
					itemlist += li2;
80 
					itemlist += li3;
81 
					itemlist += '</div></a>';
82 
					itemlist += '<ul class="madiaEdit"><li><span class="deteleThis2"></span></li>';
83 
					itemlist += li4;
84 
					itemlist += '</ul></li>';
85 
					$itemlist = $(itemlist);
86 
					$("#articalList").append($itemlist);
87 
					var datalist = data.data.data[i];
88 
					$itemlist.attr("data-id", datalist.articleId);
89 
					$itemlist.find("#arttitle").text(datalist.articleTitle);
90 
					$itemlist.find("#articleAgree").text("点赞" + datalist.articleAgree);
91 
					$itemlist.find("#pageViews").text("阅读量" + datalist.pageViews);
92 
					commentnum(datalist.articleId, $itemlist) //评论数
93 
					if(datalist.articleImg) {
94 
						$itemlist.find("#artimg").attr("style", "background-image: url(/data/article/" + datalist.articleImg + ");");
95 
					}
96 
					if(datalist.status == 1) {
97 
						$itemlist.find(".time").text(Time(datalist.publishTime));
98 
						$itemlist.find(".newurl").attr("href", "articalShow.html?articleId=" + datalist.articleId);
99 
					} else {
100 
						$itemlist.find(".time").text(Time(datalist.modifyTime));
101 
						$itemlist.find(".newurl").attr("href", "articalModify.html?articleId=" + datalist.articleId);
102 
						$itemlist.find(".editThis").attr("href", "articalModify.html?articleId=" + datalist.articleId);
103 
					}
104 
				}
105 
				//分页
106 
				if(isbind == true) {
107 
					$(".tcdPageCode").createPage({
108 
						pageCount: Math.ceil(data.data.total / 2),
109 
						current: data.data.pageNo,
110 
						backFn: function(p) {
111 
							$("#articalList").html("");
112 
							articalList(2, p, false, 1);
113 
							document.body.scrollTop = document.documentElement.scrollTop = 0;
114 
						}
115 
					});
116 
				}
117
118 
			} else {
119 
				$("#articalList").html("");
120 
				$("#noartical").removeClass("displayNone");
121 
				$(".tcdPageCode").css("display", "none");
122 
			}
123 
			$(".loading").remove();
124 
		},
125 
		"error": function() {
126 
			$.MsgBox.Alert('提示', '链接服务器超时')
127 
		}
128 
	});
129
130 
	//查文章评论数
131 
	function commentnum(articleId, $itemlist) {
132 
		$.ajax({
133 
			"url": "/ajax/leaveWord/lwCount",
134 
			"type": "GET",
135 
			"dataType": "json",
136 
			"async": false,
137 
			"data": {
138 
				"articleId": articleId
139 
			},
140 
			"success": function(data) {
141 
				if(data.success) {
142 
					$itemlist.find("#comment").text("评论" + data.data);
143 
				}
144 
			},
145 
			"error": function() {
146 
				$.MsgBox.Alert('提示', '链接服务器超时')
147 
			}
148 
		});
149 
	}
150
151 
	/*时间转换*/
152 
	function Time(dealtime) {
153 
		var s = dealtime;
154 
		var m = s.substr(4, 2);
155 
		var d = s.substr(6, 2);
156 
		var h = s.substr(8, 2);
157 
		var minute = s.substr(10, 2);
158 
		var formatTime = m.replace(/\b(0+)/gi, "") + "月" + d + "日 " + h + ":" + minute;
159 
		return formatTime;
160 
	}
161 
}
162
163 
/*文章删除*/
164 
function newsDelet(_this) {
165 
	var delarticleId = $(_this).parents(".newbox").attr("data-id");
166 
	$.ajax({
167 
		"url": "/ajax/article/delete",
168 
		"type": "POST",
169 
		"dataType": "json",
170 
		"data": {
171 
			"articleId": delarticleId
172 
		},
173 
		"success": function($data) {
174 
			if($data.success) {
175 
				articalList(2, 1, true, 1);
176 
			}
177 
		},
178 
		"error": function() {
179 
			$.MsgBox.Alert('提示', '链接服务器超时')
180 
		}
181 
	})
182 
}

+ 456 - 0
js/articalModify.js
View File

1 
$(function() {
2 
	loginStatus();//判断个人是否登录
3 
	var articleId = GetQueryString("articleId");
4 
	var experarray = [];
5 
	var resourcesarray = [];
6
7 
	articleshow();
8 
	relevantExperts();
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);
22 
    	}
23
24 
	})
25
26 
	//校验关键字
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);
40 
    	}
41 
	})
42
43 
	//添加关键字
44 
	$("#addkeyWord").on("click",function(){
45 
		var keyWord =$("#KeyWord").val();
46 
		keyWordlen(keyWord);
47 
		$(".frmadd,.keydrop").addClass("displayNone");
48 
	})
49
50 
	//点击搜出的关键字添加
51 
	$(".keydrop").on("click","p",function(){
52 
		var keyWord =$(this).text();
53 
		$(".frmadd,.keydrop").addClass("displayNone");
54 
		keyWordlen(keyWord)
55 
	})
56
57 
	//删除关键字
58 
	$("#keyWordlist").on("click",".closeThis",function(){
59 
		$(this).parent().remove();
60 
		var plength =$(".keyResult li p").length;
61 
		if(plength < 5){
62 
			$("#KeyWord").show();
63 
		}
64 
	})
65
66 
	//组合关键字
67 
	function captiureSubInd(subIndu) {
68 
		var industrys = $("#" + subIndu + "");
69 
		var industryAll = "";
70 
		if(industrys.size() > 0) {
71 
			for(var i = 0; i < industrys.size(); i++) {
72 
				industryAll += industrys[i].innerText;
73 
				industryAll += ',';
74 
			};
75 
			industryAll = industryAll.substring(0, industryAll.length - 1);
76 
		}
77 
		return industryAll;
78 
	}
79
80 
	//拆解关键字
81 
	function industryShow(data,industryList){
82 
		if(data != undefined && data.length != 0 ){
83 
			var subs = new Array();
84 
			if(data.indexOf(',')){
85 
				subs = data.split(',');
86 
			}else{
87 
				subs[0] = data;
88 
			}
89 
			if(subs.length>0){
90 
				for (var i = 0; i < subs.length; i++)
91 
				{
92 
					$("#"+industryList+"").append('<li class="delkeylist"><p class="h2Font">'+ subs[i] +'</p><div class="closeThis"></div></li>');
93 
				};
94 
			}
95 
		}
96 
	}
97
98 
	function keyWordlen(keyWord){
99 
		$("#KeyWord").val("");
100 
		var plength = $(".keyResult li p");
101 
		for(var i=0;i<plength.length;i++){
102 
			if(plength[i].innerText==keyWord){
103 
				$("#keyPrompt").text("关键词已存在");
104 
				return;
105 
			}
106 
		}
107 
		if(plength.length > 3) {
108 
		   $("#KeyWord").hide();
109 
		   $("#keyWordlist").append("<li class='delkeylist'><p class='h2Font'>"+ keyWord +"</p><div class='closeThis'></div></li>");
110 
		}else{
111 
			$("#keyWordlist").append("<li class='delkeylist'><p class='h2Font'>"+ keyWord +"</p><div class='closeThis'></div></li>");
112 
		}
113 
	}
114
115 
	//校验右侧专家和资源
116 
	$("#checkZj").on("focus",function(){
117 
		$(this).prev().find("span").text("最多选择3位专家");
118 
	})
119 
	$("#checkZy").on("focus",function(){
120 
		$(this).prev().find("span").text("最多选择3个资源");
121 
	})
122 
	$("#checkZj,#checkZy").on("blur",function(){
123 
		$(this).prev().find("span").text("");
124 
	})
125
126 
	$("#checkZj").on("keyup",function(){
127 
		var _this=this;
128 
		checkZj(_this);
129 
	})
130
131 
	$("#checkZy").on("keyup",function(){
132 
		$(this).next().removeClass("displayNone");
133 
	})
134
135 
	$("#expertlist").on("click","li",function(){
136 
		var _this = this;
137 
		expertlist(_this,"该专家已选择");
138 
	});
139 
	$("#resouselist").on("click","li",function(){
140 
		var _this = this;
141 
		expertlist(_this,"该资源已选择");
142 
	});
143
144 
	//点击右侧搜索出的专家和资源列表
145 
	function expertlist(_this,title){
146 
		var liId = $(_this).html();
147 
		var plength = $(_this).parents(".otherBlock").find(".addexpert li");
148 
		for(var i=0;i<plength.length;i++){
149 
			if(plength[i].innerHTML==liId){
150 
				$(_this).parents(".otherBlock").find(".aboutTit span").text(title);
151 
				$(_this).parents(".otherBlock").find(".form-drop").addClass("displayNone");
152 
				$(_this).parents(".otherBlock").find("input").val("");
153 
				return;
154 
			}
155 
		}
156 
		if(plength.length > 3) {
157 
			$(_this).parents(".otherBlock").find("input").hide();
158 
		 	$(_this).parents(".otherBlock").find(".addexpert").append($(_this).clone());
159 
			$(_this).parents(".otherBlock").find("input").val("");
160 
			$(_this).parents(".otherBlock").find(".form-drop").addClass("displayNone");
161 
		}else{
162 
			$(_this).parents(".otherBlock").find(".addexpert").append($(_this).clone());
163 
			$(_this).parents(".otherBlock").find("input").val("");
164 
			$(_this).parents(".otherBlock").find(".form-drop").addClass("displayNone");
165 
		}
166 
	}
167
168 
	//删除右侧搜索出的专家和资源
169 
	$(".addexpert").on("click",".deleteThis",function(){
170 
		var plength = $(this).parent().parent().find("li").length;
171 
		if(plength < 6){
172 
			$(this).parents(".otherBlock").find("input").show();
173 
		}
174 
		$(this).parent().remove();
175 
	})
176
177 
	function checkZj(_this){
178 
		$.ajax({
179 
			"url": "/ajax/professor/qaByName",
180 
			"type": "get",
181 
			"data": {
182 
				"name": $("#checkZj").val(),
183 
				"total":3
184 
			},
185 
			"success": function(data) {
186 
				console.log(data);
187 
				if(data.success ) {
188 
					if(data.data != ""){
189 
						$(_this).next().removeClass("displayNone");
190 
						var itemlist = '';
191 
						$("#expertlist").html("");
192 
						for(var i = 0; i < data.data.length; i++) {
193 
							var itemlist = '<li id="usid">';
194 
							itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
195 
							itemlist += '<div class="madiaInfo">';
196 
							itemlist += '<p class="ellipsisSty"><span class="h1Font" id="name"></span><span class="h2Font" style="margin-left:10px;" id="title"></span></p>';
197 
							itemlist += '<p class="h2Font ellipsisSty" id="orgName"></p>';
198 
							itemlist += '</div><div class="deleteThis"></div></li>';
199 
							$itemlist = $(itemlist);
200 
							$("#expertlist").append($itemlist);
201 
							var datalist = data.data[i];
202 
							$itemlist.attr("data-id",datalist.id);
203 
							$itemlist.find("#name").text(datalist.name);
204 
							$itemlist.find("#title").text(datalist.title);
205 
							$itemlist.find("#orgName").text(datalist.orgName);
206 
							if(datalist.hasHeadImage==1) {
207 
								$itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + datalist.id + "_l.jpg);");
208 
							}
209 
						}
210 
					}else{
211 
						$(_this).next().addClass("displayNone");
212 
					}
213 
				}else{
214 
					$(_this).next().addClass("displayNone");
215 
				}
216 
			},
217 
			"error": function() {
218 
				$.MsgBox.Alert('提示', '链接服务器超时')
219 
			}
220 
		});
221 
	}
222
223 
    //初始化数据
224 
	function articleshow(){
225 
		$.ajax({
226 
			"url" : "/ajax/article/query",
227 
			"type" :  "GET" ,
228 
			"dataType" : "json",
229 
			"data" :{"articleId":articleId},
230 
			"success" : function(data) {
231 
				console.log(data)
232 
				if (data.success){
233 
					$("#newstitle").val(data.data.articleTitle);
234 
					if(data.data.articleImg){
235 
						$("#uploader").attr("style", "background-image: url(/data/article/" + data.data.articleImg + ");");
236 
						$(".upFront").hide();
237 
						$(".upBackbtn").show();
238 
					}
239 
					ue.ready(function() {
240 
				    	if(data.data.articleContent==undefined){
241 
				    		var datadescp ="";
242 
				    	}else{
243 
				    		var datadescp = data.data.articleContent;
244 
				    	}
245 
				        ue.setContent(datadescp);
246 
				    });
247 
				    industryShow(data.data.subject,"keyWordlist");
248 
				}
249 
			},
250 
			"error":function(){
251 
				$.MsgBox.Alert('提示','链接服务器超时')
252 
			}
253 
		});
254 
	}
255
256 
	//相关专家
257 
	function relevantExperts(){
258 
		$.ajax({
259 
			"url": "/ajax/article/ralatePro",
260 
			"type": "get",
261 
			"dataType" : "json",
262 
			"data" :{"articleId":articleId},
263 
			"success": function(data) {
264 
				if(data.success && data.data) {
265 
					for(var i = 0; i < data.data.length; i++) {
266 
						var professorId = data.data[i].professorId;
267 
						relevantExpertsList(professorId)
268 
					}
269
270 
				}
271 
			},
272 
			"error": function() {
273 
				$.MsgBox.Alert('提示', '链接服务器超时')
274 
			}
275 
		});
276 
	}
277
278 
	//相关专家信息
279 
	function relevantExpertsList(professorId){
280 
		$.ajax({
281 
			"url" : "/ajax/professor/info/"+professorId,
282 
			"type" :  "GET" ,
283 
			"dataType" : "json",
284 
			"success" : function(data) {
285 
				if (data.success && data.data){
286 
					var itemlist = '';
287 
					$("#expertli").html("");
288 
					var itemlist = '<li id="usid">';
289 
						itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
290 
						itemlist += '<div class="madiaInfo">';
291 
						itemlist += '<p class="ellipsisSty"><span class="h1Font" id="name"></span><span class="h2Font" style="margin-left:10px;" id="title"></span></p>';
292 
						itemlist += '<p class="h2Font ellipsisSty" id="orgName"></p>';
293 
						itemlist += '</div><div class="deleteThis"></div></li>';
294 
						$itemlist = $(itemlist);
295 
						$("#expertli").append($itemlist);
296 
						var datalist = data.data;
297 
						$itemlist.attr("data-id",datalist.id);
298 
						$itemlist.find("#name").text(datalist.name);
299 
						$itemlist.find("#title").text(datalist.title);
300 
						$itemlist.find("#orgName").text(datalist.orgName);
301 
						if(datalist.hasHeadImage==1) {
302 
							$itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + datalist.id + "_l.jpg);");
303 
						}
304 
				}
305 
			},
306 
			"error":function(){
307 
				$.MsgBox.Alert('提示','链接服务器超时')
308 
			}
309 
		});
310 
	}
311
312 
	var titleflase = false;
313 
	//交验图片和标题不能为空
314 
	function noTitleImg(){
315 
		//var ImageKey = $("#uploader").attr("data-id");
316 
		var newstitle = $("#newstitle").val();
317 
		/*if(ImageKey==""){
318 
			$(".imgtis").text("请上传封面图片");
319 
		}else{
320 
			$(".imgtis").text("");
321 
			imgflase = true;
322 
		}*/
323 
		if(newstitle==""){
324 
			$("#aboutTit span").text("请输入文章标题");
325 
		}else{
326 
			$("#aboutTit span").text("");
327 
			titleflase = true;
328 
		}
329 
		alert(titleflase)
330 
	}
331
332 
	//获取相关专家
333 
	function expertli(){
334 
		$("#expertli li").each(function(i){
335 
			 var liid = $(this).attr("data-id");
336 
		     experarray.push(liid);
337 
		});
338 
		return experarray;
339 
	}
340
341 
	//获取相关专家
342 
	function resourcesli(){
343 
		$("#resources li").each(function(i){
344 
			 var liid = $(this).attr("data-id");
345 
		     resourcesarray.push(liid);
346 
		});
347 
		return resourcesarray;
348 
	}
349
350
351 
	//文章发布
352 
	$("#release").on("click",function(){
353 
		noTitleImg();
354 
		if(titleflase){
355 
			$.MsgBox.Confirm("提示","确认发布该文章?",newsAdd);
356 
		}
357 
	})
358
359 
	//文章存草稿
360 
	$("#draft").on("click",function(){
361 
		noTitleImg();
362 
		if(titleflase){
363 
			draftAdd(1);
364 
		}
365 
	})
366
367 
	//文章预览
368 
	$("#preview").on("click",function(){
369 
		noTitleImg();
370 
		if(titleflase){
371 
			draftAdd(2);
372 
		}
373 
	})
374
375 
	/*文章添加*/
376 
	function newsAdd(){
377 
		expertli();//相关专家
378 
		resourcesli();//相关咨询
379 
	    var $data = {};
380 
	    $data.articleId = articleId;
381 
		$data.professorId = userid;
382 
		$data.articleTitle = $("#newstitle").val();
383 
		$data.subject = captiureSubInd("keyWordlist .delkeylist");
384 
		$data.articleImg = $("#uploader").attr("data-id");
385 
		$data.articleContent = ue.getContent();
386 
		$data.professors = experarray;
387 
		$data.resources = resourcesarray;
388 
		console.log($data);
389 
		$.ajax({
390 
			"url" : "/ajax/article/save",
391 
			"type" :  "post" ,
392 
			"dataType" : "json",
393 
			"data" :$data,
394 
			"traditional": true, //传数组必须加这个
395 
			"success" : function(data) {
396 
				console.log(data);
397 
				if (data.success){
398 
					articleId = data.data;
399 
					$.MsgBox.Alert("提示","文章发表成功！",function articalList(){
400 
						location.href = "articalList.html";
401 
					});
402 
					$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
403 
				} else {
404 
					$.MsgBox.Alert("提示","文章发表失败！");
405 
				}
406 
			},
407 
			"error":function(){
408 
				$.MsgBox.Alert('提示','链接服务器超时')
409 
			}
410 
		});
411 
	}
412
413 
	/*文章添加草稿和文章预览*/
414 
	function draftAdd(num){
415 
		expertli();//相关专家
416 
		resourcesli();//相关咨询
417 
	    var $data = {};
418 
	    $data.articleId = articleId;
419 
		$data.professorId = userid;
420 
		$data.articleTitle = $("#newstitle").val();
421 
		$data.subject = captiureSubInd("keyWordlist .delkeylist");
422 
		$data.articleImg = $("#uploader").attr("data-id");
423 
		$data.articleContent = ue.getContent();
424 
		$data.professors = experarray;
425 
		$data.resources = resourcesarray;
426 
		console.log($data);
427 
		$.ajax({
428 
			"url" : "/ajax/article/draft",
429 
			"type" :  "post" ,
430 
			"dataType" : "json",
431 
			"data" :$data,
432 
			"traditional": true, //传数组必须加这个
433 
			"success" : function(data) {
434 
				console.log(data);
435 
				if(num==1){
436 
					if (data.success){
437 
						articleId = data.data;
438 
						$.MsgBox.Alert("提示","文章已保存草稿。");
439 
						$("#mb_msgicon").css("background", 'url("images/sign_icon_chenggong_nor.png") 0% 0% / contain');
440 
						articleshow();
441 
					}
442 
				}
443 
				if(num==2){
444 
					if (data.success){
445 
						articleId = data.data;
446 
						window.open("articalPreview.html?articleId="+ articleId)
447 
					}
448 
				}
449 
			},
450 
			"error":function(){
451 
				$.MsgBox.Alert('提示','链接服务器超时')
452 
			}
453 
		});
454 
	}
455
456 
});

+ 312 - 0
js/articalPreview.js
View File

1 
/*文章预览*/
2 
$(function() {
3 
	loginStatus();//判断个人是否登录
4 
	var articleId = GetQueryString("articleId");
5
6 
	articleshow();
7 
	relevantExperts();
8 
	relevantResources();
9 
	//文章内容
10 
	function articleshow(){
11 
		$.ajax({
12 
			"url" : "/ajax/article/query",
13 
			"type" :  "GET" ,
14 
			"dataType" : "json",
15 
			"data" :{"articleId":articleId},
16 
			"success" : function(data) {
17 
				if (data.success){
18 
					$("#articleTitle").text(data.data.articleTitle);
19 
					$("#publishTime").text(Time(data.data.createTime));
20 
					$("#articleContent").html(data.data.articleContent);
21 
					$("#articleImg").attr("style", "background-image: url(/data/article/" + data.data.articleImg + ");");
22 
					$("#tagList").text(industryShow(data.data.subject));
23 
					if(data.data.articleType==1){
24 
						$("#expert").removeClass("displayNone");
25 
						expert(data.data.professorId);
26 
					}
27 
					if(data.data.articleType==2){
28 
						$("#enterprise").removeClass("displayNone");
29 
						cmpFun(data.data.orgId);
30 
					}
31 
				}
32 
			},
33 
			"error":function(){
34 
				$.MsgBox.Alert('提示','链接服务器超时')
35 
			}
36 
		});
37 
	}
38
39 
	//专家信息
40 
	function expert(professorId){
41 
		$.ajax({
42 
			"url" : "/ajax/professor/baseInfo/"+professorId,
43 
			"type" :  "GET" ,
44 
			"dataType" : "json",
45 
			"success" : function(data) {
46 
				if (data.success && data.data){
47 
					if(data.data.hasHeadImage==1) {
48 
						$("#Zimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
49 
					}
50 
					if(data.data.title==""){
51 
					  var title = data.data.office;
52 
					}else{
53 
					  var title = data.data.title;
54 
					}
55 
					$("#Zname").text(data.data.name);
56 
					$("#Ztitle").text(title);
57 
					$("#ZorgName").text(data.data.orgName);
58 
					var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
59 
					$("#ZauthFlag").attr("title", userType.title);
60 
					$("#ZauthFlag").addClass(userType.sty);
61 
				}
62 
			},
63 
			"error":function(){
64 
				$.MsgBox.Alert('提示','链接服务器超时')
65 
			}
66 
		});
67 
	}
68
69 
	/*企业用户信息*/
70 
	function cmpFun(orgId) {
71 
		$.ajax({
72 
			"url": "/ajax/org/" + orgId,
73 
			"type": "get",
74 
			"dataType" : "json",
75 
			"success": function(data) {
76 
				if(data.success && data.data) {
77 
					$("#Qname").text(data.data.name);
78 
					if(data.data.hasOrgLogo) {
79 
						$("#Qimg").attr("style", "background-image: url(/images/org/" + data.data.id + ".jpg);");
80 
					}
81 
					if(data.data.authStatus==3){
82 
						$("#QauthFlag").addClass("authicon-com-ok").attr("title", "认证企业");;
83 
					}
84 
					$("#Qindustry").text(QindustryShow(data.data.industry));
85 
					if(data.data.orgType==2){
86 
						$("#QorgType").text("上市企业");
87 
					}else if(data.data.orgType==3){
88 
						$("#QorgType").text("国有企业");
89 
					}else if(data.data.orgType==4){
90 
						$("#QorgType").text("合资企业");
91 
					}else if(data.data.orgType==5){
92 
						$("#QorgType").text("私人企业");
93 
					}else if(data.data.orgType==6){
94 
						$("#QorgType").text("外资企业");
95 
					}else if(data.data.orgType==7){
96 
						$("#QorgType").text("初创企业");
97 
					}else{
98 
						$("#QorgType").text("");
99 
					}
100
101 
				}
102 
			},
103 
			"error": function() {
104 
				$.MsgBox.Alert('提示', '链接服务器超时')
105 
			}
106 
		});
107 
	}
108
109
110 
	//相关专家
111 
	function relevantExperts(){
112 
		$.ajax({
113 
			"url": "/ajax/article/ralatePro",
114 
			"type": "get",
115 
			"dataType" : "json",
116 
			"data" :{"articleId":articleId},
117 
			"success": function(data) {
118 
				if(data.success && data.data) {
119 
					for(var i = 0; i < data.data.length; i++) {
120 
						var professorId = data.data[i].professorId;
121 
						relevantExpertsList(professorId)
122 
					}
123
124 
				}
125 
			},
126 
			"error": function() {
127 
				$.MsgBox.Alert('提示', '链接服务器超时')
128 
			}
129 
		});
130 
	}
131
132 
	//相关资源
133 
	function relevantResources(){
134 
		$.ajax({
135 
			"url": "/ajax/article/ralateRes",
136 
			"type": "get",
137 
			"dataType" : "json",
138 
			"data" :{"articleId":articleId},
139 
			"success": function(data) {
140 
				if(data.success && data.data) {
141 
					for(var i = 0; i < data.data.length; i++) {
142 
						var professorId = data.data[i].professorId;
143 
						relevantResourcesList(professorId)
144 
					}
145
146 
				}
147 
			},
148 
			"error": function() {
149 
				$.MsgBox.Alert('提示', '链接服务器超时')
150 
			}
151 
		});
152 
	}
153
154 
	//相关专家信息
155 
	function relevantExpertsList(professorId){
156 
		$.ajax({
157 
			"url" : "/ajax/professor/info/"+professorId,
158 
			"type" :  "GET" ,
159 
			"dataType" : "json",
160 
			"success" : function(data) {
161 
				if (data.success && data.data){
162 
					var itemlist = '';
163 
					$("#trelevantExperts").html("");
164 
					var itemlist = '<li>';
165 
						itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
166 
						itemlist += '<div class="madiaInfo">';
167 
						itemlist += '<p><span class="h1Font" id="userName"></span><em class="authiconNew" title=""></em></p>';
168 
						itemlist += '<p class="ellipsisSty h2Font" id="usertitle"></p>';
169 
						itemlist += '<p class="h2Font ellipsisSty" id="researchAreas"></p>';
170 
						itemlist += '</div></li>';
171 
						$itemlist = $(itemlist);
172 
						$("#relevantExperts").append($itemlist);
173 
						var title = data.data.title || "";
174 
						var office = data.data.office || "";
175 
						if(title != "") {
176 
							 title = title  + " , ";
177 
						}
178 
						$itemlist.find("#userName").text(data.data.name);
179 
						$itemlist.find("#usertitle").text(title + office);
180 
						/*获取研究方向信息*/
181 
						var researchAreas = data.data.researchAreas;
182 
						if(researchAreas != ""){
183 
							var rlist = '研究方向：';
184 
						}else{
185 
							var rlist = '';
186 
						}
187 
						for(var n = 0; n < researchAreas.length; n++) {
188 
							//console.log(researchAreas[n].caption);
189 
							rlist += researchAreas[n].caption
190 
							if(n < researchAreas.length - 1) {
191 
								rlist += "；"
192 
							}
193 
						}
194 
						$itemlist.find("#researchAreas").text(rlist);
195 
						if(data.data.hasHeadImage == 1) {
196 
							$itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
197 
						}
198 
						var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
199 
						$itemlist.find(".authiconNew").attr("title", userType.title);
200 
						$itemlist.find(".authiconNew").addClass(userType.sty);
201
202 
				}
203 
			},
204 
			"error":function(){
205 
				$.MsgBox.Alert('提示','链接服务器超时')
206 
			}
207 
		});
208 
	}
209
210 
	//相关资源信息
211 
	function relevantResourcesList(professorId){
212 
		$.ajax({
213 
			"url" : "/ajax/professor/info/"+professorId,
214 
			"type" :  "GET" ,
215 
			"dataType" : "json",
216 
			"success" : function(data) {
217 
				if (data.success && data.data){
218 
					var itemlist = '';
219 
					$("#trelevantExperts").html("");
220 
					var itemlist = '<li>';
221 
						itemlist += '<div class="madiaHead useHead" id="userimg"></div>';
222 
						itemlist += '<div class="madiaInfo">';
223 
						itemlist += '<p><span class="h1Font" id="userName"></span><em class="authiconNew" title=""></em></p>';
224 
						itemlist += '<p class="ellipsisSty h2Font" id="usertitle"></p>';
225 
						itemlist += '<p class="h2Font ellipsisSty" id="researchAreas"></p>';
226 
						itemlist += '</div></li>';
227 
						$itemlist = $(itemlist);
228 
						$("#relevantExperts").append($itemlist);
229 
						var title = data.data.title || "";
230 
						var office = data.data.office || "";
231 
						if(title != "") {
232 
							 title = title  + " , ";
233 
						}
234 
						$itemlist.find("#userName").text(data.data.name);
235 
						$itemlist.find("#usertitle").text(title + office);
236 
						/*获取研究方向信息*/
237 
						var researchAreas = data.data.researchAreas;
238 
						if(researchAreas != ""){
239 
							var rlist = '研究方向：';
240 
						}else{
241 
							var rlist = '';
242 
						}
243 
						for(var n = 0; n < researchAreas.length; n++) {
244 
							//console.log(researchAreas[n].caption);
245 
							rlist += researchAreas[n].caption
246 
							if(n < researchAreas.length - 1) {
247 
								rlist += "；"
248 
							}
249 
						}
250 
						$itemlist.find("#researchAreas").text(rlist);
251 
						if(data.data.hasHeadImage == 1) {
252 
							$itemlist.find("#userimg").attr("style", "background-image: url(/images/head/" + data.data.id + "_l.jpg);");
253 
						}
254 
						var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
255 
						$itemlist.find(".authiconNew").attr("title", userType.title);
256 
						$itemlist.find(".authiconNew").addClass(userType.sty);
257
258 
				}
259 
			},
260 
			"error":function(){
261 
				$.MsgBox.Alert('提示','链接服务器超时')
262 
			}
263 
		});
264 
	}
265
266
267 
	/*时间转换*/
268 
	function Time(dealtime) {
269 
		var s = dealtime;
270 
		var m = s.substr(4, 2);
271 
		var d = s.substr(6, 2);
272 
		var h = s.substr(8, 2);
273 
		var minute = s.substr(10, 2);
274 
		var formatTime = m.replace(/\b(0+)/gi, "") + "月" + d + "日 " + h + ":" + minute;
275 
		return formatTime;
276 
	}
277
278 
	//拆解关键字
279 
	function industryShow(data){
280 
		if(data != undefined && data.length != 0 ){
281 
			var subs = new Array();
282 
			if(data.indexOf(',')){
283 
				subs = data.split(',');
284 
			}else{
285 
				subs[0] = data;
286 
			}
287 
			if(subs.length>0){
288 
				for (var i = 0; i < subs.length; i++)
289 
				{
290 
					$("#tagList").append('<li><p class="h2Font">'+ subs[i] +'</p></li>');
291 
				};
292 
			}
293 
		}
294 
	}
295
296 
	//拆解企业应用行业
297 
	function QindustryShow(data){
298 
		if(data != undefined && data.length != 0 ){
299 
			var subs = new Array();
300 
			subs = data.replace(',',' | ');
301 
			if(subs.length>0){
302 
				for (var i = 0; i < subs.length; i++)
303 
				{
304 
					$("#Qindustry").append(subs[i]);
305 
				};
306 
			}
307 
		}
308 
	}
309
310 
});
311
312

+ 2 - 2
js/jquery.similar.msgbox.js
View File

1 
(function () {
1 
(function () {
2 
    $.MsgBox = {
2 
    $.MsgBox = {
3 
        Alert: function (title, msg) {
3 
        Alert: function (title, msg,callback) {
4 
            GenerateHtml("alert", title, msg);
4 
            GenerateHtml("alert", title, msg);
5 
            btnOk();  //alert只是弹出消息，因此没必要用到回调函数callback
5 
            btnOk(callback);  //alert只是弹出消息，因此没必要用到回调函数callback
6 
            btnNo();
6 
            btnNo();
7 
        },
7 
        },
8 
        Confirm: function (title, msg, callback) {
8 
        Confirm: function (title, msg, callback) {

+ 3 - 3
js/ueditor/themes/default/css/ueditor.css
View File

133 
}
 133 
}
134 
/*UI工具栏、编辑区域、底部*/
134 
/*UI工具栏、编辑区域、底部*/
135 
.edui-default .edui-editor {
135 
.edui-default .edui-editor {
136 
    border: 1px solid #d4d4d4;
136 
    border: 1px solid #E5E5E5;
137 
    background-color: white;
137 
    background-color: white;
138 
    position: relative;
138 
    position: relative;
139 
    overflow: visible;
139 
    overflow: visible;
140 
    -webkit-border-radius: 4px;
140 
    /*-webkit-border-radius: 4px;
141 
    -moz-border-radius: 4px;
141 
    -moz-border-radius: 4px;
142 
    border-radius: 4px;
142 
    border-radius: 4px;*/
143 
}
143 
}
144 
.edui-editor div{
144 
.edui-editor div{
145 
    width:auto;
145 
    width:auto;

+ 1 - 1
js/ueditor/themes/iframe.css
View File

3 
max-width: 100%; /*图片自适应宽度*/
3 
max-width: 100%; /*图片自适应宽度*/
4 
}
4 
}
5 
body {
5 
body {
6 
overflow-y: scroll !important;
6 
/*overflow-y: scroll !important;*/
7 
}
7 
}
8 
.view {
8 
.view {
9 
word-break: break-all;
9 
word-break: break-all;

+ 4 - 4
js/ueditor/ueditor.all.js
View File

6920 
                    '.view{padding:0;word-wrap:break-word;cursor:text;height:90%;}\n' +
6920 
                    '.view{padding:0;word-wrap:break-word;cursor:text;height:90%;}\n' +
6921 
                    //设置默认字体和字号
6921 
                    //设置默认字体和字号
6922 
                    //font-family不能呢随便改，在safari下fillchar会有解析问题
6922 
                    //font-family不能呢随便改，在safari下fillchar会有解析问题
6923 
                    'body{margin:8px;font-family:sans-serif;font-size:16px;}' +
6923 
                    'body{margin:8px;font-family:sans-serif;font-size:16px;color:#666;line-height: 30px;}' +
6924 
                    //设置段落间距
6924 
                    //设置段落间距
6925 
                    'p{margin:5px 0;}</style>' +
6925 
                    'p{margin:5px 0;}</style>' +
6926 
                    ( options.iframeCssUrl ? '<link rel=\'stylesheet\' type=\'text/css\' href=\'' + utils.unhtml(options.iframeCssUrl) + '\'/>' : '' ) +
6926 
                    ( options.iframeCssUrl ? '<link rel=\'stylesheet\' type=\'text/css\' href=\'' + utils.unhtml(options.iframeCssUrl) + '\'/>' : '' ) +
10021 
                        node.setAttr('_src', node.getAttr('src'));
10021 
                        node.setAttr('_src', node.getAttr('src'));
10022 
                        break;*/
10022 
                        break;*/
10023 
                    case 'span':
10023 
                    case 'span':
10024 
                        if (browser.webkit && (val = node.getStyle('white-space'))) {
10024 
                       /* if (browser.webkit && (val = node.getStyle('white-space'))) {
10025 
                            if (/nowrap|normal/.test(val)) {
10025 
                            if (/nowrap|normal/.test(val)) {
10026 
                                node.setStyle('white-space', '');
10026 
                                node.setStyle('white-space', '');
10027 
                                if (me.options.autoClearEmptyNode && utils.isEmptyObject(node.attrs)) {
10027 
                                if (me.options.autoClearEmptyNode && utils.isEmptyObject(node.attrs)) {
10028 
                                    node.parentNode.removeChild(node, true)
10028 
                                    node.parentNode.removeChild(node, true)
10029 
                                }
10029 
                                }
10030 
                            }
10030 
                            }
10031 
                        }
10031 
                        }*/
10032 
                        val = node.getAttr('id');
10032 
                        val = node.getAttr('id');
10033 
                        if(val && /^_baidu_bookmark_/i.test(val)){
10033 
                        if(val && /^_baidu_bookmark_/i.test(val)){
10034 
                            node.parentNode.removeChild(node)
10034 
                            node.parentNode.removeChild(node)
17547 
            }
17547 
            }
17548 
            if(toolbarBox.style.position != 'fixed'){
17548 
            if(toolbarBox.style.position != 'fixed'){
17549 
                toolbarBox.style.position = 'fixed';
17549 
                toolbarBox.style.position = 'fixed';
17550 
                toolbarBox.style.top = topOffset +"px";
17550 
                toolbarBox.style.top = topOffset+62 +"px";
17551 
                ((origalFloat == 'absolute' || origalFloat == 'relative') && parseFloat(origalLeft)) && (toolbarBox.style.left = toobarBoxPos.x + 'px');
17551 
                ((origalFloat == 'absolute' || origalFloat == 'relative') && parseFloat(origalLeft)) && (toolbarBox.style.left = toobarBoxPos.x + 'px');
17552 
            }
17552 
            }
17553 
        }
17553 
        }

+ 65 - 2
js/ueditor/ueditor.config.js
View File

374 
		,outputXssFilter: true
 374 
		,outputXssFilter: true
375 
		// xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
 375 
		// xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
376 
		,whitList: {
 376 
		,whitList: {
377 
			a:      ['target', 'href', 'title', 'class', 'style'],
377 
			/*a:      ['target', 'href', 'title', 'class', 'style'],
378 
			abbr:   ['title', 'class', 'style'],
 378 
			abbr:   ['title', 'class', 'style'],
379 
			address: ['class', 'style'],
 379 
			address: ['class', 'style'],
380 
			area:   ['shape', 'coords', 'href', 'alt'],
 380 
			area:   ['shape', 'coords', 'href', 'alt'],
436 
			tt:     [],
 436 
			tt:     [],
437 
			u:      [],
 437 
			u:      [],
438 
			ul:     ['class', 'style'],
 438 
			ul:     ['class', 'style'],
439 
			video:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style']
439 
			video:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style']*/
440 
			a:      [],
441 
			abbr:   [],
442 
			address: [],
443 
			area:   [],
444 
			article: [],
445 
			aside:  [],
446 
			audio:  [],
447 
			b:      [],
448 
			bdi:    [],
449 
			bdo:    [],
450 
			big:    [],
451 
			blockquote: [],
452 
			br:     [],
453 
			caption: [],
454 
			center: [],
455 
			cite:   [],
456 
			code:   [],
457 
			col:    [],
458 
			colgroup: [],
459 
			dd:     [],
460 
			del:    [],
461 
			details: [],
462 
			div:    [],
463 
			dl:     [],
464 
			dt:     [],
465 
			em:     [],
466 
			font:   [],
467 
			footer: [],
468 
			h1:     [],
469 
			h2:     [],
470 
			h3:     [],
471 
			h4:     [],
472 
			h5:     [],
473 
			h6:     [],
474 
			header: [],
475 
			hr:     [],
476 
			i:      [],
477 
			img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex'],
478 
			ins:    [],
479 
			li:     [],
480 
			mark:   [],
481 
			nav:    [],
482 
			ol:     [],
483 
			p:      [],
484 
			pre:    [],
485 
			s:      [],
486 
			section:[],
487 
			small:  [],
488 
			span:   [],
489 
			sub:    [],
490 
			sup:    [],
491 
			strong: [],
492 
			table:  [],
493 
			tbody:  [],
494 
			td:     [],
495 
			tfoot:  [],
496 
			th:     [],
497 
			thead:  [],
498 
			tr:     [],
499 
			tt:     [],
500 
			u:      [],
501 
			ul:     [],
502 
			video:  []
440 
		}
 503 
		}
441 
    };
 504 
    };
442
505