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

需求

LIPENGTAO1313 6 years ago
parent
79ef738b8a
commit
fa3bfe2284
3 changed files with 510 additions and 1 deletions
Split View Show Diff Stats
  1. 222 0
      cmp-portal/cmp-demandPublish.html
  2. 287 0
      cmp-portal/js/cmp-demandPublish.js
  3. 1 1
      cmp-portal/js/cmp-needList.js

+ 222 - 0
cmp-portal/cmp-demandPublish.html
View File 

@ -0,0 +1,222 @@
1 
<!DOCTYPE html>
2 
<html>
3
4 
	<head>
5 
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7 
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
8 
		<title>需求修改-科袖网</title>
9 
		<link rel="shortcut icon" href="images/favicon.ico "/>
10 
		<link href="css/bootstrap.min.css" rel="stylesheet">
11 
		<link type="text/css" rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
12 
		<link type="text/css" rel="stylesheet" href="css/glyIcon.css">
13 
		<link type="text/css" href="../../css/postDemand.css" rel="stylesheet">
14 
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
15 
		<link type="text/css" href="../../css/common.css" rel="stylesheet">
16 
		<link type="text/css" href="../../css/genindex.css" rel="stylesheet">
17 
		<style type="text/css">
18
19 
			input.frmtype[readonly] {
20 
				color: #333;
21 
			}
22
23 
			.worksubcon {
24 
				padding: 30px;
25 
			}
