| 1 |
- @extends('admin.layout-content')
@section('header')
<style>
</style>
@endsection
@section('content')
<div class="layui-card">
<div class="layui-card-header sg-card-header">
申请列表
</div>
<div class="layui-card-body">
<form class="layui-form" id="sg-search-form">
<input type="hidden" name="type" value="apply">
<input type="hidden" name="index" value="apply-index">
<div class="layui-form-item layui-row">
<div class="layui-inline">
<div class="layui-input-inline">
<input type="text" name="project_name" placeholder="请输入项目名称" autocomplete="off" class="layui-input" value="{{ request('project_name') }}">
</div>
</div>
<div class="layui-inline">
<div class="layui-input-inline">
<input type="text" name="name" placeholder="请输入用户名称" autocomplete="off" class="layui-input" value="{{ request('name') }}">
</div>
</div>
<div class="layui-inline">
<div class="layui-btn" id="sg-search-btn">搜索</div>
</div>
</div>
</form>
<table id="sg-main-table" class="layui-hide" lay-filter="tableEvent"></table>
<script type="text/html" id="sg-table-bar">
<div class="layui-btn-group">
<div class="layui-btn-group">
@{{# if(d.active == 3) { }}
<a class="layui-btn layui-btn-xs" lay-event="pass">通过</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="reject">拒绝</a>
@{{# } }}
@{{# if(d.active == 2) { }}
<a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="active">激活</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
@{{# } }}
</div>
</div>
</script>
</div>
</div>
@endsection
@section('footer')
<script>
$(function () {
layui.use(['table', 'layer'], function(){
var table = layui.table,
layer = layui.layer,
form = layui.form,
laydate = layui.laydate,
top_window = window;
console.log(form)
table.render({
elem: '#sg-main-table',
url: '{{ $pre_uri }}' + 'get',
cellMinWidth: 80,
cols: [[
{ field: 'name', title: '申请项目名称', align: 'center' },
{ field: 'user_id', title: '用户ID', align: 'center' },
{ field: 'user_name', title: '用户名称', align: 'center' },
{ field: 'user_avatar', title: '用户头像', align: 'center' },
{ field: 'user_phone', title: '用户手机', align: 'center' },
{ field: 'active_label', title: '项目状态', align: 'center' },
{ title: '操作', align:'center', toolbar: '#sg-table-bar' }
]],
page: {
layout: ['count', 'prev', 'page', 'next', 'skip', 'refresh'],
limit: 15
},
even: true,
where: transformToJson($('#sg-search-form').serializeArray()),
done: function(res, curr, count) {
}
});
table.on('tool(tableEvent)', function(obj){
var data = obj.data;
if(obj.event === 'pass'){
layer.confirm('确定通过吗？', function(index) {
$.ajax({
method: 'POST',
url: '{{ $pre_uri }}' + 'change',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}'
},
data: {
id: data.id,
active: 1
},
success: function (data) {
if(data.status === 'success') {
top_window.location.reload();
} else {
layer.msg(data.info, {
icon: 2
});
}
layer.close(index);
},
error: function () {
layer.close(index);
layer.msg('通过失败', {
icon: 2
});
}
});
});
} else if(obj.event === 'reject') {
layer.confirm('确定拒绝吗？', function(index) {
$.ajax({
method: 'POST',
url: '{{ $pre_uri }}' + 'change',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}'
},
data: {
id: data.id,
active: 2
},
success: function (data) {
if(data.status === 'success') {
top_window.location.reload();
} else {
layer.msg(data.info, {
icon: 2
});
}
layer.close(index);
},
error: function () {
layer.close(index);
layer.msg('拒绝失败', {
icon: 2
});
}
});
});
}else if(obj.event === 'active') {
layer.confirm('确定激活吗？', function(index) {
$.ajax({
method: 'POST',
url: '{{ $pre_uri }}' + 'active',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}'
},
data: {
id: data.id
},
success: function (data) {
if(data.status === 'success') {
updateTableBySearch()
} else {
layer.msg(data.info, {
icon: 2
});
}
layer.close(index);
},
error: function () {
layer.close(index);
layer.msg('激活失败', {
icon: 2
});
}
});
});
}else if(obj.event === 'delete'){
layer.confirm('确定要删除吗？', function(index) {
$.ajax({
method: 'POST',
url: '{{ $pre_uri }}' + 'delete',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}'
},
data: {
id: data.id
},
success: function (data) {
if(data.status === 'success') {
obj.del();
} else {
layer.msg(data.info, {
icon: 2
});
}
layer.close(index);
},
error: function () {
layer.close(index);
layer.msg('删除失败', {
icon: 2
});
}
});
});
}
});
if($('#search-begin-date').length > 0) {
laydate.render({
elem: '#search-begin-date',
done: function () {
updateTableBySearch();
}
});
}
if($('#search-end-date').length > 0) {
laydate.render({
elem: '#search-end-date',
done: function () {
updateTableBySearch();
}
});
}
function transformToJson(formData){
var obj={};
for (var i in formData) {
obj[formData[i].name]=formData[i]['value'];
}
return obj;
}
function updateTableBySearch() {
table.reload('sg-main-table', {
where: transformToJson($('#sg-search-form').serializeArray()),
page: {
curr: 1
}
});
}
$('#sg-search-btn').click(function() {
updateTableBySearch();
});
// $('#sg-search-form').change(function () {
// updateTableBySearch();
// });
//
// form.on('select()', function(){
// updateTableBySearch();
// });
$('#sg-create-btn').on('click', function () {
layer.open({
title: '创建' + '{{ $model_name }}',
type: 2,
area: ['90%', '90%'],
content: '{{ $pre_uri }}' + 'create',
end: function () {
top_window.location.reload();
}
});
});
$('#sg-table-top-container').on('click', '.btn-delete-many', function () {
layer.confirm('确定要删除所有选中行吗？', function () {
var data = table.checkStatus('sg-main-table').data;
if(data.length <= 0) {
layer.msg('选择不能为空', {
icon: 2
});
return false;
}
var ids = [];
for(var i = 0; i < data.length; ++i) {
ids.push(data[i]['id']);
}
$.ajax({
method: 'POST',
url: '{{ $pre_uri }}' + 'deleteMany',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}'
},
data: {
ids: JSON.stringify(ids)
},
success: function (data) {
if(data.status === 'success') {
top_window.location.reload();
} else {
layer.msg(data.info, {
icon: 2
});
}
},
error: function () {
layer.msg('删除失败', {
icon: 2
});
}
});
})
});
});
})
</script>
@endsection
|
