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

1、增加【需求发布】功、【需求确认】
2、增加【需求搜索】和【需求回复】功能
3、增加【咨询确认】【婉言谢绝】
4、修改【咨询】及对话的显示
5、在【我的工作台】中加入咨询与需求的入口
6、专家身份时，最新咨询与最新回复的内容显示

luyanan 8 years ago
parent
ad433407a9
commit
7e5400df9f
11 changed files with 834 additions and 100 deletions
Split View Show Diff Stats
  1. 1 5
      consult.html
  2. 98 0
      consultSure.html
  3. 2 2
      css/index.css
  4. 99 35
      css/workspace.css
  5. 19 18
      diloags.html
  6. 239 0
      needList.html
  7. 51 0
      needShow.html
  8. 68 0
      needSure.html
  9. 68 0
      rejectReason.html
  10. 14 9
      workindex.html
  11. 175 31
      workspaces.html

+ 1 - 5
consult.html
View File 

@ -1,10 +1,6 @@
1
2 
<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> -->
3
4 1 
<!--  // 咨询-->
5
6 2 
<div class="workconitem consublock">
7 
    <div class="workcontit">咨询<a class="worksamlltit worksamlltit3 worksamlltitnow" href="#getConsult">收到咨询</a><a class="worksamlltit worksamlltit3" href="#getReply">我的需求</a><!-- <span class="workset floatR">设置</span> --></div>
3 
    <div class="workcontit">咨询<a class="worksamlltit worksamlltit3 worksamlltitnow" href="#getConsult">收到咨询</a><a class="worksamlltit worksamlltit3" href="#getReply">我的咨询</a><!-- <span class="workset floatR">设置</span> --></div>
8 4 
    <div class="worksubcon">
9 5 
    	<div class="workmysrc workmysrc3 displayNone" id="getConsult">
10 6 
             <div class="workmenubox clearfix">

+ 98 - 0
consultSure.html
View File 

@ -0,0 +1,98 @@
1
2 
 <div class="consultdialogbox">
3 
	<div class="consultdialog">
4 
    	<div class="dialoghead">
5 
        	<a class="backupbtn" id="backBtn"></a>
6 
            <div class="dheadtit">咨询确认</div>
7 
        </div>
8 
        <div class="dialogcontain">
9 
        	<div class="dialoginfo">
10 
                <div class="dialoginfotype clearfix">
11 
	                <span class="dialogtitTopic floatL">咨询主题：</span>
12 
	                <span class="dialogtit dialogtitTopic floatL" id="dialog_consultTitle">
13 
	                	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
14 
	                </span>
15 
                </div>
16 
                <div class="dialoginfotype clearfix">
17 
                	<span class="floatL" id="">发起时间：</span>
18 
                	<span class="dialogtit floatL" id="dialog_consultTime">2017年3月3日 18:00</span>
19 
                </div>
20 
                <div class="dialoginfotype clearfix"> <!--inline-->
21 
                	<span class="floatL" id="">咨询目的：</span>
22 
                	<span class="dialogtit floatL" id="dialog_consultType">技术咨询</span>
23 
                </div>
24 
                <div class="dialoginfotype clearfix" id="dialog_consultContentContainer">
25 
                	<div class="floatL" id="dialog_consultContentTitle">咨询内容：</div>
26 
                	<div class="dialogtit floatL" id="dialog_consultContent">
27 
                		Lorem 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 tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
28 
                	</div>
29 
                </div>
30 
            </div>
31 
            <div class="dialogstatus"><em></em><span id="dil_consultStatus">新咨询</span></div>
32 
        </div>
33 
        <div class="consultBasicInfor clearfix">
34 
	    	<div class="consultBasic floatL">
35 
	    		<h5 class="cBasicTit">咨询者信息</h5>
36 
	    		<div class="workhs floatL">
37 
                    <a class="workhead headRadius" ><img src="images/default-photo.jpg"class="imgProfess" width="100%" height="100%"></a>
38 
                </div>
39 
	    		<div class="workinfor floatL">
40 
	                <h4><a  class="named" id="nameS">用户姓名</a><a class="modifyicon authicon2 authicon-mana"></a></h4>
41 
	                <h5><span id="title">职称</span><span id="office">，职位</span><span id="organization">，所属机构</span></h5>
42 
	            </div>
43 
	    	</div>
44 
	    	<div class="consultBasic floatL">
45 
	    		<!--<h5 class="cBasicTit">机构信息</h5>
46 
	    		<div class="workhs floatL">
47 
                    <a class="workhead headRadius" ><img src="images/default-photo.jpg"class="imgProfess" width="100%" height="100%"></a>
48 
                </div>
49 
	    		<div class="workinfor floatL">
50 
	                <h4><a  class="named" id="nameS">用户姓名</a><a class="modifyicon authicon authicon-cu"></a></h4>
51 
	                <h5><span id="title">职称</span><span id="office">，职位</span><span id="organization">，所属机构</span></h5>
52 
	            </div>-->
53 
	    	</div>
54 
	    </div>
55 
		<div class="demandBox displayNone">
56 
			<ul class="basicinfo">
57 
				<li><label>请告知对方您谢绝的缘由（可多选）</label></li>
58 
				<li class="divideSpace">
59 
					<ul class="chooseBox mutChecked clearfix">
60 
			       		<li><span>咨询内容与本人研究方向不相符</span></li>
61 
			       		<li><span>最近工作安排比较繁忙</span></li>
62 
			       		<li class="checkedLi"><span>设备资源暂时不可用</span></li>
63 
			       		<li><span>对咨询内容表达不够清楚</span></li>
64 
			       		<li><span>希望对方认证身份后再开始合作</span></li>
65 
			       </ul>
66 
				</li>
67 
				<li><label>其他补充</label></li>
68 
				<li class="divideSpace" style="height:auto">
69 
					<textarea class="frmtype" name="rejectR" placeholder="请输入其他谢绝的缘由"></textarea>
70 
					<div class="limitNum">您还能输入<span class="countNum">300</span> 字</div>
71 
				</li>
72 
			</ul>
73 
			<div class="basicBtn">
74 
	            <span>提交</span>
75 
	    	</div>
76 
		</div>
77 
    	<div class="basicBtn">
78 
            <span>接受咨询</span>
79 
	        <span class="rejectTo">婉言谢绝</span>
80 
    	</div>
81
82 
	</div>
83 
</div>
84
85 
<script type="text/javascript"src="js/dialogs.js"></script>
86 
<script type="text/javascript">
87 
	$(".rejectTo").click(function(){
88 
		$(this).parent(".basicBtn").hide();
89 
		$(".demandBox").slideDown();
90 
	})
91 
	//谢绝缘由（多选）
92 
	$(".mutChecked").on('click','li',function(){
93 
		var aimlist = $('.mutChecked li');
94 
		//aimlist.removeClass('checkedLi');
95 
		$(this).addClass('checkedLi');
96 
	});
97
98 
</script>

+ 2 - 2
css/index.css
View File 

