portal html css js resource

cmp-demandPublish.html 10KB

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