Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.com.portal
Watch 7
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 74 Releases 0 Wiki
Browse Source

我的工作台界面制作完成，添加机构浏览信息页面的链接入口

luyanan 8 years ago
parent
9e2baba610
commit
2390bcb8dd
15 changed files with 660 additions and 38 deletions
Split View Show Diff Stats
  1. 1 1
      src/main/webapp/account-set.html
  2. 4 1
      src/main/webapp/css/common.css
  3. 22 2
      src/main/webapp/css/reset.css
  4. 97 7
      src/main/webapp/css/workspace.css
  5. 1 1
      src/main/webapp/index.html
  6. 3 3
      src/main/webapp/information-brow.html
  7. 4 4
      src/main/webapp/information.html
  8. 1 1
      src/main/webapp/js/index.js
  9. 6 6
      src/main/webapp/js/information.brow.js
  10. 6 6
      src/main/webapp/js/information.js
  11. 2 2
      src/main/webapp/js/search.js
  12. 40 2
      src/main/webapp/js/workspace.js
  13. 1 1
      src/main/webapp/organization-brow.html
  14. 1 1
      src/main/webapp/search.html
  15. 471 0
      src/main/webapp/workspaces.html

+ 1 - 1
src/main/webapp/account-set.html
View File 

@ -79,7 +79,7 @@
79 79 
	                </div>
80 80 
	            </div>
81 81 
	        </div>
82 
	        <a class="myWorkspace" href="resources.html">我的工作台</a>
82 
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
83 83 
        </div>
84 84 
    </div>
85 85 
</div>

+ 4 - 1
src/main/webapp/css/common.css
View File 

@ -1,10 +1,13 @@
1 1 
@charset "utf-8";
2 2 
/* CSS Document */
3 
.floatL{ float:left;}
4 
.floatR{float:right;}
5 
.clearfix{ clear:both;}
3 6
4 7 
html, body{font:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";}
5 8 
input{ outline:none;}
6 9 
/*header部分*/
7 
#header{width:100%;min-width:1000px; height:60px; background:rgba(255,132,0,1); position:fixed; top:0; z-index:9999; }
10 
#header{width:100%;min-width:1170px; height:60px; background:rgba(255,132,0,1); position:fixed; top:0; z-index:9999; }
8 11 
.logo{ display:block; width:80px; height:50px; background:url(../images/logo2.png) no-repeat; margin-left:80px; margin-top:5px; float:left;}
9 12 
.searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-132px; margin-top:-17.5px; display:none;}
10 13 
.search-txt{ width:220px; height:35px; background:#fff; border:none;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; behavior:url(../js/ie-css3.htc); float:left;font:14px/35px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; padding-left:10px; color:#a3a3a3;}

+ 22 - 2
src/main/webapp/css/reset.css
View File 

@ -6,7 +6,7 @@ h1,h2,h3,h4,h5,h6{font-size:100%;}
6 6 
html,body{height:100%;}
7 7 
b,strong{font-weight:bold;}
8 8 
input{vertical-align:middle; outline:none;}
9 
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0;}
9 
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0;padding:0; margin:0;}
10 10 
address,cite,dfn,em,var{font-style:normal;}
11 11 
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
12 12 
small{font-size:12px;}

@ -34,4 +34,24 @@ input::-webkit-inner-spin-button{
34 34 
    margin: 0;
35 35 
}
36 36 
/*ff去除select的上下箭头*/
37 
input[type="number"]{-moz-appearance:textfield;}
37 
input[type="number"]{-moz-appearance:textfield;}
38
39 
/*select*/
40 
select{/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
41 
  border: solid 1px #000;
42
43 
  /*很关键：将默认的select选择框样式清除*/
44 
  appearance:none;
45 
  -moz-appearance:none;
46 
  -webkit-appearance:none;
47
48 
  /*在选择框的最右侧中间显示小箭头图片*/
49 
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
50
51
52 
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
53 
  padding-right: 14px;}
54 
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
55 
select::-ms-expand { display: none; }
56
57

+ 97 - 7
src/main/webapp/css/workspace.css
View File 

