refactor components
This commit is contained in:
parent
0d3a36e519
commit
1ac1a968b9
179 changed files with 2611 additions and 2386 deletions
|
|
@ -2,8 +2,8 @@
|
|||
<FormBase class="">
|
||||
<FormGroup v-if="!fetching">
|
||||
<template #label>{{ $ts.usageAmount }}</template>
|
||||
<div class="_formItem uawsfosz">
|
||||
<div class="_formPanel">
|
||||
<div class="_debobigegoItem uawsfosz">
|
||||
<div class="_debobigegoPanel">
|
||||
<div class="meter"><div :style="meterStyle"></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -17,9 +17,9 @@
|
|||
</FormKeyValueView>
|
||||
</FormGroup>
|
||||
|
||||
<div class="_formItem">
|
||||
<div class="_formLabel">{{ $ts.statistics }}</div>
|
||||
<div class="_formPanel">
|
||||
<div class="_debobigegoItem">
|
||||
<div class="_debobigegoLabel">{{ $ts.statistics }}</div>
|
||||
<div class="_debobigegoPanel">
|
||||
<div ref="chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -36,10 +36,10 @@
|
|||
import { defineComponent } from 'vue';
|
||||
import * as tinycolor from 'tinycolor2';
|
||||
import ApexCharts from 'apexcharts';
|
||||
import FormButton from '@client/components/form/button.vue';
|
||||
import FormGroup from '@client/components/form/group.vue';
|
||||
import FormKeyValueView from '@client/components/form/key-value-view.vue';
|
||||
import FormBase from '@client/components/form/base.vue';
|
||||
import FormButton from '@client/components/debobigego/button.vue';
|
||||
import FormGroup from '@client/components/debobigego/group.vue';
|
||||
import FormKeyValueView from '@client/components/debobigego/key-value-view.vue';
|
||||
import FormBase from '@client/components/debobigego/base.vue';
|
||||
import * as os from '@client/os';
|
||||
import bytes from '@client/filters/bytes';
|
||||
import * as symbols from '@client/symbols';
|
||||
|
|
@ -58,7 +58,8 @@ export default defineComponent({
|
|||
return {
|
||||
[symbols.PAGE_INFO]: {
|
||||
title: this.$ts.drive,
|
||||
icon: 'fas fa-cloud'
|
||||
icon: 'fas fa-cloud',
|
||||
bg: 'var(--bg)',
|
||||
},
|
||||
fetching: true,
|
||||
usage: null,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue