换肤背景样式优化

src/styles/index.scss

@@ -11,9 +11,12 @@ body {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
-  color: #333333;
-  background: #f4f7fe url(../assets/images/bg.png) no-repeat  fixed top ;
-  background-size: 100.1% 478px;
+  color: var(--bgColor);
+  background: var(--bgStyle);
+  background-size: var(--bgSize);
+  // color: #333333;
+  // background: #f4f7fe url(../assets/images/bg.png) no-repeat  fixed top ;
+  // background-size: 100.1% 478px;
 }
 
 label {

src/styles/variables.scss

@@ -31,6 +31,9 @@ $menuBg-jcceDark:inherit;
 // [-- 不同色系样式变量 style中使用 --]
 // 浅色系
 :root[jcceTheme='jcceLight']{
+  --bgStyle: #f4f7fe url(~@/assets/images/bg.png) no-repeat  fixed top; // 背景样式
+  --bgSize: 100.1% 478px; // 背景尺寸
+  --bgColor: #333333; // body字体样式
   --menuActiveText:#3182CE; // 菜单颜色
   --menuBg:#ffffff; // 左侧菜单背景颜色
   --subMenuHover:#ecf5ff;
@@ -111,6 +114,9 @@ $menuBg-jcceDark:inherit;
 
 // 深色系
 :root[jcceTheme='jcceDark']{
+  --bgStyle: #050f27; // 背景样式
+  --bgSize: 100.1% 100.1%; // 背景尺寸
+  --bgColor: white; // body字体样式
   --menuActiveText:#FEFEFE;
   --menuBg: inherit;
   --subMenuHover: inherit;

src/views/cluster/mapviews.vue

@@ -131,8 +131,10 @@ export default {
     // 表格数据
     getTableList() {
       getListPodsCount().then((res) => {
-        this.tableListData = res.data
-        setTimeout(() => this.getright_table(), 5000)
+        this.tableListData = res.data || []
+        if (this.tableListData.length > 1) {
+          setTimeout(() => this.getright_table(), 5000)
+        }
       })
     },
     // 表格轮播