wework_copy.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>店面列表</title>
  8. <link rel="stylesheet" href="__LAYUI__/layui/css/layui.css" media="all">
  9. <script src="__LAYUI__/layui/layui.js"></script>
  10. <style>
  11. .wfooter {
  12. position: fixed;
  13. bottom: 0px;
  14. left: 0px;
  15. z-index: 999;
  16. width: 100%;
  17. height: 50px;
  18. background-color: #fff;
  19. box-sizing: border-box;
  20. padding: 0px 20px;
  21. display: flex;
  22. justify-content: flex-end;
  23. align-items: center;
  24. }
  25. button {
  26. cursor: pointer;
  27. }
  28. #copySetting {
  29. margin-left: 20px;
  30. width: 64px;
  31. height: 28px;
  32. line-height: 28px;
  33. }
  34. #addSetting {
  35. width: 64px;
  36. height: 28px;
  37. line-height: 28px;
  38. }
  39. .copyBoxStyle {
  40. width: 100%;
  41. height: 100%;
  42. box-sizing: border-box;
  43. padding: 20px 20px 20px 0px;
  44. }
  45. .submitStyle {
  46. margin-top: 150px;
  47. }
  48. .layui-form-label {
  49. padding: 10px 5px;
  50. width: 85px;
  51. }
  52. .flex-btn {
  53. margin-left: 20px;
  54. display: flex;
  55. justify-content: center;
  56. }
  57. </style>
  58. </head>
  59. <body>
  60. <div class="layui-form copyBoxStyle">
  61. <div class="layui-form-item">
  62. <div class="layui-input-block" style="margin-left:20px;">
  63. <select name="copy_id" id="copy_id" lay-verify="required">
  64. <option value="">请选择</option>
  65. {volist name="data" id="vo"}
  66. <option value="{$vo['id']}">{$vo['company_name']}</option>
  67. {/volist}
  68. </select>
  69. </div>
  70. </div>
  71. <div class="layui-form-item submitStyle">
  72. <div class="layui-input-block flex-btn">
  73. <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
  74. </div>
  75. </div>
  76. </div>
  77. </body>
  78. <script type="text/html">
  79. <div></div>
  80. </script>
  81. <script>
  82. layui.use(['form'], function () {
  83. let form = layui.form;
  84. form.render();
  85. var $ = layui.$
  86. var company_id = '{$company_id}';
  87. form.on('submit(formDemo)', function(obj) {
  88. var index = parent.layer.getFrameIndex(window.name);
  89. var formData = new FormData(obj.form);
  90. var copy_id = $('#copy_id').val();
  91. formData.append('copy_id',copy_id);
  92. formData.append('company_id',company_id);
  93. // 单击之后提交按钮不可选,防止重复提交
  94. var DISABLED = 'layui-btn-disabled';
  95. var target = '#activity-submit';
  96. $(target).addClass(DISABLED);
  97. $(target).attr('disabled', 'disabled');
  98. $.ajax({
  99. url: '{:url("company/wework_copy")}',
  100. type: 'post',
  101. data: formData,
  102. dataType: 'json',
  103. processData: false,
  104. contentType: false,
  105. success: function(res) {
  106. if(res.code === 0) {
  107. layer.msg(res.msg, {
  108. anim: 0
  109. ,time: 2000
  110. }, function() {
  111. parent.layer.close(index); //再执行关闭
  112. });
  113. } else {
  114. layer.msg(res.msg, {
  115. anim: 6
  116. ,time: 2000
  117. });
  118. }
  119. }
  120. });
  121. return false;
  122. });
  123. });
  124. </script>
  125. </html>