9 changed files with 3798 additions and 9 deletions
After Width: | Height: | Size: 4.4 KiB |
@ -0,0 +1,199 @@ |
|||||
|
|
||||
|
/* 工具栏 */ |
||||
|
|
||||
|
.yjcz-gjl { |
||||
|
width: 1260px; |
||||
|
height: 100px; |
||||
|
position: absolute; |
||||
|
margin-left: 190px; |
||||
|
bottom: 26px; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li { |
||||
|
width: 104px; |
||||
|
height: 100px; |
||||
|
margin-right: 36px; |
||||
|
float: left; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li a { |
||||
|
display: block; |
||||
|
color: #cbebff; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li .yjcz-gjl-icon { |
||||
|
width: 104px; |
||||
|
height: 76px; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li h4 { |
||||
|
height: 24px; |
||||
|
line-height: 24px; |
||||
|
font-size: 16px; |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li .yjcz-gjl-icon1 { |
||||
|
background: url(../img/yjcz-gjl-icon1.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li a.current .yjcz-gjl-icon1 { |
||||
|
background: url(../img/yjcz-gjl-icon1h.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li .yjcz-gjl-icon2 { |
||||
|
background: url(../img/yjcz-gjl-icon2.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li a.current .yjcz-gjl-icon2 { |
||||
|
background: url(../img/yjcz-gjl-icon2h.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li .yjcz-gjl-icon3 { |
||||
|
background: url(../img/yjcz-gjl-icon3.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li a.current .yjcz-gjl-icon3 { |
||||
|
background: url(../img/yjcz-gjl-icon3h.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li .yjcz-gjl-icon4 { |
||||
|
background: url(../img/yjcz-gjl-icon4.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li a.current .yjcz-gjl-icon4 { |
||||
|
background: url(../img/yjcz-gjl-icon4h.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li .yjcz-gjl-icon5 { |
||||
|
background: url(../img/yjcz-gjl-icon5.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li a.current .yjcz-gjl-icon5 { |
||||
|
background: url(../img/yjcz-gjl-icon5h.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li .yjcz-gjl-icon6 { |
||||
|
background: url(../img/yjcz-gjl-icon6.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li a.current .yjcz-gjl-icon6 { |
||||
|
background: url(../img/yjcz-gjl-icon6h.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li .yjcz-gjl-icon7 { |
||||
|
background: url(../img/yjcz-gjl-icon7.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li a.current .yjcz-gjl-icon7 { |
||||
|
background: url(../img/yjcz-gjl-icon7h.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li .yjcz-gjl-icon8 { |
||||
|
background: url(../img/yjcz-gjl-icon8.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li a.current .yjcz-gjl-icon8 { |
||||
|
background: url(../img/yjcz-gjl-icon8h.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li .yjcz-gjl-icon9 { |
||||
|
background: url(../img/yjcz-gjl-icon9.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
.yjcz-gjl li a.current .yjcz-gjl-icon9 { |
||||
|
background: url(../img/yjcz-gjl-icon9h.png) bottom no-repeat; |
||||
|
} |
||||
|
|
||||
|
/* 设置事故点 */ |
||||
|
|
||||
|
.yjcz-szsgd { |
||||
|
width: 110px; |
||||
|
height: 92px; |
||||
|
position: absolute; |
||||
|
left: 330px; |
||||
|
bottom: 130px; |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.yjcz-szsgd li { |
||||
|
width: 110px; |
||||
|
height: 40px; |
||||
|
background: url(../img/yjcz-szsgdli.png) no-repeat; |
||||
|
margin-bottom: 6px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.yjcz-szsgd li a { |
||||
|
display: block; |
||||
|
line-height: 40px; |
||||
|
font-size: 18px; |
||||
|
color: #00fcff; |
||||
|
} |
||||
|
|
||||
|
.yjcz-szsgd li a:hover, .yjcz-szsgd li a.szsgdcur { |
||||
|
color: #FFFFFF; |
||||
|
background: url(../img/yjcz-szsgdlih.png) no-repeat; |
||||
|
} |
||||
|
|
||||
|
/* 人员调度 */ |
||||
|
|
||||
|
.yjcz-right { |
||||
|
width: 380px; |
||||
|
height: auto; |
||||
|
display: none; |
||||
|
/*height: calc(100vh - 120px);*/ |
||||
|
position: absolute; |
||||
|
top: 120px; |
||||
|
left: calc(100vw - 400px); |
||||
|
} |
||||
|
|
||||
|
.yjcz-rydd1 { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.rydd-con { |
||||
|
background: url(../img/yjcz-rydd1.png) left 6px no-repeat; |
||||
|
line-height: 36px; |
||||
|
color: #d0edff; |
||||
|
padding-left: 32px; |
||||
|
font-size: 16px; |
||||
|
margin-bottom: 10px; |
||||
|
margin-top: 0; |
||||
|
} |
||||
|
|
||||
|
.rydd-con span { |
||||
|
color: #28c1ea; |
||||
|
} |
||||
|
|
||||
|
.rydd-con img { |
||||
|
margin-right: 10px; |
||||
|
float: left; |
||||
|
} |
||||
|
|
||||
|
/* 周边视频 */ |
||||
|
|
||||
|
.yjcz-zbsp1 { |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.yjcz-zbsp1 ul { |
||||
|
margin-right: -10px; |
||||
|
} |
||||
|
|
||||
|
.yjcz-zbsp1 li { |
||||
|
width: calc(50% - 10px); |
||||
|
height: 130px; |
||||
|
border-radius: 10px; |
||||
|
overflow: hidden; |
||||
|
float: left; |
||||
|
margin-right: 10px; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
|
||||
|
.yjcz-zbsp1 li img { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -0,0 +1,61 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html style="height:100%"> |
||||
|
<head> |
||||
|
<meta charset="utf-8" /> |
||||
|
<title></title> |
||||
|
<!--Layui--> |
||||
|
<link href="../layui/css/layui.css" rel="stylesheet" type="text/css"> |
||||
|
<script src="../layui/layui.js" type="text/javascript"></script> |
||||
|
</head> |
||||
|
<body style="height:90%"> |
||||
|
<form id="weatherSettingDiv" class="layui-form" style="width: 90%; margin-top:15px; color: #fff"> |
||||
|
<div class="layui-form-item layui-row layui-col-xs12"> |
||||
|
<label class="layui-form-label label-required-next"> |
||||
|
天气 |
||||
|
</label> |
||||
|
<div class="layui-input-block"> |
||||
|
<select id="tianqi" style="display: block;"> |
||||
|
<option value="">晴天</option> |
||||
|
<option value="">阴天</option> |
||||
|
<option value="">雨天</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="layui-form-item layui-row layui-col-xs12"> |
||||
|
<label class="layui-form-label label-required-next"> |
||||
|
风向 |
||||
|
</label> |
||||
|
<div class="layui-input-block"> |
||||
|
<select id="fengxiang" style="display: block;"> |
||||
|
<option value="0">东风</option> |
||||
|
<option value="270.0">南风</option> |
||||
|
<option value="180.0">西风</option> |
||||
|
<option value="90.0">北风</option> |
||||
|
<option value="315.0">东南风</option> |
||||
|
<option value="225.0">西南风</option> |
||||
|
<option value="45.0">东北风</option> |
||||
|
<option value="135.0">西北风</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="layui-form-item layui-row layui-col-xs12"> |
||||
|
<label class="layui-form-label label-required-next"> |
||||
|
强度 |
||||
|
</label> |
||||
|
<div class="layui-input-block"> |
||||
|
<select id="qiangdu" style="display: block;"> |
||||
|
<option value="四级">四级及以下</option> |
||||
|
<option value="五级">五级</option> |
||||
|
<option value="六级">六级</option> |
||||
|
<option value="七级">七级</option> |
||||
|
<option value="八级">八级</option> |
||||
|
<option value="九级">九级</option> |
||||
|
<option value="十级">十级</option> |
||||
|
<option value="十一级">十一级</option> |
||||
|
<option value="十二级">十二级</option> |
||||
|
</select> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</bodystyle="height:90%"> |
||||
|
</htmlstyle="height:90%"> |
Loading…
Reference in new issue