CZT
2023-09-06 71c4fa1e27f75ae4b765c95c67a3069c84dc72ba
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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>智慧粮库管理平台-平房仓阀门箱气调</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
    <link rel="stylesheet"
          th:href="@{../../static/plugins/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{../../static/admin/n2/n2-hand1.css}">
 
    <style>
        .img_5 {
            margin-left: -10px;
        }
 
    </style>
</head>
 
<body class="qifa">
<div class="wrapper wrapper-content">
    <div class="qf_box1 flex">
        <div class="qf1_bx1">
            <div class="qf1_bx1_lb layui-form">
                <form class="layui-form" action="">
                    <div class="layui-form-item lq-left1-from">
                        <label class="layui-form-label">仓库列表</label>
                        <div class="layui-input-block">
                            <select name="depotId" id="depotId" lay-filter="select_depotId">
                                <option value=""></option>
                                <option th:each="depot,depotSet:${listDepot}"
                                        th:value="${depot.id}" th:text="${depot.name}"
                                        th:type="${depot.depotType}"></option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-btn-group layui-row sdft-btn-group">
                        <button type="button"
                                class="layui-btn layui-col-lg6 sdft-topbtn active js-tf-btn"
                                onclick="toCut('01')">显示正面
                        </button>
                        <button type="button"
                                class="layui-btn layui-col-lg6 sdft-topbtn js-tf-btn"
                                onclick="toCut('02')">显示反面
                        </button>
                    </div>
                </form>
            </div>
        </div>
        <div class="qf1_bx2">
            <div class="qf1_tit" id="text_checkDate">检测时间: --</div>
            <div class="qf1_time">
                <ul class="x4">
                    <li>
                        <div class="num din" id="text_n2Max">--</div>
                        <p>氮气最高(%)</p>
                    </li>
                    <li>
                        <div class="num din" id="text_n2Min">--</div>
                        <p>氮气最低(%)</p>
                    </li>
                    <li>
                        <div class="num din" id="text_n2Ave">--</div>
                        <p>平均氮气(%)</p>
                    </li>
                    <li>
                        <div class="num din" id="text_pressure">--</div>
                        <p>内外压差(pa)</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="qf1_bx3">
            <div class="qf1_tit">仓库信息</div>
            <div class="qf1_time">
                <ul class="x3">
                    <li>
                        <div class="num c-hand" onclick="showVideo()">仓内视频</div>
                        <p class="c-hand" onclick="showVideo()">点击查看</p>
                    </li>
                    <li>
                        <div class="num" id="text_foodVariety">--</div>
                        <p>粮食品种</p>
                    </li>
                    <li>
                        <div class="num" id="text_storeKeeper">--</div>
                        <p>保管员</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="qf1_bx4">
            <div class="qf1_tit">仓库状态</div>
            <div class="icon">
                <img th:src="@{../../static/images/icon_sd02.png}">
            </div>
            <div class="tit" id="text_status">无气调操作</div>
        </div>
    </div>
    <div class="qf_box2">
        <div class="qf2_left">
            <div class="qf_tit" id="mac_name">库区制氮机</div>
            <div class="qf2_charts">
                <div class="start">
                    <img th:src="@{../../static/images/icon_kg.png}" id="mac_runImg"
                         style="margin: 15px 0 15px">
                    <div class="p2" id="mac_runStatus">开启</div>
                </div>
                <ul class="chart_ul">
                    <li>
                        <div id="chart1" class="charts"></div>
                    </li>
                    <li>
                        <div id="chart2" class="charts"></div>
                    </li>
                    <li>
                        <div id="chart3" class="charts"></div>
                    </li>
                </ul>
            </div>
            <div class="qf2_img">
                <img th:src="@{../../static/images/n2/default-mac.gif}" style="margin-top: -5px;" id="mac_img">
                <img th:src="@{../../static/images/n2/xt1.png}" class="xt">
            </div>
        </div>
        <div class="qf2_right">
            <div class="qf_tit">仓库阀门箱</div>
            <div class="qf2_img">
                <img th:src="@{../../static/img/n2/default/5_box_00.png}" id="n2_box_img"
                     class="img_5">
            </div>
        </div>
    </div>
    <div class="floatBar">
        <ul>
            <li class="on"><a href="javascript:;" onclick="doExe('30')"> <i></i>
                <p>气密性检测</p>
            </a></li>
            <li class="on"><a href="javascript:;" onclick="doExe('01')"> <i></i>
                <p>抽负压</p>
            </a></li>
            <li class="on"><a href="javascript:;" onclick="doExe('03')"> <i></i>
                <p>充氮</p>
            </a></li>
            <li class="on"><a href="javascript:;" onclick="doExe('04')"> <i></i>
                <p>均氮</p>
            </a></li>
            <li class="on"><a href="javascript:;" onclick="doExe('02')"> <i></i>
                <p>排气</p>
            </a></li>
            <li class="on"><a href="javascript:;" onclick="showMacControl()"> <i></i>
                <p>制氮机控制</p>
            </a></li>
        </ul>
    </div>
</div>
 
<script th:inline="javascript">
    //仓库列表
    var listDepot = [[${listDepot}]];
    //系统登陆人
    var loginUser = [[${loginUser}]];
    //业务类型
    var bizType = [[${bizType}]];
    //userId
    var userId = [[${loginUser.username}]];
    var companyId = [[${loginUser.companyId}]];
    //业务类型
    var deptId = [[${deptId}]];// 分库Id
    var depotType = [[${depotType}]]; //仓库类型
    var depotId = [[${depotId}]];
    var imgMap = [[${n2ImgMap}]];
    var socket;
</script>
 
<script th:src="@{../../static/plugins/layui/layui.js}"></script>
<script th:src="@{../../static/plugins/echarts/echarts.js}"></script>
<script th:src="@{../../static/js/jquery.min.js}"></script>
<script th:src="@{../../static/js/constant.js}"></script>
<script th:src="@{../../static/js/igds-common.js}"></script>
<script th:src="@{../../static/admin/n2/n2-hand1.js}"></script>
</body>
</html>