pfkecharts

src/views/bigScreen/enpComponents/orgwryList.vue

@@ -220,8 +220,8 @@
                     <el-button @click="handleQuery">查询</el-button>
                 </div>
                 <!-- table表格 -->
-                <div style="margin-top:2vh" id="enpTable">
+                <div style="margin-top:2vh">
-                    <scTable :data="tableData" :apiObj="apiObj" class="enpTable" style="" @row-click="rowClick">
+                    <scTable :data="tableData" :apiObj="apiObj" size="large" style="" @row-click="rowClick">
                         <el-table-column prop="index" label="序号"></el-table-column>
                         <el-table-column prop="number" label="排放口编号"></el-table-column>
                         <el-table-column prop="name" label="排放口名称"></el-table-column>

src/views/bigScreen/index_enp_blue.vue

@@ -6,6 +6,11 @@
         <div style="width:100%;text-align:center;line-height:6.3vh;color:#ffffff;position:absolute;top:0;left:0;">
           水泥有限公司</div>
       </div>
+      <div class="login_config" style="z-index:1000">
+        <el-button :icon="config.dark ? 'el-icon-sunny' : 'el-icon-moon'" circle type="info"
+          @click="configDark"></el-button>
+
+      </div>
       <div style="position: absolute;top:1.5vh;height:6vh">
         <div style="display: flex;padding-top: 1.3vh;margin-left: 1vw;">
           <div :class="bindClass(0)" @click="menuClick(0)">
@@ -316,6 +321,9 @@ export default {
   },
   data() {
     return {
+      config: {
+        dark: this.$TOOL.data.get('APP_DARK') || false
+      },
       elDrawer: true,
       isCollapse: false,
       nowDay: 1,
@@ -420,6 +428,21 @@ export default {
       ],
     }
   },
+  watch: {
+    'config.dark'(val) {
+      if (val) {
+        document.documentElement.classList.add("dark")
+        this.$TOOL.data.set("APP_DARK", val)
+      } else {
+        document.documentElement.classList.remove("dark")
+        this.$TOOL.data.remove("APP_DARK")
+      }
+    },
+    'config.lang'(val) {
+      this.$i18n.locale = val
+      this.$TOOL.data.set("APP_LANG", val)
+    }
+  },
   mounted() {
     let that = this;
     that.initCharts();
@@ -439,6 +462,9 @@ export default {
     }
   },
   methods: {
+    configDark() {
+      this.config.dark = this.config.dark ? false : true
+    },
     backSystem() {
       this.$router.push({ path: '/dashboard_enp' });
     },