Commit 7d45bda3 authored by yaqizhang's avatar yaqizhang

大屏预警信息样式

parent 96ab88e2
...@@ -249,7 +249,7 @@ main > div .el-table { ...@@ -249,7 +249,7 @@ main > div .el-table {
.popup{ .popup{
width: 500px; width: 500px;
height: auto; height: auto;
background: #fff; background: rgb(2, 40, 90,0.9);
padding: 10px; padding: 10px;
position: relative; position: relative;
border: 1px solid #030303; border: 1px solid #030303;
...@@ -281,28 +281,29 @@ main > div .el-table { ...@@ -281,28 +281,29 @@ main > div .el-table {
top: 5px; top: 5px;
font-size: 2em; font-size: 2em;
cursor: pointer; cursor: pointer;
color: #fff;
} }
.windowDg { .windowDg {
width: 100%; width: 100%;
height: auto; height: auto;
overflow: hidden; overflow: hidden;
padding: 0 10px;
font-family: "黑体", Arial, Helvetica, sans-serif; font-family: "黑体", Arial, Helvetica, sans-serif;
h3 { h3 {
text-align: center; text-align: center;
font-size: 1.1em; font-size: 1.1em;
margin: 5px 0; margin: 5px 0;
color: #fff;
} }
p { p {
margin: 0; margin: 0;
line-height: 2; line-height: 2;
color: #188678; color: #31dcc4;
border-bottom: 1px #dadada dashed; border-bottom: 1px #dadada dashed;
width: 50%; width: 50%;
display: inline-block; display: inline-block;
span { span {
display: inline-block; display: inline-block;
color: #333; color: #fff;
} }
} }
.wxyWrap { .wxyWrap {
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</div> </div>
<div style=""> <div style="">
<div style="width: 500px;height: 100%;z-index: 11;background-color: rgba(2, 40, 90, 0.8);position: absolute;top: 0;left: 10px;float: left;"> <div style="width: 500px;height: 100%;z-index: 11;background-color: rgba(2, 40, 90, 0.7);position: absolute;top: 0;left: 10px;float: left;">
<QyMapone></QyMapone> <QyMapone></QyMapone>
</div> </div>
<div class="markBox"> <div class="markBox">
......
...@@ -36,9 +36,9 @@ ...@@ -36,9 +36,9 @@
<div id="main2" style="width:450px;height:340px;"></div> <div id="main2" style="width:450px;height:340px;"></div>
</div> </div>
</dv-border-box-12> </dv-border-box-12>
<div class="div-table" style="width:480px;height: 380px;margin-top: 20px;"> <div class="div-table" style="width:480px;margin-top: 20px;background-color: rgb(0, 0, 0,0);">
<div style="width: 100%;height: 40px;text-align: center;font-size: 18px; line-height: 40px;color: #fff;font-weight: 900;">预警信息</div> <div style="width: 100%;height: 40px;text-align: center;font-size: 18px; line-height: 40px;color: #fff;font-weight: 900;">预警信息</div>
<el-table :data="$data.tableData" stripe height="220" border :header-cell-style="{background:'#02285a',color:'#fff',}"> <el-table :data="$data.tableData" stripe border :header-cell-style="{background:'#02285a',color:'#fff',}">
<el-table-column prop="unitName" label="企业名称" width="110"></el-table-column> <el-table-column prop="unitName" label="企业名称" width="110"></el-table-column>
<el-table-column prop="alarmInfo" label="预警信息" width="110"> <el-table-column prop="alarmInfo" label="预警信息" width="110">
<template slot-scope="scope"> <template slot-scope="scope">
...@@ -256,6 +256,22 @@ export default { ...@@ -256,6 +256,22 @@ export default {
background-color: #2c5794 !important; background-color: #2c5794 !important;
} }
.pie .div-table .el-table--border, .el-table--group { .pie .div-table .el-table--border, .el-table--group {
border: 1px solid #2e6099 !important; height: 200px;
border: 0px solid !important;
background-color: rgb(0, 0, 0,0);
} }
body .el-table::before {
z-index: inherit;
height: 0px;
}
body .el-table::after {
width: 0px ;
}
body.el-table::before {
height: 0px;
}
body.el-table--border {
border: 0px !important;
}
</style> </style>
\ 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