Browse Source

首页报警预警

钞小赢 4 years ago
parent
commit
8730f112d7

+ 163 - 0
src/main/resources/static/app/dashboard/dashboard copy.html

@@ -0,0 +1,163 @@
1
+<!-- home -->
2
+<div class="home-main" style="height:100%">
3
+    <div class="home-main-bg"></div>
4
+    <div class="row pad-top2 row-main">
5
+        <div class="col-lg-3 col-md-12 col-sm-12" style="height:100%;">
6
+            <div class="row" style="height:100%;">
7
+                <div data-smart-include="app/home/views/daibsx.html"></div>
8
+            
9
+                <!--**待办事项 col-sm-12**-->
10
+                <div data-smart-include="app/home/views/liangkjbzk.html"></div>
11
+                <!--**粮库基本状况 col-sm-12**-->
12
+            </div>
13
+        </div>
14
+        <div class="col-lg-9 col-sm-12 home-right" style="height:100%;">
15
+            <div class="row" style="height:70%;">
16
+                <!--**待办事项 视频监控 粮食市场价格变化 col-sm-3**-->
17
+                <div class="col-lg-9 col-md-9 col-sm-12 home-search-main" style="height:100%;">
18
+                    <div class="row" style="height: 100%;">
19
+                        <div class="home-search-wrap row" style="height:15%;">
20
+                            <div class="col-md-12 col-sm-12 weather-bor"
21
+                                style="background: #fff;border-radius: 5px;">
22
+                                <!--查询-->
23
+                                <!--
24
+                        <div class="input-group home-search">
25
+                            <div class="btn-group dropdown" data-dropdown>
26
+                                <div class="drop-div" data-toggle="dropdown">
27
+                                    请选择查询项 <span class="caret"></span>
28
+                                </div>
29
+                                <ul class="dropdown-menu">
30
+                                    <li>
31
+                                        <a href-void>Action</a>
32
+                                    </li>
33
+                                    <li>
34
+                                        <a href-void>Another action</a>
35
+                                    </li>
36
+                                    <li>
37
+                                        <a href-void>Something else here</a>
38
+                                    </li>
39
+                                    <li class="divider"></li>
40
+                                    <li>
41
+                                        <a href-void>Separated link</a>
42
+                                    </li>
43
+                                </ul>
44
+                            </div>
45
+                            <div class="sear-int-box">
46
+                            	<i class="sear-icon"></i><input class="form-control" type="text" placeholder="请输入查询内容">
47
+                            </div>
48
+                            <div class="input-group-btn"><button class="btn" type="button">搜索</button></div>
49
+                        </div>
50
+                        -->
51
+                                <div class="weather-box">
52
+                                    <span class="date-box" style="color:#333;font-size:16px"> {{depotInfo.orgName}}欢迎您</span>
53
+                                    <span id="dateInfo" class="date-box"
54
+                                        style="color:#333;font-size:16px">{{now | date:'yyyy-MM-dd'}}</span>
55
+                                    <!--<iframe src="http://tianqi.5ikfc.com:90/plugin-code/?style=1&dy=1&cl=ffffff&tl=ffffff&th=ffffff" allowTransparency="true" frameborder="0" scrolling="no" width="280" height="50" id="weather_frame" style="background: black;"></iframe>-->
56
+                                </div>
57
+                            </div>
58
+                            <!--/搜索 col-sm-6-->
59
+
60
+                        </div>
61
+                        <!--****/搜索**-->
62
+                        <div class="cangt" ng-controller="cangtCtrl" style="height:84%;">
63
+                            <div class="cangt-oper" style="z-index:800;">
64
+                                <select id="sele" class="form-control input-sm" ng-change="tempCameraChange()"
65
+                                    ng-model="seleVal" style="color:#1ca1e0;">
66
+                                    <option value="1">监控</option>
67
+                                    <option value="2">粮情</option>
68
+                                </select>
69
+                                <ul id="indexBJ-ul">
70
+                                    <li style="cursor: pointer;"><img src="../../styles/img/home-1/baoj.png" />报警</li>
71
+                                </ul>
72
+                            </div>
73
+                            <div class="wrap-imgbox1" style="height:100%;">
74
+
75
+                                <!-- <img id="img" src="styles/img/home-1/cangt.png" style="width: 100%;height: 100%;"/> -->
76
+                                <img id="img" src="{{birdsEyeUrl}}" style="width: 100%;height: 100%;" />
77
+
78
+                                <!-- <div style="position: absolute;width: 100%;height:100%;top:0px;left:0px" id="showDiv"
79
+                                    auto-height>
80
+                                </div> -->
81
+
82
+                                <div style="position: absolute;width: 100%;height:100%;top:0px;left:0px" id="showDiv1"
83
+                                auto-height>
84
+                            </div>
85
+                                <div>
86
+                                    <div class='jk-icon-box' id="iconDiv"></div>
87
+                                    <!--<div class='jk-icon-box'>-->
88
+                                    <!--<div class='jk-text-box' style='z-index:0;border-radius:1%;resize: both;height: 0px;width:9%;left:52.86%;top:13.81%;position: absolute;text-align:center;line-height: 6;'>-->
89
+                                    <!--<i class='text-i' style='cursor:default;padding: 0px 0px;font-size: 15px;'>P1库</i>-->
90
+                                    <!--</div>-->
91
+                                    <!--<div class='jk-text-box' style='z-index:0;border-radius:1%;resize: both;height: 0px;width:10%;left:53.37%;top:49.17%;position: absolute;text-align:center;line-height: 6;'>-->
92
+                                    <!--<i class='text-i' style='cursor:default;padding: 0px 0px;font-size: 15px;'>P2库</i>-->
93
+                                    <!--</div>-->
94
+                                    <!--<div class='jk-text-box' style='z-index:0;border-radius:1%;resize: both;height: 0px;width:10%;left:32.43%;top:12.9%;position: absolute;text-align:center;line-height: 6;'>-->
95
+                                    <!--<i class='text-i' style='cursor:default;padding: 0px 0px;font-size: 15px;'>P3库</i>-->
96
+                                    <!--</div>-->
97
+                                    <!--<div class='jk-text-box' style='z-index:0;border-radius:1%;resize: both;height: 0px;width:10%;left:31.84%;top:50.68%;position: absolute;text-align:center;line-height: 6;'>-->
98
+                                    <!--<i class='text-i' style='cursor:default;padding: 0px 0px;font-size: 15px;'>P4库</i>-->
99
+                                    <!--</div>-->
100
+                                    <!--<div class='jk-text-box' style='z-index:0;border-radius:1%;resize: both;height: 0px;width:15%;left:72.62%;top:32.93%;position: absolute;text-align:center;line-height: 3;'>-->
101
+                                    <!--<i class='text-i' style='cursor:default;padding: 0px 0px;font-size: 15px;'>P5库</i>-->
102
+                                    <!--</div>-->
103
+                                    <!--</div>-->
104
+                                </div>
105
+                            </div>
106
+                            <div class="changt-icon baoj-icon-box">
107
+                                <!--<img style="top:120px; left:250px;" src="styles/img/home-1/ship.png"/>-->
108
+                                <!--<img class="baoj-icon" style="top:130px; left:275px;" src="styles/img/home-1/baoj.png"/>-->
109
+                            </div>
110
+                            <div id="popContainer" style="display:none;">
111
+
112
+                            </div>
113
+                            <!--********/弹窗*******-->
114
+                            <div class="modal fade" id="cameraPlayModal" tabindex="-1" role="dialog"
115
+                                aria-labelledby="myModalLabel" aria-hidden="true">
116
+                                <div class="modal-dialog" style="width:78%;height:85%;">
117
+                                    <div class="modal-content" style="height:100%;">
118
+                                        <div class="modal-header">
119
+                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
120
+                                                &times;
121
+                                            </button>
122
+                                            <h4 class="modal-title" id="myModalLabel">{{alias}}</h4>
123
+                                        </div>
124
+                                        <div class="modal-body" id="ocxDiv" style="height:80%;">
125
+                                            <!--<div smart-include="app/monitor/views/camera-ocx.html"></div>-->
126
+                                        </div>
127
+                                        <div class="modal-footer">
128
+                                            <button type="button" class="btn btn-default" data-dismiss="modal"
129
+                                                ng-click="distroyOcx()">
130
+                                                取消
131
+                                            </button>
132
+                                        </div>
133
+                                    </div><!-- /.modal-content -->
134
+                                </div><!-- /.modal-dialog -->
135
+                            </div><!-- /.modal-->
136
+                        </div>
137
+                        <!--*******/cangt******-->
138
+                    </div>
139
+                </div>
140
+                <!--**/查询 仓图 col-sm-5**-->
141
+                <div class="col-lg-3 col-md-3 col-sm-12" style="height:100%;">
142
+                    <div class="row" style="height:100%">
143
+                        <div data-smart-include="app/home/views/dangqzy.html"></div>
144
+                        <!--**当前作业 col-sm-12**-->
145
+                        <div data-smart-include="app/home/views/kuczb.html"></div>
146
+                        <!--**储粮量/库存占比 col-sm-12**-->
147
+                        <div data-smart-include="app/home/views/chuldj.html"></div>
148
+                        <!--**储粮等级 col-sm-12**-->
149
+                    </div>
150
+                </div>
151
+                <!--**/当前作业 储粮量/库存占比 粮食品种 储粮等级 col-sm-4**-->
152
+            </div>
153
+            <div class="row home-row-fotter" style="height:30%;">
154
+                <div data-smart-include="app/home/views/quxt.html"></div>
155
+                <!--**三温曲线图 col-sm-12**-->
156
+                <div data-smart-include="app/home/views/liangspz.html"></div>
157
+                <!--**粮食品种 col-sm-12**-->
158
+            </div>
159
+        </div>
160
+    </div>
161
+
162
+</div>
163
+<!--**/内容结束**-->

+ 1 - 0
src/main/resources/static/app/dashboard/dashboard.html

@@ -5,6 +5,7 @@
5 5
         <div class="col-lg-3 col-md-12 col-sm-12" style="height:100%;">
6 6
             <div class="row" style="height:100%;">
7 7
                 <div data-smart-include="app/home/views/daibsx.html"></div>
8
+                <!-- <div data-smart-include="app/home/views/daibsx copy.html"></div> -->
8 9
                 <!--**待办事项 col-sm-12**-->
9 10
                 <div data-smart-include="app/home/views/liangkjbzk.html"></div>
10 11
                 <!--**粮库基本状况 col-sm-12**-->

+ 10 - 0
src/main/resources/static/app/home/views/daibsx copy.html

@@ -0,0 +1,10 @@
1
+<div class="col-sm-12 home-module" ng-controller="daibsxCtrl" style="margin-top:8px;height:20%">
2
+
3
+    <div class="col-center col-center-1" style="height:100%">
4
+       <div style="position: absolute;top:10px">库存总量</div>
5
+       <div>
6
+           <img src="" alt="">
7
+       </div>
8
+    </div>
9
+
10
+</div>

+ 25 - 45
src/main/resources/static/app/home/views/daibsx.html

@@ -1,51 +1,31 @@
1 1
 <div class="col-sm-12 home-module" ng-controller="daibsxCtrl" style="margin-top:8px;height:20%">
