- aggiornamento con proj RISO. postcss, pwa.
This commit is contained in:
Surya Paolo
@@ -43,7 +43,7 @@ export default defineComponent({
|
||||
const initialPagination = ref({
|
||||
sortBy: 'desc',
|
||||
descending: false,
|
||||
rowsPerPage: 10,
|
||||
rowsPerPage: 20,
|
||||
// rowsNumber: xx if getting data from a server
|
||||
})
|
||||
|
||||
|
||||
@@ -58,6 +58,7 @@ export default defineComponent({
|
||||
emailsent.value = true
|
||||
idapp.value = ris.idapp
|
||||
tools.showPositiveNotif($q, t('install.created', { idapp: ris.idapp }))
|
||||
console.log('VAI A SIGNIN (2):')
|
||||
$router.replace('/signin')
|
||||
form.password = ''
|
||||
} else
|
||||
|
||||
@@ -4,19 +4,19 @@ $heightBtn: 100%;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.mycol{
|
||||
color:gray;
|
||||
.mycol {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
|
||||
.q-item__label--caption{
|
||||
.q-item__label--caption {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.ordstat{
|
||||
.ordstat {
|
||||
text-align: center;
|
||||
border: 1px solid #8778cb;
|
||||
border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
@@ -27,31 +27,61 @@ $heightBtn: 100%;
|
||||
|
||||
.note {
|
||||
font-style: italic;
|
||||
color:blue;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.totali {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.q-table {
|
||||
overflow-x: auto; /* Aggiungi scroll se il contenuto supera in larghezza */
|
||||
overflow-x: auto;
|
||||
/* Aggiungi scroll se il contenuto supera in larghezza */
|
||||
}
|
||||
|
||||
.q-item-label {
|
||||
white-space: nowrap; /* Impedisce il wrapping del testo */
|
||||
white-space: nowrap;
|
||||
/* Impedisce il wrapping del testo */
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis; /* Aggiunge "..." se il testo è troppo lungo */
|
||||
text-overflow: ellipsis;
|
||||
/* Aggiunge "..." se il testo è troppo lungo */
|
||||
}
|
||||
|
||||
.my-card-shadow {
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); /* Aggiunge un'ombra sottile alle card */
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
|
||||
/* Aggiunge un'ombra sottile alle card */
|
||||
}
|
||||
|
||||
.q-item__section--side {
|
||||
flex-grow: 1; /* Permette a questa sezione di crescere più dell'etichetta "Articoli" */
|
||||
flex-grow: 1;
|
||||
/* Permette a questa sezione di crescere più dell'etichetta "Articoli" */
|
||||
}
|
||||
|
||||
.q-item__label {
|
||||
overflow: hidden !important;
|
||||
white-space: wrap !important; /* Impedisce che il testo si spezzi in più righe */
|
||||
white-space: wrap !important;
|
||||
/* Impedisce che il testo si spezzi in più righe */
|
||||
}
|
||||
|
||||
|
||||
.full-height {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* Imposta la direzione verticale */
|
||||
height: 100vh;
|
||||
/* Occupa tutta l'altezza della viewport */
|
||||
}
|
||||
|
||||
.header {
|
||||
background-color: #f1f1f1;
|
||||
padding: 10px;
|
||||
flex-shrink: 0;
|
||||
/* Il header non cambia altezza */
|
||||
}
|
||||
|
||||
.table-container {
|
||||
flex-grow: 1;
|
||||
/* La tabella occupa tutto lo spazio rimanente */
|
||||
overflow-y: auto;
|
||||
/* Abilita lo scrolling verticale */
|
||||
}
|
||||
@@ -1,27 +1,28 @@
|
||||
import { defineComponent, onMounted, ref, watch } from 'vue'
|
||||
import { tools } from '@tools'
|
||||
import { tools } from '@store/Modules/tools'
|
||||
import { useUserStore } from '@store/UserStore'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { useGlobalStore } from '@store/globalStore'
|
||||
import { useProducts } from '@store/Products'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { toolsext } from '@store/Modules/toolsext'
|
||||
import { useQuasar } from 'quasar'
|
||||
import { useQuasar, exportFile } from 'quasar'
|
||||
import { costanti } from '@costanti'
|
||||
import { shared_consts } from '@src/common/shared_vuejs'
|
||||
// import MixinBase from '@src/mixins/mixin-base'
|
||||
import { serv_constants } from '@store/Modules/serv_constants'
|
||||
import { fieldsTable } from '@store/Modules/fieldsTable'
|
||||
|
||||
import { CSingleCart } from '@src/components/CSingleCart'
|
||||
import { CTitleBanner } from '@src/components/CTitleBanner'
|
||||
import { CMyFieldDb } from '@src/components/CMyFieldDb'
|
||||
import type { IOrderCart } from '@src/model';
|
||||
import { ICart, IOrder } from '@src/model'
|
||||
import { CSingleCart } from '../../../components/CSingleCart'
|
||||
import { CMyDialog } from '../../../components/CMyDialog'
|
||||
import { COrdersCart } from '../../../components/COrdersCart'
|
||||
import { CTitleBanner } from '../../../components/CTitleBanner'
|
||||
import { CMyFieldDb } from '../../../components/CMyFieldDb'
|
||||
import type { ISingleProductOrdered } from '@src/model'
|
||||
import { ICart, IOrder, IOrderCart } from '@src/model'
|
||||
|
||||
export default defineComponent({
|
||||
name: 'OrderInfo',
|
||||
components: { CSingleCart, CTitleBanner, CMyFieldDb },
|
||||
components: { CSingleCart, CTitleBanner, CMyFieldDb, COrdersCart, CMyDialog },
|
||||
props: {},
|
||||
setup() {
|
||||
const userStore = useUserStore()
|
||||
@@ -37,15 +38,45 @@ export default defineComponent({
|
||||
const templemail = ref('')
|
||||
|
||||
const cosa = ref(0)
|
||||
const showOrdersCart = ref(false)
|
||||
const idOrdersCartToShow = ref('')
|
||||
|
||||
const arrout = ref(<any[]>[])
|
||||
const listatotali = ref(<any[]>[])
|
||||
|
||||
const showWhichCode = ref(shared_consts.ShowCode.ALL)
|
||||
|
||||
const showWhichCodeOptions = ref([
|
||||
{
|
||||
label: 'Tutti i codici',
|
||||
value: shared_consts.ShowCode.ALL
|
||||
},
|
||||
{
|
||||
label: 'Codice Interno',
|
||||
value: shared_consts.ShowCode.CODE
|
||||
},
|
||||
{
|
||||
label: 'Codice Produttore',
|
||||
value: shared_consts.ShowCode.INTERNAL_CODE
|
||||
}
|
||||
])
|
||||
|
||||
const check_send_email = ref(false)
|
||||
const mostra_codice = ref(false)
|
||||
const mostra_cat = ref(false)
|
||||
const mostra_solo_ordini_produttore = ref(false)
|
||||
|
||||
const initialPagination = ref({
|
||||
sortBy: 'desc',
|
||||
sortBy: 'ind',
|
||||
descending: false,
|
||||
rowsPerPage: 10,
|
||||
rowsPerPage: 0,
|
||||
// rowsNumber: xx if getting data from a server
|
||||
})
|
||||
|
||||
const totalPagination = ref({
|
||||
sortBy: 'codice_interno',
|
||||
descending: false,
|
||||
rowsPerPage: 1000,
|
||||
// rowsNumber: xx if getting data from a server
|
||||
})
|
||||
|
||||
@@ -56,8 +87,81 @@ export default defineComponent({
|
||||
const storeGasordine = ref(<any>'')
|
||||
|
||||
const taborders = ref(shared_consts.OrderStat.IN_CORSO.value)
|
||||
const tabpages = ref(shared_consts.OrderPages.LISTA_TOTALI.value)
|
||||
const statusnow = ref(0)
|
||||
const arrnumstatus = ref(<any[]>[])
|
||||
|
||||
const columns_listafiltrati = ref(<any>[])
|
||||
|
||||
//index, code, productName, qty, singlePrice, subtotalPrice
|
||||
const columns_listaTotali = ref(<any>[
|
||||
{
|
||||
name: 'index',
|
||||
required: true,
|
||||
align: 'left',
|
||||
label: 'Indice',
|
||||
field: 'index',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
name: 'code',
|
||||
required: true,
|
||||
align: 'left',
|
||||
label: 'Codice',
|
||||
field: 'code',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
name: 'codice_interno',
|
||||
required: false,
|
||||
align: 'left',
|
||||
label: 'Codice Produttore',
|
||||
field: 'codice_interno',
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'productName',
|
||||
required: true,
|
||||
align: 'left',
|
||||
label: 'Prodotto',
|
||||
field: 'productName',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
name: 'strSubCatProds',
|
||||
required: true,
|
||||
align: 'left',
|
||||
label: 'Categoria',
|
||||
field: 'strSubCatProds',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
name: 'qty',
|
||||
required: true,
|
||||
align: 'center',
|
||||
label: 'Qta',
|
||||
field: 'qty',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
name: 'singlePrice',
|
||||
required: true,
|
||||
align: 'center',
|
||||
label: 'Prezzo',
|
||||
field: 'singlePrice',
|
||||
sortable: true,
|
||||
},
|
||||
{
|
||||
name: 'subtotalPrice',
|
||||
required: true,
|
||||
align: 'center',
|
||||
label: 'Totale',
|
||||
field: 'subtotalPrice',
|
||||
sortable: true
|
||||
}
|
||||
|
||||
])
|
||||
|
||||
const columns = ref(<any>[
|
||||
{
|
||||
name: 'ind',
|
||||
@@ -193,14 +297,40 @@ export default defineComponent({
|
||||
})
|
||||
|
||||
watch(() => taborders.value, (newval, oldval) => {
|
||||
tools.setCookie(tools.COOK_TABORD, taborders.value.toString())
|
||||
updateorders(false)
|
||||
})
|
||||
watch(() => tabpages.value, (newval, oldval) => {
|
||||
tools.setCookie(tools.COOK_TABPAGES, tabpages.value.toString())
|
||||
if (tabpages.value === shared_consts.OrderPages.LISTA_TOTALI.value) {
|
||||
taborders.value = -1
|
||||
}
|
||||
updateorders(true)
|
||||
})
|
||||
|
||||
watch(() => storeGasordine.value, (newval, oldval) => {
|
||||
tools.setCookie(tools.COOK_SELGAS, storeGasordine.value)
|
||||
updateorders(true)
|
||||
})
|
||||
|
||||
watch(() => mostra_codice.value, (newval, oldval) => {
|
||||
tools.setCookie(tools.COOK_SHOWCODICE, mostra_codice.value ? '1' : '0')
|
||||
updateorders(true)
|
||||
})
|
||||
watch(() => mostra_cat.value, (newval, oldval) => {
|
||||
tools.setCookie(tools.COOK_SHOWCAT, mostra_cat.value ? '1' : '0')
|
||||
updateorders(true)
|
||||
})
|
||||
watch(() => showWhichCode.value, (newval, oldval) => {
|
||||
tools.setCookie(tools.COOK_SHOWCODE, showWhichCode.value.toString())
|
||||
updateorders(true)
|
||||
})
|
||||
|
||||
watch(() => mostra_solo_ordini_produttore.value, (newval, oldval) => {
|
||||
tools.setCookie(tools.COOK_SHOWORDPROD, mostra_solo_ordini_produttore.value ? '1' : '0')
|
||||
updateorders(true)
|
||||
})
|
||||
|
||||
// const { setValDb, getValDb } = MixinBase()
|
||||
|
||||
function getCols(props: any) {
|
||||
@@ -214,6 +344,47 @@ export default defineComponent({
|
||||
return ris
|
||||
}
|
||||
|
||||
// Creami una lista di tutti i prodotti, con i totali delle quantità e il prezzo totale
|
||||
function getListProductBySumQuantity(): ISingleProductOrdered[] {
|
||||
const listproductstotal = productStore.getListProductBySumQuantity(storeGasordine.value)
|
||||
|
||||
if (listproductstotal) {
|
||||
// Calculate totals
|
||||
const totals: ISingleProductOrdered = {
|
||||
index: -1,
|
||||
code: '',
|
||||
codice_interno: '',
|
||||
idProduct: '',
|
||||
subCat: '',
|
||||
strSubCatProds: '',
|
||||
productName: 'TOTALI',
|
||||
qty: listproductstotal.reduce((total: number, rec: any) => total + rec.qty, 0),
|
||||
singlePrice: 0,
|
||||
subtotalPrice: listproductstotal.reduce((total: number, rec: any) => total + rec.subtotalPrice, 0),
|
||||
};
|
||||
|
||||
let rowsWithTotals: any = [...listproductstotal];
|
||||
|
||||
if (tools.isManager()) {
|
||||
// Combine orders and totals
|
||||
rowsWithTotals.push(totals);
|
||||
}
|
||||
|
||||
// Supponendo che rowsWithTotals sia il tuo array di record
|
||||
rowsWithTotals.forEach((record: any, index: number) => {
|
||||
record.ind = index;
|
||||
});
|
||||
|
||||
return rowsWithTotals;
|
||||
}
|
||||
|
||||
return listproductstotal
|
||||
}
|
||||
|
||||
function getTotaleOrdineByOrdId(id: string, idGasordine: string): string {
|
||||
return productStore.getTotaleOrdineByOrdId(id, idGasordine, mostra_solo_ordini_produttore.value).toFixed(2)
|
||||
}
|
||||
|
||||
function getOrdersCartWithTotals(): any[] {
|
||||
const orderscart = getOrdersCart();
|
||||
|
||||
@@ -233,7 +404,7 @@ export default defineComponent({
|
||||
totalPriceCalc: orderscart.reduce((total: number, rec: any) => total + rec.totalPriceCalc, 0),
|
||||
};
|
||||
|
||||
const rowsWithTotals: any = [...orderscart];
|
||||
let rowsWithTotals: any = [...orderscart];
|
||||
|
||||
if (tools.isManager()) {
|
||||
// Combine orders and totals
|
||||
@@ -258,26 +429,44 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
function updateorders(updatetab: boolean) {
|
||||
arrout.value = []
|
||||
|
||||
myorderscart.value = getOrdersCart()
|
||||
if (myorderscart.value) {
|
||||
for (const orderscart of myorderscart.value) {
|
||||
myarrrec.value[orderscart._id] = Object.keys(orderscart)
|
||||
// Rimuovi dalla lista columns_listaTotali il record "codice_interno" se mostra_codice.value = false
|
||||
columns_listafiltrati.value = columns_listaTotali.value.filter((column: any) => {
|
||||
let show = false
|
||||
if (showWhichCode.value === shared_consts.ShowCode.ALL) {
|
||||
show = true
|
||||
} else if (showWhichCode.value === shared_consts.ShowCode.CODE) {
|
||||
show = (column.name !== 'codice_interno')
|
||||
} else if (showWhichCode.value === shared_consts.ShowCode.INTERNAL_CODE) {
|
||||
show = (column.name !== 'code')
|
||||
}
|
||||
}
|
||||
return show
|
||||
})
|
||||
|
||||
if (updatetab) {
|
||||
const allorders = getAllOrdersCart()
|
||||
for (const status of [15, 2, 3, 4, 5, 6, 7, 8, 10]) {
|
||||
arrnumstatus.value[status] = allorders.filter((rec) => (rec.status === status)).reduce((sum, item) => sum + 1, 0)
|
||||
|
||||
if (tabpages.value === shared_consts.OrderPages.ORDINI.value) {
|
||||
arrout.value = []
|
||||
|
||||
myorderscart.value = getOrdersCart()
|
||||
if (myorderscart.value) {
|
||||
for (const orderscart of myorderscart.value) {
|
||||
myarrrec.value[orderscart._id] = Object.keys(orderscart)
|
||||
}
|
||||
}
|
||||
|
||||
selectfirstavailable()
|
||||
if (updatetab) {
|
||||
const allorders = getAllOrdersCart()
|
||||
for (const status of [15, 2, 3, 4, 5, 6, 7, 8, 10]) {
|
||||
arrnumstatus.value[status] = allorders.filter((rec) => (rec.status === status)).reduce((sum, item) => sum + 1, 0)
|
||||
}
|
||||
|
||||
selectfirstavailable()
|
||||
}
|
||||
|
||||
arrout.value = getOrdersCartWithTotals()
|
||||
} else if (tabpages.value === shared_consts.OrderPages.LISTA_TOTALI.value) {
|
||||
listatotali.value = getListProductBySumQuantity()
|
||||
}
|
||||
|
||||
arrout.value = getOrdersCartWithTotals()
|
||||
|
||||
}
|
||||
|
||||
function selectfirstavailable() {
|
||||
@@ -293,18 +482,30 @@ export default defineComponent({
|
||||
|
||||
async function mounted() {
|
||||
|
||||
taborders.value = -1
|
||||
taborders.value = tools.getCookie(tools.COOK_TABORD, shared_consts.OrderStat.IN_CORSO.value, true)
|
||||
if (tools.isManager())
|
||||
tabpages.value = tools.getCookie(tools.COOK_TABPAGES, shared_consts.OrderPages.LISTA_TOTALI.value, true)
|
||||
else
|
||||
tabpages.value = shared_consts.OrderPages.ORDINI.value
|
||||
|
||||
storeGasordine.value = tools.getCookie(tools.COOK_SELGAS, '')
|
||||
|
||||
mostra_codice.value = tools.getCookie(tools.COOK_SHOWCODICE, '1') === '1'
|
||||
mostra_cat.value = tools.getCookie(tools.COOK_SHOWCAT, '1') === '1'
|
||||
mostra_solo_ordini_produttore.value = tools.getCookie(tools.COOK_SHOWORDPROD, '1') === '1'
|
||||
showWhichCode.value = tools.getCookie(tools.COOK_SHOWCODE, shared_consts.ShowCode.ALL, true)
|
||||
|
||||
await userStore.newsletterload(false)
|
||||
await productStore.loadProducts()
|
||||
|
||||
|
||||
updateorders(true)
|
||||
|
||||
if (taborders.value === -1)
|
||||
taborders.value = shared_consts.OrderStat.IN_CORSO.value
|
||||
|
||||
if (tabpages.value === -1)
|
||||
tabpages.value = shared_consts.OrderPages.LISTA_TOTALI.value
|
||||
|
||||
|
||||
if (tools.isManager()) {
|
||||
columns.value = [...columns_Admin.value]
|
||||
@@ -358,7 +559,7 @@ export default defineComponent({
|
||||
const statusStr = shared_consts.getStatusStr(status)
|
||||
|
||||
$q.dialog({
|
||||
message: 'Impostare l\'ordine di ' + tools.getNomeUtenteByRecUser(order.user) + ' n. ' + order.numorder + ' ' + statusStr + ' ?',
|
||||
message: 'Impostare l\'ordine di ' + tools.getNomeUtenteByRecUser(order.user!) + ' n. ' + order.numorder + ' ' + statusStr + ' ?',
|
||||
ok: {
|
||||
label: t('dialog.yes'),
|
||||
push: true
|
||||
@@ -468,6 +669,31 @@ export default defineComponent({
|
||||
})
|
||||
}
|
||||
|
||||
function exportListaTotali() {
|
||||
// console.log('row', serverData.value)
|
||||
// console.log('mycolumns.value', mycolumns.value)
|
||||
// naive encoding to csv format
|
||||
const content = [columns_listafiltrati.value.map((col: any) => (col.label))].concat(
|
||||
listatotali.value.map((row: any) => columns_listafiltrati.value.map((col: any) => (
|
||||
row[col.field]
|
||||
)).join(','))
|
||||
).join('\r\n')
|
||||
|
||||
const status = exportFile(
|
||||
'lista-totali-' + productStore.getGasordineNameById(storeGasordine.value) + '_' + tools.getstrYYMMDDDate(tools.getDateNow()) + '.csv',
|
||||
content,
|
||||
'text/csv'
|
||||
)
|
||||
|
||||
if (status !== true) {
|
||||
$q.notify({
|
||||
message: 'Il Browser ha negato il download del file.',
|
||||
color: 'negative',
|
||||
icon: 'warning'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(mounted)
|
||||
|
||||
return {
|
||||
@@ -479,6 +705,7 @@ export default defineComponent({
|
||||
globalStore,
|
||||
columns,
|
||||
taborders,
|
||||
tabpages,
|
||||
arrnumstatus,
|
||||
clickFunz,
|
||||
getOrdersCart,
|
||||
@@ -499,6 +726,18 @@ export default defineComponent({
|
||||
arrout,
|
||||
check_send_email,
|
||||
ConfermaOrdini,
|
||||
mostra_codice,
|
||||
mostra_cat,
|
||||
mostra_solo_ordini_produttore,
|
||||
listatotali,
|
||||
columns_listafiltrati,
|
||||
showWhichCode,
|
||||
showWhichCodeOptions,
|
||||
getTotaleOrdineByOrdId,
|
||||
showOrdersCart,
|
||||
idOrdersCartToShow,
|
||||
exportListaTotali,
|
||||
totalPagination,
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@@ -18,50 +18,74 @@
|
||||
>
|
||||
<template v-slot:tutti>
|
||||
<div class="row items-center no-wrap">
|
||||
<div class="text-center">{{ t('gas.tutti') }}</div>
|
||||
<div class="text-center">{{ t("gas.tutti") }}</div>
|
||||
<q-icon right name="fas fa-user-friends" />
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:gas>
|
||||
<div class="row items-center no-wrap">
|
||||
<div class="text-center">{{ t('gas.ordina_sul_gas') }}</div>
|
||||
<div class="text-center">{{ t("gas.ordina_sul_gas") }}</div>
|
||||
<q-icon right name="fas fa-user-friends" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template v-slot:bottega>
|
||||
<div class="row items-center no-wrap">
|
||||
<div class="text-center">{{ t('gas.bottega') }}</div>
|
||||
<div class="text-center">{{ t("gas.bottega") }}</div>
|
||||
<q-icon right name="fas fa-store" />
|
||||
</div>
|
||||
</template>
|
||||
</q-btn-toggle>
|
||||
</div>
|
||||
|
||||
<div v-if="endload" class="panel">
|
||||
<div>
|
||||
<div v-if="endload" class="row">
|
||||
<div class="row">
|
||||
<q-toggle
|
||||
v-if="tools.isManager()"
|
||||
v-model="check_send_email"
|
||||
color="blue"
|
||||
class="row q-mx-md"
|
||||
icon="fas fa-envelope"
|
||||
:label="$t('orderscart.check_invia_email')"
|
||||
:label="t('orderscart.check_invia_email')"
|
||||
></q-toggle>
|
||||
<q-toggle
|
||||
v-if="tools.isManager()"
|
||||
v-model="mostra_codice"
|
||||
color="blue"
|
||||
class="row q-mx-md"
|
||||
icon="fas fa-barcode"
|
||||
:label="t('orderscart.mostra_codice')"
|
||||
></q-toggle>
|
||||
<q-toggle
|
||||
v-if="tools.isManager()"
|
||||
v-model="mostra_cat"
|
||||
color="blue"
|
||||
class="row q-mx-md"
|
||||
icon="fas fa-barcode"
|
||||
:label="t('orderscart.mostra_cat')"
|
||||
></q-toggle>
|
||||
<q-toggle
|
||||
v-if="tools.isManager()"
|
||||
v-model="mostra_solo_ordini_produttore"
|
||||
color="blue"
|
||||
class="row q-mx-md"
|
||||
icon="fas fa-user-friends"
|
||||
:label="t('orderscart.mostra_solo_ordini_produttore')"
|
||||
></q-toggle>
|
||||
<q-select
|
||||
v-if="tools.isManager()"
|
||||
v-model="showWhichCode"
|
||||
:options="showWhichCodeOptions"
|
||||
emit-value
|
||||
map-options
|
||||
option-value="value"
|
||||
option-label="label"
|
||||
:label="t('orderscart.show_which_code')"
|
||||
class="row q-mx-md"
|
||||
:style="'width: 200px;'"
|
||||
></q-select>
|
||||
</div>
|
||||
|
||||
<q-tabs v-model="taborders" inline-label class="text-blue">
|
||||
<span v-for="(stat, index) of shared_consts.OrderStat" :key="index">
|
||||
<q-tab
|
||||
v-if="arrnumstatus[stat.value] > 0"
|
||||
:class="stat.color"
|
||||
:name="stat.value"
|
||||
:icon="stat.icon"
|
||||
:label="`(` + arrnumstatus[stat.value] + `) ` + stat.label"
|
||||
/>
|
||||
</span>
|
||||
</q-tabs>
|
||||
|
||||
<q-select
|
||||
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
|
||||
outlined
|
||||
@@ -71,347 +95,461 @@
|
||||
emit-value
|
||||
map-options
|
||||
></q-select>
|
||||
</div>
|
||||
<div>
|
||||
<q-tabs
|
||||
v-if="tools.isManager()"
|
||||
v-model="tabpages"
|
||||
inline-label
|
||||
class="text-blue"
|
||||
>
|
||||
<span v-for="(page, index) of shared_consts.OrderPages" :key="index">
|
||||
<q-tab
|
||||
:class="page.color"
|
||||
:name="page.value"
|
||||
:icon="page.icon"
|
||||
:label="page.label"
|
||||
/>
|
||||
</span>
|
||||
</q-tabs>
|
||||
|
||||
<div class="q-pa-sm">
|
||||
<q-table
|
||||
v-if="taborders > 0"
|
||||
:grid="$q.screen.lt.sm"
|
||||
:hide-header="$q.screen.lt.sm"
|
||||
:columns="columns"
|
||||
row-key="numorder"
|
||||
:pagination="initialPagination"
|
||||
:rows="arrout"
|
||||
<div v-if="tabpages === shared_consts.OrderPages.ORDINI.value">
|
||||
<q-tabs
|
||||
v-if="taborders"
|
||||
v-model="taborders"
|
||||
inline-label
|
||||
class="text-blue"
|
||||
>
|
||||
<template v-if="$q.screen.lt.sm" v-slot:item="props">
|
||||
<div class="q-pa-xs col-xs-12 col-sm-6 col-md-4">
|
||||
<q-card class="my-card-shadow yes_shadow">
|
||||
<q-list dense>
|
||||
<q-item v-for="col in getCols(props)" :key="col.name">
|
||||
<q-item-section>
|
||||
<q-item-label>{{ col.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-item-label
|
||||
v-if="col.name === 'created_at'"
|
||||
caption
|
||||
>{{ tools.getstrDateTime(col.value) }}</q-item-label>
|
||||
<q-item-label v-else-if="col.name === 'nameSurname'" caption>
|
||||
<span v-if="props.row.user">
|
||||
<span
|
||||
:class="
|
||||
props.row.user.name !== 'TOTALI' ? '' : 'totali'
|
||||
"
|
||||
>{{ tools.getNomeUtenteByRecUser(props.row.user) }}</span>
|
||||
</span>
|
||||
</q-item-label>
|
||||
<q-item-label v-else-if="col.name === 'items'" caption>
|
||||
<div v-for="(item, index) of props.row.items" :key="index">
|
||||
<span v-for="(stat, index) of shared_consts.OrderStat" :key="index">
|
||||
<q-tab
|
||||
v-if="arrnumstatus[stat.value] > 0"
|
||||
:class="stat.color"
|
||||
:name="stat.value"
|
||||
:icon="stat.icon"
|
||||
:label="`(` + arrnumstatus[stat.value] + `) ` + stat.label"
|
||||
/>
|
||||
</span>
|
||||
</q-tabs>
|
||||
|
||||
<div class="q-pa-sm">
|
||||
<q-table
|
||||
v-if="taborders > 0"
|
||||
:grid="$q.screen.lt.sm"
|
||||
:hide-header="$q.screen.lt.sm"
|
||||
:columns="columns"
|
||||
row-key="numorder"
|
||||
:pagination="initialPagination"
|
||||
:rows="arrout"
|
||||
:virtual-scroll="false"
|
||||
class="table-container"
|
||||
>
|
||||
<template v-if="$q.screen.lt.sm" v-slot:item="props">
|
||||
<div class="q-pa-xs col-xs-12 col-sm-6 col-md-4">
|
||||
<q-card class="my-card-shadow yes_shadow">
|
||||
<q-list dense>
|
||||
<q-item v-for="col in getCols(props)" :key="col.name">
|
||||
<q-item-section>
|
||||
<q-item-label>{{ col.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section side>
|
||||
<q-item-label
|
||||
v-if="col.name === 'created_at'"
|
||||
caption
|
||||
>{{ tools.getstrDateTime(col.value) }}</q-item-label
|
||||
>
|
||||
<q-item-label
|
||||
v-else-if="col.name === 'nameSurname'"
|
||||
caption
|
||||
>
|
||||
<span v-if="props.row.user">
|
||||
<span
|
||||
:class="
|
||||
props.row.user.name !== 'TOTALI' ? '' : 'totali'
|
||||
"
|
||||
>{{
|
||||
tools.getNomeUtenteByRecUser(props.row.user)
|
||||
}}</span
|
||||
>
|
||||
</span>
|
||||
</q-item-label>
|
||||
<q-item-label v-else-if="col.name === 'items'" caption>
|
||||
<div
|
||||
v-for="(item, index) of props.row.items"
|
||||
:key="index"
|
||||
>
|
||||
<div
|
||||
v-if="
|
||||
!!item &&
|
||||
item.order &&
|
||||
item.order.product &&
|
||||
item.order.product.productInfo &&
|
||||
((mostra_solo_ordini_produttore &&
|
||||
item.order.idGasordine === storeGasordine) ||
|
||||
!mostra_solo_ordini_produttore)
|
||||
"
|
||||
>
|
||||
<span
|
||||
v-html="
|
||||
productStore.getStrInfoOrder(t, item.order)
|
||||
"
|
||||
></span>
|
||||
{{
|
||||
productStore.getQuantityByOrder(t, item.order)
|
||||
}}
|
||||
{{ item.order.product.productInfo.name }}
|
||||
<span v-if="mostra_cat"
|
||||
>({{
|
||||
productStore.getSubCatStrByProduct(
|
||||
item.order.product.productInfo
|
||||
)
|
||||
}})</span
|
||||
>
|
||||
{{
|
||||
mostra_codice
|
||||
? "- [" +
|
||||
item.order.product.productInfo.code +
|
||||
"]"
|
||||
: ""
|
||||
}}
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</q-item-label>
|
||||
<q-item-label
|
||||
v-else-if="col.name === 'totalPrice'"
|
||||
caption
|
||||
>{{
|
||||
getTotaleOrdineByOrdId(
|
||||
props.row._id,
|
||||
storeGasordine
|
||||
)
|
||||
}}
|
||||
€</q-item-label
|
||||
>
|
||||
<q-item-label
|
||||
v-else-if="col.name === 'totalPriceCalc'"
|
||||
caption
|
||||
>{{ props.row.totalPriceCalc }} €</q-item-label
|
||||
>
|
||||
<q-item-label
|
||||
v-else-if="col.name === 'status'"
|
||||
caption
|
||||
>{{
|
||||
shared_consts.getStatusStr(props.row.status)
|
||||
}}</q-item-label
|
||||
>
|
||||
<q-item-label
|
||||
v-else-if="col.name === 'comandi'"
|
||||
caption
|
||||
>
|
||||
<div
|
||||
v-if="
|
||||
!!item &&
|
||||
item.order &&
|
||||
item.order.product &&
|
||||
item.order.product.productInfo
|
||||
tools.isManager() &&
|
||||
props.row.user.name !== 'TOTALI'
|
||||
"
|
||||
class="q-pa-sm"
|
||||
>
|
||||
<span v-html="productStore.getStrInfoOrder(t, item.order)"></span>
|
||||
{{ item.order.product.productInfo.name }} ({{
|
||||
productStore.getQuantityByOrder(t, item.order)
|
||||
}})
|
||||
<br />
|
||||
<q-btn
|
||||
v-if="
|
||||
taborders ===
|
||||
shared_consts.OrderStat.CONFERMATI.value
|
||||
"
|
||||
size="sm"
|
||||
dense
|
||||
color="green"
|
||||
icon="fas fa-people-carry"
|
||||
:label="t('ecomm.consegna')"
|
||||
@click="
|
||||
clickFunz(
|
||||
props.row,
|
||||
shared_consts.OrderStat.DELIVERED.value
|
||||
)
|
||||
"
|
||||
></q-btn>
|
||||
|
||||
<q-btn-dropdown rounded dense label="Azioni">
|
||||
<q-list class="text-primary">
|
||||
<q-item
|
||||
v-for="(
|
||||
cmd, index
|
||||
) of shared_consts.OrderCmdStr"
|
||||
:key="index"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="clickFunz(props.row, cmd.value)"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-avatar
|
||||
:icon="cmd.icon"
|
||||
:color="cmd.color"
|
||||
text-color="white"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ cmd.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-btn-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
</q-item-label>
|
||||
<q-item-label
|
||||
v-else-if="col.name === 'totalPrice'"
|
||||
caption
|
||||
>{{ props.row.totalPrice }} €</q-item-label>
|
||||
<q-item-label
|
||||
v-else-if="col.name === 'totalPriceCalc'"
|
||||
caption
|
||||
>{{ props.row.totalPriceCalc }} €</q-item-label>
|
||||
<q-item-label
|
||||
v-else-if="col.name === 'status'"
|
||||
caption
|
||||
>{{ shared_consts.getStatusStr(props.row.status) }}</q-item-label>
|
||||
<q-item-label v-else-if="col.name === 'comandi'" caption>
|
||||
<div
|
||||
v-if="
|
||||
tools.isManager() &&
|
||||
props.row.user.name !== 'TOTALI'
|
||||
"
|
||||
class="q-pa-sm"
|
||||
</q-item-label>
|
||||
|
||||
<q-item-label
|
||||
v-else-if="col.name === 'apri' && props.row._id"
|
||||
caption
|
||||
>
|
||||
<q-btn
|
||||
v-if="
|
||||
taborders ===
|
||||
shared_consts.OrderStat.CONFERMATI.value
|
||||
"
|
||||
size="sm"
|
||||
dense
|
||||
color="green"
|
||||
icon="fas fa-people-carry"
|
||||
:label="t('ecomm.consegna')"
|
||||
@click="clickFunz(props.row, shared_consts.OrderStat.DELIVERED.value)"
|
||||
></q-btn>
|
||||
<div class="q-pa-sm">
|
||||
<q-btn
|
||||
size="sm"
|
||||
dense
|
||||
icon="fas fa-filter"
|
||||
:label="t('ecomm.apriordine')"
|
||||
@click="
|
||||
idOrdersCartToShow = props.row._id;
|
||||
showOrdersCart = true;
|
||||
"
|
||||
></q-btn>
|
||||
</div>
|
||||
</q-item-label>
|
||||
<q-item-label v-else caption>
|
||||
{{ col.value }}
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
</div>
|
||||
</template>
|
||||
<template v-else v-slot:body="props">
|
||||
<q-tr :props="props">
|
||||
<q-td key="ind" :props="props">
|
||||
<div class="q-pa-sm">{{ props.row.ind + 1 }}</div>
|
||||
</q-td>
|
||||
<q-td key="apri" :props="props">
|
||||
<div class="q-pa-sm">
|
||||
<q-btn
|
||||
v-if="props.row._id"
|
||||
color="primary"
|
||||
size="sm"
|
||||
dense
|
||||
icon="far fa-file-alt"
|
||||
:label="t('ecomm.apriordine')"
|
||||
@click="
|
||||
idOrdersCartToShow = props.row._id;
|
||||
showOrdersCart = true;
|
||||
"
|
||||
></q-btn>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="comandi" :props="props">
|
||||
<div
|
||||
v-if="tools.isManager() && props.row.user.name !== 'TOTALI'"
|
||||
class="q-pa-sm"
|
||||
>
|
||||
<q-btn
|
||||
v-if="
|
||||
taborders === shared_consts.OrderStat.CONFERMATI.value
|
||||
"
|
||||
size="sm"
|
||||
dense
|
||||
color="green"
|
||||
icon="fas fa-people-carry"
|
||||
class="q-mx-sm"
|
||||
:label="t('ecomm.consegna')"
|
||||
@click="
|
||||
clickFunz(
|
||||
props.row,
|
||||
shared_consts.OrderStat.DELIVERED.value
|
||||
)
|
||||
"
|
||||
></q-btn>
|
||||
|
||||
<q-btn-dropdown rounded dense label="Azioni">
|
||||
<q-list class="text-primary">
|
||||
<q-item
|
||||
v-for="(
|
||||
cmd, index
|
||||
) of shared_consts.OrderCmdStr"
|
||||
:key="index"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="clickFunz(props.row, cmd.value)"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-avatar :icon="cmd.icon" :color="cmd.color" text-color="white" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ cmd.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-btn-dropdown>
|
||||
</div>
|
||||
</q-item-label>
|
||||
|
||||
<q-item-label v-else-if="col.name === 'apri' && props.row._id" caption>
|
||||
<div class="q-pa-sm">
|
||||
<q-btn
|
||||
size="sm"
|
||||
dense
|
||||
icon="fas fa-filter"
|
||||
:label="t('ecomm.apriordine')"
|
||||
:to="`/orderscart/${props.row._id}`"
|
||||
></q-btn>
|
||||
</div>
|
||||
</q-item-label>
|
||||
<q-item-label v-else caption>
|
||||
{{
|
||||
col.value
|
||||
}}
|
||||
</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
</div>
|
||||
</template>
|
||||
<template v-else v-slot:body="props">
|
||||
<q-tr :props="props">
|
||||
<q-td key="ind" :props="props">
|
||||
<div class="q-pa-sm">{{ index }}</div>
|
||||
</q-td>
|
||||
<q-td key="apri" :props="props">
|
||||
<div class="q-pa-sm">
|
||||
<q-btn
|
||||
v-if="props.row._id"
|
||||
color="primary"
|
||||
size="sm"
|
||||
dense
|
||||
icon="far fa-file-alt"
|
||||
:label="t('ecomm.apriordine')"
|
||||
:to="`/orderscart/${props.row._id}`"
|
||||
></q-btn>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="comandi" :props="props">
|
||||
<div v-if="tools.isManager() && props.row.user.name !== 'TOTALI'" class="q-pa-sm">
|
||||
<q-btn
|
||||
<q-btn-dropdown rounded dense label="Azioni">
|
||||
<q-list class="text-primary">
|
||||
<q-item
|
||||
v-for="(cmd, index) of shared_consts.OrderCmdStr"
|
||||
:key="index"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="clickFunz(props.row, cmd.value)"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-avatar
|
||||
:icon="cmd.icon"
|
||||
:color="cmd.color"
|
||||
text-color="white"
|
||||
/>
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ cmd.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-btn-dropdown>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="numorder" :props="props">
|
||||
<span v-if="props.row.numorder"
|
||||
> n. {{ props.row.numorder }}</span
|
||||
>
|
||||
</q-td>
|
||||
<q-td key="nameSurname" :props="props">
|
||||
<span v-if="props.row.user">
|
||||
<span
|
||||
:class="props.row.user.name !== 'TOTALI' ? '' : 'totali'"
|
||||
>{{ tools.getNomeUtenteByRecUser(props.row.user) }}</span
|
||||
>
|
||||
</span>
|
||||
</q-td>
|
||||
<q-td key="created_at" :props="props">
|
||||
{{ tools.getstrDateTime(props.row.created_at) }}
|
||||
<span
|
||||
v-if="
|
||||
taborders === shared_consts.OrderStat.CONFERMATI.value
|
||||
taborders === shared_consts.OrderStat.COMPLETATI.value
|
||||
"
|
||||
size="sm"
|
||||
dense
|
||||
color="green"
|
||||
icon="fas fa-people-carry"
|
||||
class="q-mx-sm"
|
||||
:label="t('ecomm.consegna')"
|
||||
@click="clickFunz(props.row, shared_consts.OrderStat.DELIVERED.value)"
|
||||
></q-btn>
|
||||
|
||||
<q-btn-dropdown rounded dense label="Azioni">
|
||||
<q-list class="text-primary">
|
||||
<q-item
|
||||
v-for="(cmd, index) of shared_consts.OrderCmdStr"
|
||||
:key="index"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="clickFunz(props.row, cmd.value)"
|
||||
>
|
||||
<q-item-section avatar>
|
||||
<q-avatar :icon="cmd.icon" :color="cmd.color" text-color="white" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ cmd.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-btn-dropdown>
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="numorder" :props="props">
|
||||
<span v-if="props.row.numorder"> n. {{ props.row.numorder }}</span>
|
||||
</q-td>
|
||||
<q-td key="nameSurname" :props="props">
|
||||
<span v-if="props.row.user">
|
||||
>
|
||||
<br />Consegnato il:
|
||||
<br />
|
||||
{{ tools.getstrDateTime(props.row.date_consegnato) }}
|
||||
</span>
|
||||
</q-td>
|
||||
<q-td key="items" :props="props">
|
||||
<div v-for="(item, index) of props.row.items" :key="index">
|
||||
<div
|
||||
v-if="
|
||||
!!item.order &&
|
||||
item.order.product &&
|
||||
item.order.product.productInfo &&
|
||||
((mostra_solo_ordini_produttore &&
|
||||
item.order.idGasordine === storeGasordine) ||
|
||||
!mostra_solo_ordini_produttore)
|
||||
"
|
||||
>
|
||||
{{ productStore.getQuantityByOrder(t, item.order) }}
|
||||
{{ item.order.product.productInfo.name }}
|
||||
<span v-if="mostra_cat">
|
||||
({{
|
||||
productStore.getSubCatStrByProduct(
|
||||
item.order.product.productInfo
|
||||
)
|
||||
}})
|
||||
</span>
|
||||
{{
|
||||
mostra_codice
|
||||
? "- [" + item.order.product.productInfo.code + "]"
|
||||
: ""
|
||||
}}
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="props.row.note" class="note">
|
||||
Note: {{ props.row.note }}
|
||||
</div>
|
||||
<div v-if="props.row.note_per_gestore" class="note">
|
||||
Note per Gestore: {{ props.row.note_per_gestore }}
|
||||
</div>
|
||||
<div v-if="props.row.note_per_admin" class="note">
|
||||
Note per Admin: {{ props.row.note_per_admin }}
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="totalPrice" :props="props">
|
||||
<span
|
||||
:class="props.row.user.name !== 'TOTALI' ? '' : 'totali'"
|
||||
>{{ tools.getNomeUtenteByRecUser(props.row.user) }}</span>
|
||||
</span>
|
||||
</q-td>
|
||||
<q-td key="created_at" :props="props">
|
||||
{{ tools.getstrDateTime(props.row.created_at) }}
|
||||
<span
|
||||
v-if="taborders === shared_consts.OrderStat.COMPLETATI"
|
||||
>
|
||||
<br />Consegnato il:
|
||||
<br />
|
||||
{{
|
||||
tools.getstrDateTime(props.row.date_consegnato)
|
||||
}}
|
||||
</span>
|
||||
</q-td>
|
||||
<q-td key="items" :props="props">
|
||||
<div v-for="(item, index) of props.row.items" :key="index">
|
||||
<div
|
||||
v-if="
|
||||
!!item.order &&
|
||||
item.order.product &&
|
||||
item.order.product.productInfo
|
||||
"
|
||||
>
|
||||
{{ item.order.product.productInfo.name }} ({{
|
||||
productStore.getQuantityByOrder($t, item.order)
|
||||
}})
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="props.row.note" class="note">Note: {{ props.row.note }}</div>
|
||||
<div
|
||||
v-if="props.row.note_per_gestore"
|
||||
class="note"
|
||||
>Note per Gestore: {{ props.row.note_per_gestore }}</div>
|
||||
<div
|
||||
v-if="props.row.note_per_admin"
|
||||
class="note"
|
||||
>Note per Admin: {{ props.row.note_per_admin }}</div>
|
||||
</q-td>
|
||||
<q-td key="totalPrice" :props="props">
|
||||
<span
|
||||
:class="props.row.user.name !== 'TOTALI' ? '' : 'totali'"
|
||||
>{{ props.row.totalPrice }} €</span>
|
||||
</q-td>
|
||||
<q-td key="status" :props="props">
|
||||
<span :class="props.row.status">
|
||||
{{
|
||||
shared_consts.getStatusStr(props.row.status)
|
||||
}}
|
||||
</span>
|
||||
<br />
|
||||
<div v-if="props.row.confermato" class="ordstat">
|
||||
{{ tools.getstrDateTime(props.row.date_confermato) }}:
|
||||
<span
|
||||
class="ordstat confermato"
|
||||
>
|
||||
{{
|
||||
$t('ecomm.confermato')
|
||||
>{{
|
||||
getTotaleOrdineByOrdId(props.row._id, storeGasordine)
|
||||
}}
|
||||
€</span
|
||||
>
|
||||
</q-td>
|
||||
<q-td key="status" :props="props">
|
||||
<span :class="props.row.status">
|
||||
{{ shared_consts.getStatusStr(props.row.status) }}
|
||||
</span>
|
||||
</div>
|
||||
<div v-if="props.row.pagato" class="ordstat">
|
||||
{{ tools.getstrDateTime(props.row.date_pagato) }}:
|
||||
<span
|
||||
class="ordstat"
|
||||
>{{ $t('ecomm.pagato') }}</span>
|
||||
</div>
|
||||
<div v-if="props.row.consegnato" class="ordstat">
|
||||
{{ tools.getstrDateTime(props.row.date_consegnato) }}:
|
||||
<span
|
||||
class="ordstat"
|
||||
>{{ $t('ecomm.consegnato') }}</span>
|
||||
</div>
|
||||
<div v-if="props.row.preparato" class="ordstat">
|
||||
{{ tools.getstrDateTime(props.row.date_preparato) }}:
|
||||
<span
|
||||
class="ordstat"
|
||||
>{{ $t('ecomm.preparato') }}</span>
|
||||
</div>
|
||||
<div v-if="props.row.spedito">
|
||||
{{ tools.getstrDateTime(props.row.date_spedito) }}:
|
||||
<span
|
||||
class="ordstat"
|
||||
>{{ $t('ecomm.spedito') }}</span>
|
||||
</div>
|
||||
<div v-if="props.row.ricevuto">
|
||||
{{ tools.getstrDateTime(props.row.date_ricevuto) }}:
|
||||
<span
|
||||
class="ordstat"
|
||||
>{{ $t('ecomm.ricevuto') }}</span>
|
||||
</div>
|
||||
</q-td>
|
||||
</q-tr>
|
||||
</template>
|
||||
</q-table>
|
||||
</div>
|
||||
<br />
|
||||
<div v-if="props.row.confermato" class="ordstat">
|
||||
{{ tools.getstrDateTime(props.row.date_confermato) }}:
|
||||
<span class="ordstat confermato">
|
||||
{{ $t("ecomm.confermato") }}
|
||||
</span>
|
||||
</div>
|
||||
<div v-if="props.row.pagato" class="ordstat">
|
||||
{{ tools.getstrDateTime(props.row.date_pagato) }}:
|
||||
<span class="ordstat">{{ t("ecomm.pagato") }}</span>
|
||||
</div>
|
||||
<div v-if="props.row.consegnato" class="ordstat">
|
||||
{{ tools.getstrDateTime(props.row.date_consegnato) }}:
|
||||
<span class="ordstat">{{ t("ecomm.consegnato") }}</span>
|
||||
</div>
|
||||
<div v-if="props.row.preparato" class="ordstat">
|
||||
{{ tools.getstrDateTime(props.row.date_preparato) }}:
|
||||
<span class="ordstat">{{ t("ecomm.preparato") }}</span>
|
||||
</div>
|
||||
<div v-if="props.row.spedito">
|
||||
{{ tools.getstrDateTime(props.row.date_spedito) }}:
|
||||
<span class="ordstat">{{ t("ecomm.spedito") }}</span>
|
||||
</div>
|
||||
<div v-if="props.row.ricevuto">
|
||||
{{ tools.getstrDateTime(props.row.date_ricevuto) }}:
|
||||
<span class="ordstat">{{ t("ecomm.ricevuto") }}</span>
|
||||
</div>
|
||||
</q-td>
|
||||
</q-tr>
|
||||
</template>
|
||||
</q-table>
|
||||
</div>
|
||||
|
||||
<!-- Ordini IN CORSO -->
|
||||
<div
|
||||
v-if="
|
||||
tools.isManager() &&
|
||||
taborders === shared_consts.OrderStat.IN_CORSO.value
|
||||
"
|
||||
class="q-ma-sm q-pa-sm row justify-center"
|
||||
>
|
||||
<q-btn
|
||||
color="positive"
|
||||
icon="mail"
|
||||
:label="t('orderscart.order_confirm')"
|
||||
@click="ConfermaOrdini"
|
||||
></q-btn>
|
||||
</div>
|
||||
<!-- Ordini IN CORSO -->
|
||||
<div
|
||||
v-if="
|
||||
tools.isManager() &&
|
||||
taborders === shared_consts.OrderStat.IN_CORSO.value
|
||||
"
|
||||
class="q-ma-sm q-pa-sm row justify-center"
|
||||
>
|
||||
<q-btn
|
||||
color="positive"
|
||||
icon="mail"
|
||||
:label="t('orderscart.order_confirm')"
|
||||
@click="ConfermaOrdini"
|
||||
></q-btn>
|
||||
</div>
|
||||
|
||||
<!-- Emails -->
|
||||
<div v-if="tools.isManager()" class="q-ma-sm q-pa-sm row">
|
||||
<q-select
|
||||
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
|
||||
rounded
|
||||
style="width: 300px"
|
||||
outlined
|
||||
v-model="templemail"
|
||||
:options="globalStore.templemail"
|
||||
:option-value="fieldsTable.getKeyByTable('templemail')"
|
||||
:option-label="fieldsTable.getLabelByTable('templemail')"
|
||||
label="Scegli il tipo di Email:"
|
||||
emit-value
|
||||
map-options
|
||||
></q-select>
|
||||
<CMyFieldDb
|
||||
title="Email di Test"
|
||||
mykey="EMAIL_TEST"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.string"
|
||||
></CMyFieldDb>
|
||||
<q-btn
|
||||
color="primary"
|
||||
icon="fas fa-check"
|
||||
:label="t('orderscart.sendmail_test')"
|
||||
@click="sendMailTest"
|
||||
></q-btn>
|
||||
|
||||
<div v-if="tools.isManager()" class="q-ma-sm q-pa-sm row">
|
||||
<q-select
|
||||
:behavior="$q.platform.is.ios === true ? 'dialog' : 'menu'"
|
||||
rounded
|
||||
style="width: 300px"
|
||||
outlined
|
||||
v-model="templemail"
|
||||
:options="globalStore.templemail"
|
||||
:option-value="fieldsTable.getKeyByTable('templemail')"
|
||||
:option-label="fieldsTable.getLabelByTable('templemail')"
|
||||
label="Scegli il tipo di Email:"
|
||||
emit-value
|
||||
map-options
|
||||
></q-select>
|
||||
<CMyFieldDb
|
||||
title="Email di Test"
|
||||
mykey="EMAIL_TEST"
|
||||
:serv="true"
|
||||
:type="costanti.FieldType.string"
|
||||
></CMyFieldDb>
|
||||
<q-btn
|
||||
color="primary"
|
||||
icon="fas fa-check"
|
||||
:label="t('orderscart.sendmail_test')"
|
||||
@click="sendMailTest"
|
||||
></q-btn>
|
||||
<q-btn
|
||||
color="positive"
|
||||
icon="mail"
|
||||
:label="t('orderscart.sendmail', { count: arrout.length })"
|
||||
@click="sendMailToAll"
|
||||
></q-btn>
|
||||
</div>
|
||||
|
||||
<q-btn
|
||||
color="positive"
|
||||
icon="mail"
|
||||
:label="t('orderscart.sendmail', { count: arrout.length })"
|
||||
@click="sendMailToAll"
|
||||
></q-btn>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<!--
|
||||
<div v-for="(orderscart, index) in getOrdersCart" :key="index">
|
||||
|
||||
<div>
|
||||
@@ -439,8 +577,69 @@
|
||||
|
||||
<br>
|
||||
</div>
|
||||
-->
|
||||
--></div>
|
||||
<div v-else-if="tabpages === shared_consts.OrderPages.LISTA_TOTALI.value">
|
||||
<div class="q-pa-sm">
|
||||
<q-btn
|
||||
v-if="true"
|
||||
color="primary"
|
||||
icon-right="archive"
|
||||
label="Esporta Lista Totali"
|
||||
no-caps
|
||||
@click="exportListaTotali"
|
||||
/>
|
||||
|
||||
<q-table
|
||||
:grid="false"
|
||||
:hide-header="$q.screen.lt.sm"
|
||||
:columns="columns_listafiltrati"
|
||||
row-key="index"
|
||||
:pagination="totalPagination"
|
||||
:rows="listatotali"
|
||||
>
|
||||
<template v-slot:body="props">
|
||||
<q-tr :props="props">
|
||||
<q-td key="index" :props="props">
|
||||
<div class="q-pa-sm">{{ props.row.index }}</div>
|
||||
</q-td>
|
||||
<q-td key="code" :props="props">
|
||||
<div class="q-pa-sm">{{ props.row.code }}</div>
|
||||
</q-td>
|
||||
<q-td key="codice_interno" :props="props">
|
||||
<div class="q-pa-sm">{{ props.row.codice_interno }}</div>
|
||||
</q-td>
|
||||
<q-td key="productName" :props="props">
|
||||
<div class="q-pa-sm">{{ props.row.productName }}</div>
|
||||
</q-td>
|
||||
<q-td key="strSubCatProds" :props="props">
|
||||
<div class="q-pa-sm">
|
||||
{{ props.row.strSubCatProds }}
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="qty" :props="props">
|
||||
<div class="q-pa-sm">{{ props.row.qty }}</div>
|
||||
</q-td>
|
||||
<q-td key="singlePrice" :props="props">
|
||||
<div class="q-pa-sm">
|
||||
{{ props.row.singlePrice.toFixed(2) }} €
|
||||
</div>
|
||||
</q-td>
|
||||
<q-td key="subtotalPrice" :props="props">
|
||||
<div class="q-pa-sm">
|
||||
{{ props.row.subtotalPrice.toFixed(2) }} €
|
||||
</div>
|
||||
</q-td>
|
||||
</q-tr>
|
||||
</template>
|
||||
</q-table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Emails -->
|
||||
</div>
|
||||
<CMyDialog v-model="showOrdersCart" title="Ordine">
|
||||
<COrdersCart :iscash="false" :idOrdersCart="idOrdersCartToShow" />
|
||||
</CMyDialog>
|
||||
</q-page>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user