portal html css js resource

demandModify.html 9.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  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="showDetail">
  49. <div class="h1Font" id="demandTitle"></div>
  50. <div class="operateBlock bottomShow">
  51. <ul class="clearfix">
  52. <li><span id="publishTime"></span></li>
  53. <li><span>浏览量</span> <span id="pageView"></span></li>
  54. </ul>
  55. </div>
  56. <div class="showMain showMainP" id="demandContent">
  57. <div class="showCon"></div>
  58. </div>
  59. </div>
  60. <ul class="clearfix postUl">
  61. <p class="demandTit">所在城市<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
  62. <form action="" name="form1">
  63. <div class="col-w-6 citybox2">
  64. <span class="frmcontype" id="Province">
  65. <em class="mr_sj"></em>
  66. <i class="mr_show" id="oprovince">请选择省/直辖市</i>
  67. <ul>
  68. <li><a href="javascript:void(0)" alt="请选择省/直辖市">请选择省/直辖市</a></li>
  69. </ul>
  70. <input type="hidden" name="cho_Province" value="请选择省/直辖市">
  71. </span>
  72. </div>
  73. <div class="col-w-6 citybox2">
  74. <span class="frmcontype floatR" id="City">
  75. <em class="mr_sj"></em>
  76. <i class="mr_show" id="ocity">请选择城市</i>
  77. <ul>
  78. <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
  79. </ul>
  80. <input type="hidden" name="cho_City" value="请选择城市 ">
  81. </span>
  82. </div>
  83. </form>
  84. </ul>
  85. <ul class="clearfix postUl">
  86. <li class="floatL col-w-6">
  87. <p class="demandTit">费用预算</p>
  88. <select class="frmcontype fColor" id="spendCost" onchange="seleCo(this)">
  89. <option value="0" selected="selected">请选择预算范围</option>
  90. <option value="1">1万元以内</option>
  91. <option value="2">1-5万元</option>
  92. <option value="3">5-10万元</option>
  93. <option value="4">10-20万元</option>
  94. <option value="5">20-50万元</option>
  95. <option value="6">50万元以上</option>
  96. </select>
  97. <span></span>
  98. </li>
  99. <li class="floatR col-w-6 postChild">
  100. <p class="demandTit">预期时长</p>
  101. <select class="frmcontype fColor" id="budget" onchange="seleCo(this)">
  102. <option value="0">请选择预期时长</option>
  103. <option value="1">1个月内</option>
  104. <option value="2">1-3个月</option>
  105. <option value="3">3-6个月</option>
  106. <option value="4">6-12个月</option>
  107. <option value="5">1年以上</option>
  108. </select>
  109. <span class="spanR"></span>
  110. </li>
  111. </ul>
  112. <ul class="clearfix postUl">
  113. <li class="floatL col-w-6">
  114. <p class="demandTit">需求有效期<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">必填</span></p>
  115. <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">
  116. <em class="mr_sj"></em>
  117. <input size="16" type="text" value="" readonly class="frmtype frmcontype fColor" placeholder="请选择企业的创立时间" id="createTime"style="background: #ffffff;;">
  118. <span class="dateIcon"><i class="icon-calendar"></i></span>
  119. <span class="add-on"><i class="icon-th displayNone"></i></span>
  120. </div>
  121. <input type="hidden" id="dtp_input2" value="" />
  122. <span></span>
  123. </li>
  124. <li class="floatR col-w-6 postChild">
  125. <p class="demandTit">联系电话<em class="requiredcon">*</em><span class="frmconmsg" style="display: none;">50字以内</span></p>
  126. <input type="text" placeholder="请填写您的联系电话,以便客服与您联系" class="frmcontype fColor" maxlength="50" id="phone" />
  127. </li>
  128. </ul>
  129. <div class="last_postCenter">
  130. <button class="btnModel posted outN" id="modia">保存修改</button>
  131. <button class="btnModel posted outN" id="complete">需求已完成</button>
  132. <span class="lastDemand" id="closeDemand" style="cursor:pointer;">关闭该需求</span>
  133. </div>
  134. </div>
  135. <div class="rightconBox floatR">
  136. <div class="conItem conItemG alignCenter" id="enterprise" style="border:none;">
  137. <a href="javascript:" class="qiyego">
  138. <div class="madiaHead cmpHead" id="Qimg">
  139. <div class="boxBlock">
  140. <img class="boxBlockimg" src="" id="companyImg">
  141. </div>
  142. </div>
  143. </a>
  144. <div class="proInfo">
  145. <div class="h3Font clearfix">
  146. <a class="h1Font qiyego" id="Qname">
  147. </a>
  148. <span class="authiconNew " id="QauthFlag"></span>
  149. </div>
  150. </div>
  151. <div class="form-item otherBlock currentBlock">
  152. <div class="aboutTit">联系人</div>
  153. <div class="form-result addexpertRe" style="margin-top:0">
  154. <ul class="addexpert" id="expertli">
  155. <li class="flexCenter">
  156. <div class="madiaHead useHead" id="proImg">
  157. </div>
  158. <div class="madiaInfo" style="padding-right:0 ;">
  159. <p class="ellipsisSty">
  160. <span class="h1Font" id="proName"></span>
  161. <em class="authiconNew " id="auth"></em>
  162. </p>
  163. <p class="h2Font ellipsisSty" id="brief"></p>
  164. </div>
  165. </li>
  166. </ul>
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. <div class="footer_tools">
  175. <a id="scrollUp" href="javascript:;" title="返回顶部"></a>
  176. </div>
  177. <footer>
  178. <script type="text/javascript" src="js/footer.js"></script>
  179. </footer>
  180. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  181. <script type="text/javascript" src="cmp-portal/js/public/bootstrap.min.js"></script>
  182. <script type="text/javascript" src="cmp-portal/js/public/bootstrap-datetimepicker.js"></script>
  183. <script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
  184. <script type="text/javascript" src="js/jquery.page.js"></script>
  185. <script src="js/city.min.js" type="text/javascript" charset="utf-8"></script>
  186. <script type="text/javascript" src="js/common.js"></script>
  187. <script src="js/demandModify.js"></script>
  188. <script type="text/javascript">
  189. $(function () {
  190. //回到顶部
  191. var $body = $(document.body);;
  192. var $bottomTools = $('.footer_tools');
  193. $(window).scroll(function () {
  194. var scrollHeight = $(document).height();
  195. var scrollTop = $(window).scrollTop();
  196. var $footerHeight = $('footer').outerHeight(true);
  197. var $windowHeight = $(window).innerHeight();
  198. scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200);
  199. $bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight);
  200. });
  201. $('#scrollUp').click(function (e) {
  202. e.preventDefault();
  203. $('html,body').animate({ scrollTop:0});
  204. });
  205. })
  206. </script>
  207. </body>
  208. </html>