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

Merge branch 'dev' of http://121.42.53.174:3000/jiapeng/portal-front.git
into dev

Conflicts:
articalIssue.html

luyanan 8 years ago
parent
c133dbac39 0583012266
commit
0cbddd4b66
19 changed files with 1981 additions and 174 deletions
Split View Show Diff Stats
  1. 4 5
      articalIssue.html
  2. 9 40
      articalList.html
  3. 229 0
      articalModify.html
  4. 22 61
      articalPreview.html
  5. 218 17
      cmp-portal/css/cmpindex.css
  6. 13 2
      cmp-portal/css/common.css
  7. 1 1
      css/common.css
  8. 29 17
      css/genindex.css
  9. 345 0
      js/articalIssue.js
  10. 182 0
      js/articalList.js
  11. 456 0
      js/articalModify.js
  12. 312 0
      js/articalPreview.js
  13. 2 2
      js/jquery.similar.msgbox.js
  14. 3 3
      js/ueditor/themes/default/css/ueditor.css
  15. 1 1
      js/ueditor/themes/iframe.css
  16. 4 4
      js/ueditor/ueditor.all.js
  17. 65 2
      js/ueditor/ueditor.config.js
  18. 23 19
      resourceList.html
  19. 63 0
      workspaces.html

+ 4 - 5
articalIssue.html
View File 

@ -9,9 +9,9 @@
9 9 
<link href="css/bootstrap.min.css" rel="stylesheet">
10 10 
<link type="text/css" href="css/webuploader/webuploader.css" rel="stylesheet">
11 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;}
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 15 
</style>
16 16 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
17 17 


@ -241,8 +241,7 @@ cacheImageKey="";
241 241 
uploader.on( 'uploadSuccess', function(file,data) {
242 242 
	cacheImageKey =data.data[0].cacheKey;
243 243 
	$("#uploader").attr("data-id",cacheImageKey);
244 
});
245
244 
});
246 245 
</script>
247 246 
</body>
248 247 
</html>

+ 9 - 40
articalList.html
View File 

@ -29,7 +29,7 @@
29 29 
            <a href="workspaces.html" class="workmenutit">我的工作台</a>
30 30 
            <a class="worksubmenu" id="gozixu">咨询</a>
31 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 33 
            <a href="needList.html"  class="worksubmenu" >需求</a>
34 34 
        </div>
35 35 
        <div class="workcon">

@ -39,47 +39,21 @@
39 39 
					<div class="itemListBolck">
40 40 
						<div class="topOperaBlock clearfix">
41 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 43 
								<span class="searchSpan"></span>
44 44 
							</div>
45 45 
							<div class="issueSpanBlock col-w-4">
46 
								<span class="issueSpan">发布文章</span>
46 
								<a href="articalIssue.html" target="_blank" class="issueSpan">发布文章</a>
47 47 
							</div>
48 48 
						</div>
49 49 
						<div class="form-item itemListCon">
50 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 53 
								</ul>
54 
								<div id="noartical" class="displayNone" style="text-align: center;padding:50px 0;">
55 
									暂无内容
56 
								</div>
83 57 
								<div class="tcdPageCode"></div>
84 58 
							</div>
85 59 
						</div>

@ -97,11 +71,6 @@
97 71 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
98 72 
<script type="text/javascript" src="js/jquery.page.js"></script>
99 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 75 
</body>
107 76 
</html>

+ 229 - 0
articalModify.html
View File 

@ -0,0 +1,229 @@
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,64 +23,23 @@
23 23 
		<div class="contentCon clearfix conBlock">
24 24 
			<div class="leftconBox floatL">
25 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 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 36 
					</ul>
55 37 
					<!--相关专家-->
56 38 
					<div class="form-item otherShow otherShowFirst">
57 39 
						<div class="aboutTit">相关专家</div>
58 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 43 
							</ul>
85 44 
						</div>
86 45 
					</div>

@ -116,25 +75,26 @@
116 75 
				</div>
117 76 
			</div>
118 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 80 
					<div class="proInfo">
122 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 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 87 
					</div>
129 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 91 
					<div class="proInfo alignCenter">
133 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 95 
						</div>
137 
						<p class="h2Font">所属行业 | 企业类型</p>
96 
						<p class="h2Font ellipsisSty" id="Qindustry"></p>
97 
						<p class="h2Font" id="QorgType"></p>
138 98 
					</div>
139 99 
				</div>
140 100 
			</div>

@ -147,5 +107,6 @@
147 107 
</footer>
148 108 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
149 109 
<script type="text/javascript" src="js/common.js"></script>
110 
<script type="text/javascript" src="js/articalPreview.js"></script>
150 111 
</body>
151 112 
</html>

+ 218 - 17
cmp-portal/css/cmpindex.css
View File 

