样式修改

src/views/cesium.vue

@@ -1912,8 +1912,8 @@ export default {
       if (type === "station") {
         content = `
                 <div style="display: flex;gap: 10px;flex-direction: column;text-align: center;color: #fff">
-                    <span class="popup-menu-item" data-message-type="windbasic2d" style="cursor:pointer">风机详情(二维)</span>
-                    <span class="popup-menu-item" data-message-type="windbasic3d" style="cursor:pointer">风机详情(三维)</span>
+                    <span class="popup-menu-item" data-message-type="windbasic2d" style="cursor:pointer">风场详情(二维)</span>
+                    <span class="popup-menu-item" data-message-type="windbasic3d" style="cursor:pointer">风场详情(三维)</span>
                     <span class="popup-menu-item" data-message-type="drawPlot" style="cursor:pointer">交互式指挥与标绘中心</span>
                     <span class="popup-menu-item" data-message-type="windReport" style="cursor:pointer">集成报告与分析中心</span>
                 </div>

src/views/cesiumComponents/drawPlotCom/drawPlotView.vue

@@ -1,13 +1,20 @@
 <template>
   <div class="windView">
+    <div class="leftContentss">
+        <span>交互式指挥与标绘中心</span>
+        <svg @click="backStations" viewBox="0 0 1024 1024" width="2em" height="2em" style="cursor: pointer">
+            <path d="M512 177.8c45.1 0 88.9 8.8 130.1 26.2 39.8 16.8 75.5 40.9 106.2 71.6 30.7 30.7 54.8 66.4 71.6 106.2 17.4 41.2 26.2 84.9 26.2 130.1s-8.8 88.9-26.2 130.1c-16.8 39.8-40.9 75.5-71.6 106.2-30.7 30.7-66.4 54.8-106.2 71.6C600.9 837.2 557.2 846 512 846s-88.9-8.8-130.1-26.2c-39.8-16.8-75.5-40.9-106.2-71.6-30.7-30.7-54.8-66.4-71.6-106.2-17.4-41.2-26.2-84.9-26.2-130.1s8.8-88.9 26.2-130.1c16.8-39.8 40.9-75.5 71.6-106.2s66.4-54.8 106.2-71.6c41.2-17.3 85-26.2 130.1-26.2m0-50c-212.2 0-384.2 172-384.2 384.2s172 384.2 384.2 384.2 384.2-172 384.2-384.2-172-384.2-384.2-384.2z" p-id="2551" fill="#fff"></path><path d="M688.1 622.3L568.6 509.1 684 402.3l-49.7-61.8-123.2 114-118.4-112.1-50.3 61.2 110.5 104.7-117 108.4 49.6 61.8 125-115.6 127.3 120.6z" p-id="2552" fill="#fff">
+            </path>
+        </svg>
+    </div>
     <!-- 按钮功能 -->
     <aside class="sidebar-left">
         <div class="btnms">
-            <aside class="sidebar-left-top btnms1">
+            <!-- <aside class="sidebar-left-top btnms1">
                 <div class="stat-block-lefttop" @click="backStations">
                     <p class="label">返回</p>
                 </div>
-            </aside>
+            </aside> -->
             <aside class="sidebar-left-top btnms2" v-if="!showDraw">
                 <div class="stat-block-lefttop" @click="addDraw">
                     <p class="label">新增</p>
@@ -20,7 +27,7 @@
             </aside>
             <aside class="sidebar-left-top btnms2">
                 <div class="stat-block-lefttop" @click="warnDraw">
-                    <p class="label">测试</p>
+                    <p class="label">人员定位</p>
                 </div>
             </aside>
         </div>
@@ -91,7 +98,7 @@
           </svg>
           </div>
           
-            <el-table :data="drawTableData" style="width: 100%;margin-top: 10px" max-height="68vh">
+            <el-table :data="drawTableData" style="width: 100%;margin-top: 10px" height="68vh">
                 <el-table-column prop="name" align="center" label="名称">
                     <template #default="scope">
                       <div @click="showEntrty(scope.row)">
@@ -291,11 +298,35 @@ export default {
   box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
   color: #e0e0e0;
 }
+.leftContentss {
+  width: 98vw;
+  height: 41px;
+  display: flex;
+  align-items: center;
+  background: url("@/assets/cesiumImg/title_left_bg1.png") no-repeat;
+  margin-bottom: 20px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  span {
+    width: 100%;
+    display: inline-block;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    margin-left: 25px;
+  }
+  svg{
+    position: relative;
+    right: 20px;
+  }
+}
 /* --- Left Sidebar --- */
 .sidebar-left {
   position: absolute;
   left: 20px;
-  top: 50px;
+  top: 70px;
   width: 320px;
 }
 .attention{

src/views/cesiumComponents/windView2.vue

@@ -1,14 +1,21 @@
 <template>
   <div class="windView">
     <!-- Left Sidebar -->
+    <div class="leftContentss">
+        <span>风场详情</span>
+        <svg @click="backStations" viewBox="0 0 1024 1024" width="2em" height="2em" style="cursor: pointer">
+            <path d="M512 177.8c45.1 0 88.9 8.8 130.1 26.2 39.8 16.8 75.5 40.9 106.2 71.6 30.7 30.7 54.8 66.4 71.6 106.2 17.4 41.2 26.2 84.9 26.2 130.1s-8.8 88.9-26.2 130.1c-16.8 39.8-40.9 75.5-71.6 106.2-30.7 30.7-66.4 54.8-106.2 71.6C600.9 837.2 557.2 846 512 846s-88.9-8.8-130.1-26.2c-39.8-16.8-75.5-40.9-106.2-71.6-30.7-30.7-54.8-66.4-71.6-106.2-17.4-41.2-26.2-84.9-26.2-130.1s8.8-88.9 26.2-130.1c16.8-39.8 40.9-75.5 71.6-106.2s66.4-54.8 106.2-71.6c41.2-17.3 85-26.2 130.1-26.2m0-50c-212.2 0-384.2 172-384.2 384.2s172 384.2 384.2 384.2 384.2-172 384.2-384.2-172-384.2-384.2-384.2z" p-id="2551" fill="#fff"></path><path d="M688.1 622.3L568.6 509.1 684 402.3l-49.7-61.8-123.2 114-118.4-112.1-50.3 61.2 110.5 104.7-117 108.4 49.6 61.8 125-115.6 127.3 120.6z" p-id="2552" fill="#fff">
+            </path>
+        </svg>
+    </div>
     <!-- 按钮功能 -->
     <aside class="sidebar-left">
         <div class="btnms">
-            <aside class="sidebar-left-top btnms1">
+            <!-- <aside class="sidebar-left-top btnms1">
             <div class="stat-block-lefttop" @click="backStations">
                 <p class="label">返回</p>
             </div>
-            </aside>
+            </aside> -->
             <aside class="sidebar-left-top btnms2">
                 <div class="stat-block-lefttop" @click="showWeatherMes">
                     <p class="label" v-if="showWeatherDB">天气功能</p>
@@ -1257,6 +1264,30 @@ export default {
   box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
   color: #e0e0e0;
 }
+.leftContentss {
+  width: 99vw;
+  height: 41px;
+  display: flex;
+  align-items: center;
+  background: url("@/assets/cesiumImg/title_left_bg1.png") no-repeat;
+  margin-bottom: 20px;
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  span {
+    width: 100%;
+    display: inline-block;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    margin-left: 25px;
+  }
+  svg{
+    position: relative;
+    right: 20px;
+  }
+}
 .btnms {
   display: flex;
 }
@@ -1264,6 +1295,8 @@ export default {
 .sidebar-left {
   position: absolute;
   left: 20px;
+  top: 70px;
+  width: 350px;
 }
 .sidebar-left1 {
   position: absolute;
@@ -1292,10 +1325,6 @@ export default {
 .top2 {
   background-color: rgba(0, 0, 0, 0.2);
 }
-.sidebar-left {
-  top: 50px;
-  width: 350px;
-}
 .sidebar-left1 {
   top: 150px;
   width: 340px;
@@ -2101,6 +2130,10 @@ export default {
 
 <style scoped>
 .windView{
-font-family: "Bicubik";
+  font-family: "Bicubik";
+
 }
+</style>
+<style lang="less">
+
 </style>