feat: disable history item actions when the file removed

WhiteMinds · Mar 1, 2024 · dd5ff36 · dd5ff36
1 parent 8f06800
commit dd5ff36
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 8 deletions.
diff --git a/packages/http-server/src/routes/api_types.ts b/packages/http-server/src/routes/api_types.ts
@@ -27,7 +27,7 @@ export type ClientRecorder = Omit<
   recordHandle?: Omit<RecordHandle, 'stop'>
 }
 
-export type ClientRecord = RecordModel
+export type ClientRecord = RecordModel & { isFileExists?: boolean }
 
 export namespace API {
   export namespace getRecorders {

diff --git a/packages/http-server/src/routes/record.ts b/packages/http-server/src/routes/record.ts
@@ -16,7 +16,13 @@ async function getRecords(args: API.getRecords.Args): Promise<API.getRecords.Res
       start: startIdx,
       count,
     })
-    return { items, total }
+    return {
+      items: items.map((item) => ({
+        ...item,
+        isFileExists: fs.existsSync(item.savePath),
+      })),
+      total,
+    }
   })
   return pagedGetter(args.page, args.pageSize)
 }

diff --git a/packages/web/src/views/Records/index.vue b/packages/web/src/views/Records/index.vue
@@ -66,14 +66,30 @@
       <template v-slot:header.actions="{ column }">
         <span class="pl-3">{{ column.title }}</span>
       </template>
+
       <template v-slot:item.actions="{ value: record }">
         <div class="flex gap-0">
-          <router-link :to="{ name: RouteNames.Player, query: { id: record.id } }" target="_blank" tabindex="-1">
-            <v-btn size="small" variant="text">播放</v-btn>
-          </router-link>
-          <v-btn @click="genSRT(record)" size="small" variant="text" :loading="record.generatingSRT">
-            生成 srt 字幕
-          </v-btn>
+          <component
+            :is="!record.isFileExists ? 'span' : 'router-link'"
+            :to="{ name: RouteNames.Player, query: { id: record.id } }"
+            target="_blank"
+            tabindex="-1"
+            :title="!record.isFileExists ? '文件不存在' : ''"
+          >
+            <v-btn size="small" variant="text" :disabled="!record.isFileExists">播放</v-btn>
+          </component>
+
+          <span :title="!record.isFileExists ? '文件不存在' : ''">
+            <v-btn
+              @click="genSRT(record)"
+              size="small"
+              variant="text"
+              :loading="record.generatingSRT"
+              :disabled="!record.isFileExists"
+            >
+              生成 srt 字幕
+            </v-btn>
+          </span>
         </div>
       </template>
     </v-data-table>