修改样式

main
陈博文 4 days ago
parent eb8a914eb6
commit 1bbfacbdfe

@ -60,6 +60,7 @@ const getTopOptions = () => {
type: 'shadow', type: 'shadow',
}, },
formatter: function (params) { formatter: function (params) {
// console.log(params, 'params')
var res = params[0].name + '<br/>'; var res = params[0].name + '<br/>';
for (var i = 0; i < params.length; i++) { for (var i = 0; i < params.length; i++) {
res += res +=
@ -111,7 +112,6 @@ onMounted(async () => {
query: v.query, query: v.query,
}) })
.then((res) => { .then((res) => {
console.log(v.query, res, 'res')
currentConfig.value[i].data = res.data.map((item) => ({ currentConfig.value[i].data = res.data.map((item) => ({
name: item.metric[v.nameKey], name: item.metric[v.nameKey],
value: item.value, value: item.value,

@ -92,21 +92,22 @@
grid-template-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr);
gap: 12px; gap: 12px;
li { li {
height: 80px; // height: 80px;
flex-shrink: 0; flex-shrink: 0;
border-radius: 6px; border-radius: 6px;
background: #f5f7fa; background: #f5f7fa;
padding: 16px; padding: 14px;
display: flex; display: flex;
align-items: center;
//&:hover { //&:hover {
// color: var(--el-color-primary); // color: var(--el-color-primary);
// cursor: pointer; // cursor: pointer;
//} //}
.avatar { .avatar {
display: flex; display: flex;
width: 48px; width: 30px;
height: 48px; height: 30px;
padding: 14px; padding: 6px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
@ -117,16 +118,16 @@
rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%,
#fff 100% #fff 100%
); );
margin-right: 16px; margin-right: 8px;
} }
.count { .count {
font-family: Roboto; font-family: Roboto;
font-size: 20px; font-size: 14px;
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
line-height: 100%; /* 20px */ line-height: 100%; /* 20px */
margin-top: 10px; margin-top: 8px;
} }
} }
} }

@ -110,13 +110,14 @@ const columns = [
}, },
{ {
title: '使用者角色', title: '使用者角色',
dataIndex: 'nataskTypeme', width: 100,
render: ({ taskType }) => taskType === 'big_model' ? '大模型' : '实训', dataIndex: 'role',
render: ({ role }) => role || '/',
}, },
{ {
title: '用户名', title: '用户名',
dataIndex: 'role', dataIndex: 'username',
render: ({ role }) => role || '/', render: ({ username }) => username || '/',
}, },
{ {
title: '所属资源池', title: '所属资源池',

@ -1,5 +1,5 @@
<template> <template>
<div id="content" :style="{ paddingLeft: hasParentWindow || isHome ? 0 : '20px' }"> <div id="content" :class="hasParentWindow && 'impose'">
<!-- <transition name="fade-transform" mode="out-in"> --> <!-- <transition name="fade-transform" mode="out-in"> -->
<!-- <keep-alive> --> <!-- <keep-alive> -->
<router-view /> <router-view />
@ -26,7 +26,15 @@ const isHome = computed(() => route.fullPath === '/admin/home');
margin: 0; margin: 0;
flex: 1; flex: 1;
overflow: auto; overflow: auto;
height: 100%; height: 100%;
padding-left: 20px;
&.impose {
margin: 0 auto;
overflow: inherit;
max-width: 1200px;
padding-left: 0px;
}
} }
</style> </style>

Loading…
Cancel
Save