Browse Source

fix: 调整工作空间样式

pull/259/head
zhaowei 8 months ago
parent
commit
921bc1d49d
7 changed files with 22 additions and 23 deletions
  1. +1
    -1
      react-ui/src/pages/Workspace/components/AssetsManagement/index.tsx
  2. +4
    -4
      react-ui/src/pages/Workspace/components/ExperimentTable/index.less
  3. +7
    -7
      react-ui/src/pages/Workspace/components/TotalStatistics/index.less
  4. +1
    -0
      react-ui/src/pages/Workspace/components/UserPoints/index.less
  5. +2
    -2
      react-ui/src/pages/Workspace/components/WorkspaceIntro/index.tsx
  6. +5
    -5
      react-ui/src/pages/Workspace/index.less
  7. +2
    -4
      react-ui/src/pages/Workspace/index.tsx

+ 1
- 1
react-ui/src/pages/Workspace/components/AssetsManagement/index.tsx View File

@@ -53,7 +53,7 @@ function AssetsManagement() {
return (
<div className={styles['assets-management']}>
<Flex justify="space-between">
<div className={styles['assets-management__title']}>AI资产</div>
<div className={styles['assets-management__title']}>多形态资源库</div>
<Select
size="small"
value={type}


+ 4
- 4
react-ui/src/pages/Workspace/components/ExperimentTable/index.less View File

@@ -1,6 +1,6 @@
.experiment-table {
flex: 1;
min-width: 378px;
min-width: 460px;
height: 140px;
padding: 12px;
background: @workspace-background;
@@ -32,7 +32,7 @@
}

&__status {
width: 15%;
width: 25%;
}

&__duration {
@@ -40,11 +40,11 @@
}

&__date {
width: calc(60% - 60px);
width: 40%;
}

&__operation {
width: 60px;
width: 10%;

:global {
.ant-btn-link {


+ 7
- 7
react-ui/src/pages/Workspace/components/TotalStatistics/index.less View File

@@ -3,16 +3,16 @@
align-items: center;
justify-content: center;
height: 140px;
padding: 0 16px;
padding: 0 35px;

// 媒体查询
@media screen and (max-width: 1600px) {
flex: auto;
}
// // 媒体查询
// @media screen and (max-width: 1600px) {
// flex: auto;
// }

&__icon {
width: 63px;
margin-right: 16px;
width: 80px;
margin-right: 20px;
}

&__title {


+ 1
- 0
react-ui/src/pages/Workspace/components/UserPoints/index.less View File

@@ -7,6 +7,7 @@
height: 228px;
padding: 0 20px;
.backgroundFullImage(url(@/assets/img/user-points-bg.png));
margin-bottom: 16px;

&__label {
margin-top: 60px;


+ 2
- 2
react-ui/src/pages/Workspace/components/WorkspaceIntro/index.tsx View File

@@ -5,9 +5,9 @@ function WorkspaceIntro() {
return (
<div className={styles['workspace-intro']}>
<div className={styles['workspace-intro__left']}>
<div className={styles['workspace-intro__title']}>自主实验平台</div>
<div className={styles['workspace-intro__title']}>智能材料科研平台</div>
<div className={styles['workspace-intro__content']}>
材料领域的自主实验系统是一种用于材料研究和开发的技术平台,它旨在提供实验数据收集、分析和可视化等功能,
智能材料科研平台是用于材料研究和开发的技术平台,它旨在提供实验数据收集、分析和可视化等功能,
以支持材料工程师、科学家和研究人员在材料设计、性能评估和工艺优化方面的工作
</div>
<div className={styles['workspace-intro__buttons']}>


+ 5
- 5
react-ui/src/pages/Workspace/index.less View File

@@ -27,7 +27,7 @@

&__statistics {
flex: none;
min-width: 431px;
// min-width: 500px;
background: linear-gradient(
123.08deg,
rgba(138, 138, 138, 0.06) 1.32%,
@@ -35,10 +35,10 @@
);
border-radius: 4px;

// 媒体查询
@media screen and (max-width: 1600px) {
flex: 1;
}
// // 媒体查询
// @media screen and (max-width: 1600px) {
// flex: 1;
// }
}
}
}


+ 2
- 4
react-ui/src/pages/Workspace/index.tsx View File

@@ -12,7 +12,6 @@ import QuickStart from './components/QuickStart';
// import RobotFrame from './components/RobotFrame';
import TotalStatistics from './components/TotalStatistics';
import UserPoints from './components/UserPoints';
import UserSpace from './components/UserSpace';
import WorkspaceIntro from './components/WorkspaceIntro';
import styles from './index.less';

@@ -67,7 +66,6 @@ function Workspace() {
count={overviewData?.runningExperimentInsCount}
/>
</Flex>

<ExperitableTable
tableData={overviewData?.latestExperimentInsList || []}
></ExperitableTable>
@@ -76,12 +74,12 @@ function Workspace() {
)}
</div>
</div>
<UserPoints />
</Flex>
<div className={styles['workspace__quick-start']}>
<QuickStart></QuickStart>
<div className={styles['workspace__user']}>
<UserSpace users={users}></UserSpace>
<UserPoints />
{/* <UserSpace users={users}></UserSpace> */}
<AssetsManagement></AssetsManagement>
</div>
</div>


Loading…
Cancel
Save