hujiao-gui/resources/views/admin/queue/index.blade.php

109 lines
4.9 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@extends('admin.base')
@section('content')
<div class="layui-card">
<div class="layui-card-header layuiadmin-card-header-auto">
<div class="layui-btn-group">
<button class="layui-btn layui-btn-sm layui-btn-danger" id="listDelete"> </button>
<a class="layui-btn layui-btn-sm" href="{{ route('admin.queue.create') }}"> </a>
<button class="layui-btn layui-btn-sm" id="updateXml">更新配置</button>
</div>
</div>
<div class="layui-card-body">
<table id="dataTable" lay-filter="dataTable"></table>
<script type="text/html" id="options">
<div class="layui-btn-group">
<a class="layui-btn layui-btn-sm" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-sm" lay-event="agent">分配坐席</a>
<a class="layui-btn layui-btn-danger layui-btn-sm " lay-event="del">删除</a>
</div>
</script>
</div>
</div>
@endsection
@section('script')
<script>
layui.use(['layer','table','form'],function () {
var layer = layui.layer;
var form = layui.form;
var table = layui.table;
//用户表格初始化
var dataTable = table.render({
elem: '#dataTable'
,height: 500
,url: "{{ route('admin.queue.data') }}" //数据接口
,page: true //开启分页
,cols: [[ //表头
{checkbox: true,fixed: true}
,{field: 'id', title: 'ID', sort: true,width:80}
,{field: 'display_name', title: '名称'}
,{field: 'name', title: '标识'}
,{field: 'strategy_name', title: '振铃策略'}
,{field: 'agents_count', title: '坐席数'}
,{field: 'created_at', title: '添加时间'}
,{fixed: 'right', width: 220, align:'center', toolbar: '#options', title:'操作'}
]]
});
//监听工具条
table.on('tool(dataTable)', function(obj){ //注tool是工具条事件名dataTable是table原始容器的属性 lay-filter="对应的值"
var data = obj.data //获得当前行数据
,layEvent = obj.event; //获得 lay-event 对应的值
if(layEvent === 'del'){
layer.confirm('确认删除吗?', function(index){
$.post("{{ route('admin.queue.destroy') }}",{_method:'delete',ids:[data.id]},function (result) {
if (result.code==0){
obj.del(); //删除对应行tr的DOM结构
}
layer.close(index);
var icon = result.code==0?6:5;
layer.msg(result.msg,{icon:icon})
});
});
} else if(layEvent === 'edit'){
location.href = '/admin/queue/'+data.id+'/edit';
} else if(layEvent === 'agent'){
location.href = '/admin/queue/'+data.id+'/agent';
}
});
//按钮批量删除
$("#listDelete").click(function () {
var ids = []
var hasCheck = table.checkStatus('dataTable')
var hasCheckData = hasCheck.data
if (hasCheckData.length>0){
$.each(hasCheckData,function (index,element) {
ids.push(element.id)
})
}
if (ids.length>0){
layer.confirm('确认删除吗?', function(index){
$.post("{{ route('admin.queue.destroy') }}",{_method:'delete',ids:ids},function (result) {
if (result.code==0){
dataTable.reload()
}
layer.close(index);
var icon = result.code==0?6:5;
layer.msg(result.msg,{icon:icon})
});
})
}else {
layer.msg('请选择删除项',{icon:5})
}
})
//更新配置
$("#updateXml").click(function () {
layer.confirm('该操作将更新所有队列信息,确认操作吗?', function(index){
$.post("{{ route('admin.queue.updateXml') }}",{_method:'post',_token:'{{csrf_token()}}'},function (result) {
var icon = result.code==0?6:5;
layer.msg(result.msg,{icon:icon})
});
})
})
})
</script>
@endsection