Explorar el Código

企业版文章发布、文章修改、文章列表

luyanan %!s(int64=7) %!d(string=hace) años
padre
commit
80804cf96a

+ 256 - 0
cmp-portal/articalIssue.html

@ -0,0 +1,256 @@
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" rel="stylesheet" href="../css/datetimepicker.css">
12
<link type="text/css" href="css/common.css" rel="stylesheet">
13
<link type="text/css" href="css/cmpindex.css" rel="stylesheet">
14
<script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
15
</head>
16
<body>
17
<header id="header">
18
	<script src="js/public/cmpHeader.js"></script>
19
</header>
20
<!--定时发布弹框-->
21
<div class="blackcover2">
22
	<div class="setTimeBlock modelContain">
23
		<span class="mb_tit">提示</span>
24
		<a class="mb_close"></a>
25
		<div class="mb_msg">
26
			<p style="margin: 10px;">请设置文章发布的时间:</p>
27
			        <div class="formTime">
28
			        <!--<div class="form-group">
29
			            <div class='input-group date' id='datetimepicker6'>
30
			                <input type='text' class="form-control" />
31
			                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
32
			            </div>
33
			        </div>-->
34
			        <div class="form-group">
35
			             <input size="16" type="text" value="" readonly class="form-control form_datetime">
36
			        </div>
37
			</div>
38
		</div>
39
		<div class="mb_btnbox">
40
			<input class="mb_btn mb_btnOk" type="button" value="确定">
41
			<input class="mb_btn mb_btnNo" type="button" value="取消">
42
		</div>
43
	</div>
44
</div>
45

46
<input type="hidden" id="hidearticleId" value="" />
47
<div id="container">
48
	<div class="containerCon">
49
		<div class="contentCon clearfix conBlock">
50
			<div class="leftconBox floatL">
51
				<ul class="artAbout">
52
					<li>
53
						<div class="uploadFile">
54
	        				<div class="uploadblock" id="uploader" data-id>
55
       							<span class="" id="filePicker">上传图片</span>
56
	        					<!--未上传图片时-->
57
	        					<div class="upFront">
58
		        					<p>文章封面大图</p>
59
		        					<p>JPG/PNG格式,2M以内。</p>
60
		        					<span class="upbtn">上传图片</span>
61
	        					</div>
62
	        					<!--已上传图片时-->
63
	        					<span class="upbtn upBackbtn">更换图片</span>
64
		            		</div>
65
	        			</div>
66
	        			<span class="frmconmsg imgtis" style="margin-left:0"></span>
67
					</li>
68
					<li>
69
						<div class="aboutTit" id="aboutTit">标题<span class="frmconmsg"></span></div>
70
					    <input type="text" class="frmtype frmcontype" value="" placeholder="请输入标题" id="newstitle"/>
71
					</li>
72
					<li class="form-item">
73
						<div class="aboutTit">关键词<span class="frmconmsg" id="keyPrompt"></span></div>
74
						<div style="position: relative;">
75
							<input type="text" class="frmtype frmcontype" value="" placeholder="请输入关键词" id="KeyWord"/>
76
							<!--输入框中键入内容时按钮显示,添加内容出现在结果标签中时按钮隐藏-->
77
							<button class="frmcontype frmadd displayNone" id="addkeyWord">添加</button>
78
						</div>
79
						<div class="form-drop keydrop displayNone">
80
							<ul id="keydropList">
81
								
82
							</ul>
83
						</div>
84
						<div class="form-result keyResult">
85
							<ul class="clearfix" id="keyWordlist">
86
								
87
							</ul>
88
						</div>
89
					</li>
90
					<li>
91
						<div class="aboutTit">文章内容<span class="frmconmsg"></span></div>
92
						<!--这块还是使用编辑框插件-->
93
						<div class="editBlock">
94
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
95
							<!--<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>-->
96
						</div>
97
					</li>
98
				</ul>
99
			</div>
100
			<div class="rightconBox floatR">
101
				<div class="conItem">
102
					<ul class="operateBlock">
103
						<li class="goFabu" id="release">
104
							<em class="operateicon icon-issue"></em>
105
							<p>发布</p>
106
						</li>
107
						<li id="setTimeIssue">
108
							<em class="operateicon icon-timeissue"></em>
109
							<p>定时发布</p>
110
						</li>
111
						<li class="articalPreview" id="preview">
112
							<em class="operateicon icon-preview"></em>
113
							<p>预览</p>
114
						</li>
115
						<li id="draft">
116
							<em class="operateicon icon-draft"></em>
117
							<p>存草稿</p>
118
						</li>
119
						<li class="disableLi">
120
							<em class="operateicon icon-delete"></em>
121
							<p>删除</p>
122
						</li>
123
						
124
					</ul>
125
				</div>
126
				<div class="conItem">
127
					<div class="form-item otherBlock">
128
						<div class="aboutTit">相关专家<span class="frmconmsg"></span></div>
129
						<input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="checkZj" value="" />
130
						<div class="form-drop displayNone">
131
							<ul class="expertlist" id="expertlist">
132
							
133
							</ul>
134
						</div>
135
						<div class="form-result">
