portal html css js resource

postDemand.html 8.8KB

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