feat: 一些修改...

tzipc-ui/src/App.vue

@@ -30,3 +30,26 @@ export default {
   }
 }
 </script>
+<style lang="scss">
+@import "@/theme/index.scss";
+.el-picker-panel__sidebar, .el-picker-panel__footer {
+  @include font_color(buttonFontColor);
+  @include background_color(componentBackgroundColor);
+}
+
+.el-message-box {
+  @include background_bg(dialogBackgroundImage);
+  @include font_color(colorPrimary);
+  .el-message-box__header, .el-message-box__content {
+    @include font_color(colorPrimary);
+  }
+}
+
+.el-tabs__item.is-active {
+  @include font_color(colorPrimary);
+}
+
+.el-tabs__item {
+  @include font_color(componentFontColor);
+}
+</style>

tzipc-ui/src/assets/styles/element-ui.scss

@@ -602,14 +602,11 @@ div.el-switch {
   border-radius: 10px;
   border: none;
   .el-message-box__title {
-    background: url("../images/login/modal-title.png") no-repeat 0px 0px;
     background-size: 100% 100%;
     padding-left: 26px;
     font-size: 16px;
     span {
-      background: linear-gradient(180deg, #ffffff 0%, #87c5f4 100%);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
+      @include border_color(colorPrimary);
     }
   }
   .el-message-box__content {

tzipc-ui/src/layout/components/Navbar.vue

@@ -66,7 +66,8 @@
           v-for="item in themeOptions"
           :key="item.key"
           :value="item.key"
-        >{{item.label}}</el-option>
+          :label="item.label"
+        >{{ item.label }}</el-option>
       </el-select>
       <!-- <el-switch
         v-model="value"

tzipc-ui/src/layout/components/TagsView/index.vue

@@ -299,7 +299,7 @@ export default {
       }
       &.active {
         @include font_color(buttonActiveFontColor);
-        @include background_color(buttonActiveBackgroundColor);
+        @include background_color(colorPrimary);
         border-color: #42b983;
         &::before {
           content: "";

tzipc-ui/src/theme/blueTheme/index.scss

@@ -34,6 +34,7 @@ $blueTheme: (
     deviceImage1: url(/theme/blueTheme/img1.png),
     deviceImage2: url(/theme/blueTheme/img2.png),
     deviceImage3: url(/theme/blueTheme/img3.png),
+    deviceImage4: url(/theme/blueTheme/img4.png),
 
     // element ui 样式
     elTableHeaderBackgroundColor: #fff,

tzipc-ui/src/theme/default/index.scss

@@ -35,6 +35,7 @@ $default: (
     deviceImage1: url(/theme/default/img1.png),
     deviceImage2: url(/theme/default/img2.png),
     deviceImage3: url(/theme/default/img3.png),
+    deviceImage4: url(/theme/default/img4.png),
 
     // element ui 样式
     elTableHeaderBackgroundColor: #fff,

tzipc-ui/src/theme/redTheme/index.scss

@@ -35,6 +35,7 @@ $redTheme: (
     deviceImage1: url(/theme/redTheme/img1.png),
     deviceImage2: url(/theme/redTheme/img2.png),
     deviceImage3: url(/theme/redTheme/img3.png),
+    deviceImage4: url(/theme/redTheme/img4.png),
 
     // element ui 样式
     elTableHeaderBackgroundColor: #fff,

tzipc-ui/src/views/login.vue

@@ -157,6 +157,7 @@ export default {
     this.getCode();
     this.getSystemInfo();
     this.getCookie();
+    this.getTitleBg()
   },
   methods: {
     getSystemInfo() {
@@ -167,6 +168,7 @@ export default {
 
     getTitleBg() {
       const theme = localStorage.getItem("data-theme") || "default";
+      console.log('theme', theme);
       window.document.documentElement.setAttribute("data-theme", theme);
       window.document.documentElement.setAttribute("class", "light");
       if (theme === "default") return "/theme/default/loginTitle.png";

tzipc-ui/src/views/zf/bigscreen/index.vue

@@ -355,7 +355,7 @@
       </div>
       <div
         v-loading="loading"
-        element-loading-text="拼命加载中"
+        element-loading-text="加载中..."
         element-loading-spinner="el-icon-loading"
         element-loading-background="rgba(0, 0, 0, 0.8)"
         ref="tendencyChart"
@@ -1319,7 +1319,7 @@ export default {
   grid-template-rows: 1fr 1fr;
 }
 
-@for $i from 1 through 3 {
+@for $i from 1 through 4 {
   .device-image-#{$i} {
     width: 100%;
     height: 100%;