|
|
@@ -1,34 +1,50 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<div class="topMenu">
|
|
|
- <div class="search_box">
|
|
|
- <el-input
|
|
|
- v-model="searchFire"
|
|
|
- @keyup.enter="fileBlur"
|
|
|
- @input="fileBlur"
|
|
|
- class="searchFire"
|
|
|
- size="large"
|
|
|
- placeholder="搜索文件"
|
|
|
- />
|
|
|
- <el-icon class="SearchIcon" @click="fileBlur">
|
|
|
- <Search />
|
|
|
- </el-icon>
|
|
|
+ <div class="left_search">
|
|
|
+ <div class="search_box">
|
|
|
+ <el-input
|
|
|
+ v-model="searchFire"
|
|
|
+ @keyup.enter="fileBlur"
|
|
|
+ @input="fileBlur"
|
|
|
+ class="searchFire"
|
|
|
+ size="large"
|
|
|
+ placeholder="搜索文件"
|
|
|
+ />
|
|
|
+ <el-icon class="SearchIcon" @click="fileBlur">
|
|
|
+ <Search />
|
|
|
+ </el-icon>
|
|
|
+ </div>
|
|
|
+ <div class="line">|</div>
|
|
|
+ <div class="searchFor">
|
|
|
+ <div class="search_title">筛选:</div>
|
|
|
+ <el-tabs
|
|
|
+ v-model="searchType"
|
|
|
+ class="demo-tabs"
|
|
|
+ @tab-change="changeSearchType"
|
|
|
+ >
|
|
|
+ <el-tab-pane label="全部" name="all"></el-tab-pane>
|
|
|
+ <el-tab-pane label="文档" name="doc"></el-tab-pane>
|
|
|
+ <el-tab-pane label="图片" name="img"></el-tab-pane>
|
|
|
+ <el-tab-pane label="音频" name="audio"></el-tab-pane>
|
|
|
+ <el-tab-pane label="视频" name="video"></el-tab-pane>
|
|
|
+ <el-tab-pane label="压缩包" name="zip"></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="line">|</div>
|
|
|
- <div class="searchFor">
|
|
|
- <div class="search_title">筛选:</div>
|
|
|
- <el-tabs
|
|
|
- v-model="searchType"
|
|
|
- class="demo-tabs"
|
|
|
- @tab-change="changeSearchType"
|
|
|
- >
|
|
|
- <el-tab-pane label="全部" name="all"></el-tab-pane>
|
|
|
- <el-tab-pane label="文档" name="doc"></el-tab-pane>
|
|
|
- <el-tab-pane label="图片" name="img"></el-tab-pane>
|
|
|
- <el-tab-pane label="音频" name="audio"></el-tab-pane>
|
|
|
- <el-tab-pane label="视频" name="video"></el-tab-pane>
|
|
|
- <el-tab-pane label="压缩包" name="zip"></el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
+ <div class="changeIcon">
|
|
|
+ <img
|
|
|
+ src="@/assets/images/sort.png"
|
|
|
+ @click="changeSort"
|
|
|
+ v-if="isAsc == 'asc'"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ src="@/assets/images/Frame_188.png"
|
|
|
+ @click="changeSort"
|
|
|
+ v-else
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="table_box">
|
|
|
@@ -96,6 +112,7 @@ const typeData = ref(); //当前分类下的数据
|
|
|
const tableData = ref(); // 表格展示的数据
|
|
|
const searchFire = ref();
|
|
|
const copyFileType = ref();
|
|
|
+const isAsc = ref("asc");
|
|
|
|
|
|
const props = defineProps({
|
|
|
fileList: {
|
|
|
@@ -103,7 +120,34 @@ const props = defineProps({
|
|
|
default: () => [],
|
|
|
},
|
|
|
});
|
|
|
-const emit = defineEmits(["handleRowClick",'delCollect','collectByStar']);
|
|
|
+const emit = defineEmits(["handleRowClick", "delCollect", "collectByStar"]);
|
|
|
+// 排序
|
|
|
+const changeSort = async () => {
|
|
|
+ isAsc.value == "asc" ? (isAsc.value = "desc") : (isAsc.value = "asc");
|
|
|
+ // refreshFile();
|
|
|
+ let obj = {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 9999,
|
|
|
+ isAsc: isAsc.value,
|
|
|
+ orderByColumn: "createTime",
|
|
|
+ };
|
|
|
+ documents
|
|
|
+ .getALLdocumentByType(
|
|
|
+ {
|
|
|
+ parentId: impDirId.value,
|
|
|
+ spaceId: impSpaceId.value,
|
|
|
+ isAsc: isAsc.value,
|
|
|
+ orderByColumn: "createTime",
|
|
|
+ pageNum: obj.pageNum,
|
|
|
+ pageSize: obj.pageSize,
|
|
|
+ },
|
|
|
+ 3
|
|
|
+ )
|
|
|
+ .then((res) => {
|
|
|
+ fileMenu.value = res.rows;
|
|
|
+ // folderList.value = res.rows
|
|
|
+ });
|
|
|
+};
|
|
|
// 切换搜索分类
|
|
|
const changeSearchType = (name) => {
|
|
|
let baseDataObj = props.fileList;
|
|
|
@@ -135,12 +179,12 @@ const fileBlur = () => {
|
|
|
const rightClick = (row, col, e) => {
|
|
|
emit("handleRowClick", row, null, e);
|
|
|
};
|
|
|
-const collect = (row, bool)=>{
|
|
|
- emit('collectByStar',row,bool)
|
|
|
-}
|
|
|
-const dCollect = (row, bool)=>{
|
|
|
- emit('delCollect',row,bool)
|
|
|
-}
|
|
|
+const collect = (row, bool) => {
|
|
|
+ emit("collectByStar", row, bool);
|
|
|
+};
|
|
|
+const dCollect = (row, bool) => {
|
|
|
+ emit("delCollect", row, bool);
|
|
|
+};
|
|
|
|
|
|
//工具函数
|
|
|
//对mouseCli数组进行筛选,实现菜单的区分显示
|
|
|
@@ -382,6 +426,12 @@ watch(
|
|
|
// box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+ .left_search {
|
|
|
+ width: 100%;
|
|
|
+ height: 48px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
.search_box {
|
|
|
width: 320px;
|
|
|
height: 48px;
|