| @@ -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} | ||||
| @@ -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 { | ||||
| @@ -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 { | ||||
| @@ -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; | ||||
| @@ -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']}> | ||||
| @@ -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; | |||||
| // } | |||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| @@ -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> | ||||