1

src/views/privateOrder/Screen.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="pc">
+  <!-- <div class="pc"> -->
 
   <div class="container">
     <div class="main-container">
@@ -52,7 +52,8 @@
           z-index: 9999;
         "
         @click="dialogDetails = !dialogDetails"
-        >切换</el-button>
+        >切换</el-button
+      >
     </div>
     <el-dialog
       v-if="dialogDetails"
@@ -70,14 +71,14 @@
       </div>
     </el-dialog>
   </div>
-  </div>
+  <!-- </div> -->
 </template>
 
 <script>
-import commandControl from '@/views/privateOrder/sentiment/components/commandControl/index.vue'
+import commandControl from "@/views/privateOrder/sentiment/components/commandControl/index.vue";
 export default {
   components: {
-    commandControl
+    commandControl,
   },
   data() {
     return {
@@ -88,50 +89,50 @@ export default {
       menus: [],
       // 当前时间
       now: {
-        date: '',
-        hour: '',
-        minute: '',
-        second: ''
+        date: "",
+        hour: "",
+        minute: "",
+        second: "",
       },
       // 时间切换
       yearChange: [
-        { label: '近1月', rightLine: true },
-        { label: '近3月', rightLine: true },
-        { label: '近1年', rightLine: false }
+        { label: "近1月", rightLine: true },
+        { label: "近3月", rightLine: true },
+        { label: "近1年", rightLine: false },
       ],
-      isActive: 0
-    }
+      isActive: 0,
+    };
   },
   watch: {},
   created() {
     this.menus = [
-      { id: 1, name: '网络安全', path: '/screen/security' },
-      { id: 2, name: '网络舆情', path: '/screen/sentiment' },
-      { id: 3, name: '网络管理', path: '/screen/ecosphere' },
-      { id: 4, name: '网络生态', path: '/screen/positiveEnergy' }
-    ]
+      { id: 1, name: "网络安全", path: "/screen/security" },
+      { id: 2, name: "网络舆情", path: "/screen/sentiment" },
+      { id: 3, name: "网络管理", path: "/screen/ecosphere" },
+      { id: 4, name: "网络生态", path: "/screen/positiveEnergy" },
+    ];
 
     setInterval(() => {
-      this.now.date = this.$moment().format('YYYY-MM-DD')
-      this.now.hour = this.$moment().format('HH')
-      this.now.minute = this.$moment().format('mm')
-      this.now.second = this.$moment().format('ss')
-    }, 1000)
+      this.now.date = this.$moment().format("YYYY-MM-DD");
+      this.now.hour = this.$moment().format("HH");
+      this.now.minute = this.$moment().format("mm");
+      this.now.second = this.$moment().format("ss");
+    }, 1000);
 
     setInterval(() => {
-      this.getHoursWeather()
-    }, 1000 * 60 * 10)
+      this.getHoursWeather();
+    }, 1000 * 60 * 10);
   },
   methods: {
     changeTime(val, index) {
-      this.isActive = index
-    }
-  }
-}
+      this.isActive = index;
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-.pc{
+.pc {
   width: 100%;
   height: $ScreenHeight;
   overflow: scroll;