
根据字段数字排序
- // 初始化表格数据
- const getTableData = async () => {
- try {
- loading.value = true
- const res = await getFileList()
- //排序
- const sortedData = computed(() => {
- return res.slice().sort((a: any, b: any) => a.documentType - b.documentType);
- });
- tableData = sortedData.value
- loading.value = false
- } catch {
- }
- }
返回上一级设置
- <div class="path-pass">
- <span v-if="filePathFlag">>span>
- <span> {{ filePathNext }}span>
-
-
- div>
-
- <span style=" cursor: pointer; position: absolute; right: 90px;" v-if="tableListPath.length > 0"
- @click="goBack"><el-icon>
- <Back />
- el-icon>返回span>
- const ids = ref
(0) - const filePathsValue = ref('')
- const filePathNext = ref('')
- const filePathFlag = ref(false)
- const tableListPath = reactive
([]);// 存储路径的数组 -
- // 进入文件夹
- const enterClick = async (row: any) => {
- tableListPath.push(row); // 将进入的文件夹添加到路径中
- if (row.documentType === 1) {
- // path.value.push(row.filePath); // 进入下一级文件夹获取每一级路径 展示页面
- filePathFlag.value = true
- filePathNext.value = row.name//只展示当前层级名称
- ids.value = row.id
- filePathsValue.value = row.filePath
- getNextTableList()
- }
-
- }
- const getNextTableList = async () => {
- tableData.length = 0;
- const parmas = {
- Pid: ids.value,
- FilePath: filePathsValue.value
- }
- try {
- loading.value = true
- tableData = await getPassFileList(parmas)
- loading.value = false
- } catch {
- loading.value = false
- }
-
- }
- // 返回上一级
- const goBack = async () => {
- if (tableListPath.length > 0) {
- tableListPath.pop(); // 删除最后一个路径
- // const filePath = tableListPath.value[tableListPath.value.length - 1].filePath
- // path.value.push(filePath); // 进入上一级文件夹获取每一级路径 展示页面
- if (tableListPath.length === 0) {
- try {
- loading.value = true
- const res = await getFileList()
- const sortedData = computed(() => {
- return res.slice().sort((a: any, b: any) => a.documentType - b.documentType);
- });
- tableData = sortedData.value
- loading.value = false
- } catch {
- }
- filePathFlag.value = false
- filePathNext.value = ''
- } else {
- const folderId = tableListPath[tableListPath.length - 1].id; // 获取上一层文件夹的字段
- const folderFilePath = tableListPath[tableListPath.length - 1].filePath; // 获取上一层文件夹的字段
- const folderName = tableListPath[tableListPath.length - 1].name; // 获取上一层文件夹的字段
- filePathNext.value = folderName
- const parmaData = {
- Pid: folderId,
- FilePath: folderFilePath
- }
-
- try {
- loading.value = true
- tableData = await getPassFileList(parmaData)
- loading.value = false
- } catch {
- loading.value = false
- }
-
- }
- }
- }