1884f03459cf6a2bd8367d4372b7430f.php 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <?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;}*/ ?>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <title><?php echo config('admin.sys_name'); ?>后台管理</title>
  7. <meta name="renderer" content="webkit">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  11. <meta name="apple-mobile-web-app-capable" content="yes">
  12. <meta name="format-detection" content="telephone=no">
  13. <link rel="stylesheet" href="/static/plugins/layui/css/layui.css" media="all" />
  14. <!--<link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7/css/bootstrap.css" media="all" />-->
  15. <!--<link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7/css/bootstrap-theme.css" media="all" />-->
  16. <link rel="stylesheet" href="/static/admin/css/main.css?v=<?php echo time(); ?>" media="all">
  17. <link rel="stylesheet" href="/static/plugins/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
  18. <!--<link rel="stylesheet" href="/static/plugins/bootstrap-select/less/bootstrap-select.less">-->
  19. <!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css">-->
  20. <!--[if lt IE 9]>
  21. <!--<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>-->
  22. <!--<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>-->
  23. <!--<![endif]&ndash;&gt;-->
  24. <style id="LM-bg-color">
  25. </style>
  26. </head>
  27. <style>
  28. .upload-wrap {
  29. position: relative;
  30. display: inline-block;
  31. overflow: hidden;
  32. border: 1px solid #2d78f4;
  33. border-radius: 3px;
  34. }
  35. .upload-wrap .file-ele {
  36. position: absolute;
  37. top: 0;
  38. right: 0;
  39. opacity: 0;
  40. height: 100%;
  41. width: 100%;
  42. cursor: pointer;
  43. }
  44. .upload-wrap .file-open {
  45. width: 90px;
  46. height: 30px;
  47. line-height: 30px;
  48. text-align: center;
  49. color: #fff;
  50. background: #3385ff;
  51. }
  52. </style>
  53. <style type="text/css">
  54. .layui-table-cell{
  55. text-align:center;
  56. height: auto;
  57. /*white-space: normal;*/
  58. }
  59. .layui-table img{
  60. max-width:100%;
  61. max-height: 100%;
  62. }
  63. .layui-table video{
  64. max-width:100%;
  65. max-height: 100%;
  66. }
  67. </style>
  68. <div class="LM-container">
  69. <div class="LM-main">
  70. <fieldset class="layui-elem-field layui-field-title">
  71. <legend>轮播图管理</legend>
  72. <blockquote class="layui-elem-quote">
  73. <div class="LM-table">
  74. <a href="<?php echo url('add'); ?>" class="layui-btn layui-btn-sm layui-btn-warm">添加轮播图</a>
  75. </div>
  76. </blockquote>
  77. </fieldset>
  78. <table class="layui-table" id="list" lay-filter="list" >
  79. </table>
  80. </div>
  81. </div>
  82. <script type="text/html" id="image">
  83. <img src="{{d.image}}" width="100px" height="100px" onmouseover="layer.tips('<img src={{d.image}}>',this,{tips: [1, '#fff']});" onmouseout="layer.closeAll();">
  84. </script>
  85. <script type="text/html" id="barDemo">
  86. <input type="button" class="layui-btn layui-btn-xs" lay-event="del" value="删除">
  87. <a href="add?id={{d.id}}" class="layui-btn layui-btn-xs" >编辑</a>
  88. </script>
  89. <script src="/static/plugins/layui/layui.js" charset="utf-8"></script>
  90. <!--<script src="/static/plugins/bootstrap-3.3.7/js/bootstrap.js" charset="utf-8"></script>-->
  91. <script src="/static/plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
  92. <script>
  93. layui.use(['form', 'table'], function () {
  94. var $ = layui.jquery,
  95. form = layui.form,
  96. table = layui.table;
  97. var tableIn = table.render({
  98. elem: '#list',
  99. url: '<?php echo url("index"); ?>',
  100. method: 'post',
  101. title: '轮播图管理',
  102. loading: true,
  103. toolbar: '#toolbar', //开启头部工具栏,并为其绑定左侧模板
  104. defaultToolbar: ['filter', 'exports', 'print', "excel", { //自定义头部工具栏右侧图标。如无需自定义,去除该参数即可
  105. title: '提示'
  106. , layEvent: 'LAYTABLE_TIPS'
  107. , icon: 'layui-icon-tips'
  108. }],
  109. cols: [[
  110. // {checkbox: true, fixed: true},
  111. {field: 'id', title: 'ID', width: 80, sort: true},
  112. {field: 'image', title: '图片', width: 150, height:200,templet: '#image'},
  113. {field: 'text', title: '内容', width: 150},
  114. {title: '操作', width: 150, align: "center", toolbar: "#barDemo"},
  115. // {fixed: 'right', width:150, align:'center', toolbar: '#barHead'}
  116. ]],
  117. limits: [10, 15, 20, 25, 50, 100],
  118. limit: 10,
  119. page: true
  120. });
  121. table.on('tool(list)', function (obj) {
  122. var data = obj.data;
  123. let event = obj.event;
  124. switch (event) {
  125. case "del":
  126. layer.confirm('确定要删除吗', function (index) {
  127. loading = layer.load(1, {shade: [0.1, '#fff']});
  128. $.post("<?php echo url('del_banner'); ?>", {id: data.id}, function (res) {
  129. layer.close(loading);
  130. layer.close(index);
  131. if (res.code == 1) {
  132. layer.msg(res.msg, {time: 1000, icon: 1});
  133. tableIn.reload();
  134. } else {
  135. layer.msg(res.msg, {time: 1000, icon: 2});
  136. }
  137. }, "json")
  138. })
  139. break;
  140. }
  141. });
  142. form.on('switch(status)', function (data) {
  143. });
  144. $('#search').click(function () {
  145. var $keys = $('#name').val();
  146. if (!$keys) {
  147. return layer.msg('请输入关键词');
  148. }
  149. tableIn.reload({page: {page: 1}, where: {name: $keys}});
  150. })
  151. // setInterval(function () {
  152. // tableIn.reload();
  153. // }, 50000)
  154. });
  155. </script>