diff --git a/src/pages/archives/archivesFolder.tsx b/src/pages/archives/archivesFolder.tsx index 9b1041c..4d13e32 100644 --- a/src/pages/archives/archivesFolder.tsx +++ b/src/pages/archives/archivesFolder.tsx @@ -6,10 +6,12 @@ import { useEffect, useState } from "react"; import { Store } from "antd/lib/form/interface"; import SimpleForm from "@/components/form/simple_form"; import React from "react"; +import MinusCircleOutlined from "@ant-design/icons/lib/icons/MinusCircleOutlined"; import FolderTwoTone from "@ant-design/icons/FolderOpenTwoTone"; import { folderConfig } from "./archives_conf"; import { Form, Select } from "antd"; import { useNavigate } from "react-router"; +import "./preview.less"; const { Option } = Select; const ArchivesFolder = (props: Store) => { const { folderStore, acStore } = props; @@ -48,9 +50,10 @@ const ArchivesFolder = (props: Store) => { setIsModalOpen(false); }; - + const remove = (id: string) => { + folderStore.deleteItem(id); + }; - const onFinishFailed = () => {}; return (
{folderStore.list[i].folder_name}
diff --git a/src/pages/archives/preview.less b/src/pages/archives/preview.less index 3bf7e13..ea11fa5 100644 --- a/src/pages/archives/preview.less +++ b/src/pages/archives/preview.less @@ -1,19 +1,19 @@ -.preview_container{ +.preview_container { width: 100%; height: 100%; display: flex; align-items: start; - .preview_center{ + .preview_center { width: 10px; } - .preview_left{ + .preview_left { width: 10%; height: 100%; - .select{ + .select { background-color: red; color: #fff; } - >span{ + > span { display: block; padding-left: 10px; cursor: pointer; @@ -21,8 +21,21 @@ line-height: 35px; } } - .preview_right{ + .preview_right { width: 75%; height: 100%; } +} +.folder_box { + .close_icon { + position: absolute; + top: 10px; + right: 0px; + display: none; + } +} +.folder_box:hover{ + .close_icon { + display: inline-block; + } } \ No newline at end of file diff --git a/src/pages/home/homeLeft/turn.tsx b/src/pages/home/homeLeft/turn.tsx index ac0cc48..982c24a 100644 --- a/src/pages/home/homeLeft/turn.tsx +++ b/src/pages/home/homeLeft/turn.tsx @@ -11,7 +11,9 @@ const Turn = (props: Store) => { const [folderList, setfolderList] = useState{ + setTaskId(item.identity); getFolderhandler(item.archives_category_identity); }} > @@ -90,8 +94,12 @@ const Turn = (props: Store) => { {folderList?.map((item) => { return (
{
+ setFolderId(item.identity)
getAehandler(item.identity);
}}
>
@@ -107,9 +115,9 @@ const Turn = (props: Store) => {
{imageList?.map((item) => {
return (
{
- setImageUrl(item.file_url)
- }}
+ onClick={() => {
+ setImageUrl(item.file_url);
+ }}
style={{ width: "80px", height: "80px" }}
src={item.file_url}
alt=""
@@ -120,7 +128,11 @@ const Turn = (props: Store) => {