verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 69 Releases Wiki Activity

feat: refs #6919 sync account summary
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Jorge Penadés 2024-11-19 12:15:58 +01:00
parent 06b61a52f6
commit 386f2e3126
1 changed files with 7 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/Account/Card/AccountSummary.vue
View File

@ -1,16 +1,12 @@
<script setup> <script setup>
import { ref, computed } from 'vue'; import { computed } from 'vue';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import { useI18n } from 'vue-i18n';
import CardSummary from 'components/ui/CardSummary.vue'; import CardSummary from 'components/ui/CardSummary.vue';
import VnLv from 'src/components/ui/VnLv.vue'; import VnLv from 'src/components/ui/VnLv.vue';
import { useArrayData } from 'src/composables/useArrayData';
import filter from './AccountFilter.js'; import filter from './AccountFilter.js';
const route = useRoute(); const route = useRoute();
const { t } = useI18n();
const $props = defineProps({ const $props = defineProps({
id: { id: {
@ -18,34 +14,26 @@ const $props = defineProps({
default: 0, default: 0,
}, },
}); });
const { store } = useArrayData('Account');
const account = ref(store.data);
const entityId = computed(() => $props.id || route.params.id); const entityId = computed(() => $props.id || route.params.id);
</script> </script>
<template> <template>
<CardSummary <CardSummary data-key="Account" url="VnUsers/preview" :filter="filter">
data-key="AccountSummary" <template #header="{ entity }">{{ entity.id }} - {{ entity.nickname }}</template>
ref="AccountSummary" <template #body="{ entity }">
url="VnUsers/preview"
:filter="filter"
@on-fetch="(data) => (account = data)"
>
<template #header>{{ account.id }} - {{ account.nickname }}</template>
<template #body>
<QCard class="vn-one"> <QCard class="vn-one">
<QCardSection class="q-pa-none"> <QCardSection class="q-pa-none">
<router-link <router-link
:to="{ name: 'AccountBasicData', params: { id: entityId } }" :to="{ name: 'AccountBasicData', params: { id: entityId } }"
class="header header-link" class="header header-link"
> >
{{ t('globals.pageTitles.basicData') }} {{ $t('globals.pageTitles.basicData') }}
<QIcon name="open_in_new" /> <QIcon name="open_in_new" />
</router-link> </router-link>
</QCardSection> </QCardSection>
<VnLv :label="t('account.card.nickname')" :value="account.name" /> <VnLv :label="$t('account.card.nickname')" :value="entity.name" />
<VnLv :label="t('account.card.role')" :value="account.role.name" /> <VnLv :label="$t('account.card.role')" :value="entity.role?.name" />
</QCard> </QCard>
</template> </template>
</CardSummary> </CardSummary>