136
							<ul class="addexpert" id="expertli">
137
								
138
							</ul>
139
						</div>
140
					</div>
141
					<div class="form-item otherBlock">
142
						<div class="aboutTit">相关资源<span class="frmconmsg"></span></div>
143
						<input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="checkZy" value="" />
144
						<div class="form-drop displayNone">
145
							<ul class="expertlist" id="resouselist">
146
								
147
							</ul>
148
						</div>
149
						<div class="form-result">
150
							<ul class="addexpert" id="resources">
151
								
152
							</ul>
153
						</div>
154
					</div>
155
				</div>
156
			</div>
157
		</div>
158
	</div>
159
</div>
160
<footer>
161
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
162
</footer>
163
<script type="text/javascript" src="../js/public/bootstrap.min.js"></script>
164
<script type="text/javascript" src="../js/public/prettify.js"></script>
165
<script type="text/javascript" src="../js/public/bootstrap-datetimepicker.min.js"></script>
166
<script type="text/javascript" src="../js/ueditor/ueditor.config.js"></script>
167
<script type="text/javascript" src="../js/ueditor/ueditor.all.js"> </script>
168
<script type="text/javascript" src="../js/webuploader/webuploader.js"></script>
169
<script type="text/javascript"src="js/public/jquery.cookie.js"></script>
170
<script type="text/javascript"src="js/public/jquery.similar.msgbox.js"></script>
171
<script type="text/javascript" src="js/public/common.js"></script>   
172
<script type="text/javascript" src="../js/articalIssue.js"></script>
173

174
<script type="text/javascript">
175
$(function () {
176
	var currentdate;
177
    $(".form_datetime").datetimepicker({
178
    	format: 'yyyy-mm-dd hh:ii',
179
    	forceParse: true,
180
    	autoclose: true,
181
        todayBtn: true
182
    });
183
    function getNowFormatDate() {
184
	    var date = new Date();
185
	    var seperator1 = "-";
186
	    var seperator2 = ":";
187
	    var month = date.getMonth() + 1;
188
	    var strDate = date.getDate();
189
	    var getHours = date.getHours();
190
	    var getMinutes = date.getMinutes();
191
	    if (month >= 1 && month <= 9) {
192
	        month = "0" + month;
193
	    }
194
	    if (strDate >= 0 && strDate <= 9) {
195
	        strDate = "0" + strDate;
196
	    }
197
	    if (getMinutes >= 0 && getMinutes <= 9) {
198
	        getMinutes = "0" + getMinutes;
199
	    }
200
	     if (getHours >= 0 && getHours <= 9) {
201
	        getHours = "0" + getHours;
202
	    }
203
	    var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
204
	            + " " + getHours + seperator2 + getMinutes
205
	           
206
	    return currentdate;
207
	}
208
    $(".form_datetime").val(getNowFormatDate(currentdate));
209
});
210
//Model模态框打开关闭
211

212
$(".mb_close,.mb_btnNo").click(function() {
213
	$(".modelContain").hide();
214
	$(".blackcover2").fadeOut();
215
	$("body").removeClass("modelOpen");
216
})
217
//初始引用编辑器
218
ue = UE.getEditor('editor', {});
219
// 初始化Web Uploader
220
var uploader = WebUploader.create({
221
    auto: true,
222
    swf: '../js/webuploader/Uploader.swf',
223
    server: '../ajax/cachedFileUpload',
224
    pick : {
225
    	id : "#filePicker",
226
    	multiple: false
227
    	},
228
    accept: {// 只允许选择图片文件。
229
        title: 'Images',
230
        extensions: 'gif,jpg,jpeg,bmp,png',
231
        mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
232
    }
233
   
234
});
235

236
// 当有文件添加进来的时候
237
uploader.on( 'fileQueued', function( file ) {
238
    uploader.makeThumb( file, function( error, src ) {
239
        $("#uploader").css("background-image","url("+src+")");
240
        $(".imgtis").text("");
241
        $(".upFront").hide();
242
        $(".upBackbtn").show();
243
    }, 1, 1 );
244
    
245
});
246

247
// 文件上传成功,给item添加成功class, 用样式标记上传成功。
248
cacheImageKey="";
249
uploader.on( 'uploadSuccess', function(file,data) {
250
	cacheImageKey =data.data[0].cacheKey;
251
	$("#uploader").attr("data-id",cacheImageKey);
252
});
253
</script>
254

255
</body>
256
</html>

+ 71 - 0
cmp-portal/articalList.html

@ -0,0 +1,71 @@
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 href="../css/bootstrap.min.css" rel="stylesheet">
9
<link type="text/css" href="css/common.css" rel="stylesheet">
10
<link type="text/css" href="css/cmpindex.css" rel="stylesheet">
11

12
<script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
13

14
</head>
15

16
<body>
17
<header id="header">
18
	<script src="js/public/cmpHeader.js"></script>
19
</header>
20
<!--中间-->
21
<div id="container">
22
	<div class="containerCon">
23
		<div class="con-center contentCon clearfix conBlock">
24
	        <div class="workmenu">
25
	        	<ul>
