Merge branch 'csharp'

2025-05-13 13:00:37 +08:00
parent 91838ff632 74d40d25e2
commit 099d44663d
24 changed files with 1163 additions and 197 deletions
--- a/src/components/Dialog.vue
+++ b/src/components/Dialog.vue
@@ -0,0 +1,20 @@
+<template>
+  <dialog class="modal" :open="dialog.isDialogOpen">
+    <div class="modal-box w-2/5 max-w-md max-h-xs">
+      <h3 class="text-lg font-bold">{{ dialog.dialogTitle }}</h3>
+      <p class="py-4">{{ dialog.dialogContent }}</p>
+      <div class="modal-action">
+        <button class="btn" @click="dialog.closeDialog">Close</button>
+      </div>
+    </div>
+  </dialog>
+</template>
+
+<script lang="ts" setup>
+import { useDialogStore } from "@/stores/dialog";
+const dialog = useDialogStore();
+</script>
+
+<style scoped lang="postcss">
+@import "@/assets/main.css";
+</style>
--- a/src/components/LoginCard.vue
+++ b/src/components/LoginCard.vue
@@ -5,19 +5,19 @@
      <div class="flex flex-col w-full h-full">
        <label class="input w-full my-3">
          <img class="h-[1em] opacity-50" src="@/assets/user.svg" alt="User img" />
-          <input type="text" class="grow" placeholder="User Name" />
+          <input type="text" class="grow" placeholder="用户名" />
        </label>
        <label class="input w-full my-3">
          <img class="h-[1em] opacity-50" src="@/assets/pwd.svg" alt="User img" />
-          <input type="text" class="grow" placeholder="User Name" />
+          <input type="text" class="grow" placeholder="密码" />
        </label>
      </div>
      <div>
-        <RouterLink class="flex justify-end mx-3" to="/">Forget Password</RouterLink>
+        <RouterLink class="flex justify-end mx-3" to="/">忘记密码?</RouterLink>
      </div>
      <div class="card-actions flex items-end my-3">
-        <button class="btn flex-1">Sign Up</button>
-        <button class="btn btn-primary flex-3">Login</button>
+        <button class="btn flex-1">注册</button>
+        <button class="btn btn-primary flex-3">登录</button>
      </div>
    </div>
  </div>
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -2,24 +2,28 @@
  <div class="navbar bg-base-100 shadow-xl">
    <div class="navbar-start">
      <div class="dropdown">
-        <div tabindex="0" role="button" class="btn btn-ghost hover:bg-primary hover:bg-opacity-20 transition-all duration-300">
+        <div tabindex="0" role="button"
+          class="btn btn-ghost hover:bg-primary hover:bg-opacity-20 transition-all duration-300">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" />
          </svg>
        </div>
-        <ul tabindex="0" class="menu menu-sm dropdown-content bg-base-100 rounded-lg z-50 mt-3 w-52 p-2 shadow-lg transition-all duration-300 ease-in-out">
+        <ul tabindex="0"
+          class="menu menu-sm dropdown-content bg-base-100 rounded-lg z-50 mt-3 w-52 p-2 shadow-lg transition-all duration-300 ease-in-out">
          <li class="my-1 hover:translate-x-1 transition-all duration-300">
            <router-link to="/" class="text-base font-medium">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 opacity-70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
-                <polyline points="9 22 9 12 15 12 15 22"/>
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 opacity-70" viewBox="0 0 24 24" fill="none"
+                stroke="currentColor" stroke-width="2">
+                <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+                <polyline points="9 22 9 12 15 12 15 22" />
              </svg>
              首页
            </router-link>
          </li>
          <li class="my-1 hover:translate-x-1 transition-all duration-300">
            <router-link to="/user" class="text-base font-medium">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 opacity-70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 opacity-70" viewBox="0 0 24 24" fill="none"
+                stroke="currentColor" stroke-width="2">
                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                <circle cx="12" cy="7" r="4"></circle>
              </svg>
@@ -28,7 +32,8 @@
          </li>
          <li class="my-1 hover:translate-x-1 transition-all duration-300">
            <router-link to="/project" class="text-base font-medium">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 opacity-70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 opacity-70" viewBox="0 0 24 24" fill="none"
+                stroke="currentColor" stroke-width="2">
                <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path>
                <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path>
              </svg>
@@ -37,7 +42,8 @@
          </li>
          <li class="my-1 hover:translate-x-1 transition-all duration-300">
            <router-link to="/test" class="text-base font-medium">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 opacity-70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 opacity-70" viewBox="0 0 24 24" fill="none"
+                stroke="currentColor" stroke-width="2">
                <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path>
              </svg>
              测试功能
@@ -45,7 +51,8 @@
          </li>
          <li class="my-1 hover:translate-x-1 transition-all duration-300">
            <router-link to="/test/jtag" class="text-base font-medium">
-              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 opacity-70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 opacity-70" viewBox="0 0 24 24" fill="none"
+                stroke="currentColor" stroke-width="2">
                <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
                <line x1="8" y1="21" x2="16" y2="21"></line>
                <line x1="12" y1="17" x2="12" y2="21"></line>
