mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-05 23:56:42 +08:00
fix filemanager ui
This commit is contained in:
@@ -409,10 +409,9 @@ onMounted(() => {
|
|||||||
<VImg :src="getImgLink(path)" max-width="100%" max-height="100%" />
|
<VImg :src="getImgLink(path)" max-width="100%" max-height="100%" />
|
||||||
</VCardText>
|
</VCardText>
|
||||||
<VCardText v-else-if="dirs.length || files.length" class="p-0">
|
<VCardText v-else-if="dirs.length || files.length" class="p-0">
|
||||||
<VList v-if="dirs.length" subheader>
|
<VList subheader>
|
||||||
<VListSubheader>目录</VListSubheader>
|
|
||||||
<VHover
|
<VHover
|
||||||
v-for="(item, index) in dirs"
|
v-for="(item, index) in [...dirs, ...files]"
|
||||||
:key="index"
|
:key="index"
|
||||||
>
|
>
|
||||||
<template #default="hover">
|
<template #default="hover">
|
||||||
@@ -423,9 +422,13 @@ onMounted(() => {
|
|||||||
@click="changePath(item.path)"
|
@click="changePath(item.path)"
|
||||||
>
|
>
|
||||||
<template #prepend>
|
<template #prepend>
|
||||||
<VIcon icon="mdi-folder-outline" />
|
<VIcon v-if="inProps.icons && item.extension" :icon="inProps.icons[item.extension.toLowerCase()] || inProps.icons?.other" />
|
||||||
|
<VIcon v-else icon="mdi-folder-outline" />
|
||||||
</template>
|
</template>
|
||||||
<VListItemTitle v-text="item.name" />
|
<VListItemTitle v-text="item.name" />
|
||||||
|
<VListItemSubtitle v-if="item.size">
|
||||||
|
{{ formatBytes(item.size) }}
|
||||||
|
</VListItemSubtitle>
|
||||||
<template #append>
|
<template #append>
|
||||||
<IconBtn class="d-sm-none">
|
<IconBtn class="d-sm-none">
|
||||||
<VIcon
|
<VIcon
|
||||||
@@ -451,95 +454,7 @@ onMounted(() => {
|
|||||||
</VList>
|
</VList>
|
||||||
</VMenu>
|
</VMenu>
|
||||||
</IconBtn>
|
</IconBtn>
|
||||||
<span v-show="hover.isHovering" class="flex">
|
<span v-if="hover.isHovering" class="flex">
|
||||||
<VTooltip text="识别">
|
|
||||||
<template #activator="{ props }">
|
|
||||||
<IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="recognize(item.path)">
|
|
||||||
<VIcon icon="mdi-text-recognition" />
|
|
||||||
</IconBtn>
|
|
||||||
</template>
|
|
||||||
</VTooltip>
|
|
||||||
<VTooltip text="刮削">
|
|
||||||
<template #activator="{ props }">
|
|
||||||
<IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="scrape(item.path)">
|
|
||||||
<VIcon icon="mdi-auto-fix" />
|
|
||||||
</IconBtn>
|
|
||||||
</template>
|
|
||||||
</VTooltip>
|
|
||||||
<VTooltip text="重命名">
|
|
||||||
<template #activator="{ props }">
|
|
||||||
<IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showRenmae(item)">
|
|
||||||
<VIcon icon="mdi-rename" />
|
|
||||||
</IconBtn>
|
|
||||||
</template>
|
|
||||||
</VTooltip>
|
|
||||||
<VTooltip text="整理">
|
|
||||||
<template #activator="{ props }">
|
|
||||||
<IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="showTransfer(item)">
|
|
||||||
<VIcon icon="mdi-folder-arrow-right" />
|
|
||||||
</IconBtn>
|
|
||||||
</template>
|
|
||||||
</VTooltip>
|
|
||||||
<VTooltip text="删除">
|
|
||||||
<template #activator="{ props }">
|
|
||||||
<IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="deleteItem(item)">
|
|
||||||
<VIcon icon="mdi-delete-outline" color="error" />
|
|
||||||
</IconBtn>
|
|
||||||
</template>
|
|
||||||
</VTooltip>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</VListItem>
|
|
||||||
</template>
|
|
||||||
</VHover>
|
|
||||||
</VList>
|
|
||||||
<VDivider v-if="dirs.length && files.length" />
|
|
||||||
<VList v-if="files.length" subheader>
|
|
||||||
<VListSubheader>文件</VListSubheader>
|
|
||||||
<VHover
|
|
||||||
v-for="(item, index) in files"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<template #default="hover">
|
|
||||||
<VListItem
|
|
||||||
v-if="defer(index)"
|
|
||||||
v-bind="hover.props"
|
|
||||||
class="pl-3 pe-1"
|
|
||||||
@click="changePath(item.path)"
|
|
||||||
>
|
|
||||||
<template #prepend>
|
|
||||||
<VIcon v-if="inProps.icons" :icon="inProps.icons[item.extension.toLowerCase()] || inProps.icons?.other" />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<VListItemTitle v-text="item.name" />
|
|
||||||
<VListItemSubtitle> {{ formatBytes(item.size) }}</VListItemSubtitle>
|
|
||||||
|
|
||||||
<template #append>
|
|
||||||
<IconBtn class="d-sm-none">
|
|
||||||
<VIcon
|
|
||||||
icon="mdi-dots-vertical"
|
|
||||||
/>
|
|
||||||
<VMenu
|
|
||||||
activator="parent"
|
|
||||||
close-on-content-click
|
|
||||||
>
|
|
||||||
<VList>
|
|
||||||
<VListItem
|
|
||||||
v-for="(menu, i) in dropdownItems"
|
|
||||||
:key="i"
|
|
||||||
variant="plain"
|
|
||||||
:base-color="menu.props.color"
|
|
||||||
@click="menu.props.click(item)"
|
|
||||||
>
|
|
||||||
<template #prepend>
|
|
||||||
<VIcon :icon="menu.props.prependIcon" />
|
|
||||||
</template>
|
|
||||||
<VListItemTitle v-text="menu.title" />
|
|
||||||
</VListItem>
|
|
||||||
</VList>
|
|
||||||
</VMenu>
|
|
||||||
</IconBtn>
|
|
||||||
<span v-show="hover.isHovering" class="flex">
|
|
||||||
<VTooltip text="识别">
|
<VTooltip text="识别">
|
||||||
<template #activator="{ props }">
|
<template #activator="{ props }">
|
||||||
<IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="recognize(item.path)">
|
<IconBtn v-bind="props" class="d-none d-sm-block" @click.stop="recognize(item.path)">
|
||||||
|
|||||||
@@ -304,7 +304,7 @@ async function transfer() {
|
|||||||
v-model="tmdbSelectorDialog"
|
v-model="tmdbSelectorDialog"
|
||||||
width="40rem"
|
width="40rem"
|
||||||
scrollable
|
scrollable
|
||||||
max-height="90vh"
|
max-height="85vh"
|
||||||
>
|
>
|
||||||
<TmdbSelectorCard
|
<TmdbSelectorCard
|
||||||
v-model="transferForm.tmdbid"
|
v-model="transferForm.tmdbid"
|
||||||
|
|||||||
@@ -323,7 +323,7 @@ onBeforeMount(() => {
|
|||||||
scrollable
|
scrollable
|
||||||
:z-index="1010"
|
:z-index="1010"
|
||||||
max-width="40rem"
|
max-width="40rem"
|
||||||
max-height="90vh"
|
max-height="85vh"
|
||||||
>
|
>
|
||||||
<!-- Dialog Activator -->
|
<!-- Dialog Activator -->
|
||||||
<template #activator="{ props }">
|
<template #activator="{ props }">
|
||||||
|
|||||||
Reference in New Issue
Block a user