<?php /*a:3:{s:62:"D:\phpstudy_pro\WWW\cxy\bts\php\view\admin\contents\index.html";i:1591343236;s:61:"D:\phpstudy_pro\WWW\cxy\bts\php\view\admin\common\header.html";i:1582014448;s:61:"D:\phpstudy_pro\WWW\cxy\bts\php\view\admin\common\footer.html";i:1581911356;}*/ ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><?php echo config('admin.sys_name'); ?>后台管理</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="/static/plugins/layui/css/layui.css" media="all" />
<!--<link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7/css/bootstrap.css" media="all" />-->
<!--<link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7/css/bootstrap-theme.css" media="all" />-->
<link rel="stylesheet" href="/static/admin/css/main.css?v=<?php echo time(); ?>" media="all">
<link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
<!--<link rel="stylesheet" href="/static/plugins/bootstrap-select/less/bootstrap-select.less">-->
<!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css">-->
<!--[if lt IE 9]>
<!--<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>-->
<!--<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>-->
<!--<![endif]–>-->
<style id="LM-bg-color">
</style>
</head>
<style>
.upload-wrap {
position: relative;
display: inline-block;
overflow: hidden;
border: 1px solid #2d78f4;
border-radius: 3px;
}
.upload-wrap .file-ele {
position: absolute;
top: 0;
right: 0;
opacity: 0;
height: 100%;
width: 100%;
cursor: pointer;
}
.upload-wrap .file-open {
width: 90px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
background: #3385ff;
}
</style>
<style type="text/css">
.layui-table-cell{
text-align:center;
height: auto;
/*white-space: normal;*/
}
.layui-table img{
max-width:100%;
max-height: 100%;
}
.layui-table video{
max-width:100%;
max-height: 100%;
}
</style>
<div class="LM-container">
<div class="LM-main">
<fieldset class="layui-elem-field layui-field-title">
<legend>轮播图管理</legend>
<blockquote class="layui-elem-quote">
<div class="LM-table">
<a href="<?php echo url('add'); ?>" class="layui-btn layui-btn-sm layui-btn-warm">添加轮播图</a>
</div>
</blockquote>
</fieldset>
<table class="layui-table" id="list" lay-filter="list" >
</table>
</div>
</div>
<script type="text/html" id="image">
<img src="{{d.image}}" width="100px" height="100px" onmouseover="layer.tips('<img src={{d.image}}>',this,{tips: [1, '#fff']});" onmouseout="layer.closeAll();">
</script>
<script type="text/html" id="barDemo">
<input type="button" class="layui-btn layui-btn-xs" lay-event="del" value="删除">
<a href="add?id={{d.id}}" class="layui-btn layui-btn-xs" >编辑</a>
</script>
<script src="/static/plugins/layui/layui.js" charset="utf-8"></script>
<!--<script src="/static/plugins/bootstrap-3.3.7/js/bootstrap.js" charset="utf-8"></script>-->
<script src="/static/plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script>
layui.use(['form', 'table'], function () {
var $ = layui.jquery,
form = layui.form,
table = layui.table;
var tableIn = table.render({
elem: '#list',
url: '<?php echo url("index"); ?>',
method: 'post',
title: '轮播图管理',
loading: true,
toolbar: '#toolbar', //开启头部工具栏，并为其绑定左侧模板
defaultToolbar: ['filter', 'exports', 'print', "excel", { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
title: '提示'
, layEvent: 'LAYTABLE_TIPS'
, icon: 'layui-icon-tips'
}],
cols: [[
// {checkbox: true, fixed: true},
{field: 'id', title: 'ID', width: 80, sort: true},
{field: 'image', title: '图片', width: 150, height:200,templet: '#image'},
{field: 'text', title: '内容', width: 150},
{title: '操作', width: 150, align: "center", toolbar: "#barDemo"},
// {fixed: 'right', width:150, align:'center', toolbar: '#barHead'}
]],
limits: [10, 15, 20, 25, 50, 100],
limit: 10,
page: true
});
table.on('tool(list)', function (obj) {
var data = obj.data;
let event = obj.event;
switch (event) {
case "del":
layer.confirm('确定要删除吗', function (index) {
loading = layer.load(1, {shade: [0.1, '#fff']});
$.post("<?php echo url('del_banner'); ?>", {id: data.id}, function (res) {
layer.close(loading);
layer.close(index);
if (res.code == 1) {
layer.msg(res.msg, {time: 1000, icon: 1});
tableIn.reload();
} else {
layer.msg(res.msg, {time: 1000, icon: 2});
}
}, "json")
})
break;
}
});
form.on('switch(status)', function (data) {
});
$('#search').click(function () {
var $keys = $('#name').val();
if (!$keys) {
return layer.msg('请输入关键词');
}
tableIn.reload({page: {page: 1}, where: {name: $keys}});
})
// setInterval(function () {
// tableIn.reload();
// }, 50000)
});
</script>