26
	        		<li><a href="cmp-workspaces.html">工作台</a></li>
27
	        		<li><a href="cmp-needList.html">需求</a></li>
28
	        		<!--<li><a href="resourceList.html">资源</a></li>-->
29
	        		<li class="nowLi"><a>文章</a></li>
30
	        		<li><a href="cmp-staffList.html">员工</a></li>
31
	        	</ul>
32
	        </div>
33
		    <div class="workcon workconG">
34
				<div class="workcontit">科研文章</div>
35
				<div class="itemListBolck">
36
					<div class="topOperaBlock clearfix">
37
						<div class="searchAbout col-w-8">
38
							<input class="frmcontype" type="search" id="articleSearch" name="" placeholder="输入文章标题">
39
							<span class="searchSpan"></span>
40
						</div>
41
						<div class="issueSpanBlock col-w-4">
42
							<a href="articalIssue.html" target="_blank" class="issueSpan">发布文章</a>
43
						</div>
44
					</div>
45
					<div class="form-item itemListCon">
46
						<div class="form-result aboutRes">
47
							<ul id="articalList">
48
								
49
							</ul>
50
							<div id="noartical" class="displayNone" style="text-align: center;padding:50px 0;">
51
								暂无内容
52
							</div>
53
							<div class="tcdPageCode"></div>
54
						</div>
55
					</div>
56
				</div>
57
			</div>
58
		</div>
59
	</div>
60
</div>
61
<footer>
62
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
63
</footer>
64

65
<script type="text/javascript" src="js/public/jquery.cookie.js"></script>
66
<script type="text/javascript" src="js/public/jquery.similar.msgbox.js"></script>
67
<script type="text/javascript" src="../js/jquery.page.js"></script>
68
<script type="text/javascript" src="js/public/common.js"></script>
69
<script type="text/javascript" src="../js/articalList.js"></script>
70
</body>
71
</html>

+ 263 - 0
cmp-portal/articalModify.html

@ -0,0 +1,263 @@
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 href="css/bootstrap.min.css" rel="stylesheet">
9
<link type="text/css" href="../css/webuploader/webuploader.css" rel="stylesheet">
10
<link type="text/css" rel="stylesheet" href="../css/datetimepicker.css">
11
<link type="text/css" href="../css/webuploader/webuploader.css" rel="stylesheet">
12
<link type="text/css" href="css/common.css" rel="stylesheet">
13
<link type="text/css" href="css/cmpindex.css" rel="stylesheet">
14

15
<script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
16

17
</head>
18

19
<body>
20
<header id="header">
21
	<script src="js/public/cmpHeader.js"></script>
22
</header>
23
<!--定时发布弹框-->
24
<div class="blackcover2">
25
	<div class="setTimeBlock modelContain">
26
		<span class="mb_tit">提示</span>
27
		<a class="mb_close"></a>
28
		<div class="mb_msg">
29
			<p style="margin: 10px;">请设置文章发布的时间:</p>
30
			        <div class="formTime">
31
			        <!--<div class="form-group">
32
			            <div class='input-group date' id='datetimepicker6'>
33
			                <input type='text' class="form-control" />
34
			                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
35
			            </div>
36
			        </div>-->
37
			        <div class="form-group">
38
			             <input size="16" type="text" value="" readonly class="form-control form_datetime">
39
			        </div>
40
			</div>
41
		</div>
42
		<div class="mb_btnbox">
43
			<input class="mb_btn mb_btnOk" type="button" value="确定">
44
			<input class="mb_btn mb_btnNo" type="button" value="取消">
45
		</div>
46
	</div>
47
</div>
48
<div id="container">
49
	<div class="containerCon">
50
		<div class="contentCon clearfix conBlock" style="padding-top:20px">
51
			<div class="leftconBox floatL">
52
				<ul class="artAbout">
53
					<li>
54
						<div class="uploadFile">
55
	        				<div class="uploadblock" id="uploader" data-id>
56
       							<span class="" id="filePicker">上传图片</span>
57
	        					<!--未上传图片时-->
58
	        					<div class="upFront">
59
		        					<p>文章封面大图</p>
60
		        					<p>JPG/PNG格式,2M以内。</p>
61
		        					<span class="upbtn">上传图片</span>
62
	        					</div>
63
	        					<!--已上传图片时-->
64
	        					<span class="upbtn upBackbtn">更换图片</span>
65
		            		</div>
66
	        			</div>
67
	        			<span class="frmconmsg imgtis" style="margin-left:0"></span>
68
					</li>
69
					<li>
70
						<div class="aboutTit" id="aboutTit">标题<span class="frmconmsg"></span></div>
71
					    <input type="text" class="frmtype frmcontype" value="" placeholder="请输入标题" id="newstitle"/>
72
					</li>
73
					<li class="form-item">
74
						<div class="aboutTit">关键词<span class="frmconmsg" id="keyPrompt"></span></div>
75
						<div style="position: relative;">
76
							<input type="text" class="frmtype frmcontype" value="" placeholder="请输入关键词" id="KeyWord"/>
77
							<!--输入框中键入内容时按钮显示,添加内容出现在结果标签中时按钮隐藏-->
