Commit 126e0a9c authored by chenshouchao's avatar chenshouchao

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

parent 39ea57d2
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
} }
.projectDataStickyTop { .projectDataStickyTop {
padding: 28px 24px; padding: 28px 24px;
position: relative;
} }
.projectDataTitle { .projectDataTitle {
font-size: 18px; font-size: 18px;
...@@ -116,3 +117,20 @@ ...@@ -116,3 +117,20 @@
.showPathSpanActive{ .showPathSpanActive{
color: #1370FF; 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
...@@ -2,18 +2,16 @@ import React, { useState, useCallback, useEffect, useMemo } from "react"; ...@@ -2,18 +2,16 @@ import React, { useState, useCallback, useEffect, useMemo } from "react";
import style from "./index.module.css"; import style from "./index.module.css";
import classnames from "classnames"; 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 LoadingButton from "@mui/lab/LoadingButton";
import { createTheme, ThemeProvider } from "@mui/material/styles"; import { createTheme, ThemeProvider } from "@mui/material/styles";
import SearchIcon from "@mui/icons-material/Search"; import SearchIcon from "@mui/icons-material/Search";
import RefreshIcon from "@mui/icons-material/Refresh"; import RefreshIcon from "@mui/icons-material/Refresh";
import Table from "@/components/Material.Ui/Table"; import Table from "@/components/Material.Ui/Table";
import bigFolderIcon from "@/assets/project/bigFolderIcon.svg";
import dataSetIcon from "@/assets/project/dataSetIcon.svg"; import dataSetIcon from "@/assets/project/dataSetIcon.svg";
import fileIcon from "@/assets/project/fileIcon.svg"; import fileIcon from "@/assets/project/fileIcon.svg";
import folderIcon from "@/assets/project/folderIcon.svg"; import folderIcon from "@/assets/project/folderIcon.svg";
import noFile from "@/assets/project/noFile.svg"; import noFile from "@/assets/project/noFile.svg";
import MyDialog from "@/components/mui/MyDialog";
import { useMessage } from "@/components/MySnackbar"; import { useMessage } from "@/components/MySnackbar";
import { getDataFileToken } from "@/api/project_api"; import { getDataFileToken } from "@/api/project_api";
import AddFolder from "./AddFolder"; import AddFolder from "./AddFolder";
...@@ -676,6 +674,12 @@ const ProjectData = observer(() => { ...@@ -676,6 +674,12 @@ const ProjectData = observer(() => {
caozuo: renderButtons(item), caozuo: renderButtons(item),
}))} }))}
></Table> ></Table>
{
showList.length === 0 && <div className={style.noDataBox}>
<img className={style.noDataImg} src={noFile} alt="" />
<span className={style.noDataText}>暂未开启模板</span>
</div>
}
</div> </div>
{selectIds.length > 1 && ( {selectIds.length > 1 && (
<div className={style.projectDataStickyBox}> <div className={style.projectDataStickyBox}>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment