Skip to content

Q
quasar-web-base
Commit 48e5e5ad authored by Nguyễn Đức Thắng's avatar Nguyễn Đức Thắng
Browse files
Options

UPDATE

parent 4515b843
Hide whitespace changes
Inline Side-by-side
Showing with 197 additions and 140 deletions
src/assets/type.ts
View file @ 48e5e5ad
......@@ -534,6 +534,8 @@ export type ListBooking = {
fee: string;
bookingRandomCode: string;
expectFee: string
customerName: string
createTime: string
};
export type ListArrayArtist = {
......
src/components/booking/listFinedAmount.vue
View file @ 48e5e5ad
......@@ -48,6 +48,12 @@
<div>{{ item.row.artistBooking.artistName }}</div>
</td>
</template>
<template v-slot:body-cell-bookingRandomCode="item">
<td style="text-align: center">
<div>{{ item.row.artistBooking.bookingRandomCode }}</div>
</td>
</template>
<template v-slot:body-cell-customerName="item">
<td style="text-align: center">
<div>{{ item.row.artistBooking.customerName }}</div>
......@@ -159,17 +165,16 @@ export default defineComponent({
align: 'center',
sortable: false,
},
{
name: 'artistName',
field: 'artistName',
{
name: 'bookingRandomCode',
field: 'bookingRandomCode',
required: true,
label: 'Tên nghệ sĩ',
label: 'Mã booking',
headerStyle: 'text-align: center !important; width: 9%',
align: 'left',
sortable: false,
},
{
{
name: 'customerName',
field: 'customerName',
required: true,
......@@ -179,6 +184,15 @@ export default defineComponent({
sortable: false,
},
{
name: 'artistName',
field: 'artistName',
required: true,
label: 'Tên nghệ sĩ',
headerStyle: 'text-align: center !important; width: 9%',
align: 'left',
sortable: false,
},
{
name: 'fee',
field: 'fee',
......@@ -192,7 +206,7 @@ export default defineComponent({
name: 'reason',
field: 'reason',
required: true,
label: 'Nội dung',
label: 'Lý do phạt',
headerStyle: 'text-align: center !important; width: 13%',
align: 'left',
sortable: false,
......
src/components/detailBooking/index.vue
View file @ 48e5e5ad
......@@ -3,7 +3,6 @@
persistent
:model-value="showDialog"
@update:model-value="$emit('update:showDialog', $event)"
>
<q-card style="min-width: 60rem" bordered>
<q-form greedy>
......@@ -13,8 +12,8 @@
<q-item-label
class="text-h6 text-weight-regular"
style="text-align: center"
>{{ $t('listBooking.dialogLabel.title') }} </q-item-label
>
>{{ $t('listBooking.dialogLabel.title') }}
</q-item-label>
</q-item-section>
</q-item>
</q-card-section>
......@@ -23,118 +22,124 @@
<q-card-section>
<div class="col-12 q-px-xl">
<div class="row q-col-gutter-sm">
<div class="col-4 fs-14 color">
{{ $t('listBooking.titleColumnsTable.bookingCode') }}:
</div>
<div class="col-8 fs-14">
{{ detailInfoBooking.bookingRandomCode }}
</div>
<div class="col-4 fs-14 color">
{{ $t('listBooking.titleColumnsTable.artistName') }}:
</div>
<div class="col-8 fs-14">
{{ detailInfoBooking.artistName }}
</div>
<div class="col-4 fs-14 color">
{{ $t('listBooking.titleColumnsTable.userName') }}:
</div>
<div class="col-8 fs-14">{{ detailInfoBooking.userName }}</div>
<div class="col-4 fs-14 color">
{{ $t('listBooking.titleColumnsTable.address') }}:
</div>
<div class="col-8 fs-14">{{ detailInfoBooking.address }}</div>
<div class="col-4 fs-14 color">
{{ $t('listBooking.titleColumnsTable.fromTime') }}:
</div>
<div class="col-8 fs-14">{{ detailInfoBooking.fromTime }}</div>
<div class="col-4 fs-14 color">
{{ $t('listBooking.titleColumnsTable.toTime') }}:
</div>
<div class="col-8 fs-14">{{ detailInfoBooking.toTime }}</div>
<div class="col-4 fs-14 color">
{{ $t('listBooking.titleColumnsTable.fee') }}:
</div>
<div class="col-8 fs-14">{{ isformatMoney(detailInfoBooking.expectFee) }}</div>
<div class="col-4 fs-14 color">
{{ $t('listBooking.titleColumnsTable.favoriteScore') }}:
</div>
<div class="col-8 fs-14">
{{ detailInfoBooking.favoriteScore }}
</div>
<div class="col-4 fs-14 color">
{{ $t('listBooking.titleColumnsTable.status') }}:
</div>
<div class="col-8 fs-14">
<q-chip
size="sm"
color="secondary"
v-if="detailInfoBooking.status === 0"
>Chưa hoàn thành</q-chip
>
<q-chip
size="sm"
color="info"
v-else-if="detailInfoBooking.status === 1"
>Đã hoàn thành</q-chip
>
<q-chip
size="sm"
color="warning"
v-else-if="detailInfoBooking.status === 2"
>Đã hủy</q-chip
>
<q-chip
size="sm"
color="warning"
v-else-if="detailInfoBooking.status === 3"
>Hết hạn</q-chip
>
<q-chip
size="sm"
color="warning"
v-else-if="detailInfoBooking.status === 4"
>Chờ hủy</q-chip
>
</div>
<div class="col-4 fs-14 color">
{{ $t('listBooking.titleColumnsTable.performStatus') }}:
</div>
<div class="col-8 fs-14">
<q-chip
size="sm"
color="secondary"
v-if="detailInfoBooking.performStatus === 0"
>Chưa xác nhận</q-chip
>
<q-chip
size="sm"
color="info"
v-else-if="detailInfoBooking.performStatus === 1"
>Đã xác nhận</q-chip
>
<q-chip size="sm" color="warning" v-else>Từ chối</q-chip>
</div>
<div class="col-4 fs-14 color">
{{ $t('listBooking.titleColumnsTable.content') }}:
<div class="col-6">
<div class="row q-col-gutter-sm">
<div class="col-5 fs-14 color">Mã booking:</div>
<div class="col-7 fs-14">
{{ detailInfoBooking.bookingRandomCode }}
</div>
<div class="col-5 fs-14 color">
{{ $t('listBooking.titleColumnsTable.artistName') }}:
</div>
<div class="col-7 fs-14">
{{ detailInfoBooking.artistName }}
</div>
<div class="col-5 fs-14 color">
{{ $t('listBooking.titleColumnsTable.userName') }}:
</div>
<div class="col-7 fs-14">
{{ detailInfoBooking.customerName }}
</div>
<div class="col-5 fs-14 color">
{{ $t('listBooking.titleColumnsTable.content') }}:
</div>
<div class="col-7 fs-14">{{ detailInfoBooking.content }}</div>
<div class="col-5 fs-14 color">
{{ $t('listBooking.titleColumnsTable.address') }}:
</div>
<div class="col-7 fs-14">{{ detailInfoBooking.address }}</div>
</div>
</div>
<div class="col-6">
<div class="row q-col-gutter-sm">
<div class="col-6 fs-14 color">
{{ 'Thời gian đặt booking' }}:
</div>
<div class="col-6 fs-14">
{{ detailInfoBooking.createTime }}
</div>
<div class="col-6 fs-14 color">
{{ $t('listBooking.titleColumnsTable.fromTime') }}:
</div>
<div class="col-6 fs-14">
{{ detailInfoBooking.fromTime }}
</div>
<div class="col-6 fs-14 color">
{{ $t('listBooking.titleColumnsTable.toTime') }}:
</div>
<div class="col-6 fs-14">{{ detailInfoBooking.toTime }}</div>
<div class="col-6 fs-14 color">
{{ $t('listBooking.titleColumnsTable.fee') }}:
</div>
<div class="col-6 fs-14">
{{ isformatMoney(detailInfoBooking.expectFee) }}
</div>
<div class="col-6 fs-14 color">
{{ $t('listBooking.titleColumnsTable.status') }}:
</div>
<div class="col-6 fs-14">
<q-chip
size="sm"
color="secondary"
v-if="detailInfoBooking.status === 0"
>Chưa hoàn thành</q-chip
>
<q-chip
size="sm"
color="info"
v-else-if="detailInfoBooking.status === 1"
>Đã hoàn thành</q-chip
>
<q-chip
size="sm"
color="warning"
v-else-if="detailInfoBooking.status === 2"
>Đã hủy</q-chip
>
<q-chip
size="sm"
color="warning"
v-else-if="detailInfoBooking.status === 3"
>Hết hạn</q-chip
>
<q-chip
size="sm"
color="warning"
v-else-if="detailInfoBooking.status === 4"
>Chờ hủy</q-chip
>
</div>
<div class="col-6 fs-14 color">
{{ $t('listBooking.titleColumnsTable.performStatus') }}:
</div>
<div class="col-6 fs-14">
<q-chip
size="sm"
color="secondary"
v-if="detailInfoBooking.performStatus === 0"
>Chưa xác nhận</q-chip
>
<q-chip
size="sm"
color="info"
v-else-if="detailInfoBooking.performStatus === 1"
>Đã xác nhận</q-chip
>
<q-chip size="sm" color="warning" v-else>Từ chối</q-chip>
</div>
</div>
</div>
<div class="col-8 fs-14">{{ detailInfoBooking.content }}</div>
</div>
</div>
......@@ -187,12 +192,12 @@ export default defineComponent({
}
);
const isformatMoney = (value: string) => {
const isformatMoney = (value: string) => {
return formatMoney({ amount: value });
};
return {
isformatMoney,
isformatMoney,
};
},
emits: ['update:showDialog', 'click:CloseBtn'],
......
src/pages/danh-sach-booking/index.vue
View file @ 48e5e5ad
......@@ -170,6 +170,14 @@
</q-btn>
</q-td>
</template>
<template v-slot:body-cell-bookingRandomCode="item">
<q-td :item="item" style="text-align: center">
<div style="cursor: pointer;" @click="detail(item.row.id)">
{{ item.row.bookingRandomCode }}
</div>
</q-td>
</template>
<template v-slot:body-cell-stt="item">
<q-td :item="item" style="text-align: center">
{{ 1 + item.rowIndex + pageSize * (pageIndex - 1) }}
......@@ -190,6 +198,20 @@
</template>
</q-td>
</template>
<template v-slot:body-cell-time="item">
<td align="center">
<div>{{ item.row.fromTime }} - {{ item.row.toTime }}</div>
</td>
</template>
<template v-slot:body-cell-info="item">
<td align="center">
<div>
{{ item.row.customerDto.fullName }}
<span v-if="item.row.customerDto.phone">- {{ item.row.customerDto.phone }}</span>
</div>
</td>
</template>
<template v-slot:body-cell-performStatus="item">
<q-td align="center">
......@@ -231,7 +253,10 @@
<template v-slot:body-cell-finedAmount="item">
<q-td style="cursor: pointer" align="center">
<div style="color: blue; text-decoration:underline;" @click="openDialogfinedAmount(item.row)">
<div
style="color: blue; text-decoration: underline"
@click="openDialogfinedAmount(item.row)"
>
{{ isformatMoney(item.row.finedAmount) }}
</div>
</q-td>
......@@ -316,7 +341,7 @@ export default defineComponent({
sortable: false,
},
{
name: 'bookingCode',
name: 'bookingRandomCode',
field: 'bookingRandomCode',
required: true,
label: i18n.global.t('listBooking.titleColumnsTable.bookingCode'),
......@@ -334,8 +359,8 @@ export default defineComponent({
sortable: false,
},
{
name: 'customerName',
field: 'customerName',
name: 'info',
field: 'info',
required: true,
label: i18n.global.t('listBooking.titleColumnsTable.userName'),
headerStyle: 'text-align: center !important; width: 9%',
......@@ -348,7 +373,7 @@ export default defineComponent({
required: true,
label: i18n.global.t('listBooking.titleColumnsTable.address'),
headerStyle: 'text-align: center !important; width: 13%',
align: 'left',
align: 'center',
sortable: false,
},
// {
......@@ -360,24 +385,35 @@ export default defineComponent({
// align: 'left',
// sortable: false,
// },
// {
// name: 'fromTime',
// field: 'fromTime',
// required: true,
// label: i18n.global.t('listBooking.titleColumnsTable.fromTime'),
// headerStyle: 'text-align: center !important; width: 9%',
// align: 'left',
// sortable: false,
// },
// {
// name: 'toTime',
// field: 'toTime',
// required: true,
// label: i18n.global.t('listBooking.titleColumnsTable.toTime'),
// headerStyle: 'text-align: center !important; width: 9%',
// align: 'left',
// sortable: false,
// },
{
name: 'fromTime',
field: 'fromTime',
required: true,
label: i18n.global.t('listBooking.titleColumnsTable.fromTime'),
headerStyle: 'text-align: center !important; width: 9%',
align: 'left',
sortable: false,
},
{
name: 'toTime',
field: 'toTime',
name: 'time',
field: 'time',
required: true,
label: i18n.global.t('listBooking.titleColumnsTable.toTime'),
label: 'Bắt đầu - Kết thúc',
headerStyle: 'text-align: center !important; width: 9%',
align: 'left',
sortable: false,
},
// {
// name: 'fee',
// field: 'fee',
......
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