|
@@ -33,16 +33,20 @@
|
|
|
<div class="btm">
|
|
|
<div class="left_box">
|
|
|
<div class="big_box">
|
|
|
- <div class="one_box" v-for="item in 20" :key="item">
|
|
|
+ <div class="one_box" v-for="item in colllectArr" :key="item">
|
|
|
<div class="left">
|
|
|
- <img src="@/assets/images/fileBox.png" alt="" />
|
|
|
+ <img
|
|
|
+ v-if="item.docDir.dirType === '1'"
|
|
|
+ src="@/assets/images/fileBox.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <img v-else src="@/assets/images/ordinary.png" alt="" />
|
|
|
</div>
|
|
|
<div class="right">
|
|
|
- <span class="title">Inceptos</span>
|
|
|
- <span class="path">Inceptos11111111111111111111111111</span>
|
|
|
+ <span class="title">{{ item.docDir.dirName }}</span>
|
|
|
+ <span class="path">{{ item.docDir.dirPath }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="add_box"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="right_box">
|
|
@@ -52,6 +56,7 @@
|
|
|
style="width: 100%"
|
|
|
height="29vh"
|
|
|
:scrollbar-always-on="false"
|
|
|
+ @row-click="toFile"
|
|
|
>
|
|
|
<el-table-column fixed prop="date" label="名称" width="500">
|
|
|
<template #default="scope">
|
|
@@ -127,6 +132,7 @@ import myfile from "@/api/myfile/myfile";
|
|
|
import ScanFile from "@/components/ScanFile/ScanFile.vue";
|
|
|
import MoveTo from "@/components/MoveTo/MoveTo.vue";
|
|
|
import { listInfo, selectInfo, getFileByScanerId } from "@/api/scanner/info.js";
|
|
|
+import { listFavoriteById } from "@/api/biz/favorite.js";
|
|
|
const tableFileData = ref([]);
|
|
|
const tableFolderData = ref([]);
|
|
|
const useSpace = ref();
|
|
@@ -140,6 +146,8 @@ const scannerFiles = ref([]); //选择的扫描仪的文件
|
|
|
const openScanMove = ref(false);
|
|
|
const openScan = ref(false); //控制扫描文档显示
|
|
|
const scanFileArr = ref([]); //认领的扫描文件数组
|
|
|
+const colllectArr = ref([]); // 收藏文件夹
|
|
|
+const addFileTab = inject("addFileTab");
|
|
|
|
|
|
const getList = async () => {
|
|
|
const resY = await listRecent({ isFolder: "Y" });
|
|
@@ -240,8 +248,26 @@ const closeOpenScanMove = () => {
|
|
|
openScanMove.value = false;
|
|
|
// refreshFile();
|
|
|
};
|
|
|
+// 获取收藏数据
|
|
|
+const getCollectFolder = async () => {
|
|
|
+ const query = {
|
|
|
+ isAsc: "desc",
|
|
|
+ orderByColumn: "createTime",
|
|
|
+ };
|
|
|
+ const res = await listFavoriteById(-1, query);
|
|
|
+ // console.log("res", res);
|
|
|
+ // console.log("----res", res);
|
|
|
+ colllectArr.value = res.rows.filter((item) => item.isFolder === "Y");
|
|
|
+ // console.log('colllectArr.value',colllectArr.value);
|
|
|
+};
|
|
|
+// 打开文件
|
|
|
+const toFile = (row) => {
|
|
|
+ console.log("row", row);
|
|
|
+ addFileTab(row, 0, 0);
|
|
|
+};
|
|
|
onMounted(() => {
|
|
|
getList();
|
|
|
+ getCollectFolder();
|
|
|
getSpaceList();
|
|
|
});
|
|
|
</script>
|
|
@@ -435,7 +461,14 @@ onMounted(() => {
|
|
|
align-items: flex-start;
|
|
|
// text-align: left;
|
|
|
.title {
|
|
|
+ width: 120px;
|
|
|
color: #f4f5ff;
|
|
|
+ /*第一步: 溢出隐藏 */
|
|
|
+ overflow: hidden;
|
|
|
+ /* 第二步:让文本不会换行, 在同一行继续 */
|
|
|
+ white-space: nowrap;
|
|
|
+ /* 第三步:用省略号来代表未显示完的文本 */
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
.path {
|
|
|
font-size: 14px;
|
|
@@ -496,6 +529,10 @@ onMounted(() => {
|
|
|
:deep(.el-table__header) {
|
|
|
background-color: rgba(0, 0, 0, 0) !important;
|
|
|
}
|
|
|
+:deep(.el-table tr) {
|
|
|
+ background-color: rgba(0, 0, 0, 0) !important;
|
|
|
+ // color: #F4F5FF !important;
|
|
|
+}
|
|
|
:deep(.el-table__header-wrapper) {
|
|
|
background-color: rgba(0, 0, 0, 0) !important;
|
|
|
}
|
|
@@ -504,7 +541,8 @@ onMounted(() => {
|
|
|
font-size: 14px !important;
|
|
|
font-weight: 400 !important;
|
|
|
|
|
|
- color: #000 !important;
|
|
|
+ background-color: rgba(0, 0, 0, 0) !important;
|
|
|
+ color: #f4f5ff !important;
|
|
|
}
|
|
|
:deep(.el-table__row) {
|
|
|
height: 32px !important;
|