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

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

luyanan 7 years ago
parent
c4bd20eec1
commit
80804cf96a
5 changed files with 698 additions and 12 deletions
Split View Show Diff Stats
  1. 256 0
      cmp-portal/articalIssue.html
  2. 71 0
      cmp-portal/articalList.html
  3. 263 0
      cmp-portal/articalModify.html
  4. 106 10
      cmp-portal/css/cmpindex.css
  5. 2 2
      cmp-portal/css/common.css

+ 256 - 0
cmp-portal/articalIssue.html
View File 

@ -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
View File 

@ -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
View File 

@ -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
View File 

@ -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
View File 

@ -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;}