系统配置微调

src/views/xtpzyrz/xtpz/xtpz.vue

@@ -5,10 +5,11 @@
                  style="font-family: AliMaMa;font-size: 30px;font-weight: 1000;text-align: left;height: 40px">
                 <span style="position: absolute;top:-3px;left: 70px">风电</span>
             </div>
-            <el-row :gutter="20">
+            <el-row :gutter="10" style="width: 99%;padding-left: 22px">
                 <el-button
                         id="message_btn1"
                         class="el-icon-blue-left"
+                        style="text-align: right"
                 >断面
                 </el-button>
                 <el-button
@@ -48,7 +49,7 @@
                     :header-cell-style="{color:'#fff'}"
                     :row-style="{backgroundColor:'rgb(4,66,115,0.3)'}"
                     size="mini"
-                    style="width: 1429px;font-size: 17px;background: none"
+                    style="width: 1429px;font-size: 17px;background: none;padding-left: 15px"
             >
                 <el-table-column
                         align="center"
@@ -191,7 +192,8 @@ export default {
         //弹框
         cancelForm() {
             this.getmessage = false
-        }
+        },
+
     },
     mounted() {
         const tableDataList = require('./xtpzdata.json');
@@ -210,7 +212,10 @@ export default {
 
 body {
   border: 0;
-  background-image: url(./img/beijing.png)
+  background-image: url(./img/beijing.png);
+  width: 100%;
+  height: calc(100vh);
+  background-size: 100% 100%;
 }
 
 /deep/ .el-table__header tr {
@@ -219,6 +224,25 @@ body {
 
 }
 
+.el-button:active {
+  background-color:transparent !important;
+  font-weight: bold;
+}
+/*按钮悬浮*/
+.el-button:hover {
+  background-color:transparent !important;
+  color: white !important;
+  font-weight: bold;
+  border-color: #01a8f9 !important;
+}
+/*按钮点击*/
+.el-button:focus {
+  background-color:transparent !important;
+  color: white !important;
+  font-weight: bold;
+
+  border-color: #01a8f9 !important;
+}
 .el-divider--horizontal {
   margin: 8px 0;
   background: 0 0;
@@ -231,13 +255,14 @@ body {
 .el-icon-blue-left {
   background: url("./img/bluebtn.png");
   width: 100px;
-  height: 40px;
+  height: 45px;
   padding-top: 8px;
   font-size: 25px;
   color: whitesmoke;
   border: 0px dashed;
   background-repeat: no-repeat;
   float: left;
+  padding-left: 15px;
 }
 
 .el-icon-red-right {
@@ -370,9 +395,13 @@ body {
 /deep/ .el-form-item__label {
   color: white;
 }
-
+.table-box {
+  min-height: 600px;
+  padding-left: 2px;
+  background-size: cover;
+}
 .table-wrapper {
-  width: 1483px;
+  width: 1450px;
   padding-left: 20px;
 
   .table-box {

src/views/xtpzyrz/xtpz/xtpzdata.json

@@ -35,6 +35,55 @@
     "to": "庆云",
     "height": "200",
     "low": "250"
+},{
+    "xtpzName": "汗海-庆云断面",
+    "xtpzStatus": "启用",
+    "from": "汗海",
+    "to": "庆云",
+    "height": "200",
+    "low": "250"
+},{
+    "xtpzName": "汗海-庆云断面",
+    "xtpzStatus": "启用",
+    "from": "汗海",
+    "to": "庆云",
+    "height": "200",
+    "low": "250"
+},{
+    "xtpzName": "汗海-庆云断面",
+    "xtpzStatus": "启用",
+    "from": "汗海",
+    "to": "庆云",
+    "height": "200",
+    "low": "250"
+},{
+    "xtpzName": "汗海-庆云断面",
+    "xtpzStatus": "启用",
+    "from": "汗海",
+    "to": "庆云",
+    "height": "200",
+    "low": "250"
+},{
+    "xtpzName": "汗海-庆云断面",
+    "xtpzStatus": "启用",
+    "from": "汗海",
+    "to": "庆云",
+    "height": "200",
+    "low": "250"
+},{
+    "xtpzName": "汗海-庆云断面",
+    "xtpzStatus": "启用",
+    "from": "汗海",
+    "to": "庆云",
+    "height": "200",
+    "low": "250"
+},{
+    "xtpzName": "汗海-庆云断面",
+    "xtpzStatus": "启用",
+    "from": "汗海",
+    "to": "庆云",
+    "height": "200",
+    "low": "250"
 }
 ]
 }