edit.blade.php 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <h2>{{ $title }} <a href="javascript:history.go(-1);" class="layui-btn layui-btn-primary layui-layer-close"
  2. style="position:relative;">返回</a></h2>
  3. <hr/>
  4. <form class="layui-form">
  5. <div class="layui-form-item">
  6. <input type="hidden" name="id" id="id" value="{{ $id }}">
  7. </div>
  8. <div class="layui-form-item">
  9. <label class="layui-form-label">全部选择</label>
  10. <div class="layui-input-block">
  11. <input type="checkbox" lay-filter="xuanze" lay-skin="switch" lay-text="全选|全不选">
  12. </div>
  13. </div>
  14. <div class="layui-form-item">
  15. <label class="layui-form-label">发送范围</label>
  16. <div class="layui-input-block">
  17. <div id="LAY-auth-tree-index"></div>
  18. </div>
  19. </div>
  20. <div class="layui-form-item">
  21. <label class="layui-form-label">邮箱地址</label>
  22. <div class="layui-input-block">
  23. <input class="layui-input" type="text" placeholder="请输入邮箱地址" name="email" id="email" value="{{ $email }}"/>
  24. </div>
  25. </div>
  26. <div class="layui-form-item">
  27. <div class="layui-input-block">
  28. <button class="layui-btn" type="submit" lay-submit lay-filter="LAY-auth-tree-submit">提交</button>
  29. <button class="layui-btn layui-btn-default" type="reset">重置</button>
  30. </div>
  31. </div>
  32. </form>
  33. <script type="text/javascript">
  34. layui.extend({
  35. authtree: '/js/admin/layui/extends/authtree',
  36. });
  37. layui.use(['jquery', 'authtree', 'form', 'layer'], function () {
  38. var $ = layui.jquery;
  39. var authtree = layui.authtree;
  40. var form = layui.form;
  41. var layer = layui.layer;
  42. // 初始化
  43. var trees = authtree.listConvert(@json($menusAll), {
  44. primaryKey: 'id'
  45. , startPid: 0
  46. , parentKey: 'parent_id'
  47. , nameKey: 'title'
  48. , valueKey: 'id'
  49. , checkedKey: eval(<?php echo json_encode($checkedId);?>)
  50. });
  51. // 渲染时传入渲染目标ID,树形结构数据(具体结构看样例,checked表示默认选中),以及input表单的名字
  52. authtree.render('#LAY-auth-tree-index', trees, {
  53. inputname: 'authids[]'
  54. , layfilter: 'lay-check-auth'
  55. // ,autoclose: false
  56. // ,autochecked: false
  57. // ,openchecked: true
  58. , openall: true
  59. , autowidth: true
  60. });
  61. form.on('switch(zhankai)', function (data) {
  62. if (data.elem.checked) {
  63. authtree.showAll('#LAY-auth-tree-index');
  64. } else {
  65. authtree.closeAll('#LAY-auth-tree-index');
  66. }
  67. });
  68. form.on('switch(xuanze)', function (data) {
  69. if (data.elem.checked) {
  70. authtree.checkAll('#LAY-auth-tree-index');
  71. } else {
  72. authtree.uncheckAll('#LAY-auth-tree-index');
  73. }
  74. });
  75. form.on('submit(LAY-auth-tree-submit)', function (obj) {
  76. var authids = authtree.getChecked('#LAY-auth-tree-index');
  77. console.log('Choosed authids is', authids);
  78. var id = $('#id').val();
  79. var email = document.getElementById('email').value;
  80. $.post('/admin/email/edit',{'id':id,'mine_id':authids,'email':email},function(res){
  81. if (res.code === 0) {
  82. layer.msg(res.log);
  83. location.href = '/admin/email';
  84. }else{
  85. layer.msg(res.log);
  86. }
  87. })
  88. return false;
  89. });
  90. });
  91. </script>