修改表格样式

src/views/fdjh/cn/cn.vue

@@ -1,83 +0,0 @@
-<template>
-    <div class="page">
-        <iframe class="image_2 pos_2">
-            <img src="../../fdjh/img/fdjh-left.png">
-        </iframe>
-        <div id="iframe1" class="image_3 pos_3" style="">
-            <iframe src="/public#/fdjhcn1" style="width: 100%;height: 100%">
-            </iframe>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'cn-name',
-}
-</script>
-
-<style lang="css" scoped>
-.page {
-    background-image: url('../../fdjh/img/fdjh-bj.png');
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.image {
-    width: 100vw;
-    height: 4.5833vw;
-}
-
-iframe {
-    border: 0;
-}
-
-#iframe1 {
-    background-image: url(../../fdjh/img/img.png);
-}
-
-.pos {
-    position: absolute;
-    width: 1920px;
-    height: 88px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 992px;
-}
-
-.image_2 {
-    width: 23.56rem;
-    height: 56.88rem;
-}
-
-.pos_2 {
-    position: absolute;
-    width: 377px;
-    height: 910px;
-    left: 30px;
-    right: 1513px;
-    top: 142px;
-    bottom: 28px;
-}
-
-.image_3 {
-    width: 91.19rem;
-    height: 56.88rem;
-}
-
-.pos_3 {
-    position: absolute;
-    width: 1479px;
-    height: 910px;
-    left: 408px;
-    right: 33px;
-    top: 142px;
-    bottom: 28px;
-}
-</style>

src/views/fdjh/cn/index.vue

@@ -80,7 +80,7 @@
                             <el-date-picker
                                     v-model="form.date"
                                     placeholder="选择日期"
-                                    size="mini"
+                                    style="width: 150px"
                                     type="date">
                             </el-date-picker>
                         </el-form-item>
@@ -181,10 +181,6 @@ export default {
 
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
-}
 
 body {
   border: 0;
@@ -192,8 +188,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -250,25 +247,14 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
+    width: 11%;
   }
 
 
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -281,8 +267,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {

src/views/fdjh/gf/gf.vue

@@ -1,83 +0,0 @@
-<template>
-    <div class="page">
-        <iframe class="image_2 pos_2">
-            <img src="../../fdjh/img/fdjh-left.png">
-        </iframe>
-        <div id="iframe1" class="image_3 pos_3" style="">
-            <iframe src="/public#/fdjhgf1" style="width: 100%;height: 100%">
-            </iframe>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'gf-name',
-}
-</script>
-
-<style lang="css" scoped>
-.page {
-    background-image: url('../../fdjh/img/fdjh-bj.png');
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.image {
-    width: 100vw;
-    height: 4.5833vw;
-}
-
-iframe {
-    border: 0;
-}
-
-#iframe1 {
-    background-image: url(../../fdjh/img/img.png);
-}
-
-.pos {
-    position: absolute;
-    width: 1920px;
-    height: 88px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 992px;
-}
-
-.image_2 {
-    width: 23.56rem;
-    height: 56.88rem;
-}
-
-.pos_2 {
-    position: absolute;
-    width: 377px;
-    height: 910px;
-    left: 30px;
-    right: 1513px;
-    top: 142px;
-    bottom: 28px;
-}
-
-.image_3 {
-    width: 91.19rem;
-    height: 56.88rem;
-}
-
-.pos_3 {
-    position: absolute;
-    width: 1479px;
-    height: 910px;
-    left: 408px;
-    right: 33px;
-    top: 142px;
-    bottom: 28px;
-}
-</style>

src/views/fdjh/gf/index.vue

@@ -80,7 +80,7 @@
                             <el-date-picker
                                     v-model="form.date"
                                     placeholder="选择日期"
-                                    size="mini"
+                                    style="width: 150px"
                                     type="date">
                             </el-date-picker>
                         </el-form-item>
