123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225 |
- @extends('admin.layouts')
- @section('css')
- <link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
- @endsection
- @section('content')
- <div class="page-content container-fluid">
- <div class="panel">
- <div class="panel-heading">
- <h3 class="panel-title">工单列表</h3>
- @can('admin.ticket.store')
- <div class="panel-actions">
- <button class="btn btn-primary btn-animate btn-animate-side" data-toggle="modal" data-target="#add_ticket_modal">
- <span>
- <i class="icon wb-plus" aria-hidden="true"></i> {{trans('user.ticket.new')}}
- </span>
- </button>
- </div>
- @endcan
- </div>
- <div class="panel-body">
- <div class="form-row">
- <div class="form-group col-lg-3 col-sm-6">
- <input type="text" class="form-control" name="email" id="email" value="{{Request::input('email')}}" placeholder="用户名" autocomplete="off"/>
- </div>
- <div class="form-group col-lg-3 col-sm-6">
- <select class="form-control" id="status" name="status">
- <option value="">全部</option>
- <option value="0">待回复</option>
- <option value="1">已回复</option>
- <option value="2">关闭</option>
- </select>
- </div>
- <div class="form-group col-lg-2 col-sm-6 btn-group">
- <button class="btn btn-primary" onclick="Search()">搜 索</button>
- <a href="{{route('admin.ticket.index')}}" class="btn btn-danger">{{trans('common.reset')}}</a>
- </div>
- </div>
- <table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
- <thead class="thead-default">
- <tr>
- <th> #</th>
- <th> 用户名</th>
- <th> 标题</th>
- <th> {{trans('common.status')}}</th>
- <th> {{trans('common.action')}}</th>
- </tr>
- </thead>
- <tbody>
- @foreach($ticketList as $ticket)
- <tr>
- <td> {{$ticket->id}} </td>
- <td>
- @if(!$ticket->user)
- 【{{trans('common.deleted_item', ['attribute' => trans('common.account')])}}】
- @else
- @can('admin.user.index')
- <a href="{{route('admin.user.index', ['id'=>$ticket->user->id])}}" target="_blank">{{$ticket->user->email}} {{$ticket->user->remark}}</a>
- @else
- {{$ticket->user->email}} {{$ticket->user->remark}}
- @endcan
- @endif
- </td>
- <td>
- {{$ticket->title}}
- </td>
- <td>
- {!!$ticket->status_label!!}
- </td>
- <td>
- @can('admin.ticket.edit')
- <a href="{{route('admin.ticket.edit', $ticket)}}" class="btn btn-animate btn-animate-vertical btn-outline-info">
- <span>
- @if($ticket->status === 2)
- <i class="icon wb-eye" aria-hidden="true" style="left: 40%"> </i>{{trans('common.view')}}
- @else
- <i class="icon wb-check" aria-hidden="true" style="left: 40%"> </i>{{trans('common.open')}}
- @endif
- </span>
- </a>
- @endcan
- </td>
- </tr>
- @endforeach
- </tbody>
- </table>
- </div>
- <div class="panel-footer">
- <div class="row">
- <div class="col-sm-4">
- 共 <code>{{$ticketList->total()}}</code> 个工单
- </div>
- <div class="col-sm-8">
- <nav class="Page navigation float-right">
- {{$ticketList->links()}}
- </nav>
- </div>
- </div>
- </div>
- </div>
- </div>
- @can('admin.ticket.store')
- <div id="add_ticket_modal" class="modal fade" tabindex="-1" data-focus-on="input:first" data-keyboard="false">
- <div class="modal-dialog modal-simple modal-center modal-lg">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
- <span aria-hidden="true">×</span>
- </button>
- <h4 class="modal-title"> {{trans('user.ticket.new')}} </h4>
- </div>
- <div class="modal-body">
- <div class="form-group row">
- <label for="domain" class="col-2 col-form-label">域名</label>
- <div class="input-group col-10">
- <input type="number" class="form-control col-md-4" name="user_id" id="user_id" placeholder="用户ID"/>
- <div class="input-group-prepend">
- <span class="input-group-text">或</span>
- </div>
- <input type="email" class="form-control col-md-8" name="user_email" id="user_email" placeholder="用户邮箱"/>
- </div>
- </div>
- <div class="form-group">
- <input type="text" class="form-control" name="title" id="title" placeholder="标题">
- </div>
- <div class="form-group">
- <textarea type="text" class="form-control" rows="5" name="content" id="content" placeholder="内容"></textarea>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" data-dismiss="modal" class="btn btn-danger"> {{trans('common.cancel')}} </button>
- <button type="button" data-dismiss="modal" class="btn btn-success" onclick="createTicket()"> {{trans('common.confirm')}} </button>
- </div>
- </div>
- </div>
- </div>
- @endcan
- @endsection
- @section('javascript')
- <script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js"></script>
- <script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js"></script>
- <script>
- //回车检测
- $(document).on('keypress', 'input', function(e) {
- if (e.which === 13) {
- Search();
- return false;
- }
- });
- // 搜索
- function Search() {
- window.location.href = '{{route('admin.ticket.index')}}?email=' + $('#email').val()+'&status=' + $('#status option:selected').val();
- }
- @can('admin.ticket.store')
- // 发起工单
- function createTicket() {
- const id = $('#user_id').val();
- const email = $('#user_email').val();
- const title = $('#title').val();
- const content = $('#content').val();
- if (id.trim() === '' && email.trim() === '') {
- swal.fire({title: '请填入目标用户信息!', icon: 'warning'});
- return false;
- }
- if (title.trim() === '') {
- swal.fire({title: '{{trans('validation.required', ['attribute' => trans('validation.attributes.title')])}}', icon: 'warning'});
- return false;
- }
- if (content.trim() === '') {
- swal.fire({title: '{{trans('validation.required', ['attribute' => trans('validation.attributes.content')])}}', icon: 'warning'});
- return false;
- }
- swal.fire({
- title: '{{trans('user.ticket.submit_tips')}}',
- icon: 'question',
- showCancelButton: true,
- cancelButtonText: '{{trans('common.close')}}',
- confirmButtonText: '{{trans('common.confirm')}}',
- }).then((result) => {
- if (result.value) {
- $.ajax({
- method: 'POST',
- url: "{{route('admin.ticket.store')}}",
- data: {
- _token: '{{csrf_token()}}',
- id: id,
- email: email,
- title: title,
- content: content,
- },
- dataType: 'json',
- success: function(ret) {
- $('#add_ticket_modal').modal('hide');
- if (ret.status === 'success') {
- swal.fire({title: ret.message, icon: 'success', timer: 1000, showConfirmButton: false}).then(() => window.location.reload());
- } else {
- swal.fire({title: ret.message, icon: 'error'}).then(() => window.location.reload());
- }
- },
- error: function(data) {
- $('#add_ticket_modal').modal('hide');
- let str = '';
- const errors = data.responseJSON;
- if ($.isEmptyObject(errors) === false) {
- $.each(errors.errors, function(index, value) {
- str += '<li>' + value + '</li>';
- });
- swal.fire({title: '提示', html: str, icon: 'error', confirmButtonText: '{{trans('common.confirm')}}'});
- }
- },
- });
- }
- });
- }
- @endcan
- </script>
- @endsection
|