78
							<button class="frmcontype frmadd displayNone" id="addkeyWord">添加</button>
79
						</div>
80
						<div class="form-drop keydrop displayNone">
81
							<ul class="keydropList">
82
								
83
							</ul>
84
						</div>
85
						<div class="form-result keyResult">
86
							<ul class="clearfix" id="keyWordlist">
87
								
88
							</ul>
89
						</div>
90
					</li>
91
					<li>
92
						<div class="aboutTit">文章内容<span class="frmconmsg"></span></div>
93
						<!--这块还是使用编辑框插件-->
94
						<div class="editBlock">
95
							<script id="editor" name="content" type="text/plain" style="height:500px;"></script>
96
							<!--<textarea class="frmtype frmcontype" style="border:none;height:318px;" name="" placeholder="请输入文章内容"></textarea>-->
97
						</div>
98
					</li>
99
				</ul>
100
			</div>
101
			<div class="rightconBox floatR">
102
				<div class="conItem">
103
					<ul class="operateBlock">
104
						<li class="goFabu" id="release">
105
							<em class="operateicon icon-issue"></em>
106
							<p>发布</p>
107
						</li>
108
						<li id="setTimeIssue">
109
							<em class="operateicon icon-timeissue"></em>
110
							<p>定时发布</p>
111
						</li>
112
						<li class="articalPreview" id="preview">
113
							<em class="operateicon icon-preview"></em>
114
							<p>预览</p>
115
						</li>
116
						<li id="draft">
117
							<em class="operateicon icon-draft"></em>
118
							<p>存草稿</p>
119
						</li>
120
						<li id="delete">
121
							<em class="operateicon icon-delete"></em>
122
							<p>删除</p>
123
						</li>
124
						
125
					</ul>
126
				</div>
127
				<div class="conItem">
128
					<div class="form-item otherBlock">
129
						<div class="aboutTit">相关专家<span class="frmconmsg"></span></div>
130
						<input type="text" class="frmtype frmcontype" placeholder="请输入专家姓名" id="checkZj" value="" />
131
						<div class="form-drop displayNone">
132
							<ul class="expertlist" id="expertlist">
133
							
134
							</ul>
135
						</div>
136
						<div class="form-result">
137
							<ul class="addexpert" id="expertli">
138
								
139
							</ul>
140
						</div>
141
					</div>
142
					<div class="form-item otherBlock">
143
						<div class="aboutTit">相关资源<span class="frmconmsg"></span></div>
144
						<input type="text" class="frmtype frmcontype" placeholder="请输入资源名称" id="checkZy" value="" />
145
						<div class="form-drop displayNone">
146
							<ul class="expertlist" id="resouselist">
147
								<li id="4">
148
									<div class="madiaHead resouseHead"></div>
149
									<div class="madiaInfo">
150
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
151
										<p class="h1Font">李大大1</p>
152
									</div>
153
									<div class="deleteThis"></div>
154
								</li>
155
								<li id="5">
156
									<div class="madiaHead resouseHead"></div>
157
									<div class="madiaInfo">
158
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
159
										<p class="h1Font">李大大2</p>
160
									</div>
161
									<div class="deleteThis"></div>
162
								</li>
163
								<li id="6">
164
									<div class="madiaHead resouseHead"></div>
165
									<div class="madiaInfo">
166
										<p class="h2Font ellipsisSty">资源名称资源名称资源名称资源名称资源名称</p>
167
										<p class="h1Font">李大大3</p>
168
									</div>
169
									<div class="deleteThis"></div>
170
								</li>
171
							</ul>
172
						</div>
173
						<div class="form-result">
174
							<ul class="addexpert" id="resources">
175
								
176
							</ul>
177
						</div>
178
					</div>
179
				</div>
180
			</div>
181
		</div>
182
	</div>
183
</div>
184
<footer>
185
	<script type="text/javascript" src="js/public/cmpFooter.js"></script>
186
</footer>
187
<script type="text/javascript" src="../js/public/bootstrap.min.js"></script>
188
<script type="text/javascript" src="../js/public/prettify.js"></script>
189
<script type="text/javascript" src="../js/public/bootstrap-datetimepicker.min.js"></script>
190
<script type="text/javascript" src="../js/ueditor/ueditor.config.js"></script>
191
<script type="text/javascript" src="../js/ueditor/ueditor.all.js"> </script>
192
<script type="text/javascript" src="../js/webuploader/webuploader.js"></script>
193
<script type="text/javascript"src="js/public/jquery.cookie.js"></script>
194
<script type="text/javascript"src="js/public/jquery.similar.msgbox.js"></script>
195
<script type="text/javascript" src="js/public/common.js"></script>
196
<script type="text/javascript" src="js/articalModify.js"></script>
197
<script type="text/javascript">
198
$(function () {
199
	var currentdate;
200
    $(".form_datetime").datetimepicker({
201
    	format: 'yyyy-mm-dd hh:ii',
202
    	forceParse: true,
203
    	autoclose: true,
204
        todayBtn: true
205
    });
206
});
207
//Model模态框打开关闭
208