2 2
 
3 3
     <div class="col-center col-center-1" style="height:100%">
4
-        <h3 style="color:#333">待办事项</h3>
5
-        <div class="home-module-content">
6
-            <ul class="list-group" style="max-height:70px;overflow: auto;">
7
-                <!--智能粮库待办事项-->
8
-                <li class="list-group-item daib-li" style="text-align: center;">
9
-                    <img alt="!" src="styles/img/home-1/icon1_new.png"/>&nbsp;
10
-                    <a href-void ng-click="moreTodo()">
11
-                      <span style='color:#444;'>智能粮库待办事项&nbsp;
12
-                          <span style='color:#fff;background:url("styles/img/home-1/number_bg.png") no-repeat 100% 100%;display:inline-block;width:20px;height:20px'>{{TodoSize==null?0:TodoSize}}</span>&nbsp;&nbsp;条
13
-                      </span>
14
-                    </a>
15
-                    <div class="daib-line"></div>
16
-                </li>
17
-                <!--安全生产通知事项-->
18
-                <li class="list-group-item daib-li" style="text-align: center;" ng-hide="safeProduce">
19
-                    <img alt="!" src="styles/img/home-1/icon2_new.png"/>&nbsp;
20
-                    <a href-void ng-click="safeProduceNotifyTodo()">
21
-                      <span style='color:#447ee9;'>安全生产通知事项&nbsp;
22
-                          <span style='color:#fff;'>&nbsp;{{totalSize==null?0:totalSize}}</span>&nbsp;&nbsp;条
23
-                      </span>
24
-                    </a>
25
-                    <div class="daib-line"></div>
26
-                </li>
27
-                <!--药剂采购审批-->
28
-                <li class="list-group-item daib-li" style="text-align: center;" ng-hide="drugPurchase">
29
-                    <img alt="!" src="styles/img/home-1/icon2_new.png"/>&nbsp;
30
-                    <a href-void ng-click="drugPurchaseAuditNotifyTodo()">
31
-                      <span style='color:#447ee9;'>药剂采购审批事项&nbsp;
32
-                          <span style='color:#fff;;'>&nbsp;{{drugPurchaseAuditSize==null?0:drugPurchaseAuditSize}}</span>&nbsp;&nbsp;条
33
-                      </span>
34
-                    </a>
35
-                    <div class="daib-line"></div>
36
-                </li>
37
-                <!--药剂领用审批-->
38
-                <li class="list-group-item daib-li" style="text-align: center;" ng-hide="drugUseAudit">
39
-                    <img alt="!" src="styles/img/home-1/icon2_new.png"/>&nbsp;
40
-                    <a href-void ng-click="drugUseAuditNotifyTodo()">
41
-                      <span style='color:#447ee9;'>药剂领用审批事项&nbsp;
42
-                          <span style='color:#fff;;'>&nbsp;{{drugUseAuditSize==null?0:drugUseAuditSize}}</span>&nbsp;&nbsp;条
43
-                      </span>
44
-                    </a>
45
-                    <div class="daib-line"></div>
46
-                </li>
47
-            </ul>
4
+       
5
+        <h3 style="color:#333;margin-top:0px">报警预警</h3>
6
+        <img style=" position: absolute;
7
+        top:10px;
8
+        right:10px;cursor:pointer" src="styles/img/home-1/more.png" alt="">
9
+        <!-- <div class="home-module-content">
10
+            <div class="list-group" style="max-height:70px;overflow: auto;">
11
+                
12
+            </div>
13
+        </div> -->
14
+        <div style="padding:0 10px;width:100%;position: absolute;top:35px;">
15
+            <div style="display:flex;justify-content: space-between;border-bottom:1px dashed #cecccc;padding-bottom:5px;cursor:pointer">
16
+                <div style="color:#807c7c;font-size:14px">1号温度过高,请及时查看</div>
17
+                <div style="color:#807c7c;font-size:14px">今天 12:32:23</div>
18
+            </div>
19
+            <div style="display:flex;justify-content: space-between;border-bottom:1px dashed #cecccc;padding:5px 0;cursor:pointer">
20
+                <div style="color:#807c7c;font-size:14px">1号温度过高,请及时查看</div>
21
+                <div style="color:#807c7c;font-size:14px">今天 12:32:23</div>
22
+            </div>
23
+            <div style="display:flex;justify-content: space-between;border-bottom:1px dashed #cecccc;padding:5px 0;cursor:pointer">
24
+                <div style="color:#807c7c;font-size:14px">1号温度过高,请及时查看</div>
25
+                <div style="color:#807c7c;font-size:14px">今天 12:32:23</div>
26
+            </div>
48 27
         </div>
