jhnine
/
JCC-RIP
forked from JointCloud/JCC-RIP
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'style' (#189) from jhnine/JCC-RIP:master into master

This commit is contained in:
jhnine 2024-06-14 11:16:48 +08:00
parent f716a399ed df0e7c1b3e
commit 7df82a5546
2 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/styles/index.scss
View File

@ -917,4 +917,7 @@ span.default {
.el-table__expand-icon {
color: #FFFFFF;
}
.el-table--medium th, .el-table--medium td {
padding: 0.625rem 0;
}

35
src/views/hpcOverview/index.vue
View File

@ -10,7 +10,7 @@
<el-row>
<el-col :span="15">
<el-row>
<el-card>
<el-card style="height: 30vh;">
<div slot="header" class="clearfix">
<span>{{ $t('page.hpcDomain') }}</span>
<!-- <el-button style="float: right; padding: 3px 0" type="text" @click="dialogVisible = true">超算作业创建</el-button> -->
@ -22,7 +22,7 @@
:key="$i18n.locale"
class="multipleTable"
:columns="domainColumns"
height="200"
:height="height1"
highlight-current-row
:get-list-action="getListRegions"
:list-key="''"
@ -33,7 +33,7 @@
</el-card></el-row>
<!-- </el-col>
<el-col :span="14"> -->
<el-card class="list-card">
<el-card class="list-card" style="height: 40vh;">
<div slot="header" class="clearfix">
<span>{{ $t('page.job') }}</span>
</div>
@ -42,7 +42,7 @@
:key="$i18n.locale"
class="multipleTable"
:columns="taskColumns"
height="250"
:height="height2"
:get-list-action="getListJobs"
:list-key="''"
:pagination="false"
@ -52,7 +52,7 @@
</el-col>
<el-col :span="9">
<el-col :span="24">
<el-card class="">
<el-card style="height: 72.5vh;">
<div slot="header" class="clearfix">
<span>{{ $t('page.resource') }}</span>
</div>
@ -93,6 +93,8 @@ export default {
},
data() {
return {
height1: Math.round(document.body.offsetHeight * 0.2).toString(),
height2: Math.round(document.body.offsetHeight * 0.3).toString(),
getListJobs,
getListRegions,
fileList: [],
@ -200,42 +202,41 @@ export default {
text-align: center;
.money{
display: inline-block;
width: 150px;
height: 150px;
border: 20px solid #34526e;
width: 9rem;
height: 9rem;
border: 1.25rem solid #34526e;
background: linear-gradient(135deg, #41A0F8 0%, #3182CE 100%);
// box-shadow: 0px 10px 26px 5px rgb(52 72 90 / 20%);
border-radius: 50%;
text-align: center;
font-size: 16px;
font-size: 1rem;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
padding-top: 30px;
padding-top: 1.875rem;
margin: 0 auto;
margin-top: 0.875rem;
p{
font-family: Impact;
font-size: 36px;
font-size: 2.25rem;
}
}
.money1{
background: linear-gradient(90deg, #21B8AF 0%, #3182CE 100%);
}
}
.resource:last-child{
margin-bottom: 20px;
.resource{
margin-bottom: 2.5rem;
}
.impact{
font-size: 26px;
font-size: 1.63rem;
font-family: Impact;
font-weight: 400;
}
.dataset{
padding: 20px ;
padding: 1.25rem ;
}
.num{
font-size: 24px;
font-size: 1.5rem;
}
.list-btns {
display: none;