65 lines
1.7 KiB
Vue
65 lines
1.7 KiB
Vue
<script setup>
|
|
import { useI18n } from 'vue-i18n';
|
|
import { useState } from 'src/composables/useState';
|
|
import ClaimDescriptor from './ClaimDescriptor.vue';
|
|
|
|
const { t } = useI18n();
|
|
const state = useState();
|
|
</script>
|
|
<template>
|
|
<q-drawer v-model="state.drawer.value" show-if-above :width="256" :breakpoint="500">
|
|
<q-scroll-area class="fit">
|
|
<claim-descriptor />
|
|
<q-separator />
|
|
<q-list>
|
|
<q-item :to="{ name: 'ClaimBasicData' }" clickable v-ripple>
|
|
<q-item-section avatar>
|
|
<q-icon name="vn:settings" />
|
|
</q-item-section>
|
|
<q-item-section>{{ t('claim.pageTitles.basicData') }}</q-item-section>
|
|
</q-item>
|
|
<q-item :to="{ name: 'ClaimRma' }" clickable v-ripple>
|
|
<q-item-section avatar>
|
|
<q-icon name="vn:barcode" />
|
|
</q-item-section>
|
|
<q-item-section>{{ t('claim.pageTitles.rma') }}</q-item-section>
|
|
</q-item>
|
|
</q-list>
|
|
</q-scroll-area>
|
|
</q-drawer>
|
|
<q-page-container>
|
|
<q-page class="q-pa-md">
|
|
<router-view></router-view>
|
|
</q-page>
|
|
</q-page-container>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
.q-scrollarea__content {
|
|
max-width: 100%;
|
|
}
|
|
</style>
|
|
|
|
<style lang="scss" scoped>
|
|
.descriptor {
|
|
max-width: 256px;
|
|
|
|
h5 {
|
|
margin: 0 15px;
|
|
}
|
|
|
|
.header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.q-card__actions {
|
|
justify-content: center;
|
|
}
|
|
|
|
#descriptor-skeleton .q-card__actions {
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
</style>
|