28
+        
49 29
     </div>
50 30
 
51
-</div>
31
+</div>

+ 20 - 0
src/main/resources/static/app/home/views/dangqzy copy.html

@@ -0,0 +1,20 @@
1
+<div class="col-sm-12 home-module" ng-controller="homeworkCtrl" style="margin-top: 8px;height:32.5%;"  >
2
+
3
+    <div class="col-center col-center-5" style="height: 100%;">
4
+        <div>
5
+            <h3 style="color:#333">当前作业</h3>
6
+        </div>
7
+        <div class="home-module-content">
8
+            <ul class="list-group" style="height:80%;overflow:auto; margin:30px 1px 0px 6px; padding-top: 0px;">
9
+                
10
+
11
+
12
+
13
+                <li class="list-group-item" ng-repeat="tf in tfData" ng-click="getJobDate('3.1',tf.houseId)" style="cursor:pointer;"><img src="styles/img/home-1/text-icon2_new.png"/>&nbsp;{{tf.storehouseName}}正在通风作业</li>
14
+                <li class="list-group-item" ng-repeat="xz in xzData" ng-click="getJobDate('3.2',xz.houseId)" style="cursor:pointer;"><img src="styles/img/home-1/text-icon2_new.png"/>&nbsp;{{xz.storehouseName}}正在熏蒸作业</li>
15
+                <li class="list-group-item" ng-repeat="rk in rkData" ng-click="getJobDate('3.3',rk.houseId)" style="cursor:pointer;"><img src="styles/img/home-1/text-icon2_new.png"/>&nbsp;{{rk.storehouseName}}正在入库作业</li>
16
+                <li class="list-group-item" ng-repeat="ck in ckData" ng-click="getJobDate('3.4',ck.houseId)" style="cursor:pointer;"><img src="styles/img/home-1/text-icon2_new.png"/>&nbsp;{{ck.storehouseName}}正在出库作业</li>
17
+            </ul>
18
+        </div>
19
+    </div>
20
+</div>