@ -1,15 +1,15 @@
1 1 
@charset "utf-8";
2 2 
/* CSS Document */
3 
body,html{/*background: #f4f6f8;*/}
3 
body,html{background: #f4f6f8;}
4 4 
.con-center{padding:20px 10px 40px; margin:10px auto;}
5 5
6 6 
/*左侧菜单*/
7 
.workmenu{text-align: center; float:left; width:12%; height:300px; background: #FAFAFA;border-radius: 6px;overflow: hidden;}
7 
.workmenu{text-align: center; float:left; width:12%; height:300px; background: #fff;border-radius: 6px;overflow: hidden;}
8 8 
a.workmenutit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px; border-bottom:1px #28b8fa solid;cursor:pointer; display: block;color:#313131; }
9 9 
a.worksubmenu{width:100%; height:40px; margin:10px 0;font-size:15px;line-height:40px; color:#313131;display: block;}
10 10 
a.worksubmenu.cmpBg{color: #FFFFFF;}
11 11 
/*右侧内容*/
12 
.workcon{float:right; margin-left:10px; width:87%; background: #FAFAFA;border-radius:6px;overflow: hidden;}
12 
.workcon{float:right; margin-left:10px; width:87%; background: #fff;border-radius:6px;overflow: hidden;}
13 13 
.worksubcon{ padding:20px 16px;}
14 14 
.workconleft{width:70%;}
15 15 
.workcontit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px;color: #606060; border-bottom:1px solid #e7e7e7;}

@ -76,14 +76,14 @@ a.worksubmenu.cmpBg{color: #FFFFFF;}
76 76 
.workhandle .coultstate.coulstAim{border-radius: 6px 0 0 6px;}
77 77 
/*操作状态类型*/
78 78 
.workhandle .coultstate i{font-style: normal;}
79 
.workhandle .status-1{background:#FF9900;border: solid 1px #FF9900;}/*进行中*//*咨询状态*/
79 
.workhandle .status-1{background:#28b8fa;border: solid 1px #28b8fa;}/*进行中*//*咨询状态*/
80 80 
.workhandle .status-2{background:#dd524d;border: solid 1px #dd524d;}/*待评价/新咨询*/
81 81 
.workhandle .status-3{background:#03CE30;border: solid 1px #03CE30;}/*已完成*/
82 82 
.workhandle .status-4{background:#6CA8FF;border: solid 1px #6CA8FF;}/*待回复*/
83 83 
.workhandle .status-5{background:#d3d3d3;border: solid 1px #d3d3d3;}/*已拒绝/被拒绝*/
84 84
85 85 
.workhandle .coultstate em{ position: absolute; width: 0px; height: 0px;border-top: 6px solid transparent; border-bottom: 0px solid rgb(204, 106, 6); border-left: 0px solid transparent; border-right: 5px solid rgb(204, 106, 6);left: -6px; top: -1px;z-index: 10;}
86 
.workhandle .replybtn:hover{ background:#ff9900;cursor:pointer;color:#fff;border:1px #ff9900 solid;}
86 
.workhandle .replybtn:hover{ background:#28b8fa;cursor:pointer;color:#fff;border:1px #28b8fa solid;}
87 87 
.rebackcon{ height:50px;width:700px;line-height: 24px; overflow:hidden;}
88 88
89 89 
/*下拉菜单*/
 
@ -277,16 +277,217 @@ ul.cmpAllUl>li .form_head .icon_step.step3g{background: url(../images/e-sign-on_
277 277 
ul.cmpAllUl>li .form_head li.stepActive{color: #555;}
278 278 
ul.cmpAllUl.cmpCoverUl .importTip{font-size:18px;color:#333;}
279 279 
/*文章发布*/
280 
.cmpArticalFrm{padding:20px 20px 10px;}
281 
.cmpArticalFrm .cmpMotit{padding: 0 10px;font-size: 16px; line-height: 40px; color: #606060;border-bottom: 1px solid #28b8fa; position: relative;font-weight: bold;}
282 
ul.cmpAllUl.cmpArticalul{width:66%;margin:30px 8px 20px;position: relative;min-height: 210px;}
283 
ul.cmpAllUl.cmpArticalul .col-w-3{text-align: right;padding-right: 10px;line-height: 32px;}
284 
ul.cmpAllUl.cmpArticalul .btnModel2{padding:0 16px;}
285 
ul.cmpAllUl.cmpArticalul.cmpArticalul2{width: 97%;margin:10px;}
286 
.rightRequ{position:relative;}
287 
.rightRequ .requiredcon{top:2px; right:-6px;left:auto;}
288 
.uploderArt{position:absolute;width:200px;top:0px;right:-208px;text-align: center;}
289 
.uploderArt .uploadInpArt{cursor:pointer;width: 100%;z-index: 10;color:#EFEFEF;}
290 
.uploderArt .imgBlock{position: relative;width: 140px;margin: auto;overflow: hidden;}
291 
.uploderArt .smalltip{line-height: 16px;}
280 
.cmpArticalFrm{padding:20px 20px 10px;}
281 
.cmpArticalFrm .cmpMotit{padding: 0 10px;font-size: 16px; line-height: 40px; color: #606060;border-bottom: 1px solid #28b8fa; position: relative;font-weight: bold;}
282 
ul.cmpAllUl.cmpArticalul{width:66%;margin:30px 8px 20px;position: relative;min-height: 210px;}
283 
ul.cmpAllUl.cmpArticalul .col-w-3{text-align: right;padding-right: 10px;line-height: 32px;}
284 
ul.cmpAllUl.cmpArticalul .btnModel2{padding:0 16px;}
285 
ul.cmpAllUl.cmpArticalul.cmpArticalul2{width: 97%;margin:10px;}
286 
.rightRequ{position:relative;}
287 
.rightRequ .requiredcon{top:2px; right:-6px;left:auto;}
288 
.uploderArt{position:absolute;width:200px;top:0px;right:-208px;text-align: center;}
289 
.uploderArt .uploadInpArt{cursor:pointer;width: 100%;z-index: 10;color:#EFEFEF;}
290 
.uploderArt .imgBlock{position: relative;width: 140px;margin: auto;overflow: hidden;}
291 
.uploderArt .smalltip{line-height: 16px;}
292 292 
.cmpArticalFrm .deleteFont{cursor:pointer;position:absolute; right:20px;top:40px;color: #FF0000;}
293
294 
/*--------------新版文章--------------*/
295 
/*文章发布*/
296 
.contentCon{padding-top:80px;}
297 
.leftconBox{width:820px;padding-bottom:20px;margin-bottom:20px;background: #FFFFFF;}
298 
/*文章发布*/
299 
.conBlock .leftconBox{width:764px;padding:30px;position: relative;}
300 
/*热门文章*/
301 
.hotThis{position:absolute;top:-5px;right:-5px;display:inline-block;width:63px;height:63px;background:url(../../images/g_article_bg_redu_nor.png);}
302
303 
.conBlock .rightconBox{width: 315px;}
304 
.conBlock .rightconBox .conItem{padding:30px;background: #FFFFFF;margin-bottom: 20px;}
305 
.conBlock .rightconBox .conItem:first-child{padding:30px 10px;border-top:4px #28b8fa solid;}
306 
ul.artAbout>li{overflow: hidden;}
307 
ul.artAbout .uploadFile{line-height:28px;text-align: center;font-size: 16px;color:#666666;}
308 
ul.artAbout .uploadFile .uploadblock{position:relative;width:100%;height:190px;padding:30px;border:1px solid #E5E5E5; border-radius: 0;
309 
	background-position:center;background-size:cover;background-repeat:no-repeat;}
310 
ul.artAbout .uploadFile .upFront{position:relative;}
311 
ul.artAbout .uploadFile input.upInp[type="file"]{position:absolute;height: 46px;width:60%;bottom:30px;left:50%;margin-left:-30%;outline: none;opacity: 0;cursor: pointer;z-index:20;}
312 
ul.artAbout .uploadFile .upbtn{display:inline-block;padding:7px 23px;background: #E5E5E5;color:#333333;margin-top:30px;}
313 
ul.artAbout .uploadFile .uploadblock .upBackbtn{position:absolute;bottom:30px;left:50%;margin-left:-55px;background:rgba(0,0,0,.5);color:#FFFFFF;z-index:10;display: none;}
314 
.conBlock .aboutTit{font-size:16px;line-height:40px;color:#666666;margin-top:18px;}
315 
ul.artAbout .editBlock{height:320px;border:1px solid #E5E5E5;}
316 
ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #28b8fa;color:#fff;border:none;padding:6px 25px;}
317
318 
.conItem ul.operateBlock{overflow: hidden;margin-top:-20px;}
319 
.conItem ul.operateBlock>li{font-size:16px; color:#666666;float:left;width:33.333%;margin-top:20px;text-align: center;cursor: pointer;}
320 
.conItem ul.operateBlock>li p{margin-top:6px;}
321 
.operateicon{display:inline-block;width:22px;height:22px;background-position: center;background-repeat: no-repeat;}
322 
.operateicon.icon-issue{background-image:url(../images/g_article_icon_fabu_lan_hig.png);}
323 
.operateicon.icon-timeissue{background-image:url(../../images/g_article_icon_dingshi_nor.png);}
324 
.operateicon.icon-preview{background-image:url(../../images/g_article_icon_yulan_nor.png);}
325 
.operateicon.icon-draft{background-image:url(../../images/g_article_icon_caogao_nor.png);}
326 
.operateicon.icon-delete{background-image:url(../../images/g_article_icon_shanchu_nor.png);}
327
328 
.conItem ul.operateBlock>li:hover{color:#28b8fa;}
329 
.conItem ul.operateBlock>li.goFabu{color:#28b8fa;opacity:0.8;}
330 
.conItem ul.operateBlock>li.goFabu:hover{opacity:1;}
331 
.conItem ul.operateBlock>li:hover .operateicon.icon-timeissue{background-image:url(../images/g_article_icon_dingshi_lan_hig.png);}
332 
.conItem ul.operateBlock>li:hover .operateicon.icon-preview{background-image:url(../images/g_article_icon_yulan_lan_hig.png);}
333 
.conItem ul.operateBlock>li:hover .operateicon.icon-draft{background-image:url(../images/g_article_icon_caogao_lan_hig.png);}
334 
.conItem ul.operateBlock>li:hover .operateicon.icon-delete{background-image:url(../images/g_article_icon_shanchu_lan_hig.png);}
335 
/*鼠标不可点击状态*/
336 
.conItem ul.operateBlock>li.disableLi{opacity: .5;cursor:auto;}
337 
.conItem ul.operateBlock>li.disableLi:hover{color:#666666;}
338 
.conItem ul.operateBlock>li.disableLi:hover .operateicon.icon-delete{background-image:url(../../images/g_article_icon_shanchu_nor.png);}
339 
.conItem .aboutTit{margin-top:-10px;}
340 
.conItem .otherBlock{padding-bottom: 30px;border-bottom:1px dashed #E5E5E5;margin-bottom: 30px;}
341 
.conItem .otherBlock:last-child{padding:0;margin:0;border: 0;}
342
343 
.form-item{}
344 
.form-drop{position:relative;top:0;border:1px solid #E5E5E5;border-top:none;width: 100%;}
345 
.form-item .madiaHead{position:absolute;border:1px solid #E5E5E5;width: 50px;height:50px;background-position: center;background-size: cover;}
346 
.form-item .madiaHead.useHead{background-image: url(../../images/default-photo.jpg);border-radius: 50%;}
347 
.form-item .madiaHead.resouseHead{background-image: url(../../images/default-resource.jpg);border-radius:0;}
348 
.form-item .madiaHead.artHead{background-image: url(../../images/default-artical.jpg);border-radius:0;}
349 
.form-item .madiaInfo{padding-left:62px;margin:2px 0;}
350 
.form-item ul .h1Font{font-size:16px;color:#333;line-height: 24px;}
351 
.form-item ul .h2Font{font-size:14px;color:#666;line-height: 24px;}
352 
.form-drop>ul>li{position:relative;min-height:76px;padding:12px;cursor:pointer;}
353 
.form-drop>ul>li:hover{background: #EEEEEE;}
354 
.form-drop>ul>li:active{background: #28b8fa;color:#fff;}
355 
.form-drop>ul>li:active .h1Font,.form-drop>ul>li:active .h2Font{color:#fff;}
356
357 
.form-result{margin:18px -30px 0 -30px;}
358 
.form-result>ul>li{position:relative;padding:12px 30px;min-height: 76px;}
359 
.form-result>ul>li .deleteThis{display:none;position:absolute;top:50%;margin-top:-20px;right:28px;width:40px;height:40px;background:url(../../images/g_article_button_shanchu_hig.png);background-size:cover;cursor:pointer;}
360 
.form-result>ul>li:hover{background: #EEEEEE;}
361 
.form-result>ul>li:hover .deleteThis{display:block;}
362
363 
.form-drop.keydrop>ul>li{min-height:auto;padding:8px 12px;}
364 
.form-result.keyResult{margin:18px 0 0;margin-right: -20px;}
365 
.keyResult>ul{margin-bottom:-10px;}
366 
.keyResult>ul>li{float: left;margin-right:20px;margin-bottom:10px;padding:2px 12px;color: #999;border: 1px solid #E5E5E5;border-radius: 20px;min-height: auto;}
367 
.keyResult>ul>li .closeThis{display:none;position:absolute;top:-8px;right:-12px;width:28px;height:28px;background:url(../images/g_article_button_guanbi_lan_hig.png);background-size:cover;cursor:pointer;}
368 
.keyResult>ul>li:hover{background: #E5E5E5;}
369 
.keyResult>ul>li:hover .closeThis{display:block;}
370 
/*文章浏览*/
371 
.showDetail .h1Font{font-size: 20px;line-height:32px;color:#000;}
372 
.showDetail .h2Font{font-size:14px;color:#999;}
373 
.showDetail .readNum{margin-left: 20px;}
374 
.showDetail .showBigOpen{width:100%;height:190px;margin:24px 0;background-position:center;background-size:cover;background-repeat:no-repeat;}
375 
.showDetail .showMain{font-size:16px;color:#333;line-height: 30px;text-indent: 2em;}
376 
.showDetail .showMain img{max-width: 100%;margin-left:-32px;}
377 
.showDetail .showMain p{margin-bottom:10px;}
378 
ul.tagList{margin:20px 0 -10px;overflow: hidden;}
379 
ul.tagList>li{float: left;margin-right:10px;margin-bottom:10px;padding:0 12px;color: #999;border: 1px solid #E5E5E5;border-radius: 20px;}
380 
ul.tagList>li .h2Font{color:#666}
381 
.otherShow{}
382 
.otherShow.otherShowFirst{padding-bottom:12px;border-bottom:2px dashed #E5E5E5;}
383 
.otherShow .aboutTit{font-size:18px;color:#666;}
384 
.otherShow .form-result{margin:0 -30px;}
385 
.form-item.otherShow .madiaHead{width: 80px;height: 80px;}
386 
.form-item.otherShow .madiaInfo{padding-left:92px;margin:4px 0;}
387 
.otherShow .form-result>ul>li{min-height:104px;}
388 
.form-item.otherShow .pointOk>ul>li{cursor: pointer;}
389 
.form-item.otherShow .aboutRes .madiaHead{width:118px;height: 80px;}
390 
.form-item.otherShow .aboutRes .madiaInfo{padding-left:130px;margin:4px 0;}
391 
.form-item.otherShow .aboutRes .ellipsisSty-2{height:48px;}
392 
/*点赞模块*/
393 
.thumbBlock{text-align: center;margin:30px 0;}
394 
.thumbBlock .thumbBtn{display:inline-block;position:relative;padding:10px 24px;padding-left:44px;font-size:16px;color:#fff;background:#28b8fa;border-radius:30px;
395 
      box-shadow: 1px 2px 13px 0px rgba(40, 184,250, 0.6);
396 
    -webkit-box-shadow: 1px 2px 13px 0px rgba(40, 184,250, 0.6);cursor: pointer;}
397 
.thumbBlock .thumbBtn:before{position:absolute;content:url(../../images/g_article_icon_dianzan_nor.png);top:50%;left:24px;margin-top:-9px;}
398 
.thumbBlock .thumbBtn:hover{background:#10abf3;}
399 
/*分享操作栏*/
400 
.shareBlock{background:rgba(60,62,81,.5);margin:0 -30px;padding:26px 30px;}
401 
.shareInfo .madiaInfo{margin-top:12px;}
402 
.shareInfo .madiaInfo .h1Font{display:inline-block;max-width: 200px;padding-right:14px;font-size: 16px;color:#fff;}
403 
.shareInfo .madiaInfo .authiconNew{top:-8px;}
404 
.shareBlock>ul.shareWays{width:50%;cursor: pointer;text-align:right;}
405 
.shareBlock>ul.shareWays>li{float:left;padding:16px 0 10px;width:19%;color:#fff;}
406 
.shareBlock>ul.shareWays>li .message{position:relative;top:5px;left:6px;}
407 
/*白色icon*/
408 
.operateicon.icon-message{background-image:url(../../images/g_article_button_liuyan_nor.png);}
409 
.operateicon.icon-collect{background-image:url(../../images/g_all_icon_shoucang_nor_1.png);}
410 
.operateicon.icon-wechat{width:24px;background-image:url(../../images/g_all_icon_weixin_nor_1.png);}
411 
.operateicon.icon-sina{width:26px;background-image:url(../../images/g_all_icon_xinlang_nor_1.png);}
412 
.operateicon.icon-qq{background-image:url(../../images/g_article_button_liuyan_nor.png);}
413 
.operateicon.icon-totop{background-image:url(../../images/g_article_button_dingbu_nor.png);}
414 
/*悬浮效果*/
415 
.operateicon.icon-message:hover{background-image:url(../images/g_article_button_liuyan_lan_hig.png);}
416 
.operateicon.icon-collect:hover{background-image:url(../../images/g_all_icon_shoucang_hig.png);}
417 
.operateicon.icon-wechat:hover{background-image:url(../../images/g_all_icon_weixin_hig.png);}
418 
.operateicon.icon-sina:hover{background-image:url(../../images/g_all_icon_xinlang_hig.png);}
419 
.operateicon.icon-qq:hover{background-image:url(../../images/g_article_button_liuyan_hig.png);}
420 
.operateicon.icon-totop:hover{background-image:url(../images/g_article_button_dingbu_lan_hig.png);}
421 
.shareWeixin{font-style: normal;position: relative;}
422 
.shareWeixin .shareCode{display:none;position: absolute;bottom: 40px;left:-24px;background:rgba(0,0,0,.6);padding: 8px;width: 260px;}
423 
.shareWeixin .shareCode:after{display: block;width: 0;height: 0;border:12px solid transparent;border-top-color:rgba(0,0,0,.6);position: absolute;bottom:-24px;left:22px;}
424 
.shareWeixin .shareCode .shareWord {width: 126px;margin: 10px;color: #FFF;text-align: left;font-size: 14px;line-height: 20px;}
425 
.shareWeixin .shareCode img{width: 80px;height: 80px;}
426
427 
.ifLogin{margin:30px 0;}
428 
.ifLogin .ifLoginUn{background: #fff7e7;border:1px solid #E5E5E5;line-height:18px;padding:25px;color:#7b4b2b;font-size:14px;}
429 
.ifLogin .ifLoginUn>ul>li{float: right;padding:0 6px;}
430 
.ifLogin .ifLoginUn a{color:#666;}
431 
.ifLogin .ifLoginOn .btnModel{margin:12px 0;padding:4px 12px;width: 80px;border-radius:0;}
432
433 
.commentsArea .btnCancel{height:auto;border-radius:0;color: #28b8fa;}
434 
.commentsArea ul.commentList{margin-top:-20px;}
435 
.commentsArea ul.commentList>li{padding:10px 0 20px;}
436 
.commentsArea ul.commentList>li .h2Font{font-size: 16px;color: #666;line-height: 26px;}
437 
.commentsArea ul.commentList>li .commenttime{font-size: 14px;color: #999;margin-left:18px;}
438 
.commentsArea ul.commentList>li .operateSpan{margin:10px 0 0;color:#9d9ea8;font-size:14px;cursor: pointer;}
439 
.commentsArea ul.commentList>li .operateSpan .callBack{position:relative;padding-left:20px;margin-right:40px;}
440 
.commentsArea ul.commentList>li .operateSpan .callBack:before{position:absolute;content:url(../../images/g_article_button_huifu_nor.png);top:50%;left:0;margin-top:-8px;}
441
442 
.rightconBox .conItem.conItemG .madiaHead{width: 120px; height: 120px;border:1px solid #E5E5E5;margin:0 auto 10px;background-position:center;background-size:cover;}
443 
.rightconBox .conItem.conItemG .madiaHead.useHead{background-image:url(../../images/default-photo.jpg);border-radius: 50%;}
444 
.rightconBox .conItem.conItemG .madiaHead.cmpHead{background-image:url(../../images/default-icon.jpg);}
445 
.rightconBox .conItem.conItemG .h2Font{font-size:16px;color:#666;line-height:26px;}
446 
.rightconBox .conItem.conItemG .goSpan span{background: #28b8fa;display:inline-block;width:100px;cursor:pointer;color:#fff;font-size:16px;margin:20px 10px 0;}
447 
.rightconBox .conItem.conItemG .attenSpan{position: relative;padding:9px 25px;padding-left:42px;}
448 
.rightconBox .conItem.conItemG .attenSpan:before{position:absolute;content:url(../images/g_article_icon_jia_nor.png);top:50%;left:20px;margin-top:-8px;}
449 
.rightconBox .conItem.conItemG .consultSpan{padding:9px 25px;}
450 
/*文章列表*/
451 
.itemListCon{background: #fff;}
452 
.itemListBolck .searchAbout{position: relative;}
453 
.itemListBolck .searchAbout .searchSpan{position:absolute;top:50%;margin-top:-9px;right:18px;display:inline-block;width:18px;height:18px;background: url(../images/g_article_icon_sousuo_nor.png);}
454 
.itemListBolck .frmcontype{width:100%;border-radius: 20px;padding-left:20px;background: #fff;}
455 
.itemListBolck .issueSpanBlock{text-align: right;}
456 
.itemListBolck .issueSpan{position:relative;display:inline-block;background:#e03b43;color:#fff;font-size:18px;cursor:pointer;padding:8px 25px 7px;padding-left:50px;border-radius: 20px 0 0 20px;}
457 
.itemListBolck .issueSpan:before{position:absolute;content:url(../../images/g_article_icon_fanbu_nor.png);top:50%;left:26px;margin-top:-12px;}
458 
.itemListBolck .itemListCon .form-result>ul>li{padding:20px;cursor:pointer;}
459 
.itemListBolck .itemListCon .form-result>ul>li:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: #f4f6f8;}
460 
.itemListBolck .itemListCon .form-result>ul>li:hover{background:#EEEEEE;}
461 
.itemListBolck .itemListCon .form-result{margin:20px 0 30px;}
462 
.itemListBolck .itemListCon .madiaHead{width:120px;height:80px;}
463 
.itemListBolck .itemListCon .madiaInfo{padding-left:140px;}
464 
.itemListBolck .itemListCon .madiaInfo>ul>li{float: left;margin-left:20px;}
465 
.itemListBolck .itemListCon .madiaInfo>ul>li:first-child{margin-left:0;}
466 
.itemListBolck .itemListCon .madiaInfo{min-height: 80px;padding-top:15px;}
467 
.itemListCon.form-item ul .h1Font{font-size:18px;}
468 
.itemListCon .draftLable{font-size:14px; color:#e03b43;line-height:24px;}
469 
.itemListCon .form-result>ul>li .madiaEdit>li{float: left;margin-right: 28px;}
470 
.itemListCon .form-result>ul>li .madiaEdit .editThis{display:inline-block;width:72px;height:46px;background:url(../images/g_article_button_xiugai_lan_hig.png);background-size:cover;cursor:pointer;}
471 
.itemListCon .form-result>ul>li .madiaEdit .deteleThis2{display:inline-block;width:46px;height:46px;background:url(../../images/g_article_button_shanchu_hig.png);background-size:cover;cursor:pointer;}
472 
.itemListCon .form-result>ul>li .madiaEdit{display:none;overflow:hidden;position:absolute;top:50%;margin-top:-23px;right:0;}
473 
.itemListCon .form-result>ul>li:hover .madiaEdit{display: block;}
474
475 
.itemListCon li.draftList .madiaInfo{padding-top:4px;}
476
477 
/*定时发送时间选择器*/
478 
.blackcover{display:none;overflow-x: hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,.5);z-index: 1050;}
479 
.modelContain{display:none;position:relative;clear:both;margin:40px auto;width:600px;background:#fff;border-radius:8px;z-index:1056;
480 
 		 box-shadow: 2px 4px 10px 4px #555;
481 
  -webkit-box-shadow: 2px 4px 10px 4px #555;}
482 
.modelContain:before,.modelContain:after{display:table;content:" "}
483 
.modelContain:after{clear: both;}
484 
.modelOpen{overflow: hidden;}
485 
.setTimeBlock{z-index: 999999; width: 400px; position: fixed; background-color: white; border-radius: 6px; box-shadow: rgb(102, 102, 102) 1px 1px 20px 4px;top:50%;left:50%;margin:-167px 0 0 -200px;}
486 
.setTimeBlock .mb_tit{display: block; font-size: 18px; color: rgb(255, 255, 255); background-color: rgb(255, 153, 0); line-height: 60px; text-align: center; border-radius: 6px 6px 0 0; }
487 
.setTimeBlock .mb_close{display: block; position: absolute; right: 20px; top: 18px; background: url(../../images/sign_icon_guanbi_nor.png) center center no-repeat; width: 20px; height: 20px; cursor: pointer;}
488 
.setTimeBlock .mb_msg{position: relative; padding: 30px 20px 20px; line-height: 24px; text-align: center; font-size: 16px;}
489 
.setTimeBlock .formTime{padding:10px 24px;}
490 
.setTimeBlock .mb_btnbox{margin: 0px auto 30px; text-align: center; position: relative;}
491 
.setTimeBlock .mb_btn{width: 100px; font-size: 14px; height: 32px; color: white; border: none; background-image: none; padding: 0px; margin: 0px 10px; border-radius: 6px;}
492 
.setTimeBlock .mb_btnOk{ background-color:#28b8fa;}
493 
.setTimeBlock .mb_btnNo{ background-color:#ccc;}

+ 13 - 2
cmp-portal/css/common.css
View File 

@ -524,6 +524,12 @@ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #99
524 524 
/*倒三角*/
525 525 
.to-bottom {display: inline-block;overflow: hidden;width: 0px;height: 0px;border: 6px solid #ccc;border-color: #ccc #fff; border-width: 6px 6px 0 6px;position: absolute;right: 0;top: 40%;}
526 526 
/*/////////////////////表单样式/////////////////////// */
527 
/*多行文本框样式(带有限制数字)*/
528 
.msgContbox{border: 1px solid #E5E5E5;min-height:120px;height:auto;position: relative;}
529 
.msgContbox textarea{background:none;border:none;color: #55636D;outline: none;padding:12px;
530 
   width: 100%;font-size: 16px;resize:vertical;margin-bottom: 15px;min-height:92px;}
531 
.msgContbox .msgconNum{position:absolute;bottom:2px;right:10px;color:#999;font-size:14px;}
532 
/*网站外部表单样式*/
527 533 
.frmtype{border:none;/*border:1px #b5b5b5 solid;*/height:36px;background:#edeff4;font-size:14px;outline: none; padding:6px 20px 6px 10px;border-radius: 6px;}
528 534 
.frmtype:focus{box-shadow: none;outline:none;border:1px solid #28b8fa;}
529 535 
.frmtypeW{width:98%;margin: auto;}

@ -531,6 +537,11 @@ textarea.frmtype{height:100px;}
531 537 
/*只读状态input*/
532 538 
input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;}
533 539 
input.frmtype[readonly]:focus{border:1px transparent solid;}
540 
/*网站内部表单样式*/
541 
.frmcontype{border:1px solid #E5E5E5;width:100%;height:40px;background:#FFFFFF;font-size:16px;color:#666;line-height:28px;outline: none; padding:6px 12px;border-radius:0;}
542 
.frmcontype:focus{border-color:#ff9900;}
543 
.frmconbtn{width:100%;height:40px;background:#ff9900;font-size:16px;color:#666;line-height:28px;outline:none;border:none;padding:6px 12px;border-radius:0;}
544 
.frmconmsg{color:#fd5f39;margin-left:12px;font-size: 14px;}
534 545 
/*小按钮*/
535 546 
.btnModel{display:inline-block;color:#FFFFFF;border:none;background: #FFFFFF; padding:6px 20px;background:#28b8fa;}
536 547 
.btnModel:hover{background:#1daaeb;}

@ -562,7 +573,7 @@ button.btnModelBig:hover{
562 573 
.cmpBorder{border-color:#28b8fa;}
563 574
564 575 
/*弹出模态框*/
565 
.blackcover{display:none;overflow-x: hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,.6);z-index: 1050;}
576 
.blackcover{display:none;overflow-x: hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,.6);z-index: 1000;}
566 577 
.modelContain{display:none;position:relative;clear:both;margin:40px auto;width:600px;background:#fff;border-radius:8px;z-index:1056;
567 578 
 		 box-shadow: 2px 4px 10px 4px #555;
568 579 
  -webkit-box-shadow: 2px 4px 10px 4px #555;}

@ -634,7 +645,7 @@ footer .weixincode{background-image: url(../images/home_bg_guanzhu_nor.png);}
634 645 
footer .weixincode span{background-image:url(../images/home_code_weixin.jpg);background-size: cover;}
635 646
636 647 
/*新版header*/
637 
header{ position:fixed; top:0;left:0;right: 0; z-index:999;font-size:16px;line-height:32px;}
648 
header{ position:fixed; top:0;left:0;right: 0; z-index:998;font-size:16px;line-height:32px;}
638 649 
header .navheader{background:#FFFFFF;height:62px;border-bottom: 2px solid #e5e5e5;}
639 650 
header .navheader.navhdown{background: rgba(256,256,256,1);border-color:#E5E5E5;box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);-webkit-box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);}
640 651 
header .navheader.navhdown li a{color:#666;}

+ 1 - 1
css/common.css
View File 

@ -212,7 +212,7 @@ footer .weixincode span{background-image:url(../images/home_code_weixin.jpg);bac
212 212 
.search-btn{ width:35px; height:35px; float:right; behavior:url(../js/ie-css3.htc);cursor:pointer;}
213 213 
.search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
214 214
215 
header{ position:fixed; top:0;left:0;right: 0; z-index:1000;font-size:16px;line-height:32px;}
215 
header{ position:fixed; top:0;left:0;right: 0; z-index:998;font-size:16px;line-height:32px;}
216 216 
header .navheader{background:#FFFFFF;height:62px;border-bottom: 2px solid #e5e5e5;}
217 217 
header .navheader.navhdown{background: rgba(256,256,256,1);border-color:#E5E5E5;box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);-webkit-box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);}
218 218 
header .navheader.navhdown li a{color:#666;}

+ 29 - 17
css/genindex.css
View File 

@ -5,16 +5,7 @@ html,body{background: #f4f6f8;}
5 5 
.otherRadius{ border-radius:0;border:1px solid #E5E5E5;}
6 6 
.cmpRadius{border-radius:4px;border:1px solid #E5E5E5;}
7 7 
.con-center{padding:20px 10px 40px; margin:10px auto;}
8 
/*弹出模态框*/
9 
.blackcover{display:none;overflow-x: hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,.6);z-index: 1050;}
10 
.modelContain{display:none;position:relative;clear:both;margin:40px auto;z-index:1056;
11 
 		 box-shadow: 2px 4px 10px 4px #555;
12 
  -webkit-box-shadow: 2px 4px 10px 4px #555;}
13 
.modelContain:before,.modelContain:after{display:table;content:" "}
14 
.modelContain:after{clear: both;}
15 
.modelContain2{width:1120px;background:#f4f6f8;}
16 
.modelClosebtn{position:absolute; top:0; right:-50px; display:block; width:20px; height:20px; background:url(../images/workclose.png) center center no-repeat; padding:20px;cursor:pointer; z-index:1055;}
17 
.modelOpen{overflow: hidden;}
8
18 9 
/*/////////////////////表单样式/////////////////////// */
19 10 
/*div模拟textarea多行文本框*/
20 11 
div.textareaboxEmp{min-height:40px;height:auto;-webkit-user-select:text;-webkit-user-modify: read-write-plaintext-only;cursor: text;}
 
@ -34,8 +25,9 @@ textarea.frmtype{height:100px;}
34 25 
input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;}
35 26 
input.frmtype[readonly]:focus{border:1px transparent solid;}
36 27 
.requiredcon{font-style:none;color:red;font-size:16px;}/*必填项*/
28 
.emspace{letter-spacing: 2em;}
37 29 
/*网站内部表单样式*/
38 
.frmcontype{border:1px solid #E5E5E5;height:40px;background:#FFFFFF;font-size:16px;color:#666;line-height:28px;outline: none; padding:6px 12px;border-radius:0;}
30 
.frmcontype{width:100%;border:1px solid #E5E5E5;height:40px;background:#FFFFFF;font-size:16px;color:#666;line-height:28px;outline: none; padding:6px 12px;border-radius:0;}
39 31 
.frmcontype:focus{border-color:#ff9900;}
40 32 
.frmconbtn{width:100%;height:40px;background:#ff9900;font-size:16px;color:#666;line-height:28px;outline:none;border:none;padding:6px 12px;border-radius:0;}
41 33 
.frmconmsg{color:#fd5f39;margin-left:12px;font-size: 14px;}
 
@ -130,7 +122,6 @@ ul.loginWaySort li.liactive{border-bottom: 2px solid #ff9900;}
130 122 
.fillMore .textinput{margin-left:2%;width:98%;padding:5px 10px;min-height:40px;font-size: 16px;line-height:26px;color: #222;cursor: text;
131 123 
    border: 1px solid #ddd;border-radius: 6px;box-sizing: border-box;background: #fff;}
132 124 
.fillMore .textinput.frmmsg-warning{border:1px solid #fd5f39;}
133 
.fillMore .fillShow .emspace{letter-spacing: 2em;}
134 125 
.fillMore .fillShow .downarrow{ position:absolute; right:10px; top:50%; margin-top:-10px; color: #999999;}
135 126 
.fillMore .btnModel{width: 80%;margin: 20px auto 0;}
136 127 
/*<!--城市选择器-->*/
 
@ -230,7 +221,10 @@ ul.listitemdiv.listmorediv .articalhead{width: 164px;height: 110px;margin-top:-5
230 221
231 222 
/*--------------新版文章--------------*/
232 223 
/*文章发布*/
233 
.conBlock .leftconBox{width:764px;padding:30px;}
224 
.conBlock .leftconBox{width:764px;padding:30px;position: relative;}
225 
/*热门文章添加<span class="hotThis"></span>-->*/
226 
.hotThis{position:absolute;top:-5px;right:-5px;display:inline-block;width:63px;height:63px;background:url(../images/g_article_bg_redu_nor.png);}
227
234 228 
.conBlock .rightconBox{width: 315px;}
235 229 
.conBlock .rightconBox .conItem{padding:30px;background: #FFFFFF;margin-bottom: 20px;}
236 230 
.conBlock .rightconBox .conItem:first-child{padding:30px 10px;border-top:4px #ff9900 solid;}
 
@ -244,7 +238,7 @@ ul.artAbout .uploadFile .upbtn{display:inline-block;padding:7px 23px;background:
244 238 
ul.artAbout .uploadFile .uploadblock .upBackbtn{position:absolute;bottom:30px;left:50%;margin-left:-55px;background:rgba(0,0,0,.5);color:#FFFFFF;z-index:10;display: none;}
245 239 
.conBlock .aboutTit{font-size:16px;line-height:40px;color:#666666;margin-top:18px;}
246 240 
ul.artAbout .editBlock{height:320px;border:1px solid #E5E5E5;}
247 
ul.artAbout .frmadd{position:absolute;right:0;top:0;background: #ff9900;color:#fff;border:none;padding:6px 25px;}
241 
ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #ff9900;color:#fff;border:none;padding:6px 25px;}
248 242
249 243 
.conItem ul.operateBlock{overflow: hidden;margin-top:-20px;}
250 244 
.conItem ul.operateBlock>li{font-size:16px; color:#666666;float:left;width:33.333%;margin-top:20px;text-align: center;cursor: pointer;}
 
@ -280,13 +274,13 @@ ul.artAbout .frmadd{position:absolute;right:0;top:0;background: #ff9900;color:#f
280 274 
.form-item .madiaInfo{padding-left:62px;margin:2px 0;}
281 275 
.form-item ul .h1Font{font-size:16px;color:#333;line-height: 24px;}
282 276 
.form-item ul .h2Font{font-size:14px;color:#666;line-height: 24px;}
283 
.form-drop>ul>li{position:relative;min-height: 50px;padding:12px;cursor:pointer;}
277 
.form-drop>ul>li{position:relative;min-height:76px;padding:12px;cursor:pointer;}
284 278 
.form-drop>ul>li:hover{background: #EEEEEE;}
285 279 
.form-drop>ul>li:active{background: #ff9900;color:#fff;}
286 280 
.form-drop>ul>li:active .h1Font,.form-drop>ul>li:active .h2Font{color:#fff;}
287 281
288 282 
.form-result{margin:18px -30px 0 -30px;}
289 
.form-result>ul>li{position:relative;padding:12px 30px;}
283 
.form-result>ul>li{position:relative;padding:12px 30px;min-height: 76px;}
290 284 
.form-result>ul>li .deleteThis{display:none;position:absolute;top:50%;margin-top:-20px;right:28px;width:40px;height:40px;background:url(../images/g_article_button_shanchu_hig.png);background-size:cover;cursor:pointer;}
291 285 
.form-result>ul>li:hover{background: #EEEEEE;}
292 286 
.form-result>ul>li:hover .deleteThis{display:block;}
 
@ -294,7 +288,7 @@ ul.artAbout .frmadd{position:absolute;right:0;top:0;background: #ff9900;color:#f
294 288 
.form-drop.keydrop>ul>li{min-height:auto;padding:8px 12px;}
295 289 
.form-result.keyResult{margin:18px 0 0;margin-right: -20px;}
296 290 
.keyResult>ul{margin-bottom:-10px;}
297 
.keyResult>ul>li{float: left;margin-right:20px;margin-bottom:10px;padding:2px 12px;color: #999;border: 1px solid #E5E5E5;border-radius: 20px;}
291 
.keyResult>ul>li{float: left;margin-right:20px;margin-bottom:10px;padding:2px 12px;color: #999;border: 1px solid #E5E5E5;border-radius: 20px;min-height: auto;}
298 292 
.keyResult>ul>li .closeThis{display:none;position:absolute;top:-8px;right:-12px;width:28px;height:28px;background:url(../images/g_article_button_guanbi_hig.png);background-size:cover;cursor:pointer;}
299 293 
.keyResult>ul>li:hover{background: #E5E5E5;}
300 294 
.keyResult>ul>li:hover .closeThis{display:block;}
 
@ -411,6 +405,24 @@ ul.tagList>li .h2Font{color:#666}
411 405 
/*.pointSp{position:relative;}
412 406 
.pointSp:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
413 407 
*/
408 
/*定时发送时间选择器*/
409 
.blackcover{display:none;overflow-x: hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,.5);z-index: 1000;}
410 
.modelContain{display:none;position:relative;clear:both;margin:40px auto;width:600px;background:#fff;border-radius:8px;z-index:1056;
411 
 		 box-shadow: 2px 4px 10px 4px #555;
412 
  -webkit-box-shadow: 2px 4px 10px 4px #555;}
413 
.modelContain:before,.modelContain:after{display:table;content:" "}
414 
.modelContain:after{clear: both;}
415 
.modelOpen{overflow: hidden;}
416 
.setTimeBlock{z-index: 999999; width: 400px; position: fixed; background-color: white; border-radius: 6px; box-shadow: rgb(102, 102, 102) 1px 1px 20px 4px;top:50%;left:50%;margin:-167px 0 0 -200px;}
417 
.setTimeBlock .mb_tit{display: block; font-size: 18px; color: rgb(255, 255, 255); background-color: rgb(255, 153, 0); line-height: 60px; text-align: center; border-radius: 6px 6px 0 0; }
418 
.setTimeBlock .mb_close{display: block; position: absolute; right: 20px; top: 18px; background: url(../images/sign_icon_guanbi_nor.png) center center no-repeat; width: 20px; height: 20px; cursor: pointer;}
419 
.setTimeBlock .mb_msg{position: relative; padding: 30px 20px 20px; line-height: 24px; text-align: center; font-size: 16px;}
420 
.setTimeBlock .formTime{padding:10px 24px;}
421 
.setTimeBlock .mb_btnbox{margin: 0px auto 30px; text-align: center; position: relative;}
422 
.setTimeBlock .mb_btn{width: 100px; font-size: 14px; height: 32px; color: white; border: none; background-image: none; padding: 0px; margin: 0px 10px; border-radius: 6px;}
423 
.setTimeBlock .mb_btnOk{ background-color:#ff9900;}
424 
.setTimeBlock .mb_btnNo{ background-color:#ccc;}
425
414 426 
/*--------------新版资源--------------*/
415 427 
.showDetail .showMain.showMain2{text-indent:0;}
416 428 
.showDetail .showMain.showMain2>ul>li{margin:10px 0;}

+ 345 - 0
js/articalIssue.js
View File 

@ -0,0 +1,345 @@
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 

@ -0,0 +1,182 @@
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 

@ -0,0 +1,456 @@
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 

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

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

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

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

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

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

@ -6920,7 +6920,7 @@ var fillCharReg = new RegExp(domUtils.fillChar, 'g');
6920 6920 
                    '.view{padding:0;word-wrap:break-word;cursor:text;height:90%;}\n' +
6921 6921 
                    //设置默认字体和字号
6922 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 6925 
                    'p{margin:5px 0;}</style>' +
6926 6926 
                    ( options.iframeCssUrl ? '<link rel=\'stylesheet\' type=\'text/css\' href=\'' + utils.unhtml(options.iframeCssUrl) + '\'/>' : '' ) +

@ -10021,14 +10021,14 @@ UE.plugins['defaultfilter'] = function () {
10021 10021 
                        node.setAttr('_src', node.getAttr('src'));
10022 10022 
                        break;*/
10023 10023 
                    case 'span':
10024 
                        if (browser.webkit && (val = node.getStyle('white-space'))) {
10024 
                       /* if (browser.webkit && (val = node.getStyle('white-space'))) {
10025 10025 
                            if (/nowrap|normal/.test(val)) {
10026 10026 
                                node.setStyle('white-space', '');
10027 10027 
                                if (me.options.autoClearEmptyNode && utils.isEmptyObject(node.attrs)) {
10028 10028 
                                    node.parentNode.removeChild(node, true)
10029 10029 
                                }
10030 10030 
                            }
10031 
                        }
10031 
                        }*/
10032 10032 
                        val = node.getAttr('id');
10033 10033 
                        if(val && /^_baidu_bookmark_/i.test(val)){
10034 10034 
                            node.parentNode.removeChild(node)

@ -17547,7 +17547,7 @@ UE.plugins['autofloat'] = function() {
17547 17547 
            }
17548 17548 
            if(toolbarBox.style.position != 'fixed'){
17549 17549 
                toolbarBox.style.position = 'fixed';
17550 
                toolbarBox.style.top = topOffset +"px";
17550 
                toolbarBox.style.top = topOffset+62 +"px";
17551 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,7 +374,7 @@
374 374 
		,outputXssFilter: true
375 375 
		// xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
376 376 
		,whitList: {
377 
			a:      ['target', 'href', 'title', 'class', 'style'],
377 
			/*a:      ['target', 'href', 'title', 'class', 'style'],
378 378 
			abbr:   ['title', 'class', 'style'],
379 379 
			address: ['class', 'style'],
380 380 
			area:   ['shape', 'coords', 'href', 'alt'],
 
@ -436,7 +436,70 @@
436 436 
			tt:     [],
437 437 
			u:      [],
438 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

+ 23 - 19
resourceList.html
View File 

@ -41,44 +41,48 @@
41 41 
	        </div>
42 42 
	        <div class="workcon workconG">
43 43 
	        	<div class="workconitem">
44 
					<div class="workcontit">科研文章</div>
44 
					<div class="workcontit">科研资源</div>
45 45 
					<div class="worksubcon">
46 46 
						<div class="itemListBolck">
47 47 
							<div class="topOperaBlock clearfix">
48 48 
								<div class="searchAbout col-w-8">
49 
									<input class="frmcontype" type="search" name="" placeholder="输入文章标题">
49 
									<input class="frmcontype" type="search" name="" placeholder="输入资源名称">
50 50 
									<span class="searchSpan"></span>
51 51 
								</div>
52 52 
								<div class="issueSpanBlock col-w-4">
53 
									<span class="issueSpan">发布文章</span>
53 
									<a href="resourceIssue.html" class="issueSpan">发布资源</a>
54 54 
								</div>
55 55 
							</div>
56 56 
							<div class="form-item itemListCon">
57 57 
								<div class="form-result aboutRes">
58 58 
									<ul>
59 59 
										<li>
60 
											<div class="madiaHead resouseHead"></div>
61 
											<div class="madiaInfo">
62 
												<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
63 
												<ul class="h2Font clearfix">
64 
													<li><span>8月20日 04:00</span></li>
65 
													<li><span>阅读量100</span></li>
66 
												</ul>
67 
											</div>
60 
											<a href="">
61 
												<div class="madiaHead resouseHead"></div>
62 
												<div class="madiaInfo">
63 
													<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
64 
													<ul class="h2Font clearfix">
65 
														<li><span>8月20日 04:00</span></li>
66 
														<li><span>阅读量100</span></li>
67 
													</ul>
68 
												</div>
69 
											</a>
68 70 
											<ul class="madiaEdit">
69 71 
												<li><span class="deteleThis2"></span></li>
70 72 
												<li><span class="editThis"></span></li>
71 73 
											</ul>
72 74 
										</li>
73 75 
										<li class="draftList"><!--存为草稿时添加draftList类-->
74 
											<div class="madiaHead resouseHead"></div>
75 
											<div class="madiaInfo">
76 
												<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
77 
												<ul class="h2Font clearfix">
78 
													<li><span>8月20日 04:00</span></li>
79 
												</ul>
80 
												<span class="draftLable">草稿</span>
81 
											</div>
76 
											<a href="">
77 
												<div class="madiaHead resouseHead"></div>
78 
												<div class="madiaInfo">
79 
													<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
80 
													<ul class="h2Font clearfix">
81 
														<li><span>8月20日 04:00</span></li>
82 
													</ul>
83 
													<span class="draftLable">草稿</span>
84 
												</div>
85 
											</a>
82 86 
											<ul class="madiaEdit">
83 87 
												<li><span class="deteleThis2"></span></li>
84 88 
												<li><span class="editThis"></span></li>

+ 63 - 0
workspaces.html
View File 

@ -15,6 +15,26 @@
15 15 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
16 16 
<style type="text/css">
17 17 
	.repalyf{width:100%}
18
19 
	.emspace{letter-spacing: 2em;}
20 
	.recommendBlock{position:relative;overflow:hidden;background: #FFF;padding:20px 30px;margin-bottom:20px;}
21 
	ul.recommendUl li{display: none;}
22 
	ul.recommendUl li:first-child{display:block;}
23 
	.recommendClose{display:inline-block;position: absolute;right:20px;top:20px;cursor:pointer;width:30px;height:30px;background: url(../images/g_resource_button_guanbi_nor.png);background-size:cover;}
24 
	.recommendTit{font-size: 24px;color: #fc7443;margin-bottom: 10px;}
25 
	.recommendTit span{font-size:16px;color:#999;margin-left: 20px;}
26 
	.recommendCon{}
27 
	.recommendCon .madiaHead{position:absolute;border:1px solid #E5E5E5;width:225px;height:160px;background-position: center;background-size: cover;}
28 
	.recommendCon .madiaHead.resouseHead{background-image: url(images/default-resource.jpg);border-radius:0;}
29 
	.recommendCon .madiaInfo{padding-left:250px;margin:2px 0;min-height: 160px;}
30 
	.recommendCon .madiaInfo p{margin-bottom: 8px;}
31 
	.recommendCon .madiaInfo .h1Font{font-size:20px;color:#333;line-height:32px;}
32 
	.recommendCon .madiaInfo .h2Font{font-size:16px;color:#666;line-height:26px;}
33 
	.recommendCon .madiaInfo .ellipsisSty-2{height:54px;}
34 
	.recommendBtn{text-align: right;}
35 
	.recommendBtn button{border: none;font-size:16px;color:#666;background:none;padding:9px 28px;margin:0 30px;border-radius: 4px;}
36 
	.recommendBtn button:focus{box-shadow: none;outline:none;}
37 
	.recommendBtn button.btnOk{background: #ff9900;color: #fff;}
18 38 
</style>
19 39 
</head>
20 40 
<body>
 
@ -48,6 +68,49 @@
48 68 
<!--中间-->
49 69 
<div id="container">
50 70 
	<div class="con-center">
71 
		<div class="recommendBlock">
72 
			<span class="recommendClose"></span>
73 
			<div class="recommendTit">请确认与您相关的资源 <span>确认后，这个资源将与您关联，企业可以通过该资源找到您。</span></div>
74 
			<ul class="recommendUl">
75 
				<li>
76 
					<div class="recommendCon">
77 
						<div class="madiaHead resouseHead"></div>
78 
						<div class="madiaInfo">
79 
							<p class="h1Font">资源名称资源名称资源名称</p>
80 
							<p class="h2Font ellipsisSty-2"><em class="emspace">用</em>途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀护；</p>
81 
							<p class="h2Font ellipsisSty-2">所属机构：材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护；材料腐蚀护；</p>
82 
						</div>
83 
					</div>
84 
					<div class="recommendBtn">
85 
						<button class="btnOk">确认关联</button>
86 
						<button class="btnNo">跳过</button>
87 
					</div>
88 
				</li>
89 
				<li>
90 
					<div class="recommendCon">
91 
						<div class="madiaHead resouseHead"></div>
92 
						<div class="madiaInfo">
93 
							<p class="h1Font">资源名称资源名称资源名称</p>
94 
							<p class="h2Font ellipsisSty-2"><em class="emspace">用</em>途：材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀防护；材料腐蚀护；</p>
95 
							<p class="h2Font ellipsisSty-2">所属机构：材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护；材料腐蚀护；</p>
96 
						</div>
97 
					</div>
98 
					<div class="recommendBtn">
99 
						<button class="btnOk">确认关联</button>
100 
						<button class="btnNo">跳过</button>
101 
					</div>
102 
				</li>
103 
			</ul>
104 
		</div>
105 
		<script>
106 
			$(".recommendClose").click(function(){
107 
				$(".recommendBlock").slideUp();
108 
			})
109 
			$(".recommendBtn button.btnNo").click(function(){
110 
				$(this).parent().parent().slideUp();
111 
				$(this).parent().parent().next().slideDown();
112 
			})
113 
		</script>
51 114 
		<div class="workmenu">
52 115 
			<a href="workspaces.html" class="workmenutit">我的工作台</a>
53 116 
			<a class="worksubmenu" id="gozixu">咨询</a>