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

需求发布需求修改

jack 7 years ago
parent
16487fa789
commit
bdec6924e8
5 changed files with 571 additions and 87 deletions
Split View Show Diff Stats
  1. 1 1
      css/postDemand.css
  2. 65 43
      demandModify.html
  3. 243 0
      js/demandModify.js
  4. 203 0
      js/postDemand.js
  5. 59 43
      postDemand.html

+ 1 - 1
css/postDemand.css
View File 

@ -17,7 +17,7 @@ input{ outline:none;}
17 17 
.postUl>li>span{width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #AAAAAA;position: absolute;right:19px;top: 75px;}
18 18 
.postColor{width: 100%;height: 40px;padding:0 20px;background: orange;line-height: 40px;font-size: 16px;color: while;}
19 19 
.postUl>li{position: relative;}
20 
.postColor>.closeFeed{background:url(../images/bottom_button_guanbi_nor.png) no-repeat center center;display: block;width: 16px;height:16px;margin-top: 10px;}
20 
.postColor>.closeFeed{background:url(../images/bottom_button_guanbi_nor.png) no-repeat center center;display: block;width: 16px;height:16px;margin-top: 10px;cursor:pointer;}
21 21 
.postColor>.floatL{color: #fff;}
22 22 
.postUss{padding:10px 20px;}
23 23 
.postUl>li>.spanR{right: 12px;}

+ 65 - 43
demandModify.html
View File 

@ -6,13 +6,30 @@
6 6 
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7 7 
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
8 8 
		<title>科袖网</title>
9 
		<link href="css/bootstrap.min.css" rel="stylesheet">
9 
		<link href="cmp-portal/css/bootstrap.min.css" rel="stylesheet">
10 
		<link type="text/css" rel="stylesheet" href="cmp-portal/css/bootstrap-datetimepicker.min.css">
10 11 
		<link type="text/css" href="css/postDemand.css" rel="stylesheet">
11 12 
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
12 13 
		<link type="text/css" href="css/common.css" rel="stylesheet">
13 14 
		<link type="text/css" href="css/genindex.css" rel="stylesheet">
15 
		<style type="text/css">
16 
			.dropdown-menu {
17 
				min-width: 280px;
18 
			}
19
20 
			.dropdown-menu table {
21 
				width: 100%;
22 
			}
23
24 
			input.frmtype[readonly] {
25 
				color: #333;
26 
			}
27
28 
			.worksubcon {
29 
				padding: 30px;
30 
			}
31 
		</style>
14 32 
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
15 
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
16 33 
	</head>
17 34
18 35 
	<body>

@ -27,14 +44,14 @@
27 44 
				<div class="contentCon clearfix conBlock">
28 45 
					<div class="leftconBox floatL h3Font">
29 46 
						<div class="showDetail">
30 
							<div class="h1Font">Microstructure and superconducting properties of（BaTiO,YO）-doped YBCO films under different firing temperatures</div>
47 
							<div class="h1Font" id="demandTitle">Microstructure and superconducting properties of（BaTiO,YO）-doped YBCO films under different firing temperatures</div>
31 48 
							<div class="operateBlock bottomShow">
32 49 
								<ul class="clearfix">
33 
									<li><span>5月8日 18:00</span></li>
50 
									<li><span id="publishTime">5月8日 18:00</span></li>
34 51 
									<li><span>浏览量</span> <span id="pageView">280</span></li>
35 52 
								</ul>
36 53 
							</div>
37 
							<div class="showMain showMainP">
54 
							<div class="showMain showMainP" id="demandContent">
38 55 
								<div class="showCon">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.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.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. </div>
39 56 
							</div>
40 57 
						</div>

@ -56,7 +73,7 @@
56 73 
				                                       		<em class="mr_sj"></em>
57 74 
				                                            <i class="mr_show" id="ocity">请选择城市</i>
58 75 
				                                            <ul>
59 
				                                              <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
76 
				                                                <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
60 77 
				                                            </ul>
61 78 
				                                            <input type="hidden" name="cho_City" value="请选择城市 ">
62 79 
				                                        </span>

@ -65,27 +82,27 @@
65 82 
						</ul>
66 83 
						<ul class="clearfix postUl">
67 84 
							<li class="floatL col-w-6">
68 
								<p class="demandTit">费用预算<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
69 
								<select class="frmcontype">
70 
									<option value="请选择预算范围">请选择预算范围</option>
71 
									<option value="一万元以内">一万元以内</option>
72 
									<option value="1-5万元">1-5万元</option>
73 
									<option value="5-10万元">5-10万元</option>
74 
									<option value="10-20万元">10-20万元</option>
75 
									<option value="20-50万元">20-50万元</option>
76 
									<option value="50万元以上">50万元以上</option>
85 
								<p class="demandTit">费用预算</p>
86 
								<select class="frmcontype" id="spendCost">
87 
									<option value="">请选择预算范围</option>
88 
									<option value="1">一万元以内</option>
89 
									<option value="2">1-5万元</option>
90 
									<option value="3">5-10万元</option>
91 
									<option value="4">10-20万元</option>
92 
									<option value="5">20-50万元</option>
93 
									<option value="6">50万元以上</option>
77 94 
								</select>
78 95 
								<span></span>
79 96 
							</li>
80 97 
							<li class="floatR col-w-6 postChild">
81 
								<p class="demandTit">预期时长<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
82 
								<select class="frmcontype">
83 
									<option value="请选择预期时长">请选择预期时长</option>
84 
									<option value="1个月内">1个月内</option>
85 
									<option value="1-3个月">1-3个月</option>
86 
									<option value="3-6个月">3-6个月</option>
87 
									<option value="6-12个月">6-12个月</option>
88 
									<option value="6-">一年以上</option>
98 
								<p class="demandTit">预期时长</p>
99 
								<select class="frmcontype" id="budget">
100 
									<option value="">请选择预期时长</option>
101 
									<option value="1">1个月内</option>
102 
									<option value="2">1-3个月</option>
103 
									<option value="3">3-6个月</option>
104 
									<option value="4">6-12个月</option>
105 
									<option value="5">一年以上</option>
89 106 
								</select>
90 107 
								<span class="spanR"></span>
91 108 
							</li>

@ -93,21 +110,28 @@
93 110 
						<ul class="clearfix postUl">
94 111 
							<li class="floatL col-w-6">
95 112 
								<p class="demandTit">需求有效期<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
96 
								<select class="frmcontype">
113 
								<!--<select class="frmcontype">
97 114 
									<option value="请选择截止日期">请选择截止日期</option>
98 
								</select>
115 
								</select>-->
116 
								<div class="input-append date form_date dateBtn" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
117 
									<em class="mr_sj"></em>
118 
									<input size="16" type="text" value="" readonly class="frmtype frmcontype" placeholder="请选择企业的创立时间" id="createTime">
119 
									<span class="dateIcon"><i class="icon-calendar"></i></span>
120 
									<span class="add-on"><i class="icon-th displayNone"></i></span>
121 
								</div>
122 
								<input type="hidden" id="dtp_input2" value="" />
99 123 
								<span></span>
100 124 
							</li>
101 125 
							<li class="floatR col-w-6 postChild">
102 
								<p class="demandTit">联系电话<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填，50字以内</span></p>
103 
								<input type="text" placeholder="请填写您的联系电话，以便客服与您联系" class="frmcontype" />
126 
								<p class="demandTit">联系电话<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
127 
								<input type="text" placeholder="请填写您的联系电话，以便客服与您联系" class="frmcontype" maxlength="50" id="phone" />
104 128 
							</li>
105 129 
						</ul>
106 130
107 131 
						<div class="last_postCenter">
108 
							<button class="btnModel posted outN">保存修改</button>
109 
							<button class="btnModel posted outN">需求已完成</button>
110 
							<span class="lastDemand">关闭该需求</span>
132 
							<button class="btnModel posted outN" id="modia">保存修改</button>
133 
							<button class="btnModel posted outN" id="complete">需求已完成</button>
134 
							<span class="lastDemand" id="closeDemand">关闭该需求</span>
111 135 
						</div>
112 136 
					</div>
113 137 
					<div class="rightconBox floatR">

@ -115,7 +139,7 @@
115 139 
							<a href="" class="qiyego">
116 140 
								<div class="madiaHead cmpHead" id="Qimg">
117 141 
									<div class="boxBlock">
118 
										<img class="boxBlockimg" src="images/banner/banner01.jpg" id="companyImg">
142 
										<img class="boxBlockimg" src="" id="companyImg">
119 143 
									</div>
120 144 
								</div>
121 145 
							</a>

@ -123,9 +147,9 @@
123 147 
								<div class="h3Font clearfix">
124 148 
									<a class="h1Font qiyego" id="Qname">
125 149
126 
										北京赛亿科技股份有限公司
150
127 151 
									</a>
128 
									<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="QauthFlag"></span>
152 
									<span class="authiconNew "  id="QauthFlag"></span>
129 153 
								</div>
130 154 
							</div>
131 155 
							<div class="form-item otherBlock currentBlock">

@ -133,15 +157,15 @@
133 157 
								<div class="form-result addexpertRe" style="margin-top:0">
134 158 
									<ul class="addexpert" id="expertli">
135 159 
										<li class="flexCenter">
136 
											<div class="madiaHead useHead">
160 
											<div class="madiaHead useHead" id="proImg">
137 161
138 162 
											</div>
139 163 
											<div class="madiaInfo" style="padding-right:0 ;">
140 164 
												<p class="ellipsisSty">
141 
													<span class="h1Font">赵韵凯</span>
142 
													<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
165 
													<span class="h1Font" id="proName"></span>
166 
													<em class="authiconNew " id="auth"></em>
143 167 
												</p>
144 
												<p class="h2Font ellipsisSty">经理经理经理经理经理经理经理经理</p>
168 
												<p class="h2Font ellipsisSty" id="brief"></p>
145 169 
											</div>
146 170 
										</li>
147 171 
									</ul>

@ -153,20 +177,18 @@
153 177 
				</div>
154 178 
			</div>
155 179 
		</div>
156 
		<!--mian end-->
157 
		<!--footer-->
158 180 
		<footer>
159 181 
			<script type="text/javascript" src="js/footer.js"></script>
160 182 
		</footer>
161 
		<!--end footer-->
162 
		<!--<div class="footer_tools">
163 
			<a id="scrollUp" href="javascript:;" title="返回顶部"></a>
164 
		</div>-->
165 183 
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
184 
		<script type="text/javascript" src="cmp-portal/js/public/bootstrap.min.js"></script>
185 
		<script type="text/javascript" src="cmp-portal/js/public/bootstrap-datetimepicker.js"></script>
166 186 
		<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
167 187 
		<script type="text/javascript" src="js/jquery.page.js"></script>
168 188 
		<script src="js/city.min.js" type="text/javascript" charset="utf-8"></script>
169 189 
		<script type="text/javascript" src="js/common.js"></script>
170 190 
	</body>
191 
	<script src="js/demandModify.js"></script>
192 
	</body>
171 193
172 194 
</html>

+ 243 - 0
js/demandModify.js
View File 

@ -0,0 +1,243 @@
1 
$(document).ready(function() {
2 
	var userid = $.cookie("userid");
3 
	var demandId = GetQueryString("demandId");
4 
	var a = new Date();
5 
	var c = a.getFullYear() + "-" + (Number(a.getMonth()) + 1) + "-" + (Number(a.getDate()) + 1);
6 
	$('.dateBtn').datetimepicker({
7 
		language: 'en',
8 
		weekStart: 0,
9 
		todayBtn: 1,
10 
		autoclose: 1,
11 
		todayHighlight: 1,
12 
		startView: 2,
13 
		minView: 2,
14 
		forceParse: 0,
15 
		startDate: c,
16 
	});
17 
	/*联系电话*/
18 
	$("#phone").bind({
19 
		focus: function() {
20 
			$(this).siblings().find("span").show();
21 
		},
22 
		blur: function() {
23 
			$(this).siblings().find("span").hide();
24 
		}
25 
	})
26
27 
	function queryOnedemand() {
28 
		$.ajax({
29 
			"url": "/ajax/demand/qo",
30 
			"type": "GET",
31 
			"data": {
32 
				"id": demandId,
33 
			},
34 
			"contentType": "application/x-www-form-urlencoded",
35 
			"traditional": true,
36 
			"dataType": "json",
37 
			"success": function(data) {
38 
				if(data.success) {
39 
					var $data = data.data;
40 
					$("#demandTitle").text($data.title);
41 
					$("#publishTime").text(commenTime(createTime));
42 
					$("#pageView").text($data.pageViews);
43 
					$("#demandContent").text($data.descp);
44 
					$("#oprovince").text($data.province);
45 
					$("#ocity").text($data.city);
46 
					$("#spendCost").val($data.cost);
47 
					$("#budget").val($data.duration);
48 
					$("#createTime").val(changeTime($data.createTime));
49 
					$("#phone").val($data.contactNum);
50 
				}
51 
			},
52 
			"error": function() {
53 
				$.MsgBox.Alert('提示', '服务器连接超时');
54 
			}
55 
		});
56 
	}
57
58 
	function formatDate(date) {
59 
		var y = date.getFullYear();
60 
		var m = date.getMonth() + 1;
61 
		m = m < 10 ? '0' + m : m;
62 
		var d = date.getDate();
63 
		d = d < 10 ? ('0' + d) : d;
64 
		return y + '-' + m + '-' + d;
65 
	};
66
67 
	function test() {
68 
		if($("#oprovince").text() == "请选择省/直辖市") {
69 
			$.MsgBox.Alert('提示', '请选择省/直辖市');
70 
			return;
71 
		}
72 
		if($("#ocity").text() == "请选择城市") {
73 
			$.MsgBox.Alert('提示', '请选择城市');
74 
			return;
75 
		}
76 
		if($("#createTime").val() == "") {
77 
			$.MsgBox.Alert('提示', '请选择需求有效期');
78 
			return;
79 
		} else {
80 
			if(formatDate(c) > $("#createTime").val()) {
81 
				$.MsgBox.Alert('提示', '该需求已过期，请修改有效期，若已解决请点击「需求已完成」按钮');
82 
				return;
83 
			}
84 
		}
85 
		if($("#phone").val().trim() == "") {
86 
			$.MsgBox.Alert('提示', '请填写联系电话');
87 
			return;
88 
		} else if($("#phone").val().length > 50) {
89 
			$.MsgBox.Alert('提示', '联系电话不得超过50个字');
90 
			return;
91 
		}
92 
		return 1;
93 
	}
94 
	$("#modia").click(function() {
95 
		if(test()) {
96 
			pDemand();
97 
		}
98 
	});
99 
	$("#complete").click(function() {
100 
		$.MsgBox.Confirm("提示", "确认需求已完成？", com);
101 
	});
102 
	$("#closeDemand").click(function() {
103 
		$.MsgBox.Confirm("提示", "确认关闭该需求？", closeDe);
104 
	});
105
106 
	function com() {
107 
		$.ajax({
108 
			"url": "/ajax/demand/over",
109 
			"type": "POST",
110 
			"data": {
111 
				"id": userid,
112 
				"uid": demandId
113 
			},
114 
			"contentType": "application/x-www-form-urlencoded",
115 
			"traditional": true,
116 
			"dataType": "json",
117 
			"success": function(data) {
118 
				if(data.success) {
119 
					location.href = "myDemand.html";
120 
				}
121 
			},
122 
			"error": function() {
123 
				$.MsgBox.Alert('提示', '服务器连接超时');
124 
			}
125 
		});
126 
	}
127
128 
	function closeDe() {
129 
		$.ajax({
130 
			"url": "/ajax/demand/close",
131 
			"type": "POST",
132 
			"data": {
133 
				"id": userid,
134 
				"uid": demandId
135 
			},
136 
			"contentType": "application/x-www-form-urlencoded",
137 
			"traditional": true,
138 
			"dataType": "json",
139 
			"success": function(data) {
140 
				if(data.success) {
141 
					location.href = "myDemand.html";
142 
				}
143 
			},
144 
			"error": function() {
145 
				$.MsgBox.Alert('提示', '服务器连接超时');
146 
			}
147 
		});
148 
	}
149 
	/*时间转换成6位传给后台*/
150 
	function st6(osr) {
151 
		var tim = osr.substring(0, 4) + osr.substring(5, 7) + osr.substring(8, 10);
152 
		return tim;
153 
	}
154
155 
	function pDemand() {
156 
		$.ajax({
157 
			"url": "/ajax/demand/modify",
158 
			"type": "POST",
159 
			"data": {
160 
				"province": $("#oprovince").text(),
161 
				"city": $("#ocity").text(),
162 
				"cost": $("#spendCost").val(),
163 
				"duration": $("#budget").val(),
164 
				"invalidDay": st6($("#createTime").val()),
165 
				"contactNum": $("#phone").val(),
166 
				"modifier": userid,
167 
			},
168 
			"contentType": "application/x-www-form-urlencoded",
169 
			"traditional": true,
170 
			"dataType": "json",
171 
			"success": function(data) {
172 
				if(data.success) {
173 
					location.href = "myDemand.html";
174 
				}
175 
			},
176 
			"error": function() {
177 
				$.MsgBox.Alert('提示', '服务器连接超时');
178 
			}
179 
		});
180 
	}
181 
	/*查询企业信息*/
182 
	function queryOrg(orgId) {
183 
		$.ajax({
184 
			"url": "/ajax/org/" + orgId,
185 
			"type": "GET",
186 
			"traditional": true,
187 
			"dataType": "json",
188 
			"success": function(data) {
189 
				if(data.success) {
190 
					var $data = data.data;
191 
					if($data.isJoin == 1) {
192 
						if($data.forShort) {
193 
							$("#Qname").text($data.forShort)
194 
						} else {
195 
							$("#Qname").text($data.name)
196 
						}
197 
						$("#Qname").attr("href", "cmpInforShow.html?orgId=" + $data.id);
198 
						if($data.authStatus == 3) {
199 
							$("#QauthFlag").addClass("authicon-com-ok").attr("title", "科袖认证企业");
200 
						}
201 
						if($data.hasOrgLogo) {
202 
							$("#companyImg").attr("src", "/images/org/" + $data.id + ".jpg");
203 
						} else {
204 
							$("#companyImg").attr("src", "/images/default-icon.jpg");
205 
						}
206 
					} else {
207 
						$("#Qname").text($data.name);
208 
						$("#companyImg").attr("src", "/images/default-icon.jpg");
209 
					}
210 
				}
211 
			},
212 
			"error": function() {
213 
				$.MsgBox.Alert('提示', '服务器连接超时');
214 
			}
215 
		});
216 
	}
217
218 
	function personMess() {
219 
		$.ajax({
220 
			"url": "/ajax/professor/baseInfo/" + userid,
221 
			"type": "GET",
222 
			"traditional": true,
223 
			"dataType": "json",
224 
			"success": function(data) {
225 
				if(data.success) {
226 
					var $data = data.data;
227 
					var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
228 
					$("#auth").attr("title", userType.title).addClass(userType.sty);
229 
					$("#proName").text($data.name);
230 
					if($data.hasHeadImage) {
231 
						$("#proImg").attr("style", "background-image: url(/images/head/" + $data.id + "_l.jpg);");
232 
					}
233 
					var oT = ($data.title) ? $data.title : ($data.office ? $data.office : "");
234 
					$("#brief").text(oT);
235 
					queryOrg(orgId);
236 
				}
237 
			},
238 
			"error": function() {
239 
				$.MsgBox.Alert('提示', '服务器连接超时');
240 
			}
241 
		});
242 
	}
243 
})

+ 203 - 0
js/postDemand.js
View File 

@ -0,0 +1,203 @@
1 
$(document).ready(function() {
2 
	var userid = $.cookie("userid");
3 
	var orgId="";
4 
	$("body").on("click", function(event) {
5 
		var event = event ? event : window.event;
6 
		var obj = event.srcElement ? event.srcElement : event.target;
7 
		if($('.boxHid').css("display") === "none") {
8 
			if($(obj).hasClass("howbtn")) {} else {
9 
				return;
10 
			}
11 
		}
12 
		if($(obj).hasClass("closeFeed")) {} else {
13 
			if($(obj).parents(".boxHid").hasClass("boxHid")) {
14 
				return;
15 
			}
16 
		}
17 
		$('.boxHid').toggle();
18 
		event.stopPropagation();
19 
	})
20 
	var a = new Date();
21 
	var c = a.getFullYear() + "-" + (Number(a.getMonth()) + 1) + "-" + (Number(a.getDate()) + 1);
22 
	$('.dateBtn').datetimepicker({
23 
		language: 'en',
24 
		weekStart: 0,
25 
		todayBtn: 1,
26 
		autoclose: 1,
27 
		todayHighlight: 1,
28 
		startView: 2,
29 
		minView: 2,
30 
		forceParse: 0,
31 
		startDate: c,
32 
	});
33 
	/*需求主题*/
34 
	$("#demandTitle").bind({
35 
		focus: function() {
36 
			$(this).siblings().find("span").show();
37 
		},
38 
		blur: function() {
39 
			$(this).siblings().find("span").hide();
40 
		}
41 
	})
42 
	/*需求内容*/
43 
	$("#remarkContent").bind({
44 
		focus: function() {
45 
			$(this).parent().siblings().find("span").show();
46 
		},
47 
		blur: function() {
48 
			$(this).parent().siblings().find("span").hide();
49 
		},
50 
		input: function() {
51 
			$(".msgconNum").find("em").text($(this).val().length);
52 
		}
53 
	})
54 
	/*联系电话*/
55 
	$("#phone").bind({
56 
		focus: function() {
57 
			$(this).siblings().find("span").show();
58 
		},
59 
		blur: function() {
60 
			$(this).siblings().find("span").hide();
61 
		}
62 
	})
63
64 
	function test() {
65 
		if($("#demandTitle").val().trim() == "") {
66 
			$.MsgBox.Alert('提示', '请填写需求主题');
67 
			return;
68 
		} else if($("#demandTitle").val().length > 50) {
69 
			$.MsgBox.Alert('提示', '需求主题不得超过50个字');
70 
			return;
71 
		}
72 
		if($("#remarkContent").val().trim() == "") {
73 
			$.MsgBox.Alert('提示', '请填写需求内容');
74 
			return;
75 
		} else if($("#remarkContent").val().length > 1000) {
76 
			$.MsgBox.Alert('提示', '需求内容不得超过1000个字');
77 
			return;
78 
		}
79 
		if($("#oprovince").text() == "请选择省/直辖市") {
80 
			$.MsgBox.Alert('提示', '请选择省/直辖市');
81 
			return;
82 
		}
83 
		if($("#ocity").text() == "请选择城市") {
84 
			$.MsgBox.Alert('提示', '请选择城市');
85 
			return;
86 
		}
87 
		if($("#createTime").val() == "") {
88 
			$.MsgBox.Alert('提示', '请选择需求有效期');
89 
			return;
90 
		}
91 
		if($("#phone").val().trim() == "") {
92 
			$.MsgBox.Alert('提示', '请填写联系电话');
93 
			return;
94 
		} else if($("#phone").val().length > 50) {
95 
			$.MsgBox.Alert('提示', '联系电话不得超过50个字');
96 
			return;
97 
		}
98 
		return 1;
99 
	}
100 
	$(".posted").click(function() {
101 
		if(test()) {
102 
			pDemand();
103 
		}
104 
		event.stopPropagation();
105 
	});
106 
	/*时间转换成6位传给后台*/
107 
	function st6(osr) {
108 
		var tim = osr.substring(0, 4) + osr.substring(5, 7) + osr.substring(8, 10);
109 
		return tim;
110 
	}
111
112 
	function pDemand() {
113 
		$.ajax({
114 
			"url": "/ajax/demand",
115 
			"type": "POST",
116 
			"data": {
117 
				"title": $("#demandTitle").val(),
118 
				"descp": $("#remarkContent").val(),
119 
				"province": $("#oprovince").text(),
120 
				"city": $("#ocity").text(),
121 
				"cost": $("#spendCost").val(),
122 
				"duration": $("#budget").val(),
123 
				"invalidDay": st6($("#createTime").val()),
124 
				"contactNum": $("#phone").val(),
125 
				"creator": userid,
126 
				"orgId": orgId
127 
			},
128 
			"contentType": "application/x-www-form-urlencoded",
129 
			"traditional": true,
130 
			"dataType": "json",
131 
			"success": function(data) {
132 
				if(data.success) {
133 
					location.href="myDemand.html";
134 
				}
135 
			},
136 
			"error": function() {
137 
				$.MsgBox.Alert('提示', '服务器连接超时');
138 
			}
139 
		});
140 
	}
141 
	/*查询企业信息*/
142 
	function queryOrg() {
143 
		$.ajax({
144 
			"url": "/ajax/org/"+orgId,
145 
			"type": "GET",
146 
			"traditional": true,
147 
			"dataType": "json",
148 
			"success": function(data) {
149 
				if(data.success) {
150 
					var $data=data.data;
151 
					if($data.isJoin==1) {
152 
						if($data.forShort) {
153 
							$("#Qname").text($data.forShort)
154 
						}else{
155 
							$("#Qname").text($data.name)
156 
						}
157 
						$("#Qname").attr("href","cmpInforShow.html?orgId="+$data.id);
158 
						if($data.authStatus==3) {
159 
							$("#QauthFlag").addClass("authicon-com-ok").attr("title","科袖认证企业");
160 
						}
161 
						if($data.hasOrgLogo) {
162 
							$("#companyImg").attr("src","/images/org/"+$data.id+".jpg");
163 
						}else{
164 
							$("#companyImg").attr("src", "/images/default-icon.jpg");
165 
						}
166 
					}else{
167 
						$("#Qname").text($data.name);
168 
						$("#companyImg").attr("src", "/images/default-icon.jpg");
169 
					}
170 
				}
171 
			},
172 
			"error": function() {
173 
				$.MsgBox.Alert('提示', '服务器连接超时');
174 
			}
175 
		});
176 
	}
177 
	function personMess() {
178 
		$.ajax({
179 
			"url": "/ajax/professor/baseInfo/"+userid,
180 
			"type": "GET",
181 
			"traditional": true,
182 
			"dataType": "json",
183 
			"success": function(data) {
184 
				if(data.success) {
185 
					var $data=data.data;
186 
					var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
187 
					$("#auth").attr("title", userType.title).addClass(userType.sty);
188 
					$("#proName").text($data.name);
189 
					if($data.hasHeadImage) {
190 
								$("#proImg").attr("style", "background-image: url(/images/head/" + $data.id + "_l.jpg);");
191 
						}
192 
					var oT=($data.title)?$data.title:($data.office?$data.office:"");
193 
					$("#brief").text(oT);
194 
					orgId=$data.orgId;
195 
					queryOrg();
196 
				}
197 
			},
198 
			"error": function() {
199 
				$.MsgBox.Alert('提示', '服务器连接超时');
200 
			}
201 
		});
202 
	}
203 
})

+ 59 - 43
postDemand.html
View File 

@ -6,13 +6,30 @@
6 6 
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7 7 
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
8 8 
		<title>科袖网</title>
9 
		<link href="css/bootstrap.min.css" rel="stylesheet">
9 
		<link href="cmp-portal/css/bootstrap.min.css" rel="stylesheet">
10 
		<link type="text/css" rel="stylesheet" href="cmp-portal/css/bootstrap-datetimepicker.min.css">
10 11 
		<link type="text/css" href="css/postDemand.css" rel="stylesheet">
11 12 
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
12 13 
		<link type="text/css" href="css/common.css" rel="stylesheet">
13 14 
		<link type="text/css" href="css/genindex.css" rel="stylesheet">
15 
		<style type="text/css">
16 
			.dropdown-menu {
17 
				min-width: 280px;
18 
			}
19
20 
			.dropdown-menu table {
21 
				width: 100%;
22 
			}
23
24 
			input.frmtype[readonly] {
25 
				color: #333;
26 
			}
27
28 
			.worksubcon {
29 
				padding: 30px;
30 
			}
31 
		</style>
14 32 
		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
15 
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
16 33 
	</head>
17 34
18 35 
	<body>
 
@ -28,7 +45,7 @@
28 45 
					<div class="leftconBox floatL h3Font">
29 46 
						<div class="banTheme clearfix postUl">
30 47 
							<p class="floatL demandTit" style="margin-top: 0;">需求主题<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
31 
							<input type="text" class="frmcontype" placeholder="请用一句话概括你的需求" />
48 
							<input type="text" class="frmcontype" placeholder="请用一句话概括你的需求" maxlength="50" id="demandTitle"/>
32 49 
						</div>
33 50 
						<div class="clearfix postUl">
34 51 
							<div class="banContent clearfix">
 
@ -48,7 +65,7 @@
48 65 
								</div>
49 66 
							</div>
50 67 
							<div class="msgContbox">
51 
								<textarea class="msgCont" placeholder="请明确描述您的需求" id="remarkContent"></textarea>
68 
								<textarea class="msgCont" placeholder="请明确描述您的需求" id="remarkContent" maxlength="1000"></textarea>
52 69 
								<span class="msgconNum"><em>0</em>/1000</span>
53 70 
							</div>
54 71 
						</div>
 
@ -79,27 +96,27 @@
79 96 
						</ul>
80 97 
						<ul class="clearfix postUl">
81 98 
							<li class="floatL col-w-6">
82 
								<p class="demandTit">费用预算<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
83 
								<select class="frmcontype">
84 
									<option value="请选择预算范围">请选择预算范围</option>
85 
									<option value="一万元以内">一万元以内</option>
86 
									<option value="1-5万元">1-5万元</option>
87 
									<option value="5-10万元">5-10万元</option>
88 
									<option value="10-20万元">10-20万元</option>
89 
									<option value="20-50万元">20-50万元</option>
90 
									<option value="50万元以上">50万元以上</option>
99 
								<p class="demandTit">费用预算</p>
100 
								<select class="frmcontype" id="spendCost">
101 
									<option value="">请选择预算范围</option>
102 
									<option value="1">一万元以内</option>
103 
									<option value="2">1-5万元</option>
104 
									<option value="3">5-10万元</option>
105 
									<option value="4">10-20万元</option>
106 
									<option value="5">20-50万元</option>
107 
									<option value="6">50万元以上</option>
91 108 
								</select>
92 109 
								<span></span>
93 110 
							</li>
94 111 
							<li class="floatR col-w-6 postChild">
95 
								<p class="demandTit">预期时长<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
96 
								<select class="frmcontype">
97 
									<option value="请选择预期时长">请选择预期时长</option>
98 
									<option value="1个月内">1个月内</option>
99 
									<option value="1-3个月">1-3个月</option>
100 
									<option value="3-6个月">3-6个月</option>
101 
									<option value="6-12个月">6-12个月</option>
102 
									<option value="6-">一年以上</option>
112 
								<p class="demandTit">预期时长</p>
113 
								<select class="frmcontype" id="budget">
114 
									<option value="">请选择预期时长</option>
115 
									<option value="1">1个月内</option>
116 
									<option value="2">1-3个月</option>
117 
									<option value="3">3-6个月</option>
118 
									<option value="4">6-12个月</option>
119 
									<option value="5">一年以上</option>
103 120 
								</select>
104 121 
								<span class="spanR"></span>
105 122 
							</li>
 
@ -107,14 +124,21 @@
107 124 
						<ul class="clearfix postUl">
108 125 
							<li class="floatL col-w-6">
109 126 
								<p class="demandTit">需求有效期<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
110 
								<select class="frmcontype">
127 
								<!--<select class="frmcontype">
111 128 
									<option value="请选择截止日期">请选择截止日期</option>
112 
								</select>
129 
								</select>-->
130 
								<div class="input-append date form_date dateBtn" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
131 
									<em class="mr_sj"></em>
132 
									<input size="16" type="text" value="" readonly class="frmtype frmcontype" placeholder="请选择企业的创立时间" id="createTime">
133 
									<span class="dateIcon"><i class="icon-calendar"></i></span>
134 
									<span class="add-on"><i class="icon-th displayNone"></i></span>
135 
								</div>
136 
								<input type="hidden" id="dtp_input2" value="" />
113 137 
								<span></span>
114 138 
							</li>
115 139 
							<li class="floatR col-w-6 postChild">
116 
								<p class="demandTit">联系电话<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填，50字以内</span></p>
117 
								<input type="text" placeholder="请填写您的联系电话，以便客服与您联系" class="frmcontype" />
140 
								<p class="demandTit">联系电话<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
141 
								<input type="text" placeholder="请填写您的联系电话，以便客服与您联系" class="frmcontype" maxlength="50" id="phone"/>
118 142 
							</li>
119 143 
						</ul>
120 144 
@ -125,7 +149,7 @@
125 149 
							<a href="" class="qiyego">
126 150 
								<div class="madiaHead cmpHead" id="Qimg">
127 151 
									<div class="boxBlock">
128 
										<img class="boxBlockimg" src="images/banner/banner01.jpg" id="companyImg">
152 
										<img class="boxBlockimg" src="" id="companyImg">
129 153 
									</div>
130 154 
								</div>
131 155 
							</a>
 
@ -133,28 +157,24 @@
133 157 
								<div class="h3Font clearfix">
134 158 
									<a class="h1Font qiyego" id="Qname">
135 159
136 
										北京赛亿科技股份有限公司
137 160 
									</a>
138 
									<span class="authiconNew authicon-com-ok" title="科袖认证企业" id="QauthFlag"></span>
161 
									<span class="authiconNew "  id="QauthFlag"></span>
139 162 
								</div>
140 163 
							</div>
141 
							<div class="goSpan">
142 
								<span class="attenSpan">关注</span>
143 
							</div>
144 164 
							<div class="form-item otherBlock currentBlock">
145 165 
								<div class="aboutTit">联系人</div>
146 166 
								<div class="form-result addexpertRe" style="margin-top:0">
147 167 
									<ul class="addexpert" id="expertli">
148 168 
										<li class="flexCenter">
149 
											<div class="madiaHead useHead">
169 
											<div class="madiaHead useHead" id="proImg">
150 170
151 171 
											</div>
152 172 
											<div class="madiaInfo" style="padding-right:0 ;">
153 173 
												<p class="ellipsisSty">
154 
													<span class="h1Font">赵韵凯</span>
155 
													<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
174 
													<span class="h1Font" id="proName"></span>
175 
													<em class="authiconNew "  id="auth"></em>
156 176 
												</p>
157 
												<p class="h2Font ellipsisSty">经理经理经理经理经理经理经理经理</p>
177 
												<p class="h2Font ellipsisSty" id="brief"></p>
158 178 
											</div>
159 179 
										</li>
160 180 
									</ul>
 
@ -175,19 +195,15 @@
175 195 
		<!--<div class="footer_tools">
176 196 
			<a id="scrollUp" href="javascript:;" title="返回顶部"></a>
177 197 
		</div>-->
198
178 199 
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
200 
		<script type="text/javascript" src="cmp-portal/js/public/bootstrap.min.js"></script>
201 
		<script type="text/javascript" src="cmp-portal/js/public/bootstrap-datetimepicker.js"></script>
179 202 
		<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
180 203 
		<script type="text/javascript" src="js/jquery.page.js"></script>
181 204 
		<script src="js/city.min.js" type="text/javascript" charset="utf-8"></script>
182 205 
		<script type="text/javascript" src="js/common.js"></script>
183 206 
	</body>
184 
	<script>
185 
		$(".howbtn").on("click", function() {
186 
			$('.boxHid').toggle();
187 
		})
188 
		$("span.spanBack").on("click", function() {
189 
			$('.boxHid').hide();
190 
		})
191 
	</script>
207 
	<script src="js/postDemand.js"></script>
192 208
193 209 
</html>