修改 底部模式切换

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>