diff --git a/src/components/_base/navbar/components/download-center-modal/constants.ts b/src/components/_base/navbar/components/download-center-modal/constants.ts
index a27052a..3b1fef8 100644
--- a/src/components/_base/navbar/components/download-center-modal/constants.ts
+++ b/src/components/_base/navbar/components/download-center-modal/constants.ts
@@ -20,12 +20,12 @@ export const TABLE_COLUMNS = [
{
title: '所属模块',
dataIndex: 'module',
- width: 180,
+ width: 120,
},
{
title: '下载时间',
dataIndex: 'time',
- width: 180,
+ width: 120,
sortable: {
sortDirections: ['ascend', 'descend'],
},
@@ -33,6 +33,6 @@ export const TABLE_COLUMNS = [
{
title: '操作人员',
dataIndex: 'name',
- width: 180,
+ width: 120,
},
];
diff --git a/src/components/_base/navbar/components/download-center-modal/index.vue b/src/components/_base/navbar/components/download-center-modal/index.vue
index 677ab00..1b82ad6 100644
--- a/src/components/_base/navbar/components/download-center-modal/index.vue
+++ b/src/components/_base/navbar/components/download-center-modal/index.vue
@@ -3,7 +3,7 @@
v-model:visible="visible"
title="下载中心"
modal-class="download-center-modal"
- width="780px"
+ width="860px"
:mask-closable="false"
:footer="false"
@close="onClose"
@@ -33,6 +33,34 @@
+
+
+
+
+
+
+ 已选
+ {{ selectedItems.length }}
+ 个文件
+
+
+
批量下载
+
批量删除
+
+
+
+
+
+
-
+
-
![]()
-
下载
+
![]()
+
下载
@@ -181,15 +209,20 @@ const handleSorterChange = (column, order) => {
};
const handleSearch = () => {
- console.log('handleSearch');
+ reload();
};
-const openDelete = (record) => {
+const handleDelete = (record) => {
const { id, file_name } = record;
deleteTaskModalRef.value.open({
id,
name: `“${file_name || '-'}”`,
});
};
+const handleBatchDelete = () => {
+ const ids = selectedItems.value.map((item) => item.id);
+ const names = selectedItems.value.map((item) => `"${item.name || '-'}"`).join(',');
+ deleteTaskModalRef.value?.open({ id: ids, name: names });
+};
const getGroups = async () => {
const { code, data } = await fetchAccountGroups();
if (code === 200) {
@@ -208,9 +241,16 @@ const handleSelectAll = (checked) => {
}
};
+const handleCloseTip = () => {
+ selectedItems.value = [];
+};
+
const handleDownload = () => {
console.log('handleDownload');
};
+const handleBatchDownload = () => {
+ console.log('handleBatchDownload');
+};
const onPageChange = (current) => {
pageInfo.value.page = current;
diff --git a/src/components/_base/navbar/components/download-center-modal/style.scss b/src/components/_base/navbar/components/download-center-modal/style.scss
index 72f458a..d2e5be6 100644
--- a/src/components/_base/navbar/components/download-center-modal/style.scss
+++ b/src/components/_base/navbar/components/download-center-modal/style.scss
@@ -13,7 +13,18 @@
box-shadow: 0 0 0 0 var(--color-primary-light-2);
}
}
+ .arco-modal-header {
+ .arco-modal-title {
+ color: var(--Text-1, #211f24);
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ font-family: $font-family-medium;
+ }
+ }
.arco-modal-body {
+ height: 536px;
padding: 24px 20px 40px;
.filter-row {
.filter-row-item {
@@ -35,10 +46,58 @@
}
}
}
+ .tip-row {
+ border-radius: 2px;
+ background: #f0edff;
+ .label {
+ font-family: $font-family-medium;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px;
+ }
+ &.normal {
+ background: #ebf7f2;
+ .label {
+ color: #211f24;
+ }
+ }
+ &.abnormal {
+ background: #ffe7e4;
+ .label {
+ color: #211f24;
+ }
+ }
+ .err-btn {
+ background-color: #f64b31 !important;
+ color: var(--BG-white, #fff);
+ font-family: 'PingFang SC';
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 20px; /* 166.667% */
+ }
+ .operation-btn {
+ padding: 0;
+ cursor: pointer;
+ color: var(--Brand-Brand-6, #6d4cfe);
+ font-family: $font-family-regular;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ &:not(:last-child) {
+ margin-right: 16px;
+ }
+ &.red {
+ color: #F64B31;
+ }
+ }
+ }
.file-table {
.cts {
color: var(--Text-1, #211f24);
- font-family: 'PuHuiTi-Medium';
+ font-family: $font-family-medium;
font-size: 14px;
font-style: normal;
font-weight: 400;
diff --git a/src/components/_base/navbar/components/navbar-menu/style.scss b/src/components/_base/navbar/components/navbar-menu/style.scss
index 23b52b3..5a15e33 100644
--- a/src/components/_base/navbar/components/navbar-menu/style.scss
+++ b/src/components/_base/navbar/components/navbar-menu/style.scss
@@ -4,7 +4,7 @@
margin-left: 40px;
.menu-item-text {
color: var(--Text-2, #3c4043);
- font-family: 'PuHuiTi-Medium';
+ font-family: $font-family-medium;
font-size: 16px;
font-style: normal;
font-weight: 400;