Lista Tabelle

This commit is contained in:
Paolo Arena
2021-10-02 02:03:10 +02:00
parent bf7dcf20a6
commit 41e33fd87d
26 changed files with 138 additions and 77 deletions

View File

@@ -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>

View File

@@ -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">

View File

@@ -26,7 +26,7 @@ export default defineComponent({
const globalStore = useGlobalStore()
function copytoclip() {
tools.copyStringToClipboard(props.texttocopy, true)
tools.copyStringToClipboard($q, props.texttocopy, true)
}
return {

View File

@@ -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>

View File

@@ -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)

View File

@@ -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,
}
}
})

View File

@@ -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"

View File

@@ -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>

View File

@@ -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>

View File

@@ -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
}

View File

@@ -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

View File

@@ -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 }}