service_edit.blade.php 54 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916
  1. @extends('module.layouts.organization')
  2. @push('meta')
  3. @endpush
  4. @push('css')
  5. <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/organization/common.css') }}"/>
  6. <link rel="stylesheet" type="text/css" href="{{theme_asset('app/css/organization/organization_service.css')}}"/>
  7. <link rel="stylesheet" type="text/css" href="{{theme_asset('app/css/jobmoney.css')}}"/>
  8. <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_ajax_dialog.css')}}"/>
  9. <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/lib/layui-v2.5.4/css/layui.css')}}"/>
  10. <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_user.css')}}"/>
  11. <style>
  12. .bootstrap-elem-field{
  13. margin-bottom: 10px;
  14. padding: 0;
  15. border-width: 1px;
  16. border-style: solid;
  17. border-color: #e6e6e6;
  18. padding: 10px 0;
  19. position: relative;
  20. }
  21. .bootstrap-elem-field legend {
  22. margin-left: 20px;
  23. padding: 0 10px;
  24. font-size: 20px;
  25. font-weight: 300;
  26. border-bottom:none;
  27. width: auto;
  28. }
  29. .close{
  30. position: absolute;
  31. width: 30px;
  32. height: 30px;
  33. top: -5px;
  34. right: -15px;
  35. background: url("{{ theme_asset('app/images/252.png') }}") no-repeat;
  36. background-size: contain;
  37. cursor: pointer;
  38. }
  39. </style>
  40. @endpush
  41. @push('js')
  42. <script type="text/javascript" src="{{ theme_asset('app/js/company/jquery.common.js') }}"></script>
  43. <script type="text/javascript" src="{{theme_asset('app/js/htmlspecialchars.js')}}"></script>
  44. <script type="text/javascript" src="{{theme_asset('app/lib/layui-v2.5.4/layui.all.js')}}"></script>
  45. @endpush
  46. @section('content')
  47. <div class="user_main">
  48. <div class="mleft">
  49. @include('module.section.org_left')
  50. </div>
  51. <div class="mright">
  52. <div class="user_pagetitle">
  53. <div class="pat_l">发布服务</div>
  54. <div class="clear"></div>
  55. </div>
  56. <div class="modTitle">服务信息</div>
  57. <div class="mod J_focus">
  58. <div class="mb16">
  59. <div class="modKey"><span></span>服务类型:</div>
  60. <div class="modVal">
  61. <div class="select_input w113 fl mr10 J_hoverinput J_dropdown J_listitme_parent" style="background: none;border:none">
  62. <span class="J_listitme_text">
  63. @switch(intval($serviceInfo->service_type))
  64. @case(1)
  65. 管理培训
  66. @break
  67. @case(2)
  68. 猎头服务
  69. @break
  70. @case(3)
  71. 人力资源供应
  72. @break
  73. @case(4)
  74. 其它
  75. @break
  76. @endswitch
  77. </span>
  78. </div>
  79. </div>
  80. <div class="clear"></div>
  81. </div>
  82. <div id="content_1" class="service_content" @if($serviceInfo->service_type == 1) style="display:block" @else style="display: none" @endif>
  83. <form id="training_form" action="" method="post">
  84. <div class="mb16">
  85. <div class="modKey"><span></span>培训内容:</div>
  86. <div class="modVal">
  87. <div class="fl">
  88. <input name="training_ctontents" id="training_ctontents" type="text" class="input_245_34 fl" value="" style="width: 193px;">
  89. </div>
  90. </div>
  91. <div class="clear"></div>
  92. </div>
  93. <div class="mb16">
  94. <div class="modKey"><span></span>培训时长:</div>
  95. <div class="modVal">
  96. <div class="fl">
  97. <input name="training_duration" id="training_duration" type="text" class="input_245_34 fl" value="" style="width: 193px;">
  98. </div>
  99. </div>
  100. <div class="clear"></div>
  101. </div>
  102. <div class="mb16">
  103. <div class="modKey"><span></span>培训费用:</div>
  104. <div class="modVal">
  105. <div class="fl">
  106. <input name="training_expenses" id="training_expenses" type="text" class="input_245_34 fl" value="" style="width: 193px;">
  107. </div>
  108. </div>
  109. <div class="clear"></div>
  110. </div>
  111. <div class="mb16">
  112. <div class="modKey">&nbsp;</div>
  113. <div class="modVal">
  114. <input type="button" id="J_release" class="btn_blue J_hoverbut btn_80_38 w140 submit"
  115. value="发布服务">
  116. <input type="hidden" name="service_type" value="1">
  117. </div>
  118. <div class="clear"></div>
  119. </div>
  120. </form>
  121. </div>
  122. <div id="content_2" class="service_content" @if($serviceInfo->service_type == 2) style="display:block" @else style="display: none" @endif>
  123. <form id="headhunter_form" action="" method="post">
  124. <div class="mb16">
  125. <div class="modKey"><span></span>可提供岗位:</div>
  126. <div class="modVal">
  127. <div class="select_input w193 fl mr10 J_hoverinput J_dropdown J_listitme_parent" id="job_select">
  128. <span class="J_listitme_text" id="job_text">
  129. 请选择
  130. </span>
  131. <div class="dropdowbox8 J_dropdown_menu">
  132. <div class="dropdow_inner8">
  133. <ul class="nav_box">
  134. <li><a class="J_listitme" href="javascript:;" data-code="1">总经理/副总经理</a></li>
  135. <li><a class="J_listitme" href="javascript:;" data-code="2">人事经理</a></li>
  136. <li><a class="J_listitme" href="javascript:;" data-code="3">财务经理</a></li>
  137. <li><a class="J_listitme" href="javascript:;" data-code="4">市场经理</a></li>
  138. <li><a class="J_listitme" href="javascript:;" data-code="5">营销经理</a></li>
  139. <li><a class="J_listitme" href="javascript:;" data-code="6">产品经理</a></li>
  140. <li><a class="J_listitme" href="javascript:;" data-code="7">技术经理</a></li>
  141. <li><a class="J_listitme" href="javascript:;" data-code="8">厂长</a></li>
  142. <li><a class="J_listitme" href="javascript:;" data-code="9">生产经理</a></li>
  143. <li><a class="J_listitme" href="javascript:;" data-code="10">高级工程师</a></li>
  144. <li><a class="J_listitme" href="javascript:;" data-code="11">博士后/博士</a></li>
  145. <li><a class="J_listitme" href="javascript:;" data-code="12">工商管理高级人才</a></li>
  146. </ul>
  147. </div>
  148. </div>
  149. <input class="J_listitme_code" name="job" id="job" type="hidden" value="">
  150. </div>
  151. <div class="w205 fl box-hide" style="width: 245px;" >
  152. <div class="fl">
  153. <input name="other_job" id="other_job" placeholder="其他可提供岗位" class="input_245_34 pdl w140" style="width: 230px" type="text"
  154. value="">
  155. </div>
  156. </div>
  157. <div class="jobs-customize">其他</div>
  158. <input id="iscustomize" name="iscustomize" type="hidden" value="0">
  159. </div>
  160. <div class="clear"></div>
  161. </div>
  162. <div class="mb16">
  163. <div class="modKey"><span></span>报价及结算方式:</div>
  164. <div class="modVal">
  165. <textarea name="check" id="check" placeholder="请详细输入" maxlength="2000" cols=""
  166. rows=""
  167. class="textarea_638_80 w518"></textarea>
  168. </div>
  169. <div class="clear"></div>
  170. </div>
  171. <div class="mb16">
  172. <div class="modKey">&nbsp;</div>
  173. <div class="modVal">
  174. <input type="button" id="J_release" class="btn_blue J_hoverbut btn_80_38 w140 submit"
  175. value="发布服务">
  176. <input type="hidden" name="service_type" value="2">
  177. </div>
  178. <div class="clear"></div>
  179. </div>
  180. </form>
  181. </div>
  182. <div id="content_3" class="service_content" @if($serviceInfo->service_type == 3) style="display:block" @else style="display: none" @endif>
  183. <form id="services_form" action="" method="post">
  184. <input type="hidden" name="_token" value="{{csrf_token()}}" />
  185. <input type="hidden" name="id" value="{{$serviceInfo->id}}" />
  186. <div class="group">
  187. @foreach($serviceInfo['detail'] as $k => $v)
  188. <fieldset class="bootstrap-elem-field">
  189. <legend>人员信息组</legend>
  190. <div class="bootstrap-field-box">
  191. <div class="mb16">
  192. <div class="modKey"><span></span>所属行业:</div>
  193. <div class="modVal">
  194. <div class="item_val select_input select_205_34 J_hoverinput J_showmodal_trade" data-title="请选择所属行业" data-multiple="false" data-maxnum="0" data-width="682">
  195. <span title="" class="result J_resuletitle_trade">{{ $trade[$v['trade']] or '请选择所属行业' }}</span>
  196. <input class="J_resultcode_trade" type="hidden" name="trade[]" id="trade" value="{{$v['trade']}}">
  197. <div class="clear"></div>
  198. </div>
  199. </div>
  200. </div>
  201. <div class="mb16">
  202. <div class="modKey"><span></span>工种:</div>
  203. <div class="modVal">
  204. <div class="fl">
  205. <input name="job_type[]" id="job_type" type="text" class="input_245_34 fl" value="{{$v['job_type']}}" style="width: 193px;">
  206. </div>
  207. </div>
  208. <div class="clear"></div>
  209. </div>
  210. <div class="mb16">
  211. <div class="modKey"><span></span>所在地区:</div>
  212. <div class="modVal">
  213. <div class="fl">
  214. <input name="district[]" id="district" type="text" class="input_245_34 fl" value="{{$v['district']}}" style="width: 193px;" placeholder="">
  215. </div>
  216. </div>
  217. </div>
  218. <div class="mb16">
  219. <div class="modKey">来晋时间:</div>
  220. <div class="modVal">
  221. <div class="fl">
  222. <input name="time[]" id="time" type="text" class="input_245_34 fl" value="{{$v['time']}}" style="width: 193px;" placeholder="若非晋江人员请填写">
  223. </div>
  224. </div>
  225. <div class="clear"></div>
  226. </div>
  227. <div class="mb16">
  228. <div class="modKey"><span></span>员工薪酬:</div>
  229. <div class="modVal">
  230. <div class="fl">
  231. <input name="salary[]" id="salary" type="text" class="input_245_34 fl" value="{{$v['salary']}}" style="width: 193px;" placeholder="">
  232. </div>
  233. </div>
  234. </div>
  235. <div class="mb16">
  236. <div class="modKey"><span></span>可提供人数:</div>
  237. <div class="modVal">
  238. <div class="fl">
  239. <input name="number[]" id="number" type="text" class="input_245_34 fl" value="{{$v['number']}}" style="width: 193px;">
  240. </div>
  241. </div>
  242. <div class="clear"></div>
  243. </div>
  244. <div class="mb16">
  245. <div class="modKey"><span></span>共享方式:</div>
  246. <div class="modVal">
  247. <div class="item_val select_input_multi select_245_34 w518 J_hoverinput J_showmodal_shareType" data-maxnum="4" data-title="" data-multiple="true" data-width="582">
  248. <span title="" class="result J_resuletitle_jobtag">{{$v['sharetype']}}</span>
  249. <input class="J_resultcode_shareType" type="hidden" name="sharetype[]" id="sharetype" value="">
  250. <div class="clear"></div>
  251. </div>
  252. </div>
  253. <div class="clear"></div>
  254. </div>
  255. <div class="mb16">
  256. <div class="modKey"><span></span>报价及结算方式:</div>
  257. <div class="modVal">
  258. <textarea class="textarea_438_34 w518" rows="" placeholder="请输入报价及结算方式" cols="" maxlength="2000" name="check[]">{{$v['check']}}</textarea>
  259. </div>
  260. <div class="clear"></div>
  261. </div>
  262. <div class="mb16">
  263. <div class="modKey">其他备注:</div>
  264. <div class="modVal">
  265. <textarea class="textarea_438_34 w518" rows="" placeholder="请输入" cols="" maxlength="2000" name="remark[]">{{$v['remark']}}</textarea>
  266. </div>
  267. <div class="clear"></div>
  268. </div>
  269. </div>
  270. </fieldset>
  271. @endforeach
  272. </div>
  273. <div class="mb16">
  274. <div class="modKey">&nbsp;</div>
  275. <div class="modVal">
  276. <input type="button" id="J_release" class="btn_blue J_hoverbut btn_80_38 w140 submit"
  277. value="保存服务">
  278. </div>
  279. <div class="clear"></div>
  280. </div>
  281. </form>
  282. </div>
  283. <div id="content_4" class="service_content" @if($serviceInfo->service_type == 4) style="display:block" @else style="display: none" @endif>
  284. <form id="headhunter_form" action="" method="post">
  285. <div class="mb16">
  286. <div class="modKey"><span></span>详细描述:</div>
  287. <div class="modVal">
  288. <textarea name="other_service" id="other_service" placeholder="请详细输入您可以提供的服务" maxlength="2000" cols=""
  289. rows=""
  290. class="textarea_638_80 w518"></textarea>
  291. </div>
  292. <div class="clear"></div>
  293. </div>
  294. <div class="mb16">
  295. <div class="modKey">&nbsp;</div>
  296. <div class="modVal">
  297. <input type="button" id="J_release" class="btn_blue J_hoverbut btn_80_38 w140 submit"
  298. value="发布服务">
  299. <input type="hidden" name="service_type" value="4">
  300. </div>
  301. <div class="clear"></div>
  302. </div>
  303. </form>
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308. <div class="clear"></div>
  309. </div>
  310. @endsection
  311. @section('script')
  312. <script>
  313. var default_district = "{{config('aix.system.site_other.site_other.district')}}";
  314. </script>
  315. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.listitem.js') }}"></script>
  316. <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={{ subsite_config('aix.system.map.map.map_ak') }}&s=1"></script>
  317. <script type="text/javascript" src="https://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
  318. <script type="text/javascript" src="{{ theme_asset('app/js/company/jquery.baidumap.js') }}"></script>
  319. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.dropdown.js') }}"></script>
  320. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
  321. <script type="text/javascript" src="{{ theme_asset('app/js/emailAutoComplete.js') }}"></script>
  322. <script type="text/javascript" src="{{ theme_asset('app/js/aix.js') }}"></script>
  323. <script type="text/javascript" src="{{ theme_asset('app/js/regular.js') }}"></script>
  324. <script type="text/javascript" src="{{ theme_asset('app/js/ajaxfileupload.js') }}"></script>
  325. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.tooltip.js') }}"></script>
  326. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.user.city.js') }}"></script>
  327. <script type="text/javascript" src="{{ theme_asset('app/js/company/jquery.common.js') }}"></script>
  328. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.allselected.js') }}"></script>
  329. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
  330. <script type="text/javascript" src="{{ theme_asset('app/js/jquery.tooltip.js') }}"></script>
  331. <script type="text/javascript" src="{{theme_asset('app/lib/layui-v2.5.4/layui.all.js')}}"></script>
  332. <script type="text/javascript">
  333. var str = '<?php echo json_encode($category['other']['AIX_trade']);?>';
  334. var QS_trade = eval(str);
  335. for(var i = 0;i <QS_trade.length;i ++){
  336. QS_trade[i].step_size = 0;
  337. }
  338. var str1 = '<?php echo json_encode($category['district']['first']);?>';
  339. var QS_city_parent = eval(str1);
  340. for(var i = 0;i <QS_city_parent.length;i ++){
  341. QS_city_parent[i].step_size = 0;
  342. }
  343. var districts = '<?php echo json_encode($category['district']['sec']);?>';
  344. var QS_city = eval('('+districts+')');
  345. for(var i = 0;i <QS_city.length;i ++){
  346. QS_city[i].step_size = 0;
  347. }
  348. var str2 = '<?php echo json_encode($category['other']['AIX_jobtag']);?>';
  349. var QS_jobtag = eval(str2);
  350. for(var i = 0;i <QS_jobtag.length;i ++){
  351. QS_jobtag[i].step_size = 0;
  352. }
  353. var QS_shareType = new Array();
  354. QS_shareType.push('1,小时工');
  355. QS_shareType.push('2,劳务派遣');
  356. QS_shareType.push('3,委托招聘');
  357. QS_shareType.push('4,服务外包');
  358. QS_shareType.push('5,其它');
  359. $(document).ready(function () {
  360. var backdropLayerTpl = '<div class="modal_backdrop fade"></div>';
  361. var htmlLayerTpl = ['<div class="modal">', '<div class="modal_dialog">', '<div class="modal_content pie_about">', '<div class="modal_header">', '<span class="title J_modal_title"></span>', '<span class="max_remind J_modal_max"></span>', '<a href="javascript:;" class="close J_dismiss_modal"></a>', '</div>', '<div class="modal_body">', '<div class="listed_group" id="J_listed_group">', '<div class="left_text">已选择:</div>', '<div class="center_text" id="J_listed_content"></div>', '<a href="javascript:;" class="right_text" id="J_listed_clear">清空</a>', '<div class="clear"></div>', '</div>', '<div class="J_modal_content"></div>', '</div>', '<div class="modal_footer">', '<div class="res_add_but">', '<div class="butlist">', '<div class="btn_blue J_hoverbut btn_100_38 J_btnyes">确 定</div>', '</div>', '<div class="butlist">', '<div class="btn_lightgray J_hoverbut btn_100_38 J_dismiss_modal J_btncancel">取 消</div>', '</div>', '<div class="clear"></div>', '</div>', '</div>', '<input type="hidden" class="J_btnload" />', '</div>', '</div>', '</div>'].join('');
  362. var serviceType = {{$serviceInfo->service_type}};
  363. $(document).on('click','.service', function(e) {
  364. var thisCode = $(this).data('code');
  365. $(".service_content").css('display','none');
  366. $("#content_"+thisCode).css('display','block');
  367. serviceType = thisCode;
  368. });
  369. //其他服务类型
  370. $(".jobs-customize").click(function () {
  371. var jobsSelect = $(this).prev().prev();
  372. var jobsCustomize = $(this).prev();
  373. jobsSelect.toggleClass("box-hide");
  374. jobsCustomize.toggleClass("box-hide");
  375. if (jobsSelect.hasClass("box-hide")) {
  376. $(this).text("返回选择");
  377. $(this).next("[name=iscustomize]").val(1);
  378. $("#job").val(0);
  379. } else {
  380. $(this).text("其他");
  381. $(this).next("[name=iscustomize]").val(0);
  382. $("#job").val(-1);
  383. $("#job_select .J_listitme_text").html('请选择');
  384. }
  385. });
  386. $(".btn_add").click(function(){
  387. var html = '<fieldset class="bootstrap-elem-field">\n' +
  388. ' <legend>人员信息组</legend>\n' +
  389. ' <div class="close"></div>\n' +
  390. ' <div class="bootstrap-field-box">\n' +
  391. ' <div class="mb16">\n' +
  392. ' <div class="modKey"><span></span>所属行业:</div>\n' +
  393. ' <div class="modVal">\n' +
  394. ' <div class="item_val select_input select_205_34 J_hoverinput J_showmodal_trade" data-title="请选择所属行业" data-multiple="false" data-maxnum="0" data-width="682">\n' +
  395. ' <span title="" class="result J_resuletitle_trade">请选择所属行业</span>\n' +
  396. ' <input class="J_resultcode_trade" type="hidden" name="trade[]" id="trade" value="">\n' +
  397. ' <div class="clear"></div>\n' +
  398. ' </div>\n' +
  399. '\n' +
  400. ' </div>\n' +
  401. ' </div>\n' +
  402. ' <div class="mb16">\n' +
  403. ' <div class="modKey"><span></span>工种:</div>\n' +
  404. ' <div class="modVal">\n' +
  405. ' <div class="fl">\n' +
  406. ' <input name="job_type[]" id="job_type" type="text" class="input_245_34 fl" value="" style="width: 193px;">\n' +
  407. ' </div>\n' +
  408. ' </div>\n' +
  409. ' <div class="clear"></div>\n' +
  410. ' </div>\n' +
  411. ' <div class="mb16">\n' +
  412. ' <div class="modKey"><span></span>所在地区:</div>\n' +
  413. ' <div class="modVal">\n' +
  414. ' <div class="fl">\n' +
  415. ' <input name="district[]" id="district" type="text" class="input_245_34 fl" value="" style="width: 193px;" placeholder="">\n' +
  416. ' </div>\n' +
  417. ' </div>\n' +
  418. ' </div>\n' +
  419. ' <div class="mb16">\n' +
  420. ' <div class="modKey">来晋时间:</div>\n' +
  421. ' <div class="modVal">\n' +
  422. ' <div class="fl">\n' +
  423. ' <input name="time[]" id="time" type="text" class="input_245_34 fl" value="" style="width: 193px;" placeholder="若非晋江人员请填写">\n' +
  424. ' </div>\n' +
  425. ' </div>\n' +
  426. ' <div class="clear"></div>\n' +
  427. ' </div>\n' +
  428. ' <div class="mb16">\n' +
  429. ' <div class="modKey"><span></span>员工薪酬:</div>\n' +
  430. ' <div class="modVal">\n' +
  431. ' <div class="fl">\n' +
  432. ' <input name="salary[]" id="salary" type="text" class="input_245_34 fl" value="" style="width: 193px;" placeholder="">\n' +
  433. ' </div>\n' +
  434. ' </div>\n' +
  435. ' </div>\n' +
  436. ' <div class="mb16">\n' +
  437. ' <div class="modKey"><span></span>可提供人数:</div>\n' +
  438. ' <div class="modVal">\n' +
  439. ' <div class="fl">\n' +
  440. ' <input name="number[]" id="number" type="text" class="input_245_34 fl" value="" style="width: 193px;">\n' +
  441. ' </div>\n' +
  442. ' </div>\n' +
  443. ' <div class="clear"></div>\n' +
  444. ' </div>\n' +
  445. ' <div class="mb16">\n' +
  446. ' <div class="modKey"><span></span>共享方式:</div>\n' +
  447. ' <div class="modVal">\n' +
  448. ' <div class="item_val select_input_multi select_245_34 w518 J_hoverinput J_showmodal_shareType" data-maxnum="4" data-title="" data-multiple="true" data-width="582">\n' +
  449. ' <span title="" class="result J_resuletitle_jobtag"></span>\n' +
  450. ' <input class="J_resultcode_shareType" type="hidden" name="sharetype[]" id="sharetype" value="">\n' +
  451. ' <div class="clear"></div>\n' +
  452. ' </div>\n' +
  453. ' </div>\n' +
  454. ' <div class="clear"></div>\n' +
  455. ' </div>\n' +
  456. ' <div class="mb16">\n' +
  457. ' <div class="modKey"><span></span>报价及结算方式:</div>\n' +
  458. ' <div class="modVal">\n' +
  459. ' <textarea class="textarea_438_34 w518" rows="" placeholder="请输入报价及结算方式" cols="" maxlength="2000" name="check[]"></textarea>\n' +
  460. ' </div>\n' +
  461. ' <div class="clear"></div>\n' +
  462. ' </div>\n' +
  463. ' <div class="mb16">\n' +
  464. ' <div class="modKey">其他备注:</div>\n' +
  465. ' <div class="modVal">\n' +
  466. ' <textarea class="textarea_438_34 w518" rows="" placeholder="请输入" cols="" maxlength="2000" name="remark[]"></textarea>\n' +
  467. ' </div>\n' +
  468. ' <div class="clear"></div>\n' +
  469. ' </div>\n' +
  470. ' </div>\n' +
  471. ' </fieldset>';
  472. $(".group").append(html)
  473. });
  474. $(document).on('click','.close',function(e){
  475. $(this).parent().remove()
  476. });
  477. $(document).on('click','.J_showmodal_trade',function(){
  478. var titleValue = $(this).data('title');
  479. var multipleValue = eval($(this).data('multiple'));
  480. var maxNumValue = eval($(this).data('maxnum'));
  481. var widthValue = eval($(this).data('width'));
  482. var htmlTrade = '';
  483. if (QS_trade) {
  484. htmlTrade += '<div class="modal_body_box modal_body_box1">';
  485. htmlTrade += '<ul class="list_nav1">';
  486. if (multipleValue) {
  487. for (var i = 0; i < QS_trade.length; i++) {
  488. if (QS_trade[i].split(',')) {
  489. var iArray = QS_trade[i].split(',');
  490. htmlTrade += ['<li>', '<label>', '<input class="J_list_trade" type="checkbox" data-code="' + iArray[0] + '" data-title="' + iArray[1] + '"> ', '' + iArray[1] + '</label>', '</li>', ].join('');
  491. }
  492. }
  493. } else {
  494. for (var i = 0; i < QS_trade.length; i++) {
  495. if (QS_trade[i].split(',')) {
  496. var iArray = QS_trade[i].split(',');
  497. htmlTrade += ['<li>', '<label class="J_list_trade" type="checkbox" data-code="' + iArray[0] + '" data-title="' + iArray[1] + '">', '' + iArray[1] + '</label>', '</li>', ].join('');
  498. }
  499. }
  500. }
  501. htmlTrade += '<div class="clear"></div>';
  502. htmlTrade += '</ul>';
  503. htmlTrade += '</div>';
  504. }
  505. prepareModal(titleValue, multipleValue, maxNumValue);
  506. $('.J_modal_content').html(htmlTrade);
  507. $('.J_btnyes').attr('id', 'J_btnyes_trade');
  508. $('.modal_dialog').css({
  509. width: widthValue + 'px',
  510. left: ($(window).width() - widthValue) / 2,
  511. top: ($(window).height() - $('.modal_dialog').outerHeight()) / 2 + $(document).scrollTop()
  512. });
  513. $('.modal_backdrop').addClass('in');
  514. // 恢复选中
  515. var recoverValue = $(this).find(".J_resultcode_trade").val();
  516. if (recoverValue.length) {
  517. var recoverValueArray = recoverValue.split(',');
  518. for (var i = 0; i < recoverValueArray.length; i++) {
  519. $('.J_list_trade').each(function(index, el) {
  520. if ($(this).data('code') == recoverValueArray[i]) {
  521. $(this).prop('checked', !0);
  522. $(this).closest('li').addClass('current');
  523. }
  524. });
  525. }
  526. if (multipleValue) {
  527. copyTradeSelected();
  528. }
  529. }
  530. var that = this;
  531. // 行业列表点击
  532. $('.J_list_trade').off().on('click', function() {
  533. if (multipleValue) {
  534. if ($(this).is(':checked')) {
  535. $(this).closest('li').addClass('current');
  536. var checkedArray = $('.J_list_trade:checked');
  537. if (checkedArray.length > maxNumValue) {
  538. disapperTooltip("remind", '最多选择' + maxNumValue + '个');
  539. $(this).prop('checked', 0);
  540. $(this).closest('li').removeClass('current');
  541. return false;
  542. } else {
  543. copyTradeSelected();
  544. }
  545. } else {
  546. $(this).closest('li').removeClass('current');
  547. copyTradeSelected();
  548. }
  549. } else {
  550. $(this).closest('li').addClass('current');
  551. var code = $(this).data('code');
  552. var title = $(this).data('title');
  553. $(that).find('.J_resultcode_trade').val(code);
  554. $(that).find('.J_resuletitle_trade').text(title);
  555. $(that).find('.J_resuletitle_trade').attr('title', title);
  556. $('.modal_backdrop').remove();
  557. $('.modal').remove();
  558. }
  559. });
  560. function copyTradeSelected() {
  561. var htmlListed = '';
  562. $('.J_list_trade:checked').each(function(index, el) {
  563. var listedCode = $(this).data('code');
  564. var listedTitle = $(this).data('title');
  565. htmlListed += ['<div class="listed_item_parent J_listed_trade" data-code="' + listedCode + '" data-title="' + listedTitle + '">', '<a href="javascript:;" class="listed_item">', '<span>' + listedTitle + '</span><div class="del"></div>', '</a>', '</div>'].join('');
  566. });
  567. $('#J_listed_content').html(htmlListed);
  568. if ($('.J_listed_trade').length) {
  569. $('#J_listed_group').addClass('nmb');
  570. } else {
  571. $('#J_listed_group').removeClass('nmb');
  572. }
  573. $('#J_listed_group').show();
  574. }
  575. $(document).off('click','.J_listed_trade').on('click','.J_listed_trade', function() {
  576. var listedValue = $(this).data('code');
  577. $('.J_list_trade').each(function(index, el) {
  578. if ($(this).data('code') == listedValue) {
  579. $(this).prop('checked', 0);
  580. $(this).closest('li').removeClass('current');
  581. }
  582. });
  583. copyTradeSelected();
  584. });
  585. // 清空
  586. $('#J_listed_clear').on('click', function() {
  587. $('.J_list_trade:checked').each(function(index, el) {
  588. $(this).prop('checked', 0);
  589. $(this).closest('li').removeClass('current');
  590. });
  591. copyTradeSelected();
  592. });
  593. // 确定
  594. $('#J_btnyes_trade').on('click', function(event) {
  595. var checkedArray = $('.J_list_trade:checked');
  596. var codeArray = new Array();
  597. var titleArray = new Array();
  598. $.each(checkedArray, function(index, val) {
  599. codeArray[index] = $(this).data('code');
  600. titleArray[index] = $(this).data('title');
  601. });
  602. $('.J_showmodal_trade .J_resultcode_trade').val(codeArray.join(','));
  603. ;$('.J_showmodal_trade .J_resuletitle_trade').text(titleArray.length ? titleArray.join('+') : '不限');
  604. $('.J_showmodal_trade .J_resuletitle_trade').attr('title', titleArray.length ? titleArray.join('+') : '不限');
  605. removeModal();
  606. });
  607. });
  608. $(document).on('click','.J_showmodal_shareType',function(){
  609. var titleValue = $(this).data('title');
  610. var multipleValue = eval($(this).data('multiple'));
  611. var maxNumValue = eval($(this).data('maxnum'));
  612. var widthValue = eval($(this).data('width'));
  613. var htmlJobtag = '';
  614. if (QS_shareType) {
  615. htmlJobtag += '<div class="modal_body_box modal_body_box4">';
  616. for (var i = 0; i < QS_shareType.length; i++) {
  617. if (QS_shareType[i].split(',')) {
  618. var iArray = QS_shareType[i].split(',');
  619. htmlJobtag += ['<ul class="list_nav">', '<li>', '<label>', '<input class="J_list_shareType" type="checkbox" data-code="' + iArray[0] + '" data-title="' + iArray[1] + '"> ', '' + iArray[1] + '</label>', '</li>', '</ul>'].join('');
  620. }
  621. }
  622. htmlJobtag += '<div class="clear"></div>';
  623. htmlJobtag += '</div>';
  624. }
  625. prepareModal(titleValue, multipleValue, maxNumValue);
  626. $('.J_modal_content').html(htmlJobtag);
  627. $('.J_btnyes').attr('id', 'J_btnyes_jobtag');
  628. $('.modal_dialog').css({
  629. width: widthValue + 'px',
  630. left: ($(window).width() - widthValue) / 2,
  631. top: ($(window).height() - $('.modal_dialog').outerHeight()) / 2 + $(document).scrollTop()
  632. });
  633. $('.modal_backdrop').addClass('in');
  634. var recoverValue = $(this).find('.J_resultcode_shareType').val();
  635. if (recoverValue.length) {
  636. var recoverValueArray = recoverValue.split(',');
  637. for (var i = 0; i < recoverValueArray.length; i++) {
  638. $('.J_list_shareType').each(function(index, el) {
  639. if ($(this).data('code') == recoverValueArray[i]) {
  640. $(this).prop('checked', !0);
  641. }
  642. });
  643. }
  644. }
  645. var that = this;
  646. $('.J_list_shareType').on('click', function() {
  647. if (multipleValue) {
  648. var checkedArray = $('.J_list_shareType:checked');
  649. if ($(this).is(':checked')) {
  650. if (checkedArray.length > maxNumValue) {
  651. disapperTooltip("remind", '最多选择' + maxNumValue + '个');
  652. $(this).prop('checked', 0);
  653. $(this).closest('li').removeClass('current');
  654. return false;
  655. }
  656. } else {
  657. $('.J_list_shareType').not(':checked').prop('disabled', 0);
  658. }
  659. } else {
  660. var code = $(this).data('code');
  661. var title = $(this).data('title');
  662. $(that).find('.J_resultcode_shareType').val(code);
  663. $(that).find('.J_resuletitle_jobtag').text(title);
  664. $(that).find('.J_resuletitle_jobtag').attr('title', title);
  665. $('.modal_backdrop').remove();
  666. $('.modal').remove();
  667. }
  668. });
  669. $('.J_btnyes').on('click', function(event) {
  670. console.log($(that))
  671. var checkedArray = $('.J_list_shareType:checked');
  672. var codeArray = new Array();
  673. var titleArray = new Array();
  674. $.each(checkedArray, function(index, val) {
  675. codeArray[index] = $(this).data('code');
  676. titleArray[index] = $(this).data('title');
  677. });
  678. $(that).find('.J_resultcode_shareType').val(codeArray.join(','));
  679. $(that).find('.J_resuletitle_jobtag').text(titleArray.length ? titleArray.join('+') : '请选择');
  680. $(that).find('.J_resuletitle_jobtag').attr('title', titleArray.length ? titleArray.join('+') : '请选择');
  681. removeModal();
  682. });
  683. });
  684. function prepareModal(titleValue, multipleValue, maxNumValue) {
  685. var ie = !-[1, ];
  686. var ie6 = !-[1, ] && !window.XMLHttpRequest;
  687. $(backdropLayerTpl).appendTo($(document.body));
  688. if (ie6) {
  689. $('.modal_backdrop').css("height", $(document).height());
  690. }
  691. $(htmlLayerTpl).appendTo($(document.body));
  692. $('.J_modal_title').text(titleValue);
  693. if (multipleValue) {
  694. $('.J_modal_max').text('(最多选择' + maxNumValue + '个)');
  695. }
  696. if (!multipleValue) {
  697. $('.modal_footer').hide();
  698. }
  699. $(".J_hoverbut").hover(function() {
  700. $(this).addClass("hover");
  701. }, function() {
  702. $(this).removeClass("hover");
  703. });
  704. // 可拖动
  705. var newObj = $('.modal_dialog');
  706. var newTit = newObj.find(".modal_header");
  707. newTit.mousedown(function(e) {
  708. var offset = newObj.offset();
  709. var x = e.pageX - offset.left;
  710. var y = e.pageY - offset.top;
  711. $(document).bind('mousemove', function(ev) {
  712. newObj.bind('selectstart', function() {
  713. return false;
  714. });
  715. var newx = ev.pageX - x;
  716. var newy = ev.pageY - y;
  717. newObj.css({
  718. 'left': newx + "px",
  719. 'top': newy + "px"
  720. });
  721. });
  722. });
  723. $(document).mouseup(function() {
  724. $(this).unbind("mousemove");
  725. })
  726. if (ie) {
  727. if (window.PIE) {
  728. $('.pie_about').each(function() {
  729. PIE.attach(this);
  730. });
  731. }
  732. }
  733. }
  734. function removeModal() {
  735. setTimeout(function() {
  736. $('.modal_backdrop').remove();
  737. $('.modal').remove();
  738. }, 50)
  739. }
  740. $(".submit").click(function(){
  741. switch(serviceType){
  742. case 1:
  743. var training_ctontents = $("#training_ctontents").val();
  744. var training_duration = $("#training_duration").val();
  745. var training_expenses = $("#training_expenses").val();
  746. if(training_ctontents == '' || training_ctontents == null){
  747. disapperTooltip("remind", "请填写培训内容");
  748. return false;
  749. }
  750. if(training_duration == '' || training_duration == null){
  751. disapperTooltip("remind", "请填写培训时长");
  752. return false;
  753. }
  754. if(training_expenses == '' || training_expenses == null){
  755. disapperTooltip("remind", "请填写培训费用");
  756. return false;
  757. }
  758. var data = {
  759. _token: "{{csrf_token()}}",
  760. service_type:serviceType,
  761. training_ctontents:training_ctontents,
  762. training_duration:training_duration,
  763. training_expenses:training_expenses
  764. };
  765. break;
  766. case 2:
  767. var iscustomize = parseInt($("#iscustomize").val());
  768. var other_job = $("#other_job").val();
  769. if(iscustomize && (other_job == '' || other_job == null)){
  770. disapperTooltip("remind", "可提供的岗位不能为空");
  771. return false;
  772. }
  773. var job = $("#job").val();
  774. if(!iscustomize && (job == '' || job == null)){
  775. disapperTooltip("remind", "可提供的岗位不能为空");
  776. return false;
  777. }
  778. var check = $("#check").val();
  779. var desc = check.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' ');
  780. if(check == '' || check == null){
  781. disapperTooltip("remind", "报价及结算方式不能为空");
  782. return false;
  783. }
  784. var data = {
  785. _token: "{{csrf_token()}}",
  786. service_type:serviceType,
  787. iscustomize:iscustomize,
  788. other_job:other_job,
  789. job:job,
  790. check:desc
  791. };
  792. break;
  793. case 3:
  794. $("[name^='trade']").each(function(index,item){
  795. if($(item).val() == '' || $(item).val() == null){
  796. disapperTooltip("remind", "请将资料填写完整");
  797. return false;
  798. }
  799. });
  800. $("[name^='job_type']").each(function(index,item){
  801. if($(item).val() == '' || $(item).val() == null){
  802. disapperTooltip("remind", "请将资料填写完整");
  803. return false;
  804. }
  805. });
  806. $("[name^='district']").each(function(index,item){
  807. if($(item).val() == '' || $(item).val() == null){
  808. disapperTooltip("remind", "请将资料填写完整");
  809. return false;
  810. }
  811. });
  812. $("[name^='salary']").each(function(index,item){
  813. if($(item).val() == '' || $(item).val() == null){
  814. disapperTooltip("remind", "请将资料填写完整");
  815. return false;
  816. }
  817. });
  818. $("[name^='number']").each(function(index,item){
  819. if($(item).val() == '' || $(item).val() == null){
  820. disapperTooltip("remind", "请将资料填写完整");
  821. return false;
  822. }
  823. });
  824. $("[name^='sharetype']").each(function(index,item){
  825. if($(item).val() == '' || $(item).val() == null){
  826. disapperTooltip("remind", "请将资料填写完整");
  827. return false;
  828. }
  829. });
  830. $("#content_3 [name^='check']").each(function(index,item){
  831. if($(item).val() == '' || $(item).val() == null){
  832. disapperTooltip("remind", "请将资料填写完整");
  833. return false;
  834. }
  835. });
  836. var data = $("#services_form").serialize();
  837. break;
  838. }
  839. $.ajax({
  840. url: "{{ route('service.add') }}",
  841. method: 'post',
  842. dataType: 'json',
  843. data: data
  844. }).done(function (data) {
  845. if (parseInt(data.status)) {
  846. disapperTooltip('success', data.msg);
  847. setTimeout(function () {
  848. location.href = "{{route('org.index')}}";
  849. }, 2000);
  850. } else {
  851. //$('#J_release').val($('#J_release').data('title')).removeClass('btn_disabled').prop('disabled', 0);
  852. disapperTooltip("remind", data.msg);
  853. }
  854. }).fail(function (errorData) {
  855. //$('#J_release').val($('#J_release').data('title')).removeClass('btn_disabled').prop('disabled', 0);
  856. if (errorData.status == 422) {//验证错误
  857. $.each(errorData.responseJSON.errors, function (key, val) {
  858. disapperTooltip("remind", val[0]);
  859. });
  860. } else if (errorData.status == 400) {//业务错误
  861. disapperTooltip('remind', errorData.responseJSON.message);
  862. }
  863. });
  864. });
  865. });
  866. </script>
  867. @endsection