26 
			.postUl select{color:#999;}
27 
			.postUl>.postChildE{padding-top: 40px;}
28 
			.postUl .frmcontype{width: 98%;color:#666;}
29 
			.postCenter>button{width: 140px; outline:none;}
30 
			.postUss{padding:10px 20px;font-size: 14px;text-align:justify}
31 
			.postUl>li>.spanR{right: 12px;}
32 
			.postUl .msgContbox textarea{height: 300px;}
33 
			button.btnModel{
34 
				background-color:#28b8fa;
35 
			}
36 
			button.btnModel:hover{
37 
				background-color:#28b8fa;
38 
				opacity:0.9;
39 
			}
40 
			header .personal-box.bgRadius a:hover{ background-color:#17a4e4;}
41 
		</style>
42 
		<script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
43 
	</head>
44
45 
	<body>
46 
		<!--header-->
47 
		<header id="header">
48 
			<script src="js/public/cmpHeader.js"></script>
49 
		</header>
50 
		<!--header end-->
51 
		<!--main-->
52 
		<div id="container">
53 
			<div class="containerCon">
54 
				<div class="contentCon clearfix conBlock">
55 
					<div class="leftconBox floatL h3Font">
56 
						<div class="banTheme clearfix postUl">
57 
							<p class="floatL demandTit" style="margin-top: 0;">需求主题<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
58 
							<input type="text" style="width: 100%;" class="frmcontype" placeholder="请用一句话概括您的需求" maxlength="50" id="demandTitle"/>
59 
						</div>
60 
						<div class="clearfix postUl">
61 
							<div class="banContent clearfix">
62 
								<p class="floatL demandTit">需求内容<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">1000字以内</span></p>
63 
								<button class="btnModel floatR howbtn">如何填写？</button>
64 
								<div class="boxHid rightconBox">
65 
									<div class="postColor clearfix">
66 
										<span class="floatL">填写帮助</span>
67 
										<span class="floatR spanBack closeFeed"></span>
68 
									</div>
69 
									<ul class="postUss">
70 
										<li>1. 对您的企业进行简介，例如企业类型、所属行业、专注领研发产品等等；</li>
71 
										<li>2. 明确描述企业在做什么项目或研发什么产品时，遇到了什么问题； </li>
72 
										<li>3. 明确说明需要专家解决什么问题、提供什么资源或服务、达成什么效果；</li>
73 
										<li>4. 提出对专家的相关要求，例如需要专家有什么经验等等。</li>
74 
									</ul>
75 
								</div>
76 
							</div>
77 
							<div class="msgContbox" style="height:330px;">
78 
								<textarea class="msgCont" placeholder="请描述您的需求背景、具体问题、对专家的要求等等" id="remarkContent" maxlength="1000"></textarea>
79 
								<span class="msgconNum"><em>0</em>/1000</span>
80 
							</div>
81 
						</div>
82 
						<ul class="clearfix postUl">
83 
							<p class="demandTit">所在城市<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
84 
							<form action="" name="form1">
85 
								<div class="col-w-6 citybox2">
86 
									<span class="frmcontype" id="Province">
87 
                                    	<em class="mr_sj"></em>
88 
                                        <i class="mr_show" id="oprovince">请选择省/直辖市</i>
89 
                                        <ul>
90 
                                            <li><a href="javascript:void(0)" alt="请选择省/直辖市">请选择省/直辖市</a></li>
91 
                                        </ul>
92 
                                        <input type="hidden" name="cho_Province" value="请选择省/直辖市">
93 
                                    </span>
94 
								</div>
95 
								<div class="col-w-6 citybox2">
96 
									<span class="frmcontype floatR" id="City">
97 
                                   		<em class="mr_sj"></em>
98 
                                        <i class="mr_show" id="ocity">请选择城市</i>
99 
                                        <ul>
100 
                                            <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
101 
                                        </ul>
102 
                                        <input type="hidden" name="cho_City" value="请选择城市 ">
103 
                                    </span>
104 
								</div>
105 
							</form>
106 
						</ul>
107 
						<ul class="clearfix postUl">
108 
							<li class="floatL col-w-6">
109 
								<p class="demandTit">费用预算</p>
110 
								<select class="frmcontype fColor" id="spendCost" onchange="seleCo(this)">
111 
									<option value="0" selected="selected">请选择预算范围</option>
112 
									<option value="1">1万元以内</option>
113 
									<option value="2">1-5万元</option>
114 
									<option value="3">5-10万元</option>
115 
									<option value="4">10-20万元</option>
116 
									<option value="5">20-50万元</option>
117 
									<option value="6">50万元以上</option>
118 
								</select>
119 
								<span></span>
120 
							</li>
121 
							<li class="floatR col-w-6 postChild">
122 
								<p class="demandTit">预计合作周期</p>
123 
								<select class="frmcontype fColor" id="budget" onchange="seleCo(this)">
124 
									<option value="0">请选择预计合作周期</option>
125 
									<option value="1">1个月内</option>
126 
									<option value="2">1-3个月</option>
127 
									<option value="3">3-6个月</option>
128 
									<option value="4">6-12个月</option>
129 
									<option value="5">1年以上</option>
130 
								</select>
131 
								<span class="spanR"></span>
132 
							</li>
133 
						</ul>
134 
						<ul class="clearfix postUl">
135 
							<li class="floatL col-w-6">
136 
								<p class="demandTit">需求有效期<em class="requiredcon">*</em><span class="frmconmsg displayNone overdue">已过期</span></p>
137 
								<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">
138 
									<em class="mr_sj"></em>
139 
									<input size="16" type="text" value="" readonly class="frmtype frmcontype fColor" placeholder="请选择企业的创立时间" id="createTime"style="background: #ffffff;;">
140 
									<span class="dateIcon"><i class="icon-calendar displayNone"></i></span>
141 
									<span class="add-on"><i class="icon-th displayNone"></i></span>
142 
								</div>
143 
								<input type="hidden" id="dtp_input2" value="" />
144 
								<span></span>
145 
							</li>
146 
							<li class=" col-w-6">
147 
								<p class="demandTit">联系电话<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
148 
								<input type="text" placeholder="请填写您的联系电话，以便客服与您联系" class="frmcontype fColor" maxlength="50" id="phone" />
149 
							</li>
150 
						</ul>
151 
						<div class="postCenter"><button class="btnModel posted">立即发布</button></div>
152 
					</div>
153 
					<div class="rightconBox floatR">
154 
						<div class="conItem conItemG alignCenter" style="border:none;">
155 
					<a class="madiaHead cmpHead" href="">
156 
						<div class="boxBlock">
157 
							<img class="boxBlockimg" src="" id="companyImg">
158 
						</div>
159 
					</a>
160 
					<div class="proInfo h3Font clearfix">
161 
						<a class="h1Font qiyego" id="Qname" href=""></a>
162 
						<span class="authiconNew" id="QauthFlag"></span>
163 
					</div>
164 
					<div class="proInfo h3Font clearfix" id="industry"></div>
165 
				</div>
166 
				<div class="conItem">
167 
					<div class="form-item otherBlock">
168 
						<div class="aboutTit">联系人<em class="requiredcon">*</em><span class="frmconmsg" id="linkman"></span></div>
169 
						<div class="form-result addexpertRe">
170 
							<ul class="addexpert" id="expertli" style="overflow-y:auto;max-height:380px;">
171 
							</ul>
172 
							<div class="seRe displayNone"><p>您当前没有认证员工</p>
173 
							<p><a class="nowAn" href="resourceIssue.html" style="color:#28b8fa">点击这里进行认证</a></p>
174 
						</div>
175 
						</div>
176 
					</div>
177
178 
				</div>
179 
			</div>
180 
				</div>
181 
			</div>
182 
		</div>
183 
		<div class="footer_tools">
184 
		  <a id="scrollUp" href="javascript:;" title="返回顶部"></a>
185 
		</div>
186 
		<footer>
187 
			<script type="text/javascript" src="js/public/cmpFooter.js"></script>
188 
		</footer>
189 
		<script type="text/javascript" src="js/public/jquery.cookie.js"></script>
190 
		<script type="text/javascript" src="js/public/bootstrap.min.js"></script>
191 
		<script type="text/javascript" src="js/public/bootstrap-datetimepicker.js"></script>
192 
		<script type="text/javascript" src="js/public/jquery.similar.msgbox.js"></script>
193 
		<script src="js/public/city.min.js" type="text/javascript" charset="utf-8"></script>
194 
		<script type="text/javascript" src="js/public/cmpCom.js"></script>
195 
		<script type="text/javascript" src="../js/public/baseUtil.js"></script>
196 
		<script src="js/cmp-demandPublish.js"></script>
197 
		<script type="text/javascript">
198 
			$(function () {
199 
				$("h1").css("backgroundImage","url(images/home_icon_cmplogo.png)");
200 
				$(".logo-block").css("backgroundImage","url(images/business_icon_logo_nor.png)")
201 
				$('.bgRadius').css('backgroundColor','#28b8fa')
202 
				$('.triangleB').css("border-bottom-color","#28b8fa")
203 
				//回到顶部
204 
				var $body = $(document.body);;
205 
				var $bottomTools = $('.footer_tools');
206 
				$(window).scroll(function () {
207 
					var scrollHeight = $(document).height();
208 
					var scrollTop = $(window).scrollTop();
209 
					var $footerHeight = $('footer').outerHeight(true);
210 
					var $windowHeight = $(window).innerHeight();
211 
					scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);
212 
					$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
213 
				});
214 
				$('#scrollUp').click(function (e) {
215 
					e.preventDefault();
216 
					$('html,body').animate({ scrollTop:0});
217 
				});
218 
			})
219 
	</script>
220 
	</body>
221
222 
</html>

+ 287 - 0
cmp-portal/js/cmp-demandPublish.js
View File 

@ -0,0 +1,287 @@
1 
$(document).ready(function() {
2 
	var demandId = GetQueryString("demandId");
3 
	var a = new Date();
4 
	var c = a.getFullYear() + "-" + (Number(a.getMonth()) + 1) + "-" + (Number(a.getDate()) + 1);
5 
	$('.dateBtn').datetimepicker({
6 
		language: 'ch',
7 
		weekStart: 0,
8 
		todayBtn: false,
9 
		autoclose: 1,
10 
		todayHighlight: 1,
11 
		startView: 2,
12 
		minView: 2,
13 
		forceParse: 0,
14 
		startDate: c
15 
	});
16 
	/*需求主题*/
17 
	$("#demandTitle").bind({
18 
		focus: function() {
19 
			$(this).siblings().find("span").show();
20 
		},
21 
		blur: function() {
22 
			$(this).siblings().find("span").hide();
23 
		}
24 
	})
25 
	/*需求内容*/
26 
	$("#remarkContent").bind({
27 
		focus: function() {
28 
			$(this).parent().siblings().find(".frmconmsg").show();
29 
		},
30 
		blur: function() {
31 
			$(this).parent().siblings().find(".frmconmsg").hide();
32 
		},
33 
		input: function() {
34 
			$(".msgconNum").find("em").text($(this).val().length);
35 
		}
36 
	})
37 
	/*联系电话*/
38 
	$("#phone").bind({
39 
		focus: function() {
40 
			$(this).siblings().find("span").show();
41 
		},
42 
		blur: function() {
43 
			$(this).siblings().find("span").hide();
44 
		}
45 
	})
46 
	 DefaultContact()
47 
	function DefaultContact() {
48 
		$.ajax({
49 
			url: "/ajax/org/linkman/queryAll",
50 
			type: "GET",
51 
			timeout: 10000,
52 
			dataType: "json",
53 
			async:"true",
54 
			data: {
55 
				"oid": $.cookie("orgId")
56 
			},
57 
			success: function(data, textState) {
58 
				if(data.success) {
59 
					var $data = data.data;
60 
					if($data.length) {
61 
						UnauthorizedUser($data[0].pid)
62 
					}
63
64 
				}
65 
			},
66 
			error: function(XMLHttpRequest, textStats, errorThrown) {
67 
				$.MsgBox.Alert('提示', '服务器请求失败')
68 
			}
69 
		})
70 
	}
71 
	cmpFun()
72 
	function cmpFun() {
73 
		$.ajax({
74 
			"url": "/ajax/org/queryByName",
75 
			'data': {
76 
				name: $.cookie('orgName')
77 
			},
78 
			"type": "get",
79 
			"async": true,
80 
			"success": function(data) {
81 
				if(data.success) {
82 
					if(data.data != null) {
83 
						$(".goSpan").show();
84 
						if(data.data.forShort) {
85 
							$("#Qname").text(data.data.forShort);
86 
						}else{
87 
							$("#Qname").text(data.data.name);
88 
						}
89 
						var img="/images/default-icon.jpg";
90 
						if(data.data.hasOrgLogo==1){
91 
							img="/images/org/" + data.data.id + ".jpg";
92 
						}
93 
						if(data.data.industry) {
94 
							$("#industry").text(data.data.industry.replace(/,/g, " | "));
95 
						}
96 
						$("#companyImg").attr("src",img);
97 
						$("#companyImg").parents(".cmpHead").attr("href","cmpInforShow.html?orgId="+data.data.id);
98 
						$("#companyImg").parents(".cmpHead").attr("data-id",data.data.id);
99 
						$("#Qname").attr("href","cmpInforShow.html?orgId="+data.data.id);
100 
						if(data.data.authStatus==3){
101 
							$("#QauthFlag").addClass("authicon-com-ok").attr("title","科袖认证企业")
102 
						}
103 
						if(data.data.contactNum) {
104 
							$("#phone").val(data.data.contactNum)
105 
						}
106
107 
					} else {
108 
						$("#companyImg").attr("src",'/images/default-icon.jpg');
109 
						$("#Qname").text(par);
110 
						$("#companyImg").parents(".cmpHead").removeAttr("href");
111 
						$("#Qname").parents(".cmpHead").removeAttr("href");
112 
					}
113 
				}else {
114 
					$("#companyImg").attr("src",'/images/default-icon.jpg');
115 
					$("#Qname").text(par);
116 
					$("#companyImg").parents(".cmpHead").removeAttr("href");
117 
					$("#Qname").parents(".cmpHead").removeAttr("href");
118 
				}
119 
			},
120 
			"error": function() {
121 
				$.MsgBox.Alert('提示', '链接服务器超时')
122 
			}
123 
		});
124 
	}
125 
	function UnauthorizedUser(par) {
126 
		$.ajax({
127 
			url: "/ajax/professor/qaOrgAuth",
128 
			type: "GET",
129 
			timeout: 10000,
130 
			dataType: "json",
131 
			async:"false",
132 
			data: {
133 
				"orgId": $.cookie('orgId'),
134 
				"orgAuth": 1
135 
			},
136 
			success: function(data, textState) {
137 
				if(data.success) {
138 
					console.log(data);
139 
					unauthUser(data.data,par);
140 
					if(data.data.length ==0) {
141 
						$(".seRe").removeClass("displayNone")
142 
					}
143 
				}
144 
			},
145 
			error: function(XMLHttpRequest, textStats, errorThrown) {
146 
				$.MsgBox.Alert('提示', '服务器请求失败')
147 
			}
148 
		})
149 
	}
150 
	function unauthUser($res,par) {
151 
	var osting=""
152 
	for(var i = 0; i < $res.length; i++) {
153 
		var img;
154 
		var oClass = autho($res[i].authType, $res[i].orgAuth, $res[i].authStatus);
155 
		var oTitle="";
156 
		if($res[i].title) {
157 
			oTitle=$res[i].title;
158 
		}else{
159 
			if($res[i].office) {
160 
				oTitle=$res[i].office;
161 
			}
162 
		}
163 
		var cls='';
164 
		if($res[i].id == par) {
165 
			cls = 'selectAdd'
166 
		}
167 
		if($res[i].hasHeadImage) {
168 
				img = "/images/head/" + $res[i].id + "_l.jpg";
169 
			} else {
170 
				img = "../images/default-photo.jpg"
171 
			}
172 
		var oSt = '<li class="flexCenter" style="cursor:pointer;" id="'+$res[i].id+'">'
173 
		oSt += '<div class="madiaHead useHead" id="userimg" style="background-image: url('+img+');"></div>'
174 
		oSt += '<div class = "madiaInfo">'
175 
		oSt += '<p class = "ellipsisSty">'
176 
		oSt += '<span class = "h1Font" id="name">'+$res[i].name+'</span><em class="authicon '+oClass.sty+'" title="'+oClass.title+'"></em >'
177 
		oSt += '</p>'
178 
		oSt += '<p class="h2Font ellipsisSty">'+oTitle+'</p>'
179 
		oSt += '</div>'
180 
		oSt += '<div class="selectNull '+cls+'" flag=1></div>'
181 
		oSt += '</li>'
182 
		osting+=oSt;
183 
	}
184 
	$("#expertli").html(osting);
185 
}
186 
	function formatDate(date) {
187 
		var y = date.getFullYear();
188 
		var m = date.getMonth() + 1;
189 
		m = m < 10 ? '0' + m : m;
190 
		var d = date.getDate();
191 
		d = d < 10 ? ('0' + d) : d;
192 
		return y + '-' + m + '-' + d;
193 
	};
194
195 
	function test() {
196 
		if($("#demandTitle").val().trim() == "") {
197 
			$.MsgBox.Alert('提示', '请填写需求主题');
198 
			return;
199 
		} else if($("#demandTitle").val().length > 50) {
200 
			$.MsgBox.Alert('提示', '需求主题不得超过50个字');
201 
			return;
202 
		}
203 
		if($("#remarkContent").val().trim() == "") {
204 
			$.MsgBox.Alert('提示', '请填写需求内容');
205 
			return;
206 
		} else if($("#remarkContent").val().length > 1000) {
207 
			$.MsgBox.Alert('提示', '需求内容不得超过1000个字');
208 
			return;
209 
		}
210 
		if($("#oprovince").text() == "请选择省/直辖市") {
211 
			$.MsgBox.Alert('提示', '请选择省/直辖市');
212 
			return;
213 
		}
214 
		if($("#ocity").text() == "请选择城市") {
215 
			$.MsgBox.Alert('提示', '请选择城市');
216 
			return;
217 
		}
218 
		if($("#createTime").val() == "") {
219 
			$.MsgBox.Alert('提示', '请选择需求有效期');
220 
			return;
221 
		}
222 
		if($("#phone").val().trim() == "") {
223 
			$.MsgBox.Alert('提示', '请填写联系电话');
224 
			return;
225 
		} else if($("#phone").val().length > 50) {
226 
			$.MsgBox.Alert('提示', '联系电话不得超过50个字');
227 
			return;
228 
		}
229 
		return 1;
230 
	}
231 
	/*时间转换成6位传给后台*/
232 
	function st6(osr) {
233 
		var tim = osr.substring(0, 4) + osr.substring(5, 7) + osr.substring(8, 10);
234 
		return tim;
235 
	}
236
237 
	$(".posted").click(function() {
238 
		if(test()) {
239 
			$.MsgBox.Confirm("提示", "确认发布需求？", pDemand);
240 
		}
241 
		event.stopPropagation();
242 
	});
243 
	function pDemand() {
244 
		$.ajax({
245 
			"url": "/ajax/demand",
246 
			"type": "POST",
247 
			"data": {
248 
				"title": $("#demandTitle").val(),
249 
				"descp": $("#remarkContent").val(),
250 
				"province": $("#oprovince").text(),
251 
				"city": $("#ocity").text(),
252 
				"cost": $("#spendCost").val(),
253 
				"duration": $("#budget").val(),
254 
				"invalidDay": st6($("#createTime").val()),
255 
				"contactNum": $("#phone").val(),
256 
				"creator": $("#expertli").find(".selectAdd").parents('li').attr('id'),
257 
    			'orgName': $.cookie("orgName"),
258 
    			'source': 'ekexiuWeb'
259 
			},
260 
			"contentType": "application/x-www-form-urlencoded",
261 
			"traditional": true,
262 
			"dataType": "json",
263 
			"success": function(data) {
264 
				if(data.success) {
265 
					location.href = "cmp-needList.html";
266 
				}
267 
			},
268 
			"error": function() {
269 
				$.MsgBox.Alert('提示', '服务器连接超时');
270 
			}
271 
		});
272 
	}
273 
	/*选择用户*/
274 
	$("#expertli").on("click","li",function(){
275 
		var userL=$("#expertli").find(".selectAdd").length;
276 
		if($(this).find('.selectNull').hasClass("selectAdd")) {
277 
			$(this).find('.selectNull').removeClass("selectAdd");
278 
		}
279 
		$("#linkman").text("");
280 
			if(userL >1) {
281 
				$("#linkman").text("最多选择1位联系人");
282 
				return;
283 
			}
284 
			$(this).find('.selectNull').addClass("selectAdd");
285 
	});
286
287 
});

+ 1 - 1
cmp-portal/js/cmp-needList.js
View File 

@ -159,7 +159,7 @@ $(document).ready(function() {
159 159 
						$("#mb_btn_no").val("稍后再说");
160 160 
						$("#mb_btn_ok").val("去认证");
161 161 
					}else if(data.data.length>0){
162 
						window.open("needIssue.html")
162 
						window.open("cmp-demandPublish.html")
163 163 
					}
164 164 
				}
165 165 
			},