css/dialog.css

@@ -1,75 +1,19 @@
-.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,.more_title{
+
+.pv_title {
     color: rgba(16, 32, 48, 1);
     font-weight: bold;
     font-size: 16px;
@@ -153,11 +97,11 @@
     background-size: 100% 100%;
 }
 
-.pv_table .el-table,.more_dialog .el-table {
+.pv_table .el-table {
     background-color: transparent !important;
 }
 
-.pv_table .el-table th.el-table__cell ,.more_dialog .el-table th.el-table__cell{
+.pv_table .el-table th.el-table__cell {
     background-color: transparent !important;
 }
 
@@ -165,7 +109,6 @@
     background-color: transparent !important;
 }
 
-
 .pv_cell {
     height: 50px !important;
     color: #fff !important;

css/index.css

@@ -6,7 +6,6 @@
 
 html,
 body {
-    user-select: none;
     /* width: 3158px;
      */
      /* width: 100%;
@@ -20,7 +19,6 @@ body {
 } 
 /* 背景头部的css */
 .top_bg {
-
     width: 3158px;
     height: 132px;
     /* width: 100%;
@@ -143,8 +141,8 @@ body {
 }
 
 .content_bg {
-    width: 3158px;
+    width: 100%;
-    height: 1368px;
+    height: 100%;
      
     
     /* width: 3158px;
@@ -346,15 +344,7 @@ 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%;
@@ -543,34 +533,13 @@ body {
     background-image: url(../images/border_x.png);
     background-size: 100% 100%;
 }
-.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{
+.alnot_h {
     display: flex;
-    justify-content: space-between;
+    margin: 20px 0 15px 15px;
-    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;
@@ -669,18 +638,21 @@ body {
 
 /* 预警内容样式 */
 .alnot_c {
-    width: 100%;
+    width: 796px;
+    margin: 0 auto;
 }
 
 .alnot_border {
     background-image: url(../images/border-bottom1.png);
     background-size: 100% 100%;
-    height: 229px;
+    height: 236px;
     overflow-y: scroll;
     scrollbar-width: none;
     -ms-overflow-style: none;
 }
-
+.alnot_box {
+    height: 229px;
+}
 .alnot_border::-webkit-scrollbar {
     display: none;
     height: 0;
@@ -688,7 +660,7 @@ body {
 
 .al_header {
     display: flex;
-    width: 100%;
+    width: 796px;
     height: 46px;
     background-size: 100% 100%;
     background-image: url(../images/rect_6.png);
@@ -698,15 +670,14 @@ 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;
@@ -719,12 +690,11 @@ body {
 
 .table_c .sub,
 .table_c .mainContent {
-   
+    padding: 10px 20px 10px;box-sizing: border-box;
-    box-sizing: border-box;
 }
 
 .table_c p {
-    height: 76px;
+    height: 59px;
     /* line-height: 59px; */
     justify-content: center;
     align-items: center;
@@ -743,13 +713,10 @@ body {
 } */
 .alnot_c .table_c {
     display: flex;
-    width: 100%;
+    width: 796px;
     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%;
 
@@ -800,7 +767,7 @@ body {
 
 .table_c_2 {
     height: 76px;
-    width: 100% !important;
+    width: 854px !important;
 }
 
 .table_c_2:hover>.tip_mack1 {
@@ -813,7 +780,7 @@ body {
 
 .order-title {
     display: flex;
-    margin-bottom: 15px;
+    margin: 20px 0 15px 15px;
 }
 
 .order-title p {
@@ -858,22 +825,14 @@ body {
     color: #fff;
 }
 
-
 .order-title .order-active3 {
-    width: 190px;
+    width: 192px;
-    background-image: url(../images/电压异常-选中.png);
+    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);
@@ -889,18 +848,12 @@ body {
 }
 
 .order-title .o3 {
-    width: 190px;
+    width: 192px;
-    background-image: url(../images/order2.png);
+    background-image: url(../images/order4.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;

js/config.js

@@ -1,4 +1,4 @@
 const config = {
-    baseUrl: 'http://172.16.1.254:3224'
+    // baseUrl: 'http://172.16.1.254:3224'
-    // baseUrl:'http://22.46.101.67:3222'
+    baseUrl:'http://22.46.101.67:3222'
 }

js/data.json

@@ -1,197 +0,0 @@
-{
-    "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"
-        }
-    ]
-   }

js/rem.js

@@ -1,20 +0,0 @@
-// 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();
-}

package.json

@@ -1,14 +0,0 @@
-{
-  "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"
-  }
-  
-}

postcss.config.js

@@ -1,10 +0,0 @@
-module.exports = {
-    plugins: [
-      require('postcss-pxtorem')({
-        rootValue: 22,
-        propList: ['*'],
-        minPixelValue: 2 // 设置最小的转换数值，如果为1的话，只有2px以上的值才会被转换
-      }),
-      // 其他插件...
-    ],
-  };