209
$(".mb_close,.mb_btnNo").click(function() {
210
	$(".modelContain").hide();
211
	$(".blackcover2").fadeOut();
212
	$("body").removeClass("modelOpen");
213
})
214
//初始引用编辑器
215
ue = UE.getEditor('editor', {});
216

217
// 初始化Web Uploader
218
var uploader = WebUploader.create({
219
	// 选完文件后,是否自动上传。
220
    auto: true,
221
    // 添加的文件数量
222
    //fileNumLimit: 1,
223
    // swf文件路径
224
    swf: '../js/webuploader/Uploader.swf',
225
    // 文件接收服务端。
226
    server: '../ajax/cachedFileUpload',
227
    // 选择文件的按钮。可选。
228
    // 内部根据当前运行是创建,可能是input元素,也可能是flash.
229

230
    pick : {
231
    	id : "#filePicker",
232
    	multiple: false
233
    	},
234
    // 只允许选择图片文件。
235
    accept: {
236
        title: 'Images',
237
        extensions: 'gif,jpg,jpeg,bmp,png',
238
        mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
239
    }
240
   
241
});
242

243
// 当有文件添加进来的时候
244
uploader.on( 'fileQueued', function( file ) {
245
    uploader.makeThumb( file, function( error, src ) {
246
        $("#uploader").css("background-image","url("+src+")");
247
        $(".imgtis").text("");
248
        $(".upFront").hide();
249
        $(".upBackbtn").show();
250
    }, 1, 1 );
251
    
252
});
253

254
// 文件上传成功,给item添加成功class, 用样式标记上传成功。
255
cacheImageKey="";
256
uploader.on( 'uploadSuccess', function(file,data) {
257
	cacheImageKey =data.data[0].cacheKey;
258
	$("#uploader").attr("data-id",cacheImageKey);
259
});
260
261
</script>
262
</body>
263
</html>

+ 106 - 10
cmp-portal/css/cmpindex.css

