notice_files.html 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>成品产品管理</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  9. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  10. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  11. </head>
  12. <style type="text/css">
  13. .LAY-btns .layui-nav {padding-left:0;padding-right:10px;top:-4px;margin: 0 10px;border: 0;background-color: #009688;}
  14. .LAY-btns .layui-nav .layui-nav-item{line-height: 30px;}
  15. .LAY-btns .layui-nav .layui-nav-child{top:34px;}
  16. .LAY-btns .layui-nav .layui-nav-bar{display: none;}
  17. .LAY-btns .layui-nav .layui-nav-child dd.layui-this a{color:#333;background-color:#fff;}
  18. .LAY-btns .layui-nav .layui-nav-child dd.layui-this a:hover {background-color: #f2f2f2;color: #000;}
  19. </style>
  20. <body>
  21. <div class="layui-fluid">
  22. <div class="layui-card">
  23. <div class="layui-card-body" pad15>
  24. <div class="layui-row layui-col-space15">
  25. <div class="layui-col-md12">
  26. <table class="layui-hide" id="datagrid" lay-filter="datagrid-operate"></table>
  27. <script type="text/html" id="datagrid-operate-bar">
  28. <a class="layui-btn layui-btn-xs" id="download" lay-event="download">下载</a>
  29. <a class="layui-btn layui-btn-danger layui-btn-xs" data-permission="office.delete_notice" id="delete" lay-event="delete">删除</a>
  30. </script>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  37. <script>
  38. var _params = '';
  39. layui.config({
  40. base: '../../../layuiadmin/' //静态资源所在路径
  41. }).extend({
  42. index: 'lib/index' //主入口模块
  43. }).use(['index', 'table','laydate', 'form', 'upload', 'utils'], function () {
  44. var $ = layui.$;
  45. var table = layui.table
  46. ,laydate = layui.laydate
  47. ,form = layui.form;
  48. var id = layui.view.getParameterByName('id');
  49. table.render({
  50. elem: '#datagrid'
  51. ,url: '/office/notice/files/?id=' + id
  52. ,cols: [[
  53. {field:'files_name', title:'文件', width:500}
  54. ,{width:150, align:'left', fixed: 'right', toolbar: '#datagrid-operate-bar'}
  55. ]]
  56. ,page: true
  57. ,height: 'full-104'
  58. ,done:function () {
  59. layui.index.removeNoPermButtons();
  60. }
  61. });
  62. //监听工具条
  63. table.on('tool(datagrid-operate)', function(obj){
  64. var data = obj.data;
  65. if(obj.event === 'download'){
  66. layui.view.download("/media/" + data.files_url);
  67. }else if(obj.event === 'delete'){
  68. layer.confirm('确定要删除吗?', function(index){
  69. layer.close(index);
  70. layui.admin.req({
  71. url: '/office/notice/del_files/?id='+data.id
  72. ,done: function(res){
  73. table.reload('datagrid',{});
  74. }
  75. });
  76. });
  77. }
  78. });
  79. })
  80. </script>
  81. </body>
  82. </html>