Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
jiapeng
/
portal-front
Obserwuj 3
Polub 0
Forkuj 0
Kod Problemy 0 Oczekujące zmiany 0 Commity 1516 Wydania 0 Wiki

portal html css js resource

Drzewo: 8a892773db
Gałęzie Tagi
portal-front
/
postDemand.html

postDemand.html 9.1KB
Historia Czysty

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191 
  1. <!DOCTYPE html>
  2. <html>
  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 href="cmp-portal/css/bootstrap.min.css" rel="stylesheet">
  10. 		<link type="text/css" rel="stylesheet" href="cmp-portal/css/bootstrap-datetimepicker.min.css">
  11. 		<link type="text/css" rel="stylesheet" href="cmp-portal/css/glyIcon.css">
  12. 		<link type="text/css" href="css/postDemand.css" rel="stylesheet">
  13. 		<link rel="stylesheet" type="text/css" href="css/reset.css" />
  14. 		<link type="text/css" href="css/common.css" rel="stylesheet">
  15. 		<link type="text/css" href="css/genindex.css" rel="stylesheet">
  16. 		<style type="text/css">
  17. 			
  18. 			input.frmtype[readonly] {
  19. 				color: #333;
  20. 			}
  21. 			
  22. 			.worksubcon {
  23. 				padding: 30px;
  24. 			}
  25. 			.postUl select{color:#999;}
  26. 			.postUl>.postChildE{padding-top: 40px;}
  27. 			.postUl .frmcontype{width: 98%;color:#666;}
  28. 			.postCenter>button{width: 140px; outline:none;}
  29. 			.postUss{padding:10px 20px;font-size: 14px;text-align:justify}
  30. 			.postUl>li>.spanR{right: 12px;}
  31. 			.postUl .msgContbox textarea{height: 300px;}
  32. 		</style>
  33. 		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  34. 	</head>
  36. 	<body>
  37. 		<!--header-->
  38. 		<header id="header">
  39. 			<script src="js/header.js"></script>
  40. 		</header>
  41. 		<!--header end-->
  42. 		<!--main-->
  43. 		<div id="container">
  44. 			<div class="containerCon">
  45. 				<div class="contentCon clearfix conBlock">
  46. 					<div class="leftconBox floatL h3Font">
  47. 						<div class="banTheme clearfix postUl">
  48. 							<p class="floatL demandTit" style="margin-top: 0;">需求主题<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
  49. 							<input type="text" style="width: 100%;" class="frmcontype" placeholder="请用一句话概括您的需求" maxlength="50" id="demandTitle"/>
  50. 						</div>
  51. 						<div class="clearfix postUl">
  52. 							<div class="banContent clearfix">
  53. 								<p class="floatL demandTit">需求内容<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">1000字以内</span></p>
  54. 								<button class="btnModel floatR howbtn">如何填写？</button>
  55. 								<div class="boxHid rightconBox">
  56. 									<div class="postColor clearfix">
  57. 										<span class="floatL">填写帮助</span>
  58. 										<span class="floatR spanBack closeFeed"></span>
  59. 									</div>
  60. 									<ul class="postUss">
  61. 										<li>1. 对您的企业进行简介，例如企业类型、所属行业、专注领研发产品等等；</li>
  62. 										<li>2. 明确描述企业在做什么项目或研发什么产品时，遇到了什么问题； </li>
  63. 										<li>3. 明确说明需要专家解决什么问题、提供什么资源或服务、达成什么效果；</li>
  64. 										<li>4. 提出对专家的相关要求，例如需要专家有什么经验等等。</li>
  65. 									</ul>
  66. 								</div>
  67. 							</div>
  68. 							<div class="msgContbox" style="height:330px;">
  69. 								<textarea class="msgCont" placeholder="请描述您的需求背景、具体问题、对专家的要求等等" id="remarkContent" maxlength="1000"></textarea>
  70. 								<span class="msgconNum"><em>0</em>/1000</span>
  71. 							</div>
  72. 						</div>
  73. 						<ul class="clearfix postUl">
  74. 							<p class="demandTit">所在城市<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
  75. 							<form action="" name="form1">
  76. 								<div class="col-w-6 citybox2">
  77. 									<span class="frmcontype" id="Province">
  78.                                     	<em class="mr_sj"></em>
  79.                                         <i class="mr_show" id="oprovince">请选择省/直辖市</i>
  80.                                         <ul>
  81.                                             <li><a href="javascript:void(0)" alt="请选择省/直辖市">请选择省/直辖市</a></li>
  82.                                         </ul>
  83.                                         <input type="hidden" name="cho_Province" value="请选择省/直辖市">
  84.                                     </span>
  85. 								</div>
  86. 								<div class="col-w-6 citybox2">
  87. 									<span class="frmcontype floatR" id="City">
  88.                                    		<em class="mr_sj"></em>
  89.                                         <i class="mr_show" id="ocity">请选择城市</i>
  90.                                         <ul>
  91.                                             <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
  92.                                         </ul>
  93.                                         <input type="hidden" name="cho_City" value="请选择城市 ">
  94.                                     </span>
  95. 								</div>
  96. 							</form>
  97. 						</ul>
  98. 						<ul class="clearfix postUl">
  99. 							<li class="floatL col-w-6">
  100. 								<p class="demandTit">费用预算</p>
  101. 								<select class="frmcontype fColor" onchange="seleCo(this)" id="spendCost">
  102. 									<option value="0">请选择预算范围</option>
  103. 									<option value="1">1万元以内</option>
  104. 									<option value="2">1-5万元</option>
  105. 									<option value="3">5-10万元</option>
  106. 									<option value="4">10-20万元</option>
  107. 									<option value="5">20-50万元</option>
  108. 									<option value="6">50万元以上</option>
  109. 								</select>
  110. 								<span></span>
  111. 							</li>
  112. 							<li class="floatR col-w-6 postChild">
  113. 								<p class="demandTit">预计合作周期</p>
  114. 								<select class="frmcontype fColor" onchange="seleCo(this)" id="budget">
  115. 									<option value="0">请选择预计合作周期</option>
  116. 									<option value="1">1个月内</option>
  117. 									<option value="2">1-3个月</option>
  118. 									<option value="3">3-6个月</option>
  119. 									<option value="4">6-12个月</option>
  120. 									<option value="5">1年以上</option>
  121. 								</select>
  122. 								<span class="spanR"></span>
  123. 							</li>
  124. 						</ul>
  125. 						<ul class="clearfix postUl">
  126. 							<li class="floatL col-w-6">
  127. 								<p class="demandTit">需求有效期<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
  128. 								<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">
  129. 									<em class="mr_sj"></em>
  130. 									<input size="16" type="text" value="" readonly class="frmtype frmcontype fColor" placeholder="请选择截止日期" id="createTime" style="background:#ffffff;">
  131. 									<span class="dateIcon"><i class="icon-calendar displayNone"></i></span>
  132. 									<span class="add-on"><i class="icon-th displayNone"></i></span>
  133. 								</div>
  134. 								<input type="hidden" id="dtp_input2" value="" />
  135. 								<span></span>
  136. 							</li>
  137. 							<li class="floatR col-w-6 postChild">
  138. 								<p class="demandTit">您所在的企业名称<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
  139. 								<input type="text" placeholder="建议填写与营业执照一致的企业名称" class="frmcontype" maxlength="50" id="org"/>
  140. 							</li>
  141. 							<li class="col-w-6">
  142. 								<p class="demandTit">联系电话<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
  143. 								<input type="text" placeholder="请填写您的联系电话，以便客服与您联系" class="frmcontype" maxlength="50" id="phone"/>
  144. 							</li>
  145. 						</ul>
  147. 						<div class="postCenter"><button class="btnModel posted">发布</button></div>
  148. 					</div>
  149. 				</div>
  150. 			</div>
  151. 		</div>
  152. 		<!--mian end-->
  153. 		<!--footer-->
  154. 		<div class="footer_tools">
  155. 		  <a id="scrollUp" href="javascript:;" title="返回顶部"></a>
  156. 		</div>
  157. 		<footer>
  158. 			<script type="text/javascript" src="js/footer.js"></script>
  159. 		</footer>
  160. 		<!--end footer-->
  162. 		<script type="text/javascript" src="js/jquery.cookie.js"></script>
  163. 		<script type="text/javascript" src="cmp-portal/js/public/bootstrap.min.js"></script>
  164. 		<script type="text/javascript" src="cmp-portal/js/public/bootstrap-datetimepicker.js"></script>
  165. 		<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
  166. 		<script type="text/javascript" src="js/jquery.page.js"></script>
  167. 		<script src="js/city.min.js" type="text/javascript" charset="utf-8"></script>
  168. 		<script type="text/javascript" src="js/public/baseUtil.js"></script>
  169. <script type="text/javascript" src="js/public/genCom.js"></script>
  170. 	<script src="js/postDemand.js"></script>
  171. 	<script type="text/javascript">
  172. 		$(function () {
  173. 			//回到顶部
  174. 			var $body = $(document.body);;
  175. 			var $bottomTools = $('.footer_tools');
  176. 			$(window).scroll(function () {
  177. 				var scrollHeight = $(document).height();
  178. 				var scrollTop = $(window).scrollTop();
  179. 				var $footerHeight = $('footer').outerHeight(true);
  180. 				var $windowHeight = $(window).innerHeight();
  181. 				scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);			
  182. 				$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
  183. 			});
  184. 			$('#scrollUp').click(function (e) {
  185. 				e.preventDefault();
  186. 				$('html,body').animate({ scrollTop:0});
  187. 			});
  188. 		})
  189. 	</script>
  190. </body>
  191. </html>