@@ -181,10 +181,6 @@ export default {
 
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
-}
 
 body {
   border: 0;
@@ -192,8 +188,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -250,25 +247,14 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
+    width: 11%;
   }
 
 
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -281,8 +267,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {

src/views/fdjh/hd/hd.vue

@@ -1,83 +0,0 @@
-<template>
-    <div class="page">
-        <iframe class="image_2 pos_2">
-            <img src="../../fdjh/img/fdjh-left.png">
-        </iframe>
-        <div id="iframe1" class="image_3 pos_3" style="">
-            <iframe src="/public#/fdjhhd1" style="width: 100%;height: 100%">
-            </iframe>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'hd-name',
-}
-</script>
-
-<style lang="css" scoped>
-.page {
-    background-image: url('../../fdjh/img/fdjh-bj.png');
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.image {
-    width: 100vw;
-    height: 4.5833vw;
-}
-
-iframe {
-    border: 0;
-}
-
-#iframe1 {
-    background-image: url(../../fdjh/img/img.png);
-}
-
-.pos {
-    position: absolute;
-    width: 1920px;
-    height: 88px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 992px;
-}
-
-.image_2 {
-    width: 23.56rem;
-    height: 56.88rem;
-}
-
-.pos_2 {
-    position: absolute;
-    width: 377px;
-    height: 910px;
-    left: 30px;
-    right: 1513px;
-    top: 142px;
-    bottom: 28px;
-}
-
-.image_3 {
-    width: 91.19rem;
-    height: 56.88rem;
-}
-
-.pos_3 {
-    position: absolute;
-    width: 1479px;
-    height: 910px;
-    left: 408px;
-    right: 33px;
-    top: 142px;
-    bottom: 28px;
-}
-</style>

src/views/fdjh/hd/index.vue

@@ -80,7 +80,7 @@
                             <el-date-picker
                                     v-model="form.date"
                                     placeholder="选择日期"
-                                    size="mini"
+                                    style="width: 150px"
                                     type="date">
                             </el-date-picker>
                         </el-form-item>
@@ -181,10 +181,6 @@ export default {
 
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
-}
 
 body {
   border: 0;
@@ -192,8 +188,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -250,25 +247,14 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
+    width: 11%;
   }
 
 
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -281,8 +267,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {

src/views/sjcjjk/fdgf/fdgf.vue

@@ -1,83 +0,0 @@
-<template>
-    <div class="page">
-        <iframe class="image_2 pos_2">
-            <img src="../../fdjh/img/fdjh-left.png">
-        </iframe>
-        <div id="iframe1" class="image_3 pos_3" style="">
-            <iframe src="/public#/fdgf1" style="width: 100%;height: 100%">
-            </iframe>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'fdgf-name',
-}
-</script>
-
-<style lang="css" scoped>
-.page {
-    background-image: url('../../fdjh/img/fdjh-bj.png');
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.image {
-    width: 100vw;
-    height: 4.5833vw;
-}
-
-iframe {
-    border: 0;
-}
-
-#iframe1 {
-    background-image: url(../../fdjh/img/img.png);
-}
-
-.pos {
-    position: absolute;
-    width: 1920px;
-    height: 88px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 992px;
-}
-
-.image_2 {
-    width: 23.56rem;
-    height: 56.88rem;
-}
-
-.pos_2 {
-    position: absolute;
-    width: 377px;
-    height: 910px;
-    left: 30px;
-    right: 1513px;
-    top: 142px;
-    bottom: 28px;
-}
-
-.image_3 {
-    width: 91.19rem;
-    height: 56.88rem;
-}
-
-.pos_3 {
-    position: absolute;
-    width: 1479px;
-    height: 910px;
-    left: 408px;
-    right: 33px;
-    top: 142px;
-    bottom: 28px;
-}
-</style>

src/views/sjcjjk/fdgf/index.vue

