chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: move stat out

Browse source
This commit is contained in:
Methapon2001 2024-07-04 11:00:03 +07:00
parent 2539ad7cf5
commit 9bc9e0f1d5
2 changed files with 11 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/StatCardComponent.vue
View file

@ -1,6 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import AppBox from 'components/app/AppBox.vue'; import AppBox from 'components/app/AppBox.vue';
import { vModelSelect } from 'vue';
const props = withDefaults( const props = withDefaults(
defineProps<{ defineProps<{
@ -22,17 +21,17 @@ const props = withDefaults(
<template> <template>
<div <div
class="row full-width" class="row"
style="gap: var(--size-4)" style="gap: var(--size-4)"
:class="{ dark, 'no-wrap': nowrap }" :class="{ dark, 'no-wrap': nowrap }"
> >
<AppBox <AppBox
v-for="v in props.branch" v-for="v in props.branch"
:key="v.label" class="no-padding shadow-2"
class="col-12 no-padding shadow-2"
:class="{ [`stat-card__${v.color}`]: true }" :class="{ [`stat-card__${v.color}`]: true }"
:key="v.label"
> >
<div class="stat-card__content row items-center q-pa-md"> <div class="stat-card__content row items-center q-px-md q-py-sm">
<div class="col-4 text-center"> <div class="col-4 text-center">
<q-avatar <q-avatar
size="lg" size="lg"

12
src/pages/01_branch-management/MainPage.vue
View file

@ -436,11 +436,13 @@ watch(locale, () => {
<template> <template>
<div class="column full-height no-wrap"> <div class="column full-height no-wrap">
<div class="surface-1 bordered rounded q-mb-md scroll"> <StatCard
<div class="q-ma-md" style="display: inline-block"> class="q-pb-md"
<StatCard label-i18n :branch="stats" :dark="$q.dark.isActive" nowrap /> label-i18n
</div> :branch="stats"
</div> :dark="$q.dark.isActive"
nowrap
/>
<div <div
class="column col surface-1 bordered rounded scroll" class="column col surface-1 bordered rounded scroll"