post_input.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516
  1. <style>
  2. td {
  3. border-top: 1px solid #ddd;
  4. line-height: 25px;
  5. padding: 5px 5px 5px 7px;
  6. }
  7. .point{
  8. color: #0099CC;
  9. font-weight: bold;
  10. }
  11. </style>
  12. <!-- 职能-->
  13. <script src="${resPath}/bcrc/cssjs/position.data.min.js" type="text/javascript"></script>
  14. <script src="${resPath}/bcrc/cssjs/jquery.position.select.js" type="text/javascript"></script>
  15. <script>
  16. function result2(){
  17. $("#result2").positionSelect({
  18. containerId: "positionDiv",
  19. className: "big-window",
  20. nameId: "work_zn_input",
  21. required: true,
  22. maxCount: 5,
  23. onConfirm: null
  24. });
  25. }
  26. </script>
  27. <div class="bjui-pageContent" style="width: 1025px;height: 510px">
  28. <form method="post" action="${ctxPath}/cms/post/update" id="j_client_form" data-toggle="validate" data-autorefresh="true" data-alertmsg="false">
  29. <input TYPE="hidden" name="zw_id" value="${post.zw_id!}">
  30. <input TYPE="hidden" name="qy_id" value="${post.qy_id!}">
  31. <input TYPE="hidden" name="zw_sftj" value="${post.zw_sftj!}">
  32. <input TYPE="hidden" name="zw_zt" value="${post.zw_zt!}">
  33. <table cellspacing="1" cellpadding="6" border="0" width="100%">
  34. <tbody>
  35. <tr>
  36. <td>
  37. <label for="zw_zwmc" class="control-label x85"><span style="color: red">*</span>职位名称:</label>
  38. <input type="text" name="zw_zwmc" id="zw_zwmc" value="${post.zw_zwmc!,xss}" placeholder="请填写职位名称!" data-rule="required" size="50" maxlength="20">
  39. </td>
  40. </tr>
  41. <tr>
  42. <td style=" position: relative; ">
  43. <label for="zw_zwlb" class="control-label x85"><span style="color: red">*</span>职能:</label>
  44. <input type="text" name="zw_zwlb" id="work_zn_input" value="${post.zw_zwlb!,xss}" placeholder="请填写职位类别!" data-rule="required" size="50" maxlength="20" >
  45. <!-- <input id="btn_IndustryID" type="button" onclick="IndustrySelect('work_zn_input')" style=" position: absolute; left: 60%; top: 8px; "/>-->
  46. <a id="result2" href="javascript:void(0);" class="zwxz" style="left:57%;top: 11px;" onclick="result2()"></a>
  47. </td>
  48. </tr>
  49. <tr>
  50. <td>
  51. <label for="zw_gzxz" class="control-label x85">工作性质:</label>
  52. <select name="zw_gzxz" id="zw_gzxz" style="width: 500px;height: 25px;">
  53. <option value="0">全职</option>
  54. <option value="1">兼职</option>
  55. <option value="2">实习</option>
  56. <option value="3">就业见习人员</option>
  57. </select>
  58. </td>
  59. </tr>
  60. <tr>
  61. <td>
  62. <label for="zw_gzdz" class="control-label x85"><span style="color: red">*</span>工作地址:</label>
  63. <input type="text" name="zw_gzdz" id="zw_gzdz" value="${post.zw_gzdz!,xss}" placeholder="请填写工作地址!" data-rule="required" maxlength="50" >
  64. </td>
  65. </tr>
  66. <tr>
  67. <td>
  68. <label for="zw_yxfw" class="control-label x85">月薪范围:</label>
  69. <select name="zw_yxfw" id="zw_yxfw" style="width: 500px;height: 25px;">
  70. <option value="0">1000元以下</option>
  71. <option value="1">1000-2000元</option>
  72. <option value="2">2000-4000元</option>
  73. <option value="3">4000-6000元</option>
  74. <option value="4">6000-8000元</option>
  75. <option value="5">8000-10000元</option>
  76. <option value="6">10000-15000元</option>
  77. <option value="7">15000-20000元</option>
  78. <option value="8">20000-30000元</option>
  79. <option value="9">30000-50000元</option>
  80. <option value="10">50000-70000元</option>
  81. <option value="11">70000-100000元</option>
  82. <option value="12">100000元以上</option>
  83. </select>
  84. </td>
  85. </tr>
  86. <tr>
  87. <td>
  88. <label for="zw_zdxl" class="control-label x85">最低学历:</label>
  89. <select name="zw_zdxl" id="zw_zdxl" style="width: 500px;height: 25px;">
  90. <option value="0">学历不限</option>
  91. <option value="1">本科</option>
  92. <option value="2">硕士</option>
  93. <option value="3">博士</option>
  94. <option value="4">大专</option>
  95. <option value="5">中技</option>
  96. <option value="6">中专</option>
  97. <option value="7">高中以下</option>
  98. </select>
  99. </td>
  100. </tr>
  101. <tr>
  102. <td>
  103. <label for="zw_yjbys" class="control-label x85">应届毕业生:</label>
  104. <select name="zw_yjbys" id="zw_yjbys" style="width: 500px;height: 25px;">
  105. @if(isEmpty(post.zw_yjbys)){
  106. <option value="0">是</option>
  107. <option value="1">否</option>
  108. @}else if(post.zw_yjbys == '0'){
  109. <option value="0" selected>是</option>
  110. <option value="1">否</option>
  111. @}else if(post.zw_yjbys =='1'){
  112. <option value="0">是</option>
  113. <option value="1" selected>否</option>
  114. @}
  115. </select>
  116. </td>
  117. </tr>
  118. <tr>
  119. <td>
  120. <label for="zw_gznx" class="control-label x85">工作年限:</label>
  121. <select name="zw_gznx" id="zw_gznx" style="width: 500px;height: 25px;">
  122. <option value="0">经验不限</option>
  123. <option value="1">无经验</option>
  124. <option value="2">1年以下</option>
  125. <option value="3">1-3年</option>
  126. <option value="4">3-5年</option>
  127. <option value="5">5-10年</option>
  128. <option value="6">10年以上</option>
  129. </select>
  130. </td>
  131. </tr>
  132. <tr>
  133. <td>
  134. <label for="zw_zwms" class="control-label x85">职位描述:</label>
  135. <textarea id="zw_zwms" name="zw_zwms" placeholder="请填写职位描述" style="height: 200px;resize:none;" cols="50" maxlength="1800" >${post.zw_zwms!,xss}</textarea>
  136. </td>
  137. </tr>
  138. <tr>
  139. <td>
  140. <label for="zw_jnyq" class="control-label x85"><span style="color: red">*</span>技能要求:</label>
  141. <input type="text" name="zw_jnyq" id="zw_jnyq" value="${post.zw_jnyq!,xss}" placeholder="请填写技能要求!" data-rule="required" maxlength="50" >
  142. </td>
  143. </tr>
  144. <tr>
  145. <td>
  146. <label for="zw_zwldl" class="control-label x85">职位亮点:</label>
  147. <label><input type="checkbox" id="zw_zwldl" name="zw_zwld" value="1"/>五险一金</label>
  148. <label><input type="checkbox" id="zw_zwld2" name="zw_zwld" value="2"/>节日福利</label>
  149. <label><input type="checkbox" id="zw_zwld3" name="zw_zwld" value="3"/>带薪年假</label>
  150. <label><input type="checkbox" id="zw_zwld4" name="zw_zwld" value="4"/>现金补贴</label>
  151. </td>
  152. </tr>
  153. <tr>
  154. <td>
  155. <label for="zw_zprs" class="control-label x85"><span style="color: red">*</span>招聘人数:</label>
  156. <input type="text" name="zw_zprs" id="zw_zprs" onchange="manth()" value="${post.zw_zprs!,xss}" placeholder="请填写招聘人数!" data-rule="required" maxlength="4" >
  157. </td>
  158. </tr>
  159. <tr>
  160. <td>
  161. <label for="zw_fbsc" class="control-label x85">发布日期:</label>
  162. @if(isEmpty(post.zw_fbsc)){
  163. <input style="width:225px;margin-left:0px" name="zw_fbsc" id="zw_fbsc" style="width: 500px;height: 25px;" readonly="readonly" value="" />
  164. @}else{
  165. <input style="width:225px;margin-left:0px" name="zw_fbsc" id="zw_fbsc" style="width: 500px;height: 25px;" readonly="readonly" value="${strutil.subStringTo(post.zw_fbsc!,0,10)}" />
  166. @}
  167. </td>
  168. </tr>
  169. <tr>
  170. <td>
  171. <label for="zw_ssbm" class="control-label x85"><span style="color: red">*</span>所属部门:</label>
  172. <input type="text" name="zw_ssbm" id="zw_ssbm" value="${post.zw_ssbm!,xss}" placeholder="请填写所属部门!" data-rule="required" size="50" maxlength="10" >
  173. </td>
  174. </tr>
  175. </tbody>
  176. </table>
  177. </form>
  178. </div>
  179. <div class="bjui-pageFooter" style="padding: 0px 10px 0 0;">
  180. <ul>
  181. <li><input onclick="chognzhiqygw()" class="btn btn-blue" type="button" data-icon="pencil" value="重置"> </li>
  182. <li><button type="submit" class="btn btn-green" data-icon="send"> 保存发布</button></li>
  183. </ul>
  184. </div>
  185. <!--<div class="bjui-pageFooter">
  186. <ul>
  187. <li><button type="button" class="btn-default" style=" margin-right: 565px;" data-icon="save">保存</button></li>
  188. </ul>
  189. </div>-->
  190. <div id="layer_back_drop" class="layer_back_drop_class" style=""></div>
  191. <div id="base_area_layer" class="layer_class" init="true" >
  192. <iframe scrolling="auto" width="100%" height="100%" frameborder="0" id="iframe" ></iframe>
  193. </div>
  194. <input type="hidden" id="work_func">
  195. <input type="hidden" id="count" value="5">
  196. <script>
  197. function isNull(str) {
  198. if (str == "")
  199. return true;
  200. var regu = "^[ ]+$";
  201. var re = new RegExp(regu);
  202. return re.test(str);
  203. }
  204. function chognzhiqygw(){
  205. if(isNull("${post.zw_zwmc!,xss}")){
  206. $("#zw_zwmc").val("");
  207. }else{
  208. $("#zw_zwmc").val("${post.zw_zwmc!,xss}");
  209. }
  210. if(isNull("${post.zw_zwlb!,xss}")){
  211. $("#work_zn_input").val("");
  212. }else{
  213. $("#work_zn_input").val("${post.zw_zwlb!,xss}");
  214. }
  215. if(isNull("${post.zw_gzxz!}")){
  216. $("#zw_gzxz").val("0");
  217. }else{
  218. $("#zw_gzxz").find("option[value='${post.zw_gzxz!}']").attr("selected", 'selected');
  219. }
  220. if(isNull("${post.zw_gzdz!,xss}")){
  221. $("#zw_gzdz").val("");
  222. }else{
  223. $("#zw_gzdz").val("${post.zw_gzdz!,xss}");
  224. }
  225. if(isNull("${post.zw_yxfw!}")){
  226. $("#zw_yxfw").val("0");
  227. }else{
  228. $("#zw_yxfw").find("option[value='${post.zw_yxfw!}']").attr("selected", 'selected');
  229. }
  230. if(isNull("${post.zw_zdxl!}")){
  231. $("#zw_zdxl").val("0");
  232. }else{
  233. $("#zw_zdxl").find("option[value='${post.zw_zdxl!}']").attr("selected", 'selected');
  234. }
  235. if(isNull("${post.zw_yjbys}")){
  236. $("#zw_yjbys").val("0");
  237. }else{
  238. $("#zw_yjbys").find("option[value='${post.zw_yjbys}']").attr("selected", 'selected');
  239. }
  240. if(isNull("${post.zw_gznx!}")){
  241. $("#zw_gznx").val("0");
  242. }else{
  243. $("#zw_gznx").find("option[value='${post.zw_gznx!}']").attr("selected", 'selected');
  244. }
  245. if(isNull("${post.zw_jnyq!,xss}")){
  246. $("#zw_jnyq").val("");
  247. }else{
  248. $("#zw_jnyq").val("${post.zw_jnyq!,xss}");
  249. }
  250. if(isNull("${post.zw_zprs!,xss}")){
  251. $("#zw_zprs").val("");
  252. }else{
  253. $("#zw_zprs").val("${post.zw_zprs!,xss}");
  254. }
  255. if(isNull("${post.zw_ssbm!,xss}")){
  256. $("#zw_ssbm").val("");
  257. }else{
  258. $("#zw_ssbm").val("${post.zw_ssbm!,xss}");
  259. }
  260. if(isNull("${post.zw_zwld!}")){
  261. var boxObj = $("input:checkbox[name='zw_zwld']");
  262. boxObj[0].checked = false;
  263. boxObj[1].checked = false;
  264. boxObj[2].checked = false;
  265. boxObj[3].checked = false;
  266. }else{
  267. var boxObj1 = $("input:checkbox[name='zw_zwld']"); //获取所有的复选框
  268. boxObj1[0].checked = false;
  269. boxObj1[1].checked = false;
  270. boxObj1[2].checked = false;
  271. boxObj1[3].checked = false;
  272. var boxObj = $("input:checkbox[name='zw_zwld']"); //获取所有的复选框
  273. var expresslist = '${post.zw_zwld!}'; //用el表达式获取在控制层存放的复选框的值为字符串类型
  274. var express = expresslist.split(','); //去掉它们之间的分割符“,”
  275. for (i = 0; i < boxObj.length; i++) {
  276. for (j = 0; j < express.length; j++) {
  277. if (boxObj[i].value == express[j]) //如果值与修改前的值相等
  278. {
  279. boxObj[i].checked = true;
  280. break;
  281. }
  282. }
  283. }
  284. }
  285. }
  286. $(function(){
  287. $("#zw_gzxz").find("option[value='${post.zw_gzxz!}']").attr("selected", 'selected');
  288. $("#zw_yxfw").find("option[value='${post.zw_yxfw!}']").attr("selected", 'selected');
  289. $("#zw_zdxl").find("option[value='${post.zw_zdxl!}']").attr("selected", 'selected');
  290. $("#zw_gznx").find("option[value='${post.zw_gznx!}']").attr("selected", 'selected');
  291. var boxObj = $("input:checkbox[name='zw_zwld']"); //获取所有的复选框
  292. var expresslist = '${post.zw_zwld!}'; //用el表达式获取在控制层存放的复选框的值为字符串类型
  293. var express = expresslist.split(','); //去掉它们之间的分割符“,”
  294. for (i = 0; i < boxObj.length; i++) {
  295. for (j = 0; j < express.length; j++) {
  296. if (boxObj[i].value == express[j]) //如果值与修改前的值相等
  297. {
  298. boxObj[i].checked = true;
  299. break;
  300. }
  301. }
  302. }
  303. });
  304. function manth(){
  305. var em = /^\d+$/;
  306. if(!em.test($('#zw_zprs').val())){
  307. alert('招聘人数只能填写数字,请重新输入');
  308. $('#zw_zprs').val("");
  309. return false;
  310. }
  311. }
  312. $(function(){
  313. var myDate = new Date();
  314. var time = myDate.toLocaleDateString().split('/').join('-');//将1970/08/08转化成1970-08-08
  315. if(isNull($("#zw_fbsc").val())){
  316. $("#zw_fbsc").val(time);
  317. }
  318. });
  319. function isNull(str) {
  320. if (str == "")
  321. return true;
  322. var regu = "^[ ]+$";
  323. var re = new RegExp(regu);
  324. return re.test(str);
  325. }
  326. </script>
  327. <!--职能选择开始-->
  328. <!--<link href="${resPath}/bcrc/cssjs/base.css" rel="stylesheet" type="text/css">-->
  329. <link href="${resPath}/bcrc/cssjs/big-window.css" rel="stylesheet" type="text/css">
  330. <script type="text/javascript">
  331. /* $(document).ready(function () {
  332. $("#result").click(function () {
  333. $("#result").positionSelect({
  334. containerId: "positionDiv",
  335. className: "big-window",
  336. nameId: "resultinput",
  337. required: true,
  338. maxCount: 5,
  339. onConfirm: null
  340. });
  341. });
  342. });*/
  343. </script>
  344. <!----><style>
  345. .zwxz{
  346. background: url(${resPath}/bcrc/images/form_03.png) no-repeat 10px;
  347. position: absolute;
  348. width: 36px;
  349. height: 18px;
  350. line-height: 18px;
  351. font-size: 12px;
  352. color: #00457d;
  353. text-align: center;
  354. top: 5px;
  355. right: 0;
  356. border-left: 1px solid #ddd;}
  357. #positionDiv_bg{display: none!important;}
  358. </style>
  359. <!--<textarea id="result" cols="80" rows="10">点我,狠狠地点我。</textarea>-->
  360. <!----><div id="positionDiv" style=" position: fixed;">
  361. </div>
  362. <!-- 职位-->
  363. <!---->
  364. <div class="big-window bg-f0" id="position">
  365. <div class="title">
  366. <b>选择职位</b><span class="tip">(最多选择5项)</span> <a href="#" onclick="javascript:closeposition()">
  367. </a>
  368. </div>
  369. <div class="sele-tag">
  370. <dl>
  371. <dt>已选择:</dt>
  372. <dd>
  373. <a href="#">已选择的职位1</a>
  374. <a href="#">已选择的职已选择的职位位2</a>
  375. <a href="#">已选择已选择的职位的职位3</a>
  376. <a href="#">已已选择的职位选择的职位4</a>
  377. <a href="#">已已选择的职位选择的职位5</a>
  378. <a href="#" class="btn">确 定</a>
  379. </dd>
  380. </dl>
  381. </div>
  382. <div class="position-menu">
  383. <div class="menu">
  384. <ul>
  385. <li>销售|客服|市场</li>
  386. <li>财务|人力资源|行政</li>
  387. <li class="sele">项目|质量|高级管理</li>
  388. <li>IT|互联网|通信</li>
  389. <li>房产|建筑|物业管理</li>
  390. <li>金融</li>
  391. <li>采购|贸易|交通|物流</li>
  392. <li>生产|制造</li>
  393. <li>传媒|印刷|艺术|设计</li>
  394. <li>咨询|法律|教育|翻译</li>
  395. <li>服务业</li>
  396. <li>能源|环保|农业|科研</li>
  397. <li>兼职|实习|社工|其他</li>
  398. </ul>
  399. </div>
  400. <div class="sub-menu">
  401. <dl>
  402. <dt>电信/通信技术开发及应用</dt>
  403. <dd>
  404. <a href="#">互联网/电子商务 </a>
  405. <a href="#">计算机软件 </a>
  406. <a href="#">IT服务(系统/数据/维护) </a>
  407. <a href="#">电子技术/半导体/集成电路 </a>
  408. <a href="#">计算机硬件 </a>
  409. <a href="#">通信/电信/网络设备 </a>
  410. <a href="#">通信/电信运营、增值服务 </a>
  411. <a href="#">网络游戏</a>
  412. </dd>
  413. </dl>
  414. <dl>
  415. <dt>财务/审计/税务</dt>
  416. <dd>
  417. <a href="#">快速消费品(食品/饮料/烟酒/日化) </a>
  418. <a href="#">耐用消费品(服饰/纺织/皮革/家具/家电) </a>
  419. <a href="#">贸易/进出口 </a>
  420. <a href="#">零售/批发 </a>
  421. <a href="#">租赁服务 </a>
  422. </dd>
  423. </dl>
  424. <dl>
  425. <dt>交通运输服务</dt>
  426. <dd>
  427. <a href="#">互联网/电子商务 </a>
  428. <a href="#">计算机软件 </a>
  429. <a href="#">IT服务(系统/数据/维护) </a>
  430. <a href="#">电子技术/半导体/集成电路 </a>
  431. <a href="#">计算机硬件 </a>
  432. <a href="#">通信/电信/网络设备 </a>
  433. <a href="#">通信/电信运营、增值服务 </a>
  434. <a href="#">网络游戏</a>
  435. </dd>
  436. </dl>
  437. <dl>
  438. <dt>生物/制药/医疗器械</dt>
  439. <dd>
  440. <a href="#">快速消费品(食品/饮料/烟酒/日化) </a>
  441. <a href="#">耐用消费品(服饰/纺织/皮革/家具/家电) </a>
  442. <a href="#">贸易/进出口 </a>
  443. <a href="#">零售/批发 </a>
  444. <a href="#">租赁服务 </a>
  445. </dd>
  446. </dl>
  447. <dl>
  448. <dt>互联网产品/运营管理</dt>
  449. <dd>
  450. <a href="#">汽车/摩托车</a>
  451. <a href="#">大型设备/机电设备/重工业 </a>
  452. <a href="#">加工制造(原料加工/模具) </a>
  453. <a href="#">仪器仪表及工业自动化 </a>
  454. <a href="#">印刷/包装/造纸 </a>
  455. <a href="#">办公用品及设备 </a>
  456. <a href="#">医药/生物工程 </a>
  457. <a href="#">医疗设备/器械 </a>
  458. <a href="#">航空/航天研究与制造</a>
  459. </dd>
  460. </dl>
  461. <dl>
  462. <dt>房地产|建筑业</dt>
  463. <dd>
  464. <a href="#">房地产/建筑/建材/工程 </a>
  465. <a href="#">家居/室内设计/装饰装潢 </a>
  466. <a href="#">物业管理/商业中心</a>
  467. </dd>
  468. </dl>
  469. </div>
  470. </div>
  471. </div>
  472. <!--职能选择结束-->
  473. <!--行业-->
  474. <script type="text/javascript" src="${resPath}/bcrc/cssjs/drag.js"></script>
  475. <script type="text/javascript" src="${resPath}/bcrc/cssjs/funtype_arr.js"></script>
  476. <script type="text/javascript" src="${resPath}/bcrc/cssjs/industry_arr.js"></script>
  477. <script type="text/javascript" src="${resPath}/bcrc/cssjs/major_arr.js"></script>
  478. <script type="text/javascript" src="${resPath}/bcrc/cssjs/industry_funch.js"></script>
  479. <link rel="stylesheet" type="text/css" href="${resPath}/bcrc/cssjs/css.css" />
  480. <link rel="stylesheet" type="text/css" href="${resPath}/bcrc/cssjs/alpha.css" />
  481. <!--行业结束-->
  482. <!--<input id="btn_IndustryID" type="button" value="请选择行业" onclick="IndustrySelect('btn_IndustryID')" />-->
  483. <!-- alpha div -->
  484. <div id="maskLayer" style="display:none">
  485. <iframe id="maskLayer_iframe" frameBorder=0 scrolling=no style="filter:alpha(opacity=0)"></iframe>
  486. <div id="alphadiv" style="filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5"></div>
  487. <div id="drag" >
  488. <h3 id="drag_h"></h3>
  489. <div id="drag_con"></div><!-- drag_con end -->
  490. </div>
  491. </div><!-- maskLayer end -->
  492. <style>
  493. #drag{top: 30px !important;left: 50px !important;}
  494. </style>
  495. </div>
  496. <!-- alpha div end -->
  497. <div id="sublist" style="display:none"></div>
  498. <!--行业选择 结束-->
  499. <!--
  500. <script>
  501. function savebaocun(){
  502. $("#j_client_form").submit();
  503. }
  504. </script>-->