edit.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. {extend name="public/layout" /} {block name="title"}修改企业{/block} {block name="body"}
  2. <style type="text/css">
  3. html {
  4. background: #fff;
  5. }
  6. body{
  7. min-width: 320px;
  8. }
  9. @media screen and (max-width: 450px){
  10. .layui-form-item{
  11. width: 100%;
  12. }
  13. }
  14. </style>
  15. <body>
  16. <form class="layui-form" id="admin" enctype="multipart/form-data">
  17. <div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 0;">
  18. <div class="layui-form-item">
  19. <label class="layui-form-label">手机号</label>
  20. <div class="layui-input-inline">
  21. <input type="text" name="phone" lay-verify="required" placeholder="请输入企业管理员手机号" autocomplete="off" class="layui-input" style="max-width: 500px;" value="{$data.phone}">
  22. </div>
  23. </div>
  24. <div class="layui-form-item">
  25. <label class="layui-form-label">企业名称</label>
  26. <div class="layui-input-inline">
  27. <input type="text" name="company_name" lay-verify="required" placeholder="请输入企业名称" autocomplete="off" class="layui-input" style="max-width: 500px;" value="{$data.company_name}">
  28. </div>
  29. </div>
  30. <div class="layui-form-item">
  31. <label class="layui-form-label">企业电话:</label>
  32. <div class="layui-input-inline">
  33. <input type="text" name="tel" lay-verify="required" placeholder="请输入企业电话" autocomplete="off" class="layui-input" style="max-width: 500px;" value="{$data.tel}">
  34. </div>
  35. </div>
  36. <div class="layui-form-item">
  37. <label class="layui-form-label">到期时间</label>
  38. <div class="layui-input-inline">
  39. <input type="text" name="end_date" id="end_date" placeholder="选择企业到期时间" autocomplete="off" class="layui-input" value="{$data.end_date}">
  40. </div>
  41. </div>
  42. <div class="layui-form-item">
  43. <label class="layui-form-label">LOGO</label>
  44. <div class="layui-input-inline" id="upload-drag">
  45. <img src="{$data.logo}" style="height: 100%;width:100%;">
  46. </div>
  47. </div>
  48. <input type="hidden" name="id" id="id" value="{$data.id}" />
  49. <input type="hidden" name="root_id" id="root_id" value="{$data.root_id}" />
  50. <div class="layui-form-item layui-hide">
  51. <input type="button" lay-submit lay-filter="submit" id="submit" value="确认添加">
  52. <input type="button" lay-submit lay-filter="edit" id="edit" value="确认编辑">
  53. </div>
  54. </div>
  55. </form>
  56. </body>
  57. {/block} {block name="js"}
  58. <script>
  59. layui.config({
  60. base: '__LAYUI__/',
  61. urlbase: '/adminall'
  62. }).extend({
  63. index: 'lib/index' //主入口模块
  64. }).use(['index', 'form', 'upload', 'layedit', 'laydate'], function() {
  65. var form = layui.form,
  66. upload = layui.upload,
  67. layedit = layui.layedit,
  68. laydate = layui.laydate,
  69. $ = layui.jquery;
  70. form.render();
  71. /* 监听提交 */
  72. form.on('submit(submit)', function(obj) {
  73. var index = parent.layer.getFrameIndex(window.name);
  74. var formData = new FormData(obj.form);
  75. $.ajax({
  76. url: '{:url("adminall/company/editSave")}',
  77. type: 'post',
  78. data: formData,
  79. dataType: 'json',
  80. processData: false,
  81. contentType: false,
  82. success: function(res) {
  83. if(res.code === 0) {
  84. layer.msg(res.msg, {
  85. anim: 0
  86. ,time: 2000
  87. }, function() {
  88. parent.layui.table.reload('company-table'); //重载表格
  89. parent.layer.close(index); //再执行关闭
  90. });
  91. } else {
  92. layer.msg(res.msg, {
  93. anim: 6
  94. ,time: 2000
  95. });
  96. }
  97. }
  98. });
  99. return false;
  100. });
  101. //拖拽上传
  102. upload.render({
  103. elem: '#upload-drag',
  104. accept: 'image',
  105. exts: 'png|jpg|jpeg',
  106. auto: false,
  107. field: 'logo',
  108. size: 1 * 1024,
  109. choose: function(obj) {
  110. obj.preview(function(index, file, result) {
  111. $('#upload-drag').html('<img src="' + result + '" style="height: 100%;width:100%;">');
  112. });
  113. }
  114. });
  115. //日期
  116. laydate.render({
  117. elem: '#end_date'
  118. });
  119. });
  120. </script>
  121. {/block}