Skip to content

Q
quasar-web-base
Commit 0a0f41ef authored by Tình Trương's avatar Tình Trương
Browse files
Options

Update index.vue

parent 7baac77c
Hide whitespace changes
Inline Side-by-side
Showing with 48 additions and 45 deletions
src/pages/bai-viet/index.vue
View file @ 0a0f41ef
...@@ -42,7 +42,12 @@ ...@@ -42,7 +42,12 @@
row-key="postName" row-key="postName"
separator="cell" separator="cell"
:no-data-label="$t('emptyData')" :no-data-label="$t('emptyData')"
:rows-per-page-label="$t('recordPerPage')"
:pagination="{
rowsPerPage: 0,
}"
hide-pagination hide-pagination
wrap-cells
class="sticky-header-table" class="sticky-header-table"
> >
<template v-slot:body-cell-stt="item"> <template v-slot:body-cell-stt="item">
...@@ -79,11 +84,9 @@ ...@@ -79,11 +84,9 @@
</q-td> </q-td>
</template> </template>
<template v-slot:body-cell-image="image"> <template v-slot:body-cell-image="image">
<q-td style="padding: auto; height: 100%" class="flex flex-center"> <q-td style="padding: auto; height: 100%; text-align: center">
<q-img <q-img
style="width: 9rem" style="width: 12rem; height: 8rem"
fit="contain"
:ratio="16 / 9"
:src="configImg.API_IMAGE_ENDPOINT + image.row.image" :src="configImg.API_IMAGE_ENDPOINT + image.row.image"
></q-img> ></q-img>
</q-td> </q-td>
...@@ -197,7 +200,7 @@ export default defineComponent({ ...@@ -197,7 +200,7 @@ export default defineComponent({
field: 'name', field: 'name',
required: true, required: true,
label: i18n.global.t('post.tableColumnsPost.name'), label: i18n.global.t('post.tableColumnsPost.name'),
headerStyle: 'text-align: center !important;', headerStyle: 'text-align: center !important; width: 30%;',
align: 'left', align: 'left',
sortable: false, sortable: false,
}, },
...@@ -206,7 +209,7 @@ export default defineComponent({ ...@@ -206,7 +209,7 @@ export default defineComponent({
field: 'image', field: 'image',
required: true, required: true,
label: i18n.global.t('post.tableColumnsPost.image'), label: i18n.global.t('post.tableColumnsPost.image'),
headerStyle: 'text-align: center !important;', headerStyle: 'text-align: center !important; width: 20%;',
align: 'center', align: 'center',
sortable: false, sortable: false,
}, },
...@@ -215,52 +218,52 @@ export default defineComponent({ ...@@ -215,52 +218,52 @@ export default defineComponent({
field: 'category', field: 'category',
required: true, required: true,
label: i18n.global.t('post.tableColumnsPost.category'), label: i18n.global.t('post.tableColumnsPost.category'),
headerStyle: 'text-align: center !important;', headerStyle: 'text-align: center !important; width: 20%;',
align: 'left',
sortable: false,
},
{
name: 'createBy',
field: 'createBy',
required: true,
label: i18n.global.t('post.tableColumnsPost.createBy'),
headerStyle: 'text-align: center !important;',
align: 'left',
sortable: false,
},
{
name: 'createTime',
field: 'createTime',
required: true,
label: i18n.global.t('post.tableColumnsPost.createTime'),
headerStyle: 'text-align: center !important;',
align: 'left',
sortable: false,
},
{
name: 'updateBy',
field: 'updateBy',
required: true,
label: i18n.global.t('post.tableColumnsPost.updateBy'),
headerStyle: 'text-align: center !important;',
align: 'left',
sortable: false,
},
{
name: 'updateTime',
field: 'updateTime',
required: true,
label: i18n.global.t('post.tableColumnsPost.updateTime'),
headerStyle: 'text-align: center !important;',
align: 'left', align: 'left',
sortable: false, sortable: false,
}, },
// {
// name: 'createBy',
// field: 'createBy',
// required: true,
// label: i18n.global.t('post.tableColumnsPost.createBy'),
// headerStyle: 'text-align: center !important;',
// align: 'left',
// sortable: false,
// },
// {
// name: 'createTime',
// field: 'createTime',
// required: true,
// label: i18n.global.t('post.tableColumnsPost.createTime'),
// headerStyle: 'text-align: center !important;',
// align: 'left',
// sortable: false,
// },
// {
// name: 'updateBy',
// field: 'updateBy',
// required: true,
// label: i18n.global.t('post.tableColumnsPost.updateBy'),
// headerStyle: 'text-align: center !important;',
// align: 'left',
// sortable: false,
// },
// {
// name: 'updateTime',
// field: 'updateTime',
// required: true,
// label: i18n.global.t('post.tableColumnsPost.updateTime'),
// headerStyle: 'text-align: center !important;',
// align: 'left',
// sortable: false,
// },
{ {
name: 'status', name: 'status',
field: 'status', field: 'status',
required: true, required: true,
label: i18n.global.t('post.tableColumnsPost.status'), label: i18n.global.t('post.tableColumnsPost.status'),
headerStyle: 'text-align: center !important;', headerStyle: 'text-align: center !important; width: 17%;',
align: 'center', align: 'center',
sortable: false, sortable: false,
}, },
...@@ -269,7 +272,7 @@ export default defineComponent({ ...@@ -269,7 +272,7 @@ export default defineComponent({
field: 'action', field: 'action',
required: true, required: true,
label: i18n.global.t('post.tableColumnsPost.action'), label: i18n.global.t('post.tableColumnsPost.action'),
headerStyle: 'text-align: center !important;', headerStyle: 'text-align: center !important; width: 17%;',
align: 'center', align: 'center',
sortable: false, sortable: false,
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment