mylist.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. {extend name="../../base/view/common/base" /}
  2. <!-- 主体 -->
  3. {block name="body"}
  4. <div class="p-page">
  5. <div class="body-table layui-tab layui-tab-brief border" lay-filter="tab" style="background-color:#fff; margin:0; border-bottom:0">
  6. <ul class="layui-tab-title" style="border:none;">
  7. <li class="layui-this">全部</li>
  8. <li>待审批</li>
  9. <li>审批通过</li>
  10. <li>审批拒绝</li>
  11. </ul>
  12. </div>
  13. <table class="layui-hide" id="test" lay-filter="test"></table>
  14. </div>
  15. <script type="text/html" id="toolbarDemo">
  16. <h3 class="h3-title" style="height:28px;">我申请的审批</h3>
  17. </script>
  18. {/block}
  19. <!-- /主体 -->
  20. <!-- 脚本 -->
  21. {block name="script"}
  22. <script>
  23. const moduleInit = ['tool'];
  24. function gouguInit() {
  25. var table = layui.table, tool = layui.tool ,element=layui.element;
  26. element.on('tab(tab)', function(data){
  27. layui.pageTable.reload({where:{status:data.index},page:{curr:1}});
  28. return false;
  29. });
  30. layui.pageTable = table.render({
  31. elem: '#test'
  32. ,toolbar: '#toolbarDemo'
  33. ,defaultToolbar: false
  34. ,title:'审批列表'
  35. ,url: "/home/approve/mylist"
  36. ,page: true //开启分页
  37. ,limit: 20
  38. ,cellMinWidth: 80
  39. ,height: 'full-92'
  40. ,cols: [[
  41. {field:'types_name',title: '审批类型',width:100, align:'center'}
  42. ,{field:'check_status',title: '审核状态',width:110, align:'center',templet: function(d){
  43. var html = '<span class="check-status-color-'+d.check_status+'">『'+d.check_status_str+'』</span>';
  44. return html;
  45. }}
  46. ,{field:'admin_name',title: '申请人',width:90,align:'center'}
  47. ,{field:'create_time',title: '申请时间',width:150,align:'center'}
  48. ,{field:'department',title: '所属部门',width:120,align:'center'}
  49. ,{field:'check_users',title: '当前审批人'}
  50. ,{field:'check_copy_users',title: '抄送人员',width:150}
  51. ,{width:90,title: '操作', align:'center',templet: function(d){
  52. var btn0='<a class="layui-btn layui-btn-xs layui-btn-normal side-a" data-href="'+d.view_url+'?id='+d.id+'">详情</a>';
  53. var btn1='<a class="layui-btn layui-btn-xs side-a" data-href="'+d.add_url+'?id='+d.id+'">编辑</a>';
  54. var html='';
  55. if(d.check_status==0 ||d.check_status ==4){
  56. html='<div class="layui-btn-group">'+btn0+btn1+'</div>';
  57. }
  58. else{
  59. html=btn0;
  60. }
  61. return html;
  62. }}
  63. ]]
  64. });
  65. }
  66. </script>
  67. {/block}
  68. <!-- /脚本 -->