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 ( return (
<div className={styles['assets-management']}> <div className={styles['assets-management']}>
<Flex justify="space-between"> <Flex justify="space-between">
<div className={styles['assets-management__title']}>AI资产</div>
<div className={styles['assets-management__title']}>多形态资源库</div>
<Select <Select
size="small" size="small"
value={type} value={type}


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

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


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


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


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


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


:global { :global {
.ant-btn-link { .ant-btn-link {


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

@@ -3,16 +3,16 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 140px; 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 { &__icon {
width: 63px;
margin-right: 16px;
width: 80px;
margin-right: 20px;
} }


&__title { &__title {


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

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


&__label { &__label {
margin-top: 60px; margin-top: 60px;


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

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


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

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


&__statistics { &__statistics {
flex: none; flex: none;
min-width: 431px;
// min-width: 500px;
background: linear-gradient( background: linear-gradient(
123.08deg, 123.08deg,
rgba(138, 138, 138, 0.06) 1.32%, rgba(138, 138, 138, 0.06) 1.32%,
@@ -35,10 +35,10 @@
); );
border-radius: 4px; 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 RobotFrame from './components/RobotFrame';
import TotalStatistics from './components/TotalStatistics'; import TotalStatistics from './components/TotalStatistics';
import UserPoints from './components/UserPoints'; import UserPoints from './components/UserPoints';
import UserSpace from './components/UserSpace';
import WorkspaceIntro from './components/WorkspaceIntro'; import WorkspaceIntro from './components/WorkspaceIntro';
import styles from './index.less'; import styles from './index.less';


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

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


Loading…
Cancel
Save