@ -293,7 +293,7 @@ ul.cmpAllUl.cmpArticalul.cmpArticalul2{width: 97%;margin:10px;}
293 293
294 294
/*--------------新版文章--------------*/
295 295
/*文章发布*/
296
.contentCon{padding-top:80px;}
296
.contentCon{}
297 297
.leftconBox{width:820px;padding-bottom:20px;margin-bottom:20px;background: #FFFFFF;}
298 298
/*文章发布*/
299 299
.conBlock .leftconBox{width:764px;padding:30px;position: relative;}
@ -303,7 +303,9 @@ ul.cmpAllUl.cmpArticalul.cmpArticalul2{width: 97%;margin:10px;}
303 303
.conBlock .rightconBox{width: 315px;}
304 304
.conBlock .rightconBox .conItem{padding:30px;background: #FFFFFF;margin-bottom: 20px;}
305 305
.conBlock .rightconBox .conItem:first-child{padding:30px 10px;border-top:4px #28b8fa solid;}
306
ul.artAbout>li{overflow: hidden;}
306
ul.artAbout>li{clear:both;}
307
ul.artAbout>li:before,ul.artAbout>li:after{display:table;content:" "}
308
ul.artAbout>li:after{clear:both}
307 309
ul.artAbout .uploadFile{line-height:28px;text-align: center;font-size: 16px;color:#666666;}
308 310
ul.artAbout .uploadFile .uploadblock{position:relative;width:100%;height:190px;padding:30px;border:1px solid #E5E5E5; border-radius: 0;
309 311
	background-position:center;background-size:cover;background-repeat:no-repeat;}
@ -313,6 +315,7 @@ ul.artAbout .uploadFile .upbtn{display:inline-block;padding:7px 23px;background:
313 315
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 316
.conBlock .aboutTit{font-size:16px;line-height:40px;color:#666666;margin-top:18px;}
315 317
/*ul.artAbout .editBlock{height:320px;border:1px solid #E5E5E5;}*/
318
ul.artAbout #filePicker{position:absolute;left:50%; bottom:25px; margin-left:-52px;opacity:0; z-index:88;}
316 319
ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #28b8fa;color:#fff;border:none;padding:6px 25px;}
317 320
318 321
.conItem ul.operateBlock{overflow: hidden;margin-top:-20px;}
@ -346,7 +349,7 @@ ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #28b8
346 349
.form-item .madiaHead.useHead{background-image: url(../../images/default-photo.jpg);border-radius: 50%;}
347 350
.form-item .madiaHead.resouseHead{background-image: url(../../images/default-resource.jpg);border-radius:0;}
348 351
.form-item .madiaHead.artHead{background-image: url(../../images/default-artical.jpg);border-radius:0;}
349
.form-item .madiaInfo{padding-left:62px;margin:2px 0;}
352
.form-item .madiaInfo{width:100%;padding-left:62px;margin:2px 0;}
350 353
.form-item ul .h1Font{font-size:16px;color:#333;line-height: 24px;}
351 354
.form-item ul .h2Font{font-size:14px;color:#666;line-height: 24px;}
352 355
.form-drop>ul>li{position:relative;min-height:76px;padding:12px;cursor:pointer;}
@ -396,6 +399,9 @@ ul.tagList>li .h2Font{color:#666}
396 399
    -webkit-box-shadow: 1px 2px 13px 0px rgba(40, 184,250, 0.6);cursor: pointer;}
397 400
.thumbBlock .thumbBtn:before{position:absolute;content:url(../../images/g_article_icon_dianzan_nor.png);top:50%;left:24px;margin-top:-9px;}
398 401
.thumbBlock .thumbBtn:hover{background:#10abf3;}
402
.thumbBlock .thumbBtn.thumbedBtn{background: #e0e0e0;box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.2);
403
    -webkit-box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.2);}
404
.thumbBlock .thumbBtn.thumbedBtn:hover{background: #e0e0e0;}
399 405
/*分享操作栏*/
400 406
.shareBlock{background:rgba(60,62,81,.5);margin:0 -30px;padding:26px 30px;}
401 407
.shareInfo .madiaInfo{margin-top:12px;}
@ -411,9 +417,13 @@ ul.tagList>li .h2Font{color:#666}
411 417
.operateicon.icon-sina{width:26px;background-image:url(../../images/g_all_icon_xinlang_nor_1.png);}
412 418
.operateicon.icon-qq{background-image:url(../../images/g_article_button_liuyan_nor.png);}
413 419
.operateicon.icon-totop{background-image:url(../../images/g_article_button_dingbu_nor.png);}
420
.operateicon.operateicon2.icon-collect{background-image:url(../images/g_all_icon_shoucang_nor_2.png);}
421
.operateicon.operateicon2.icon-wechat{width:24px;background-image:url(../images/g_all_icon_weixin_nor_2.png);}
422
.operateicon.operateicon2.icon-sina{width:26px;background-image:url(../images/g_all_icon_xinlang_nor_2.png);}
414 423
/*悬浮效果*/
415 424
.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);}
425
/*.operateicon.icon-collect:hover{background-image:url(../images/g_all_icon_shoucang_hig.png);}*/
426
.operateicon.icon-collected{background-image:url(../images/g_all_icon_shoucang_hig.png);}
417 427
.operateicon.icon-wechat:hover{background-image:url(../../images/g_all_icon_weixin_hig.png);}
418 428
.operateicon.icon-sina:hover{background-image:url(../../images/g_all_icon_xinlang_hig.png);}
419 429
.operateicon.icon-qq:hover{background-image:url(../../images/g_article_button_liuyan_hig.png);}
@ -436,7 +446,7 @@ ul.tagList>li .h2Font{color:#666}
436 446
.commentsArea ul.commentList>li .h2Font{font-size: 16px;color: #666;line-height: 26px;}
437 447
.commentsArea ul.commentList>li .commenttime{font-size: 14px;color: #999;margin-left:18px;}
438 448
.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;}
449
.commentsArea ul.commentList>li .operateSpan .callBack{display:none;position:relative;padding-left:20px;margin-right:40px;}
440 450
.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 451
442 452
.rightconBox .conItem.conItemG .madiaHead{width: 120px; height: 120px;border:1px solid #E5E5E5;margin:0 auto 10px;background-position:center;background-size:cover;}
@ -451,19 +461,19 @@ ul.tagList>li .h2Font{color:#666}
451 461
.itemListCon{background: #fff;}
452 462
.itemListBolck .searchAbout{position: relative;}
453 463
.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;}
464
.itemListBolck .frmcontype{width:100%;border-radius: 20px;padding-left:20px;background: #f5f6f8;}
465
.itemListBolck .topOperaBlock{padding:30px 0 10px 20px;}
455 466
.itemListBolck .issueSpanBlock{text-align: right;}
456 467
.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 468
.itemListBolck .issueSpan:before{position:absolute;content:url(../../images/g_article_icon_fanbu_nor.png);top:50%;left:26px;margin-top:-12px;}
458 469
.itemListBolck .itemListCon .form-result>ul>li{padding:20px;cursor:pointer;}
459 470
.itemListBolck .itemListCon .form-result>ul>li:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: #f4f6f8;}
460 471
.itemListBolck .itemListCon .form-result>ul>li:hover{background:#EEEEEE;}
461
.itemListBolck .itemListCon .form-result{margin:20px 0 30px;}
472
.itemListBolck .itemListCon .form-result{margin:20px 0 30px;border-top:1px solid #E5E5E5;}
462 473
.itemListBolck .itemListCon .madiaHead{width:120px;height:80px;}
463
.itemListBolck .itemListCon .madiaInfo{padding-left:140px;}
464 474
.itemListBolck .itemListCon .madiaInfo>ul>li{float: left;margin-left:20px;}
465 475
.itemListBolck .itemListCon .madiaInfo>ul>li:first-child{margin-left:0;}
466
.itemListBolck .itemListCon .madiaInfo{min-height: 80px;padding-top:15px;}
476
.itemListBolck .itemListCon .madiaInfo{padding-left:140px;min-height: 80px;padding-top:15px;}
467 477
.itemListCon.form-item ul .h1Font{font-size:18px;}
468 478
.itemListCon .draftLable{font-size:14px; color:#e03b43;line-height:24px;}
469 479
.itemListCon .form-result>ul>li .madiaEdit>li{float: left;margin-right: 28px;}
@ -475,7 +485,7 @@ ul.tagList>li .h2Font{color:#666}
475 485
.itemListCon li.draftList .madiaInfo{padding-top:4px;}
476 486
477 487
/*定时发送时间选择器*/
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;}
488
.blackcover2{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 489
.modelContain{display:none;position:relative;clear:both;margin:40px auto;width:600px;background:#fff;border-radius:8px;z-index:1056; 
480 490
 		 box-shadow: 2px 4px 10px 4px #555;
481 491
  -webkit-box-shadow: 2px 4px 10px 4px #555;}
@ -491,3 +501,89 @@ ul.tagList>li .h2Font{color:#666}
491 501
.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 502
.setTimeBlock .mb_btnOk{ background-color:#28b8fa;}
493 503
.setTimeBlock .mb_btnNo{ background-color:#ccc;}
504
/*--------------新版资源--------------*/
505
.showDetail .showMain.showMain2{text-indent:0;}
506
.showDetail .showMain.showMain2>ul>li{margin:10px 0;}
507
.showDetail .showMain .showTit{position:relative;padding-left:10px;}
508
.showDetail .showMain .showTit:before{position:absolute;top:50%;margin-top:-10px;left:0;display:inline-block;content:"";width:4px;height:18px;background:#28b8fa;}
509
/*资源发布图片上传模块*/
510
.artAbout>li>dl{margin-right: -15px;}
511
.artAbout>li>dl>dd{position:relative;float: left;width:31.2%;border: 1px solid #E5E5E5;height: 190px;margin-right: 15px;}
512
.artAbout>li>dl>dd:nth-child(2),.artAbout>li>dl>dd:nth-child(3){background:url(../images/g_resource_bg_tianjia_nor.png) center center no-repeat;}
513
.artAbout>li>dl>dd.uploadD{background: none;}
514
.artAbout>li>dl>dd .imgItem{background:#fff;display: table-cell;text-align: center;vertical-align: middle;width: 222px;height: 188px;}
515
.artAbout>li>dl>dd .imgItem img{vertical-align: middle;max-width:222px;max-height:188px;}
516
.artAbout>li>dl>dd .uploadFile .uploadblock{border: none;}
517
.artAbout>li>dl>dd .file-panel{position:absolute;top:-8px;right:-8px;text-align:center;overflow:hidden;}
518
.artAbout>li>dl>dd .file-panel .cancel{display: inline-block;width: 20px;height: 20px;cursor: pointer;background: url(../images/g_resource_button_guanbi_nor.png);background-size: cover;}
519
/*资源图片展示*/
520
.Imagebox{width:360px;}
521
.Imagebox .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
522
.Imagebox .tb-pic a img{vertical-align:middle;}
523
.Imagebox .tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
524
.Imagebox .tb-thumb{margin:10px 0 0;overflow:hidden;}
525
.Imagebox .tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:50px;margin:0 6px 0 0;overflow:hidden;}
526
.Imagebox .tb-s360, .tb-s360 a{height:270px;width:360px;}
527
.Imagebox .tb-s360, .tb-s360 img{max-height:270px;max-width:360px;}
528
.Imagebox .tb-s66, .tb-s66 a{height:50px;width:66px;}
529
.Imagebox .tb-s66 img{max-height:46px;max-width:66px;}
530
.Imagebox .tb-booth{border:1px solid #E5E5E5;position:relative;z-index:1;}
531
.Imagebox .tb-thumb .tb-selected{border:4px solid #28b8fa;}
532
.Imagebox .tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
533
.Imagebox .tb-thumb .tb-selected .tb-s66 a,.Imagebox .tb-thumb .tb-selected .tb-s66{height:44px;width:58px;}
534
.Imagebox .tb-thumb li div{border:1px solid #E5E5E5;}
535
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #E5E5E5;display:none;text-align:center;overflow:hidden;}
536
div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
537
538
.conBlock .leftconBox2{background:none;padding:0;}
539
.conBlock .leftconBox2 .reInfoBlock{width:320px;margin-left:24px;position: relative;height: 270px;}
540
.conBlock .leftconBox2 .reInfoBlock .h2Font{font-size:16px;color:#666;line-height: 26px;margin-top:12px;}
541
.conBlock .leftconBox2 .showReBasic{background: #FFFFFF;padding:30px;margin-bottom:20px;}
542
.conBlock .leftconBox2 .showReOther{background: #FFFFFF;padding:30px;}
543
.conBlock .leftconBox2 .resShareUl{position:absolute;bottom:0;}
544
.conBlock .leftconBox2 .resShareUl>ul>li{float: left;margin-right:30px;font-size: 16px;color:#999;}
545
.conBlock .leftconBox2 .resShareUl>ul>li .operateicon{margin-left:10px;cursor: pointer;}
546
.conBlock .leftconBox2 .resShareUl>ul>li>span{position: relative;top:-6px;}
547
548
.keydrop>ul>li.orgList{overflow: hidden;}
549
.keydrop>ul>li.orgList img{width:50px;height:50px;margin-right:10px;}
550
.keydrop>ul>li.orgList p{line-height:50px;font-size:14px;}
551
/*资源导入*/
552
.flexCenter{position: relative; min-height:90px;
553
		    display: -webkit-box;
554
			display: -webkit-flex;
555
			display: -ms-flexbox; 
556
			display:         flex; 
557
	        -webkit-align-items: center;
558
	                align-items: center;}
559
.tipShow{background: #fff7e7;border-bottom: 1px solid #E5E5E5;line-height: 18px;padding:16px 20px;overflow:hidden;color: #7b4b2b;font-size: 14px;}
560
.tipShow .tipClose{display:inline-block;width:14px;height:14px;background:url(../images/g_resource_button_guanbi_2_nor.png);background-size:cover;cursor:pointer;}
561
.itemListBolck .itemListCon ul.importUl .madiaHead{top:50%;margin-top:-40px;}
562
.itemListBolck .itemListCon ul.importUl .madiaInfo{min-height:auto;padding-right:140px;padding-top:0;margin:0;}
563
.importBtn{position: absolute;top:50%;margin-top:-20px;right:20px;}
564
.importBtn span{display:inline-block;width: 100px;font-size:16px;line-height:40px;text-align:center;height: 40px;color:#fff;border-radius:4px;cursor:pointer;}
565
.importBtn span.importSpan-1{background: #28b8fa;}
566
.importBtn span.importSpan-2{background: #ff5738;}
567
.importBtn span.importSpan-3{background: #dcdcdc;}
568
/*--------------新版工作台框架--------------*/
569
.conBlock .workmenu{text-align: center;float: left;width:12%;background: #fff;}
570
.conBlock .workmenu>ul{overflow: hidden;}
571
.conBlock .workmenu>ul>li>a{display: inline-block;width: 100%;height:48px;line-height: 48px;color:#666;font-size:16px;background-position:14px center;background-repeat: no-repeat;}
572
.conBlock .workmenu>ul>li:nth-child(1)>a{background-image:url(../../images/g_article_icon_gongzuotai_nor.png);}
573
.conBlock .workmenu>ul>li:nth-child(2)>a{background-image:url(../../images/g_article_icon_zixun_nor.png);}
574
.conBlock .workmenu>ul>li:nth-child(3)>a{background-image:url(../../images/g_article_icon_ziyuan_nor.png);}
575
.conBlock .workmenu>ul>li:nth-child(4)>a{background-image:url(../../images/g_article_icon_wenzhang_nor.png);}
576
.conBlock .workmenu>ul>li:nth-child(5)>a{background-image:url(../../images/g_article_icon_xuqiu_nor.png);}
577
.conBlock .workmenu>ul>li>a:hover{background-color: #E5E5E5;}
578
.conBlock .workmenu>ul>.nowLi>a{background-color: #28b8fa;color:#fff;}
579
.conBlock .workmenu>ul>li.nowLi:nth-child(1)>a{background-image:url(../../images/g_article_icon_gongzuotai_hig.png);}
580
.conBlock .workmenu>ul>li.nowLi:nth-child(2)>a{background-image:url(../../images/g_article_icon_zixun_hig.png);}
581
.conBlock .workmenu>ul>li.nowLi:nth-child(3)>a{background-image:url(../../images/g_article_icon_ziyuan_hig.png);}
582
.conBlock .workmenu>ul>li.nowLi:nth-child(4)>a{background-image:url(../../images/g_article_icon_wenzhang_hig.png);}
583
.conBlock .workmenu>ul>li.nowLi:nth-child(5)>a{background-image:url(../../images/g_article_icon_xuqiu_hig.png);}
584
.conBlock .workmenu>ul>.nowLi>a:hover{background-color: #28b8fa;}
585
.conBlock .workconG{float:right;/*width:86%;*/width:87%;background: #FFFFFF;}
586
.conBlock .workconG .workcontit{height: 60px;padding: 0 20px;font-size: 16px;line-height:60px;border-bottom: 1px solid #e7e7e7;}
587
.workcontit a:link, .workcontit a:active, .workcontit a:visited {color: #313131;}
588
.conBlock .workconG .worksamlltit{font-size: 16px;line-height: 30px; margin-right:30px;padding: 10px 4px 8px;cursor: pointer;}
589
.conBlock .workconG .worksamlltit.worksamlltitnow{color:#28b8fa;border-bottom: 2px solid #28b8fa;}

+ 2 - 2
cmp-portal/css/common.css

@ -539,8 +539,8 @@ input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;}
539 539
input.frmtype[readonly]:focus{border:1px transparent solid;}
540 540
/*网站内部表单样式*/
541 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;}
542
.frmcontype:focus{border-color:#28b8fa;}
543
.frmconbtn{width:100%;height:40px;background:#28b8fa;font-size:16px;color:#666;line-height:28px;outline:none;border:none;padding:6px 12px;border-radius:0;}
544 544
.frmconmsg{color:#fd5f39;margin-left:12px;font-size: 14px;}
545 545
/*小按钮*/
546 546
.btnModel{display:inline-block;color:#FFFFFF;border:none;background: #FFFFFF; padding:6px 20px;background:#28b8fa;}