@@ -66,10 +66,6 @@ export default {
 
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
-}
 
 body {
   border: 0;
@@ -77,8 +73,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -135,25 +132,14 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
+    width: 11%;
   }
 
 
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -166,8 +152,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {

src/views/sjcjjk/gznfh/gznfh.vue

@@ -1,83 +0,0 @@
-<template>
-    <div class="page">
-        <iframe class="image_2 pos_2">
-            <img src="../../fdjh/img/fdjh-left.png">
-        </iframe>
-        <div id="iframe1" class="image_3 pos_3" style="">
-            <iframe src="/public#/gaoznfh1" style="width: 100%;height: 100%">
-            </iframe>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'gznfh-name',
-}
-</script>
-
-<style lang="css" scoped>
-.page {
-    background-image: url('../../fdjh/img/fdjh-bj.png');
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.image {
-    width: 100vw;
-    height: 4.5833vw;
-}
-
-iframe {
-    border: 0;
-}
-
-#iframe1 {
-    background-image: url(../../fdjh/img/img.png);
-}
-
-.pos {
-    position: absolute;
-    width: 1920px;
-    height: 88px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 992px;
-}
-
-.image_2 {
-    width: 23.56rem;
-    height: 56.88rem;
-}
-
-.pos_2 {
-    position: absolute;
-    width: 377px;
-    height: 910px;
-    left: 30px;
-    right: 1513px;
-    top: 142px;
-    bottom: 28px;
-}
-
-.image_3 {
-    width: 91.19rem;
-    height: 56.88rem;
-}
-
-.pos_3 {
-    position: absolute;
-    width: 1479px;
-    height: 910px;
-    left: 408px;
-    right: 33px;
-    top: 142px;
-    bottom: 28px;
-}
-</style>

src/views/sjcjjk/gznfh/index.vue

@@ -66,10 +66,6 @@ export default {
 
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
-}
 
 body {
   border: 0;
@@ -77,8 +73,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -135,25 +132,14 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
+    width: 11%;
   }
 
 
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -166,8 +152,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {

src/views/sjcjjk/hd/hd.vue

@@ -1,83 +0,0 @@
-<template>
-    <div class="page">
-        <iframe class="image_2 pos_2">
-            <img src="../../fdjh/img/fdjh-left.png">
-        </iframe>
-        <div id="iframe1" class="image_3 pos_3" style="">
-            <iframe src="/public#/hd1" style="width: 100%;height: 100%">
-            </iframe>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'hd-name',
-}
-</script>
-
-<style lang="css" scoped>
-.page {
-    background-image: url('../../fdjh/img/fdjh-bj.png');
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.image {
-    width: 100vw;
-    height: 4.5833vw;
-}
-
-iframe {
-    border: 0;
-}
-
-#iframe1 {
-    background-image: url(../../fdjh/img/img.png);
-}
-
-.pos {
-    position: absolute;
-    width: 1920px;
-    height: 88px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 992px;
-}
-
-.image_2 {
-    width: 23.56rem;
-    height: 56.88rem;
-}
-
-.pos_2 {
-    position: absolute;
-    width: 377px;
-    height: 910px;
-    left: 30px;
-    right: 1513px;
-    top: 142px;
-    bottom: 28px;
-}
-
-.image_3 {
-    width: 91.19rem;
-    height: 56.88rem;
-}
-
-.pos_3 {
-    position: absolute;
-    width: 1479px;
-    height: 910px;
-    left: 408px;
-    right: 33px;
-    top: 142px;
-    bottom: 28px;
-}
-</style>

src/views/sjcjjk/hd/index.vue

