portal html css js resource

postDemand.html 10.0KB

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