feat TMDBID搜索

src/components/filebrowser/List.vue

@@ -10,6 +10,7 @@ import type { Context, EndPoints, FileItem } from '@/api/types'
 import store from '@/store'
 import api from '@/api'
 import MediaInfoCard from '@/components/cards/MediaInfoCard.vue'
+import TmdbSelectorCard from '@/components/cards/TmdbSelectorCard.vue'
 
 // 输入参数
 const inProps = defineProps({
@@ -92,6 +93,9 @@ const nameTestResult = ref<Context>()
 // 识别结果对话框
 const nameTestDialog = ref(false)
 
+// TMDB选择对话框
+const tmdbSelectorDialog = ref(false)
+
 // 生成1到50季的下拉框选项
 const seasonItems = ref(
   Array.from({ length: 51 }, (_, i) => i).map(item => ({
@@ -667,6 +671,8 @@ onMounted(() => {
                 label="TMDBID"
                 placeholder="留空自动识别"
                 :rules="[numberValidator]"
+                append-inner-icon="mdi-magnify"
+                @click:append-inner="tmdbSelectorDialog = true"
               />
             </VCol>
             <VCol
@@ -722,10 +728,10 @@ onMounted(() => {
         </VForm>
       </VCardText>
       <VCardActions>
-        <div class="flex-grow-1" />
         <VBtn depressed @click="transferPopper = false">
           取消
         </VBtn>
+        <VSpacer />
         <VBtn
           @click="transfer"
         >
@@ -766,6 +772,17 @@ onMounted(() => {
       </VCardItem>
     </vCard>
   </vDialog>
+  <!-- TMDB ID搜索框 -->
+  <vDialog
+    v-model="tmdbSelectorDialog"
+    width="600"
+    scrollable
+  >
+    <TmdbSelectorCard
+      v-model="transferForm.tmdbid"
+      @close="tmdbSelectorDialog = false"
+    />
+  </vDialog>
 </template>
 
 <style lang="scss" scoped>

src/components/filebrowser/Toolbar.vue

@@ -180,9 +180,3 @@ const sortIcon = computed(() => {
     </VDialog>
   </VToolbar>
 </template>
-
-<style lang="scss" scoped>
-.v-toolbar{
-  background: rgb(var(--v-table-header-background));
-}
-</style>

src/components/filebrowser/Tree.vue

@@ -35,6 +35,7 @@ function init() {
     name: 'root',
     children: [],
     size: 0,
+    modify_time: 0,
   }]
 }