20241113-a
This commit is contained in:
unknown
329
src/pages/schema/centre/computing/metric.schema.ts
Normal file
329
src/pages/schema/centre/computing/metric.schema.ts
Normal file
@@ -0,0 +1,329 @@
|
||||
const schema = {
|
||||
type: 'page',
|
||||
body: [
|
||||
{
|
||||
type: 'service',
|
||||
body: [
|
||||
{
|
||||
type: 'flex',
|
||||
items: [
|
||||
{
|
||||
type: 'container',
|
||||
id: 'u:cf018a54788b',
|
||||
style: {
|
||||
flexGrow: 1,
|
||||
flexBasis: '0px',
|
||||
flex: '1 1 auto',
|
||||
display: 'flex',
|
||||
position: 'static',
|
||||
flexWrap: 'nowrap',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
flexDirection: 'column',
|
||||
},
|
||||
isFixedHeight: false,
|
||||
body: [
|
||||
{
|
||||
type: 'progress',
|
||||
id: 'u:9ae23711aada',
|
||||
value: '$cpu',
|
||||
placeholder: '-',
|
||||
progressClassName: '',
|
||||
strokeWidth: 10,
|
||||
map: [
|
||||
{ color: '#28a745', value: 30 },
|
||||
{ color: '#fad733', value: 70 },
|
||||
{ color: '#dc3545', value: 100 },
|
||||
],
|
||||
gapDegree: 75,
|
||||
gapPosition: 'bottom',
|
||||
mode: 'dashboard',
|
||||
},
|
||||
{
|
||||
type: 'tpl',
|
||||
tpl: 'CPU',
|
||||
inline: false,
|
||||
wrapperComponent: '',
|
||||
id: 'u:44a9ee228557',
|
||||
themeCss: {
|
||||
baseControlClassName: {
|
||||
'font:default': { 'text-align': 'center' },
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
type: 'container',
|
||||
body: [
|
||||
{
|
||||
type: 'progress',
|
||||
id: 'u:2fc35c429a6c',
|
||||
value: '$memory',
|
||||
placeholder: '-',
|
||||
progressClassName: '',
|
||||
strokeWidth: 10,
|
||||
map: [
|
||||
{ color: '#28a745', value: 30 },
|
||||
{ color: '#fad733', value: 70 },
|
||||
{ color: '#dc3545', value: 100 },
|
||||
],
|
||||
gapDegree: 75,
|
||||
gapPosition: 'bottom',
|
||||
mode: 'dashboard',
|
||||
},
|
||||
{
|
||||
type: 'tpl',
|
||||
tpl: '内存',
|
||||
inline: false,
|
||||
wrapperComponent: '',
|
||||
id: 'u:fd25e194e7b0',
|
||||
themeCss: {
|
||||
baseControlClassName: {
|
||||
'font:default': { 'text-align': 'center' },
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
size: 'none',
|
||||
style: {
|
||||
position: 'static',
|
||||
display: 'flex',
|
||||
flex: '1 1 auto',
|
||||
flexGrow: 1,
|
||||
flexWrap: 'nowrap',
|
||||
alignItems: 'center',
|
||||
flexBasis: '0px',
|
||||
justifyContent: 'center',
|
||||
flexDirection: 'column',
|
||||
},
|
||||
wrapperBody: false,
|
||||
isFixedHeight: false,
|
||||
isFixedWidth: false,
|
||||
id: 'u:10e16e97e026',
|
||||
},
|
||||
{
|
||||
type: 'container',
|
||||
body: [
|
||||
{
|
||||
type: 'progress',
|
||||
id: 'u:c1f3e318e1d2',
|
||||
value: '$disk',
|
||||
placeholder: '-',
|
||||
progressClassName: '',
|
||||
strokeWidth: 10,
|
||||
map: [
|
||||
{ color: '#28a745', value: 30 },
|
||||
{ color: '#fad733', value: 70 },
|
||||
{ color: '#dc3545', value: 100 },
|
||||
],
|
||||
gapDegree: 75,
|
||||
gapPosition: 'bottom',
|
||||
mode: 'dashboard',
|
||||
},
|
||||
{
|
||||
type: 'tpl',
|
||||
tpl: '磁盘',
|
||||
inline: false,
|
||||
wrapperComponent: '',
|
||||
id: 'u:11b1d296b866',
|
||||
themeCss: {
|
||||
baseControlClassName: {
|
||||
'font:default': { 'text-align': 'center' },
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
size: 'none',
|
||||
style: {
|
||||
position: 'static',
|
||||
display: 'flex',
|
||||
flex: '1 1 auto',
|
||||
flexGrow: 1,
|
||||
flexWrap: 'nowrap',
|
||||
alignItems: 'center',
|
||||
flexBasis: '0px',
|
||||
justifyContent: 'center',
|
||||
overflowY: 'visible',
|
||||
flexDirection: 'column',
|
||||
},
|
||||
wrapperBody: false,
|
||||
isFixedHeight: false,
|
||||
isFixedWidth: false,
|
||||
id: 'u:d63bc21af893',
|
||||
},
|
||||
{
|
||||
type: 'container',
|
||||
body: [
|
||||
{
|
||||
type: 'tpl',
|
||||
tpl: '当前驱动版本：${gpu.driver}',
|
||||
inline: true,
|
||||
wrapperComponent: '',
|
||||
id: 'u:b66aa4e0241d',
|
||||
},
|
||||
{
|
||||
type: 'cards',
|
||||
columnsCount: 1,
|
||||
card: {
|
||||
type: 'container',
|
||||
body: [
|
||||
{
|
||||
type: 'tpl',
|
||||
tpl: '${name}',
|
||||
inline: true,
|
||||
wrapperComponent: '',
|
||||
id: 'u:702c8fcd1378',
|
||||
},
|
||||
{
|
||||
type: 'progress',
|
||||
value: '$percent',
|
||||
placeholder: '-',
|
||||
progressClassName: '',
|
||||
strokeWidth: 10,
|
||||
map: [
|
||||
{ color: '#28a745', value: 30 },
|
||||
{ color: '#fad733', value: 70 },
|
||||
{ color: '#dc3545', value: 100 },
|
||||
],
|
||||
gapDegree: 75,
|
||||
gapPosition: 'bottom',
|
||||
mode: 'dashboard',
|
||||
id: 'u:376de1b837de',
|
||||
},
|
||||
],
|
||||
wrapperBody: false,
|
||||
style: {
|
||||
position: 'relative',
|
||||
display: 'flex',
|
||||
width: '100%',
|
||||
flexWrap: 'nowrap',
|
||||
inset: 'auto',
|
||||
justifyContent: 'space-evenly',
|
||||
alignItems: 'center',
|
||||
},
|
||||
themeCss: {
|
||||
baseControlClassName: {
|
||||
'radius:default': {
|
||||
'top-left-border-radius': '6px',
|
||||
'top-right-border-radius': '6px',
|
||||
'bottom-left-border-radius': '6px',
|
||||
'bottom-right-border-radius': '6px',
|
||||
},
|
||||
'boxShadow:default':
|
||||
' 0px 0px 10px 0px var(--colors-neutral-line-8)',
|
||||
'border:default': {
|
||||
'top-border-width': 'var(--borders-width-1)',
|
||||
'left-border-width': 'var(--borders-width-1)',
|
||||
'right-border-width': 'var(--borders-width-1)',
|
||||
'bottom-border-width': 'var(--borders-width-1)',
|
||||
'top-border-style': 'var(--borders-style-1)',
|
||||
'left-border-style': 'var(--borders-style-1)',
|
||||
'right-border-style': 'var(--borders-style-1)',
|
||||
'bottom-border-style': 'var(--borders-style-1)',
|
||||
'top-border-color': '#3be157',
|
||||
'left-border-color': '#3be157',
|
||||
'right-border-color': '#3be157',
|
||||
'bottom-border-color': '#3be157',
|
||||
},
|
||||
'padding-and-margin:default': {
|
||||
paddingTop: '10px',
|
||||
paddingRight: '10px',
|
||||
paddingBottom: '10px',
|
||||
paddingLeft: '10px',
|
||||
},
|
||||
},
|
||||
},
|
||||
id: 'u:537200fb743f',
|
||||
isFixedHeight: false,
|
||||
isFixedWidth: false,
|
||||
},
|
||||
placeholder: '',
|
||||
style: { gutterY: 10 },
|
||||
id: 'u:f886cae9f2af',
|
||||
name: 'gpu.list',
|
||||
className: 'mt-5',
|
||||
},
|
||||
],
|
||||
size: 'none',
|
||||
style: {
|
||||
position: 'static',
|
||||
display: 'block',
|
||||
flex: '1 1 auto',
|
||||
flexGrow: 2,
|
||||
flexBasis: 0,
|
||||
},
|
||||
wrapperBody: false,
|
||||
isFixedHeight: false,
|
||||
isFixedWidth: false,
|
||||
id: 'u:6915a8d9638a',
|
||||
},
|
||||
],
|
||||
style: { position: 'relative', rowGap: '10px', columnGap: '10px' },
|
||||
id: 'u:e4d85d1072cf',
|
||||
},
|
||||
],
|
||||
id: 'u:6399a46b9a99',
|
||||
dsType: 'api',
|
||||
ws: { url: 'ws://peiyun.host.platosoft.org:7080/api/nb/ws/metrics' },
|
||||
},
|
||||
{
|
||||
type: 'crud',
|
||||
syncLocation: false,
|
||||
api: {
|
||||
method: 'get',
|
||||
url: '/hub/users',
|
||||
data: {},
|
||||
messages: {},
|
||||
requestAdaptor: '',
|
||||
adaptor: '',
|
||||
dataType: 'json',
|
||||
},
|
||||
bulkActions: [],
|
||||
itemActions: [],
|
||||
id: 'u:bd445262be74',
|
||||
perPageAvailable: [5, 10, 20, 50, 100],
|
||||
messages: {},
|
||||
listItem: {
|
||||
body: [
|
||||
{
|
||||
name: 'name',
|
||||
label: '用户',
|
||||
type: 'text',
|
||||
id: 'u:83674005c420',
|
||||
inline: true,
|
||||
},
|
||||
{
|
||||
type: 'datetime',
|
||||
format: 'YYYY-MM-DD HH:mm:ss',
|
||||
value: 1729753248,
|
||||
name: 'last_activity',
|
||||
id: 'u:92420a25ff12',
|
||||
},
|
||||
],
|
||||
actions: [
|
||||
{
|
||||
type: 'button',
|
||||
label: '停止',
|
||||
onEvent: { click: { actions: [] } },
|
||||
id: 'u:2384629a386e',
|
||||
level: 'danger',
|
||||
icon: 'fa fa-power-off',
|
||||
},
|
||||
],
|
||||
id: 'u:aaf60b5849b5',
|
||||
},
|
||||
mode: 'list',
|
||||
loadDataOnce: true,
|
||||
matchFunc: '',
|
||||
className: 'mt-10',
|
||||
title: '用户列表',
|
||||
showHeader: false,
|
||||
},
|
||||
],
|
||||
id: 'u:4b1560f3b2db',
|
||||
asideResizor: false,
|
||||
pullRefresh: { disabled: true },
|
||||
};
|
||||
|
||||
export { schema };
|
||||
Reference in New Issue
Block a user