@@ -66,10 +66,6 @@ export default {
 
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
-}
 
 body {
   border: 0;
@@ -77,8 +73,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -135,25 +132,14 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
+    width: 11%;
   }
 
 
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -166,8 +152,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {

src/views/sjcjjk/ptfh/index.vue

@@ -66,10 +66,6 @@ export default {
 
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
-}
 
 body {
   border: 0;
@@ -77,8 +73,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -135,25 +132,14 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
+    width: 11%;
   }
 
 
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -166,8 +152,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {

src/views/sjcjjk/ptfh/ptfh.vue

@@ -1,83 +0,0 @@
-<template>
-    <div class="page">
-        <iframe class="image_2 pos_2">
-            <img src="../../fdjh/img/fdjh-left.png">
-        </iframe>
-        <div id="iframe1" class="image_3 pos_3" style="">
-            <iframe src="/public#/ptfh1" style="width: 100%;height: 100%">
-            </iframe>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'ptfh-name',
-}
-</script>
-
-<style lang="css" scoped>
-.page {
-    background-image: url('../../fdjh/img/fdjh-bj.png');
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.image {
-    width: 100vw;
-    height: 4.5833vw;
-}
-
-iframe {
-    border: 0;
-}
-
-#iframe1 {
-    background-image: url(../../fdjh/img/img.png);
-}
-
-.pos {
-    position: absolute;
-    width: 1920px;
-    height: 88px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 992px;
-}
-
-.image_2 {
-    width: 23.56rem;
-    height: 56.88rem;
-}
-
-.pos_2 {
-    position: absolute;
-    width: 377px;
-    height: 910px;
-    left: 30px;
-    right: 1513px;
-    top: 142px;
-    bottom: 28px;
-}
-
-.image_3 {
-    width: 91.19rem;
-    height: 56.88rem;
-}
-
-.pos_3 {
-    position: absolute;
-    width: 1479px;
-    height: 910px;
-    left: 408px;
-    right: 33px;
-    top: 142px;
-    bottom: 28px;
-}
-</style>

src/views/tabledata.json

@@ -135,14 +135,6 @@
       "time": "01:50",
       "status": "已下发",
       "date": "2023-11-28"
-    },
-    {
-      "stationName": "国电龙源官村风电场",
-      "control": "是",
-      "capacity": "50",
-      "time": "02:00",
-      "status": "已下发",
-      "date": "2023-11-28"
     }
   ],
   "logDataList": [

src/views/xtrz/jkcx/index.vue

@@ -66,10 +66,6 @@ export default {
 
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
-}
 
 body {
   border: 0;
@@ -77,8 +73,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -135,25 +132,14 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
+    width: 11%;
   }
 
 
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -166,8 +152,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {

src/views/xtrz/jkcx/jkcx.vue

@@ -1,84 +0,0 @@
-<template>
-    <div class="page">
-        <iframe class="image_2 pos_2">
-            <img src="../../fdjh/img/fdjh-left.png">
-        </iframe>
-        <div id="iframe1" class="image_3 pos_3" style="">
-            <iframe src="/public#/jkcx1" style="width: 100%;height: 100%">
-            </iframe>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    // eslint-disable-next-line vue/multi-word-component-names
-    name: '接口、程序',
-}
-</script>
-
-<style lang="css" scoped>
-.page {
-    background-image: url('../../fdjh/img/fdjh-bj.png');
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.image {
-    width: 100vw;
-    height: 4.5833vw;
-}
-
-iframe {
-    border: 0;
-}
-
-#iframe1 {
-    background-image: url(../../fdjh/img/img.png);
-}
-
-.pos {
-    position: absolute;
-    width: 1920px;
-    height: 88px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 992px;
-}
-
-.image_2 {
-    width: 23.56rem;
-    height: 56.88rem;
-}
-
-.pos_2 {
-    position: absolute;
-    width: 377px;
-    height: 910px;
-    left: 30px;
-    right: 1513px;
-    top: 142px;
-    bottom: 28px;
-}
-
-.image_3 {
-    width: 91.19rem;
-    height: 56.88rem;
-}
-
-.pos_3 {
-    position: absolute;
-    width: 1479px;
-    height: 910px;
-    left: 408px;
-    right: 33px;
-    top: 142px;
-    bottom: 28px;
-}
-</style>

src/views/ydjhdjk/gznfh/gznfh.vue

@@ -1,83 +0,0 @@
-<template>
-    <div class="page">
-        <iframe class="image_2 pos_2">
-            <img src="../../fdjh/img/fdjh-left.png">
-        </iframe>
-        <div id="iframe1" class="image_3 pos_3" style="">
-            <iframe src="/public#/gznfh1" style="width: 100%;height: 100%">
-            </iframe>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'gznfh-name',
-}
-</script>
-
-<style lang="css" scoped>
-.page {
-    background-image: url('../../fdjh/img/fdjh-bj.png');
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.image {
-    width: 100vw;
-    height: 4.5833vw;
-}
-
-iframe {
-    border: 0;
-}
-
-#iframe1 {
-    background-image: url(../../fdjh/img/img.png);
-}
-
-.pos {
-    position: absolute;
-    width: 1920px;
-    height: 88px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 992px;
-}
-
-.image_2 {
-    width: 23.56rem;
-    height: 56.88rem;
-}
-
-.pos_2 {
-    position: absolute;
-    width: 377px;
-    height: 910px;
-    left: 30px;
-    right: 1513px;
-    top: 142px;
-    bottom: 28px;
-}
-
-.image_3 {
-    width: 91.19rem;
-    height: 56.88rem;
-}
-
-.pos_3 {
-    position: absolute;
-    width: 1479px;
-    height: 910px;
-    left: 408px;
-    right: 33px;
-    top: 142px;
-    bottom: 28px;
-}
-</style>

