index.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>系统设置</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  12. <style>
  13. img {
  14. width: 40%;
  15. height: 30%;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div class="layui-fluid">
  21. <div class="layui-card">
  22. <div class="layui-card-body" pad15>
  23. <form class="layui-form" action="" lay-filter="component-form-element">
  24. <div class="layui-row layui-col-space10 layui-form-item">
  25. <div>
  26. <label class="layui-form-label">报修人员:</label>
  27. <input type="checkbox" name="repairs_person" lay-skin="switch" lay-text="注册用户|所有用户" value="1">
  28. <label style="margin-left: 20px"><font color='red' style="font-size: small;">默认任何人都可以报修,开启后,只有注册的用户客户报修。</font></label>
  29. </div>
  30. <div>
  31. <label class="layui-form-label">允许抢单:</label>
  32. <input type="checkbox" name="send_order_type" lay-skin="switch" lay-text="是|否" value="1">
  33. <label style="margin-left: 20px"><font color='red' style="font-size: small;">默认不允许抢单,需要管理人员给维修师傅派单。开启后,维修师傅可在小程序上抢单。</font></label>
  34. </div>
  35. <div>
  36. <label class="layui-form-label"><font color='red' size="4">*</font>小程序首页图片:</label>
  37. <div class="layui-input-block">
  38. <button type="button" class="layui-btn-sm" id="wxapp_home_img">上传图片</button>
  39. <br><br>
  40. <img class="layui-upload-img" id="wxapp_home_img_demo" style="max-height: 250px;">
  41. </div>
  42. </div>
  43. <div class="layui-form-item">
  44. <div class="layui-input-block">
  45. <button class="layui-btn" lay-submit lay-filter="component-form-element"
  46. data-permission="config.set_config">保存
  47. </button>
  48. <button class="layui-btn" type="button" id="upload_image" style="display: none"></button>
  49. </div>
  50. </div>
  51. </div>
  52. </form>
  53. </div>
  54. </div>
  55. </div>
  56. <script src="../../layuiadmin/layui/layui.js"></script>
  57. <script>
  58. layui.config({
  59. base: '../../../layuiadmin/' //静态资源所在路径
  60. }).extend({
  61. index: 'lib/index' //主入口模块
  62. }).use(['index', 'form', 'utils', 'upload'], function () {
  63. var $ = layui.$
  64. , admin = layui.admin
  65. , upload = layui.upload
  66. , form = layui.form;
  67. form.render(null, 'component-form-element');
  68. admin.req({
  69. url: '/tenant/config/',
  70. done: function (res) {
  71. var data = res.data;
  72. var edit_data = {};
  73. for (var i in data) {
  74. if (data[i].property === 'repairs_person') {
  75. if (data[i].value === '1') {
  76. edit_data['repairs_person'] = data[i].value;
  77. } else {
  78. edit_data['repairs_person'] = '';
  79. }
  80. } else if (data[i].property === 'send_order_type') {
  81. if (data[i].value === '1') {
  82. edit_data['send_order_type'] = data[i].value;
  83. } else {
  84. edit_data['send_order_type'] = '';
  85. }
  86. } else if (data[i].property === 'wxapp_home_img') {
  87. $('#wxapp_home_img_demo').attr('src', data[i].url);
  88. }
  89. }
  90. form.val("component-form-element", edit_data);
  91. form.render();
  92. }
  93. });
  94. var form_data = [];
  95. upload.render({
  96. elem: '#wxapp_home_img',
  97. url: '/tenant/config/',
  98. auto: false,
  99. field: 'wxapp_home_img',
  100. bindAction: '#upload_image',
  101. choose: function (obj) {
  102. obj.preview(
  103. function (index, file, result) {
  104. $('#wxapp_home_img_demo ').attr('src', result);
  105. }
  106. );
  107. },
  108. data: {
  109. data: function () {
  110. return JSON.stringify(form_data);
  111. },
  112. },
  113. done: function (res) {
  114. if (res.code != 0) {
  115. layer.msg(res.msg);
  116. } else {
  117. layer.open({
  118. type: 1
  119. , content: '<div style="padding: 20px 100px;">保存成功</div>'
  120. , btn: '关闭'
  121. , btnAlign: 'c' //按钮居中
  122. , shade: 0 //不显示遮罩
  123. , yes: function () {
  124. layer.closeAll();
  125. //admin.exit();
  126. }
  127. });
  128. }
  129. },
  130. error: function () {
  131. layer.msg('保存失败');
  132. }
  133. });
  134. form.on('submit(component-form-element)', function (data) {
  135. var save_data = [];
  136. if (data.field['repairs_person']) {
  137. save_data.push({key: 'repairs_person', value: data.field['repairs_person']})
  138. } else {
  139. save_data.push({key: 'repairs_person', value: '0'})
  140. }
  141. if (data.field['send_order_type']) {
  142. save_data.push({key: 'send_order_type', value: data.field['send_order_type']})
  143. } else {
  144. save_data.push({key: 'send_order_type', value: '0'})
  145. }
  146. if (data.field.wxapp_home_img) {
  147. form_data = save_data;
  148. setTimeout($('#upload_image').click(), 30000)
  149. } else {
  150. admin.req({
  151. url: '/tenant/config/'
  152. , data: {data: JSON.stringify(save_data)}
  153. , type: 'post'
  154. , done: function (res) {
  155. layer.open({
  156. type: 1
  157. , content: '<div style="padding: 20px 100px;">保存成功</div>'
  158. , btn: '关闭'
  159. , btnAlign: 'c' //按钮居中
  160. , shade: 0 //不显示遮罩
  161. , yes: function () {
  162. layer.closeAll();
  163. //admin.exit();
  164. }
  165. });
  166. }
  167. });
  168. }
  169. return false;
  170. });
  171. });
  172. </script>
  173. </body>
  174. </html>