@ -7,9 +7,9 @@ input{ outline:none;}
7 7
8 8 
/*banner部分*/
9 9 
#banner{ height:auto; position:relative;}
10 
.banner img{width:100%; height:500px;}
10 
.banner{width:100%; height:500px;background: url(../images/banner/banner01.jpg) center center no-repeat;background-size: cover;}
11 11 
.theme{ width:100%; height:236px; position:absolute; top:40%;}
12 
.theme h1{font-size:60px;line-height:80px; color:#fff; text-align:center; text-shadow:0px 0px 10px #2d2524;}
12 
.theme h1{font-size:46px;line-height:80px; color:#fff; text-align:center; text-shadow:0px 0px 10px #2d2524;}
13 13 
.theme h2{font-size:30px;line-height:50px; color:#fff; text-align:center; text-shadow:0px 0px 10px #2d2524;}
14 14 
.main-search{ width:670px; height:40px;border-radius:6px;box-shadow: 0px 0px 10px rgba(45, 38, 37, 0.6);margin:auto; margin-top:60px; position:relative}
15 15 
.main-search .lookwho{outline:none;position:absolute; height:40px; width:100px;border:none; box-shadow: 0px 0px 3px #ccc inset;border-radius:6px 0 0 6px; background:url(../images/downselect.png) no-repeat 70px center #fff; padding-left:16px; font-size:15px;line-height:38px; color:#ff9900;}

+ 99 - 35
css/workspace.css
View File 

@ -4,7 +4,7 @@
4 4 
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
5 5 
.sendCon{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
6 6 
.frmtype:focus{ border:1px solid #ff8500;}
7 
.frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff; border:none; }
7 
.frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff; border:none;cursor: pointer;text-align: center; }
8 8 
.frmrbtn{ background:none; color:#303030; border:none; }
9 9 
.updownbtn{text-decoration:underline; color:#333;}
10 10 
@ -76,24 +76,34 @@
76 76 
.workinfor p{ color:#444; font-size:14px;}
77 77 
.worklinkbtn{ color:#ff9900;font-size:12px;line-height:24px;cursor:pointer;}
78 78
79 
.workcountup{position:relative; padding:6px 0; text-align:center;  margin:10px; /*margin: 38px;*/}
79 
.workcountup{position:relative; padding:6px 0; text-align:center; /* margin:10px; margin: 38px;*/}
80 80 
.workcountup:nth-child(2){ border-top:1px solid #d6d6d6;}
81 
.workcount{position:relative; top: 10px;}
82 
.workcountup .myAttention{padding:16px 0 0 6px;line-height: 36px;cursor: pointer;}
81 
.workcount{position:relative; top: 2px;width: 50%;padding:0 10px;height: 50%;}
82 
.workcount:first-child{border-right:1px solid #D6D6D6}
83 
.workcountup .myAttention{padding:10px 0 0 6px;line-height: 36px;cursor: pointer;}
83 84 
.workcountup .myAttention:hover{color:#ff9900}
84 85 
/* .workcount:nth-child(1){ border-bottom:1px solid #d6d6d6;} */
85 86 
.workcountnum{ font-size:18px;line-height:30px; margin:6px; font-style: italic; color: #ff9900; }
86 87
87 88 
.worksubblock{ width:50%; padding:0 10px;position: relative;}
88 89 
.worktit{ width:100%;border-bottom:1px solid #d6d6d6; padding:4px 0; font-size:16px; }
89 
.leftwb{ width:30%; margin:auto; text-align:center;}
90 
.leftwb{ width:20%; margin:auto; text-align:center;}
90 91 
.wbcon{ padding:20px 0; overflow:hidden;}
91 
.wbimg{ display:block; margin:auto; width:60px; height:60px; overflow:hidden;}
92 
.rightwb{ width:66%; margin-left:10px; }
93 
.evasort{ line-heigth:20px;}
92 
.wbimg{ display:block; margin:auto; width:60px; height:60px; margin-bottom: 10px; overflow:hidden;}
93 
.rightwb{ width:76%; margin-left:10px; }
94 
.evasort{ line-height:20px;}
94 95 
.worktopic{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
95 
.topictime{color: #999;font-size: 13px;}
96 
.workrecord{/*  list-style:inside disc; */max-height:94px; overflow:hidden;font-size:13px;/*  color:#666; */}
96 
.topicTheem{font-size:16px;font-weight: bold;}
97 
.topictime{color: #999;font-size: 13px;line-height: 28px;}
98 
.workrecord{display: -webkit-box;
99 
    overflow: hidden;
100 
    white-space: normal !important;
101 
    text-overflow: ellipsis;
102 
    word-wrap: break-word;
103 
    -webkit-line-clamp: 5;
104 
    -webkit-box-orient: vertical;
105 
    padding:4px 0;}
106 
.workrecordMy{-webkit-line-clamp: 10;}
97 107 
.writeback{ margin:10px 0;padding:2px 16px; border-radius:4px; font-size:12px; text-align:center; cursor:pointer; background: #ff9900;border: 1px solid #ff9900;color:#fff; }
98 108 
/* .writeback:hover,.writeback:active{border:1px solid #ff9900; color:#ff9900;} */
99 109 
.writebackbox{/*display:none;*/}
 
@ -159,15 +169,17 @@
159 169 
.workselectitem:nth-child(odd){background:#fff;}
160 170 
.workselectitem table tr .workcheck{ text-align:center;}
161 171 
.worksitcon{ width:100%;margin-top:0; overflow:hidden; }
172 
.worksitcon .titList{font-weight:bold;font-size:14px;padding-right: 130px;}
162 173 
.worksitcon .lasttime{ font-size:13px; color:#666;}
174 
.worksitcon .lasttime.rightTime{position: absolute; right:0;top:0}
163 175 
.worksitcon span{ padding-right:4px;}
164 176 
.rebackcon{ height:60px; overflow:hidden;}
165 177 
.lastReplyCon {
166 178 
	width:650px;
167 179 
	line-height: 24px;
168 180 
	display:block;
169 
	white-space:nowrap;
170 
	overflow:hidden;
181 
	white-space:nowrap;
182 
	overflow:hidden;
171 183 
	text-overflow:ellipsis;
172 184 
}
173 185 
@ -178,12 +190,14 @@
178 190 
.workhandle{ position:absolute;  top:10px; right:20px;}
179 191 
.workhandle span{ padding:2px 20px;border:1px #d7d7d7 solid;margin: 2px;}
180 192 
.workhandle .complain{display:none;}/* 更多操作按钮... */
181 
.workhandle .coultstate{/* background: #ff9900; position: relative;top:-10px;right: 20px; padding: 10px 30px; border-radius: 0 0 6px 6px; box-shadow: 1px 1px 2px 1px #ccc; z-index: 20; */color: #fff;border-radius: 6px 0 0 6px;}
193 
.workhandle .coultstate{color: #fff;}
194 
.workhandle .coultstate.coulstAim{border-radius: 6px 0 0 6px;}
182 195 
.workhandle .coultstate i{font-style: normal;}
183 196 
.workhandle .status-1{background:#FF9900;border: solid 1px #FF9900;}/*进行中*//*咨询状态*/
184 
.workhandle .status-2{background:#dd524d;border: solid 1px #dd524d;}/*待评价*/
197 
.workhandle .status-2{background:#dd524d;border: solid 1px #dd524d;}/*待评价/新咨询*/
185 198 
.workhandle .status-3{background:#03CE30;border: solid 1px #03CE30;}/*已完成*/
186
199 
.workhandle .status-4{background:#6CA8FF;border: solid 1px #6CA8FF;}/*待回复*/
200 
.workhandle .status-5{background:#d3d3d3;border: solid 1px #d3d3d3;}/*已拒绝/被拒绝*/
187 201
188 202 
.workhandle .coultstate em{ position: absolute; width: 0px; height: 0px;border-top: 6px solid transparent; border-bottom: 0px solid rgb(204, 106, 6); border-left: 0px solid transparent; border-right: 5px solid rgb(204, 106, 6);left: -6px; top: -1px;z-index: 10;}
189 203 
#evastarbox {position: relative;top: -4px; overflow: hidden; border: 1px solid transparent; width: 110px; margin: auto;}
 
@ -210,29 +224,30 @@
210 224
211 225 
/*咨询对话*/
212 226
213 
.consultdialogbox{ width:100%; padding:20px;color:#666;font-size:14px; }
227 
.consultdialogbox{ width:100%;padding: 20px 20px 80px 20px;color:#666;font-size:15px;line-height: 28px;}
214 228 
.dialoghead{ padding:20px; border-radius:10px 10px 0 0; text-align:center; border-bottom:1px #d6d6d6 solid; background-color:#F3F3F3; position:relative;}
215 229 
.dialoghead .backupbtn{ background:url(../images/backup.png) no-repeat center center; width:24px; height:24px; padding:20px; position:absolute; top:50%; left:16px; margin-top:-16px; cursor:pointer;}
216 
.dialoghead .dheadtit{width:680px; margin:auto; font-size: 13px; }
217 
.dialoghead .dheadtit .dialogpro{ padding:0 10px; font-size: 16px; color:#333;}
218
219 
.dialogcontain{ background:#fff; text-align:center; border-bottom:1px #d6d6d6 solid; position:relative;}
220 
.dialogcontain .dialoginfo{ max-width:460px; padding:10px;  margin:auto;}
221 
.dialogcontain .dialoginfo .dialoginfotype{ padding: 1px 10px;}
222 
.dialogcontain .dialoginfo .dialogtit{ color: #333;font-size:14px;}
223 
.dialogcontain .dialoginfo .thanksblock{width:400px; margin:auto;}
224 
.dialogcontain .dialoginfo .thankbox{ margin:2px 6px;}
225 
.dialogcontain .dialoginfo .evadbox{ overflow:hidden;  position: relative; width:164px;}
226 
.dialogcontain .dialoginfo .evadbox .evadegree{position: absolute;right: 2px;top: 2px;}
227 
.dialogcontain .dialoginfo .evamargin{ margin:auto;}
228
229 
.dialogcontain .dialoginfo .evadtit{ margin:2px 6px;}
230 
.dialogcontain .dialoginfo .thankbox{ width:190px;}
230 
.dialoghead .dheadtit{width:680px; margin:auto; font-size: 18px;line-height: 18px; }
231 
.dialoghead .dheadtit .dialogpro{ padding:0 10px; font-size: 20px; color:#333;}
232
233 
.dialogcontain{ background:#fff; /*text-align:center;*/ border-bottom:1px #d6d6d6 solid; position:relative;}
234 
.dialogcontain .dialoginfo{ /*max-width:460px; */padding: 30px 10px 20px 10px;/*  margin:auto;*/}
235 
.dialogcontain .dialoginfo .dialoginfotype{ padding: 1px 10px; color: #777;}
236 
.dialogcontain .dialoginfo .dialogtit{ color: #333;font-size:15px;max-width:90%;}
237 
.dialogcontain .dialoginfo .dialogtitTopic{ font-weight: bold;font-size:18px;}
238 
.dialogcontain .dialoginfo .thanksblock{/*width:400px; margin:auto;*/}
239 
/*.dialogcontain .dialoginfo .thankbox{ margin:2px 6px;}*/
240 
.dialogcontain .dialoginfo .evadbox{ overflow:hidden;  /*position: relative; width:164px;*/}
241 
/*.dialogcontain .dialoginfo .evadbox .evadegree{position: absolute;right: 2px;top: 2px;}
242 
.dialogcontain .dialoginfo .evamargin{ margin:auto;}*/
243
244 
/*.dialogcontain .dialoginfo .evadtit{ margin:2px 6px;}*/
245 
.dialogcontain .dialoginfo .thankbox{ /*width:190px;*/}
231 246 
.dialogcontain .dialoginfo .thankbox span{ padding:0 12px;}
232 247 
.dialogcontain .dialoginfo .dialogsurebtn{margin: 10px auto;}
233 248 
.dialogcontain .dialoginfo .dialogsurebtn span {padding:6px 20px; border-radius:6px; background:#ff9900;color:#fff; cursor:pointer; }
234 249
235 
.dialogcontain .dialogstatus{ position:absolute; top:-20px; right: -8px;background: #ff9900; color: #fff; padding: 0 60px;border-radius: 20px 0 0 20px;z-index: 2; line-height: 40px; }
250 
.dialogcontain .dialogstatus{ position:absolute;min-width:100px; top:-20px; right: -8px;background: #ff9900; color: #fff; padding: 0 60px;border-radius: 20px 0 0 20px;z-index: 2; line-height: 40px; }
236 251 
.dialogcontain .dialogstatus em{position: absolute;width: 0px; height: 0px;border-top: 0px solid  rgb(180, 60, 6);border-bottom: 6px solid transparent;border-left: 8px solid  rgb(180, 60, 6); border-right: 0px solid transparent;right: 0px; bottom: -5px;}
237 252
238 253 
.dialogbody{ padding:20px; background:#E8F5FF; border-bottom:1px #d6d6d6 solid; min-height: 320px; overflow-y:auto;}
 
@ -247,7 +262,7 @@
247 262 
.dilmod .diluser{ width:60px; height:60px;}
248 263 
.dilmod .diluser .userface{ display:block; width:100%; height:100%;/*  border-radius:50%; */overflow:hidden;}
249 264
250 
.dilmod .dilinfobox{ max-width: 700px; padding:10px 20px; margin:8px 16px; border-radius:6px; position:relative;}
265 
.dilmod .dilinfobox{ max-width: 700px;min-height: 40px; padding:10px 20px; margin:8px 16px; border-radius:6px; position:relative;}
251 266 
.dilmod .dilinfobox_l{ background:#fff ; border: 1px  rgba(0,0,0,.1) solid;}
252 267 
.dilmod .dilinfobox_r{ background:#ADE0F9; border: 1px #C8ECFD solid;}
253 268 
.dilmod .dilinfobox .dilarrow{ display: block; width: 0px;height: 0px; margin:20px;border-width:10px;border-style:solid; position: absolute; top:-10px; }
 
@ -276,11 +291,60 @@
276 291
277 292 
/* 对话页咨询内容 */
278 293 
#dialog_consultContentTitle,#dialog_consultContent,#dialog_switch {display:inline-block;}
279 
#dialog_consultContentContainer {width:440px;height:auto;position:relative;}
294 
#dialog_consultContentContainer {/*width:440px;*/height:auto;position:relative;}
280 295 
#dialog_consultContent {}
281 
#dialog_switch {font-size:12px;text-align:center;cursor:pointer;font-family:Verdana;font-weight:800;position:absolute;bottom:12px;left:55%;width:100%;height:40px;line-height:80px;cursor:pointer;}
296 
.menuDown {font-size:12px;text-align:center;cursor:pointer;font-family:Verdana;font-weight:800;position:absolute;bottom:12px;left:55%;width:100%;height:40px;line-height:80px;}
282 297 
.dialog_sj{position: absolute;right: -16px;top: 6px;border: 6px solid #fff;border-color: #ff9900 transparent transparent;display: block;font-size: 0;height: 0;width: 0;}
283 298
299 
.consultBasicInfor{background: #ffffea;border-bottom:1px solid #d6d6d6;}
300 
.consultBasic{width:50%;padding:10px 20px 20px 40px;}
301 
.consultBasic:first-child{border-right:1px solid #d6d6d6;}
302 
.consultBasic .workhs{width: auto;}
303 
.consultBasic .workhs .workhead{width:60px;}
304 
.consultBasic .workinfor{width: auto;}
305 
.consultBasic .workinfor .named{font-size:16px;}
306 
.consultBasic .workinfor h5{font-size:14px;}
307 
.cBasicTit{font-size:16px;line-height:30px;text-align: center;}
308 
.basicBtn{text-align: center;padding:80px 10px 60px 10px; background-color:#FFFFFF;}
309 
.basicBtn span{padding:8px 40px;border-radius:6px;font-size: 15px;margin:4px;cursor: pointer;}
310 
.basicBtn span:first-child{border:1px solid #FF9900; color:#ff9900;}
311 
.basicBtn span.closeBtn{border:none;color:#FF0000}
312 
.basicBtn span:active{background: #FF9900;color:#FFFFFF;}
313
314 
.divideSpace{margin:4px auto 8px;}
315 
.demandBox{background: #FFFFFF;padding:40px 20px;}
316 
.demandBox label{font-size:15px; position: relative;}
317 
.demandBox label .requiredcon{right:-10px;}
318 
.chooseBox li{float: left;border-radius: 6px;cursor: pointer; margin:4px; border:1px solid #d6d6d6; }
319 
.chooseBox li span{line-height:24px;font-size:14px;text-align: center;padding:4px 26px;}
320 
.chooseBox li.checkedLi{background: #ff9900;color:#FFFFFF;border-color:#ff9900}
321 
.chooseBox li.checkedLi span{background:url(../images/choiceIcon.png) no-repeat 10px center;}
322 
.demandAim li{border-color:#6CA8FF;color:#6CA8FF;}
323 
.demandAim li.aimedLi{background: #6CA8FF;color:#FFFFFF;border-color:#6CA8FF}
324 
.demandAim li.aimedLi span{background:url(../images/choiceIcon.png) no-repeat 18% center;}
325 
.demandAim li.aimedLi:last-child span{background-position: 34% center;}
326 
.limitNum{text-align: right;color:#AAAAAA;}
327
328 
.divideSpace .littipCh{padding-left:10px;}
329 
.divideSpace .littipCh .littip p{text-indent: 2.1em;}
330 
.divideSpace .littipCh .littip{display: none;line-height: 20px;color:#BBBBBB;font-size: 12px;}
331 
.divideSpace .littipCh .littip:first-child{display: block;}
332
333 
.demandBox ul.boxnav li {width:31%; overflow: hidden;}
334 
.demandBox ul.boxnav li span{display:inline-block; width:100%;}
335 
.demandBox ul.boxnav.boxnavTo li:nth-child(2){width:64%}
336 
.demandBox ul.boxnav.boxnavTo li span{border:1px solid #ff9900;border-radius:6px;color:#FF9900;}
337 
.demandBox ul.boxnav.boxnavTo li{border:none}
338 
.demandBox ul.boxnav.boxnavTo li span.checkNow{background:url(../images/choiceIcon.png) no-repeat 28% center #ff9900;
339 
border-color:#FF9900; color:#FFFFFF}
340 
.demandBox ul.boxnav.boxnavTo li span.checkNo{border-color:#D3D3D3;background:#D3D3D3;color:#FFFFFF;}
341 
/*.demandBox .addlabelbtn{background: transparent;margin:0 10px;color:#FF9900;border:1px solid #ff9900;}*/
342 
.labelarea{padding:8px 0}
343 
.chooseBox li.deleteSubject span{padding:0 8px;}
344 
.basicBtngo{padding:4px 0; }
345 
.basicBtngo span{padding:6px 40px;}
346 
.linespace{height:20px;margin-top:20px;border-top:1px dashed #D6D6D6}
347
284 348 
/*////////////我的关注/////////////////*/
285 349 
.attentionBox{position:absolute;width:640px;left:50%;margin:80px 0 20px -320px;background:#fff;border-radius:10px;font-size:14px; z-index:1001; margin-bottom:40px;box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555; }
286 350 
.topTit{text-align:center;color:#FFFFFF; font-size:20px;line-height:46px;background: #ff9900;border-radius:10px 10px 0 0;height:46px;width: 100%;}

+ 19 - 18
diloags.html
View File 

@ -1,5 +1,4 @@
1 1
2 
<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> -->
3 2 
 <div class="consultdialogbox">
4 3 
	<div class="consultdialog">
5 4 
    	<div class="dialoghead">
 
@ -8,20 +7,22 @@
8 7 
        </div>
9 8 
        <div class="dialogcontain">
10 9 
        	<div class="dialoginfo">
11 
                <div class="dialoginfotype inline">
12 
	                <span id="">咨询主题：</span>
13 
	                <span class="dialogtit" id="dialog_consultTitle"></span>
10 
                <div class="dialoginfotype clearfix">
11 
	                <span class="dialogtitTopic floatL">咨询主题：</span>
12 
	                <span class="dialogtit dialogtitTopic floatL" id="dialog_consultTitle"></span>
14 13 
                </div>
15 
                <div class="dialoginfotype inline">
16 
                	<span id="">咨询类型：</span>
17 
                	<span class="dialogtit" id="dialog_consultType"></span>
14 
                <div class="dialoginfotype clearfix">
15 
                	<span class="floatL" id="">发起时间：</span>
16 
                	<span class="dialogtit floatL" id="dialog_consultTime"></span>
18 17 
                </div>
19 
                <div class="dialoginfotype" id="dialog_consultContentContainer">
20
21 
                	<div id="dialog_consultContentTitle">咨询内容：</div>
22 
                	<div class="dialogtit" id="dialog_consultContent"></div>
23 
                	<div id="dialog_switch"><span style="position:relative;">展开<em class="dialog_sj"></em></span></div>
24
18 
                <div class="dialoginfotype clearfix"> <!--inline-->
19 
                	<span class="floatL" id="">咨询目的：</span>
20 
                	<span class="dialogtit floatL" id="dialog_consultType"></span>
21 
                </div>
22 
                <div class="dialoginfotype clearfix" id="dialog_consultContentContainer">
23 
                	<div class="floatL" id="dialog_consultContentTitle">咨询内容：</div>
24 
                	<div class="dialogtit floatL" id="dialog_consultContent"></div>
25 
                	<div class="menuDown" id="dialog_switch"><span style="position:relative;">展开<em class="dialog_sj"></em></span></div>
25 26 
                </div>
26 27 
                <div class="dialoginfotype dialogbtnbox">
27 28 
	                <div class="dialogsurebtn displayNone" id="confirmBtn">
 
@ -38,9 +39,9 @@
38 39 
	                <div id="showAllAssess" class="thanksblock clearfix displayNone">
39 40 
	                	<input type="text" style="display:none;" id="startCount">
40 41 
	                	<div class="evadbox evamargin">
41 
		                	<div class="evadtit floatL">总体评价</div>
42 
		                	<div class="evadtit floatL">总体评价：</div>
42 43 
		                	<div class="evadegree floatL">
43 
		               			<div class="evastarbox2">
44 
		               			<div class="evastarbox2"style="margin-top: 4px;margin-left:-4px;">
44 45 
		               				<span class="evastar2"></span>
45 46 
		               				<span class="evastar2"></span>
46 47 
		               				<span class="evastar2"></span>
 
@ -49,9 +50,9 @@
49 50 
		               			</div>
50 51 
		                	</div>
51 52 
	                	</div>
52 
	                	<div class="displayNone" id="dialog_assessContent">
53 
	                		评价内容:
54 
	                		<span class="dialogtit" id="dialog_assessContentText" ></span>
53 
	                	<div class="clearfix displayNone" id="dialog_assessContent">
54 
	                		<div class="floatL" id="dialog_consultContentTitle">评价内容：</div>
55 
                			<div class="dialogtit floatL" id="dialog_assessContentText"></div>
55 56 
	                	</div>
56 57 
	                	<div class="thankbox  evamargin displayNone" id="dialog_thanks">
57 58 
		                	感谢金额

+ 239 - 0
needList.html
View File 

@ -0,0 +1,239 @@
1 
<!--  // 需求-->
2 
<div class="workconitem consublock">
3 
    <div class="workcontit">需求<a class="worksamlltit worksamlltit3 worksamlltitnow" href="#getConsult">搜索需求</a><a class="worksamlltit worksamlltit3" href="#getReply">我的需求</a></div>
4 
    <div class="worksubcon">
5 
    	<div class="workmysrc workmysrc3 displayNone" id="getConsult">
6 
             <div class="workmenubox clearfix">
7 
                <form class="workmenufrm floatR">
8 
                    <div class="workselectbox floatL consultSelect selcet3">
9 
                       <input type="text" id="consultSelectId" value="0" style="display:none;">
10 
                       <span  id="showStatus" class="workselectmenu" tip="0">不限</span>
11 
                       <div class="consultOption option3" style="display:none;">
12 
	                       <ul id="downbox" class="workdropdown" >
13 
	                            <li class="workcurrent" tip="0">不限</li>
14 
	                            <li class="" tip="1">技术咨询</li>
15 
	                            <li class="" tip="2">资源合作</li>
16 
	                            <li class="" tip="3">其他需求</li>
17 
	                       </ul>
18 
                       </div>
19 
                    </div>
20 
                    <div class="workselectbox floatL timeType selcet4">
21 
                    	<input type="text" id="timeTypeId" value="" style="display:none;">
22 
                        <span  id="showTimeSort" class="workselectmenu" tim="0">按最早发布时间排序</span>
23 
                        <div class="timeOption option4" style="display:none;">
24 
	                        <ul id="downbox1" class="workdropdown workdropdown2" >
25 
	                            <li tim="0" class="cur workcurrent">按最早发布时间排序</li>
26 
	                            <li tim="1" class="cur">按最新发布时间排序</li>
27 
	                       </ul>
28 
                        </div>
29
30 
                    </div>
31 
                    <input id="timeSortId" type="text" value="0" style="display:none;">
32 
                    <div class="workselectbox floatL">
33 
                        <div class="orderedbtn" id="consultArrow"><div></div></div>
34 
                    </div>
35
36 
                </form>
37 
             </div>
38
39 
            <div class="workselectcon" id="shoudao">
40 
                <div id="workContainer">
41 
                	<div id="workContainer2">
42 
	                	<div class='workselectitem'>
43 
						  <table width='100%'><tbody><tr><td width='14%' class='messagebox'>
44 
									<a class='workhead workitimg headRadius'>
45 
										<img class='headPhoto' src='images/default-photo.jpg'  width='100%' height='100%'>
46 
									</a>
47 
								</td>
48 
								<td style='position:relative;top:20px;' width='86%'>
49 
								<div class='workinfor worksitcon'><h4><a class='named' id='nameS'>["name"] </a>
50 
								 <a class='modifyicon authicon authicon-cu'></a><input type='text' class='assessStar' style='display: none;'></h4><h6 class='h3Font'>
51 
									<span>["title"]</span>, <span>["office"]</span>,<span>["orgName"]</span>,<span>["department"]</span> | <span>["address"]</span>
52 
									</h6><h6 style='position:relative;'>
53 
										<div class='titList'>需求主题：<em class='h4Font'> data[i]["consultTitle"] </em></div>
54 
											<span class='lasttime rightTime'>2017年3月9日 14:20</span>
55
56 
											<p class='rebackcon lastReplyCon' >lastReplyFn(userid,data[i]["consultId"])["lastReplyCon"]</p>
57 
											</div>
58 
											<div class='workhandle'>
59 
												<div class='rightopert floatR'>
60 
													<span class='replybtn'>查看
61 
													</span>
62 
												</div>
63 
												<div class='leftstate floatR'>
64 
													<span class='coultstate status-4'><i>寻找资源</i></span>
65 
												</div>
66 
												<div class='leftstate floatR'>
67 
													<span class='coultstate coulstAim status-4'><i>个人需求</i></span>
68 
												</div>
69 
											</div>
70 
										</td>
71 
									</tr></tbody></table>
72 
								</div>
73 
                	</div>
74
75 
                </div>
76 
                <div class="tcdPageCode getConsultPage"></div>
77 
            </div>
78 
        </div>
79
80 
        <div class="workmysrc workmysrc3" id="getReply"> <!--displayNone-->
81 
             <div class="workmenubox clearfix">
82 
             	<div class="workmenufrm floatL">
83 
             		<span class="frmtype frmbtn" id="needIssueBtn" style="padding:4px 24px;">发布新需求</span>
84 
             	</div>
85 
                <form class="workmenufrm floatR">
86 
                   <div class="workselectbox floatL replySelect selcet1">
87 
                    	<input id="replySelectId" type="text" value="0" style ="display:none;"/>
88 
                        <span id="showStatus2" class="workselectmenu" tip="0">全部</span>
89 
                        <div class="replyOption option1" style="display:none;">
90 
	                        <ul id="downbox" class="workdropdown" >
91 
	                            <li  class=" workcurrent" tip="0">全部</li>
92 
	                            <li  class="" tip="1">发布中</li>
93 
	                             <li  class="" tip="2">已关闭</li>
94 
	                       </ul>
95 
                        </div>
96 
                    </div>
97
98 
                   <div class="workselectbox floatL timeType selcet4">
99 
                    	<input type="text" id="timeTypeId" value="" style="display:none;">
100 
                        <span  id="showTimeSort" class="workselectmenu" tim="0">按最早发布时间排序</span>
101 
                        <div class="timeOption option4" style="display:none;">
102 
	                        <ul id="downbox1" class="workdropdown workdropdown2" >
103 
	                            <li tim="0" class="cur workcurrent">按最早发布时间排序</li>
104 
	                            <li tim="1" class="cur">按最新发布时间排序</li>
105 
	                       </ul>
106 
                        </div>
107
108 
                    </div>
109
110 
                    <input id="timeSortId2" type="text" value="0" style ="display:none;">
111 
                    <div class="workselectbox floatL">
112 
                        <div class="orderedbtn" id="replyArrow"><div></div></div>
113 
                    </div>
114
115 
                </form>
116 
             </div>
117
118 
            <div class="workselectcon" id="wode">
119 
                <div id="workContainer2">
120 
                	<div class='workselectitem'>
121 
					  <table width='100%'><tbody><tr>
122 
							<td style='position:relative;top:20px;'>
123 
								<div class='workinfor worksitcon'>
124 
									<h4><div class='titList h4Font' style="width:620px">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX（需求主题）data[i]["consultTitle"]</div></h4>
125 
									<h6 style='position:relative;'>
126 
										<div class="clearfix">
127 
											<div class="floatL">
128 
												发布时间：<span class='lasttime'>2017年3月3日 14:40 </span>
129 
											</div>
130 
											<!--关闭之后显示-->
131 
											<div class="floatL displayNone" style="margin-left:40px;">
132 
												关闭时间：<span class='lasttime'>2017年3月3日 18:40 </span>
133 
											</div>
134 
										</div>
135 
										<p class='rebackcon lastReplyCon' style="width: 860px;" >XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX（需求内容）lastReplyFn(userid,data[i]["consultId"])["lastReplyCon"]</p>
136 
									</h6>
137 
								</div>
138 
								<div class='workhandle'>
139 
									<div class='rightopert floatR'>
140 
										<span class='replybtn'>查看
141 
										</span>
142 
									</div>
143 
									<div class='leftstate floatR'>
144 
										<span class='coultstate status-1'><i>发布中</i></span>
145 
									</div>
146 
									<div class='leftstate floatR'>
147 
										<span class='coultstate status-4'><i>技术咨询</i></span>
148 
									</div>
149 
									<div class='leftstate floatR'>
150 
										<span class='coultstate coulstAim status-4'><i>企业需求</i></span>
151 
									</div>
152 
								</div>
153 
							</td>
154 
						</tr></tbody></table>
155 
					</div>
156 
                </div>
157 
                <div class="tcdPageCode getReplyPage"></div>
158 
            </div>
159 
        </div>
160
161 
    </div>
162 
</div>
163 
<!--  需求 // -->
164
165
166 
<script type="text/javascript">
167 
	//下拉菜单，点击选项和body，下拉菜单你消失
168 
	function selcet(i){
169 
		/* console.log($(".selcet"+i)); */
170 
		$(".selcet"+i).on('click',function(e){
171
172 
			var attrPa;
173 
			var option = $(this).find(".option"+i);
174 
			/* console.log(option); */
175 
			option
176 
			.css("display","block")
177 
			.slideDown();
178
179 
			if($(this).find(".workselectmenu").attr('tip')){
180 
				attrPa = 'tip';
181 
			}
182 
			if($(this).find(".workselectmenu").attr('tim')){
183 
				attrPa = 'tim';
184 
			};
185 
			var o_this = $(this);
186 
			o_this.find("li").click(function(){
187 
		    	option.slideUp();
188 
		    		/* console.log($(this)); */
189 
		    		o_this.find("li").removeClass("workcurrent");
190 
		    		$(this).addClass("workcurrent");
191 
			      o_this.find("span").text($(this).text());
192 
			      o_this.find("span").attr(attrPa,$(this).attr(attrPa));
193 
			     /*  $(this).find("span").attr(attrPa,$(this).attr(attrPa));
194 
			      $(this).find("input").val($(this).attr(attrPa)); */
195
196 
			      	consultStatus = $("#consultSelectId").val();//需求状态值
197 
					timeType = $("#timeTypeId").val();//时间类型值
198 
					sortType = $("#timeSortId").val();//排序值;
199
200 
					replyStatus = $("#replySelectId").val();//回复状态值
201 
					timeType2 = $("#timeTypeId2").val();//回复时间类型值
202 
					sortType2 = $("#timeSortId2").val();//回复中 排序值;
203 
		    });
204
205 
			$("body").click(function(e){
206 
				if($(e.target)["0"] == $("#showStatus2")["0"]){
207 
					 $(".select1").slideDown();
208 
				}else if($(e.target)["0"] == $("#showTimeSort2")["0"]){
209 
					$(".select2").slideDown();
210 
				}else if($(e.target)["0"] == $("#showStatus")["0"]){
211 
					$(".select3").slideDown();
212 
				}else if($(e.target)["0"] == $("#showTimeSort")["0"]){
213 
					$(".select4").slideDown();
214 
				}
215 
				else {
216 
					option.slideUp();
217 
				}
218
219 
			});
220
221 
		})
222 
	};
223 
	selcet(1);
224 
	selcet(2);
225 
	selcet(3);
226 
	selcet(4);
227
228 
	/*...点击之后的下拉*/
229 
	$(".moreopert").click(function(){
230 
		$(".moreopertbtn").eq($(".moreopert").index(this)).toggle();
231
232 
	})
233
234
235 
$("#needIssueBtn").click(function(){
236 
		$("body").css("position","fixed");
237 
		$("#needIssue").fadeIn();
238 
	})
239 
</script>

+ 51 - 0
needShow.html
View File 

@ -0,0 +1,51 @@
1
2 
 <div class="consultdialogbox">
3 
	<div class="consultdialog">
4 
    	<div class="dialoghead">
5 
        	<a class="backupbtn" id="backBtn"></a>
6 
            <div class="dheadtit">需求查看</div>
7 
        </div>
8 
        <div class="dialogcontain">
9 
        	<div class="dialoginfo">
10 
                <div class="dialoginfotype clearfix">
11 
	                <span class="floatL dialogtitTopic">需求主题：</span>
12 
	                <span class="dialogtit dialogtitTopic floatL" id="dialog_consultTitle">
13 
	                	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
14 
	                </span>
15 
                </div>
16 
                <div class="dialoginfotype clearfix inline">
17 
                	<span class="floatL" id="">发起时间：</span>
18 
                	<span class="dialogtit floatL" id="dialog_consultTime">2017年3月3日 18:00</span>
19 
                </div>
20 
                <!--关闭之后显示-->
21 
                <div class="dialoginfotype clearfix inline displayNone" style="margin-left:50px">
22 
                	<span class="floatL" id="">关闭时间：</span>
23 
                	<span class="dialogtit floatL" id="dialog_consultTime">2017年3月4日 18:00</span>
24 
                </div>
25 
                <div></div>
26 
                <div class="dialoginfotype clearfix inline">
27 
                	<span class="floatL" id="">需求类型：</span>
28 
                	<span class="dialogtit floatL" id="dialog_consultType">个人需求</span>
29 
                </div>
30 
                <div class="dialoginfotype clearfix inline" style="margin-left:50px">
31 
                	<span class="floatL" id="">需求目的：</span>
32 
                	<span class="dialogtit floatL" id="dialog_consultType">技术咨询</span>
33 
                </div>
34 
                <div class="dialoginfotype clearfix" id="dialog_consultContentContainer">
35 
                	<div class="floatL" id="dialog_consultContentTitle">需求内容：</div>
36 
                	<div class="dialogtit floatL" id="dialog_consultContent">
37 
                		Lorem 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 tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
38 
                	</div>
39 
                </div>
40 
            </div>
41 
            <div class="dialogstatus"><em></em><span id="dil_consultStatus">发布中</span></div><!--已关闭-->
42 
        </div>
43 
		<!--关闭之后隐藏-->
44 
    	<div class="basicBtn">
45 
	        <span class="closeBtn">关闭该需求</span>
46 
    	</div>
47
48 
	</div>
49 
</div>
50
51 
<script type="text/javascript"src="js/dialogs.js"></script>

+ 68 - 0
needSure.html
View File 

@ -0,0 +1,68 @@
1
2 
 <div class="consultdialogbox">
3 
	<div class="consultdialog">
4 
    	<div class="dialoghead">
5 
        	<a class="backupbtn" id="backBtn"></a>
6 
            <div class="dheadtit">需求确认</div>
7 
        </div>
8 
        <div class="dialogcontain">
9 
        	<div class="dialoginfo">
10 
                <div class="dialoginfotype clearfix">
11 
	                <span class="dialogtitTopic floatL">需求主题：</span>
12 
	                <span class="dialogtit dialogtitTopic floatL" id="dialog_consultTitle">
13 
	                	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
14 
	                </span>
15 
                </div>
16 
                <div class="dialoginfotype clearfix inline">
17 
                	<span class="floatL" id="">发起时间：</span>
18 
                	<span class="dialogtit floatL" id="dialog_consultTime">2017年3月3日 18:00</span>
19 
                </div>
20 
                <div></div>
21 
                <div class="dialoginfotype clearfix inline">
22 
                	<span class="floatL" id="">需求类型：</span>
23 
                	<span class="dialogtit floatL" id="dialog_consultType">个人需求</span>
24 
                </div>
25 
                <div class="dialoginfotype clearfix inline" style="margin-left:50px">
26 
                	<span class="floatL" id="">需求目的：</span>
27 
                	<span class="dialogtit floatL" id="dialog_consultType">技术咨询</span>
28 
                </div>
29 
                <div class="dialoginfotype clearfix" id="dialog_consultContentContainer">
30 
                	<div class="floatL" id="dialog_consultContentTitle">需求内容：</div>
31 
                	<div class="dialogtit floatL" id="dialog_consultContent">
32 
                		Lorem 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 tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
33 
                	</div>
34 
                </div>
35 
            </div>
36 
            <div class="dialogstatus"><em></em><span id="dil_consultStatus">发布中</span></div>
37 
        </div>
38 
        <div class="consultBasicInfor clearfix">
39 
	    	<div class="consultBasic floatL">
40 
	    		<h5 class="cBasicTit">需求发布者信息</h5>
41 
	    		<div class="workhs floatL">
42 
                    <a class="workhead headRadius" ><img src="images/default-photo.jpg"class="imgProfess" width="100%" height="100%"></a>
43 
                </div>
44 
	    		<div class="workinfor floatL">
45 
	                <h4><a  class="named" id="nameS">用户姓名</a><a class="modifyicon authicon2 authicon-mana"></a></h4>
46 
	                <h5><span id="title">职称</span><span id="office">，职位</span><span id="organization">，所属机构</span></h5>
47 
	            </div>
48 
	    	</div>
49 
	    	<div class="consultBasic floatL">
50 
	    		<!--<h5 class="cBasicTit">机构信息</h5>
51 
	    		<div class="workhs floatL">
52 
                    <a class="workhead headRadius" ><img src="images/default-photo.jpg"class="imgProfess" width="100%" height="100%"></a>
53 
                </div>
54 
	    		<div class="workinfor floatL">
55 
	                <h4><a  class="named" id="nameS">用户姓名</a><a class="modifyicon authicon authicon-cu"></a></h4>
56 
	                <h5><span id="title">职称</span><span id="office">，职位</span><span id="organization">，所属机构</span></h5>
57 
	            </div>-->
58 
	    	</div>
59 
	    </div>
60
61 
    	<div class="basicBtn">
62 
            <span>确认回复</span>
63 
    	</div>
64
65 
	</div>
66 
</div>
67
68 
<script type="text/javascript"src="js/dialogs.js"></script>

+ 68 - 0
rejectReason.html
View File 

@ -0,0 +1,68 @@
1 
<style type="text/css">
2 
	.menuDown {position:static;height:auto;line-height: normal;}
3 
</style>
4 
 <div class="consultdialogbox">
5 
	<div class="consultdialog">
6 
    	<div class="dialoghead">
7 
        	<a class="backupbtn" id="backBtn"></a>
8 
            <div class="dheadtit">与<span class="dialogpro" id="dial_consultName">XXX</span>的对话</div>
9 
        </div>
10 
        <div class="dialogcontain">
11 
        	<div class="dialoginfo">
12 
                <div class="dialoginfotype clearfix">
13 
	                <span class="dialogtitTopic floatL">咨询主题：</span>
14 
	                <span class="dialogtit dialogtitTopic floatL" id="dialog_consultTitle" >XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
15 
                </div>
16 
                <div class="dialoginfotype clearfix">
17 
                	<span class="floatL" id="">发起时间：</span>
18 
                	<span class="dialogtit floatL" id="dialog_consultTime">2017年3月8日 13:13</span>
19 
                </div>
20 
                <div class="dialoginfotype clearfix"> <!--inline-->
21 
                	<span class="floatL" id="">咨询目的：</span>
22 
                	<span class="dialogtit floatL" id="dialog_consultType">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
23 
                </div>
24 
                <div class="dialoginfotype clearfix" id="dialog_consultContentContainer">
25 
                	<div class="floatL" id="dialog_consultContentTitle">咨询内容：</div>
26 
                	<div class="dialogtit floatL" id="dialog_consultContent">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
27 
                </div>
28 
                <div class="rejectOver">
29 
	                <div class="dialoginfotype clearfix" id="dialog_consultContentContainer">
30 
	                	<div class="floatL" id="dialog_consultContentTitle">谢绝时间：</div>
31 
	                	<div class="dialogtit floatL">2017年3月9日 13:13</div>
32 
	                </div>
33 
	                <div class="dialoginfotype clearfix" id="dialog_consultContentContainer">
34 
	                	<div class="floatL" id="dialog_consultContentTitle">谢绝缘由：</div>
35 
	                	<div class="dialogtit floatL">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div>
36 
	                </div>
37 
               	</div>
38 
                <!--<div class="dialoginfotype">
39 
	                <div class="dialogsurebtn menuDown" id="dialog_switch">
40 
	                	<span>查看谢绝缘由</span>
41 
	                </div>
42 
	                <div class="dialogsurebtn menuDown displayNone" id="dialog_close">
43 
	                	<span>收起</span>
44 
	                </div>
45 
                </div>-->
46 
            </div>
47 
            <div class="dialogstatus"><em></em><span id="dil_consultStatus">已谢绝</span></div>
48 
        </div>
49
50 
        <div class="dialogbody clearfix dialog" id="dialogContent">
51
52
53 
        </div>
54
55 
    </div>
56 
</div>
57
58 
<script type="text/javascript"src="js/dialogs.js"></script>
59 
<!--<script type="text/javascript">
60 
	$("#dialog_switch").click(function(){
61 
		$(this).hide().siblings().show();
62 
		$(".rejectOver").slideDown();
63 
	})
64 
	$("#dialog_close").click(function(){
65 
		$(this).hide().siblings().show();
66 
		$(".rejectOver").slideUp();
67 
	})
68 
</script>-->

+ 14 - 9
workindex.html
View File 

@ -23,12 +23,16 @@
23 23
24 24 
                </div>
25 25 
                <div class="worksubblock floatL" style="border-left:1px solid #d6d6d6;">
26 
                    <div class="workcountup ">
27 
                        <div class="workcount" style="height: 50%;">
26 
                    <div class="workcountup clearfix">
27 
                        <div class="workcount floatL">
28 28 
                            <p><span class="workcountnum" id="unreadConsult"></span>条未读的咨询消息</p>
29 
                            <a class="worklinkbtn" id="lookMyConsult">>>查看我的咨询</a>
29 
                            <a class="worklinkbtn" id="lookMyConsult">>>点击查看</a>
30 30 
                        </div>
31 
                        <!-- <div class="workcount">
31 
                        <div class="workcount floatL">
32 
                            <p><span class="workcountnum">0</span>个发布中的需求</p>
33 
                            <a   class="worklinkbtn">>>点击搜索</a>
34 
                        </div>
35 
                         <!--<div class="workcount floatL">
32 36 
                            <p><span class="workcountnum" id="workcontain"></span>条正在进行的合作</p>
33 37 
                            <a   class="worklinkbtn" id="worklinkre">>>查看我的资源</a>
34 38 
                        </div> -->

@ -56,15 +60,16 @@
56 60 
                        </div>
57 61 
                        <div class="rightwb floatL">
58 62 
                            <ul class="evasort">
63 
                            	<li class="worktopic topicTheem"><span id="myFlatConsultTitle"></span></li>
59 64 
                                <li class="worktopic"><span class="topictime" id="myFlatConsultTime"></span></li>
60 
                                <li class="worktopic"><span id="myFlatConsultTitle"></span></li>
61 
                                <li class="workrecord"><span id="myFlatConsultContent"></span></li>
65 
                                <li class="workrecord workrecordMy"><span id="myFlatConsultContent"></span></li>
62 66 
                            </ul>
63 
                            <div class="writespan floatL">快速回复：</div>
67 
                            <!--<div class="writespan floatL">快速回复：</div>
64 68 
                            <form class="writebackbox">
65 69 
                                <textarea class="frmtype" id="myFlatConsultCon"></textarea>
66 70 
                                <input type="button" name="enterback" value="发送" id="myFlatSendConsultBtn" class="writeback floatR">
67 
                            </form>
71 
                            </form>-->
72 
                            <input type="button" name="enterback" value="查看" class="writeback floatR">
68 73 
                        </div>
69 74 
                    </div>
70 75 
                                

@ -81,8 +86,8 @@
81 86 
                        </div>
82 87 
                        <div class="rightwb floatL">
83 88 
                            <ul class="evasort">
89 
                            	<li class="worktopic topicTheem">回复：<span id="myFlatRelpyTitle"></span></li>
84 90 
                                <li class="worktopic"><span class="topictime" id="myFlatRelpyTime" ></span></li>
85 
                                <li class="worktopic">回复：<span id="myFlatRelpyTitle"></span></li>
86 91 
                                <li class="workrecord"><span id="myFlatRelpyContent"></span></li>
87 92 
                            </ul>
88 93 
                            <div class="writespan floatL">快速回复：</div>

+ 175 - 31
workspaces.html
View File 

@ -26,7 +26,7 @@
26 26
27 27 
<body>
28 28 
<!--我的关注-->
29 
<div class="blackcover" id="attentCover" style="display: none;">
29 
<div class="blackcover displayNone" id="attentCover">
30 30 
	<div class="attentionBox">
31 31 
		<div class="topTit">我的关注</div>
32 32 
		<div class="fixbox">

@ -43,6 +43,83 @@
43 43 
		<span class="workclose" id="workclose"></span>
44 44 
	</div>
45 45 
</div>
46 
<!--needIssue需求发布-->
47 
<div class="blackcover displayNone" id="needIssue">
48 
	<div class="attentionBox">
49 
		<div class="topTit">发布需求</div>
50 
		<div class="attentsCon">
51 
			<div class="demandBox" style="padding:20px">
52 
				<ul class="basicinfo">
53 
					<li><label>请选择您发布需求的目的<em class="requiredcon">*</em></label></li>
54 
					<li class="divideSpace" id="navsub">
55 
						<ul class="boxnav chooseBox demandAim clearfix">
56 
							<li class="aimedLi"><span>咨询技术难题</span></li>
57 
							<li><span>寻求研发资源</span></li>
58 
							<li><span>其他</span></li>
59 
						</ul>
60 
					</li>
61 
					<li><label>请选择您的需求类型<em class="requiredcon">*</em></label></li>
62 
					<li class="divideSpace" id="navsubTo" >
63 
						<ul class="boxnav boxnavTo chooseBox clearfix">
64 
							<li><span class=''>个人需求</span></li><!--默认状态是无class 选中状态checkNow-->
65 
							<li><span class='checkNo'>企业需求</span></li><!--不可用状态checkNo-->
66 
						</ul>
67 
						<div class="littipCh">
68 
							<div class="littip">注：当企业入住科袖后，企业的关联用户将可以发布企业需求</div>
69 
							<div class="littip">注：1、当完成实名认证后，您将可以发布个人需求。
70 
								<p>2、当您不再是当前企业的认证用户时，您的企业需求将自动关闭。</p></div>
71 
						</div>
72 
					</li>
73 
					<li class="divideSpace">
74 
						<div class="littip"></div>
75 
					</li>
76 
					<li><label>需求主题<em class="requiredcon">*</em></label></li>
77 
					<li class="divideSpace basicfrm"><input type="text" name="comname" placeholder="请用一句话概括您的需求" class="frmtype" id="demandContent"></li>
78 
					<li><label>需求内容<em class="requiredcon">*</em></label></li>
79 
					<li class="divideSpace">
80 
						<textarea class="frmtype" placeholder="请详细描述您遇到的问题，以便为您找到最合适的专家"></textarea>
81 
						<div class="limitNum">您还能输入<span id="countNum">300</span> 字</div>
82 
					</li>
83 
					<li><label>请选择需求涉及的行业或领域（可多选）</label></li>
84 
					<li class="divideSpace">
85 
						<ul class="chooseBox mutChecked clearfix">
86 
				       		<li><span>材料检测</span></li>
87 
				       		<li><span>防腐蚀</span></li>
88 
				       		<li class="checkedLi"><span>金属基复合材料</span></li>
89 
				       		<li class="checkedLi"><span>金属基复合材料</span></li>
90 
				       		<li><span>微晶金属材料</span></li>
91 
				       		<li class="checkedLi"><span>金属基复合材料</span></li>
92 
				       		<li><span>微晶金属材料</span></li>
93 
				       		<li><span>微晶金属材料</span></li>
94 
				       </ul>
95 
					</li>
96 
					<li class="divideSpace">
97 
						<div class="addlabel clearfix">
98 
							<input type="text" placeholder="您可以输入更多需求所涉及的行业或领域" class="frmtype floatL" style="width:78%">
99 
							<div class="basicBtn basicBtngo floatL">
100 
								<span>添加</span>
101 
							</div>
102 
							<!--<button class="frmtype frmbtn floatL addlabelbtn">添加</button>-->
103 
						</div>
104 
						<div class="labelarea">
105 
                        	<ul class="labelshow chooseBox clearfix" id="labelshow">
106 
					       		<li class="deleteSubject"><em>66666</em><span class="removeNu"><img src="images/move.png"></span></li>
107 
					       		<li class="deleteSubject"><em>66666</em><span class="removeNu"><img src="images/move.png"></span></li>
108 
					       	</ul>
109 
                        </div>
110 
					</li>
111 
				</ul>
112 
				<div class="linespace"></div>
113 
		    	<div class="basicBtn basicBtngo">
114 
			        <span style="padding:6px 60px;">发布</span>
115 
		    	</div>
116 
			</div>
117 
		</div>
118 
		<div style="height: 20px;"></div>
119 
		<span class="workclose" id="workclose2"></span>
120 
	</div>
121 
</div>
122
46 123 
<div id="header">
47 124 
	<a href="index.html" alt="科袖" class="logo"></a>
48 125 
	<div class="searchblock" style="display:block;">

@ -76,13 +153,18 @@
76 153 
</div>
77 154 
<div id="container">
78 155 
	<div class="con-center">
79 
        <div class="workmenu">
156 
        <div class="workmenu" style="height: 600px;">
80 157 
            <div class="workmenutit">我的工作台</div>
81 158 
            <div class="worksubmenu" id="consultbtn">咨询</div>
82 159 
            <!-- <div class="worksubmenu" id="sciresourcebtn">研发资源</div> -->
83 
            <div class="worksubmenu" id="newsciresourcebtn" style="display: none;">研发资源</div>
160 
            <div class="worksubmenu" id="newsciresourcebtn" style="display: none;">资源</div>
84 161 
           <!--  <div class="worksubmenu" id="sciprojectbtn">科研项目</div> -->
85 
            <div class="worksubmenu" id="newslist" style="display: none;">科研文章</div>
162 
            <div class="worksubmenu" id="newslist" style="display: none;">文章</div>
163 
            <div class="worksubmenu" id="needList">需求</div>
164 
            <div class="worksubmenu" id="needSure">需求确认</div>
165 
            <div class="worksubmenu" id="needShow">需求查看</div>
166 
            <div class="worksubmenu" id="consultSure">咨询确认</div>
167 
            <div class="worksubmenu" id="consultReject">谢绝咨询</div>
86 168 
        </div>
87 169
88 170 
        <div class="workcon">

@ -91,30 +173,11 @@
91 173
92 174 
    </div>
93 175 
</div>
94 
<div id="footer" class="clearfix">
95 
    <div class="wrapper clearfix">
96 
        <i class="footer-logo floatL"></i>
97 
        <div class="word_wrapper floatL">
98 
        	<a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span>
99 
            <a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span>
100 
            <a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span>
101 
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信
102 
            	<div class="code weixin_code"></div>
103 
            </a><span> | </span>
104 
            <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP
105 
            	<div class="code app_code"></div>
106 
            </a><span> | </span>
107 
            <span class="listlink">客服邮箱：<a style="color:#fff" rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span>
108 
            <span> | </span>
109 
            <span class="listlink">客服热线： 010-62343359（9:00-17:00）</span>
110 
        </div>
111 
    </div>
112 
    <div class="copyright">
113 
        <span><em> © </em>2016 北京科袖科技有限公司</span>
114 
        <span> | 京ICP备16042588号-1 | </span>
115 
        <a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a>
116 
    </div>
117 
</div>
176
177 
<footer>
178 
	<script type="text/javascript" src="js/footer.js"></script>
179 
</footer>
180
118 181 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
119 182 
<script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.config.js"></script>
120 183 
<script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.all.js"> </script>

@ -140,9 +203,6 @@
140 203 
				replyStatus = $("#replySelectId").val();//回复状态值
141 204 
				timeType2 = $("#timeTypeId2").val();//回复时间类型值
142 205 
				sortType2 = $("#timeSortId2").val();//回复中 排序值;
143
144
145
146 206 
	    });
147 207 
	  };
148 208 


@ -157,6 +217,90 @@
157 217 
<script type="text/javascript" src="js/workspace.js"></script>
158 218 
<script type="text/javascript" src="js/consult.js"></script>
159 219
220 
<script type="text/javascript">
221
222
223 
	//关闭按钮
224 
	$("#workclose2").click(function(){
225 
		$("#needIssue").fadeOut();
226 
		$("body").css("position","");
227 
	});
228
229 
	//需求列表
230 
	$(".workmenu").on("click","#needList",function(){
231 
		$.ajax({
232 
			"url":"needList.html",
233 
			"dataType":"html",
234 
			"success":function(result){
235 
				//console.log(data);
236 
				$(".workcon").html(result);
237 
			}
238 
		})
239 
	})
240 
	//需求确认
241 
	$(".workmenu").on("click","#needSure",function(){
242 
		$.ajax({
243 
			"url":"needSure.html",
244 
			"dataType":"html",
245 
			"success":function(result){
246 
				//console.log(data);
247 
				$(".workcon").html(result);
248 
			}
249 
		})
250 
	})
251 
	//需求查看
252 
	$(".workmenu").on("click","#needShow",function(){
253 
		$.ajax({
254 
			"url":"needShow.html",
255 
			"dataType":"html",
256 
			"success":function(result){
257 
				//console.log(data);
258 
				$(".workcon").html(result);
259 
			}
260 
		})
261 
	})
262 
	//咨询确认
263 
	$(".workmenu").on("click","#consultSure",function(){
264 
		$.ajax({
265 
			"url":"consultSure.html",
266 
			"dataType":"html",
267 
			"success":function(result){
268 
				//console.log(data);
269 
				$(".workcon").html(result);
270 
			}
271 
		})
272 
	})
273 
	//谢绝咨询
274 
	$(".workmenu").on("click","#consultReject",function(){
275 
		$.ajax({
276 
			"url":"rejectReason.html",
277 
			"dataType":"html",
278 
			"success":function(result){
279 
				//console.log(data);
280 
				$(".workcon").html(result);
281 
			}
282 
		})
283 
	})
160 284
285 
	//需求目的选择（技术/资源/其他）
286 
	$(".demandAim").on('click','li',function(){
287 
		var aimlist = $('.demandAim li');
288 
		aimlist.removeClass('aimedLi');
289 
		$(this).addClass('aimedLi');
290 
	});
291 
	//需求类型选择（个人/企业）
292 
	$(".boxnavTo").on('click','li',function(){
293 
		var aimlist = $('.boxnavTo li');
294 
//		aimlist.find("span").removeClass('checkNow');
295 
		$(this).find("span").addClass('checkNow');
296 
	});
297 
	//谢绝缘由（多选）
298 
	$(".mutChecked").on('click','li',function(){
299 
		var aimlist = $('.mutChecked li');
300 
//		aimlist.find("span").removeClass('checkNow');
301 
		$(this).find("span").addClass('checkNow');
302 
	});
303
304 
</script>
161 305 
</body>
162 306 
</html>