feat: 更新新能源场站智慧运维平台相关配置和样式

- 修改.env.development中的API基础地址
- 更新package.json中的项目名称和描述
- 调整sbqk.vue组件中的天数显示和样式
- 优化sjjk.vue组件中的图表颜色和布局
- 更新Logo.vue中的平台名称显示

.env.development

@@ -5,7 +5,7 @@ VITE_APP_TITLE = 新能源场站智慧运维平台
 VITE_APP_ENV = 'development'
 
 # 开发环境
-VITE_APP_BASE_API = 'http://192.168.110.149:18899'
+VITE_APP_BASE_API = 'http://192.168.110.180:18899'
 
 # 应用访问路径 例如使用前缀 /admin/
 VITE_APP_CONTEXT_PATH = '/'

package.json

@@ -1,8 +1,8 @@
 {
   "$schema": "https://json.schemastore.org/package",
-  "name": "ruoyi-vue-plus",
+  "name": "新能源场站智慧运维平台",
   "version": "5.4.1-2.4.1",
-  "description": "RuoYi-Vue-Plus多租户管理系统",
+  "description": "新能源场站智慧运维平台",
   "author": "LionLi",
   "license": "MIT",
   "type": "module",
@@ -94,4 +94,4 @@
     "Safari >= 14",
     "Firefox >= 78"
   ]
-}
+}

src/layout/components/Sidebar/Logo.vue

@@ -1,19 +1,18 @@
 <template>
-  <div
+  <div class="sidebar-logo-container" :class="{ collapse: collapse }"
-    class="sidebar-logo-container"
+    :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
-    :class="{ collapse: collapse }"
-    :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }"
-  >
     <transition :enter-active-class="proxy?.animate.logoAnimate.enter" mode="out-in">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
         <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
+        <h1 v-else class="sidebar-title"
+          :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
           {{ title }}
         </h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
         <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
+        <h1 class="sidebar-title"
+          :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
           {{ title }}
         </h1>
       </router-link>
@@ -34,7 +33,7 @@ defineProps({
   }
 });
 
-const title = ref('RuoYi-Vue-Plus');
+const title = ref('新能源场站智慧运维平台');
 const settingsStore = useSettingsStore();
 const sideTheme = computed(() => settingsStore.sideTheme);
 </script>

src/views/pvSystem/mainSystemDiagram/components/sbqk.vue

@@ -100,7 +100,7 @@
                 </div>
             </div>
             <div class="item day">
-                <span class="text">34522天</span>
+                <span class="text">3250天</span>
             </div>
         </div>
     </el-card>
@@ -116,26 +116,22 @@
 }
 
 .day {
-    flex: 1.5 !important;
-    margin: 0 !important;
-    padding: 0 !important;
     background-color: transparent !important;
     background-image: url('/assets/dayImg.png');
     background-size: contain;
     background-repeat: no-repeat;
-    background-position: 100% 50%;
+    padding: 0 !important;
+    background-position: 0 0;
     position: relative;
-    width: 120px;
 
     .text {
         position: absolute;
-        bottom: 60px;
+        bottom: 40px;
+        left: 50%;
+        // margin-left: 5px;
+        transform: translateX(-50%);
         color: rgba(24, 109, 245, 1);
         font-weight: bold;
-        font-size: 25px;
-        margin-left: 10px;
-        left: 50%;
-        transform: translateX(-50%);
     }
 }
 
@@ -144,8 +140,10 @@
     padding: 30px 15px;
     border-radius: 20px;
     text-align: center;
-    flex: 1;
+    // flex: 1;
-    margin: 75px 0;
+    width: 450px;
+    // height: 250px;
+    margin: 20px 0;
 
     .top {
         display: flex;

src/views/pvSystem/mainSystemDiagram/components/sjjk.vue

@@ -29,13 +29,13 @@ onMounted(() => {
             data: ['电压(kv)', '电流(A)', '功率(MW)'],
         },
         grid: {
-              top: '15%',
+            top: '15%',
-              left: '12%',
+            left: '12%',
-              right: '12%',
+            right: '12%',
-              bottom: '20%',
+            bottom: '20%',
-              containLabel: true,
+            containLabel: true,
-              show: false
+            show: false
-            },
+        },
         xAxis: {
             type: 'category',
             data: ['发电机1', '发电机2', '发电机3', '发电机4', '发电机5', '发电机6'],
@@ -65,17 +65,26 @@ onMounted(() => {
                 name: '电压(kv)',
                 type: 'bar',
                 data: [80, 70, 55, 80, 80, 80],
+                itemStyle: {
+                    color: 'rgba(0, 102, 255, 1)' // 电压颜色
+                }
             },
             {
                 name: '电流(A)',
                 type: 'bar',
                 data: [65, 80, 65, 65, 65, 65],
+                itemStyle: {
+                    color: 'rgba(255, 195, 0, 0.8)' // 电流颜色
+                }
             },
             {
                 name: '功率(MW)',
                 type: 'bar',
                 yAxisIndex: 1,
                 data: [58, 80, 80, 58, 58, 58],
+                itemStyle: {
+                    color: 'rgba(0, 186, 173, 0.5)' // 功率颜色
+                }
             },
         ],
     };
@@ -133,4 +142,4 @@ onMounted(() => {
     border-radius: 4px;
     /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
 }
-</style>
+</style>