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

portal html css js resource

Tree: 726702dc20
Branches Tags
portal-front
/
postDemand.html

postDemand.html 10.0KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231 
  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" href="css/postDemand.css" rel="stylesheet">
  12. 		<link rel="stylesheet" type="text/css" href="css/reset.css" />
  13. 		<link type="text/css" href="css/common.css" rel="stylesheet">
  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. 			.postUl select{color:#999;}
  32. 			.postUl>.postChildE{padding-top: 40px;}
  33. 			.postUl .frmcontype{width: 98%;color:#666;}
  34. 			.postCenter>button{width: 140px; outline:none;}
  35. 			.postUss{padding:10px 20px;font-size: 14px;text-align:justify}
  36. 			.postUl>li>.spanR{right: 12px;}
  37. 			.postUl .msgContbox textarea{height: 300px;}
  38. 		</style>
  39. 		<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  40. 	</head>
  42. 	<body>
  43. 		<!--header-->
  44. 		<header id="header">
  45. 			<script src="js/header.js"></script>
  46. 		</header>
  47. 		<!--header end-->
  48. 		<!--main-->
  49. 		<div id="container">
  50. 			<div class="containerCon">
  51. 				<div class="contentCon clearfix conBlock">
  52. 					<div class="leftconBox floatL h3Font">
  53. 						<div class="banTheme clearfix postUl">
  54. 							<p class="floatL demandTit" style="margin-top: 0;">需求主题<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
  55. 							<input type="text" style="width: 100%;" class="frmcontype" placeholder="请用一句话概括您的需求" maxlength="50" id="demandTitle"/>
  56. 						</div>
  57. 						<div class="clearfix postUl">
  58. 							<div class="banContent clearfix">
  59. 								<p class="floatL demandTit">需求内容<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">1000字以内</span></p>
  60. 								<button class="btnModel floatR howbtn">如何填写？</button>
  61. 								<div class="boxHid rightconBox">
  62. 									<div class="postColor clearfix">
  63. 										<span class="floatL">填写帮助</span>
  64. 										<span class="floatR spanBack closeFeed"></span>
  65. 									</div>
  66. 									<ul class="postUss">
  67. 										<li>1. 对您的企业进行简介，例如企业类型、所属行业、专注领研发产品等等；</li>
  68. 										<li>2. 明确描述企业在做什么项目或研发什么产品时，遇到了什么问题； </li>
  69. 										<li>3. 明确说明需要专家解决什么问题、提供什么资源或服务、达成什么效果；</li>
  70. 										<li>4. 提出对专家的相关要求，例如需要专家有什么经验等等。</li>
  71. 									</ul>
  72. 								</div>
  73. 							</div>
  74. 							<div class="msgContbox" style="height:330px;">
  75. 								<textarea class="msgCont" placeholder="请描述您的需求背景、具体问题、对专家的要求等等" id="remarkContent" maxlength="1000"></textarea>
  76. 								<span class="msgconNum"><em>0</em>/1000</span>
  77. 							</div>
  78. 						</div>
  79. 						<ul class="clearfix postUl">
  80. 							<p class="demandTit">所在城市<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
  81. 							<form action="" name="form1">
  82. 								<div class="col-w-6 citybox2">
  83. 									<span class="frmcontype" id="Province">
  84.                                     	<em class="mr_sj"></em>
  85.                                         <i class="mr_show" id="oprovince">请选择省/直辖市</i>
  86.                                         <ul>
  87.                                             <li><a href="javascript:void(0)" alt="请选择省/直辖市">请选择省/直辖市</a></li>
  88.                                         </ul>
  89.                                         <input type="hidden" name="cho_Province" value="请选择省/直辖市">
  90.                                     </span>
  91. 								</div>
  92. 								<div class="col-w-6 citybox2">
  93. 									<span class="frmcontype floatR" id="City">
  94.                                    		<em class="mr_sj"></em>
  95.                                         <i class="mr_show" id="ocity">请选择城市</i>
  96.                                         <ul>
  97.                                             <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
  98.                                         </ul>
  99.                                         <input type="hidden" name="cho_City" value="请选择城市 ">
  100.                                     </span>
  101. 								</div>
  102. 							</form>
  103. 						</ul>
  104. 						<ul class="clearfix postUl">
  105. 							<li class="floatL col-w-6">
  106. 								<p class="demandTit">费用预算</p>
  107. 								<select class="frmcontype fColor" onchange="seleCo(this)" id="spendCost">
  108. 									<option value="0">请选择预算范围</option>
  109. 									<option value="1">1万元以内</option>
  110. 									<option value="2">1-5万元</option>
  111. 									<option value="3">5-10万元</option>
  112. 									<option value="4">10-20万元</option>
  113. 									<option value="5">20-50万元</option>
  114. 									<option value="6">50万元以上</option>
  115. 								</select>
  116. 								<span></span>
  117. 							</li>
  118. 							<li class="floatR col-w-6 postChild">
  119. 								<p class="demandTit">预期时长</p>
  120. 								<select class="frmcontype fColor" onchange="seleCo(this)" id="budget">
  121. 									<option value="0">请选择预期时长</option>
  122. 									<option value="1">1个月内</option>
  123. 									<option value="2">1-3个月</option>
  124. 									<option value="3">3-6个月</option>
  125. 									<option value="4">6-12个月</option>
  126. 									<option value="5">1年以上</option>
  127. 								</select>
  128. 								<span class="spanR"></span>
  129. 							</li>
  130. 						</ul>
  131. 						<ul class="clearfix postUl">
  132. 							<li class="floatL col-w-6">
  133. 								<p class="demandTit">需求有效期<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
  134. 								<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">
  135. 									<em class="mr_sj"></em>
  136. 									<input size="16" type="text" value="" readonly class="frmtype frmcontype fColor" placeholder="请选择截止日期" id="createTime" style="background:#ffffff;">
  137. 									<span class="dateIcon"><i class="icon-calendar"></i></span>
  138. 									<span class="add-on"><i class="icon-th displayNone"></i></span>
  139. 								</div>
  140. 								<input type="hidden" id="dtp_input2" value="" />
  141. 								<span></span>
  142. 							</li>
  143. 							<li class="floatR col-w-6 postChild">
  144. 								<p class="demandTit">联系电话<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
  145. 								<input type="text" placeholder="请填写您的联系电话，以便客服与您联系" class="frmcontype" maxlength="50" id="phone"/>
  146. 							</li>
  147. 						</ul>
  149. 						<div class="postCenter"><button class="btnModel posted">发布</button></div>
  150. 					</div>
  151. 					<div class="rightconBox floatR">
  152. 						<div class="conItem conItemG alignCenter" id="enterprise" style="border:none;">
  153. 							<a href="javascript:;" class="qiyego" style="cursor:default">
  154. 								<div class="madiaHead cmpHead" id="Qimg">
  155. 									<div class="boxBlock">
  156. 										<img class="boxBlockimg" src="" id="companyImg">
  157. 									</div>
  158. 								</div>
  159. 							</a>
  160. 							<div class="proInfo">
  161. 								<div class="h3Font clearfix">
  162. 									<a class="h1Font qiyego" id="Qname">
  164. 									</a>
  165. 									<span class="authiconNew "  id="QauthFlag"></span>
  166. 								</div>
  167. 							</div>
  168. 							<div class="form-item otherBlock currentBlock">
  169. 								<div class="aboutTit">联系人</div>
  170. 								<div class="form-result addexpertRe" style="margin-top:0">
  171. 									<ul class="addexpert" id="expertli">
  172. 										<li class="flexCenter">
  173. 											<div class="madiaHead useHead" id="proImg">
  175. 											</div>
  176. 											<div class="madiaInfo" style="padding-right:0 ;">
  177. 												<p class="ellipsisSty">
  178. 													<span class="h1Font" id="proName"></span>
  179. 													<em class="authiconNew "  id="auth"></em>
  180. 												</p>
  181. 												<p class="h2Font ellipsisSty" id="brief"></p>
  182. 											</div>
  183. 										</li>
  184. 									</ul>
  185. 								</div>
  186. 							</div>
  187. 						</div>
  189. 					</div>
  190. 				</div>
  191. 			</div>
  192. 		</div>
  193. 		<!--mian end-->
  194. 		<!--footer-->
  195. 		<div class="footer_tools">
  196. 		  <a id="scrollUp" href="javascript:;" title="返回顶部"></a>
  197. 		</div>
  198. 		<footer>
  199. 			<script type="text/javascript" src="js/footer.js"></script>
  200. 		</footer>
  201. 		<!--end footer-->
  203. 		<script type="text/javascript" src="js/jquery.cookie.js"></script>
  204. 		<script type="text/javascript" src="cmp-portal/js/public/bootstrap.min.js"></script>
  205. 		<script type="text/javascript" src="cmp-portal/js/public/bootstrap-datetimepicker.js"></script>
  206. 		<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
  207. 		<script type="text/javascript" src="js/jquery.page.js"></script>
  208. 		<script src="js/city.min.js" type="text/javascript" charset="utf-8"></script>
  209. 		<script type="text/javascript" src="js/common.js"></script>
  210. 	<script src="js/postDemand.js"></script>
  211. 	<script type="text/javascript">
  212. 		$(function () {
  213. 			//回到顶部
  214. 			var $body = $(document.body);;
  215. 			var $bottomTools = $('.footer_tools');
  216. 			$(window).scroll(function () {
  217. 				var scrollHeight = $(document).height();
  218. 				var scrollTop = $(window).scrollTop();
  219. 				var $footerHeight = $('footer').outerHeight(true);
  220. 				var $windowHeight = $(window).innerHeight();
  221. 				scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);			
  222. 				$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
  223. 			});
  224. 			$('#scrollUp').click(function (e) {
  225. 				e.preventDefault();
  226. 				$('html,body').animate({ scrollTop:0});
  227. 			});
  228. 		})
  229. 	</script>
  230. </body>
  231. </html>