feat: 添加下载进度条

src/APIClient.ts

@@ -3331,9 +3331,9 @@ export class JtagClient {
      * @param address (optional) JTAG 设备地址
      * @param port (optional) JTAG 设备端口
      * @param bitstreamId (optional) 比特流ID
-     * @return 下载结果
+     * @return 进度跟踪TaskID
      */
-    downloadBitstream(address: string | undefined, port: number | undefined, bitstreamId: number | undefined, cancelToken?: CancelToken): Promise<boolean> {
+    downloadBitstream(address: string | undefined, port: number | undefined, bitstreamId: number | undefined, cancelToken?: CancelToken): Promise<string> {
         let url_ = this.baseUrl + "/api/Jtag/DownloadBitstream?";
         if (address === null)
             throw new Error("The parameter 'address' cannot be null.");
@@ -3369,7 +3369,7 @@ export class JtagClient {
         });
     }
 
-    protected processDownloadBitstream(response: AxiosResponse): Promise<boolean> {
+    protected processDownloadBitstream(response: AxiosResponse): Promise<string> {
         const status = response.status;
         let _headers: any = {};
         if (response.headers && typeof response.headers === "object") {
@@ -3385,7 +3385,7 @@ export class JtagClient {
             let resultData200  = _responseText;
                 result200 = resultData200 !== undefined ? resultData200 : <any>null;
     
-            return Promise.resolve<boolean>(result200);
+            return Promise.resolve<string>(result200);
 
         } else if (status === 400) {
             const _responseText = response.data;
@@ -3413,7 +3413,7 @@ export class JtagClient {
             const _responseText = response.data;
             return throwException("An unexpected server error occurred.", status, _responseText, _headers);
         }
-        return Promise.resolve<boolean>(null as any);
+        return Promise.resolve<string>(null as any);
     }
 
     /**

src/TypedSignalR.Client/index.ts

@@ -3,7 +3,8 @@
 /* tslint:disable */
 // @ts-nocheck
 import type { HubConnection, IStreamResult, Subject } from '@microsoft/signalr';
-import type { IJtagHub, IJtagReceiver } from './server.Hubs.JtagHub';
+import type { IJtagHub, IProgressHub, IJtagReceiver, IProgressReceiver } from './server.Hubs';
+import type { ProgressInfo } from '../server.Hubs';
 
 
 // components
@@ -43,22 +44,30 @@ class ReceiverMethodSubscription implements Disposable {
 
 export type HubProxyFactoryProvider = {
     (hubType: "IJtagHub"): HubProxyFactory<IJtagHub>;
+    (hubType: "IProgressHub"): HubProxyFactory<IProgressHub>;
 }
 
 export const getHubProxyFactory = ((hubType: string) => {
     if(hubType === "IJtagHub") {
         return IJtagHub_HubProxyFactory.Instance;
     }
+    if(hubType === "IProgressHub") {
+        return IProgressHub_HubProxyFactory.Instance;
+    }
 }) as HubProxyFactoryProvider;
 
 export type ReceiverRegisterProvider = {
     (receiverType: "IJtagReceiver"): ReceiverRegister<IJtagReceiver>;
+    (receiverType: "IProgressReceiver"): ReceiverRegister<IProgressReceiver>;
 }
 
 export const getReceiverRegister = ((receiverType: string) => {
     if(receiverType === "IJtagReceiver") {
         return IJtagReceiver_Binder.Instance;
     }
+    if(receiverType === "IProgressReceiver") {
+        return IProgressReceiver_Binder.Instance;
+    }
 }) as ReceiverRegisterProvider;
 
 // HubProxy
@@ -92,6 +101,27 @@ class IJtagHub_HubProxy implements IJtagHub {
     }
 }
 
+class IProgressHub_HubProxyFactory implements HubProxyFactory<IProgressHub> {
+    public static Instance = new IProgressHub_HubProxyFactory();
+
+    private constructor() {
+    }
+
+    public readonly createHubProxy = (connection: HubConnection): IProgressHub => {
+        return new IProgressHub_HubProxy(connection);
+    }
+}
+
+class IProgressHub_HubProxy implements IProgressHub {
+
+    public constructor(private connection: HubConnection) {
+    }
+
+    public readonly join = async (taskId: string): Promise<boolean> => {
+        return await this.connection.invoke("Join", taskId);
+    }
+}
+
 
 // Receiver
 
@@ -116,3 +146,24 @@ class IJtagReceiver_Binder implements ReceiverRegister<IJtagReceiver> {
     }
 }
 
+class IProgressReceiver_Binder implements ReceiverRegister<IProgressReceiver> {
+
+    public static Instance = new IProgressReceiver_Binder();
+
+    private constructor() {
+    }
+
+    public readonly register = (connection: HubConnection, receiver: IProgressReceiver): Disposable => {
+
+        const __onReceiveProgress = (...args: [ProgressInfo]) => receiver.onReceiveProgress(...args);
+
+        connection.on("OnReceiveProgress", __onReceiveProgress);
+
+        const methodList: ReceiverMethod[] = [
+            { methodName: "OnReceiveProgress", method: __onReceiveProgress }
+        ]
+
+        return new ReceiverMethodSubscription(connection, methodList);
+    }
+}
+

src/TypedSignalR.Client/server.Hubs.ts

@@ -3,6 +3,7 @@
 /* tslint:disable */
 // @ts-nocheck
 import type { IStreamResult, Subject } from '@microsoft/signalr';
+import type { ProgressInfo } from '../server.Hubs';
 
 export type IJtagHub = {
     /**
@@ -21,6 +22,14 @@ export type IJtagHub = {
     stopBoundaryScan(): Promise<boolean>;
 }
 
+export type IProgressHub = {
+    /**
+    * @param taskId Transpiled from string
+    * @returns Transpiled from System.Threading.Tasks.Task<bool>
+    */
+    join(taskId: string): Promise<boolean>;
+}
+
 export type IJtagReceiver = {
     /**
     * @param msg Transpiled from System.Collections.Generic.Dictionary<string, bool>
@@ -29,3 +38,11 @@ export type IJtagReceiver = {
     onReceiveBoundaryScanData(msg: Partial<Record<string, boolean>>): Promise<void>;
 }
 
+export type IProgressReceiver = {
+    /**
+    * @param message Transpiled from server.Hubs.ProgressInfo
+    * @returns Transpiled from System.Threading.Tasks.Task
+    */
+    onReceiveProgress(message: ProgressInfo): Promise<void>;
+}
+

src/components/UploadCard.vue

@@ -1,276 +1,314 @@
-<template>
-  <div class="flex flex-col bg-base-100 justify-center items-center gap-4">
-    <!-- Title -->
-    <h1 class="font-bold text-2xl">比特流文件</h1>
-
-    <!-- 示例比特流下载区域 (仅在有examId时显示) -->
-    <div v-if="examId && availableBitstreams.length > 0" class="w-full">
-      <fieldset class="fieldset w-full">
-        <legend class="fieldset-legend text-sm">示例比特流文件</legend>
-        <div class="space-y-2">
-          <div v-for="bitstream in availableBitstreams" :key="bitstream.id" class="flex items-center justify-between p-2 border-2 border-base-300 rounded-lg">
-            <span class="text-sm">{{ bitstream.name }}</span>
-            <div class="flex gap-2">
-              <button 
-                @click="downloadExampleBitstream(bitstream)" 
-                class="btn btn-sm btn-secondary"
-                :disabled="isDownloading || isProgramming"
-              >
-                <div v-if="isDownloading">
-                  <span class="loading loading-spinner loading-xs"></span>
-                  下载中...
-                </div>
-                <div v-else>
-                  下载示例
-                </div>
-              </button>
-              <button 
-                @click="programExampleBitstream(bitstream)" 
-                class="btn btn-sm btn-primary"
-                :disabled="isDownloading || isProgramming || !uploadEvent"
-              >
-                <div v-if="isProgramming">
-                  <span class="loading loading-spinner loading-xs"></span>
-                  烧录中...
-                </div>
-                <div v-else>
-                  直接烧录
-                </div>
-              </button>
-            </div>
-          </div>
-        </div>
-      </fieldset>
-    </div>
-
-    <!-- 分割线 -->
-    <div v-if="examId && availableBitstreams.length > 0" class="divider">或</div>
-
-    <!-- Input File -->
-    <fieldset class="fieldset w-full">
-      <legend class="fieldset-legend text-sm">上传自定义比特流文件</legend>
-      <input type="file" ref="fileInput" class="file-input w-full" @change="handleFileChange" />
-      <label class="fieldset-label">文件最大容量: {{ maxMemory }}MB</label>
-    </fieldset>
-
-    <!-- Upload Button -->
-    <div class="card-actions w-full">
-      <button @click="handleClick" class="btn btn-primary grow" :disabled="isUploading || isProgramming">
-        <div v-if="isUploading">
-          <span class="loading loading-spinner"></span>
-          上传中...
-        </div>
-        <div v-else>
-          {{ buttonText }}
-        </div>
-      </button>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, useTemplateRef, onMounted } from "vue";
-import { AuthManager } from "@/utils/AuthManager"; // Adjust the path based on your project structure
-import { useDialogStore } from "@/stores/dialog";
-import { isNull, isUndefined } from "lodash";
-
-interface Props {
-  uploadEvent?: (file: File, examId: string) => Promise<number | null>;
-  downloadEvent?: (bitstreamId: number) => Promise<boolean>;
-  maxMemory?: number;
-  examId?: string; // 新增examId属性
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  maxMemory: 4,
-  examId: '',
-});
-
-const emits = defineEmits<{
-  finishedUpload: [file: File];
-}>();
-
-const dialog = useDialogStore();
-
-const isUploading = ref(false);
-const isDownloading = ref(false);
-const isProgramming = ref(false);
-const availableBitstreams = ref<{id: number, name: string}[]>([]);
-
-const buttonText = computed(() => {
-  return isUndefined(props.downloadEvent) ? "上传" : "上传并下载";
-});
-
-const fileInput = useTemplateRef("fileInput");
-const bitstream = defineModel("bitstreamFile", {
-  type: File,
-  default: undefined,
-});
-
-// 初始化时加载示例比特流
-onMounted(async () => {
-  if (!isUndefined(bitstream.value) && !isNull(fileInput.value)) {
-    let fileList = new DataTransfer();
-    fileList.items.add(bitstream.value);
-    fileInput.value.files = fileList.files;
-  }
-  
-  await loadAvailableBitstreams();
-});
-
-// 加载可用的比特流文件列表
-async function loadAvailableBitstreams() {
-  console.log('加载可用比特流文件，examId:', props.examId);
-  if (!props.examId) {
-    availableBitstreams.value = [];
-    return;
-  }
-  
-  try {
-    const resourceClient = AuthManager.createAuthenticatedResourceClient();
-    // 使用新的ResourceClient API获取比特流模板资源列表
-    const resources = await resourceClient.getResourceList(props.examId, 'bitstream', 'template');
-    availableBitstreams.value = resources.map(r => ({ id: r.id, name: r.name })) || [];
-  } catch (error) {
-    console.error('加载比特流列表失败:', error);
-    availableBitstreams.value = [];
-  }
-}
-
-// 下载示例比特流
-async function downloadExampleBitstream(bitstream: {id: number, name: string}) {
-  if (isDownloading.value) return;
-  
-  isDownloading.value = true;
-  try {
-    const resourceClient = AuthManager.createAuthenticatedResourceClient();
-    
-    // 使用新的ResourceClient API获取资源文件
-    const response = await resourceClient.getResourceById(bitstream.id);
-    
-    if (response && response.data) {
-      // 创建下载链接
-      const url = URL.createObjectURL(response.data);
-      const link = document.createElement('a');
-      link.href = url;
-      link.download = response.fileName || bitstream.name;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      URL.revokeObjectURL(url);
-      
-      dialog.info("示例比特流下载成功");
-    } else {
-      dialog.error("下载失败：响应数据为空");
-    }
-  } catch (error) {
-    console.error('下载示例比特流失败:', error);
-    dialog.error("下载示例比特流失败");
-  } finally {
-    isDownloading.value = false;
-  }
-}
-
-// 直接烧录示例比特流
-async function programExampleBitstream(bitstream: {id: number, name: string}) {
-  if (isProgramming.value) return;
-  
-  isProgramming.value = true;
-  try {
-    const resourceClient = AuthManager.createAuthenticatedResourceClient();
-
-    if (props.downloadEvent) {
-      const downloadSuccess = await props.downloadEvent(bitstream.id);
-      if (downloadSuccess) {
-        dialog.info("示例比特流烧录成功");
-      } else {
-        dialog.error("烧录失败");
-      }
-    } else {
-      dialog.info("示例比特流props.downloadEvent未定义 无法烧录");
-    }
-  } catch (error) {
-    console.error('烧录示例比特流失败:', error);
-    dialog.error("烧录示例比特流失败");
-  } finally {
-    isProgramming.value = false;
-  }
-}
-
-function handleFileChange(event: Event): void {
-  const target = event.target as HTMLInputElement;
-  const file = target.files?.[0]; // 获取选中的第一个文件
-
-  if (!file) {
-    return;
-  }
-
-  bitstream.value = file;
-}
-
-function checkFile(file: File): boolean {
-  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> {
-  console.log("上传按钮被点击");
-  if (isNull(bitstream.value) || isUndefined(bitstream.value)) {
-    dialog.error(`未选择文件`);
-    return;
-  }
-
-  if (!checkFile(bitstream.value)) return;
-  if (isUndefined(props.uploadEvent)) {
-    dialog.error("无法上传");
-    return;
-  }
-
-  isUploading.value = true;
-  let uploadedBitstreamId: number | null = null;
-  try {
-    console.log("开始上传比特流文件:", bitstream.value.name);
-    const bitstreamId = await props.uploadEvent(bitstream.value, props.examId || '');
-    console.log("上传结果，ID:", bitstreamId);
-    if (isUndefined(props.downloadEvent)) {
-      console.log("上传成功，下载未定义");
-      isUploading.value = false;
-      return;
-    }
-    if (bitstreamId === null || bitstreamId === undefined) {
-      isUploading.value = false;
-      return;
-    }
-    uploadedBitstreamId = bitstreamId;
-  } catch (e) {
-    dialog.error("上传失败");
-    console.error(e);
-    return;
-  }
-
-  // Download
-  try {
-    console.log("开始下载比特流，ID:", uploadedBitstreamId);
-    if (uploadedBitstreamId === null || uploadedBitstreamId === undefined) {
-      dialog.error("uploadedBitstreamId is null or undefined");
-    } else {
-      const ret = await props.downloadEvent(uploadedBitstreamId);
-      if (ret) dialog.info("下载成功");
-      else dialog.error("下载失败");
-    }
-  } catch (e) {
-    dialog.error("下载失败");
-    console.error(e);
-  }
-
-  isUploading.value = false;
-}
-</script>
-
-<style scoped lang="postcss">
-@import "../assets/main.css";
-</style>
+<template>
+  <div class="flex flex-col bg-base-100 justify-center items-center gap-4">
+    <!-- Title -->
+    <h1 class="font-bold text-2xl">比特流文件</h1>
+
+    <!-- 示例比特流下载区域 (仅在有examId时显示) -->
+    <div v-if="examId && availableBitstreams.length > 0" class="w-full">
+      <fieldset class="fieldset w-full">
+        <legend class="fieldset-legend text-sm">示例比特流文件</legend>
+        <div class="space-y-2">
+          <div
+            v-for="bitstream in availableBitstreams"
+            :key="bitstream.id"
+            class="flex items-center justify-between p-2 border-2 border-base-300 rounded-lg"
+          >
+            <span class="text-sm">{{ bitstream.name }}</span>
+            <div class="flex gap-2">
+              <button
+                @click="downloadExampleBitstream(bitstream)"
+                class="btn btn-sm btn-secondary"
+                :disabled="isDownloading || isProgramming"
+              >
+                <div v-if="isDownloading">
+                  <span class="loading loading-spinner loading-xs"></span>
+                  {{ downloadProgress }}%
+                </div>
+                <div v-else>下载示例</div>
+              </button>
+              <button
+                @click="programExampleBitstream(bitstream)"
+                class="btn btn-sm btn-primary"
+                :disabled="isDownloading || isProgramming"
+              >
+                <div v-if="isProgramming">
+                  <span class="loading loading-spinner loading-xs"></span>
+                  烧录中...
+                </div>
+                <div v-else>直接烧录</div>
+              </button>
+            </div>
+          </div>
+        </div>
+      </fieldset>
+    </div>
+
+    <!-- 分割线 -->
+    <div v-if="examId && availableBitstreams.length > 0" class="divider">
+      或
+    </div>
+
+    <!-- Input File -->
+    <fieldset class="fieldset w-full">
+      <legend class="fieldset-legend text-sm">上传自定义比特流文件</legend>
+      <input
+        type="file"
+        ref="fileInput"
+        class="file-input w-full"
+        @change="handleFileChange"
+      />
+      <label class="fieldset-label">文件最大容量: {{ maxMemory }}MB</label>
+    </fieldset>
+
+    <!-- Upload Button -->
+    <div class="card-actions w-full">
+      <button
+        @click="handleClick"
+        class="btn btn-primary grow"
+        :disabled="isUploading || isProgramming"
+      >
+        <div v-if="isUploading">
+          <span class="loading loading-spinner"></span>
+          上传中...
+        </div>
+        <div v-else>上传并下载</div>
+      </button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, useTemplateRef, onMounted } from "vue";
+import { AuthManager } from "@/utils/AuthManager"; // Adjust the path based on your project structure
+import { useDialogStore } from "@/stores/dialog";
+import { isNull, isUndefined } from "lodash";
+import { useEquipments } from "@/stores/equipments";
+import type { HubConnection } from "@microsoft/signalr";
+import type {
+  IProgressHub,
+  IProgressReceiver,
+} from "@/TypedSignalR.Client/server.Hubs";
+import { getHubProxyFactory, getReceiverRegister } from "@/TypedSignalR.Client";
+import { ProgressStatus } from "@/server.Hubs";
+import { useRequiredInjection } from "@/utils/Common";
+import { useAlertStore } from "./Alert";
+
+interface Props {
+  maxMemory?: number;
+  examId?: string; // 新增examId属性
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  maxMemory: 4,
+  examId: "",
+});
+
+const emits = defineEmits<{
+  finishedUpload: [file: File];
+}>();
+
+const alert = useRequiredInjection(useAlertStore);
+const dialog = useDialogStore();
+const eqps = useEquipments();
+
+const isUploading = ref(false);
+const isDownloading = ref(false);
+const isProgramming = ref(false);
+const availableBitstreams = ref<{ id: number; name: string }[]>([]);
+
+// Progress
+const downloadTaskId = ref("");
+const downloadProgress = ref(0);
+const progressHubConnection = ref<HubConnection>();
+const progressHubProxy = ref<IProgressHub>();
+const progressHubReceiver: IProgressReceiver = {
+  onReceiveProgress: async (msg) => {
+    if (msg.taskId == downloadTaskId.value) {
+      if (msg.status == ProgressStatus.InProgress) {
+        downloadProgress.value = msg.progressPercent;
+      } else if (msg.status == ProgressStatus.Failed) {
+        dialog.error(msg.errorMessage);
+      } else if (msg.status == ProgressStatus.Completed) {
+        alert.info("比特流下载成功");
+      }
+    }
+  },
+};
+onMounted(async () => {
+  progressHubConnection.value =
+    AuthManager.createAuthenticatedProgressHubConnection();
+  progressHubProxy.value = getHubProxyFactory("IProgressHub").createHubProxy(
+    progressHubConnection.value,
+  );
+  getReceiverRegister("IProgressReceiver").register(
+    progressHubConnection.value,
+    progressHubReceiver,
+  );
+});
+
+const fileInput = useTemplateRef("fileInput");
+const bitstream = defineModel("bitstreamFile", {
+  type: File,
+  default: undefined,
+});
+
+// 初始化时加载示例比特流
+onMounted(async () => {
+  if (!isUndefined(bitstream.value) && !isNull(fileInput.value)) {
+    let fileList = new DataTransfer();
+    fileList.items.add(bitstream.value);
+    fileInput.value.files = fileList.files;
+  }
+
+  await loadAvailableBitstreams();
+});
+
+// 加载可用的比特流文件列表
+async function loadAvailableBitstreams() {
+  console.log("加载可用比特流文件，examId:", props.examId);
+  if (!props.examId) {
+    availableBitstreams.value = [];
+    return;
+  }
+
+  try {
+    const resourceClient = AuthManager.createAuthenticatedResourceClient();
+    // 使用新的ResourceClient API获取比特流模板资源列表
+    const resources = await resourceClient.getResourceList(
+      props.examId,
+      "bitstream",
+      "template",
+    );
+    availableBitstreams.value =
+      resources.map((r) => ({ id: r.id, name: r.name })) || [];
+  } catch (error) {
+    console.error("加载比特流列表失败:", error);
+    availableBitstreams.value = [];
+  }
+}
+
+// 下载示例比特流
+async function downloadExampleBitstream(bitstream: {
+  id: number;
+  name: string;
+}) {
+  if (isDownloading.value) return;
+
+  isDownloading.value = true;
+  try {
+    const resourceClient = AuthManager.createAuthenticatedResourceClient();
+
+    // 使用新的ResourceClient API获取资源文件
+    const response = await resourceClient.getResourceById(bitstream.id);
+
+    if (response && response.data) {
+      // 创建下载链接
+      const url = URL.createObjectURL(response.data);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = response.fileName || bitstream.name;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+
+      dialog.info("示例比特流下载成功");
+    } else {
+      dialog.error("下载失败：响应数据为空");
+    }
+  } catch (error) {
+    console.error("下载示例比特流失败:", error);
+    dialog.error("下载示例比特流失败");
+  } finally {
+    isDownloading.value = false;
+  }
+}
+
+// 直接烧录示例比特流
+async function programExampleBitstream(bitstream: {
+  id: number;
+  name: string;
+}) {
+  if (isProgramming.value) return;
+
+  isProgramming.value = true;
+  try {
+    const downloadTaskId = await eqps.jtagDownloadBitstream(bitstream.id);
+  } catch (error) {
+    console.error("烧录示例比特流失败:", error);
+    dialog.error("烧录示例比特流失败");
+  } finally {
+    isProgramming.value = false;
+  }
+}
+
+function handleFileChange(event: Event): void {
+  const target = event.target as HTMLInputElement;
+  const file = target.files?.[0]; // 获取选中的第一个文件
+
+  if (!file) {
+    return;
+  }
+
+  bitstream.value = file;
+}
+
+function checkFile(file: File): boolean {
+  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> {
+  console.log("上传按钮被点击");
+  if (isNull(bitstream.value) || isUndefined(bitstream.value)) {
+    dialog.error(`未选择文件`);
+    return;
+  }
+
+  if (!checkFile(bitstream.value)) return;
+
+  isUploading.value = true;
+  let uploadedBitstreamId: number | null = null;
+  try {
+    console.log("开始上传比特流文件:", bitstream.value.name);
+    const bitstreamId = await eqps.jtagUploadBitstream(
+      bitstream.value,
+      props.examId || "",
+    );
+    console.log("上传结果，ID:", bitstreamId);
+    if (bitstreamId === null || bitstreamId === undefined) {
+      isUploading.value = false;
+      return;
+    }
+    uploadedBitstreamId = bitstreamId;
+  } catch (e) {
+    dialog.error("上传失败");
+    console.error(e);
+    return;
+  }
+  isUploading.value = false;
+
+  // Download
+  try {
+    console.log("开始下载比特流，ID:", uploadedBitstreamId);
+    if (uploadedBitstreamId === null || uploadedBitstreamId === undefined) {
+      dialog.error("uploadedBitstreamId is null or undefined");
+    } else {
+      isDownloading.value = true;
+      downloadTaskId.value =
+        await eqps.jtagDownloadBitstream(uploadedBitstreamId);
+    }
+  } catch (e) {
+    dialog.error("下载失败");
+    console.error(e);
+  }
+}
+</script>
+
+<style scoped lang="postcss">
+@import "../assets/main.css";
+</style>

src/components/equipments/MotherBoardCaps.vue

@@ -24,7 +24,6 @@
     <UploadCard
       :exam-id="props.examId"
       :upload-event="eqps.jtagUploadBitstream"
-      :download-event="handleDownloadBitstream"
       :bitstream-file="eqps.jtagBitstream"
       @update:bitstream-file="handleBitstreamChange"
     >
@@ -128,11 +127,6 @@ function handleBitstreamChange(file: File | undefined) {
   eqps.jtagBitstream = file;
 }
 
-async function handleDownloadBitstream(bitstreamId: number): Promise<boolean> {
-  console.log("开始下载比特流，ID:", bitstreamId);
-  return await eqps.jtagDownloadBitstream(bitstreamId);
-}
-
 function handleSelectJtagSpeed(event: Event) {
   const target = event.target as HTMLSelectElement;
   eqps.jtagSetSpeed(target.selectedIndex);

src/server.Hubs.ts

@@ -0,0 +1,25 @@
+/* THIS (.ts) FILE IS GENERATED BY Tapper */
+/* eslint-disable */
+/* tslint:disable */
+
+/** Transpiled from server.Hubs.ProgressStatus */
+export enum ProgressStatus {
+    Pending = 0,
+    InProgress = 1,
+    Completed = 2,
+    Canceled = 3,
+    Failed = 4,
+}
+
+/** Transpiled from server.Hubs.ProgressInfo */
+export type ProgressInfo = {
+    /** Transpiled from string */
+    taskId: string;
+    /** Transpiled from server.Hubs.ProgressStatus */
+    status: ProgressStatus;
+    /** Transpiled from int */
+    progressPercent: number;
+    /** Transpiled from string */
+    errorMessage: string;
+}
+

src/stores/equipments.ts

@@ -12,7 +12,7 @@ import { AuthManager } from "@/utils/AuthManager";
 import { HubConnection, HubConnectionBuilder } from "@microsoft/signalr";
 import { getHubProxyFactory, getReceiverRegister } from "@/TypedSignalR.Client";
 import type { ResourceInfo } from "@/APIClient";
-import type { IJtagHub } from "@/TypedSignalR.Client/server.Hubs.JtagHub";
+import type { IJtagHub } from "@/TypedSignalR.Client/server.Hubs";
 
 export const useEquipments = defineStore("equipments", () => {
   // Global Stores
@@ -123,24 +123,27 @@ export const useEquipments = defineStore("equipments", () => {
     enableJtagBoundaryScan.value = enable;
   }
 
-  async function jtagUploadBitstream(bitstream: File, examId?: string): Promise<number | null> {
+  async function jtagUploadBitstream(
+    bitstream: File,
+    examId?: string,
+  ): Promise<number | null> {
     try {
       // 自动开启电源
       await powerSetOnOff(true);
 
       const resourceClient = AuthManager.createAuthenticatedResourceClient();
       const resp = await resourceClient.addResource(
-        'bitstream',
-        'user',
+        "bitstream",
+        "user",
         examId || null,
         toFileParameterOrUndefined(bitstream),
       );
-      
+
       // 如果上传成功，设置为当前选中的比特流
       if (resp && resp.id !== undefined && resp.id !== null) {
         return resp.id;
       }
-      
+
       return null;
     } catch (e) {
       dialog.error("上传错误");
@@ -149,10 +152,10 @@ export const useEquipments = defineStore("equipments", () => {
     }
   }
 
-  async function jtagDownloadBitstream(bitstreamId?: number): Promise<boolean> {
+  async function jtagDownloadBitstream(bitstreamId?: number): Promise<string> {
     if (bitstreamId === null || bitstreamId === undefined) {
       dialog.error("请先选择要下载的比特流");
-      return false;
+      return "";
     }
 
     const release = await jtagClientMutex.acquire();
@@ -170,7 +173,7 @@ export const useEquipments = defineStore("equipments", () => {
     } catch (e) {
       dialog.error("下载错误");
       console.error(e);
-      return false;
+      throw e;
     } finally {
       release();
     }

src/utils/AuthManager.ts

@@ -210,7 +210,7 @@ export class AuthManager {
   public static createAuthenticatedHdmiVideoStreamClient(): HdmiVideoStreamClient {
     return AuthManager.createAuthenticatedClient(HdmiVideoStreamClient);
   }
-  
+
   public static createAuthenticatedJtagHubConnection() {
     const token = this.getToken();
     if (isNull(token)) {
@@ -226,6 +226,21 @@ export class AuthManager {
       .build();
   }
 
+  public static createAuthenticatedProgressHubConnection() {
+    const token = this.getToken();
+    if (isNull(token)) {
+      router.push("/login");
+      throw Error("Token Null!");
+    }
+
+    return new HubConnectionBuilder()
+      .withUrl("http://127.0.0.1:5000/hubs/ProgressHub", {
+        accessTokenFactory: () => token,
+      })
+      .withAutomaticReconnect()
+      .build();
+  }
+
   // 登录函数
   public static async login(
     username: string,