Lista Tabelle
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<div>
|
||||
<q-card class="my-card text-center">
|
||||
|
||||
<q-img :src="`public/images/` + myop.img" class="myimg">
|
||||
<q-img :src="`images/` + myop.img" class="myimg">
|
||||
<div class="absolute-bottom text-spacetrans text-shadow">
|
||||
<div class="text-h6 text-trans">{{ myop.name }} {{ myop.surname }}</div>
|
||||
<div class="text-subtitle-carica text-trans">{{ myop.qualification }}</div>
|
||||
|
||||
@@ -71,7 +71,7 @@ dark color="white" v-model="globalStore.autoplaydisc" label="Auto Play" class="s
|
||||
<q-carousel-slide
|
||||
v-for="(myrec, index) in myarr"
|
||||
:key="index"
|
||||
:img-src="`public/`+myrec.img_small"
|
||||
:img-src="myrec.img_small"
|
||||
:alt="myrec.label"
|
||||
:name="index">
|
||||
<div class="row q-ma-xs">
|
||||
|
||||
@@ -26,7 +26,7 @@ export default defineComponent({
|
||||
const globalStore = useGlobalStore()
|
||||
|
||||
function copytoclip() {
|
||||
tools.copyStringToClipboard(props.texttocopy, true)
|
||||
tools.copyStringToClipboard($q, props.texttocopy, true)
|
||||
}
|
||||
|
||||
return {
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
<template>
|
||||
<q-input
|
||||
:class="data_class" :bg-color="color" :readonly="readonly" :disable="disable" debounce="1000" :dense="dense"
|
||||
:value="getdatestring" stack-label :label="label" @input="changedate" :rounded="rounded"
|
||||
:value="getdatestring" stack-label :label="label" @update:model-value="changedate" :rounded="rounded"
|
||||
mask="##/##/####"
|
||||
fill-mask
|
||||
:outlined="outlined">
|
||||
<template v-slot:append>
|
||||
<q-icon name="event" class="cursor-pointer" :style="mystyleicon">
|
||||
<q-popup-proxy v-if="!readonly" ref="datePicker">
|
||||
<q-date :value="getdateyymmddstring" today-btn @input="changedate"></q-date>
|
||||
<q-date :value="getdateyymmddstring" today-btn @update:model-value="changedate"></q-date>
|
||||
</q-popup-proxy>
|
||||
</q-icon>
|
||||
</template>
|
||||
|
||||
@@ -207,7 +207,7 @@ export default defineComponent({
|
||||
|
||||
function copytoclipboard(rec: any) {
|
||||
const filename = getfullname(rec)
|
||||
tools.copyStringToClipboard(filename, true)
|
||||
tools.copyStringToClipboard($q, filename, true)
|
||||
}
|
||||
|
||||
async function deleteFile(rec: any)
|
||||
|
||||
@@ -105,10 +105,10 @@ export default defineComponent({
|
||||
const newRecord: any = ref({})
|
||||
const savenewRec = ref(false)
|
||||
|
||||
const mytable = toRef(props, 'prop_mytable')
|
||||
const mytitle = toRef(props, 'prop_mytitle')
|
||||
const mycolumns = toRef(props, 'prop_mycolumns')
|
||||
const colkey = toRef(props, 'prop_colkey')
|
||||
const mytable = ref('')
|
||||
const mytitle = ref('')
|
||||
const mycolumns = ref([])
|
||||
const colkey = ref('')
|
||||
const search = ref('')
|
||||
|
||||
const tablesel = ref('')
|
||||
@@ -186,6 +186,8 @@ export default defineComponent({
|
||||
|
||||
params.codeId = mycodeid.value
|
||||
|
||||
console.log('params', params)
|
||||
|
||||
params = { ...params, ...props.extraparams }
|
||||
|
||||
const data = await globalStore.loadTable(params)
|
||||
@@ -208,7 +210,6 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
function onRequest() {
|
||||
// console.log('onRequest', 'myfilter = ', myfilter)
|
||||
const { page, rowsPerPage, rowsNumber, sortBy, descending } = mypagination.value
|
||||
const myfilternow = myfilter.value
|
||||
const myfilterandnow = myfilterand.value
|
||||
@@ -218,6 +219,8 @@ export default defineComponent({
|
||||
if (!mytable.value)
|
||||
return
|
||||
|
||||
console.log('onRequest', 'myfilter = ', myfilter.value)
|
||||
|
||||
loading.value = true
|
||||
|
||||
spinner_visible.value = true
|
||||
@@ -231,7 +234,7 @@ export default defineComponent({
|
||||
const startRow = (page - 1) * rowsPerPage
|
||||
const endRow = startRow + fetchCount
|
||||
|
||||
// console.log('startRow', startRow, 'endRow', endRow)
|
||||
console.log('startRow', startRow, 'endRow', endRow)
|
||||
|
||||
serverData.value = []
|
||||
|
||||
@@ -274,6 +277,7 @@ export default defineComponent({
|
||||
|
||||
|
||||
function refresh() {
|
||||
console.log('refresh')
|
||||
serverData.value = []
|
||||
|
||||
search.value = search.value.trim()
|
||||
@@ -285,7 +289,7 @@ export default defineComponent({
|
||||
else
|
||||
myfilter.value = ''
|
||||
|
||||
// console.log('myfilter', myfilter)
|
||||
console.log('myfilter', myfilter.value)
|
||||
|
||||
refresh_table()
|
||||
}
|
||||
@@ -435,7 +439,7 @@ export default defineComponent({
|
||||
async function createNewRecordDialog() {
|
||||
|
||||
const mydata: any = {
|
||||
table: mytable,
|
||||
table: mytable.value,
|
||||
data: function () {
|
||||
return {}
|
||||
}
|
||||
@@ -494,12 +498,20 @@ export default defineComponent({
|
||||
})
|
||||
}
|
||||
|
||||
function created() {
|
||||
mytable.value = props.prop_mytable
|
||||
mytitle.value = props.prop_mytitle
|
||||
mycolumns.value = props.prop_mycolumns
|
||||
colkey.value = props.prop_colkey
|
||||
|
||||
}
|
||||
|
||||
function mounted() {
|
||||
//console.log('GridTable mounted', tablesel)
|
||||
console.log('GridTable mounted', tablesel.value)
|
||||
|
||||
if (!!props.tablesList) {
|
||||
canEdit.value = tools.getCookie(tools.CAN_EDIT, canEdit) === 'true'
|
||||
tablesel.value = tools.getCookie('tablesel', tablesel)
|
||||
tablesel.value = tools.getCookie('tablesel', tablesel.value)
|
||||
}
|
||||
myfilterand.value = props.filterdef
|
||||
// console.log('tablesel', tablesel)
|
||||
@@ -511,7 +523,7 @@ export default defineComponent({
|
||||
tablesel.value = mytable.value
|
||||
}
|
||||
|
||||
// console.log('2) tablesel', tablesel)
|
||||
console.log('2) tablesel', tablesel.value)
|
||||
|
||||
changeTable(false)
|
||||
|
||||
@@ -557,16 +569,17 @@ export default defineComponent({
|
||||
}
|
||||
|
||||
function changeTable(mysel: any) {
|
||||
// console.log('changeTable')
|
||||
if (tablesel.value === undefined || tablesel.value === '')
|
||||
return
|
||||
|
||||
// console.log('changeTable mysel=', mysel, 'tablesel', tablesel)
|
||||
// console.log('changeTable mysel=', mysel, 'tablesel', tablesel.value)
|
||||
// console.log('tablesList=')
|
||||
// console.table(tablesList)
|
||||
|
||||
let mytab = null
|
||||
if (props.tablesList) {
|
||||
mytab = props.tablesList.find((rec: any) => rec.value === tablesel.value)
|
||||
mytab = props.tablesList.find((rec: any) => rec.value === mysel)
|
||||
}
|
||||
|
||||
if (mytab === undefined) {
|
||||
@@ -581,8 +594,10 @@ export default defineComponent({
|
||||
if (mytab) {
|
||||
mytitle.value = mytab.label
|
||||
colkey.value = mytab.colkey
|
||||
// @ts-ignore
|
||||
mycolumns.value = [...mytab.columns]
|
||||
if (mytab.columns) {
|
||||
// @ts-ignore
|
||||
mycolumns.value = [...mytab.columns]
|
||||
}
|
||||
}
|
||||
|
||||
// console.log('mycolumns')
|
||||
@@ -715,7 +730,10 @@ export default defineComponent({
|
||||
return props.labelBtnAddRow !== addRow.value
|
||||
}
|
||||
|
||||
onMounted(mounted)
|
||||
// onMounted(mounted)
|
||||
|
||||
created()
|
||||
mounted()
|
||||
|
||||
|
||||
return {
|
||||
@@ -766,6 +784,8 @@ export default defineComponent({
|
||||
lists,
|
||||
refresh,
|
||||
spinner_visible,
|
||||
tablesel,
|
||||
myfilterand,
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
@@ -28,6 +28,7 @@
|
||||
selection="single"
|
||||
v-model:selected="selected">
|
||||
|
||||
|
||||
<template v-slot:header="props">
|
||||
|
||||
<q-tr :props="props">
|
||||
@@ -47,6 +48,7 @@
|
||||
</q-tr>
|
||||
</template>
|
||||
|
||||
|
||||
<template v-slot:top-right>
|
||||
<div class="q-table__title" style="min-width: 150px;">{{ mytitle }}</div>
|
||||
|
||||
@@ -89,21 +91,20 @@
|
||||
map-options
|
||||
:options="mycolumns"
|
||||
option-value="name"
|
||||
º
|
||||
@input="changeCol">
|
||||
@update:model-value="changeCol">
|
||||
|
||||
</q-select>
|
||||
|
||||
<q-select
|
||||
v-if="tablesList"
|
||||
v-model="tablesel"
|
||||
:model-value="tablesel"
|
||||
rounded
|
||||
outlined
|
||||
dense
|
||||
:options="tablesList"
|
||||
:display-value="mytitle"
|
||||
emit-value
|
||||
@input="changeTable"
|
||||
@update:model-value="changeTable"
|
||||
>
|
||||
</q-select>
|
||||
|
||||
@@ -112,6 +113,7 @@
|
||||
<q-spinner-tail size="2em" color="primary"/>
|
||||
</q-inner-loading>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<q-toggle
|
||||
v-for="(filter, index) of arrfilters"
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
</q-toolbar>
|
||||
<q-card-section class="text-center inset-shadow">
|
||||
<div style="width: 200px; float: left;">
|
||||
<q-img :src="`public/images/` + myop.img" class="myimg" :alt="`${myop.name} ${myop.surname}`">
|
||||
<q-img :src="`images/` + myop.img" class="myimg" :alt="`${myop.name} ${myop.surname}`">
|
||||
</q-img>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
- <a :href="urlmap" target="_blank" class="text-black">Apri Mappa</a>
|
||||
</p>
|
||||
<a :href="urlmap" target="_blank">
|
||||
<q-img :src="`public/` + imgmap" class="imgautosize" alt="my map">
|
||||
<q-img :src="`` + imgmap" class="imgautosize" alt="my map">
|
||||
</q-img>
|
||||
|
||||
</a>
|
||||
|
||||
@@ -56,7 +56,7 @@ h4 {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: -1;
|
||||
//background: #000 url(../../public/images/cover.jpg) 50%;
|
||||
//background: #000 url(../../images/cover.jpg) 50%;
|
||||
|
||||
background-size: cover
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<q-card :class="getmycardcl" v-if="!!myproduct">
|
||||
<q-img :src="`public/` + myproduct.img" :alt="myproduct.name" :class="getclimg"></q-img>
|
||||
<q-card :class="getmycardcl()" v-if="!!myproduct">
|
||||
<q-img :src="`` + myproduct.img" :alt="myproduct.name" :class="getclimg()"></q-img>
|
||||
|
||||
<q-card-section>
|
||||
<q-btn
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<div class="row items-center justify-evenly no-wrap">
|
||||
<div class="col-2 text-h6 ellipsis">
|
||||
<img
|
||||
v-if="true" :src="`public/` + order.product.img" :alt="order.product.name" :class="myimgclass">
|
||||
v-if="true" :src="`` + order.product.img" :alt="order.product.name" :class="myimgclass">
|
||||
</div>
|
||||
<div class="col-4 q-ml-xs">
|
||||
{{ order.product.name }}
|
||||
|
||||
Reference in New Issue
Block a user