闫增涛
2025-04-10 298f8b963162a767a8b9c3905123e68bca1e39ea
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
{extend name="../../base/view/common/base" /}
<!-- 主体 -->
{block name="body"}
 
<div class="p-page">
    <form class="layui-form gg-form-bar border-t border-x" lay-filter="barsearchform">
        <div class="layui-input-inline" style="width:128px">
            <select name="check_status">
                <option value="">选择用章状态</option>
                {volist name="status" id="vo"}
                <option value="{$key}">{$vo}</option>
                {/volist}
            </select>
        </div>
        <div class="layui-input-inline" style="width:128px">
            <select name="seal_cate_id">
                <option value="">选择印章类型</option>
                {volist name=":get_base_data('seal_cate')" id="vo"}
                <option value="{$vo.id}">{$vo.title}</option>
                {/volist}
            </select>
        </div>
        <div class="layui-input-inline" style="width:300px">
            <input type="text" name="keywords" placeholder="关键字" class="layui-input" autocomplete="off" />
        </div>
        <div class="layui-input-inline" style="width:150px">
            <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="table-search"><i class="layui-icon layui-icon-search mr-1"></i>搜索</button>
            <button type="reset" class="layui-btn layui-btn-reset" lay-filter="table-reset">清空</button>
        </div>
    </form>
    <table class="layui-hide" id="table_seal" lay-filter="table_seal"></table>
</div>
 
<script type="text/html" id="toolbarDemo">
  <div>
      <h3>用章记录</h3>
  </div>
</script>
{/block}
<!-- /主体 -->
 
<!-- 脚本 -->
{block name="script"}
<script>
    const moduleInit = ['tool','tablePlus'];
    function gouguInit() {
        var table = layui.tablePlus, tool = layui.tool;
        
        layui.pageTable = table.render({
            elem: "#table_seal"
            , toolbar: "#toolbarDemo"
            ,url: "/adm/seal/record"
            ,page: true
            ,limit: 20
            ,cellMinWidth: 60
            ,cols: [[
                {field:'id',width:80, title: 'ID号', align:'center'}
                ,{field:'check_status',title: '用章状态',width:90, align:'center',templet: function(d){
                    let status_str = '未使用';
                    if(d.status == 1){
                        status_str = '已使用';
                        if(d.is_borrow==1){
                            status_str = '已外借';
                        }
                    }
                    if(d.status == 2){
                        status_str = '已归还';
                    }
                    return html = '<span class="check-status-color-'+d.status+'">『'+status_str+'』</span>';
                }}
                ,{field:'title',title: '用章申请主题',minWidth:240}
                ,{field:'seal_cate',title: '用章类型',width:100, align:'center'}
                ,{field:'is_borrow',title: '是否外借',width:80, align:'center',templet: function(d){
                    if(d.is_borrow==1){
                        return '<div class="red">是</div>';
                    }
                    else{
                        return '<div class="green">否</div>';
                    }
                }}
                ,{field:'is_borrow',title: '用印部门',width:100, align:'center'}
                ,{field:'num',title: '盖章次数',width:80, align:'center'}
                ,{field:'admin_name',title: '申请人',width:90, align:'center'}
                ,{field:'create_time', title: '创建时间',width:150,align:'center'}
                ,{width:168,fixed:'right',title: '操作', align:'center',templet: function(d){
                    var html='';
                    var btn1='<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="view">详细</a>';
                    var btn2='<a class="layui-btn layui-btn-xs" lay-event="use">使用登记</a>';
                    var btn3='<a class="layui-btn layui-btn-xs" lay-event="use">出借登记</a>';
                    var btn4='<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="back">归还登记</a>';
                    
                    if(d.status == 0){
                        if(d.is_borrow==1){
                            html = '<div class="layui-btn-group">'+btn1+btn3+'</div>';
                        }
                        else{
                            html = '<div class="layui-btn-group">'+btn1+btn2+'</div>';
                        }
                    }
                    
                    if(d.status == 1){
                        if(d.is_borrow==1){
                            html = '<div class="layui-btn-group">'+btn1+btn4+'</div>';
                        }
                        else{
                            html = '<div class="layui-btn-group">'+btn1+'</div>';
                        }
                    }
                    if(d.status == 2){
                            html = '<div class="layui-btn-group">'+btn1+'</div>';
                    }                    
                    return html;
                }}
            ]]
        });
            
        table.on('tool(table_seal)',function (obj) {
            var checkStatus = table.checkStatus(obj.config.id); //获取选中行状态
            var data = obj.data;
            if (obj.event === 'view') {
                tool.side("/adm/seal/view?id="+data.id);
                return;
            }
            if (obj.event === 'use') {
                layer.confirm('确定要修改用章状态吗?', {icon: 3, title:'提示'}, function(index){
                    let callback = function (e) {
                        layer.msg(e.msg);
                        if (e.code == 0) {
                            layui.pageTable.reload();
                        }
                    }
                    tool.post("/adm/api/set_seal_status", { id: obj.data.id,status: 1 }, callback);
                    layer.close(index);    
                });
                return;
            }
            if (obj.event === 'back') {
                layer.confirm('确定要修改用章状态吗?', {icon: 3, title:'提示'}, function(index){
                    let callback = function (e) {
                        layer.msg(e.msg);
                        if (e.code == 0) {
                            layui.pageTable.reload();
                        }
                    }
                    tool.post("/adm/api/set_seal_status", { id: obj.data.id,status: 2 }, callback);
                    layer.close(index);    
                });
                return;
            }
        });
    }
</script>
{/block}
<!-- /脚本 -->