Browse Source

政策文件添加下载文件按钮

master
ma-zhongxu 10 months ago
parent
commit
59df72e780
  1. 132
      frontend/src/pages/PolicyLibrary/index.jsx

132
frontend/src/pages/PolicyLibrary/index.jsx

@ -276,73 +276,83 @@ function Directory({
{show == true && ( {show == true && (
<div className="absolute bottom-[12px] left-0 right-0 flex justify-center pointer-events-none"> <div className="absolute bottom-[12px] left-0 right-0 flex justify-center pointer-events-none">
<div className="mx-auto bg-white/40 light:bg-white rounded-lg py-1 px-2 pointer-events-auto light:shadow-lg"> <div className="mx-auto bg-white/40 light:bg-white rounded-lg py-1 px-2 pointer-events-auto light:shadow-lg">
<div className="flex flex-row items-center gap-x-2">
<button
// onClick={moveToWorkspace}
onMouseEnter={() => setHighlightWorkspace(true)}
onMouseLeave={() => setHighlightWorkspace(false)}
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white"
>
设为私有
</button>
<button
// onClick={moveToWorkspace}
onMouseEnter={() => setHighlightWorkspace(true)}
onMouseLeave={() => setHighlightWorkspace(false)}
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white"
>
设为公有
</button>
<button
// onClick={moveToWorkspace}
onMouseEnter={() => setHighlightWorkspace(true)}
onMouseLeave={() => setHighlightWorkspace(false)}
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white"
>
添加标签
</button>
{/*<div className="relative">*/}
{/* <button*/}
{/* // onClick={() =>*/}
{/* // setShowFolderSelection(!showFolderSelection)*/}
{/* // }*/}
{/* className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[32px] w-[32px] rounded-lg text-dark-text hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white flex justify-center items-center group"*/}
{/* >*/}
{/* <MoveToFolderIcon className="text-dark-text light:text-[#026AA2] group-hover:text-white" />*/}
{/* </button>*/}
{/* {showFolderSelection && (*/}
{/* <FolderSelectionPopup*/}
{/* folders={files.items.filter(*/}
{/* (item) => item.type === "folder"*/}
{/* )}*/}
{/* onSelect={moveToFolder}*/}
{/* onClose={() => setShowFolderSelection(false)}*/}
{/* />*/}
{/* )}*/}
{/*</div>*/}
<button
// onClick={deleteFiles}
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[32px] w-[32px] rounded-lg text-dark-text hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white flex justify-center items-center"
>
<Trash size={18} weight="bold" />
</button>
</div>
<div
className="flex flex-row items-center gap-x-2">
<button
// onClick={moveToWorkspace}
onMouseEnter={() => setHighlightWorkspace(true)}
onMouseLeave={() => setHighlightWorkspace(false)}
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white"
>
设为私有
</button>
<button
// onClick={moveToWorkspace}
onMouseEnter={() => setHighlightWorkspace(true)}
onMouseLeave={() => setHighlightWorkspace(false)}
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white"
>
设为公有
</button>
<button
// onClick={moveToWorkspace}
onMouseEnter={() => setHighlightWorkspace(true)}
onMouseLeave={() => setHighlightWorkspace(false)}
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white"
>
添加标签
</button>
<button
// onClick={moveToWorkspace}
onMouseEnter={() => setHighlightWorkspace(true)}
onMouseLeave={() => setHighlightWorkspace(false)}
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[30px] px-2.5 rounded-lg hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white"
>
下载文件
</button>
{/*<div className="relative">*/}
{/* <button*/}
{/* // onClick={() =>*/}
{/* // setShowFolderSelection(!showFolderSelection)*/}
{/* // }*/}
{/* className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[32px] w-[32px] rounded-lg text-dark-text hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white flex justify-center items-center group"*/}
{/* >*/}
{/* <MoveToFolderIcon className="text-dark-text light:text-[#026AA2] group-hover:text-white" />*/}
{/* </button>*/}
{/* {showFolderSelection && (*/}
{/* <FolderSelectionPopup*/}
{/* folders={files.items.filter(*/}
{/* (item) => item.type === "folder"*/}
{/* )}*/}
{/* onSelect={moveToFolder}*/}
{/* onClose={() => setShowFolderSelection(false)}*/}
{/* />*/}
{/* )}*/}
{/*</div>*/}
<button
// onClick={deleteFiles}
className="border-none text-sm font-semibold bg-white light:bg-[#E0F2FE] h-[32px] w-[32px] rounded-lg text-dark-text hover:bg-neutral-800/80 hover:text-white light:text-[#026AA2] light:hover:bg-[#026AA2] light:hover:text-white flex justify-center items-center"
>
<Trash size={18} weight="bold" />
</button>
</div>
</div> </div>
</div> </div>
)} )}
</div> </div>
<UploadFile
workspace={workspace}
fetchKeys={fetchKeys}
setLoading={setLoading}
setLoadingMessage={setLoadingMessage}
/>
<UploadFile
workspace={workspace}
fetchKeys={fetchKeys}
setLoading={setLoading}
setLoadingMessage={setLoadingMessage}
/>
</div> </div>
{isFolderModalOpen && (
<div className="bg-black/60 backdrop-blur-sm fixed top-0 left-0 outline-none w-screen h-screen flex items-center justify-center z-30">
<NewFolderModal
closeModal={closeFolderModal}
{isFolderModalOpen && (
<div
className="bg-black/60 backdrop-blur-sm fixed top-0 left-0 outline-none w-screen h-screen flex items-center justify-center z-30">
<NewFolderModal
closeModal={closeFolderModal}
files={files} files={files}
setFiles={setFiles} setFiles={setFiles}
/> />

Loading…
Cancel
Save