Browse Source

文章列表和资源列表、新增资源导入

luyanan 8 years ago
parent
commit
61e36ae3e7
6 changed files with 210 additions and 102 deletions
  1. 32 36
      articalList.html
  2. 1 1
      cmp-portal/css/common.css
  3. 1 1
      css/common.css
  4. 14 5
      css/genindex.css
  5. 109 0
      resourceImport.html
  6. 53 59
      resourceList.html

+ 32 - 36
articalList.html

@ -8,12 +8,8 @@
8 8
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 9
<link href="css/bootstrap.min.css" rel="stylesheet">
10 10
<link type="text/css" href="css/common.css" rel="stylesheet">
11
<link type="text/css" href="css/workspace.css" rel="stylesheet">
12 11
<link type="text/css" href="css/genindex.css" rel="stylesheet">
13
<style type="text/css">
14
	.workmenu{background: #FFFFFF;}
15
	.workcon{background: #FFFFFF;}
16
</style>
12

17 13
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
18 14

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

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

@ -645,7 +645,7 @@ footer .weixincode{background-image: url(../images/home_bg_guanzhu_nor.png);}
645 645
footer .weixincode span{background-image:url(../images/home_code_weixin.jpg);background-size: cover;}
646 646

647 647
/*新版header*/
648
header{ position:fixed; top:0;left:0;right: 0; z-index:998;font-size:16px;line-height:32px;}
648
header{ position:fixed; top:0;left:0;right: 0; z-index:996;font-size:16px;line-height:32px;}
649 649
header .navheader{background:#FFFFFF;height:62px;border-bottom: 2px solid #e5e5e5;}
650 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);}
651 651
header .navheader.navhdown li a{color:#666;}

+ 1 - 1
css/common.css

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

+ 14 - 5
css/genindex.css

@ -274,7 +274,7 @@ ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #ff99
274 274
.form-item .madiaHead.useHead{background-image: url(../images/default-photo.jpg);border-radius: 50%;}
275 275
.form-item .madiaHead.resouseHead{background-image: url(../images/default-resource.jpg);border-radius:0;}
276 276
.form-item .madiaHead.artHead{background-image: url(../images/default-artical.jpg);border-radius:0;}
277
.form-item .madiaInfo{padding-left:62px;margin:2px 0;}
277
.form-item .madiaInfo{width:100%;padding-left:62px;margin:2px 0;}
278 278
.form-item ul .h1Font{font-size:16px;color:#333;line-height: 24px;}
279 279
.form-item ul .h2Font{font-size:14px;color:#666;line-height: 24px;}
280 280
.form-drop>ul>li{position:relative;min-height:76px;padding:12px;cursor:pointer;}
@ -324,6 +324,8 @@ ul.tagList>li .h2Font{color:#666}
324 324
    -webkit-box-shadow: 1px 2px 13px 0px rgba(255, 153, 0, 0.6);cursor: pointer;}
325 325
.thumbBlock .thumbBtn:before{position:absolute;content:url(../images/g_article_icon_dianzan_nor.png);top:50%;left:24px;margin-top:-9px;}
326 326
.thumbBlock .thumbBtn:hover{background: #ff9000;}
327
.thumbBlock .thumbBtn.thumbedBtn{background: #e0e0e0;}
328
.thumbBlock .thumbBtn.thumbedBtn:hover{background: #e0e0e0;}
327 329
/*分享操作栏*/
328 330
.shareBlock{background:rgba(60,62,81,.5);margin:0 -30px;padding:26px 30px;}
329 331
.shareInfo .madiaInfo{margin-top:12px;}
@ -475,19 +477,26 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
475 477
.keydrop>ul>li.orgList img{width:50px;height:50px;margin-right:10px;}
476 478
.keydrop>ul>li.orgList p{line-height:50px;font-size:14px;}
477 479
/*资源导入*/
480
.flexCenter{position: relative; min-height:90px;
481
		    display: -webkit-box;
482
			display: -webkit-flex;
483
			display: -ms-flexbox; 
484
			display:         flex; 
485
	        -webkit-align-items: center;
486
	                align-items: center;}
478 487
.tipShow{background: #fff7e7;border-bottom: 1px solid #E5E5E5;line-height: 18px;padding:16px 20px;overflow:hidden;color: #7b4b2b;font-size: 14px;}
479 488
.tipShow .tipClose{display:inline-block;width:14px;height:14px;background:url(../images/g_resource_button_guanbi_2_nor.png);background-size:cover;cursor:pointer;}
480 489
.itemListBolck .itemListCon ul.importUl .madiaHead{top:50%;margin-top:-40px;}
481
.itemListBolck .itemListCon ul.importUl .madiaInfo{min-height:96px;padding-right:120px;padding-top:0;margin:0;}
490
.itemListBolck .itemListCon ul.importUl .madiaInfo{min-height:auto;padding-right:140px;padding-top:0;margin:0;}
482 491
.importBtn{position: absolute;top:50%;margin-top:-20px;right:20px;}
483 492
.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;}
484 493
.importBtn span.importSpan-1{background: #ff9900;}
485 494
.importBtn span.importSpan-2{background: #ff5738;}
486 495
.importBtn span.importSpan-3{background: #dcdcdc;}
487 496
/*--------------新版工作台框架--------------*/
488
.conBlock .workmenu{text-align: center;float: left;width:18%;background: #fff;}
497
.conBlock .workmenu{text-align: center;float: left;width:12%;background: #fff;}
489 498
.conBlock .workmenu>ul{overflow: hidden;}
490
.conBlock .workmenu>ul>li>a{display: inline-block;width: 100%;height:48px;line-height: 48px;color:#666;font-size:16px;background-position:40px center;background-repeat: no-repeat;}
499
.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;}
491 500
.conBlock .workmenu>ul>li:nth-child(1)>a{background-image:url(../images/g_article_icon_gongzuotai_nor.png);}
492 501
.conBlock .workmenu>ul>li:nth-child(2)>a{background-image:url(../images/g_article_icon_zixun_nor.png);}
493 502
.conBlock .workmenu>ul>li:nth-child(3)>a{background-image:url(../images/g_article_icon_ziyuan_nor.png);}
@ -501,7 +510,7 @@ div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") r
501 510
.conBlock .workmenu>ul>li.nowLi:nth-child(4)>a{background-image:url(../images/g_article_icon_wenzhang_hig.png);}
502 511
.conBlock .workmenu>ul>li.nowLi:nth-child(5)>a{background-image:url(../images/g_article_icon_xuqiu_hig.png);}
503 512
.conBlock .workmenu>ul>.nowLi>a:hover{background-color: #ff9900;}
504
.conBlock .workconG{float:right;width:80%;background: #FFFFFF;}
513
.conBlock .workconG{float:right;/*width:86%;*/width:87%;background: #FFFFFF;}
505 514
.conBlock .workconG .workcontit{height: 60px;padding: 0 20px;font-size: 16px;line-height:60px;border-bottom: 1px solid #e7e7e7;}
506 515
.workcontit a:link, .workcontit a:active, .workcontit a:visited {color: #313131;}
507 516
.conBlock .workconG .worksamlltit{font-size: 16px;line-height: 30px; margin-right:30px;padding: 10px 4px 8px;cursor: pointer;}

+ 109 - 0
resourceImport.html

@ -0,0 +1,109 @@
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/common.css" rel="stylesheet">
11
<link type="text/css" href="css/genindex.css" rel="stylesheet">
12

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

15
</head>
16

17
<body>
18
<header id="header">
19
	<script src="js/header.js"></script>
20
</header>
21
<!--中间-->
22
<div id="container">
23
	<div class="containerCon">
24
		<div class="con-center contentCon clearfix conBlock">
25
	        <div class="workmenu">
26
	        	<ul>
27
	        		<li><a href="workspaces.html">工作台</a></li>
28
	        		<li><a href="javascript:;" id="gozixu">咨询</a></li>
29
	        		<li class="nowLi"><a>资源</a></li>
30
	        		<li><a href="articalList.html">文章</a></li>
31
	        		<li><a href="needList.html">需求</a></li>
32
	        	</ul>
33
	        </div>
34
	        <div class="workcon workconG">
35
				<div class="workcontit">
36
					<a class="worksamlltit" href="resourceList.html">我的资源</a>
37
					<a class="worksamlltit worksamlltitnow">资源导入</a>
38
				</div>
39
				<div class="tipShow">
40
			    	<span class="floatL">导入与您相关的资源,企业可以通过它们找到您,与您开展合作!</span>
41
			    	<span class="floatR tipClose"></span>
42
			    </div>
43
				<div class="itemListBolck">
44
					<div class="topOperaBlock clearfix">
45
						<div class="searchAbout col-w-8">
46
							<input class="frmcontype" type="search" name="" placeholder="输入资源的名称、关键词">
47
							<span class="searchSpan"></span>
48
						</div>
49
					</div>
50
					<div class="form-item itemListCon">
51
						<div class="form-result aboutRes">
52
							<ul class="importUl">
53
								<li>
54
									<a class="flexCenter" href="">
55
										<div class="madiaHead resouseHead"></div>
56
										<div class="madiaInfo">
57
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
58
											<p class="h2Font ellipsisSty">厂商型号:北京金恒博远JHBY-GX</p>
59
											<p class="h2Font ellipsisSty">所属机构:北京科技大学</p>
60
											<p class="h2Font ellipsisSty">关键词:新材料</p>
61
										</div>
62
									</a>
63
									<div class="importBtn">
64
										<span class="importSpan-1">导入</span>
65
										<span class="importSpan-2">重新导入</span>
66
										<span class="importSpan-3">已导入</span>
67
									</div>
68
								</li>
69
								<li>
70
									<a class="flexCenter" href="">
71
										<div class="madiaHead resouseHead"></div>
72
										<div class="madiaInfo">
73
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
74
											<p class="h2Font ellipsisSty">厂商型号:北京金恒博远JHBY-GX</p>
75
											
76
										</div>
77
									</a>
78
									<div class="importBtn">
79
										<span class="importSpan-2">重新导入</span>
80
									</div>
81
								</li>
82
							</ul>
83
							<div class="tcdPageCode"></div>
84
						</div>
85
					</div>
86
				</div>
87
			</div>
88
	    </div>
89
    </div>
90
</div>
91
<footer>
92
	<script type="text/javascript" src="js/footer.js"></script>
93
</footer>
94

95
<script type="text/javascript" src="js/jquery.cookie.js"></script>
96
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
97
<script type="text/javascript" src="js/jquery.page.js"></script>
98
<script type="text/javascript" src="js/common.js"></script>
99
<script type="text/javascript">
100
	$(".tipClose").click(function(){
101
		$(this).parents(".tipShow").slideUp();
102
	})
103
	$(".tcdPageCode").createPage({
104
		pageCount: Math.ceil(4 / 16),
105
		current: 3,
106
	});
107
</script>
108
</body>
109
</html>

+ 53 - 59
resourceList.html

@ -8,7 +8,7 @@
8 8
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
9 9
<link href="css/bootstrap.min.css" rel="stylesheet">
10 10
<link type="text/css" href="css/common.css" rel="stylesheet">
11
<link type="text/css" href="css/workspace.css" rel="stylesheet">
11
<!--<link type="text/css" href="css/workspace.css" rel="stylesheet">-->
12 12
<link type="text/css" href="css/genindex.css" rel="stylesheet">
13 13
<style type="text/css">
14 14
	.conBlock .workconG{background: #FFFFFF;}
@ -26,72 +26,66 @@
26 26
	<div class="containerCon">
27 27
		<div class="con-center contentCon clearfix conBlock">
28 28
	        <div class="workmenu">
29
	        	<a href="workspaces.html" class="workmenutit">我的工作台</a>
30
	            <a class="worksubmenu" id="gozixu">咨询</a>
31
	            <a href="newsciresource.html" class="worksubmenu subcolor" >资源</a>
32
	            <a href="news-list.html" class="worksubmenu" >文章</a>
33
	            <a href="needList.html" class="worksubmenu" >需求</a>
34
	        	<!--<ul>
29
	        	<ul>
35 30
	        		<li><a href="workspaces.html">工作台</a></li>
36
	        		<li><a href="consultList.html" id="gozixu">咨询</a></li>
31
	        		<li><a href="javascript:;" id="gozixu">咨询</a></li>
37 32
	        		<li class="nowLi"><a>资源</a></li>
38 33
	        		<li><a href="articalList.html">文章</a></li>
39
	        		<li><a href="needList">需求</a></li>
40
	        	</ul>-->
34
	        		<li><a href="needList.html">需求</a></li>
35
	        	</ul>
41 36
	        </div>
42 37
	        <div class="workcon workconG">
43
	        	<div class="workconitem">
44
					<div class="workcontit">科研资源</div>
45
					<div class="worksubcon">
46
						<div class="itemListBolck">
47
							<div class="topOperaBlock clearfix">
48
								<div class="searchAbout col-w-8">
49
									<input class="frmcontype" type="search" name="" placeholder="输入资源名称">
50
									<span class="searchSpan"></span>
51
								</div>
52
								<div class="issueSpanBlock col-w-4">
53
									<a href="resourceIssue.html" class="issueSpan">发布资源</a>
54
								</div>
55
							</div>
56
							<div class="form-item itemListCon">
57
								<div class="form-result aboutRes">
58
									<ul>
59
										<li>
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>
70
											<ul class="madiaEdit">
71
												<li><span class="deteleThis2"></span></li>
72
												<li><span class="editThis"></span></li>
38
				<div class="workcontit">
39
					<a class="worksamlltit worksamlltitnow">我的资源</a>
40
					<a class="worksamlltit" href="resourceImport.html">资源导入</a>
41
				</div>
42
				<div class="itemListBolck">
43
					<div class="topOperaBlock clearfix">
44
						<div class="searchAbout col-w-8">
45
							<input class="frmcontype" type="search" name="" placeholder="输入资源的名称、关键词">
46
							<span class="searchSpan"></span>
47
						</div>
48
						<div class="issueSpanBlock col-w-4">
49
							<a href="resourceIssue.html" class="issueSpan">发布资源</a>
50
						</div>
51
					</div>
52
					<div class="form-item itemListCon">
53
						<div class="form-result aboutRes">
54
							<ul>
55
								<li>
56
									<a href="">
57
										<div class="madiaHead resouseHead"></div>
58
										<div class="madiaInfo">
59
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
60
											<ul class="h2Font clearfix">
61
												<li><span>8月20日 04:00</span></li>
62
												<li><span>阅读量100</span></li>
73 63
											</ul>
74
										</li>
75
										<li class="draftList"><!--存为草稿时添加draftList类-->
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>
86
											<ul class="madiaEdit">
87
												<li><span class="deteleThis2"></span></li>
88
												<li><span class="editThis"></span></li>
64
										</div>
65
									</a>
66
									<ul class="madiaEdit">
67
										<li><span class="deteleThis2"></span></li>
68
										<li><span class="editThis"></span></li>
69
									</ul>
70
								</li>
71
								<li class="draftList"><!--存为草稿时添加draftList类-->
72
									<a href="">
73
										<div class="madiaHead resouseHead"></div>
74
										<div class="madiaInfo">
75
											<p class="h1Font ellipsisSty">材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护材料腐蚀防护</p>
76
											<ul class="h2Font clearfix">
77
												<li><span>8月20日 04:00</span></li>
89 78
											</ul>
90
										</li>
79
											<span class="draftLable">草稿</span>
80
										</div>
81
									</a>
82
									<ul class="madiaEdit">
83
										<li><span class="deteleThis2"></span></li>
84
										<li><span class="editThis"></span></li>
91 85
									</ul>
92
									<div class="tcdPageCode"></div>
93
								</div>
94
							</div>
86
								</li>
87
							</ul>
88
							<div class="tcdPageCode"></div>
95 89
						</div>
96 90
					</div>
97 91
				</div>