feat: 项目数据增加无数据样式

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

@@ -3,6 +3,7 @@
 }
 .projectDataStickyTop {
   padding: 28px 24px;
+  position: relative;
 }
 .projectDataTitle {
   font-size: 18px;
@@ -115,4 +116,21 @@
 }
 .showPathSpanActive{
   color: #1370FF;
+}
+
+.noDataBox{
+  background-color: #fff;
+  height: calc(100vh - 377px);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  top: -53px;
+}
+.noDataText{
+  margin-top: 8px;
+  font-size: 14px;
+  line-height: 22px;
+  color: #8A9099;
 }
\ No newline at end of file

src/views/Project/ProjectData/index.tsx

@@ -2,18 +2,16 @@ import React, { useState, useCallback, useEffect, useMemo } from "react";
 
 import style from "./index.module.css";
 import classnames from "classnames";
-import { Button, InputBase, IconButton, TextField } from "@mui/material";
+import { Button, InputBase, IconButton } from "@mui/material";
 import LoadingButton from "@mui/lab/LoadingButton";
 import { createTheme, ThemeProvider } from "@mui/material/styles";
 import SearchIcon from "@mui/icons-material/Search";
 import RefreshIcon from "@mui/icons-material/Refresh";
 import Table from "@/components/Material.Ui/Table";
-import bigFolderIcon from "@/assets/project/bigFolderIcon.svg";
 import dataSetIcon from "@/assets/project/dataSetIcon.svg";
 import fileIcon from "@/assets/project/fileIcon.svg";
 import folderIcon from "@/assets/project/folderIcon.svg";
 import noFile from "@/assets/project/noFile.svg";
-import MyDialog from "@/components/mui/MyDialog";
 import { useMessage } from "@/components/MySnackbar";
 import { getDataFileToken } from "@/api/project_api";
 import AddFolder from "./AddFolder";
@@ -676,6 +674,12 @@ const ProjectData = observer(() => {
               caozuo: renderButtons(item),
             }))}
           ></Table>
+          {
+            showList.length === 0 && <div className={style.noDataBox}>
+            <img className={style.noDataImg} src={noFile} alt="" />
+            <span className={style.noDataText}>暂未开启模板</span>
+          </div>
+          }
         </div>
         {selectIds.length > 1 && (
           <div className={style.projectDataStickyBox}>