mirror of
https://github.com/1Panel-dev/1Panel.git
synced 2025-11-12 20:50:43 +08:00
fix: Fix hidden file flipping issue (#9189)
This commit is contained in:
parent
83e1db723e
commit
eddc1b6a8d
2 changed files with 9 additions and 15 deletions
|
|
@ -14,12 +14,12 @@
|
||||||
<el-tooltip :content="$t('commons.button.refresh')" placement="top">
|
<el-tooltip :content="$t('commons.button.refresh')" placement="top">
|
||||||
<el-button icon="Refresh" circle @click="search" />
|
<el-button icon="Refresh" circle @click="search" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tooltip :content="isHidden ? $t('file.showHide') : $t('file.noShowHide')" placement="top">
|
<el-tooltip :content="req.showHidden ? $t('file.noShowHide') : $t('file.showHide')" placement="top">
|
||||||
<el-button
|
<el-button
|
||||||
class="btn"
|
class="btn"
|
||||||
circle
|
circle
|
||||||
:type="isHidden ? 'primary' : ''"
|
:type="req.showHidden ? '' : 'primary'"
|
||||||
:icon="isHidden ? Hide : View"
|
:icon="req.showHidden ? View : Hide"
|
||||||
@click="viewHideFile"
|
@click="viewHideFile"
|
||||||
/>
|
/>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
|
|
@ -603,7 +603,7 @@ let selects = ref<any>([]);
|
||||||
const initData = () => ({
|
const initData = () => ({
|
||||||
path: '/',
|
path: '/',
|
||||||
expand: true,
|
expand: true,
|
||||||
showHidden: true,
|
showHidden: false,
|
||||||
page: 1,
|
page: 1,
|
||||||
pageSize: 100,
|
pageSize: 100,
|
||||||
search: '',
|
search: '',
|
||||||
|
|
@ -663,7 +663,6 @@ const calculateBtn = ref(false);
|
||||||
const dirNum = ref(0);
|
const dirNum = ref(0);
|
||||||
const fileNum = ref(0);
|
const fileNum = ref(0);
|
||||||
const imageFiles = ref([]);
|
const imageFiles = ref([]);
|
||||||
const isHidden = ref(false);
|
|
||||||
|
|
||||||
const { searchableStatus, searchablePath, searchableInputRef, searchableInputBlur } = useSearchable(paths);
|
const { searchableStatus, searchablePath, searchableInputRef, searchableInputBlur } = useSearchable(paths);
|
||||||
|
|
||||||
|
|
@ -710,20 +709,15 @@ const searchFile = async () => {
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleSearchResult = (res: ResultData<File.File>) => {
|
const handleSearchResult = (res: ResultData<File.File>) => {
|
||||||
if (isHidden.value) {
|
|
||||||
const items = res.data.items || [];
|
|
||||||
data.value = items.filter((item) => !item.isHidden);
|
|
||||||
} else {
|
|
||||||
data.value = res.data.items || [];
|
data.value = res.data.items || [];
|
||||||
}
|
paginationConfig.total = res.data.itemTotal;
|
||||||
dirNum.value = data.value.filter((item) => item.isDir).length;
|
dirNum.value = data.value.filter((item) => item.isDir).length;
|
||||||
fileNum.value = data.value.filter((item) => !item.isDir).length;
|
fileNum.value = data.value.filter((item) => !item.isDir).length;
|
||||||
paginationConfig.total = data.value.length;
|
|
||||||
req.path = res.data.path;
|
req.path = res.data.path;
|
||||||
};
|
};
|
||||||
|
|
||||||
const viewHideFile = async () => {
|
const viewHideFile = async () => {
|
||||||
isHidden.value = !isHidden.value;
|
req.showHidden = !req.showHidden;
|
||||||
let searchResult = await searchFile();
|
let searchResult = await searchFile();
|
||||||
handleSearchResult(searchResult);
|
handleSearchResult(searchResult);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="w-full h-full flex items-center justify-center px-8">
|
<div v-loading="loading" class="w-full h-full flex items-center justify-center px-8">
|
||||||
<div v-loading="loading" class="w-full flex-grow flex flex-col login-form">
|
<div class="w-full flex-grow flex flex-col login-form">
|
||||||
<div v-if="mfaShow">
|
<div v-if="mfaShow">
|
||||||
<el-form @submit.prevent>
|
<el-form @submit.prevent>
|
||||||
<div class="flex flex-col justify-center items-center mb-6">
|
<div class="flex flex-col justify-center items-center mb-6">
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue