修改大屏

yanzhu-bigscreen/src/views/safety/aiWarning.vue

@@ -129,7 +129,7 @@ export default {
             chartKey: 0,
             chart1Height: 230,
             chart2Height: 230,
-            chart3Height: 280,
+            chart3Height: 250,
             dpi: '',
             overview: 0,
             overviewDay: 0,
@@ -272,7 +272,6 @@ export default {
             }
         },
         changeChart2(opt) {
-            console.log(opt)
             if (this.$dpi() == '1K') {
                 return opt
             } else if (this.$dpi() == '2K') {

yanzhu-bigscreen/src/views/schedule/photography.vue

@@ -16,8 +16,8 @@
                 </div>
             </module-one-3-1>
         </el-col>
-        <el-col :span="18" class="no-title">
+        <el-col :span="18" class="no-title h100">
-            <module-one-3-3 :notitle="true">
+            <module-one-3-3 :notitle="true" class="h100">
                 <template v-if="info">
                     <div class="right-title">
                         <span class="sp-title">{{ info.videoDate }}</span>
@@ -42,6 +42,8 @@ export default {
             info: null,
             activeNames: [],
             infoList: {},
+            dpi: '',
+            chartKey: 0,
         }
     },
     mounted() {
@@ -53,8 +55,19 @@ export default {
         })
         this.selProject = this.$store.getters.selProject
         this.init()
+        this.dpi = this.$dpi()
+        this.resize()
+        window.addEventListener('resize', () => {
+            if (this.dpi != this.$dpi()) {
+                this.dpi = this.$dpi()
+                this.resize()
+            }
+        })
     },
     methods: {
+        resize() {
+            this.chartKey++
+        },
         playVideo(it) {
             this.info = null
             setTimeout(() => {
@@ -106,9 +119,10 @@ export default {
             width: 100%;
             height: calc(100% - 201px);
         }
-        /deep/ .screen-one-3-3 {
+        .screen-one-3-3 {
             background-image: none;
             border: solid 1px #409eff5c;
+            height: 100%;
             .module-title {
                 display: none;
             }
@@ -156,7 +170,7 @@ export default {
             }
         }
     }
-    /deep/ .screen-one-3-1 {
+    .screen-one-3-1 {
         .el-collapse {
             border: none;
             margin-top: 4px;
@@ -204,5 +218,28 @@ export default {
             }
         }
     }
+    @media (min-width: 1921px) and (max-width: 2560px) {
+        .left-list {
+            font-size: 18px;
+            .video-item {
+                line-height: 40px !important;
+                .header-icon {
+                    font-size: 24px !important;
+                }
+            }
+        }
+    }
+    @media (min-width: 2561px) {
+        .left-list {
+            font-size: 24px;
+            .video-item {
+                line-height: 60px !important;
+                .header-icon {
+                    font-size: 32px !important;
+                    top: 15px !important;
+                }
+            }
+        }
+    }
 }
 </style>