样式修改

src/views/cesiumComponents/windView.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="windView">
     <!-- Left Sidebar -->
-    <aside class="sidebar-left panel" v-if="showWindDB">
+    <aside class="sidebar-left panel">
       <div class="btnms">
         <aside class="sidebar-left-top btnms1">
           <div class="stat-block-lefttop" @click="backStations">
@@ -21,93 +21,96 @@
           </div>
         </aside>
       </div>
-      <div class="btnms">
-        <aside class="sidebar-left-top top2 btnms4">
-          <!-- <div class="stat-block-lefttop" @click="initView">
-                <p class="label">初始化</p>
-                </div> -->
-          <el-select
-            class="windSty"
-            v-model="windvalue"
-            filterable
-            clearable
-            placeholder="选择风机"
-            size="small"
-            style="width: 100%"
-            @change="switchWind"
-          >
-            <el-option
-              v-for="(item, index) in fjLonLatJsonArr"
-              :key="index"
-              :label="item.fjbh"
-              :value="index"
-            />
-          </el-select>
-        </aside>
-      </div>
-      <div class="stat-block" style="margin-top: 15px">
-        <p class="label">总装机容量：</p>
-        <!-- #fff -->
-        <p class="value">
-          2541<span
-            style="
-              font-size: 24px;
-              font-weight: 400;
-              color: #e0e0e0;
-              margin-left: 10px;
-            "
-            >MW</span
-          >
-        </p>
-        <!-- <div class="progress-bar"><div class="progress-bar-inner" style="width: 100%;"></div></div> -->
-      </div>
-      <div
-        class="stat-block"
-        style="display: flex; justify-content: space-between"
-      >
-        <p>
-          <span class="labels">风电 </span
-          ><span class="values"
-            >1245<span
-              style="
-                font-size: 18px;
+      <div  v-if="showWindDB">
+        <div class="btnms">
+            <aside class="sidebar-left-top top2 btnms4">
+            <!-- <div class="stat-block-lefttop" @click="initView">
+                    <p class="label">初始化</p>
+                    </div> -->
+            <el-select
+                class="windSty"
+                v-model="windvalue"
+                filterable
+                clearable
+                placeholder="选择风机"
+                size="small"
+                style="width: 100%"
+                @change="switchWind"
+            >
+                <el-option
+                v-for="(item, index) in fjLonLatJsonArr"
+                :key="index"
+                :label="item.fjbh"
+                :value="index"
+                />
+            </el-select>
+            </aside>
+        </div>
+        <div class="stat-block" style="margin-top: 15px">
+            <p class="label">总装机容量：</p>
+            <!-- #fff -->
+            <p class="value">
+            2541<span
+                style="
+                font-size: 24px;
                 font-weight: 400;
                 color: #e0e0e0;
                 margin-left: 10px;
-              "
-              >MW</span
-            ></span
-          >
-        </p>
-        <p>
-          <span class="labels">光伏 </span
-          ><span class="values"
-            >1296<span
-              style="
-                font-size: 18px;
+                "
+                >MW</span
+            >
+            </p>
+            <!-- <div class="progress-bar"><div class="progress-bar-inner" style="width: 100%;"></div></div> -->
+        </div>
+        <div
+            class="stat-block"
+            style="display: flex; justify-content: space-between"
+        >
+            <p>
+            <span class="labels">风电 </span
+            ><span class="values"
+                >1245<span
+                style="
+                    font-size: 18px;
+                    font-weight: 400;
+                    color: #e0e0e0;
+                    margin-left: 10px;
+                "
+                >MW</span
+                ></span
+            >
+            </p>
+            <p>
+            <span class="labels">光伏 </span
+            ><span class="values"
+                >1296<span
+                style="
+                    font-size: 18px;
+                    font-weight: 400;
+                    color: #e0e0e0;
+                    margin-left: 10px;
+                "
+                >MW</span
+                ></span
+            >
+            </p>
+        </div>
+        <div class="stat-block" style="margin-top: 25px">
+            <p class="label">安全天数：</p>
+            <p class="value">
+            1258<span
+                style="
+                font-size: 24px;
                 font-weight: 400;
                 color: #e0e0e0;
                 margin-left: 10px;
-              "
-              >MW</span
-            ></span
-          >
-        </p>
-      </div>
-      <div class="stat-block" style="margin-top: 25px">
-        <p class="label">安全天数：</p>
-        <p class="value">
-          1258<span
-            style="
-              font-size: 24px;
-              font-weight: 400;
-              color: #e0e0e0;
-              margin-left: 10px;
-            "
-            >天</span
-          >
-        </p>
+                "
+                >天</span
+            >
+            </p>
+        </div>
       </div>
+      
     </aside>
     <aside class="sidebar-left2 panel" v-if="showWeatherDB && !showWindDetail">
       <div class="stat-block2">