feat: change test view to basic jtag upload and download page

src/App.vue

@@ -1,26 +1,34 @@
 <script setup lang="ts">
 import Navbar from "./components/Navbar.vue";
+import Dialog from "./components/Dialog.vue";
 import { ref, provide, onMounted } from "vue";
 
 // 主题切换状态管理
-const isDarkMode = ref(window.matchMedia('(prefers-color-scheme: dark)').matches);
+const isDarkMode = ref(
+  window.matchMedia("(prefers-color-scheme: dark)").matches,
+);
 
 // 初始化主题设置
 onMounted(() => {
   // 应用初始主题
   applyTheme();
-  
+
   // 监听系统主题变化
-  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
-    // 跟随系统变化
-    isDarkMode.value = e.matches;
-    applyTheme();
-  });
+  window
+    .matchMedia("(prefers-color-scheme: dark)")
+    .addEventListener("change", (e) => {
+      // 跟随系统变化
+      isDarkMode.value = e.matches;
+      applyTheme();
+    });
 });
 
 // 应用主题到文档
 const applyTheme = () => {
-  document.documentElement.setAttribute('data-theme', isDarkMode.value ? 'night' : 'winter');
+  document.documentElement.setAttribute(
+    "data-theme",
+    isDarkMode.value ? "night" : "winter",
+  );
 };
 
 // 切换主题
@@ -30,9 +38,9 @@ const toggleTheme = () => {
 };
 
 // 提供主题状态和切换方法给子组件
-provide('theme', {
+provide("theme", {
   isDarkMode,
-  toggleTheme
+  toggleTheme,
 });
 </script>
 
@@ -40,15 +48,18 @@ provide('theme', {
   <div>
     <header class="relative">
       <Navbar></Navbar>
+      <Dialog></Dialog>
     </header>
 
     <main>
       <RouterView />
-    </main>    <footer class="footer footer-center p-4 bg-base-300 text-base-content">
+    </main>
+    <footer class="footer footer-center p-4 bg-base-300 text-base-content">
       <div>
         <p>Copyright © 2023 - All right reserved by OurEDA</p>
       </div>
-    </footer>  </div>
+    </footer>
+  </div>
 </template>
 
 <style scoped>