51 lines
1.8 KiB
Vue
51 lines
1.8 KiB
Vue
|
<template>
|
||
|
|
<div class="q-pa-sm">
|
||
|
|
<q-table
|
||
|
|
:title="mytitle"
|
||
|
|
:data="serverData"
|
||
|
|
:columns="mycolumns"
|
||
|
|
:filter="filter"
|
||
|
|
:pagination.sync="paginationControl"
|
||
|
|
:row-key="colkey">
|
||
|
|
|
||
|
|
<!--<template v-slot:top="props">-->
|
||
|
|
<div class="col-2 q-table__title">{{ mytitle }}</div>
|
||
|
|
|
||
|
|
<q-space/>
|
||
|
|
|
||
|
|
<q-tr slot="body" slot-scope="props" :props="props">
|
||
|
|
|
||
|
|
<q-td v-for="col in mycolumns" :key="col.name" :props="props">
|
||
|
|
<div v-if="col.action">
|
||
|
|
<q-btn flat round color="red" icon="fas fa-trash-alt"
|
||
|
|
@click="col.clickfunz"></q-btn>
|
||
|
|
</div>
|
||
|
|
<div v-else>
|
||
|
|
{{ props.row[col.name] }}
|
||
|
|
<q-popup-edit v-model="props.row[col.name]" :disable="col.disable" :title="col.title" buttons
|
||
|
|
@save="SaveValue" @show="selItem(props.row, col.field)">
|
||
|
|
<q-input v-model="props.row[col.name]"/>
|
||
|
|
|
||
|
|
</q-popup-edit>
|
||
|
|
</div>
|
||
|
|
</q-td>
|
||
|
|
</q-tr>
|
||
|
|
<!--
|
||
|
|
<q-btn
|
||
|
|
flat round dense
|
||
|
|
:icon="props.inFullscreen ? 'fullscreen_exit' : 'fullscreen'"
|
||
|
|
@click="props.toggleFullscreen"
|
||
|
|
class="q-ml-md">
|
||
|
|
</q-btn>
|
||
|
|
-->
|
||
|
|
<!--</template>-->
|
||
|
|
</q-table>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script lang="ts" src="./CGridTableRec.ts">
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
@import './CGridTableRec.scss';
|
||
|
|
</style>
|