This commit is contained in:
zhangkai
2024-09-03 11:12:51 +08:00
parent e12f955105
commit 94be64311c
43 changed files with 1255 additions and 200 deletions

View File

@@ -39,7 +39,7 @@ export default function FilesPage() {
const [open, setOpen] = useState(false)
const [title, setTitle] = useState('')
const { page, pageSize, data: datalist, total, loading, setPage, search, reload, filterData, refreshData,loadData } = useTable({}, (param) =>
const { page, pageSize, data: datalist, total, setPage, search, reload, filterData, refreshData,loadData } = useTable({}, (param) =>
readFileByLibDatabase({ ...param, id, name: param.keyword }).then(res => {
setHasPermission(res.writeable)
return res
@@ -123,13 +123,15 @@ export default function FilesPage() {
}
return <div className="w-full h-screen p-6 relative overflow-y-auto">
{loading && <div className="absolute w-full h-full top-0 left-0 flex justify-center items-center z-10 bg-[rgba(255,255,255,0.6)] dark:bg-blur-shared">
{/* {loading && <div className="absolute w-full h-full top-0 left-0 flex justify-center items-center z-10 bg-[rgba(255,255,255,0.6)] dark:bg-blur-shared">
<span className="loading loading-infinity loading-lg"></span>
</div>}
</div>} */}
<ShadTooltip content="back" side="top">
<button className="extra-side-bar-buttons w-[36px] absolute top-[26px]" onClick={() => { }} >
<Link to='/filelib'><ArrowLeft className="side-bar-button-size" /></Link>
</button>
<Link to='/filelib'>
<button className="extra-side-bar-buttons w-[36px] absolute top-[26px]" onClick={() => { }} >
<ArrowLeft className="side-bar-button-size" />
</button>
</Link>
</ShadTooltip>
<Tabs defaultValue="account" className="w-full">
{/* <TabsList className="ml-12">
@@ -138,9 +140,9 @@ export default function FilesPage() {
</TabsList> */}
<div className="flex justify-between">
<p className="text-[16px] ml-[40px]" style={{color:"#FFF"}}>{t('lib.fileData')}</p>
<div className="flex justify-center items-center w-[74px] h-[27px] cursor-pointer" style={{background: "#FFD025",borderRadius: "7px"}}>
<div className="flex justify-center items-center w-[74px] h-[27px] cursor-pointer" onClick={() => setOpen(true)} style={{background: "#FFD025",borderRadius: "7px"}}>
{/* <img src={jia1} className="w-[14px] mr-[5px]" alt=""/> */}
<span className="text-[12px]" style={{color:"#333333"}} onClick={() => setOpen(true)}> </span>
<span className="text-[12px]" style={{color:"#333333"}}> </span>
</div>
</div>
<TabsContent value="account">
@@ -225,11 +227,11 @@ export default function FilesPage() {
<UploadModal id={id} accept={appConfig.libAccepts} open={open} setOpen={handleOpen} onResult={handleUploadResult}></UploadModal>
{/* 重复文件提醒 */}
<dialog className={`modal ${repeatFiles.length && 'modal-open'}`}>
<div className="modal-box w-[560px] bg-[#fff] shadow-lg dark:bg-background">
<h3 className="font-bold text-lg relative">
<X className="absolute right-0 top-0 text-gray-400 cursor-pointer" size={20} onClick={() => setRepeatFiles([])}></X>
<div className="modal-box w-[560px] bg-[#262626] shadow-lg">
<h3 className="font-bold text-lg relative text-[#fff]">
<X className="absolute right-0 top-0 text-[#fff] cursor-pointer" size={20} onClick={() => setRepeatFiles([])}></X>
</h3>
<p className="py-4"></p>
<p className="py-4 text-[#fff]"></p>
<ul className="overflow-y-auto max-h-[400px]">
{repeatFiles.map(el => (
<li key={el.id} className="py-2 text-red-500">{el.remark}</li>
@@ -237,7 +239,7 @@ export default function FilesPage() {
</ul>
<div className="modal-action">
<Button className="h-8 rounded-full" variant="outline" onClick={() => setRepeatFiles([])}></Button>
<Button className="h-8 rounded-full" disabled={retryLoad} onClick={() => handleRetry(repeatFiles)}>
<Button className="h-8 rounded-full bg-[#FFD025] hover:bg-[#FFD025]" disabled={retryLoad} onClick={() => handleRetry(repeatFiles)}>
{retryLoad && <span className="loading loading-spinner loading-xs"></span>}
</Button>
</div>