1

src/views/privateOrder/Screen.vue

@@ -1,83 +1,84 @@
 <template>
-  <div class="pc">
+  <!-- <div class="pc"> -->
 
-    <div class="container">
-      <div class="main-container">
-        <div class="top_nav">
-          <div class="top_left">
-            <router-link
-              v-for="item in menus.slice(0, 2)"
-              :key="item.id"
-              class="nav_item left_nav"
-              active-class="selected_nav"
-              exact
-              :to="{ path: item.path }"
-            >
-              {{ item.name }}
-            </router-link>
-          </div>
-          <div class="center_title">太仓市网络综合治理平台</div>
-          <div class="top_right">
-            <router-link
-              v-for="item in menus.slice(2, 4)"
-              :key="item.id"
-              class="nav_item right_nav"
-              active-class="selected_nav"
-              exact
-              :to="{ path: item.path }"
-            >
-              {{ item.name }}
-            </router-link>
-          </div>
-          <div class="time-wrap">
-            <div class="icon" />
-            <span class="date">{{ now.date }}</span>
-            <span class="time">
-              {{ now.hour + ":" + now.minute + ":" + now.second }}
-            </span>
-          </div>
-          <div class="year-wrap"></div>
+  <div class="container">
+    <div class="main-container">
+      <div class="top_nav">
+        <div class="top_left">
+          <router-link
+            v-for="item in menus.slice(0, 2)"
+            :key="item.id"
+            class="nav_item left_nav"
+            active-class="selected_nav"
+            exact
+            :to="{ path: item.path }"
+          >
+            {{ item.name }}
+          </router-link>
         </div>
-        <router-view />
+        <div class="center_title">太仓市网络综合治理平台</div>
+        <div class="top_right">
+          <router-link
+            v-for="item in menus.slice(2, 4)"
+            :key="item.id"
+            class="nav_item right_nav"
+            active-class="selected_nav"
+            exact
+            :to="{ path: item.path }"
+          >
+            {{ item.name }}
+          </router-link>
+        </div>
+        <div class="time-wrap">
+          <div class="icon" />
+          <span class="date">{{ now.date }}</span>
+          <span class="time">
+            {{ now.hour + ":" + now.minute + ":" + now.second }}
+          </span>
+        </div>
+        <div class="year-wrap"></div>
       </div>
-      <div>
-        <el-button
-          v-if="!dialogDetails && $route.name === '网络舆情'"
-          type="primary"
-          style="
+      <router-view />
+    </div>
+    <div>
+      <el-button
+        v-if="!dialogDetails && $route.name === '网络舆情'"
+        type="primary"
+        style="
           background-color: rgba(255, 255, 255, 0.2);
           position: absolute;
           top: 160px;
           left: 1600px;
           z-index: 9999;
         "
-          @click="dialogDetails = !dialogDetails"
-        >切换</el-button>
-      </div>
-      <el-dialog
-        v-if="dialogDetails"
-        v-el-drag-dialog
-        class="screen-dialog"
-        :visible.sync="dialogDetails"
-        width="2530px"
-        top="20px"
-        :modal-append-to-body="true"
-        center
-        :modal="false"
+        @click="dialogDetails = !dialogDetails"
+        >切换</el-button
       >
-        <div class="iframeBox">
-          <commandControl />
-        </div>
-      </el-dialog>
     </div>
+    <el-dialog
+      v-if="dialogDetails"
+      v-el-drag-dialog
+      class="screen-dialog"
+      :visible.sync="dialogDetails"
+      width="2530px"
+      top="20px"
+      :modal-append-to-body="true"
+      center
+      :modal="false"
+    >
+      <div class="iframeBox">
+        <commandControl />
+      </div>
+    </el-dialog>
   </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;