Administrator
2022-10-09 23f93897d618a5253a18b65b124196f95891f240
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
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/template/nit/tmp_brief.xhtml">
    <ui:define name="acss">
        <style>
        #searchBtn {
            height: 34px;
        }
        p.error {
            color: #D9534F
        }
        input.error {
            border: 1px solid #D9534F;
        }
        i.fa.danger {
            color: #D15B47
        }
        i.fa.success {
            color: #87B87F
        }
        </style>
    </ui:define>
    <ui:define name="acontent">
        <input type="hidden" value="#{param.relationno}" id="relationno"/>
        <input type="hidden" value="#{param.name}" id="name"/>
        <div class="row">
            <div class="col-xs-5">
                <div class="page-header">
                    <h1>【#{param.name}】的设备列表</h1>
                </div>
            </div>
            <div class="col-xs-7" style="text-align: right;">
                <a class="btn btn-xs btn-info" title="新设备"  id="newceq"  href="javascript:;">
                    <i class="ace-icon fa fa-plus bigger-110"></i>
                    新设备
                </a>
            </div>
            <div class="col-xs-12" style="margin-top: 8px; ''">
                <table id="simple-table" class="table  table-bordered table-hover">
                    <thead>
                        <tr>
                            <th class="detail-col">序号</th>
                            <th>设备编号</th>
                            <th>设备名称</th>
                            <th>设备类型</th>
                            <th>方向</th>
                            <th>IP</th>
                            <th>服务IP</th>
                            <th>启用</th>
                            <th style="width: 150px">操作</th>
                        </tr>
                    </thead>
 
                    <tbody data-bind="foreach: list">
                        <tr>
                            <td class="center">
                                <span data-bind="text: $index() + 1"></span>
                            </td>
 
                            <td data-bind="text: equipmentno"></td>
                            <td data-bind="text: eqname"></td>
                            <td data-bind="text: type"></td>
                            <td data-bind="text: aspect==1?'进':'出'"></td>
                            <td data-bind="text: ip"></td>
                            <td data-bind="text: serviceIP"></td>
                            <td>
                                <a href="javascript:;" title="启用中"><i class="fa fa-check success" data-bind="click: $parent.used, visible: state(),css: {danger: !state(), success: state()}"></i></a>
                                <a href="javascript:;" title="禁用中"><i class="fa fa-close danger" data-bind="click: $parent.used, visible: !state(),css: {danger: !state(), success: state()}"></i></a>
                            </td>
 
                            <td>
                                <div class="btn-group">
                                    <a class="btn btn-xs btn-info" title="编辑" data-bind="attr: {href: 'gates_cequipmentEdit.jsf?id=' + id}">
                                        <i class="ace-icon fa fa-edit bigger-120"></i>
                                    </a>
 
                                    <button class="btn btn-xs btn-danger" title="删除" data-bind="click: $parent.del">
                                        <i class="ace-icon fa fa-trash-o bigger-120"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div id="dialog-confirm" class="hide">
            <div class="alert alert-info bigger-110" id="modalContent">
            </div>
        </div>
    </ui:define>
    <ui:define name="myscript">
        <script src="js/gates_cequipmentList.js"></script>
    </ui:define>
</ui:composition>
</html>