严智鑫
2025-11-13 945bc394f40d8af1072a53da9a94f24207124e6d
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
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page import="com.northglass.service.device.DeviceService" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>监控状态</title>
<link type="image/x-icon" href="${ctx}/static/images/favicon.ico" rel="shortcut icon">
<link href="${ctx}/static/bootstrap/2.3.2/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<link href="${ctx}/static/bootstrap/2.3.2/css/bootstrap-responsive.min.css" type="text/css" rel="stylesheet" />
<link href="${ctx}/static/jquery-validation/1.11.1/validate.css" type="text/css" rel="stylesheet" />
<link href="${ctx}/static/styles/default.css" type="text/css" rel="stylesheet" />
<link href="${ctx}/static/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" />
<link href="${ctx}/static/bootstrap-switch/css/bootstrap2/bootstrap-switch.css" type="text/css" rel="stylesheet" />
<script src="${ctx}/static/jquery/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="${ctx}/static/jquery-validation/1.11.1/jquery.validate.min.js" type="text/javascript"></script>
<script src="${ctx}/static/jquery-validation/1.11.1/messages_bs_zh.js" type="text/javascript"></script>
<script src="${ctx}/static/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="${ctx}/static/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" type="text/javascript"></script>
<script src="${ctx}/static/holder.js" type="text/javascript"></script>
<script src="${ctx}/static/bootstrap-switch/js/bootstrap-switch.js" type="text/javascript"></script>
<script src="${ctx}/static/bootstrap/2.3.2/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function switchLanguage(language) {
        $.ajax({
            url:"${ctx}/shelfmanager/languageSwitch?language="+language,
           async:true,
           type:"GET",
           dataType:"json",
           cache:false, 
           success: function(data){
               window.location.reload();
           },
           error:function(data){
               alert("语言切换失败:" + res);
           }
      });
    }
</script>
</head>
<body>
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    
    <!-- 加载对应的资源文件 -->
    <fmt:setBundle basename="<%= DeviceService.language %>" var="mesI18n" />
 
    <!-- 语言切换链接(改为JS触发,而非直接跳转) -->
    <a href="javascript:switchLanguage('messages_zh_CN')">中文</a> | 
    <a href="javascript:switchLanguage('messages_vi_VN')">Tiếng Việt</a>
    
    <div>
        <section class="content-header">
              <h1>
                  <fmt:message key="monitoringState" bundle="${mesI18n}"/>
              </h1>
          <ol class="breadcrumb">
            <li>
                <a href="${ctx }/machine/machinestate">
                <i class="fa fa-reply">
                </i><fmt:message key="monitoringState" bundle="${mesI18n}"/></a>
            </li>
            <li class="active"></li>
          </ol>
        </section>
    </div>
    <div>
    <!-- Main content -->
    <section class="content container-fluid">
    <div class="box" style="margin-top: 20px;">
         <div style="overflow: auto;height:650px;" class="box-body no-padding">
        <table class="table table-striped" style="font-size: medium;" id="table">
        <tr>
            <%-- <td style="vertical-align: top; width: 50%">
                <!--小车任务异常-->
                <fieldset>
                    <legend class="btn btn-middle btn-success">穿梭车状态</legend>
                    <div style="margin-top: 20px;">
                        <div style="float: left;"><a href="${ctx}/machine/shuttleexception" class="btn btn-large btn-danger">结束任务</a></div>
                        <div style="margin-left: 260px;">${shelfShowTask}</div>
                    </div>
                    <div><hr></div>
                </fieldset>
            <td> --%>
            <td style="width: 95%">
                <!-- 设备状态 -->
                <fieldset>
                    <legend class="btn btn-middle btn-success"><fmt:message key="monitoringState" bundle="${mesI18n}"/></legend>
                        <div style="margin-bottom: 71px">
                            <table class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                           <th><fmt:message key="equipment" bundle="${mesI18n}"/></th>
                                           <th><fmt:message key="plcRequest" bundle="${mesI18n}"/></th>
                                          <th><fmt:message key="mesSend" bundle="${mesI18n}"/></th>
                                          <th><fmt:message key="plcReport" bundle="${mesI18n}"/></th>
                                          <th><fmt:message key="mesConfirm" bundle="${mesI18n}"/></th>
                                          <th><fmt:message key="connectTime" bundle="${mesI18n}"/></th>
                                          <th><fmt:message key="alarm" bundle="${mesI18n}"/></th>
                                    </tr>
                                </thead>
                                <tbody> ${shelfHtml} </tbody>
                            </table>
                        </div>
                </fieldset>
            <td>
        </tr>
    </table>
    </div>
    </div>
</section>
    </div>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
</body>
</html>