manager/my-worker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增待办信息

Browse Source
This commit is contained in:
gaoxq
2025-12-22 21:09:42 +08:00
parent 013ef48062
commit 2558497a1c
1 changed files with 45 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
web-vue/packages/core/layouts/views/desktop/workbench/components/myfiles/index.vue
View File

@@ -376,12 +376,17 @@
</div> </div>
<span class="file-card-size">{{ file.fileSize }}</span> <span class="file-card-size">{{ file.fileSize }}</span>
</div> </div>
<div class="file-card-meta">
<span class="file-card-date" :title="file.createTime">
{{ file.createTime }}
</span>
</div>
<div class="card-divider"></div> <div class="card-divider"></div>
<div class="file-card-actions"> <div class="file-card-actions">
<span class="folder-name-label" :title="file.folderName"> <span class="folder-name-label" :title="file.folderName">
<a-button type="link" size="small" @click="openInputModal(true,file)" > <a-button type="link" size="small" @click="openInputModal(true,file)" >
{{ file.folderName }} {{ file.folderName }}
</a-button> </a-button>
</span> </span>
<div class="action-buttons"> <div class="action-buttons">
<a-button type="link" size="small" @click="downloadFiles(file)" > <a-button type="link" size="small" @click="downloadFiles(file)" >
@@ -1039,7 +1044,7 @@ const handleFolderModalClose = () => {
}; };
async function downloadFiles(myFiles: BizMyfiles) { async function downloadFiles(myFiles: BizMyfiles) {
message.success("文件下载已开始..."); message.success("文件正在下载中,请稍后...");
const { ctxAdminPath } = useGlobSetting(); const { ctxAdminPath } = useGlobSetting();
await downloadByUrl({ await downloadByUrl({
url: ctxAdminPath + '/biz/myfiles/downloadFile', url: ctxAdminPath + '/biz/myfiles/downloadFile',
@@ -1429,13 +1434,14 @@ onMounted(() => {
box-sizing: border-box; box-sizing: border-box;
} }
/* 核心修改：调整卡片高度为适配3行内容 */
.file-card { .file-card {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 248, 255, 0.95) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 248, 255, 0.95) 100%);
border: 1px solid rgba(179, 217, 242, 0.6); border: 1px solid rgba(179, 217, 242, 0.6);
border-radius: 10px; border-radius: 10px;
transition: all 0.2s ease; transition: all 0.2s ease;
box-sizing: border-box; box-sizing: border-box;
height: 100px; height: 120px; /* 从100px调整为120px，适配新增的日期作者行 */
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
@@ -1446,7 +1452,7 @@ onMounted(() => {
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: 0 4px; padding: 4px; /* 增加内边距，让内容更舒适 */
} }
.file-card:hover { .file-card:hover {
@@ -1460,7 +1466,6 @@ onMounted(() => {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
padding-top: 2px;
padding-bottom: 4px; padding-bottom: 4px;
flex-shrink: 0; flex-shrink: 0;
} }
@@ -1504,19 +1509,48 @@ onMounted(() => {
height: 1px; height: 1px;
background-color: rgba(179, 217, 242, 0.4); background-color: rgba(179, 217, 242, 0.4);
opacity: 0.5; opacity: 0.5;
margin: 0 0 4px 0; margin: 4px 0; /* 调整分隔线间距 */
flex-shrink: 0; flex-shrink: 0;
} }
/* 新增：日期和作者行样式 */
.file-card-meta {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 2px 0;
flex-shrink: 0;
}
.file-card-date {
font-size: 10px;
color: #668799;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
text-align: right;
}
.file-card-author {
font-size: 10px;
color: #668799;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex-shrink: 0;
margin-left: 8px;
text-align: left;
}
/* 优化：重写file-card-actions样式 */ /* 优化：重写file-card-actions样式 */
.file-card-actions { .file-card-actions {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; /* 左右分布 */ justify-content: space-between; /* 左右分布 */
gap: 8px; gap: 8px;
margin-top: auto; margin-top: auto; /* 固定在底部 */
margin-bottom: 2px;
padding: 0 4px;
width: 100%; width: 100%;
flex-shrink: 0; flex-shrink: 0;
} }