wang-hao-jie
2022-08-25 57dcc73636bb7d8dce89c808eb8cc988a7512264
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
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('组列表')" />
</head>
<body class="gray-bg">
     <div class="container-div">
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <form id="formId">
                    <div class="select-list">
                        <ul>
                            <li>
                                <label>组名称:</label>
                                <input type="text" name="teamName"/>
                            </li>
                            <li>
                                <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>
 
            <div class="btn-group-sm" id="toolbar" role="group">
                <a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="station:team:add">
                    <i class="fa fa-plus"></i> 添加
                </a>
                <a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="station:team:edit">
                    <i class="fa fa-edit"></i> 修改
                </a>
                <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="station:team:remove">
                    <i class="fa fa-remove"></i> 删除
                </a>
                <!--<a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="station:team:export">-->
                    <!--<i class="fa fa-download"></i> 导出-->
                <!--</a>-->
            </div>
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
            </div>
        </div>
    </div>
     <input id="teamId" type="hidden">
     <input id="areaId" type="hidden">
    <th:block th:include="include :: footer" />
    <script th:inline="javascript">
        var editFlag = [[${@permission.hasPermi('station:team:edit')}]];
        var removeFlag = [[${@permission.hasPermi('station:team:remove')}]];
        var prefix = ctx + "station/team";
 
        $(function() {
            var options = {
                url: prefix + "/list",
                createUrl: prefix + "/add",
                updateUrl: prefix + "/edit/{id}",
                removeUrl: prefix + "/remove",
                exportUrl: prefix + "/export",
                modalName: "组",
                columns: [{
                    checkbox: true
                },
                {
                    field: 'id',
                    title: 'id',
                    visible: false
                },
                {
                    field: 'teamName',
                    title: '组名称'
                },
                {
                    field: 'teamNumber',
                    title: '组人数'
                },
                {
                    field: 'areaNumber',
                    title: '区域数'
                },
                {
                    field: 'updateTime',
                    title: '更新日期'
                },
                {
                    field: 'descriptions',
                    title: '描述'
                },
                {
                    title: '操作',
                    align: 'center',
                    formatter: function(value, row, index) {
                        var actions = [];
                        actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="people(\'' + row.id + '\')">成员管理</a> ');
                        actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="area(\'' + row.id + '\')">门禁授权管理</a> ');
                        // if(row.equipmentUpdateStatus==1){
                        //     actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="pushInfoToReadHead(\'' + row.id + '\')">待同步</a> ');
                        // }else{
                        //     actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)">已同步</a>');
                        // }
                        return actions.join('');
                    }
                }]
            };
            $.table.init(options);
        });
 
        function people(id) {
            $('#teamId').val(id)
            $.modal.open("成员管理", prefix + "/parent",'1200','600');
        }
 
        function area(id) {
            $('#teamId').val(id)
            $.modal.open("区域管理", prefix + "/parent2",'1200','600');
        }
 
        //推送数据到读头
        function pushInfoToReadHead(id) {
            // $.operate.post(prefix+"/pushDataToReadHead", {"id" : id}, pushResult());
            $.modal.loading("正在加载数据,请稍后...");
            $.ajax({
                url: prefix+"/pushDataToReadHead",
                data: {"id" : id},
                type: "post",
                success: function(res) {
                    if(res.code == 0) {
                        $.modal.alertSuccess(res.msg)
                    }else {
                        $.modal.alertError(res.msg);
                    }
                    $.modal.closeLoading();
                    setTimeout(function () {
                        location.reload();
                    },800)
 
                }
            })
        }
        function pushResult(res) {
            if(res.code == 0) {
                $.modal.alertSuccess(res.msg)
            }else {
                $.modal.alertError(res.msg);
            }
        }
 
 
    </script>
</body>
</html>