@ -10,21 +10,31 @@
10 10 
.blackcover{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,.6); z-index:1000;}
11 11
12 12 
/*左侧菜单*/
13 
.workmenu{ float:left; width:14%; height:300px; background: #fafafa;border-radius: 6px;overflow: hidden;}
13 
.workmenu{ float:left; width:12%; height:300px; background: #fafafa;border-radius: 6px;overflow: hidden;}
14 14 
.workmenutit{height: 60px;padding: 0 20px;font: 16px/60px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; border-bottom:1px #ff8400 solid;cursor:pointer;}
15 15 
.worksubmenu{width:100%; height:40px; margin:10px 0; padding-left:30px;font:15px/40px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#313131; cursor:pointer;}
16 
.subcolor{ background:#f99550; color:#fff;}
17
16 18 
/*右侧内容*/
17 
.workcon{float:right; margin-left:10px; width:84%; min-height:800px; background: #fafafa;border-radius:6px;overflow: hidden;}
19 
.workcon{float:right; margin-left:10px; width:87%; min-height:800px; background: #fafafa;border-radius:6px;overflow: hidden;}
20 
.workcon .workconitem{ display:none;}
21 
.workcon .workconitem:first-child{display:block;}
22 
/*////////////科研资源/////////////////*/
18 23 
.worktel{ position:relative;}
19 24 
.workcon .worktelbtn{ position:absolute; top:-10px;right:-20px; display:block; width:20px; height:20px;background:url(../images/contact.png) center center no-repeat;  }
20 
.workcontit{height: 60px;padding: 0 20px;font: 16px/60px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";color: #606060; border-bottom:1px solid #ff8400;}
21 
.worksubcon{ padding:20px;}
25 
.workcontit{height: 60px;padding: 0 20px;font: 16px/60px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";color: #606060; border-bottom:1px solid #e7e7e7;}
26 
.worksubcon{ padding:20px; overflow:hidden;}
22 27 
/*我的资源、需求*/
23 28 
.workmysrc{ margin-bottom:30px;}
24 
.workmysrctit{ margin:10px 0;font: 16px/30px \5FAE\8F6F\96C5\9ED1; position:relative;}
25 
.workmysrc .workbtn{ display:block; position:absolute; top:0; left:10%; background:#ff8400;font: 14px/30px \5FAE\8F6F\96C5\9ED1; color:#fff; padding:0 20px; border-radius:4px; cursor:pointer;}
29 
.workmysrctit{font: 16px/30px \5FAE\8F6F\96C5\9ED1; position:relative;}
30 
.worksamlltit{ font: 13px/30px \5FAE\8F6F\96C5\9ED1; margin:0 10px; padding:10px;cursor:pointer;}
31 
.worksamlltitnow{ border-bottom:1px solid #ff8400; color:#ff8400;}
26 32
27 
.maintab{ border-bottom:1px dashed #d7d7d7; overflow:hidden;width:100%;min-height:350px; margin-top:10px;}
33 
.workmysrc{display:none;}
34 
.workmysrc:first-child{display:block;}
35 
.workmysrc .workbtn{ display:block;background:#ff8400;font: 14px/30px \5FAE\8F6F\96C5\9ED1; color:#fff; width:140px; padding:0 20px; border-radius:4px; cursor:pointer; margin-bottom:10px;}
36 
.maintab{ border-bottom:1px dashed #d7d7d7; margin-top:20px; overflow:hidden;}
37 
.maintab:last-child{border-bottom:none;}
28 38 
.worktab *{ text-align:center; color:#000;}
29 39 
.lefttab{ width:16%; overflow:hidden;}
30 40 
.resoubrief{height:300px; overflow:hidden;}

@ -61,6 +71,86 @@
61 71 
.tcdPageCode span.current{display: inline-block;height:30px;line-height: 30px;padding: 0 6px;margin: 0 8px;color: #fff;background-color: #ff8400;	border: 1px solid #a5a5a5;;vertical-align: middle;border-radius:5px;}
62 72 
.tcdPageCode span.disabled{	display: inline-block;height: 30px;line-height:30px;padding: 0 6px;margin: 0 8px;	color: #000;background: #fff;border: 1px solid #a5a5a5;vertical-align: middle; border-radius:5px;}
63 73 
.tcdPageCode li { display: inline;}
74 
/*////////////我的工作台/////////////////*/
75 
.workblock{ padding:10px; overflow:hidden;  background:#fff; margin:10px 0; margin-bottom:20px;}
76 
.workhs{ width:34%; overflow:hidden;}
77 
.workconleft{ width:82%;}
78 
.workhead{ display:block; margin:10px; height:84%; height:84%; border:1px #ccc solid; border-radius:50%; overflow:hidden;}
79 
.workstat{ float:left; width:50%; text-align:center;}
80 
.workstat span{font:18px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; font-weight:bold;}
81
82 
.workinfor{width:64%; margin-top:20px; padding:10px 16px;min-height:140px;}
83 
.workinfor h4{ overflow:hidden;}
84 
.named{display:block;font:18px/34px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; font-weight:bold; color:#000; float:left;}
85 
.named:hover,.named:focus,.named:active{color:#000; text-decoration:none;}
86
87 
.workinfor h5{ font:16px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; font-weight:bold;}
88 
.workinfor h6{ font:13px/24px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; font-weight:bold;}
89 
.worklinkbtn{ color:#ff8400;font:12px/24px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; cursor:pointer;}
90
91 
.workcountup{ width:100%; overflow:hidden; padding:6px 0; text-align:center; margin:10px;}
92 
.workcountup:nth-child(2){ border-top:1px solid #d6d6d6;}
93 
.workcount{ padding:10px; width:50%; float:left;}
94 
.workcount:nth-child(1){ border-right:1px solid #d6d6d6;}
95 
.workcountnum{ font:18px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; margin:6px; font-style: italic; }
96
97 
.worksubblock{ width:50%; padding:0 10px;}
98 
.worksubblock:nth-child(1){ border-right:1px solid #d6d6d6;}
99 
.worktit{ width:100%;border-bottom:1px solid #d6d6d6; padding:4px 0; font-size:16px; }
100 
.leftwb{ width:30%; margin:auto; text-align:center;}
101 
.wbcon{ padding:20px 0; overflow:hidden;}
102 
.wbimg{ display:block; margin:auto; width:60px; height:60px; overflow:hidden; border:1px solid #d6d6d6; border-radius:50%;}
103 
.rightwb{ width:66%; margin-left:10px; }
104 
.worktopic{ font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
105 
.workrecord{ list-style:inside disc;max-height:94px; overflow:hidden;font-size:13px; color:#666;}
106 
.writeback{ margin:10px 0; border-radius:4px; font-size:12px; text-align:center; cursor:pointer; border:1px solid #888; padding:0 14px;}
107 
.writeback:hover,.writeback:active{border:1px solid #ff8400; color:#ff8400;}
108 
.writebackbox{/*display:none;*/}
109 
.writespan{ margin-top:10px; font-weight:bold;}
110
111 
/*资源、项目*/
112 
.sharesrcbox{ overflow:hidden; width:100%; padding:10px; height:240px;}
113 
.sharesrc{ width:28%; margin:10px 20px; float:left;}
114 
.briefinfor{ width:100%; max-height:100px; text-overflow:ellipsis; overflow:hidden; }
115 
.shareshow{ position:relative; overflow:hidden;}
116 
.shareopeart{ position:absolute;background:rgba(0,0,0,.4); line-height:30px; text-align:center; bottom:-30px; left:0px; z-index:100; overflow:hidden; width:100%; cursor:pointer;}
117
118 
.objectsrcbox{ overflow:hidden; width:100%; padding:10px; height:160px;}
119 
.objectsrc{float:left;  width:28%; margin:10px 20px;  height:120px; background:rgba(0,0,0,.03); /*border:1px dashed #e5e5e5;*/ padding:30px 10px; cursor:pointer; }
120 
.objectsrc:hover{ background:rgba(0,0,0,.04);}
121 
.objectsrc p{ line-height:24px; text-align:center;}
122 
.objectsrc .objectstate{ background:url(../images/progressing.png) 52px 2px no-repeat;}
123 
/*公告*/
124 
.workconright{ width:17%;}
125 
.worknotice{ width:100%; height:200px; border:1px solid #d6d6d6; margin:1px;}
126
127 
/*////////////咨询/////////////////*/
128 
.workselectbox{ overflow:hidden; padding:4px 1px;}
129 
.workselectmenu{padding:4px 20px; background:#fff; border:1px solid #e8e8e8; cursor:pointer;}
130
131 
.workselectcon{ padding:10px;}
132 
.workselectitem{ overflow:hidden; margin:6px 0;}
133 
.workselectitem:nth-child(odd){background:#fff;}
134 
.workselectitem table tr .workcheck{ text-align:center;}
135 
.worksitcon{ width:100%;margin-top:0; overflow:hidden; position:relative;}
136 
.worksitcon span{ padding-right:4px;}
137 
.rebackcon{ height:60px; overflow:hidden;}
138 
.modifyicon{ margin-left:10px;margin-top: 6px;}
139 
.workitimg{ width:120px; height:120px; }
140 
.messagebox{position:relative;}
141 
.msgprompt{position:absolute; top:26px; left:16px; padding:0 10px;text-align:center;  border-radius:14px; background:#ff6432; color:#fff;}
142 
.workhandle{ position:absolute; top:20px; right:20px;}
143 
.workhandle span{ padding:2px 20px; cursor:pointer; border:1px #d7d7d7 solid;}
144 
.workhandle span:hover{ background:#ff8400; color:#fff;border:1px #ff8400 solid;}
145 
/*////////////科研项目/////////////////*/
146
147 
.workobjcon{ overflow:hidden; background:#fff; min-height:600px; margin-top:10px; padding:20px;}
148 
.workobjcon .objectsrc{ width:20%; height:200px; /*border:1px solid #e5e5e5;*/ }
149 
.workobjcon .objectsrc div{ margin-top:24px;}
150 
.workobjcon .objectsrc .objectstate{ background:url(../images/progressing.png) 40px 2px no-repeat;}
151 
.workobjcon .newobjects{ border:2px dashed #e5e5e5; line-height:80px; background:none;}
152 
.workobjcon .newobjects .newobjecticon{ line-height:100px; font-size:40px;}
153
64 154 
/*资源图片上传*/
65 155 
/*.wrap{ height:200px;}
66 156 
.jy-up-ch{ position: relative; width: 200px;}

+ 1 - 1
src/main/webapp/index.html
View File 

@ -39,7 +39,7 @@
39 39
40 40 
		            </div>
41 41 
		        </div>
42 
		        <a class="myWorkspace" href="resources.html">我的工作台</a>
42 
		        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
43 43 
	        </div>
44 44 
        </div>
45 45 
    </div>

+ 3 - 3
src/main/webapp/information-brow.html
View File 

@ -45,14 +45,14 @@
45 45
46 46 
	            </div>
47 47 
	        </div>
48 
	        <a class="myWorkspace" href="resources.html">我的工作台</a>
48 
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
49 49 
        </div>
50 50 
	</div>
51 51 
</div>
52 52 
<div id="container">
53 53 
	<div class="content">
54 54 
		<div class="information-head">
55 
			<div class="head-left"><img id="headImage"></div>
55 
			<div class="head-left"><a href="#"><img id="headImage"></a></div>
56 56 
			<div class="head-center">
57 57 
				<div class="infor-browse">
58 58 
					<a href="#" class="named" id="nameS"></a><a href="#" class="modify"></a>

@ -62,7 +62,7 @@
62 62 
				</div>
63 63
64 64 
			</div>
65 
			<div class="head-right"><img id="orgImage"></div>
65 
			<div class="head-right"><a href="organization-brow.html"><img id="orgImage"></a></div>
66 66 
		</div>
67 67 
		<div class="information-content">
68 68 
			<div class="content-left" >

+ 4 - 4
src/main/webapp/information.html
View File 

@ -45,20 +45,20 @@
45 45
46 46 
	            </div>
47 47 
	        </div>
48 
	        <a class="myWorkspace" href="resources.html">我的工作台</a>
48 
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
49 49 
        </div>
50 50 
	</div>
51 51 
</div>
52 52 
<div id="container">
53 53 
	<div class="content">
54 54 
		<div class="information-head">
55 
			<div class="head-left"><img id="headImage"><a href="photo-set.html" class="replace-photo"></a></div>
55 
			<div class="head-left"><a href="#"><img id="headImage"></a></div>
56 56 
			<div class="head-center">
57 57 
				<div class="infor-browse">
58 58 
					<a href="#" class="named" id="nameS"></a><a href="#" class="modify"></a><a class="edit" ></a>
59 59 
					<div class="position" id="titleS"></div>
60 60 
					<div class="science" id="orgNameS"></div>
61 
					<!--<div class="industry" id="industryS">北京科技大学</div>-->
61 
					<div class="industry" id="industryS"></div>
62 62 
				</div>
63 63 
				<div class="modifybox">
64 64 
				<div class="infor">

@ -83,7 +83,7 @@
83 83 
				</div>
84 84 
				</div>
85 85 
			</div>
86 
		<div class="head-right"><img id="orgImage"></div>
86 
		<div class="head-right"><a href="organization-brow.html"><img id="orgImage"></a></div>
87 87 
		</div>
88 88 
		<div class="information-content">
89 89 
			<div class="content-left" >

+ 1 - 1
src/main/webapp/js/index.js
View File 

@ -44,7 +44,7 @@ $(document).scroll(function() {
44 44
45 45 
var userid = $.cookie("userid");
46 46 
if (userid && userid != "null" && userid != null) {
47 
	$(".myWorkspace").attr("href","resources.html?"+userid);
47 
	$(".myWorkspace").attr("href","workspaces.html?"+userid);
48 48 
	$(".onlogin").show();
49 49 
	$(".unlogin").hide();
50 50 
	$(".portrait-p").attr("src", "/images/head/" + userid + "_m.jpg");

+ 6 - 6
src/main/webapp/js/information.brow.js
View File 

@ -179,7 +179,7 @@ $(function(){
179 179
180 180 
						if($photos.length>0){
181 181 
							for(var j =0 ; j< $photos.length;++j){
182 
								showDiv += "<span class='like-people'><img class='like-h' src='"+servPath+"/images/head/"+$photos[j]+"_s.jpg'></span>";
182 
								showDiv += "<span class='like-people'><img class='like-h' src='/images/head/"+$photos[j]+"_s.jpg'></span>";
183 183
184 184 
							}
185 185 
						}

@ -189,7 +189,7 @@ $(function(){
189 189 
						$(".like-h").load(function(){
190 190 
						})
191 191 
						.error(function(){
192 
							$(this).attr("src",servPath+"/images/default-photo.jpg");
192 
							$(this).attr("src","/images/default-photo.jpg");
193 193 
						});
194 194
195 195 
					}

@ -236,17 +236,17 @@ $(function(){
236 236 
							$("#nameS").text($info.name);
237 237 
							$("#titleS").text($info.title);
238 238 
							$("#orgNameS").text($info.orgName);
239 
							$("#headImage").attr("src",servPath+"/images/head/"+professorId+"_l.jpg");
239 
							$("#headImage").attr("src","/images/head/"+professorId+"_l.jpg");
240 240 
								$("#headImage").load(function(){
241 241 
								})
242 242 
								.error(function(){
243 
									$("#headImage").attr("src",servPath+"/images/default-photo.jpg");
243 
									$("#headImage").attr("src","/images/default-photo.jpg");
244 244 
								});
245 
							$("#orgImage").attr("src",servPath+"/images/org/"+$info.orgId+".jpg");
245 
							$("#orgImage").attr("src","/images/org/"+$info.orgId+".jpg");
246 246 
								$("#orgImage").load(function(){
247 247 
								})
248 248 
								.error(function(){
249 
									$("#orgImage").attr("src",servPath+"/images/default-icon.jpg");
249 
									$("#orgImage").attr("src","/images/default-icon.jpg");
250 250 
								});
251 251 
							$("#descpS").text($info.descp);
252 252 
							//显示专家信息到保存数据

+ 6 - 6
src/main/webapp/js/information.js
View File 

@ -121,7 +121,7 @@ $(function(){
121 121 
						}
122 122 
						if($photos.length>0){
123 123 
							for(var j =0 ; j< $photos.length;++j){
124 
								showDiv += "<span class='like-people'><img class='like-h' src='"+servPath+"/images/head/"+$photos[j]+"_s.jpg'></span>";
124 
								showDiv += "<span class='like-people'><img class='like-h' src='/images/head/"+$photos[j]+"_s.jpg'></span>";
125 125 
							}
126 126 
						}
127 127 
						showDiv += "</div></div>";

@ -136,7 +136,7 @@ $(function(){
136 136 
						$(".like-h").load(function(){
137 137 
						})
138 138 
						.error(function(){
139 
							$(this).attr("src",servPath+"/images/default-photo.jpg");
139 
							$(this).attr("src","/images/default-photo.jpg");
140 140 
						});
141 141 
					}
142 142 
				}			

@ -160,15 +160,15 @@ $(function(){
160 160 
			$("#nameS").text($info.name);
161 161 
			$("#titleS").text($info.title);
162 162 
			$("#orgNameS").text($info.orgName);
163 
			$("#headImage").attr("src", servPath + "/images/head/" + userid + "_l.jpg");
163 
			$("#headImage").attr("src", "/images/head/" + userid + "_l.jpg");
164 164 
			$("#headImage").load(function() {})
165 165 
				.error(function() {
166 
					$("#headImage").attr("src", servPath + "/images/default-photo.jpg");
166 
					$("#headImage").attr("src",  "/images/default-photo.jpg");
167 167 
				});
168 
			$("#orgImage").attr("src", servPath + "/images/org/" + $info.orgId + ".jpg");
168 
			$("#orgImage").attr("src",  "/images/org/" + $info.orgId + ".jpg");
169 169 
			$("#orgImage").load(function() {})
170 170 
				.error(function() {
171 
					$("#orgImage").attr("src", servPath + "/images/default-icon.jpg");
171 
					$("#orgImage").attr("src",  "/images/default-icon.jpg");
172 172 
				});
173 173 
			$("#descpS").text($info.descp);
174 174 
			//显示专家信息到保存数据

+ 2 - 2
src/main/webapp/js/search.js
View File 

@ -24,7 +24,7 @@ $(function(){
24 24 
								for(var i = 0 ; i < $data.data.data.length ; i++){
25 25 
									//创建HTML标签
26 26 
									var dataHtml = "<div class='item'>";
27 
									dataHtml += "<a  class='infoi'  href='information-brow.html?professorId="+$data.data.data[i].id+"' ><div class='photo1'><img class='images' style='width:100%;'  src='"+servPath+"/images/head/"+$data.data.data[i].id+"_l.jpg'/></div></a>";
27 
									dataHtml += "<a  class='infoi'  href='information-brow.html?professorId="+$data.data.data[i].id+"' ><div class='photo1'><img class='images' style='width:100%;'  src='/images/head/"+$data.data.data[i].id+"_l.jpg'/></div></a>";
28 28 
									dataHtml += "<div class='synopsis'>";
29 29 
									dataHtml += "<a href='information-brow.html?professorId="+$data.data.data[i].id+"' class='named'>";
30 30 
									if(typeof($data.data.data[i].name) !== "undefined"){

@ -65,7 +65,7 @@ $(function(){
65 65 
									$(".images").load(function(){
66 66 
									})
67 67 
									.error(function(){
68 
										$(this).attr("src",servPath+"/images/default-photo.jpg");
68 
										$(this).attr("src","/images/default-photo.jpg");
69 69 
									});
70 70
71 71 
									//点击查看当前信息

+ 40 - 2
src/main/webapp/js/workspace.js
View File 

@ -1,10 +1,12 @@
1 1 
// JavaScript Document
2
3
2 4 
$(function(){
3 5
4 6 
	var userid = $.cookie("userid");
5 7 
	var flag;
6 8 
 	if(userid){
7 
 		$(".myWorkspace").attr("href","resources.html?"+userid);
9 
 		$(".myWorkspace").attr("href","workspaces.html?"+userid);
8 10 
		$(".head-portrait").show();
9 11 
		$(".unlogin").hide();
10 12 
 		$(".portrait-p").attr("src","/images/head/"+userid+"_m.jpg");

@ -14,7 +16,43 @@ $(function(){
14 16 
			$(".portrait-p").attr("src","/images/default-photo.jpg");
15 17 
		});
16 18 
 	}
17
19 
 	//快速回复
20 
 	//$(".writeback").click(function(){
21 
// 		$(this).siblings(".writebackbox").toggle();
22 
 	//})
23 
 	//
24 
 	//$(".sharesrc").hover(function(){
25 
// 		$(this).find(".shareopeart").stop(true,true).animate({
26 
// 			"bottom": "0px"
27 
// 		});
28 
 	//}, function() {
29 
// 		$(this).find(".shareopeart").stop(true,true).animate({
30 
// 			"bottom": "-30px"
31 
// 		});
32 
 	//})
33 
 	/*我的工作台左边菜单背景点击切换*/
34 
 	$(".workmenutit").click(function(){
35 
 		$(".worksubmenu").removeClass("subcolor");
36 
 		$(".workconitem").eq(0).show().siblings().hide();
37
38 
 	})
39 
 	$(".worksubmenu").click(function(){
40 
 		var index = $(this).index();
41 
 		$(this).addClass("subcolor").siblings().removeClass("subcolor");
42 
 		$(".workconitem").eq(index).show().siblings().hide();
43 
 	});
44 
 	/*科研资源菜单点击切换*/
45 
 	$(".worksamlltit1").click(function(){
46 
 		var index = $(this).index();
47 
 		$(this).addClass("worksamlltitnow").siblings().removeClass("worksamlltitnow");
48 
 		$(".workmysrc1").eq(index).show().siblings().hide();
49 
 	});
50 
 	/*科研项目菜单点击切换*/
51 
 	$(".worksamlltit2").click(function(){
52 
 		var index = $(this).index();
53 
 		$(this).addClass("worksamlltitnow").siblings().removeClass("worksamlltitnow");
54 
 		$(".workmysrc2").eq(index).show().siblings().hide();
55 
 	});
18 56
19 57 
////发布资源发布及修改
20 58 
	var resourceNamePass = true;

+ 1 - 1
src/main/webapp/organization-brow.html
View File 

@ -41,7 +41,7 @@
41 41
42 42 
	            </div>
43 43 
	        </div>
44 
	        <a class="myWorkspace" href="resources.html">我的工作台</a>
44 
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
45 45 
        </div>
46 46 
	</div>
47 47 
</div>

+ 1 - 1
src/main/webapp/search.html
View File 

@ -42,7 +42,7 @@
42 42
43 43 
	            </div>
44 44 
	        </div>
45 
	        <a class="myWorkspace" href="resources.html">我的工作台</a>
45 
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
46 46 
        </div>
47 47 
	</div>
48 48

+ 471 - 0
src/main/webapp/workspaces.html
View File 

@ -0,0 +1,471 @@
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 href="css/reset.css" rel="stylesheet" />
10 
<link type="text/css" href="css/common.css" rel="stylesheet">
11 
<link type="text/css" href="css/workspace.css" rel="stylesheet">
12 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
13 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
14 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
15 
<script type="text/javascript" src="js/index.js"></script>
16 
<script type="text/javascript" src="js/popup.js"></script>
17 
<script type="text/javascript" src="js/workspace.js"></script>
18 
</head>
19
20 
<body>
21
22 
<div id="header">
23 
	<a href="index.html" alt="科袖" class="logo"></a>
24 
	<div class="searchblock" style="display:block;">
25 
		<input type="text" placeholder="搜索专家、研究方向或科研机构" class="search-txt" id="hsearchContent">
26 
		<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>
27 
	</div>
28 
	<div class="header-right">
29 
        <!--未登录-->
30 
        <a href="login-invite-code.html"><div class="unlogin">特邀专家登录</div></a>
31 
        <!--已登录-->
32 
        <div class="onlogin">
33 
	        <div class="head-portrait">
34 
	        	<img class="portrait-p" />
35 
	            <div class="personal-infor">
36 
	                <div class="triangleB"></div>
37 
	                <div class="personal-box">
38 
	                    <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> -->
39 
	                    <a href="information.html"><span class="icon icon2"></span>修改资料</a>
40 
	                    <a href="account-set.html"><span class="icon icon3"></span>账户设置</a>
41 
	                    <a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>
42 
	                </div>
43
44 
	            </div>
45 
	        </div>
46 
	        <a class="myWorkspace" href="workspaces.html">我的工作台</a>
47 
        </div>
48 
	</div>
49 
</div>
50 
<div id="container">
51 
	<div class="con-center">
52 
        <div class="workmenu">
53 
            <div class="workmenutit">我的工作台</div>
54 
            <div class="worksubmenu">咨询</div>
55 
            <div class="worksubmenu">科研资源</div>
56 
            <div class="worksubmenu">科研项目</div>
57 
        </div>
58
59 
        <div class="workcon">
60 
        	<!--// 我的工作台-->
61 
           <div class="workconitem">
62 
                <div class="workcontit">我的工作台</div>
63 
                <div class="worksubcon">
64 
                    <div class="workconleft floatL">
65 
                        <!--专家信息、相关记录-->
66 
                        <div class="workblock">
67 
                            <div class="worksubblock floatL">
68 
                                <div class=" workhs floatL">
69 
                                    <a class="workhead" href="information.html"><img src="images/default-photo.jpg" width="100%" height="100%"></a>
70 
                                    <p class="workstat">接受咨询<br><span>27</span>次</p>
71 
                                    <p class="workstat">合作<br><span>12</span>次</p>
72 
                                </div>
73 
                                <div class="workinfor floatL">
74 
                                    <h4><a href="" class="named" id="nameS">程学群</a><img class="modifyicon" src="images/rz.png" width="30"></h4>
75 
                                    <h5><span>副教授</span>,<span>主任</span></h5>
76 
                                    <h6><span>新材料技术研究院</span>,<span>北京科技大学</span></h6>
77 
                                    <h6>所在地：<span>北京</span></h6>
78 
                                    <a class="worklinkbtn" href="information.html">>>修改资料</a>
79 
                                </div>
80 
                            </div>
81 
                            <div class="worksubblock floatL">
82 
                                <div class="workcountup">
83 
                                    <div class="workcount">
84 
                                        <p><span class="workcountnum">10</span>条新的咨询信息</p>
85 
                                        <a href=""  class="worklinkbtn" >>>查看我的咨询信息</a>
86 
                                    </div>
87 
                                    <div class="workcount">
88 
                                        <p><span class="workcountnum">3</span>项合作正在进行</p>
89 
                                        <a href=""  class="worklinkbtn">>>查看我的科研资源</a>
90 
                                    </div>
91 
                                </div>
92 
                                <div class="workcountup">
93 
                                    <p><span class="workcountnum">2</span>个项目正在进行</p>
94 
                                    <a href=""  class="worklinkbtn">>>查看我的科研项目</a>
95 
                                </div>
96 
                            </div>
97 
                        </div>
98 
                        <!--最新咨询、最新回复-->
99 
                        <div class="workblock">
100 
                            <div class="floatL worksubblock">
101 
                                <div class="worktit">最新咨询<a class="worklinkbtn floatR">查看全部</a></div>
102 
                                <div class="wbcon">
103 
                                    <div class="leftwb floatL">
104 
                                        <a href="" class="wbimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a>
105 
                                        <p>专家姓名</p>
106 
                                        <p>职称，职位</p>
107 
                                        <p>XXX学校，XXX机构</p>
108 
                                    </div>
109 
                                    <div class="rightwb floatL">
110 
                                        <ul class="evasort">
111 
                                            <li class="worktopic">咨询时间：<span>2016-09-06</span></li>
112 
                                            <li class="worktopic">咨询主题：<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></li>
113 
                                            <li class="workrecord"><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.consectetur adipiscing elit. </span></li>
114 
                                        </ul>
115 
                                        <div class="writespan floatL">快速回复：</div>
116 
                                        <form class="writebackbox">
117 
                                            <textarea class="frmtype"></textarea>
118 
                                            <input type="submit" name="enterback" value="发送" class="writeback floatR">
119 
                                        </form>
120 
                                    </div>
121 
                                </div>
122
123 
                            </div>
124 
                            <div class="floatL worksubblock">
125 
                                <div class="worktit">最新回复<a class="worklinkbtn floatR">查看全部</a></div>
126 
                                <div class="wbcon">
127 
                                    <div class="leftwb floatL">
128 
                                        <a href="" class="wbimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a>
129 
                                        <p>专家姓名</p>
130 
                                        <p>职称，职位</p>
131 
                                        <p>XXX学校，XXX机构</p>
132 
                                    </div>
133 
                                    <div class="rightwb floatL">
134 
                                        <ul class="evasort">
135 
                                            <li class="worktopic">咨询时间：<span>2016-09-06</span></li>
136 
                                            <li class="worktopic">咨询主题：<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></li>
137 
                                            <li class="workrecord"><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.consectetur adipiscing elit.consectetur adipiscing elit. </span></li>
138 
                                        </ul>
139 
                                        <div class="writespan floatL">快速回复：</div>
140 
                                        <form class="writebackbox">
141 
                                            <textarea class="frmtype"></textarea>
142 
                                            <input type="submit" name="enterback" value="发送" class="writeback floatR">
143 
                                        </form>
144 
                                    </div>
145 
                                </div>
146 
                            </div>
147 
                        </div>
148 
                        <!--正在使用的资源-->
149 
                        <div class="workblock">
150 
                            <div class="worktit">正在使用的科研资源<a class="worklinkbtn floatR">查看全部</a></div>
151 
                            <div class="wbcon">
152 
                                <div class="sharesrcbox">
153 
                                    <div class="sharesrc">
154 
                                        <div class="shareshow">
155 
                                            <a href=""><img src="" width="100%" height="140"></a>
156 
                                           <!-- <div class="shareopeart">详情</div>-->
157 
                                        </div>
158 
                                        <p>资源名称：XXXXX检测仪</p>
159 
                                        <p>最新动态：</p>
160 
                                        <p><span>张三</span> <span>发来了</span><span>资源申请</span><span>2016-09-01</span></p>
161 
                                    </div>
162 
                                    <div class="sharesrc">
163 
                                        <div class="shareshow">
164 
                                            <a href=""><img src="" width="100%" height="140"></a>
165 
                                        </div>
166 
                                        <p>资源名称：XXXXX检测仪</p>
167 
                                        <p>最新动态：</p>
168 
                                        <p><span>张三</span> <span>发来了</span><span>资源申请</span><span>2016-09-01</span></p>
169 
                                    </div>
170 
                                    <div class="sharesrc">
171 
                                        <div class="shareshow">
172 
                                            <a href=""><img src="" width="100%" height="140"></a>
173 
                                        </div>
174 
                                        <p>资源名称：XXXXX检测仪</p>
175 
                                        <p>最新动态：</p>
176 
                                        <p><span>张三</span> <span>发来了</span><span>资源申请</span><span>2016-09-01</span></p>
177 
                                    </div>
178
179 
                                </div>
180 
                            </div>
181 
                        </div>
182 
                        <!--正在进行的科研项目-->
183 
                        <div class="workblock">
184 
                            <div class="worktit">正在进行的科研项目<a class="worklinkbtn floatR">查看全部</a></div>
185 
                            <div class="wbcon">
186 
                                <div class="objectsrcbox">
187 
                                    <div class="objectsrc">
188 
                                        <p>项目名项目名项目名项目名项目名项目名项目名称</p>
189 
                                        <p class="objectstate">进行中</p>
190 
                                    </div>
191 
                                    <div class="objectsrc">
192 
                                        <p>项目名称</p>
193 
                                        <p class="objectstate">进行中</p>
194 
                                    </div>
195 
                                    <div class="objectsrc">
196 
                                        <p>项目名称</p>
197 
                                        <p class="objectstate">进行中</p>
198 
                                    </div>
199 
                                    <div class="objectsrc">
200 
                                        <p>项目名称</p>
201 
                                        <p class="objectstate">进行中</p>
202 
                                    </div>
203
204 
                                </div>
205
206 
                            </div>
207 
                        </div>
208 
                    </div>
209 
                    <div class="workconright floatR">
210 
                        <div class="worknotice">
211
212 
                        </div>
213 
                    </div>
214 
                </div>
215 
            </div>
216 
            <!-- 我的工作台 //-->
217 
            <!--  // 咨询-->
218 
            <div class="workconitem">
219 
                <div class="workcontit">咨询</div>
220 
                <div class="worksubcon">
221 
                	<div class="workselectbox">
222 
                    	<select class="workselectmenu floatL">
223 
                        	<option>全部咨询</option>
224 
                            <option>咨询提问</option>
225 
                            <option>回复我的</option>
226 
                        </select>
227 
                        <select class="workselectmenu floatL">
228 
                        	<option>咨询类型</option>
229 
                            <option>技术咨询</option>
230 
                            <option>服务咨询</option>
231 
                            <option>项目合作</option>
232 
                        </select>
233 
                        <span class="workselectmenu floatL">全选</span>
234 
                        <span class="workselectmenu floatL">标为已读</span>
235 
                        <span class="workselectmenu floatL">删除</span>
236
237 
                        <span class="workselectmenu floatR">设置</span>
238 
                    </div>
239
240 
                    <div class="workselectcon">
241 
                    	<div class="workselectitem">
242 
                    		<table width="100%">
243 
                            	<tr>
244 
                                	<td width="6%" class="workcheck"><input type="checkbox"></td>
245 
                                    <td width="14%" class="messagebox"><a class="workhead workitimg" href="information.html"><img src="images/default-photo.jpg" width="100%" height="100%"></a><span class="msgprompt">1</span></td>
246 
                                    <td width="80%">
247 
                                    	<div class="workinfor worksitcon">
248 
                                            <h4><a href="" class="named" id="nameS">程学群</a><img class="modifyicon" src="images/rz.png" width="30"></h4>
249 
                                            <h6><span>职称</span>,<span>职位</span>,<span>新材料技术研究院</span>,<span>北京科技大学</span>&nbsp;|&nbsp;<span>北京</span></h6>
250 
                                            <h6><span>咨询主题：XXXXXXXXXXXXX</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>咨询类型：技术咨询</span></h6>
251 
                                            <p>最后回复：</p>
252 
                                            <p class="rebackcon">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viveorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viveorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tem</p>
253
254 
                                            <div class="workhandle">
255 
                                            	<span>标为已读</span><span>回复</span><span>删除</span><span>...</span>
256 
                                            </div>
257 
                                        </div>
258 
                                    </td>
259 
                                </tr>
260 
                            </table>
261 
                    	</div>
262 
                       	<div class="workselectitem">
263 
                    		<table width="100%">
264 
                            	<tr>
265 
                                	<td width="6%" class="workcheck"><input type="checkbox"></td>
266 
                                    <td width="14%" class="messagebox"><a class="workhead workitimg" href="information.html"><img src="images/default-photo.jpg" width="100%" height="100%"></a><span class="msgprompt">35</span></td>
267 
                                    <td width="80%">
268 
                                    	<div class="workinfor worksitcon">
269 
                                            <h4><a href="" class="named" id="nameS">程学群</a><img class="modifyicon" src="images/rz.png" width="30"></h4>
270 
                                            <h6><span>职称</span>,<span>职位</span>,<span>新材料技术研究院</span>,<span>北京科技大学</span>&nbsp;|&nbsp;<span>北京</span></h6>
271 
                                            <h6><span>咨询主题：XXXXXXXXXXXXX</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>咨询类型：技术咨询</span></h6>
272 
                                            <p>最后回复：</p>
273 
                                            <p class="rebackcon">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viveorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viveorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tem</p>
274
275 
                                            <div class="workhandle">
276 
                                            	<span>标为已读</span><span>回复</span><span>删除</span><span>...</span>
277 
                                            </div>
278 
                                        </div>
279 
                                    </td>
280 
                                </tr>
281 
                            </table>
282 
                    	</div>
283 
                        <div class="workselectitem">
284 
                    		<table width="100%">
285 
                            	<tr>
286 
                                	<td width="6%" class="workcheck"><input type="checkbox"></td>
287 
                                    <td width="14%" class="messagebox"><a class="workhead workitimg" href="information.html"><img src="images/default-photo.jpg" width="100%" height="100%"></a><span class="msgprompt"></span></td>
288 
                                    <td width="80%">
289 
                                    	<div class="workinfor worksitcon">
290 
                                            <h4><a href="" class="named" id="nameS">程学群</a><img class="modifyicon" src="images/rz.png" width="30"></h4>
291 
                                            <h6><span>职称</span>,<span>职位</span>,<span>新材料技术研究院</span>,<span>北京科技大学</span>&nbsp;|&nbsp;<span>北京</span></h6>
292 
                                            <h6><span>咨询主题：XXXXXXXXXXXXX</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>咨询类型：技术咨询</span></h6>
293 
                                            <p>最后回复：</p>
294 
                                            <p class="rebackcon">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viveorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viveorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tem</p>
295
296 
                                            <div class="workhandle">
297 
                                            	<span>标为已读</span><span>回复</span><span>删除</span><span>...</span>
298 
                                            </div>
299 
                                        </div>
300 
                                    </td>
301 
                                </tr>
302 
                            </table>
303 
                    	</div>
304 
                        <div class="tcdPageCode"><span class="disabled">上一页</span><span class="current">1</span><a href="javascript:;" class="tcdNumber">2</a><a href="javascript:;" class="tcdNumber">3</a><a href="javascript:;" class="tcdNumber">4</a><span>...</span><a href="javascript:;" class="tcdNumber">26</a><a href="javascript:;" class="nextPage">下一页</a></div>
305 
                    </div>
306
307 
                </div>
308 
            </div>
309 
            <!--  咨询 // -->
310 
            <!--// 科研资源-->
311 
            <div class="workconitem">
312 
                <div class="workcontit">科研资源<span class="worksamlltit worksamlltit1 worksamlltitnow">我的资源</span><span class="worksamlltit worksamlltit1">我的需求</span></div>
313 
                <div class="worksubcon">
314 
                     <!--// 我的资源-->
315 
                    <div class="workmysrc workmysrc1 clearfix" id="workmysrc">
316 
                        <div class="workmysrctit"><span class="workbtn resoumag" id="issuebtn" onclick="ResourceInfo();">发布新资源</span></div>
317 
                        <div id="consd"></div>
318
319 
                    </div>
320 
                    <!--我的资源 //-->
321
322 
                    <!--// 我的需求-->
323 
                    <div class="workmysrc workmysrc1">
324 
                        <div class="workmysrctit"></div>
325 
                        <table width="100%" height="60" class="worktab worktabb">
326 
                            <tr class="worktabtit">
327 
                                <th width="10%" height="40">申请时间</th>
328 
                                <th width="10%">需求资源</th>
329 
                                <th width="12%">资源发布者</th>
330 
                                <th width="14%">状态</th>
331 
                                <th width="10%">交付时间</th>
332 
                                <th width="10%">成交金额</th>
333 
                                <th width="14%">付款方式</th>
334 
                                <th width="10%">付款状态</th>
335 
                                <th width="20%">操作</th>
336 
                            </tr>
337
338 
                            <tr>
339 
                                <td colspan="9">
340 
                                    <div class="tcdPageCode"><span class="disabled">上一页</span><span class="current">1</span><a href="javascript:;" class="tcdNumber">2</a><a href="javascript:;" class="tcdNumber">3</a><a href="javascript:;" class="tcdNumber">4</a><span>...</span><a href="javascript:;" class="tcdNumber">26</a><a href="javascript:;" class="nextPage">下一页</a></div>
341 
                                </td>
342 
                            </tr>
343 
                        </table>
344 
                    </div>
345 
                    <!--我的需求 //-->
346 
                </div>
347 
            </div>
348 
            <!--科研资源  // -->
349 
            <!--  // 科研项目-->
350 
            <div class="workconitem">
351 
                <div class="workcontit">科研项目<span class="worksamlltit worksamlltit2 worksamlltitnow">我发起的项目</span><span class="worksamlltit worksamlltit2">我参与的项目</span></div>
352 
                <div class="worksubcon">
353
354 
                     <!--// 我发起的项目-->
355 
                    <div class="workmysrc workmysrc2 clearfix">
356 
                        <div class="workmysrctit"><span class="workbtn resoumag">发起新项目</span></div>
357 
                       	<div class="workobjcon">
358 
                        	<div class="objectsrc newobjects">
359 
                                <p><span class="newobjecticon"> + </span>发布新项目</p>
360 
                            </div>
361 
                            <div class="objectsrc">
362 
                                <div>
363 
                                    <p>项目名项目名项目名项目名项目名项目名项目名称</p>
364 
                                    <p class="objectstate">进行中</p>
365 
                                </div>
366 
                            </div>
367 
                            <div class="objectsrc">
368 
                                <div>
369 
                                    <p>项目名称</p>
370 
                                    <p class="objectstate">进行中</p>
371 
                                </div>
372 
                            </div>
373 
                            <div class="objectsrc">
374 
                                <div>
375 
                                    <p>项目名称</p>
376 
                                    <p class="objectstate">进行中</p>
377 
                                </div>
378 
                            </div>
379 
                            <div class="objectsrc">
380 
                                <div>
381 
                                    <p>项目名称</p>
382 
                                    <p class="objectstate">进行中</p>
383 
                                </div>
384 
                            </div>
385 
                            <div class="objectsrc">
386 
                                <div>
387 
                                    <p>项目名称</p>
388 
                                    <p class="objectstate">进行中</p>
389 
                                </div>
390 
                            </div>
391
392 
                        </div>
393
394 
                    </div>
395 
                    <!--我发起的项目 //-->
396
397 
                    <!--// 我参与的项目-->
398 
                    <div class="workmysrc workmysrc2">
399 
                        <div class="workmysrctit"></div>
400 
                        <div class="workobjcon">
401 
                            <div class="objectsrc">
402 
                                <div>
403 
                                    <p>项目名项目名项目名项目名项目名项目名项目名称</p>
404 
                                    <p class="objectstate">进行中</p>
405 
                                </div>
406 
                            </div>
407 
                            <div class="objectsrc">
408 
                                <div>
409 
                                    <p>项目名称</p>
410 
                                    <p class="objectstate">进行中</p>
411 
                                </div>
412 
                            </div>
413 
                            <div class="objectsrc">
414 
                                <div>
415 
                                    <p>项目名称</p>
416 
                                    <p class="objectstate">进行中</p>
417 
                                </div>
418 
                            </div>
419 
                            <div class="objectsrc">
420 
                                <div>
421 
                                    <p>项目名称</p>
422 
                                    <p class="objectstate">进行中</p>
423 
                                </div>
424 
                            </div>
425 
                            <div class="objectsrc">
426 
                                <div>
427 
                                    <p>项目名称</p>
428 
                                    <p class="objectstate">进行中</p>
429 
                                </div>
430 
                            </div>
431 
                        </div>
432 
                    </div>
433 
                    <!--我参与的项目 //-->
434 
                </div>
435 
            </div>
436 
            <!--  科研项目 // -->
437 
        </div>
438
439
440
441 
    </div>
442 
</div>
443 
<div id="footer">
444 
	<div class="footer-top">
445 
		<div class="footerL">
446 
			<div class="footer-logo"></div>
447 
			<div class="link">
448 
				<a href="#">入驻科袖</a>｜
449 
				<a href="#">申请认证</a>｜
450 
				<a href="#">常见问题</a>｜
451 
				<a href="#">意见反馈</a>｜
452 
				<a href="#">关于我们</a>｜
453 
				<a href="#">加入我们</a>
454 
			</div>
455 
			<p class="customer">客服电话：<span>400-xxx-xxxx</span></p>
456 
			<p class="customer">工作时间：<span>周一至周五09:00-17:00</span></p>
457 
		</div>
458 
		<div class="footerR">
459 
			<div class="code"><img src="images/code.jpg"></div>
460 
			<p>欢迎扫码关注微信公众平台</p>
461 
			<a href="#" class="foot-icon foot-icon1"></a>
462 
			<a href="#" class="foot-icon foot-icon2"></a>
463 
			<a href="#" class="foot-icon foot-icon3"></a>
464 
			<a href="#" class="foot-icon foot-icon4"></a>
465 
		</div>
466 
	</div>
467 
	<div class="footer-btm">本站由 阿里云 提供计算与安全服务 Copyright © 2016~2017 科袖 | 京ICP备12345678号 | 京ICP证123456号 | 京公网安备11010800011111号 | 网站联盟安全认证</div>
468 
</div>
469
470 
</body>
471 
</html>