ruleGroupInfo.blade.php 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. @extends('admin.layouts')
  2. @section('css')
  3. <link href="/assets/global/vendor/multi-select/multi-select.min.css" type="text/css" rel="stylesheet">
  4. @endsection
  5. @section('content')
  6. <div class="page-content container">
  7. <div class="panel">
  8. <div class="panel-heading">
  9. <h2 class="panel-title">@isset($ruleGroup)编辑@else添加@endisset规则分组</h2>
  10. <div class="panel-actions">
  11. <a href="/rule/group" class="btn btn-danger">返 回</a>
  12. </div>
  13. </div>
  14. @if (Session::has('successMsg'))
  15. <div class="alert alert-success alert-dismissible">
  16. <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  17. <span aria-hidden="true">×</span></button>
  18. {{Session::get('successMsg')}}
  19. </div>
  20. @endif
  21. @if($errors->any())
  22. <div class="alert alert-danger alert-dismissible">
  23. <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  24. <span aria-hidden="true">×</span></button>
  25. <ul>
  26. @foreach ($errors->all() as $error)
  27. <li>{{ $error }}</li>
  28. @endforeach
  29. </ul>
  30. </div>
  31. @endif
  32. <div class="panel-body">
  33. <form action=@isset($ruleGroup){{url('/rule/group/edit')}}@else{{url('/rule/group/add')}}@endisset method="post" enctype="multipart/form-data" class="form-horizontal">
  34. @isset($ruleGroup)<input name="id" value="{{$ruleGroup->id}}" hidden/>@endisset
  35. @csrf
  36. <div class="form-group row">
  37. <label class="col-md-2 col-sm-3 col-form-label" for="name">分组名称</label>
  38. <div class="col-md-9 col-sm-9">
  39. <input type="text" class="form-control" name="name" id="name"/>
  40. </div>
  41. </div>
  42. <div class="form-group row">
  43. <label class="col-md-2 col-sm-3 col-form-label" for="type">审计模式</label>
  44. <div class="col-md-10 col-sm-8">
  45. <ul class="list-unstyled list-inline">
  46. <li class="list-inline-item">
  47. <div class="radio-custom radio-primary">
  48. <input type="radio" name="type" id="block" value="1" checked/>
  49. <label for="block">阻断</label>
  50. </div>
  51. </li>
  52. <li class="list-inline-item">
  53. <div class="radio-custom radio-primary">
  54. <input type="radio" name="type" id="unblock" value="0"/>
  55. <label for="unblock">放行</label>
  56. </div>
  57. </li>
  58. </ul>
  59. </div>
  60. </div>
  61. <div class="form-group row">
  62. <label class="col-md-2 col-sm-3 col-form-label" for="rules">选择规则</label>
  63. <div class="col-md-9 col-sm-9">
  64. <div class="btn-group mb-20">
  65. <button type="button" class="btn btn-primary" id="select-all">全 选</button>
  66. <button type="button" class="btn btn-danger" id="deselect-all">清 空</button>
  67. </div>
  68. <select class="form-control" name="rules[]" id="rules" data-plugin="multiSelect" multiple>
  69. @foreach($ruleList as $rule)
  70. <option value="{{$rule->id}}">{{$rule->id . ' - ' . $rule->name}}</option>
  71. @endforeach
  72. </select>
  73. </div>
  74. </div>
  75. <div class="form-actions text-right">
  76. <button type="submit" class="btn btn-success">提 交</button>
  77. </div>
  78. </form>
  79. </div>
  80. </div>
  81. </div>
  82. @endsection
  83. @section('script')
  84. <script src="/assets/global/vendor/multi-select/jquery.multi-select.js" type="text/javascript"></script>
  85. <script src="/assets/global/js/Plugin/multi-select.js"></script>
  86. <script src="/assets/global/js/jquery.quicksearch.js" type="text/javascript"></script>
  87. <script type="text/javascript">
  88. @isset($ruleGroup)
  89. $(document).ready(function () {
  90. $('#name').val('{{$ruleGroup->name}}');
  91. $("input[name='type'][value='{{$ruleGroup->type}}']").click();
  92. $('#rules').multiSelect('select',{!! json_encode(explode(',', $ruleGroup->rules)) !!});
  93. })
  94. @endisset
  95. // 权限列表
  96. $('#rules').multiSelect({
  97. selectableHeader: "<input type='text' class='search-input form-control' autocomplete='off' placeholder='待分配规则,此处可搜索'>",
  98. selectionHeader: "<input type='text' class='search-input form-control' autocomplete='off' placeholder='已分配规则,此处可搜索'>",
  99. afterInit: function () {
  100. const that = this,
  101. $selectableSearch = that.$selectableUl.prev(),
  102. $selectionSearch = that.$selectionUl.prev(),
  103. selectableSearchString = '#' + that.$container.attr('id') + ' .ms-elem-selectable:not(.ms-selected)',
  104. selectionSearchString = '#' + that.$container.attr('id') + ' .ms-elem-selection.ms-selected';
  105. that.qs1 = $selectableSearch.quicksearch(selectableSearchString)
  106. .on('keydown', function (e) {
  107. if (e.which === 40) {
  108. that.$selectableUl.focus();
  109. return false;
  110. }
  111. });
  112. that.qs2 = $selectionSearch.quicksearch(selectionSearchString)
  113. .on('keydown', function (e) {
  114. if (e.which === 40) {
  115. that.$selectionUl.focus();
  116. return false;
  117. }
  118. });
  119. },
  120. afterSelect: function () {
  121. this.qs1.cache();
  122. this.qs2.cache();
  123. },
  124. afterDeselect: function () {
  125. this.qs1.cache();
  126. this.qs2.cache();
  127. }
  128. });
  129. // 全选
  130. $('#select-all').click(function () {
  131. $('#rules').multiSelect('select_all');
  132. return false;
  133. });
  134. // 反选
  135. $('#deselect-all').click(function () {
  136. $('#rules').multiSelect('deselect_all');
  137. return false;
  138. });
  139. </script>
  140. @endsection