登录及报警样式更新

src/assets/style/main.css

@@ -30,4 +30,14 @@ body,
 }
 .el-dialog{
   background-color: rgb(36,36,36) !important;
+}
+.el-form-item__label{
+  color: rgb(220, 220, 220) !important;
+}
+.el-dialog__title{
+  color: rgb(220, 220, 220) !important;
+}
+.el-input__inner{
+  background-color: rgb(100,100,100) !important;
+  color: rgb(220, 220, 220) !important;
 }

src/components/StatusBar.vue

@@ -12,7 +12,7 @@
           :width="521"
           trigger="hover"
           class="popoverBack"
-          show-arrow="false"
+          :show-arrow="false"
           visible-arrow="false"
         >
           <template #reference>
@@ -61,7 +61,7 @@
           :width="521"
           trigger="hover"
           class="popoverBack"
-          show-arrow="false">
+          :show-arrow="false">
           <template #reference>
             <div class="status-list">
               <img
@@ -108,7 +108,7 @@
           :width="521"
           trigger="hover"
           class="popoverBack"
-          show-arrow="false">
+          :show-arrow="false">
           <template #reference>
             <div class="status-list">
               <img
@@ -155,7 +155,7 @@
           :width="521"
           trigger="hover"
           class="popoverBack"
-          show-arrow="false">
+          :show-arrow="false">
           <template #reference>
             <div class="status-list">
               <img

src/components/TitleBar.vue

@@ -16,7 +16,8 @@
             v-model="dialogVisible"
             width="21%"
             :before-close="handleClose"
-            :header-cell-style="{ color: 'rgb(220,220,220)'}"
+            :show-close="false"
+            
           >
             <el-form :model="form">
               <el-form-item label="" :label-width="formLabelWidth">
@@ -56,7 +57,7 @@
             </el-form>
             <template #footer>
               <span class="dialog-footer">
-                <el-button @click="dialogVisible = false">取 消</el-button>
+                <el-button @click="dialogVisible = false" style="background-color: rgb(100,100,100);color: rgb(220, 220, 220);">取 消</el-button>
                 <el-button type="primary" @click="dialogVisible = false"
                   >登 录</el-button
                 >
@@ -72,7 +73,7 @@
               <TitleBarCard
                 title="装机容量"
                 unit="MW"
-                value="2000"
+                value="734"
               ></TitleBarCard>
             </li>
           </ul>
@@ -85,7 +86,7 @@
               <TitleBarCard
                 title="实时功率"
                 unit="MW"
-                value="2000"
+                value="34.01"
               ></TitleBarCard>
             </li>
           </ul>
@@ -98,7 +99,7 @@
               <TitleBarCard
                 title="日发电量"
                 unit="kWh"
-                value="200.0"
+                value="33,96"
               ></TitleBarCard>
             </li>
           </ul>
@@ -111,7 +112,7 @@
               <TitleBarCard
                 title="上网电量"
                 unit="kWh"
-                value="2000.0"
+                value="38.96"
               ></TitleBarCard>
             </li>
           </ul>
@@ -124,7 +125,7 @@
               <TitleBarCard
                 title="月发电量"
                 unit="kWh"
-                value="2000.0"
+                value="6197.87"
               ></TitleBarCard>
             </li>
           </ul>
@@ -137,7 +138,7 @@
               <TitleBarCard
                 title="年发电量"
                 unit="kWh"
-                value="20000.0"
+                value="69843.02"
               ></TitleBarCard>
             </li>
           </ul>
@@ -150,7 +151,7 @@
               <TitleBarCard
                 title="月利用小时"
                 unit="小时"
-                value="200"
+                value="84.44"
               ></TitleBarCard>
             </li>
           </ul>
@@ -163,7 +164,7 @@
               <TitleBarCard
                 title="年利用小时"
                 unit="小时"
-                value="2000"
+                value="951.54"
               ></TitleBarCard>
             </li>
           </ul>
@@ -178,9 +179,7 @@
           type="text"
           @click="dialogVisible = true"
           class="admin"
-          style="position: absolute; right: 70px"
-          >管理员</el-button
-        >
+          style="position: absolute; right: 66px">管理员</el-button>
       </el-col>
 
       <el-col :span="1">
@@ -246,6 +245,7 @@ export default {
 
 
 <style scoped>
+
 .title-bar {
   height: 6vh;
   background-color: #000000;
@@ -260,9 +260,9 @@ export default {
 .admin {
   color: #ffffff;
   position: relative;
-  margin-left: 10px;
-  /* padding: 0; */
-  padding: 18px;
+  /* margin-left: 10px;
+  padding: 0; */
+  padding: 22px;
 }
 .titleinfo {
   background-color: rgb(20, 20, 20);