YYC
2023-10-19 6bd36a38fc587ba39bd50e26257ed6ece71363e7
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
 <!DOCTYPE html>
 <html lang="zh-cn" xmlns:th=http://www.thymeleaf.org>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<title>智慧粮库管理系统-化验大屏</title>
<link rel="shortcut icon" th:href="@{/static/favicon.ico}"/>
<link th:href="@{/static/databoard/pc-reset.css}" rel="stylesheet">
<link th:href="@{/static/databoard/master-check.css}" rel="stylesheet">
</head>
<body style="overflow:hidden">
    
<div class="container">
    <div class="i-top">
        <h1 class="i-top-tit"><span th:text="${largeScreenName}">义乌市中心粮库智慧管理平台</span></h1>
        <p class="i-top-p" id="sloganText">不忘初心,牢记使命,为中国人民谋幸福,为中华民族谋复兴</p>
        <span class="time-info"></span>
    </div><!--i-top end-->
 
    <div class="i-main cl">
        <div class="i-m1-center fl">
            <h3 class="i-tit">
                <i class="i-icon32"><img th:src="@{../../static/img/databoard/icon-chuku.png}"/></i>
                磅房称重
            </h3>
            <div class="i-m1-bbox">
                <span id="showIdAndPlateNum">当前称重&nbsp;&nbsp;
                    单据号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    车牌号:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                </span>
            </div>
            <div class="i-m1-cbox" id="video">
                <object type='application/x-vlc-plugin' id='video-1'
                        events='true' width="100%" height="100%"
                        pluginspage="http://www.videolan.org"
                        th:codebase="@{../../static/plugins/vlc/npapi-vlc-2.2.2.tar.xz}">
                    <param name='mrl' th:value="${camera?.mediaAddr}" />
                    <param name='volume' value='50' />
                    <param name='autoplay' value='true' />
                    <param name='loop' value='false' />
                    <param name='fullscreen' value='true' />
                    <param name='toolbar' value='false' />
                </object>
            </div>
        </div><!--i-m1-center end-->
        <div class="i-m1-right fr">
 
            <div class="right-box1 posi-r">
 
                <h3 class="i-tit">
                    <i class="i-icon32"><img th:src="@{../../static/img/databoard/icon-qixiang.png}"/></i>
                    气象站信息
                </h3>
                <div class="right-box1-time" id="weather_time">更新时间 : 2000-01-01 00:00:00</div>
                <div class="right-box1-con">
 
                    <ul class="r1-list">
                        <li>
                            <h4><i class="i-icon"><img th:src="@{../../static/img/databoard/icon-wendu.png}"/></i>温度</h4>
                            <p id="weather_wendu"><span>0</span>℃</p>
                        </li>
                        <li>
                            <h4><i class="i-icon"><img th:src="@{../../static/img/databoard/icon-shidu.png}"/></i>湿度</h4>
                            <p id="weather_shidu"><span>0</span>%</p>
                        </li>
                        <li>
                            <h4><i class="i-icon"><img th:src="@{../../static/img/databoard/icon-yuqing.png}"/></i>天气</h4>
                            <p id="weather_tianqi"><em>晴</em></p>
                        </li>
                        <li>
                            <h4><i class="i-icon"><img th:src="@{../../static/img/databoard/icon-yuliang.png}"/></i>风力</h4>
                            <p id="windSpeed"><span>1级</span></p>
                        </li>
                        <li>
                            <h4><i class="i-icon"><img th:src="@{../../static/img/databoard/icon-fengxiang.png}"/></i>风向</h4>
                            <p id="weather_fengxiang"><em>无风</em></p>
                        </li>
                    </ul>
 
                </div>
            </div><!--right-box1 end-->
 
            <div class="right-box3">
                <h3 class="i-tit">
                    <i class="i-icon32"><img th:src="@{../../static/img/databoard/icon-chuku.png}"/></i>
                    化验列表
                </h3>
                <div class="i-m1-cbox-2">
                    <div class="i-m1-cHd">
                        <ul>
                            <li>
                                <h3>单据号</h3>
                            </li>
                            <li>
                                <h3>车牌号</h3>
                            </li>
                            <li>
                                <h3>登记时间</h3>
                            </li>
                        </ul>
                    </div>
                    <div class="i-m1-cBd" id = "inoutShowMainDiv">
                    <!--一页展示11个-->
<!--                        <dl class="i-m1-dl">-->
<!--                            <dt>07110001</dt>-->
<!--                            <dd>豫A12345</dd>-->
<!--                            <dd>10:56</dd>-->
<!--                        </dl>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
 
</div>
 
<div id="particles-js"></div>
 
<script th:src="@{/static/js/jquery.min.js}"></script>
<script th:src="@{/static/plugins/layui/layui.js}"></script>
<script th:src="@{/static/databoard/particles.min.js}"></script>
<script th:src="@{/static/plugins/echarts/echarts.min.js}"></script>
<script th:inline="javascript">
//定义变量
var companyId = [[${loginUser.companyId}]];
var listDepot = [[${listDepot}]];
var bizType = [[${bizType}]];
var bizTag = [[${bizTag}]];
var dicSlogan = [[${dicSlogan}]];
var weatherInfo = [[${weatherInfo}]];
//userId
var userId = [[${loginUser.username}]];
//视频信息
var camera = [[${camera}]];
var deptId = [[${deptId}]];
 
//设置定时刷新页面,主要为了防止掉线
var timer2;
window.onload = function () {
    if(timer2){
        clearInterval(timer2);
    }
    timer2 = setInterval(function() {
        window.location.href=window.location.href;
    }, 60 * 60 * 1000);
};
</script>
<script th:src="@{/static/js/constant.js}"></script>
<script th:src="@{/static/js/igds-common.js}"></script>
<script th:src="@{/static/databoard/charts.js}"></script>
<script th:src="@{/static/databoard/databoard-check.js}"></script>
</body>
</html>