feat: 上传文件表格替换

src/components/mui/MyTableNew.tsx

@@ -393,7 +393,15 @@ const MyTable = (props: IMyTableProps) => {
 										</div>
 									</MyTooltip>
 								)}
-								{!headCell.showOverflowTooltip && <>{row[headCell.id]}</>}
+								{!headCell.showOverflowTooltip && (
+									<div
+										style={{
+											width: headCell.width ? Number(headCell.width) - 32 : "",
+										}}
+									>
+										{row[headCell.id]}
+									</div>
+								)}
 							</TableCell>
 						))}
 					</TableRow>

src/views/Project/ProjectData/UpLoaderFile/index.module.css

@@ -14,6 +14,9 @@
 	margin-bottom: 14px;
 	font-weight: 600;
 }
+.tableBox {
+	height: 350px;
+}
 .dropBox {
 	cursor: pointer;
 	height: 300px;

src/views/Project/ProjectData/UpLoaderFile/index.tsx

@@ -8,7 +8,7 @@ import style from "./index.module.css";
 import MyDialog from "@/components/mui/MyDialog";
 import { uuid } from "@/utils/util";
 import { useMessage } from "@/components/MySnackbar";
-import MyTable from "@/components/mui/MyTable";
+import MyTable from "@/components/mui/MyTableNew";
 import fileIcon from "@/assets/project/fileIcon.svg";
 import noFile from "@/assets/project/noFile.svg";
 import uploaderIcon from "@/assets/project/uploaderIcon.svg";
@@ -149,9 +149,9 @@ const UpLoaderFile = observer((props: IMoveFileProps) => {
 	}, [uploaderDialogOpen]);
 
 	const fileListHeadCells = [
-		{ id: "name", numeric: false, label: "名称", width: "60%" },
-		{ id: "size", numeric: false, label: "大小", width: "25%" },
-		{ id: "caozuo", numeric: false, label: "操作", width: "15%" },
+		{ id: "name", label: "名称", width: 300 },
+		{ id: "size", label: "大小", width: 120 },
+		{ id: "caozuo", label: "操作", width: 100 },
 	];
 
 	const renderName = (item: any) => {
@@ -163,7 +163,7 @@ const UpLoaderFile = observer((props: IMoveFileProps) => {
 		);
 	};
 	const renderSize = (item: any) => {
-		return <span>{item.size ? storageUnitFromB(Number(item.size)) : "-"}</span>;
+		return `${item.size ? storageUnitFromB(Number(item.size)) : "-"}`;
 	};
 
 	const handleRowDelete = (index: number) => {
@@ -224,25 +224,14 @@ const UpLoaderFile = observer((props: IMoveFileProps) => {
 					</div>
 					<div className={style.tableBox}>
 						<MyTable
-							rowHover={true}
-							stickyHeader={true}
+							fixedHead={true}
 							rows={fileList.map((item: any, index: number) => ({
 								...item,
 								name: renderName(item),
 								size: renderSize(item),
 								caozuo: renderButtons(item, index),
 							}))}
-							rowsPerPage={"99"}
 							headCells={fileListHeadCells}
-							footer={false}
-							// headTableCellStyle={{
-							// 	fontSize: "12px",
-							// 	lineHeight: "20px",
-							// 	color: "#8A9099",
-							// }}
-							tableContainerStyle={{
-								maxHeight: "300px",
-							}}
 						/>
 					</div>
 					{fileList.length === 0 && (

src/views/Project/ProjectData/index.module.css

@@ -116,3 +116,6 @@
 	line-height: 22px;
 	color: #8a9099;
 }
+.tableBox {
+	height: calc(100vh - 300px);
+}

src/views/Project/ProjectData/index.tsx

@@ -277,7 +277,6 @@ const ProjectData = observer(() => {
 		{ id: "size", label: "大小", width: 200 },
 		{
 			id: "mtime",
-			numeric: false,
 			label: "创建时间",
 			width: 200,
 		},
@@ -580,20 +579,22 @@ const ProjectData = observer(() => {
 							</div>
 						</div>
 					</div>
-					<MyTable
-						fixedHead={true}
-						hasCheckbox={showCheckBox}
-						headCells={versionsHeadCells}
-						selectItems={selectIds}
-						setSelectItems={setSelectIds}
-						rows={showList.map((item: any, index: number) => ({
-							...item,
-							name: renderName(item),
-							size: renderSize(item),
-							mtime: renderMtime(item),
-							caozuo: renderButtons(item),
-						}))}
-					/>
+					<div className={style.tableBox}>
+						<MyTable
+							fixedHead={true}
+							hasCheckbox={showCheckBox}
+							headCells={versionsHeadCells}
+							selectItems={selectIds}
+							setSelectItems={setSelectIds}
+							rows={showList.map((item: any, index: number) => ({
+								...item,
+								name: renderName(item),
+								size: renderSize(item),
+								mtime: renderMtime(item),
+								caozuo: renderButtons(item),
+							}))}
+						/>
+					</div>
 				</div>
 				{selectIds.length > 0 && (
 					<div className={style.projectDataStickyBox}>