From a56a65cc0db77d24f2bc3a61d92bbe12f17c914d Mon Sep 17 00:00:00 2001
From: SikongJueluo <selfconfusion@gmail.com>
Date: Sun, 20 Jul 2025 09:13:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=E8=8E=B7=E5=8F=96idcode?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/equipments/MotherBoardCaps.vue | 57 ++++++-------------
 1 file changed, 16 insertions(+), 41 deletions(-)

diff --git a/src/components/equipments/MotherBoardCaps.vue b/src/components/equipments/MotherBoardCaps.vue
index 1d14d34..63b21d3 100644
--- a/src/components/equipments/MotherBoardCaps.vue
+++ b/src/components/equipments/MotherBoardCaps.vue
@@ -8,28 +8,20 @@
         <p>
           IDCode: 0x{{ jtagIDCode.toString(16).padStart(8, "0").toUpperCase() }}
         </p>
-        <button class="btn btn-circle w-6 h-6" :onclick="getIDCode">
-          <RefreshCcwIcon class="icon" />
+        <button class="btn btn-circle w-6 h-6" :disabled="isGettingIDCode" :onclick="getIDCode">
+          <RefreshCcwIcon class="icon" :class="{ 'animate-spin': isGettingIDCode }" />
         </button>
       </div>
     </div>
     <div class="divider"></div>
-    <UploadCard
-      class="bg-base-200"
-      :upload-event="eqps.jtagUploadBitstream"
-      :download-event="eqps.jtagDownloadBitstream"
-      :bitstream-file="eqps.jtagBitstream"
-      @update:bitstream-file="handleBitstreamChange"
-    >
+    <UploadCard class="bg-base-200" :upload-event="eqps.jtagUploadBitstream"
+      :download-event="eqps.jtagDownloadBitstream" :bitstream-file="eqps.jtagBitstream"
+      @update:bitstream-file="handleBitstreamChange">
     </UploadCard>
     <div class="divider"></div>
     <div class="w-full">
       <legend class="fieldset-legend text-sm mb-0.3">Jtag运行频率</legend>
-      <select
-        class="select w-full"
-        @change="handleSelectJtagSpeed"
-        :value="props.jtagFreq"
-      >
+      <select class="select w-full" @change="handleSelectJtagSpeed" :value="props.jtagFreq">
         <option v-for="option in selectJtagSpeedOptions" :value="option.id">
           {{ option.text }}
         </option>
@@ -38,23 +30,12 @@
     <div class="flex flex-row items-center">
       <fieldset class="fieldset w-70">
         <legend class="fieldset-legend text-sm">边界扫描刷新率 / Hz</legend>
-        <input
-          type="number"
-          class="input validator"
-          required
-          placeholder="Type a number between 1 to 1000"
-          min="1"
-          max="1000"
-          v-model="jtagBoundaryScanFreq"
-          title="Type a number between 1 to 1000"
-        />
+        <input type="number" class="input validator" required placeholder="Type a number between 1 to 1000" min="1"
+          max="1000" v-model="jtagBoundaryScanFreq" title="Type a number between 1 to 1000" />
         <p class="validator-hint">输入一个1 ~ 1000的数</p>
       </fieldset>
-      <button
-        class="btn btn-primary grow mx-4"
-        :class="eqps.enableJtagBoundaryScan ? '' : 'btn-soft'"
-        :onclick="toggleJtagBoundaryScan"
-      >
+      <button class="btn btn-primary grow mx-4" :class="eqps.enableJtagBoundaryScan ? '' : 'btn-soft'"
+        :onclick="toggleJtagBoundaryScan">
         {{ eqps.enableJtagBoundaryScan ? "关闭边界扫描" : "启动边界扫描" }}
       </button>
     </div>
@@ -62,21 +43,12 @@
     <h1 class="font-bold text-center text-2xl">外设</h1>
     <div class="flex flex-row justify-around">
       <div class="flex flex-row">
-        <input
-          type="checkbox"
-          class="checkbox"
-          :checked="eqps.enableMatrixKey"
-          @change="handleMatrixkeyCheckboxChange"
-        />
+        <input type="checkbox" class="checkbox" :checked="eqps.enableMatrixKey"
+          @change="handleMatrixkeyCheckboxChange" />
         <p class="mx-2">启用矩阵键盘</p>
       </div>
       <div class="flex flex-row">
-        <input
-          type="checkbox"
-          class="checkbox"
-          :checked="eqps.enablePower"
-          @change="handlePowerCheckboxChange"
-        />
+        <input type="checkbox" class="checkbox" :checked="eqps.enablePower" @change="handlePowerCheckboxChange" />
         <p class="mx-2">启用电源</p>
       </div>
     </div>
@@ -162,8 +134,11 @@ async function toggleJtagBoundaryScan() {
   eqps.enableJtagBoundaryScan = !eqps.enableJtagBoundaryScan;
 }
 
+const isGettingIDCode = ref(false);
 async function getIDCode(isQuiet: boolean = false) {
+  isGettingIDCode.value = true;
   jtagIDCode.value = await eqps.jtagGetIDCode(isQuiet);
+  isGettingIDCode.value = false;
 }
 </script>