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

8197-VnCardMain #1044

Merged
alexm merged 31 commits from 8197-VnCardMain into beta 2024-12-24 10:29:04 +00:00
Conversation 2 Commits 31 Files Changed 58 +98 -98
24 changed files with 98 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit fccca9ea47 - Show all commits

2
src/components/common/VnCardBeta.vue
View File

@ -5,6 +5,8 @@ import { useArrayData } from 'src/composables/useArrayData';
import { useStateStore } from 'stores/useStateStore';
import useCardSize from 'src/composables/useCardSize';
import LeftMenu from 'components/LeftMenu.vue';
import VnSubToolbar from '../ui/VnSubToolbar.vue';
const props = defineProps({
dataKey: { type: String, required: true },
baseUrl: { type: String, default: undefined },

0
src/components/common/VnSectionMain.vue → src/components/common/VnModule.vue
View File

0
src/components/common/VnCardMain.vue → src/components/common/VnSection.vue
View File

6
src/pages/Account/AccountAcls.vue
View File

@ -9,7 +9,7 @@ import VnTable from 'components/VnTable/VnTable.vue';
import VnConfirm from 'components/ui/VnConfirm.vue';
import FetchData from 'src/components/FetchData.vue';
import { useValidator } from 'src/composables/useValidator';
import VnCardMain from 'src/components/common/VnCardMain.vue';
import VnSection from 'src/components/common/VnSection.vue';
defineProps({
id: {
@ -138,7 +138,7 @@ const deleteAcl = async ({ id }) => {
auto-load
@on-fetch="(data) => (roles = data)"
/>
<VnCardMain
<VnSection
:data-key="dataKey"
alexm marked this conversation as resolved
jorgep commented 2024-12-17 14:29:28 +00:00
Review
Copy Link

Que esta prop tenga el valor por defecto de la prop datakey

Que esta prop tenga el valor por defecto de la prop datakey
alexm commented 2024-12-18 11:01:56 +00:00
Review
Copy Link

Me gusta como piensas

Me gusta como piensas
:columns="columns"
prefix="acls"
@ -166,7 +166,7 @@ const deleteAcl = async ({ id }) => {
:use-model="true"
/>
</template>
</VnCardMain>
</VnSection>
</template>
<i18n>

6
src/pages/Account/AccountAliasList.vue
View File

@ -2,7 +2,7 @@
import { useI18n } from 'vue-i18n';
import { ref, computed } from 'vue';
import VnTable from 'components/VnTable/VnTable.vue';
import VnCardMain from 'src/components/common/VnCardMain.vue';
import VnSection from 'src/components/common/VnSection.vue';
const tableRef = ref();
const { t } = useI18n();
@ -43,7 +43,7 @@ const exprBuilder = (param, value) => {
</script>
<template>
<VnCardMain
<VnSection
:data-key="dataKey"
alexm marked this conversation as resolved
jorgep commented 2024-12-17 14:30:33 +00:00
Review
Copy Link

Lo mismo que el AccountAcls

Lo mismo que el AccountAcls
:columns="columns"
prefix="mailAlias"
@ -68,7 +68,7 @@ const exprBuilder = (param, value) => {
:right-search="false"
/>
</template>
</VnCardMain>
</VnSection>
</template>
<i18n>
es:

6
src/pages/Account/AccountList.vue
View File

@ -4,7 +4,7 @@ import { computed } from 'vue';
import VnTable from 'components/VnTable/VnTable.vue';
import AccountSummary from './Card/AccountSummary.vue';
import { useSummaryDialog } from 'src/composables/useSummaryDialog';
import VnCardMain from 'src/components/common/VnCardMain.vue';
import VnSection from 'src/components/common/VnSection.vue';
const { t } = useI18n();
const { viewSummary } = useSummaryDialog();
@ -103,7 +103,7 @@ function exprBuilder(param, value) {
</script>
<template>
<VnCardMain
<VnSection
:data-key="dataKey"
alexm marked this conversation as resolved Outdated
jorgep commented 2024-12-17 14:30:42 +00:00
Outdated
Review
Copy Link

Lo mismo que AccountAcls

Lo mismo que AccountAcls
:columns="columns"
prefix="account"
@ -124,7 +124,7 @@ function exprBuilder(param, value) {
:right-search="false"
/>
</template>
</VnCardMain>
</VnSection>
</template>
<i18n>

6
src/pages/Account/Role/AccountRoles.vue
View File

@ -5,7 +5,7 @@ import VnTable from 'components/VnTable/VnTable.vue';
import { useRoute } from 'vue-router';
import { useSummaryDialog } from 'src/composables/useSummaryDialog';
import RoleSummary from './Card/RoleSummary.vue';
import VnCardMain from 'src/components/common/VnCardMain.vue';
import VnSection from 'src/components/common/VnSection.vue';
const route = useRoute();
const { t } = useI18n();
@ -85,7 +85,7 @@ const exprBuilder = (param, value) => {
</script>
<template>
<VnCardMain
<VnSection
:data-key="dataKey"
alexm marked this conversation as resolved
jorgep commented 2024-12-17 14:35:03 +00:00
Review
Copy Link

Lo mismo que AccountAcls

Lo mismo que AccountAcls
:columns="columns"
prefix="role"
@ -110,7 +110,7 @@ const exprBuilder = (param, value) => {
:right-search="false"
/>
</template>
</VnCardMain>
</VnSection>
</template>
<i18n>

136
src/pages/Ticket/Card/TicketBoxing.vue
View File

@ -1,15 +1,18 @@
<script setup>
import axios from 'axios';
import { date, useQuasar } from 'quasar';
import { computed, onMounted, reactive, ref } from 'vue';
import { computed, onMounted, onUnmounted, reactive, ref } from 'vue';
import { useI18n } from 'vue-i18n';
import { useRouter } from 'vue-router';
import { useStateStore } from 'stores/useStateStore';
const router = useRouter();
const stateStore = useStateStore();
const { t } = useI18n();
const quasar = useQuasar();
onMounted(async () => {
stateStore.rightDrawer = true;
jorgep marked this conversation as resolved
jorgep commented 2024-12-18 14:58:26 +00:00
Review
Copy Link

En vista móvil se quedará abierto también.

En vista móvil se quedará abierto también.
alexm commented 2024-12-23 17:15:19 +00:00
Review
Copy Link

Diria que es lo correcto pq hasta que no eliges video, no muestra nada

Diria que es lo correcto pq hasta que no eliges video, no muestra nada
await fetch();
});
@ -84,74 +87,69 @@ async function getVideoList(expeditionId, timed) {
</script>
<template>
<QDrawer show-if-above side="right">
<QScrollArea class="fit">
<QList bordered separator style="max-width: 318px">
<QItem v-if="lastExpedition && videoList.length">
<QItemSection>
<QItemLabel class="text-h6">
{{ t('ticket.boxing.selectTime') }} ({{ time.min }}-{{
time.max
}})
</QItemLabel>
<QRange
v-model="time"
@change="getVideoList(lastExpedition, time)"
:min="0"
:max="24"
:step="1"
:left-label-value="time.min + ':00'"
:right-label-value="time.max + ':00'"
label
markers
snap
color="primary"
/>
</QItemSection>
</QItem>
<QItem v-if="lastExpedition && videoList.length">
<QItemSection>
<QSelect
color="primary"
v-model="slide"
:options="videoList"
:label="t('ticket.boxing.selectVideo')"
emit-value
map-options
>
<template #prepend>
<QIcon name="schedule" />
</template>
</QSelect>
</QItemSection>
</QItem>
<QItem
v-for="expedition in expeditions"
:key="expedition.id"
@click="getVideoList(expedition.id)"
clickable
v-ripple
>
<QItemSection>
<QItemLabel class="text-h6">#{{ expedition.id }}</QItemLabel>
</QItemSection>
<QItemSection>
<QItemLabel caption>{{ t('globals.created') }}</QItemLabel>
<QItemLabel>
{{
date.formatDate(expedition.created, 'YYYY-MM-DD HH:mm:ss')
}}
</QItemLabel>
<QItemLabel caption>{{ t('globals.item') }}</QItemLabel>
<QItemLabel>{{ expedition.packagingItemFk }}</QItemLabel>
<QItemLabel caption>{{ t('ticket.boxing.worker') }}</QItemLabel>
<QItemLabel>{{ expedition.userName }}</QItemLabel>
</QItemSection>
</QItem>
</QList>
</QScrollArea>
</QDrawer>
<Teleport to="#right-panel" v-if="stateStore.isHeaderMounted()">
<QList bordered separator style="max-width: 318px">
<QItem v-if="lastExpedition && videoList.length">
<QItemSection>
<QItemLabel class="text-h6">
{{ t('ticket.boxing.selectTime') }} ({{ time.min }}-{{
time.max
}})
</QItemLabel>
<QRange
v-model="time"
@change="getVideoList(lastExpedition, time)"
:min="0"
:max="24"
:step="1"
:left-label-value="time.min + ':00'"
:right-label-value="time.max + ':00'"
label
markers
snap
color="primary"
/>
</QItemSection>
</QItem>
<QItem v-if="lastExpedition && videoList.length">
<QItemSection>
<QSelect
color="primary"
v-model="slide"
:options="videoList"
:label="t('ticket.boxing.selectVideo')"
emit-value
map-options
>
<template #prepend>
<QIcon name="schedule" />
</template>
</QSelect>
</QItemSection>
</QItem>
<QItem
v-for="expedition in expeditions"
:key="expedition.id"
@click="getVideoList(expedition.id)"
clickable
v-ripple
>
<QItemSection>
<QItemLabel class="text-h6">#{{ expedition.id }}</QItemLabel>
</QItemSection>
<QItemSection>
<QItemLabel caption>{{ t('globals.created') }}</QItemLabel>
<QItemLabel>
{{ date.formatDate(expedition.created, 'YYYY-MM-DD HH:mm:ss') }}
</QItemLabel>
<QItemLabel caption>{{ t('globals.item') }}</QItemLabel>
<QItemLabel>{{ expedition.packagingItemFk }}</QItemLabel>
<QItemLabel caption>{{ t('ticket.boxing.worker') }}</QItemLabel>
<QItemLabel>{{ expedition.userName }}</QItemLabel>
</QItemSection>
</QItem>
</QList>
</Teleport>
<QCard>
<QCarousel animated v-model="slide" height="max-content">
<QCarouselSlide

2
src/router/modules/account.js
View File

@ -28,7 +28,7 @@ export default {
{
path: '',
name: 'AccountMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'AccountIndexMain' },
children: [
{

2
src/router/modules/claim.js
View File

@ -27,7 +27,7 @@ export default {
{
name: 'ClaimMain',
path: '',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'ClaimList' },
children: [
{

2
src/router/modules/customer.js
View File

@ -39,7 +39,7 @@ export default {
{
path: '',
name: 'CustomerMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'CustomerList' },
children: [
{

2
src/router/modules/entry.js
View File

@ -25,7 +25,7 @@ export default {
{
path: '',
name: 'EntryMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'EntryList' },
children: [
{

2
src/router/modules/invoiceIn.js
View File

@ -25,7 +25,7 @@ export default {
{
path: '',
name: 'InvoiceInMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'InvoiceInList' },
children: [
{

2
src/router/modules/invoiceOut.js
View File

@ -18,7 +18,7 @@ export default {
{
path: '',
name: 'InvoiceOutMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'InvoiceOutList' },
children: [
{

2
src/router/modules/item.js
View File

@ -36,7 +36,7 @@ export default {
{
path: '',
name: 'ItemMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'ItemList' },
children: [
{

2
src/router/modules/monitor.js
View File

@ -19,7 +19,7 @@ export default {
{
path: '',
name: 'MonitorMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
props: (route) => ({ leftDrawer: route.name === 'MonitorClientsActions' }),
redirect: { name: 'MonitorTickets' },
children: [

2
src/router/modules/order.js
View File

@ -19,7 +19,7 @@ export default {
{
path: '',
name: 'OrderMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'OrderList' },
children: [
{

2
src/router/modules/route.js
View File

@ -25,7 +25,7 @@ export default {
{
path: '/route',
name: 'RouteMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'RouteList' },
children: [
{

2
src/router/modules/shelving.js
View File

@ -18,7 +18,7 @@ export default {
{
path: '',
name: 'ShelvingMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'ShelvingList' },
children: [
{

2
src/router/modules/supplier.js
View File

@ -30,7 +30,7 @@ export default {
{
path: '',
name: 'SupplierMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'SupplierList' },
children: [
{

2
src/router/modules/travel.js
View File

@ -18,7 +18,7 @@ export default {
{
path: '',
name: 'TravelMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'TravelList' },
children: [
{

4
src/router/modules/wagon.js
View File

@ -18,7 +18,7 @@ export default {
{
path: '/wagon',
name: 'WagonMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'WagonList' },
children: [
{
@ -62,7 +62,7 @@ export default {
{
path: '/wagon/type',
name: 'WagonTypeMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'WagonTypeList' },
children: [
{

2
src/router/modules/worker.js
View File

@ -35,7 +35,7 @@ export default {
{
path: '',
name: 'WorkerMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'WorkerList' },
children: [
{

2
src/router/modules/zone.js
View File

@ -30,7 +30,7 @@ export default {
{
path: '/zone',
name: 'ZoneMain',
component: () => import('src/components/common/VnSectionMain.vue'),
component: () => import('src/components/common/VnModule.vue'),
redirect: { name: 'ZoneList' },
children: [
{