partjobform.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. <div class="layui-fluid">
  2. <div class="layui-row layui-col-space15">
  3. <div class="layui-col-md12">
  4. <div class="layui-card">
  5. <div class="layui-card-header">兼职报名</div>
  6. <div class="layui-card-body" pad15>
  7. <div class="layui-form layui-form-pane" lay-filter="LAY-partjob-partjobform-edit">
  8. <input type="hidden" name="id" value="{$partjob.id}">
  9. <div class="layui-form-item">
  10. <label class="layui-form-label">代理名称</label>
  11. <div class="layui-input-block">
  12. <input type="text" name="title" value="{$agent.title}" readonly class="layui-input layui-disabled">
  13. </div>
  14. </div>
  15. <div class="layui-form-item">
  16. <label class="layui-form-label"><span style="color:#f90c05;">*</span>标题</label>
  17. <div class="layui-input-block">
  18. <input type="text" name="title" value="{$partjob.title}" lay-verify="required" placeholder="请输入标题" autocomplete="off"
  19. class="layui-input">
  20. </div>
  21. </div>
  22. <div class="layui-form-item">
  23. <label class="layui-form-label">标图</label>
  24. <div class="layui-input-block">
  25. <div class="layui-upload">
  26. <button type="button" class="layui-btn attachment-upload-images" data-input="tilpic" data-amount="1">上传图片</button>
  27. <div class="layui-inline layui-word-aux"> 最佳尺寸:320px*320px </div>
  28. <div class="layui-upload-list echo-attachment-image-list" id="tilpic">
  29. {notempty name="partjob.tilpic"}
  30. <div>
  31. <input type="hidden" name="tilpic" value="{$partjob.tilpic}">
  32. <img src="{$partjob.tilpic}">
  33. </div>
  34. {/notempty}
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="layui-form-item">
  40. <label class="layui-form-label">标签</label>
  41. <div class="layui-input-block">
  42. <div class="tags" id="tags">
  43. <input type="text" name="" id="inputTags" placeholder="回车生成标签" autocomplete="off">
  44. </div>
  45. </div>
  46. </div>
  47. <div class="layui-form-item">
  48. <label class="layui-form-label"><span style="color:#f90c05;">*</span>咨询电话</label>
  49. <div class="layui-input-block">
  50. <input type="text" name="telephone" value="{$partjob.telephone}" lay-verify="required" placeholder="请输入咨询电话"
  51. autocomplete="off" class="layui-input">
  52. </div>
  53. </div>
  54. <div class="layui-form-item">
  55. <label class="layui-form-label"><span style="color:#f90c05;">*</span>工作地址</label>
  56. <div class="layui-input-block">
  57. <input type="text" name="address" value="{$partjob.address}" lay-verify="required" placeholder="请输入工作地址"
  58. autocomplete="off" class="layui-input">
  59. </div>
  60. </div>
  61. <div class="layui-form-item">
  62. <label class="layui-form-label"><span style="color:#f90c05;">*</span>工资</label>
  63. <div class="layui-input-block">
  64. <input type="text" name="wagall" value="{$partjob.wagall}" lay-verify="required" placeholder="请输入工资"
  65. autocomplete="off" class="layui-input">
  66. </div>
  67. </div>
  68. <div class="layui-form-item">
  69. <label class="layui-form-label"><span style="color:#f90c05;">*</span>截止时间</label>
  70. <div class="layui-input-block">
  71. <input type="text" name="endtime" id="endtime" value="{$partjob.endtime}" lay-verify="required" placeholder="请选择截止时间"
  72. autocomplete="off" class="layui-input">
  73. </div>
  74. </div>
  75. <div class="layui-form-item">
  76. <label class="layui-form-label"><span style="color:#f90c05;">*</span>招聘人数</label>
  77. <div class="layui-input-block">
  78. <input type="text" name="recruitnum" value="{$partjob.recruitnum|default=0}" lay-verify="required" placeholder="请输入招聘人数"
  79. autocomplete="off" class="layui-input">
  80. </div>
  81. </div>
  82. <div class="layui-form-item">
  83. <label class="layui-form-label">录用条件</label>
  84. <div class="layui-input-block">
  85. <textarea class="layui-textarea" name="reqdetails" id="reqdetails" placeholder="请输入录用条件" style="display: none"
  86. lay-verify="editcontent">
  87. {$partjob.reqdetails}
  88. </textarea>
  89. </div>
  90. </div>
  91. <div class="layui-form-item">
  92. <label class="layui-form-label">岗位介绍</label>
  93. <div class="layui-input-block">
  94. <textarea class="layui-textarea" name="jobdetails" id="jobdetails" placeholder="请输入岗位介绍" style="display: none"
  95. lay-verify="editcontent">
  96. {$partjob.jobdetails}
  97. </textarea>
  98. </div>
  99. </div>
  100. <div class="layui-form-item" pane>
  101. <label class="layui-form-label">状态</label>
  102. <div class="layui-input-block">
  103. <input type="checkbox" lay-filter="switch" name="status" {eq name="partjob.status|default=1" value="1"
  104. }checked{/eq} lay-skin="switch" lay-text="开启|停招" value="1">
  105. </div>
  106. </div>
  107. <div class="layui-form-item">
  108. <label class="layui-form-label"><span style="color:#f90c05;">*</span>发布时间</label>
  109. <div class="layui-input-block">
  110. <input type="text" name="createtime" id="createtime" value="{$partjob.createtime}" lay-verify="required"
  111. placeholder="请选择发布时间" autocomplete="off" class="layui-input">
  112. </div>
  113. </div>
  114. <div class="layui-form-item">
  115. <div class="layui-input-block">
  116. <input type="button" lay-submit lay-filter="LAY-partjob-partjobform-edit-submit" value="确认提交" class="layui-btn">
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. <script>
  126. layui.config({
  127. base: '/static/echoui/' //静态资源所在路径
  128. }).extend({
  129. index: 'lib/index' //主入口模块
  130. }).use(['index', 'form', 'set', 'layedit', 'laydate', 'upload', 'inputTags'], function() {
  131. var $ = layui.$,
  132. setter = layui.setter,
  133. admin = layui.admin,
  134. layedit = layui.layedit,
  135. laydate = layui.laydate,
  136. form = layui.form,
  137. inputTags = layui.inputTags,
  138. upload = layui.upload;
  139. form.render();
  140. inputTags.render({
  141. elem: '#inputTags',
  142. content: {: json_encode($partjob.tags) } == null ? [] : {: json_encode($partjob.tags) },
  143. aldaBtn: true,
  144. count: 6,
  145. done: function(value) {}
  146. });
  147. laydate.render({
  148. elem: '#endtime',
  149. type: 'datetime',
  150. format: 'yyyy-MM-dd HH:mm'
  151. });
  152. laydate.render({
  153. elem: '#createtime',
  154. type: 'datetime'
  155. });
  156. var reqdetails = layedit.build('reqdetails', {
  157. uploadImage: { url: setter.baseAgentUrl + 'attachment/tplfieldimage', type: 'post' }
  158. });
  159. var jobdetails = layedit.build('jobdetails', {
  160. uploadImage: { url: setter.baseAgentUrl + 'attachment/tplfieldimage', type: 'post' }
  161. });
  162. form.verify({
  163. editcontent: function(value) {
  164. layedit.sync(reqdetails);
  165. layedit.sync(jobdetails);
  166. }
  167. });
  168. form.on('submit(LAY-partjob-partjobform-edit-submit)', function(obj) {
  169. var index = parent.layer.getFrameIndex(window.name);
  170. admin.req({
  171. url: setter.baseAgentUrl + 'partjob/editpartjob',
  172. data: obj.field,
  173. type: 'post',
  174. done: function(res) {
  175. layer.msg("提交成功", {
  176. icon: 1
  177. });
  178. parent.layui.table.reload('LAY-partjob-partjoblist-table'); //重载表格
  179. parent.layer.close(index);
  180. }
  181. });
  182. });
  183. $('.echo-attachment-image-list').on('click', '.attachmentdel', function() {
  184. $(this).parent().remove();
  185. });
  186. upload.render({
  187. elem: '.attachment-upload-images',
  188. url: setter.baseAgentUrl + 'attachment/tplfieldimage',
  189. accept: 'images',
  190. exits: 'jpg|png|jpeg',
  191. acceptMime: 'image/*',
  192. size: 2048,
  193. number: 1,
  194. method: 'post',
  195. before: function(obj) {
  196. var item = this.item;
  197. upload_input = $(item).data('input');
  198. upload_amount = $(item).data('amount');
  199. layer.load();
  200. },
  201. done: function(res, index, upload) {
  202. layer.closeAll('loading');
  203. var html = "";
  204. if (upload_amount == 1) {
  205. html += '<div> <input type="hidden" name="' + upload_input + '" value="' + res.data.src + '"> ';
  206. html += '<img src="' + res.data.src + '"></div>';
  207. $("#" + upload_input).html(html);
  208. } else {
  209. html += '<div> <input type="hidden" name="' + upload_input + '[]" value="' + res.data.src + '"> ';
  210. html += '<img src="' + res.data.src +
  211. '"> <button type="button" class="attachmentdel layui-btn layui-btn-primary layui-btn-xs layui-btn-fluid">删除</button></div>';
  212. $("#" + upload_input).append(html);
  213. }
  214. },
  215. error: function(index, upload) {
  216. layer.closeAll('loading');
  217. }
  218. });
  219. });
  220. </script>