fix: 移动端文件列表UI异常问题修复 (#1730)

#### What this PR does / why we need it?

#### Summary of your change

#### Please indicate you've done the following:

- [ ] Made sure tests are passing and test coverage is added if needed.
- [ ] Made sure commit message follow the rule of [Conventional Commits specification](https://www.conventionalcommits.org/).
- [ ] Considered the docs impact and opened a new docs issue or PR with docs changes if needed.
pull/1732/head
wangdan-fit2cloud 1 year ago committed by GitHub
parent f556038425
commit d31eacd049
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -153,11 +153,11 @@
show-overflow-tooltip show-overflow-tooltip
></el-table-column> ></el-table-column>
<fu-table-operations <fu-table-operations
:ellipsis="3" :ellipsis="mobile ? 0 : 3"
:buttons="buttons" :buttons="buttons"
:label="$t('commons.table.operate')" :label="$t('commons.table.operate')"
min-width="300" :min-width="mobile ? 'auto' : 300"
fixed="right" :fixed="mobile ? false : 'right'"
fix fix
/> />
</ComplexTable> </ComplexTable>
@ -181,7 +181,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { nextTick, onMounted, reactive, ref } from '@vue/runtime-core'; import { nextTick, onMounted, reactive, ref, computed } from '@vue/runtime-core';
import { GetFilesList, DeleteFile, GetFileContent, ComputeDirSize } from '@/api/modules/files'; import { GetFilesList, DeleteFile, GetFileContent, ComputeDirSize } from '@/api/modules/files';
import { computeSize, dateFormat, downloadFile, getIcon, getRandomStr } from '@/utils/util'; import { computeSize, dateFormat, downloadFile, getIcon, getRandomStr } from '@/utils/util';
import { File } from '@/api/interface/file'; import { File } from '@/api/interface/file';
@ -207,6 +207,8 @@ import { MsgSuccess, MsgWarning } from '@/utils/message';
import { ElMessageBox } from 'element-plus'; import { ElMessageBox } from 'element-plus';
import { useSearchable } from './hooks/searchable'; import { useSearchable } from './hooks/searchable';
import { ResultData } from '@/api/interface'; import { ResultData } from '@/api/interface';
import { GlobalStore } from '@/store';
const globalStore = GlobalStore();
interface FilePaths { interface FilePaths {
url: string; url: string;
@ -269,6 +271,10 @@ const paginationConfig = reactive({
total: 0, total: 0,
}); });
const mobile = computed(() => {
return globalStore.isMobile();
});
const search = async () => { const search = async () => {
loading.value = true; loading.value = true;
req.page = paginationConfig.currentPage; req.page = paginationConfig.currentPage;

Loading…
Cancel
Save