table表格初始化根据字段数字排序,table表格进入后返回上一级设置,第一级隐藏

 根据字段数字排序

// 初始化表格数据
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 v-if="path.length > 0">
              <span v-for="(item, index) in path" :key="index">
                {{ item }}
                <span v-if="index !== path.length - 1"> > </span>
              </span>
            </div> -->
          </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<any>(0)
const filePathsValue = ref('')
const filePathNext = ref('')
const filePathFlag = ref(false)
const tableListPath = reactive<any>([]);// 存储路径的数组

// 进入文件夹
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
      }

    }
  }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值