修改 底部模式切换

frontend/src/layouts/LayoutTransverse/index.vue

@@ -44,10 +44,8 @@
       </el-menu>
       <ToolBarRight />
     </el-header>
-    <Main class="111" style="height: calc(100vh - 150px);overflow-y:auto; overflow-x:hidden;"/>
-    <!-- <div>
-      123
-    </div> -->
+    <Main />
+
   </el-container>
 </template>
 

frontend/src/layouts/components/Footer/index.scss

@@ -1,5 +1,5 @@
 .footer {
-  height: 30px;
+  height: 40px;
   background-color: var(--el-bg-color);
   border-top: 1px solid var(--el-border-color-light);
   a {
@@ -8,4 +8,6 @@
     text-decoration: none;
     letter-spacing: 0.5px;
   }
+
+
 }

frontend/src/layouts/components/Footer/index.vue

@@ -1,9 +1,32 @@
 <template>
-  <div class="footer flx-center">
-    <a href="http://www.shining-electric.com/" target="_blank"> 2024 © 南京灿能电力自动化股份有限公司 </a>
+  <div class="footer flx-align-center pl10">
+    <el-dropdown>
+    <!-- <span class="el-dropdown-link">
+      {{ title }}
+      <el-icon class="el-icon--right">
+        <arrow-down />
+      </el-icon>
+    </span> -->
+    <el-button type="primary">
+       {{ title }}<el-icon class="el-icon--right"><arrow-down /></el-icon>
+      </el-button>
+    <template #dropdown>
+      <el-dropdown-menu>
+        <el-dropdown-item @click="title='模拟式模式'">模拟式模式</el-dropdown-item>
+        <el-dropdown-item @click="title='数字式模式'">数字式模式</el-dropdown-item>
+        <el-dropdown-item @click="title='对比式模式'">对比式模式</el-dropdown-item>
+       
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+    <!-- <a href="http://www.shining-electric.com/" target="_blank"> 2024 © 南京灿能电力自动化股份有限公司 </a> -->
   </div>
 </template>
+<script lang="ts" setup>
+import { ref, reactive, computed } from "vue";
+const title=ref('模拟式模式')
 
+</script>
 <style scoped lang="scss">
 @import "./index.scss";
 </style>

frontend/src/layouts/components/Main/index.vue

@@ -2,7 +2,7 @@
   <Maximize v-show="maximize" />
   <Tabs v-if="tabs && showMenuFlag" />
   <el-main>
-    <router-view v-slot="{ Component, route }" >
+    <router-view v-slot="{ Component, route }" style="height: calc(100vh - 157px);overflow-y:auto; overflow-x:hidden;">
       <transition appear name="fade-transform" mode="out-in">
         <keep-alive :include="keepAliveName">
           <component
@@ -14,7 +14,8 @@
       </transition>
     </router-view>
   </el-main>
-  <el-footer v-show="footer">
+  <el-footer >
+    <!-- v-show="footer" -->
     <Footer />
   </el-footer>
 </template>