index.blade.php 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. @extends('admin.layouts')
  2. @section('css')
  3. <link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  4. @endsection
  5. @section('content')
  6. <div class="page-content container-fluid">
  7. <div class="panel">
  8. <div class="panel-heading">
  9. <h3 class="panel-title">工单列表</h3>
  10. @can('admin.ticket.store')
  11. <div class="panel-actions">
  12. <button class="btn btn-primary btn-animate btn-animate-side" data-toggle="modal" data-target="#add_ticket_modal">
  13. <span>
  14. <i class="icon wb-plus" aria-hidden="true"></i> {{trans('user.ticket.new')}}
  15. </span>
  16. </button>
  17. </div>
  18. @endcan
  19. </div>
  20. <div class="panel-body">
  21. <div class="form-row">
  22. <div class="form-group col-lg-3 col-sm-6">
  23. <input type="text" class="form-control" name="email" id="email" value="{{Request::input('email')}}" placeholder="用户名" autocomplete="off"/>
  24. </div>
  25. <div class="form-group col-lg-3 col-sm-6">
  26. <select class="form-control" id="status" name="status">
  27. <option value="">全部</option>
  28. <option value="0">待回复</option>
  29. <option value="1">已回复</option>
  30. <option value="2">关闭</option>
  31. </select>
  32. </div>
  33. <div class="form-group col-lg-2 col-sm-6 btn-group">
  34. <button class="btn btn-primary" onclick="Search()">搜 索</button>
  35. <a href="{{route('admin.ticket.index')}}" class="btn btn-danger">{{trans('common.reset')}}</a>
  36. </div>
  37. </div>
  38. <table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
  39. <thead class="thead-default">
  40. <tr>
  41. <th> #</th>
  42. <th> 用户名</th>
  43. <th> 标题</th>
  44. <th> {{trans('common.status')}}</th>
  45. <th> {{trans('common.action')}}</th>
  46. </tr>
  47. </thead>
  48. <tbody>
  49. @foreach($ticketList as $ticket)
  50. <tr>
  51. <td> {{$ticket->id}} </td>
  52. <td>
  53. @if(!$ticket->user)
  54. 【{{trans('common.deleted_item', ['attribute' => trans('common.account')])}}】
  55. @else
  56. @can('admin.user.index')
  57. <a href="{{route('admin.user.index', ['id'=>$ticket->user->id])}}" target="_blank">{{$ticket->user->email}} {{$ticket->user->remark}}</a>
  58. @else
  59. {{$ticket->user->email}} {{$ticket->user->remark}}
  60. @endcan
  61. @endif
  62. </td>
  63. <td>
  64. {{$ticket->title}}
  65. </td>
  66. <td>
  67. {!!$ticket->status_label!!}
  68. </td>
  69. <td>
  70. @can('admin.ticket.edit')
  71. <a href="{{route('admin.ticket.edit', $ticket)}}" class="btn btn-animate btn-animate-vertical btn-outline-info">
  72. <span>
  73. @if($ticket->status === 2)
  74. <i class="icon wb-eye" aria-hidden="true" style="left: 40%"> </i>{{trans('common.view')}}
  75. @else
  76. <i class="icon wb-check" aria-hidden="true" style="left: 40%"> </i>{{trans('common.open')}}
  77. @endif
  78. </span>
  79. </a>
  80. @endcan
  81. </td>
  82. </tr>
  83. @endforeach
  84. </tbody>
  85. </table>
  86. </div>
  87. <div class="panel-footer">
  88. <div class="row">
  89. <div class="col-sm-4">
  90. 共 <code>{{$ticketList->total()}}</code> 个工单
  91. </div>
  92. <div class="col-sm-8">
  93. <nav class="Page navigation float-right">
  94. {{$ticketList->links()}}
  95. </nav>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. @can('admin.ticket.store')
  102. <div id="add_ticket_modal" class="modal fade" tabindex="-1" data-focus-on="input:first" data-keyboard="false">
  103. <div class="modal-dialog modal-simple modal-center modal-lg">
  104. <div class="modal-content">
  105. <div class="modal-header">
  106. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  107. <span aria-hidden="true">×</span>
  108. </button>
  109. <h4 class="modal-title"> {{trans('user.ticket.new')}} </h4>
  110. </div>
  111. <div class="modal-body">
  112. <div class="form-group row">
  113. <label for="domain" class="col-2 col-form-label">域名</label>
  114. <div class="input-group col-10">
  115. <input type="number" class="form-control col-md-4" name="user_id" id="user_id" placeholder="用户ID"/>
  116. <div class="input-group-prepend">
  117. <span class="input-group-text">或</span>
  118. </div>
  119. <input type="email" class="form-control col-md-8" name="user_email" id="user_email" placeholder="用户邮箱"/>
  120. </div>
  121. </div>
  122. <div class="form-group">
  123. <input type="text" class="form-control" name="title" id="title" placeholder="标题">
  124. </div>
  125. <div class="form-group">
  126. <textarea type="text" class="form-control" rows="5" name="content" id="content" placeholder="内容"></textarea>
  127. </div>
  128. </div>
  129. <div class="modal-footer">
  130. <button type="button" data-dismiss="modal" class="btn btn-danger"> {{trans('common.cancel')}} </button>
  131. <button type="button" data-dismiss="modal" class="btn btn-success" onclick="createTicket()"> {{trans('common.confirm')}} </button>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. @endcan
  137. @endsection
  138. @section('javascript')
  139. <script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js"></script>
  140. <script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js"></script>
  141. <script>
  142. //回车检测
  143. $(document).on('keypress', 'input', function(e) {
  144. if (e.which === 13) {
  145. Search();
  146. return false;
  147. }
  148. });
  149. // 搜索
  150. function Search() {
  151. window.location.href = '{{route('admin.ticket.index')}}?email=' + $('#email').val()+'&status=' + $('#status option:selected').val();
  152. }
  153. @can('admin.ticket.store')
  154. // 发起工单
  155. function createTicket() {
  156. const id = $('#user_id').val();
  157. const email = $('#user_email').val();
  158. const title = $('#title').val();
  159. const content = $('#content').val();
  160. if (id.trim() === '' && email.trim() === '') {
  161. swal.fire({title: '请填入目标用户信息!', icon: 'warning'});
  162. return false;
  163. }
  164. if (title.trim() === '') {
  165. swal.fire({title: '{{trans('validation.required', ['attribute' => trans('validation.attributes.title')])}}', icon: 'warning'});
  166. return false;
  167. }
  168. if (content.trim() === '') {
  169. swal.fire({title: '{{trans('validation.required', ['attribute' => trans('validation.attributes.content')])}}', icon: 'warning'});
  170. return false;
  171. }
  172. swal.fire({
  173. title: '{{trans('user.ticket.submit_tips')}}',
  174. icon: 'question',
  175. showCancelButton: true,
  176. cancelButtonText: '{{trans('common.close')}}',
  177. confirmButtonText: '{{trans('common.confirm')}}',
  178. }).then((result) => {
  179. if (result.value) {
  180. $.ajax({
  181. method: 'POST',
  182. url: "{{route('admin.ticket.store')}}",
  183. data: {
  184. _token: '{{csrf_token()}}',
  185. id: id,
  186. email: email,
  187. title: title,
  188. content: content,
  189. },
  190. dataType: 'json',
  191. success: function(ret) {
  192. $('#add_ticket_modal').modal('hide');
  193. if (ret.status === 'success') {
  194. swal.fire({title: ret.message, icon: 'success', timer: 1000, showConfirmButton: false}).then(() => window.location.reload());
  195. } else {
  196. swal.fire({title: ret.message, icon: 'error'}).then(() => window.location.reload());
  197. }
  198. },
  199. error: function(data) {
  200. $('#add_ticket_modal').modal('hide');
  201. let str = '';
  202. const errors = data.responseJSON;
  203. if ($.isEmptyObject(errors) === false) {
  204. $.each(errors.errors, function(index, value) {
  205. str += '<li>' + value + '</li>';
  206. });
  207. swal.fire({title: '提示', html: str, icon: 'error', confirmButtonText: '{{trans('common.confirm')}}'});
  208. }
  209. },
  210. });
  211. }
  212. });
  213. }
  214. @endcan
  215. </script>
  216. @endsection