Compare commits
2 Commits
414dad7045
...
062b4865ec
| Author | SHA1 | Date |
|---|---|---|
 luoshiwen
|
062b4865ec | |
|
luoshiwen
|
438394f8b4 |
|
|
@ -1,19 +1,75 @@
|
|||
.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
|
||||
border: none;
|
||||
}
|
||||
.el-table::before{
|
||||
height: 0;
|
||||
}
|
||||
.el-tooltip__popper{
|
||||
max-width: 600px;
|
||||
}
|
||||
.el-pagination__total{
|
||||
color: #fff;
|
||||
}
|
||||
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev{
|
||||
color: #fff;
|
||||
}
|
||||
.el-pager li{
|
||||
color: #fff;
|
||||
background-color: transparent;
|
||||
}
|
||||
.el-pagination .btn-next, .el-pagination .btn-prev{
|
||||
background-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.el-pagination button:disabled{
|
||||
background-color: transparent;
|
||||
}
|
||||
.more_dialog .el-pagination{
|
||||
text-align: right;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.pv_dialog {
|
||||
width: 1360px;
|
||||
height: 1120px;
|
||||
background-image: url(../images/dialogCenter/center-bg.png);
|
||||
}
|
||||
.more_dialog{
|
||||
width: 1360px;
|
||||
height: 752px;
|
||||
background-image: url(../images/dialogCenter/more-bg.png);
|
||||
}
|
||||
.more_search{
|
||||
margin-bottom: 16px;
|
||||
color:#fff;
|
||||
}
|
||||
.more_search .el-input__inner{
|
||||
background: url(../images/dialogCenter/more-search.png);
|
||||
background-size: 100% 100%;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
}
|
||||
.more_table{
|
||||
height: 550px;
|
||||
}
|
||||
.more_dialog .cell{
|
||||
/* display: -webkit-box;
|
||||
-webkit-line-clamp: 1; */
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.more_dialog,.pv_dialog{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
background-image: url(../images/dialogCenter/center-bg.png);
|
||||
background-size: 100% 100%;
|
||||
padding: 14px 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.pv_title {
|
||||
.pv_title,.more_title{
|
||||
color: rgba(16, 32, 48, 1);
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
|
|
@ -97,11 +153,11 @@
|
|||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.pv_table .el-table {
|
||||
.pv_table .el-table,.more_dialog .el-table {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.pv_table .el-table th.el-table__cell {
|
||||
.pv_table .el-table th.el-table__cell ,.more_dialog .el-table th.el-table__cell{
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
|
|
@ -109,6 +165,7 @@
|
|||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
|
||||
.pv_cell {
|
||||
height: 50px !important;
|
||||
color: #fff !important;
|
||||
|
|
|
|||
105
css/index.css
105
css/index.css
|
|
@ -6,6 +6,7 @@
|
|||
|
||||
html,
|
||||
body {
|
||||
user-select: none;
|
||||
/* width: 3158px;
|
||||
*/
|
||||
/* width: 100%;
|
||||
|
|
@ -19,6 +20,7 @@ body {
|
|||
}
|
||||
/* 背景头部的css */
|
||||
.top_bg {
|
||||
|
||||
width: 3158px;
|
||||
height: 132px;
|
||||
/* width: 100%;
|
||||
|
|
@ -141,8 +143,8 @@ body {
|
|||
}
|
||||
|
||||
.content_bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 3158px;
|
||||
height: 1368px;
|
||||
|
||||
|
||||
/* width: 3158px;
|
||||
|
|
@ -344,7 +346,15 @@ body {
|
|||
background-size: 100% 100%;
|
||||
|
||||
}
|
||||
|
||||
.border_k .k_value{
|
||||
font-weight: normal;
|
||||
position: relative;
|
||||
top: 20px;
|
||||
}
|
||||
.border_k .k_value span:nth-child(2n){
|
||||
padding: 10px;
|
||||
background-color: rgba(13, 134, 127, 0.8);
|
||||
}
|
||||
.left-plate {
|
||||
position: relative;
|
||||
width: 26.75%;
|
||||
|
|
@ -533,13 +543,34 @@ body {
|
|||
background-image: url(../images/border_x.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
/* 预警标题 */
|
||||
.alnot_h {
|
||||
display: flex;
|
||||
margin: 20px 0 15px 15px;
|
||||
.bottom_box>div{
|
||||
position: relative;
|
||||
background-image: url(../images//border_d.png);
|
||||
background-size: 100% 100%;
|
||||
width: 32.7%;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
/* 预警标题 */
|
||||
.alnot_h,.order-title{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 15px;
|
||||
/* margin: 20px 0 15px 15px; */
|
||||
}
|
||||
.alnot_h>section,.order-title>section{
|
||||
display: flex;
|
||||
}
|
||||
.alnot_h>span,.order-title>span{
|
||||
color:rgba(34, 227, 255, 1);
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
}
|
||||
.order-title>span{
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.alnot_h p {
|
||||
width: 152px;
|
||||
height: 42px;
|
||||
|
|
@ -638,21 +669,18 @@ body {
|
|||
|
||||
/* 预警内容样式 */
|
||||
.alnot_c {
|
||||
width: 796px;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.alnot_border {
|
||||
background-image: url(../images/border-bottom1.png);
|
||||
background-size: 100% 100%;
|
||||
height: 236px;
|
||||
height: 229px;
|
||||
overflow-y: scroll;
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
.alnot_box {
|
||||
height: 229px;
|
||||
}
|
||||
|
||||
.alnot_border::-webkit-scrollbar {
|
||||
display: none;
|
||||
height: 0;
|
||||
|
|
@ -660,7 +688,7 @@ body {
|
|||
|
||||
.al_header {
|
||||
display: flex;
|
||||
width: 796px;
|
||||
width: 100%;
|
||||
height: 46px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url(../images/rect_6.png);
|
||||
|
|
@ -670,14 +698,15 @@ body {
|
|||
text-transform: uppercase;
|
||||
line-height: 46px;
|
||||
}
|
||||
|
||||
.al_header p{
|
||||
/* padding: 0 15px; */
|
||||
flex: 1;
|
||||
}
|
||||
.alnot_c p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.table_c p>span {
|
||||
|
||||
|
||||
display: -webkit-box !important;
|
||||
overflow: hidden;
|
||||
word-break: break-all;
|
||||
|
|
@ -690,11 +719,12 @@ body {
|
|||
|
||||
.table_c .sub,
|
||||
.table_c .mainContent {
|
||||
padding: 10px 20px 10px;box-sizing: border-box;
|
||||
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.table_c p {
|
||||
height: 59px;
|
||||
height: 76px;
|
||||
/* line-height: 59px; */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
@ -713,10 +743,13 @@ body {
|
|||
} */
|
||||
.alnot_c .table_c {
|
||||
display: flex;
|
||||
width: 796px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.alnot_c .table_c>p{
|
||||
flex: 1;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.alnot_c .tip1:nth-child(2n) {
|
||||
background: url(../images/mark_tableC.png) no-repeat center center/98% 100%;
|
||||
|
||||
|
|
@ -767,7 +800,7 @@ body {
|
|||
|
||||
.table_c_2 {
|
||||
height: 76px;
|
||||
width: 854px !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.table_c_2:hover>.tip_mack1 {
|
||||
|
|
@ -780,7 +813,7 @@ body {
|
|||
|
||||
.order-title {
|
||||
display: flex;
|
||||
margin: 20px 0 15px 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.order-title p {
|
||||
|
|
@ -825,14 +858,22 @@ body {
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.order-title .order-active3 {
|
||||
width: 192px;
|
||||
background-image: url(../images/三相不平衡-选中.png);
|
||||
width: 190px;
|
||||
background-image: url(../images/电压异常-选中.png);
|
||||
background-size: 100% 100%;
|
||||
right: 69px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.order-title .order-active4{
|
||||
width: 192px;
|
||||
background-image: url(../images/三相不平衡-选中.png);
|
||||
background-size: 100% 100%;
|
||||
right: 92px;
|
||||
color: #fff;
|
||||
}
|
||||
.order-title .o1 {
|
||||
width: 190px;
|
||||
background-image: url(../images/order2.png);
|
||||
|
|
@ -848,12 +889,18 @@ body {
|
|||
}
|
||||
|
||||
.order-title .o3 {
|
||||
width: 192px;
|
||||
background-image: url(../images/order4.png);
|
||||
width: 190px;
|
||||
background-image: url(../images/order2.png);
|
||||
background-size: 100% 100%;
|
||||
right: 69px;
|
||||
}
|
||||
|
||||
.order-title .o4 {
|
||||
width: 192px;
|
||||
background-image: url(../images/order4.png);
|
||||
background-size: 100% 100%;
|
||||
right: 92px;
|
||||
}
|
||||
.order-content {
|
||||
padding: 0 30px 0;
|
||||
box-sizing: border-box;
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 355 B |
1067
index.html
1067
index.html
File diff suppressed because it is too large
Load Diff
|
|
@ -1,4 +1,4 @@
|
|||
const config = {
|
||||
// baseUrl: 'http://172.16.1.254:3224'
|
||||
baseUrl:'http://22.46.101.67:3222'
|
||||
baseUrl: 'http://172.16.1.254:3224'
|
||||
// baseUrl:'http://22.46.101.67:3222'
|
||||
}
|
||||
|
|
@ -0,0 +1,197 @@
|
|||
{
|
||||
"table1":[
|
||||
{
|
||||
"th":"主题",
|
||||
"tr":"zt"
|
||||
},
|
||||
{
|
||||
"th":"事由",
|
||||
"tr":"reason"
|
||||
},
|
||||
{
|
||||
"th":"风险等级",
|
||||
"tr":"fxdj"
|
||||
},
|
||||
{
|
||||
"th":"开始时间",
|
||||
"tr":"start_time"
|
||||
},
|
||||
{
|
||||
"th":"结束时间",
|
||||
"tr":"end_time"
|
||||
}
|
||||
],
|
||||
"table2":[
|
||||
{
|
||||
"th":"保电项目名称",
|
||||
"tr":"bdxmmc"
|
||||
},
|
||||
{
|
||||
"th":"保电地点",
|
||||
"tr":"bddd"
|
||||
},
|
||||
{
|
||||
"th":"时间",
|
||||
"tr":"sj"
|
||||
},
|
||||
{
|
||||
"th":"保电等级",
|
||||
"tr":"bddj"
|
||||
},
|
||||
{
|
||||
"th":"保电线路",
|
||||
"tr":"bdxl"
|
||||
}
|
||||
],
|
||||
"table3":[
|
||||
{
|
||||
"th":"序号",
|
||||
"tr":"id"
|
||||
},
|
||||
{
|
||||
"th":"停电路线",
|
||||
"tr":"tdlx"
|
||||
},
|
||||
{
|
||||
"th":"停电范围",
|
||||
"tr":"tdfw"
|
||||
},
|
||||
{
|
||||
"th":"停电涉及的配变名称",
|
||||
"tr":"tdpbname",
|
||||
"flex":1.5
|
||||
},
|
||||
{
|
||||
"th":"日期",
|
||||
"tr":"repair_date"
|
||||
},
|
||||
{
|
||||
"th":"开工时间",
|
||||
"tr":"start_time"
|
||||
},
|
||||
{
|
||||
"th":"竣工时间",
|
||||
"tr":"end_time"
|
||||
},
|
||||
{
|
||||
"th":"工作内容",
|
||||
"tr":"job_content"
|
||||
}
|
||||
],
|
||||
"table4":[
|
||||
{
|
||||
"th":"序号",
|
||||
"tr":"index"
|
||||
},
|
||||
{
|
||||
"th":"线路名称",
|
||||
"tr":"xlmc"
|
||||
},
|
||||
{
|
||||
"th":"停(送)点线段",
|
||||
"tr":"tsdxd"
|
||||
},
|
||||
{
|
||||
"th":"操作性质",
|
||||
"tr":"czxz"
|
||||
},
|
||||
{
|
||||
"th":"日期",
|
||||
"tr":"rq"
|
||||
},
|
||||
{
|
||||
"th":"停电时间",
|
||||
"tr":"tdsj"
|
||||
},
|
||||
{
|
||||
"th":"送电时间",
|
||||
"tr":"sdsj"
|
||||
},
|
||||
{
|
||||
"th":"工作内容",
|
||||
"tr":"gznr"
|
||||
}
|
||||
],
|
||||
"table5":[],
|
||||
"table6":[
|
||||
{
|
||||
"th":"指令票张数",
|
||||
"tr":"zlp_zs"
|
||||
},
|
||||
{
|
||||
"th":"指令票张数增长率(%)",
|
||||
"tr":"zlp_zs_zzl",
|
||||
"flex":1.5
|
||||
},
|
||||
{
|
||||
"th":"指令票项数",
|
||||
"tr":"zlp_xs"
|
||||
},
|
||||
{
|
||||
"th":"指令票项数增长率(%)",
|
||||
"tr":"zlp_xs_zzl" ,
|
||||
"flex":1.5
|
||||
},
|
||||
{
|
||||
"th":"许可票张数",
|
||||
"tr":"xkp_zs"
|
||||
},
|
||||
{
|
||||
"th":"许可票张数增长率(%)",
|
||||
"tr":"xkp_zs_zzl",
|
||||
"flex":1.5
|
||||
},
|
||||
{
|
||||
"th":"许可票项数",
|
||||
"tr":"xkp_xs"
|
||||
},
|
||||
{
|
||||
"th":"许可票项数增长率(%)",
|
||||
"tr":"xkp_xs_zzl",
|
||||
"flex":1.5
|
||||
}
|
||||
],
|
||||
"table7":[
|
||||
{
|
||||
"th":"序号",
|
||||
"tr":"index"
|
||||
},
|
||||
{
|
||||
"th":"线路名称",
|
||||
"tr":"line_name"
|
||||
},
|
||||
{
|
||||
"th":"台区",
|
||||
"tr":"line_name"
|
||||
},
|
||||
{
|
||||
"th":"配变容量(kVA)",
|
||||
"tr":"pbrl",
|
||||
"flex":1.5
|
||||
|
||||
},
|
||||
{
|
||||
"th":"异常类型",
|
||||
"tr":"exception_type"
|
||||
|
||||
},
|
||||
{
|
||||
"th":"异常发现日期",
|
||||
"tr":"exception_date",
|
||||
"flex":1.5
|
||||
},
|
||||
{
|
||||
"th":"峰值负载率(%)",
|
||||
"tr":"fenzhi_fzl",
|
||||
"flex":1.5
|
||||
},
|
||||
{
|
||||
"th":"峰值时间",
|
||||
"tr":"fenzhi_time"
|
||||
},
|
||||
{
|
||||
"th":"供电网格",
|
||||
"tr":"power_net"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
// import postcssrc from "../postcssrc.config";
|
||||
// const baseSize = 36;
|
||||
|
||||
function setRem() {
|
||||
// 1920 默认大小16px; 1920px = 120rem ;每个元素px基础上/16 这里是16就是初始化根元素px大小
|
||||
const screenWidth = 3158
|
||||
const scale = screenWidth / 22.8
|
||||
const htmlWidth = document.documentElement.clientWidth || document.body.clientWidth
|
||||
// 得到html的Dom元素
|
||||
const htmlDom = document.getElementsByTagName('html')[0]
|
||||
console.log(htmlWidth / scale,'htmlWidth');
|
||||
// 设置根元素字体大小
|
||||
htmlDom.style.fontSize = htmlWidth / scale + 'px'
|
||||
}
|
||||
|
||||
// 1579*684
|
||||
setRem();
|
||||
window.onresize = function () {
|
||||
setRem();
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,14 @@
|
|||
{
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"build": "postcss css/index.css -o dist/style.css"
|
||||
},
|
||||
"devDependencies": {
|
||||
"postcss": "^8.4.49",
|
||||
"postcss-cli": "^11.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"postcss-pxtorem": "^6.1.0"
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
module.exports = {
|
||||
plugins: [
|
||||
require('postcss-pxtorem')({
|
||||
rootValue: 22,
|
||||
propList: ['*'],
|
||||
minPixelValue: 2 // 设置最小的转换数值，如果为1的话，只有2px以上的值才会被转换
|
||||
}),
|
||||
// 其他插件...
|
||||
],
|
||||
};
|
||||
Loading…
Reference in New Issue