src/views/ydjhdjk/gznfh/index.vue

@@ -5,88 +5,6 @@
                  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-form>
-                                <el-col>
-                                    <el-form-item
-                                            label="场站名称:"
-                                            label-width="100px"
-                                            style="font-weight: 700"
-                                    >
-                                        <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
-                                            <el-option
-                                                    v-for="item in options0"
-                                                    :key="item.value"
-                                                    :label="item.label"
-                                                    :value="item.value">
-                                            </el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                </el-col>
-                                <el-col>
-                                    <el-form-item
-                                            label="装机容量(MVA):"
-                                            label-width="150px"
-                                            style="font-weight: 700"
-                                    >
-                                        <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
-                                            <el-option
-                                                    v-for="item in options2"
-                                                    :key="item.value"
-                                                    :label="item.label"
-                                                    :value="item.value">
-                                            </el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                </el-col>
-                                <el-col>
-                                    <el-form-item
-                                            label="是否受控:"
-                                            label-width="100px"
-                                            style="font-weight: 700"
-                                    >
-                                        <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
-                                            <el-option
-                                                    v-for="item in options"
-                                                    :key="item.value"
-                                                    :label="item.label"
-                                                    :value="item.value">
-                                            </el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                </el-col>
-                                <el-col>
-                                    <el-form-item
-                                            label="下发状态:"
-                                            label-width="100px"
-                                            style="font-weight: 700"
-                                    >
-                                        <el-select v-model="form.taskNumber" placeholder="请选择" size="mini">
-                                            <el-option
-                                                    v-for="item in options1"
-                                                    :key="item.value"
-                                                    :label="item.label"
-                                                    :value="item.value">
-                                            </el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                </el-col>
-                                <el-col>
-                                    <el-form-item
-                                            label="日期:"
-                                            label-width="60px"
-                                            style="font-weight: 700"
-                                    >
-                                        <el-date-picker
-                                                v-model="form.date"
-                                                placeholder="选择日期"
-                                                size="mini"
-                                                type="date">
-                                        </el-date-picker>
-                                    </el-form-item>
-                                </el-col>
-                            </el-form>
-                        </el-row>-->
             <el-table
                     :cell-style="{border:0,color:'#fff'}"
                     :data="tableData"
@@ -155,13 +73,8 @@ export default {
     }
 }
 </script>
-
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
-}
 
 body {
   border: 0;
@@ -169,8 +82,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -227,25 +141,14 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
-  }
-
-
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
+    width: 11%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -258,8 +161,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {

src/views/ystjjk/dm/dm.vue

@@ -1,83 +0,0 @@
-<template>
-    <div class="page">
-        <iframe class="image_2 pos_2">
-            <img src="../../fdjh/img/fdjh-left.png">
-        </iframe>
-        <div id="iframe1" class="image_3 pos_3" style="">
-            <iframe src="/public#/dm1" style="width: 100%;height: 100%">
-            </iframe>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'dm-name',
-}
-</script>
-
-<style lang="css" scoped>
-.page {
-    background-image: url('../../fdjh/img/fdjh-bj.png');
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.image {
-    width: 100vw;
-    height: 4.5833vw;
-}
-
-iframe {
-    border: 0;
-}
-
-#iframe1 {
-    background-image: url(../../fdjh/img/img.png);
-}
-
-.pos {
-    position: absolute;
-    width: 1920px;
-    height: 88px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 992px;
-}
-
-.image_2 {
-    width: 23.56rem;
-    height: 56.88rem;
-}
-
-.pos_2 {
-    position: absolute;
-    width: 377px;
-    height: 910px;
-    left: 30px;
-    right: 1513px;
-    top: 142px;
-    bottom: 28px;
-}
-
-.image_3 {
-    width: 91.19rem;
-    height: 56.88rem;
-}
-
-.pos_3 {
-    position: absolute;
-    width: 1479px;
-    height: 910px;
-    left: 408px;
-    right: 33px;
-    top: 142px;
-    bottom: 28px;
-}
-</style>