+ 46 - 0
src/main/resources/static/app/home/views/liangkjbzk copy.html

@@ -0,0 +1,46 @@
1
+<div class="col-sm-12 home-module mar-top2" ng-controller="depotProfileCtrl" style="height:79%;margin-top:7px;">
2
+	
3
+    <div class="col-center col-center-6" style="height:100%;">
4
+        <h3 style="color:#333;">粮库基本状况</h3>
5
+        <div class="home-module-content">
6
+            <div class="video-mon">
7
+                <div class="product-image" style="padding:3px;">
8
+                    <div id="myCarousel-2" class="carousel slide" data-smart-ride-carousel>
9
+                        <ol class="carousel-indicators">
10
+                            <li data-target="#myCarousel-2" data-slide-to="0" class="active"></li>
11
+                            <li data-target="#myCarousel-2" data-slide-to="1" class=""></li>
12
+                            <li data-target="#myCarousel-2" data-slide-to="2" class=""></li>
13
+                            <li data-target="#myCarousel-2" data-slide-to="3" class=""></li>
14
+                        </ol>
15
+                        <div class="carousel-inner">
16
+                            <!-- Slide 1 -->
17
+                            <div class="item active">
18
+                                <img src="{{imagelist[0].imgUrl}}"/>
19
+                            </div>
20
+                            <!-- Slide 2 -->
21
+                            <div class="item">
22
+                                <img src="{{imagelist[1].imgUrl}}"/>
23
+                            </div>
24
+                            <!-- Slide 3 -->
25
+                            <div class="item">
26
+                                <img src="{{imagelist[2].imgUrl}}"/>
27
+                            </div>
28
+                            <div class="item">
29
+                                <img src="{{imagelist[3].imgUrl}}"/>
30
+                            </div>
31
+                        </div>
32
+                        
33
+                    </div>
34
+                </div>
35
+                <!--*******product-image********-->
36
+                
37
+                <div class="liangkjbzk-line"></div>
38
+                <div class="liangkjbzk-con">
39
+                    <p ng-bind="depotInfo.briefIntroduction" style="color:#555;font-size:14px"></p>
40
+                </div>
41
+            </div>
42
+        </div>
43
+        
44
+        
45
+    </div>
46
+</div>

BIN
src/main/resources/static/styles/img/home-1/more.png