@@ -53,6 +60,17 @@
              JTAG测试
            </router-link>
          </li>
+          <li class="my-1 hover:translate-x-1 transition-all duration-300">
+            <a href="http://localhost:5000/swagger" target="_self" rel="noopener noreferrer"
+              class="text-base font-medium">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 opacity-70" viewBox="0 0 24 24" fill="none"
+                stroke="currentColor" stroke-width="2">
+                <path d="M3 3h18v18H3z"></path>
+                <path d="M8 8h8v8H8z" fill="currentColor"></path>
+              </svg>
+              OpenAPI文档
+            </a>
+          </li>
        </ul>
      </div>
    </div>
@@ -62,7 +80,8 @@
      </router-link>
    </div>
    <div class="navbar-end">
-      <router-link to="/login" class="btn btn-primary text-base-100 transition-all duration-300 hover:scale-105 hover:shadow-lg mr-3">
+      <router-link to="/login"
+        class="btn btn-primary text-base-100 transition-all duration-300 hover:scale-105 hover:shadow-lg mr-3">
        登录
      </router-link>
      <div class="ml-2 transition-all duration-500 hover:rotate-12">
--- a/src/components/UploadCard.vue
+++ b/src/components/UploadCard.vue
@@ -1,48 +1,103 @@
 <template>
-  <div class="card card-dash shadow-xl w-90 h-60">
-    <div class="card-body flex">
-      <!-- Title -->
-      <h1 class="card-title place-self-center font-bold text-2xl">
-        上传比特流文件
-      </h1>
+  <div class="flex flex-col bg-base-100 justify-center items-center">
+    <!-- Title -->
+    <h1 class="font-bold text-2xl">上传比特流文件</h1>

-      <!-- Input File -->
-      <fieldset class="fieldset w-full">
-        <legend class="fieldset-legend text-sm">选择或拖拽上传文件</legend>
-        <input type="file" class="file-input" @change="handleFileChange" />
-        <label class="fieldset-label">文件最大容量: 2MB</label>
-      </fieldset>
+    <!-- Input File -->
+    <fieldset class="fieldset w-full">
+      <legend class="fieldset-legend text-sm">选择或拖拽上传文件</legend>
+      <input type="file" class="file-input w-full" @change="handleFileChange" />
+      <label class="fieldset-label">文件最大容量: {{ maxMemory }}MB</label>
+    </fieldset>

-      <!-- Upload Button -->
-      <div class="card-actions">
-        <button @click="uploadBitStream" class="btn btn-primary grow">
-          上传
-        </button>
-      </div>
+    <!-- Upload Button -->
+    <div class="card-actions w-full">
+      <button @click="handleClick" class="btn btn-primary grow">
+        {{ buttonText }}
+      </button>
    </div>
  </div>
 </template>

 <script lang="ts" setup>
-var bitstream = null;
+import { computed } from "vue";
+import { useDialogStore } from "@/stores/dialog";
+import { isNull, isUndefined } from "lodash";
+
+const dialog = useDialogStore();
+
+const buttonText = computed(() => {
+  return isUndefined(props.downloadEvent) ? "上传" : "上传并下载";
+});
+
+var bitstream: File | null = null;

 function handleFileChange(event: Event): void {
  const target = event.target as HTMLInputElement;
  const file = target.files?.[0]; // 获取选中的第一个文件

  if (!file) {
-    console.error("未选择文件");
    return;
  }

  bitstream = file;
-
-  console.log(bitstream);
 }

-async function uploadBitStream() {}
+function checkFile(file: File | null): boolean {
+  if (isNull(file)) {
+    dialog.error(`未选择文件`);
+    return false;
+  }

-function checkFileType(file: File) {}
+  const maxBytes = props.maxMemory! * 1024 * 1024; // 将最大容量从 MB 转换为字节
+  if (file.size > maxBytes) {
+    dialog.error(`文件大小超过最大限制: ${props.maxMemory}MB`);
+    return false;
+  }
+  return true;
+}
+
+async function handleClick(event: Event): Promise<void> {
+  if (!checkFile(bitstream)) return;
+  if (isUndefined(props.uploadEvent)) {
+    dialog.error("无法上传");
+    return;
+  }
+
+  // Upload
+  try {
+    const ret = await props.uploadEvent(event, bitstream);
+    if (isUndefined(props.downloadEvent)) {
+      if (ret) dialog.info("上传成功");
+      else dialog.error("上传失败");
+      return;
+    }
+  } catch (e) {
+    dialog.error("上传失败");
+    console.error(e);
+    return;
+  }
+
+  // Download
+  try {
+    const ret = await props.downloadEvent();
+    if (ret) dialog.info("下载成功");
+    else dialog.error("下载失败");
+  } catch (e) {
+    dialog.error("下载失败");
+    console.error(e);
+  }
+}
+
+interface Props {
+  uploadEvent?: Function;
+  downloadEvent?: Function;
+  maxMemory?: number;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  maxMemory: 4,
+});
 </script>

 <style scoped lang="postcss">