src/views/ystjjk/dm/index.vue

@@ -76,10 +76,6 @@ export default {
 
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
-}
 
 body {
   border: 0;
@@ -87,8 +83,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -145,25 +142,14 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
+    width: 11%;
   }
 
 
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -176,8 +162,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {

src/views/ystjjk/llx/index.vue

@@ -76,10 +76,6 @@ export default {
 
 <style lang="less" scoped>
 
-@font-face {
-  font-family: AliMaMa;//自定义字体名称
-  src: url("../../Articles/font/AlimamaDaoLiTi.ttf")
-}
 
 body {
   border: 0;
@@ -87,8 +83,9 @@ body {
 }
 
 .table-wrapper {
-  width: 1483px;
-  padding-left: 20px;
+  width: 97%;
+  height: 100%;
+  padding-left: 2%;
 
   .table-box {
     min-height: 600px;
@@ -145,25 +142,14 @@ body {
   }
 
   /deep/ .el-col:nth-child(5) {
-    width: 15%;
+    width: 11%;
   }
 
 
-  /deep/ .el-input__inner:nth-child(1) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 176px;
-  }
-
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 126px;
+  /deep/ .el-input__inner {
+    width: 100%;
   }
 
-  /deep/ .el-input__inner:nth-child(2) {
-    width: 175px;
-  }
 
   /deep/ .el-icon-arrow-up {
     transform: rotateZ(0deg);
@@ -176,8 +162,9 @@ body {
   }
 
   /deep/ .el-input__prefix {
-    right: -60px;
+    left: 75%;
     padding-top: 3px;
+    width: 10%;
   }
 
   /deep/ .el-icon-date:before {

src/views/ystjjk/llx/llx.vue

@@ -1,83 +0,0 @@
-<template>
-    <div class="page">
-        <iframe class="image_2 pos_2">
-            <img src="../../fdjh/img/fdjh-left.png">
-        </iframe>
-        <div id="iframe1" class="image_3 pos_3" style="">
-            <iframe src="/public#/llx1" style="width: 100%;height: 100%">
-            </iframe>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'llx-name',
-}
-</script>
-
-<style lang="css" scoped>
-.page {
-    background-image: url('../../fdjh/img/fdjh-bj.png');
-    position: absolute;
-    width: 1920px;
-    height: 1080px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.image {
-    width: 100vw;
-    height: 4.5833vw;
-}
-
-iframe {
-    border: 0;
-}
-
-#iframe1 {
-    background-image: url(../../fdjh/img/img.png);
-}
-
-.pos {
-    position: absolute;
-    width: 1920px;
-    height: 88px;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 992px;
-}
-
-.image_2 {
-    width: 23.56rem;
-    height: 56.88rem;
-}
-
-.pos_2 {
-    position: absolute;
-    width: 377px;
-    height: 910px;
-    left: 30px;
-    right: 1513px;
-    top: 142px;
-    bottom: 28px;
-}
-
-.image_3 {
-    width: 91.19rem;
-    height: 56.88rem;
-}
-
-.pos_3 {
-    position: absolute;
-    width: 1479px;
-    height: 910px;
-    left: 408px;
-    right: 33px;
-    top: 142px;
-    bottom: 28px;
-}
-</style>