Skip to content

Z
zanhuangyingji
Commit 0c87b096 authored by yaqizhang's avatar yaqizhang
Browse files
Options

修改

parent c48f69c6
Hide whitespace changes
Inline Side-by-side
Showing with 170 additions and 117 deletions
ioc_frontweb/index.html
View file @ 0c87b096
...@@ -177,14 +177,17 @@ ...@@ -177,14 +177,17 @@
</div> </div>
</div> </div>
<div class="mapbanner" style="position: fixed;top: 0;width: 100%;height: auto;z-index: 10;"> <div class="mapbanner" style="position: fixed;top: 0;width: 100%;height: auto;z-index: 10;">
<div style="width: 100%;height: auto;line-height: 60px;"> <div style="width: 100%;height: auto;line-height: 60px;display: flex;justify-content: space-between;">
<div class="weather" style="float: left;margin-top: 10px;margin-left: 50px;"> <div class="weather" style="margin-top: 10px;width: 30%;padding-left: 50px;">
<iframe scrolling="no" src="https://tianqiapi.com/api.php?style=tb&skin=pitaya&color=0A9DCC" frameborder="0" width="350" height="24" allowtransparency="true"></iframe> <iframe scrolling="no" src="https://tianqiapi.com/api.php?style=tb&skin=pitaya&color=64FEFF" frameborder="0" width="350" height="24" allowtransparency="true"></iframe>
</div> </div>
<div class="righttime" style="float: right;margin-right: 50px;"> <div style="width: 40%;text-align: center;">
<img src="../ioc_frontweb/images/topban.png" alt="" style="width: 80%;margin-top: 10px;">
</div>
<div class="righttime" style="width: 30%;padding-right: 50px;text-align: right;">
<div id="top-right"> <div id="top-right">
<div id="item"> <div id="item">
<p id="itemone" style="color: #0A9DCC;"></p> <p id="itemone" style="color: #64FEFF;"></p>
<!-- <p id="itemtwo"></p> --> <!-- <p id="itemtwo"></p> -->
</div> </div>
<div id="item item1"> <div id="item item1">
...@@ -193,10 +196,7 @@ ...@@ -193,10 +196,7 @@
</div> </div>
</div> </div>
</div> </div>
<div style="width: 50%;text-align: center;margin-left: 25%;
background-image:-webkit-linear-gradient(bottom,#FFFFFF,#0A9DCC);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;font-size: 30px;margin-top: 40px;font-family: PangMenZhengDao-Regular, PangMenZhengDao;font-weight: 400;">应急可视化智慧调度系统</div>
</div> </div>
<div id="border"></div> <div id="border"></div>
<div id="leftBar"> <div id="leftBar">
...@@ -239,28 +239,29 @@ ...@@ -239,28 +239,29 @@
</div> --> </div> -->
<div class="alarm" id="alarm"> <div class="alarm" id="alarm">
</div> </div>
<div style="background: linear-gradient(to left,#111a2e,#64FEFF,#111a2e);height:1px;margin-top: 20px;margin-bottom: 20px;margin-left: 20px;width: 90%;"></div>
<div id="" class="leftBar-legend"> <div id="" class="leftBar-legend">
<div class="leftlegend"> <div class="leftlegend">
事件类型统计 事件类型统计
<img src="images/vector8.png" alt="" style="width: 14px;margin-right: 10px;"> <img src="images/vector8.png" alt="" style="width: 14px;margin-right: 10px;">
</div> </div>
<div class="echarts deviceNumPie" id="deviceNumPie"></div> <div class="echarts deviceNumPie" id="deviceNumPie"></div>
<div style="background: linear-gradient(to left,#111a2e,#64FEFF,#111a2e);height:1px;margin-top: 20px;margin-bottom: 30px;margin-left: 10px;width: 95%;"></div>
<div id="alarmList" class="right-alarm"> <div id="alarmList" class="right-alarm">
<div class="leftlegend">安全生产实时预警数据 <div class="leftlegend">安全生产实时预警数据
<img src="images/vector10.png" alt="" style="width: 14px;margin-right: 10px;"> <img src="images/vector10.png" alt="" style="width: 14px;margin-right: 10px;">
</div> </div>
<div class="listTitle"> <div class="listTitle">
<div style="width: 20%; overflow: hidden">所属单位</div> <div style="width: 20%; overflow: hidden;color: #64FEFF;">所属单位</div>
<div style="width: 15%; overflow: hidden">设备类型</div> <div style="width: 15%; overflow: hidden;color: #64FEFF;">设备类型</div>
<div style="width: 20%; overflow: hidden">预警信息</div> <div style="width: 20%; overflow: hidden;color: #64FEFF;">预警信息</div>
<div style="width: 30%; overflow: hidden">预警时间</div> <div style="width: 25%; overflow: hidden;color: #64FEFF;">预警时间</div>
<div style="width: 10%; overflow: hidden">状态</div> <div style="width: 15%; overflow: hidden;color: #64FEFF;">状态</div>
</div> </div>
<div class="listContent"></div> <div class="listContent"></div>
</div> </div>
<div style="background:linear-gradient(to left,#FFFFFF,#458dde,#FFFFFF);height:1px;"></div>
<ul id="legend"> <ul id="legend">
</ul> </ul>
...@@ -275,8 +276,8 @@ ...@@ -275,8 +276,8 @@
应急资源监控 应急资源监控
</div> </div>
<div style="width: 100%;height: auto;"> <div style="width: 100%;height: auto;">
<div style="float: left;width: 48%;height: auto;"> <div style="float: left;width: 45%;height: auto;">
<div class="echarts categoryAlarmNum" id="categoryAlarmNum" style="width: 100%;height: 220px;padding-left: 5px !important;padding-top: 3px !important;"></div> <div class="echarts categoryAlarmNum" id="categoryAlarmNum" style="width: 100%;height: 200px;padding-left: 5px !important;padding-top: 3px !important;"></div>
<div class="inyuan"> <div class="inyuan">
<p style="letter-spacing: 2px;margin-top: 30px;">设备总数</p> <p style="letter-spacing: 2px;margin-top: 30px;">设备总数</p>
<span class="wu" <span class="wu"
...@@ -332,7 +333,7 @@ ...@@ -332,7 +333,7 @@
</div> </div>
</div> </div>
<div style="background: linear-gradient(to left,#111a2e,#64FEFF,#111a2e);height:1px;margin-bottom: 20px;margin-left: 10px;width: 90%;"></div>
<div class="deviceNumLineout"> <div class="deviceNumLineout">
...@@ -341,8 +342,8 @@ ...@@ -341,8 +342,8 @@
预警数量 预警数量
</div> </div>
<div class="Linebutton"> <div class="Linebutton">
<button type="button" class="linebtn active">日</button> <button type="button" class="linebtn active">日统计</button>
<button type="button" class="linebtn">月</button> <button type="button" class="linebtn">月统计</button>
</div> </div>
<!-- 折线图 --> <!-- 折线图 -->
<!-- 为ECharts准备一个具备大小（宽高）的Dom --> <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
...@@ -350,7 +351,7 @@ ...@@ -350,7 +351,7 @@
<div class="echarts deviceNumLine deviceNumLinemouth" id="deviceNumLinemouth" style="width: 370px;height: 200px;margin-top: 50px;"></div> <div class="echarts deviceNumLine deviceNumLinemouth" id="deviceNumLinemouth" style="width: 370px;height: 200px;margin-top: 50px;"></div>
</div> </div>
<div style="background: linear-gradient(to left,#111a2e,#64FEFF,#111a2e);height:1px;margin-bottom: 30px;margin-left: 10px;width: 90%;margin-top: 15px;"></div>
...@@ -483,7 +484,7 @@ ...@@ -483,7 +484,7 @@
linebtn[i].onclick = function(){ linebtn[i].onclick = function(){
　　　　　　　　　　//对当前点击的按钮赋予active类名及显示当前按钮对应的内容 　　　　　　　　　　//对当前点击的按钮赋予active类名及显示当前按钮对应的内容
for(var j=0;j<linebtn.length;j++){ for(var j=0;j<linebtn.length;j++){
linebtn[j].className = linebtn[j].className.replace(' active', '').trim(); linebtn[j].className = linebtn[j].className.replace(' active', '').trim();
deviceNumLine[j].className = deviceNumLine[j].className.replace(' show', '').trim(); deviceNumLine[j].className = deviceNumLine[j].className.replace(' show', '').trim();
} }
this.className = this.className + ' active'; this.className = this.className + ' active';
...@@ -637,35 +638,33 @@ ...@@ -637,35 +638,33 @@
float: right; float: right;
} }
.linebtn{ .linebtn{
margin: 10px 5px; margin: 10px 5px;
width: 80px; padding: 5px;
width: 60px;
border: none; border: none;
outline: none; outline: none;
background-color: #126f7599; background: rgba(0,0,0,0);
color: #00F7DE; color: #fff;
border-radius: 5px; border-radius: 5px;
} }
.deviceNumLine{ .deviceNumLine{
margin: 10px auto; margin: 10px auto;
display: none; display: none;
} }
.linebtn.active{
background-color: #00F7DE;
color: #000000;
}
.deviceNumLine.show{ .deviceNumLine.show{
display:block; display:block;
} }
.inyuan { .inyuan {
width: 120px; width: 123px;
height: 120px; height: 123px;
border-radius: 50%; border-radius: 50%;
/* border: 2px solid #125c9b; */ /* border: 2px solid #125c9b; */
position: fixed; position: fixed;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: -170px; margin-top: -171px;
margin-left: 41px; margin-left: 34px;
font-size: 15px; font-size: 15px;
color: #cddbe4; color: #cddbe4;
text-align: center; text-align: center;
...@@ -675,7 +674,7 @@ ...@@ -675,7 +674,7 @@
} }
.usernum { .usernum {
float: left; float: left;
width: 52%; width: 55%;
text-align: center; text-align: center;
height: auto; height: auto;
margin-top: 35px; margin-top: 35px;
......
ioc_frontweb/js/map.js
View file @ 0c87b096
...@@ -607,7 +607,7 @@ function removeMaker(category) { ...@@ -607,7 +607,7 @@ function removeMaker(category) {
} else { } else {
for (var i in marker) { for (var i in marker) {
map.remove(marker[i]); map.remove(marker[i]);
$('#legend').find('li').removeClass('selected'); // $('#legend').find('li').removeClass('selected');
} }
} }
} }
......
ioc_frontweb/js/utils.js
View file @ 0c87b096
...@@ -219,7 +219,7 @@ function createDeviceAlarmNumBarChart(options) { ...@@ -219,7 +219,7 @@ function createDeviceAlarmNumBarChart(options) {
{ {
name: 'Access From', name: 'Access From',
type: 'pie', type: 'pie',
radius: ["75%", "65%"], radius: ["80%", "70%"],
// center: ["50%", "50%"], // center: ["50%", "50%"],
itemStyle: { itemStyle: {
borderRadius: 20, borderRadius: 20,
...@@ -407,41 +407,63 @@ function createLineChartmouth(options) { ...@@ -407,41 +407,63 @@ function createLineChartmouth(options) {
name: options.name, name: options.name,
eleId: options.eleId, eleId: options.eleId,
opts: { opts: {
grid:{ grid:{
x:50, x:50,
y:10, y:10,
x2:20, x2:20,
y2:40, y2:60,
borderWidth:1, borderWidth:1,
bottom:'15%' top: '15%',
}, bottom:'15%'
xAxis: { },
type: 'category', xAxis: {
// data: options.xAxisData, type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], // data: options.xAxisData,
axisLabel: { data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
textStyle: { axisLabel: {
color: '#ddd', textStyle: {
fontSize:'14', color: '#ddd',
}, },
rotate: 60, rotate: 60,
}, },
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
axisLabel: { axisLabel: {
textStyle: { textStyle: {
color: '#ddd', color: '#ddd',
}, fontSize:'14',
}, },
}, },
series: [ },
{ series: [
// data: options.seriesData, {
data: [120, 200, 150, 80, 70, 110, 130], // data: options.seriesData,
type: 'bar' data: [120, 200, 150, 80, 70, 110, 130],
} type: 'bar',
] barWidth: 12, //柱图宽度
itemStyle: {
normal: {
label: {
show: true, //开启显示
position: "top", //在上方显示
textStyle: {
//数值样式
color: "#688AB6",
fontSize: 12,
},
},
barBorderRadius: [5, 5, 0, 0],
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#DFB73E' },
{ offset: 0.5, color: '#DFB73E' },
{ offset: 1, color: '#141f364d' }
])
},
},
}
]
}, },
}; };
createEchart(opts); createEchart(opts);
...@@ -583,14 +605,14 @@ function createLegendList() { ...@@ -583,14 +605,14 @@ function createLegendList() {
tmpLi += tmpLi +=
'<li data-id="' + '<li data-id="' +
items[i].id + items[i].id +
'" class="legendItem "><div><img class="legendPic" style="padding: 7px 0;" src="./images/legend/' + '" class="legendItem active"><div><img class="legendPic" style="padding: 7px 0;" src="./images/legend/' +
items[i].legendCode + items[i].legendCode +
'.png" alt=""/><span class="legendTitle">' + '.png" alt=""/><span class="legendTitle">' +
items[i].legendName + items[i].legendName +
'</span></div><div class="legendchild">'; '</span></div><div class="legendchild">';
var children = items[i].childList; var children = items[i].childList;
for (var j = 0; j < children.length; ++j) { for (var j = 0; j < children.length; ++j) {
tmpLi += '<a data-id="' + children[j].id + '" href="#" title="' + children[j].legendName + '">' + children[j].legendName + '</a>'; tmpLi += '<a data-id="' + children[j].id + '" href="#" class="childa" title="' + children[j].legendName + '">' + children[j].legendName + '</a>';
} }
tmpLi += '</div></li>'; tmpLi += '</div></li>';
} }
...@@ -603,12 +625,19 @@ function createLegendList() { ...@@ -603,12 +625,19 @@ function createLegendList() {
legenditem[i].index = i; legenditem[i].index = i;
legenditem[i].onclick = function(){ legenditem[i].onclick = function(){
// alert() // alert()
var lc = this.lastChild; // var lc = this.lastChild;
if(lc.style.display = "none"){ // this.lastChild.style.display = "none";
lc.style.display = "block";
}else{ for(var j=0;j<legenditem.length;j++){
aa.style.display = "none"; legenditem[j].className = legenditem[j].className.replace(' active', '').trim();
// deviceNumLine[j].className = deviceNumLine[j].className.replace(' show', '').trim();
if(this.lastChild.style.display = "none"){
this.lastChild.style.display = "block";
}else{
this.lastChild.style.display = "none";
}
} }
this.className = this.className + ' active';
　　　　　　　　　　//对当前点击的按钮赋予active类名及显示当前按钮对应的内容 　　　　　　　　　　//对当前点击的按钮赋予active类名及显示当前按钮对应的内容
...@@ -1138,10 +1167,10 @@ function renderAlarmList(obj) { ...@@ -1138,10 +1167,10 @@ function renderAlarmList(obj) {
<div style="width: 20%; overflow: hidden;">${pageData[i].unitName}</div> <div style="width: 20%; overflow: hidden;">${pageData[i].unitName}</div>
<div style="width: 15%; overflow: hidden;">${pageData[i].typeName}</div> <div style="width: 15%; overflow: hidden;">${pageData[i].typeName}</div>
<div style="width: 20%; overflow: hidden;">${pageData[i].statusName}</div> <div style="width: 20%; overflow: hidden;">${pageData[i].statusName}</div>
<div style="width: 30%; overflow: hidden;">${new Date(pageData[i].alarmTime).toLocaleString('zh-CN', { <div style="width: 25%; overflow: hidden;">${new Date(pageData[i].alarmTime).toLocaleString('zh-CN', {
hour12: false, hour12: false,
})}</div> })}</div>
<div style="width: 10%; overflow: hidden;">${pageData[i].handledStatus}</div> <div style="width: 15%; overflow: hidden;">${pageData[i].handledStatus}</div>
</li>`; </li>`;
} }
tmpHtml += '</ul>'; tmpHtml += '</ul>';
......
ioc_frontweb/style/style.css
View file @ 0c87b096
...@@ -171,7 +171,7 @@ table.layui-table th { ...@@ -171,7 +171,7 @@ table.layui-table th {
width: 100%; width: 100%;
height: auto !important; height: auto !important;
padding: 10px; padding: 10px;
margin-top: 80px; margin-top: 30px;
margin-left: 5px; margin-left: 5px;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
...@@ -202,7 +202,8 @@ table.layui-table th { ...@@ -202,7 +202,8 @@ table.layui-table th {
-webkit-text-fill-color:transparent; -webkit-text-fill-color:transparent;
} }
.alarm .itemh2 { .alarm .itemh2 {
width: 100%; width: 95%;
margin-left: 10px;
height: 30px; height: 30px;
font-size: 15px; font-size: 15px;
text-align: right; text-align: right;
...@@ -227,12 +228,12 @@ table.layui-table th { ...@@ -227,12 +228,12 @@ table.layui-table th {
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
height: 18px; height: 18px;
color: rgb(235, 232, 232); color: #64FEFF;
margin: 5px 0; margin: 5px 0;
} }
#alarmList .listTitle { #alarmList .listTitle {
border-bottom: 2px solid #fff; border-bottom: 2px solid #c5bfbf;
margin-top: 25px; margin-top: 25px;
} }
...@@ -255,7 +256,7 @@ table.layui-table th { ...@@ -255,7 +256,7 @@ table.layui-table th {
} }
#alarmList .listContent li.odd { #alarmList .listContent li.odd {
background-color: rgba(102, 239, 252, 0.3); background-color: rgb(0 0 0 / 50%);
color: #fff; color: #fff;
} }
...@@ -283,10 +284,10 @@ table.layui-table th { ...@@ -283,10 +284,10 @@ table.layui-table th {
#legend { #legend {
overflow: hidden; overflow: hidden;
width: 200%; width: 200%;
margin-left: 650px; margin-left: 670px;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
margin-bottom: -35px; margin-bottom: 10px;
color: #ddd; color: #ddd;
} }
...@@ -310,12 +311,16 @@ table.layui-table th { ...@@ -310,12 +311,16 @@ table.layui-table th {
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
float: left; float: left;
background: url(../images/vector5.png); background: url(../images/re.png);
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
padding: 0 5px; padding: 0 5px;
margin-left: 10px; margin-left: 10px;
} }
.legendItem .active{
background: url(../images/vectorbot.png) no-repeat;
background-size: 100% 100%;
}
.legendchild{ .legendchild{
display: none; display: none;
width: auto; width: auto;
...@@ -330,10 +335,10 @@ table.layui-table th { ...@@ -330,10 +335,10 @@ table.layui-table th {
} }
.legendItem a.selected { .childa.selected {
background: rgb(34 62 107) url('../images/legend/selected.png') right top no-repeat !important; background: rgb(34 62 107) url('../images/legend/recta.png')no-repeat !important;
background-size: 100% 100%;
border-radius: 5px; border-radius: 5px;
background-size: 16px !important;
} }
.legendPic { .legendPic {
...@@ -448,7 +453,7 @@ table.layui-table th { ...@@ -448,7 +453,7 @@ table.layui-table th {
height: 100%; height: 100%;
z-index: 2; z-index: 2;
min-width: 1000px; min-width: 1000px;
background: url(../images/mapbg6.png) no-repeat; background: url(../images/borderban.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; position: absolute;
top: 0; top: 0;
...@@ -458,50 +463,55 @@ table.layui-table th { ...@@ -458,50 +463,55 @@ table.layui-table th {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
width: 22%; width: 22%;
height: 87%; height: 89%;
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
z-index: 2; z-index: 2;
background-size: 100% 100%; background-size: 100% 100%;
margin-top: 3%; margin-top: 4.5%;
margin-left: 2%; margin-left: 1%;
background: url(../images/mapl.png)no-repeat;
background-size: 100% 100%;
} }
#rightBar{ #rightBar{
/* background: url(../images/mapright1.png); */ /* background: url(../images/mapright1.png); */
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
width: 22%; width: 22%;
height: 87%; height: 89%;
position: fixed; position: fixed;
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
z-index: 2; z-index: 2;
background-size: 100% 100%; background-size: 100% 100%;
margin-top: 3%; margin-top: 4.5%;
margin-right: 3%; margin-right: 1%;
background: url(../images/mapr.png)no-repeat;
background-size: 100% 100%;
} }
.right-bar{ .right-bar{
width: 100%; width: 100%;
height: auto !important; height: auto !important;
padding: 10px; padding: 10px;
margin-right: 5px; margin-right: 10px;
margin-top: 80px; margin-top: 20px;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
} }
.leftBar-legend{ .leftBar-legend{
width: 100%; width: 96%;
height: auto !important; height: auto !important;
padding: 10px; padding: 10px;
margin-left: 5px; margin-left: 20px;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
} }
.leftlegend{ .leftlegend{
width: 100%; width: 95%;
margin-left: 10px;
height: 30px; height: 30px;
font-size: 15px; font-size: 15px;
text-align: right; text-align: right;
...@@ -510,13 +520,12 @@ table.layui-table th { ...@@ -510,13 +520,12 @@ table.layui-table th {
background-image: linear-gradient(to right,rgb(21 34 60 / 50%), rgb(29 45 78 / 70%) 50%);; background-image: linear-gradient(to right,rgb(21 34 60 / 50%), rgb(29 45 78 / 70%) 50%);;
} }
.rightlegend{ .rightlegend{
width: 100%; width: 95%;
height: 30px; height: 30px;
font-size: 15px; font-size: 15px;
line-height: 30px; line-height: 30px;
color: #fff; color: #fff;
text-align: left; text-align: left;
margin-left: 10px;
background-image: linear-gradient(to left,rgb(21 34 60 / 50%), rgb(29 45 78 / 70%) 50%); background-image: linear-gradient(to left,rgb(21 34 60 / 50%), rgb(29 45 78 / 70%) 50%);
} }
.deviceNumPieout{ .deviceNumPieout{
...@@ -526,7 +535,7 @@ table.layui-table th { ...@@ -526,7 +535,7 @@ table.layui-table th {
user-select: none; user-select: none;
} }
.deviceNumLineout{ .deviceNumLineout{
width: 100%; width: 92%;
height: auto !important; height: auto !important;
padding: 10px; padding: 10px;
margin-right: 5px; margin-right: 5px;
...@@ -990,7 +999,7 @@ table.layui-table th { ...@@ -990,7 +999,7 @@ table.layui-table th {
margin-top: 10px; margin-top: 10px;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
width: 100%; width: 95%;
} }
.msgWrap .dutyinfo::-webkit-scrollbar { .msgWrap .dutyinfo::-webkit-scrollbar {
/*滚动条整体样式*/ /*滚动条整体样式*/
...@@ -1029,12 +1038,18 @@ table.layui-table th { ...@@ -1029,12 +1038,18 @@ table.layui-table th {
height: 40px; height: 40px;
width: 100%; width: 100%;
} }
.msgWrap .dutyinfo dl dt, .msgWrap .dutyinfo dl dt{
color: #64FEFF;
box-sizing: border-box;
width: 33%;
font-size: 0.9rem;
border-bottom: 1px solid #fff;
float: left;
}
.msgWrap .dutyinfo dl dd { .msgWrap .dutyinfo dl dd {
box-sizing: border-box; box-sizing: border-box;
width: 33%; width: 33%;
font-size: 0.9rem; font-size: 0.9rem;
border: 1px solid #fff;
color: #fff; color: #fff;
float: left; float: left;
} }
...@@ -1261,6 +1276,8 @@ table.layui-table th { ...@@ -1261,6 +1276,8 @@ table.layui-table th {
margin-bottom: 40px; margin-bottom: 40px;
margin-left: 30px; margin-left: 30px;
border: 1px solid #183158; border: 1px solid #183158;
background: url(../images/groupshi.png)no-repeat;
background-size: 100% 100%;
} }
.escbox-tip-a { .escbox-tip-a {
} }
...@@ -1586,14 +1603,17 @@ div[lay-id='members'] thead tr:nth-child(1) { ...@@ -1586,14 +1603,17 @@ div[lay-id='members'] thead tr:nth-child(1) {
left: 0; left: 0;
width: 50px !important; width: 50px !important;
height: 20px; height: 20px;
color: #333; color: #fff;
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
line-height: 20px; line-height: 20px;
background: #fff; background: #152136;
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
} }
.amap-maptype-title:hover{
background: #152136;
}
.amap-maptype-list { .amap-maptype-list {
width: 50px !important; width: 50px !important;
border-radius: 5px !important; border-radius: 5px !important;
...@@ -1612,7 +1632,7 @@ div[lay-id='members'] thead tr:nth-child(1) { ...@@ -1612,7 +1632,7 @@ div[lay-id='members'] thead tr:nth-child(1) {
height: 20px; height: 20px;
margin: 0; margin: 0;
cursor: pointer; cursor: pointer;
background: #fff; background: #152136;
} }
.amap-maptype-check { .amap-maptype-check {
display: inline-block; display: inline-block;
...@@ -1624,8 +1644,13 @@ div[lay-id='members'] thead tr:nth-child(1) { ...@@ -1624,8 +1644,13 @@ div[lay-id='members'] thead tr:nth-child(1) {
display: inline-block; display: inline-block;
width: 30px !important; width: 30px !important;
height: 15px; height: 15px;
color: #333; color: #fff;
font-size: 12px; font-size: 12px;
line-height: 15px; line-height: 15px;
margin-left: 3px !important; margin-left: 3px !important;
}
.linebtn.active{
background: url(../images/year.png);
background-size: 100% 100%;
color: #fff;
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment