Skip to content

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

update fix-bug nghe-sy

parent c5e7ef13
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 172 additions and 22471 deletions
package-lock.json
View file @ 8d1d8147
This diff is collapsed.
src/components/add-update-post/index.vue
View file @ 8d1d8147
......@@ -158,6 +158,7 @@
<q-editor
v-model="info.content"
ref="editorRef"
placeholder="Nội dung *"
toolbar-text-color="white"
toolbar-toggle-color="yellow-8"
toolbar-bg="primary"
......
src/components/artist-information/VAB-account/add-story/index.vue
View file @ 8d1d8147
......@@ -10,7 +10,7 @@
<q-item>
<q-item-section>
<q-item-label class="text-h6 text-weight-regular">{{
$t('artist.dialogLabel.title.addHotProduct')
$t('artist.dialogLabel.title.addStory')
}}</q-item-label>
</q-item-section>
</q-item>
......@@ -20,12 +20,9 @@
<q-card-section>
<div class="row q-col-gutter-sm">
<div class="col-12">
<q-card v-if="urlFileLocal" flat style="max-height: 200px">
<q-card v-if="urlFileLocal" flat>
<div align="center">
<q-img
:src="urlFileLocal"
style="max-height: 200px; aspect-ratio: 16/9"
>
<q-img :src="urlFileLocal" style="aspect-ratio: 16/9">
</q-img>
</div>
</q-card>
......
src/components/artist-information/VAB-account/index.vue
View file @ 8d1d8147
<template>
<div class="row q-col-gutter-sm" style="max-height: calc(100vh - 14rem)">
<div class="col-12 text-uppercase text-weight-medium">Tài khoản VAB</div>
<br />
<div
class="row q-col-gutter-sm q-mt-md"
style="max-height: calc(100vh - 15rem)"
>
<div class="col-auto flex flex-center justify-start">
<div>Tên đăng nhập</div>
</div>
......@@ -11,6 +12,7 @@
:model-value="account"
@update:model-value="$emit('update:account', $event)"
:rules="accountRules"
type="text"
dense
readonly
hide-bottom-space
......@@ -35,7 +37,7 @@
</div>
<div class="col-12 q-mt-sm">
<div class="row q-col-gutter-lg">
<div class="col-12" style="height: 100%">
<div class="col-6" style="height: 100%">
<q-carousel
v-if="banners.length"
v-model="slide"
......@@ -44,7 +46,7 @@
arrows
navigation
infinite
height="600px"
height="350px"
style="border: 2px solid #f1f1f1"
>
<q-carousel-slide
......@@ -56,14 +58,20 @@
? bannerInfo.url
: configImg.API_IMAGE_ENDPOINT + bannerInfo.bannerUrl
"
style="height: 500px; aspect-ratio: 1/5"
style="height: 350px; aspect-ratio: 1/5"
>
<template v-slot:default>
<div align="right">
<q-icon
style="
position: absolute;
right: 15px;
font-size: 24px;
top: 1px;
cursor: pointer;
"
color="red"
name="mdi-close-circle"
size="24px"
@click="deleteImage(bannerIdx)"
></q-icon>
</div>
......@@ -72,17 +80,18 @@
</q-carousel>
<UploadImage
v-if="banners.length"
class="q-mt-xs"
class="q-mt-sm"
:isBtn="true"
@selectedFile="uploadBanner"
></UploadImage>
<UploadImage v-else @selectedFile="uploadBanner"></UploadImage>
<UploadImage v-else @selectedFile="uploadBanner"> </UploadImage>
</div>
<div class="col-12">
<div class="col-6">
<q-editor
:model-value="shortDescription"
@update:model-value="$emit('update:shortDescription', $event)"
ref="editorRef"
placeholder="Nội dung"
toolbar-text-color="white"
toolbar-toggle-color="yellow-8"
toolbar-bg="primary"
......@@ -168,37 +177,44 @@
</div>
</div>
</div>
<div class="col-12 q-mt-md">
<div class="row q-col-gutter-lg" align="center" justify="center">
<div class="col-12 q-mt-sm">
<div
class="row q-col-gutter-lg"
style="margin-bottom: 111px"
align="center"
justify="center"
>
<div class="col-4">
<div class="flex flex-center">
<div class="text-h6 text-weight-regular">Nổi bật(Embed)</div>
<div class="text-h6 text-weight-regular q-py-md">
Nổi bật(Embed)
</div>
<q-space></q-space>
<q-btn
class="q-py-md"
v-if="socialEmbedded !== null"
@click="$emit('openDialogUploadEmbed')"
flat
round
color="primary"
icon="mdi-pencil-circle-outline"
>
<q-tooltip :offset="[20, 10]">Chỉnh sửa Embed</q-tooltip></q-btn
<q-tooltip>Chỉnh sửa Embed</q-tooltip></q-btn
>
<q-btn
class="q-py-md"
v-if="socialEmbedded !== null"
flat
round
color="primary"
icon="mdi-trash-can-outline"
@click="$emit('confirmDeleteSocialEmbedded')"
>
<q-tooltip :offset="[20, 10]">Xoá Embed</q-tooltip></q-btn
<q-tooltip>Xoá Embed</q-tooltip></q-btn
>
</div>
<q-card
class="my-card q-mt-sm flex flex-center"
:style="socialEmbedded !== null ? 'height: 83%;' : 'height: 90.5%'"
bordered
<div
@click="$emit('openDialogUploadEmbed')"
class="flex flex-center"
:style="socialEmbedded !== null ? 'height: 100%;' : 'height: 100%'"
>
<iframe
v-if="socialEmbedded !== null"
......@@ -209,54 +225,66 @@
<div
v-else
@click="$emit('openDialogUploadEmbed')"
align="center"
class="flex flex-center q-py-xs"
style="
height: 100%;
width: 100%;
border: 2px dashed #5d319e;
border-radius: 5px;
cursor: pointer;
"
class="flex flex-center"
>
<q-icon
style="color: #5d319e"
name="mdi-plus-circle-outline"
name="mdi-cloud-upload"
size="xl"
></q-icon>
<div class="q-mt-xs">{{ $t('uploadImage.uploadEmbed') }}</div>
<div>{{ $t('uploadImage.uploadEmbed') }}</div>
</div>
</q-card>
</div>
</div>
<div class="col-4">
<div class="flex flex-center">
<div class="text-h6 text-weight-regular q-ml-md">Story</div>
<div class="text-h6 text-weight-regular q-py-md">Story</div>
<q-space></q-space>
<q-btn
class="q-py-md"
v-if="stories.length"
@click="$emit('click:openAddStoryDialog')"
flat
round
style="color: #5d319e"
icon="mdi-plus-circle-outline"
class="q-mr-md"
>
<q-tooltip :offset="[20, 10]">Thêm Story</q-tooltip></q-btn
<q-tooltip>Thêm Story</q-tooltip></q-btn
>
</div>
<q-card
class="my-card flex q-mt-sm flex-center"
:style="stories.length ? 'height: 100%' : 'height: 90.6%;'"
<div
class="flex flex-center"
:style="stories.length ? 'height: 100%' : 'height: 100%;'"
bordered
v-if="!stories.length"
>
<div
@click="$emit('click:openAddStoryDialog')"
align="center"
class="flex flex-center q-py-xs"
class="flex flex-center"
style="
height: 100%;
width: 100%;
border: 2px dashed #5d319e;
border-radius: 5px;
cursor: pointer;
"
>
<q-icon
style="color: #5d319e"
name="mdi-plus-circle-outline"
name="mdi-cloud-upload"
size="xl"
></q-icon>
<div class="q-mt-xs">{{ $t('uploadImage.uploadStory') }}</div>
<div>{{ $t('uploadImage.uploadStory') }}</div>
</div>
</q-card>
</div>
<q-carousel
v-else
v-model="slideStory"
......@@ -265,19 +293,14 @@
navigation
infinite
>
:img-src=" bannerInfo.bannerUrl === undefined ? bannerInfo.url :
configImg.API_IMAGE_ENDPOINT + bannerInfo.bannerUrl "
<q-carousel-slide
v-for="(story, storyIdx) in stories"
:key="storyIdx"
:name="storyIdx"
class="q-pt-sm"
style="height: 230px"
class="q-pa-none"
>
<q-card class="my-card">
<div>
<q-img
fit="contain"
style="max-height: 230px"
:src="
story.file === undefined
? configImg.API_IMAGE_ENDPOINT + story.imageUrl
......@@ -287,29 +310,34 @@
<q-icon
name="mdi-close-circle"
color="red"
style="position: absolute; right: 0; font-size: 24px"
style="
position: absolute;
right: 15px;
font-size: 24px;
cursor: pointer;
"
@click="deleteStory(storyIdx)"
></q-icon>
<q-input
type="textarea"
class="q-px-sm"
:model-value="story.content"
@update:model-value="$emit('update:content', $event)"
readonly
></q-input>
</q-card>
</div>
</q-carousel-slide>
</q-carousel>
</div>
<div class="col-4">
<div class="text-h6 text-weight-regular">Lịch</div>
<div class="text-h6 text-weight-regular q-py-md">Lịch</div>
<q-date
style="width: 100%"
style="width: 100%; height: 100%"
:model-value="formatSchedules"
@update:model-value="$emit('update:formatSchedules', $event)"
multiple
readonly
class="q-mt-sm"
event-color="orange"
/>
</div>
......
src/components/artist-information/bank-account/add-new-bank-account-dialog/index.vue
View file @ 8d1d8147
......@@ -97,10 +97,14 @@
<q-btn
type="submit"
color="primary"
style="width: 90px"
no-caps
:label="$t('userPage.crudActions.save')"
/>
<q-btn
color="grey"
style="width: 90px"
no-caps
:label="$t('userPage.crudActions.cancel')"
@click="$emit('click:CloseBtn')"
/>
......
src/components/artist-information/bank-account/edit-bank-account/index.vue
View file @ 8d1d8147
......@@ -97,10 +97,14 @@
<q-btn
type="submit"
color="primary"
style="width: 90px"
no-caps
:label="$t('userPage.crudActions.save')"
/>
<q-btn
color="grey"
style="width: 90px"
no-caps
:label="$t('userPage.crudActions.cancel')"
@click="$emit('click:CloseBtn')"
/>
......
src/components/artist-information/personal-information/index.vue
View file @ 8d1d8147
......@@ -3,36 +3,63 @@
class="row q-col-gutter-sm q-mt-md"
style="max-height: calc(100vh - 15rem)"
>
<q-space></q-space>
<div class="col-5">
<div class="col-5 q-ml-xl">
<div class="row q-mt-sm flex-center">
<div class="col-3 text-weight-medium"></div>
<div class="col-8 flex flex-center">
<div>
<q-card class="q-mb-sm" v-if="avatar !== null">
<q-img :src="avatar" style="height: 240px; width: 185px"></q-img>
<q-img
@click="uploadBanner"
:src="avatar"
style="height: 265px; width: 195px; cursor: pointer"
></q-img>
<q-icon
name="mdi-close-circle"
color="red"
style="position: absolute; right: 0; font-size: 18px"
style="
position: absolute;
right: 0;
font-size: 18px;
cursor: pointer;
"
@click="deleteAvatar"
></q-icon>
</q-card>
<q-card v-else class="q-mb-sm">
<q-img
src="~/assets/noavatar.png"
style="height: 240px; width: 185px"
></q-img>
</q-card>
<q-card @click="uploadBanner">
<div align="center" class="flex flex-center q-py-xs">
<div
@click="uploadBanner"
v-else
class="q-mb-sm"
style="
height: 265px;
width: 195px;
border: 2px dashed #5d319e;
border-radius: 4px;
cursor: pointer;
"
>
<div
style="
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
"
>
<q-icon
style="color: #5d319e"
name="mdi-plus-circle-outline"
:size="'xs'"
name="mdi-cloud-upload"
size="xl"
></q-icon>
<div class="q-mt-xs">{{ $t('uploadImage.uploadBanner') }}</div>
Tải ảnh lên
</div>
<q-img
@click="uploadBanner"
style="height: 265px; width: 195px"
></q-img>
</div>
<div>
<input
ref="upload"
hidden
......@@ -40,7 +67,7 @@
type="file"
accept="image/png, image/jpeg"
/>
</q-card>
</div>
</div>
</div>
</div>
......@@ -203,8 +230,7 @@
</div>
</div>
</div>
<q-space></q-space>
<div class="col-5">
<div class="col-5 q-ml-xl">
<div class="row q-mt-xs flex-center">
<div class="col-3 text-weight-medium">
{{ $t('artist.artistInformation.titleDataField.field') }}
......
src/components/upload-image/index.vue
View file @ 8d1d8147
<template>
<q-card
@click="uploadBanner"
:class="{
'full-height full-width flex flex-center': !isBtn,
}"
bordered
>
<q-card @click="uploadBanner">
<div
align="center"
:class="{
'flex flex-center q-py-xs': isBtn,
'full-height full-width flex flex-center ': isBtn,
}"
>
<q-icon
style="color: #5d319e"
name="mdi-plus-circle-outline"
:size="isBtn ? 'sm' : 'xl'"
name="mdi-cloud-upload"
:size="isBtn ? 'md' : 'md'"
></q-icon>
<div class="q-mt-xs">{{ $t('uploadImage.uploadBanner') }}</div>
<span>{{ $t('uploadImage.uploadBanner') }}</span>
</div>
<input
ref="upload"
......
src/i18n/vi/index.ts
View file @ 8d1d8147
......@@ -412,6 +412,7 @@ export default {
},
dialogLabel: {
title: {
addStory: 'Thêm Story',
addArtist: 'Thêm nghệ sỹ',
updateArtist: 'Cập nhật nghệ sỹ',
addAccountBank: 'Thêm tài khoản ngân hàng',
......@@ -541,7 +542,7 @@ export default {
},
vabAccount: {
confirmActionsTitle: {
confirmDeleteStory: 'Bạn có chắc muốn xoá Story này không',
confirmDeleteStory: 'Bạn có chắc muốn xoá Story này không?',
},
},
},
......
src/pages/cap-nhat-thong-tin-nghe-sy/updateInformationArtist.ts
View file @ 8d1d8147
......@@ -81,9 +81,9 @@ export default defineComponent({
const typeBankOptions: Ref<TypeCardType[]> = ref([]);
const workOptions: Ref<WorkType[]> = ref([]);
const sexOptions = ref([
{ id: 0, name: 'Khác' },
{ id: 1, name: 'Nam' },
{ id: 2, name: 'Nữ' },
{ id: 3, name: 'Khác' },
]);
//state sử dụng trong tab thong-tin-ca-nhan
......
src/pages/nghe-sy/artist.ts
View file @ 8d1d8147
......@@ -118,9 +118,9 @@ export default defineComponent({
const totalPage = ref(0);
const fullNameKeyword = ref('');
const sexOptions = ref([
{ id: 0, name: 'Khác' },
{ id: 1, name: 'Nam' },
{ id: 2, name: 'Nữ' },
{ id: 3, name: 'Khác' },
]);
const fieldOptions: Ref<FieldType[]> = ref([]);
const nationalityOptions: Ref<NationalityType[]> = ref([]);
......
src/pages/nghe-sy/index.vue
View file @ 8d1d8147
......@@ -293,9 +293,9 @@ export default defineComponent({
const totalPage = ref(0);
const fullNameKeyword = ref('');
const sexOptions = ref([
{ id: 0, name: 'Khác' },
{ id: 1, name: 'Nam' },
{ id: 2, name: 'Nữ' },
{ id: 3, name: 'Khác' },
]);
const configImg = config;
const fieldOptions: Ref<FieldType[]> = ref([]);
......
src/pages/nguoi-dung/User.ts
View file @ 8d1d8147
......@@ -103,9 +103,9 @@ export default defineComponent({
const mobileNumber = ref('');
const sex: Ref<number | undefined> = ref();
const sexOptions = ref([
{ id: 0, text: 'Khác' },
{ id: 1, text: 'Nam' },
{ id: 2, text: 'Nữ' },
{ id: 3, text: 'Khác' },
]);
const address: Ref<string | undefined> = ref();
const unit: Ref<string | null> = ref(null);
......
src/pages/them-nghe-sy/AddArtist.ts
View file @ 8d1d8147
......@@ -81,9 +81,9 @@ export default defineComponent({
const typeBankOptions: Ref<TypeCardType[]> = ref([]);
const workOptions: Ref<WorkType[]> = ref([]);
const sexOptions = ref([
{ id: 0, name: 'Khác' },
{ id: 1, name: 'Nam' },
{ id: 2, name: 'Nữ' },
{ id: 3, name: 'Khác' },
]);
//state sử dụng trong tab thong-tin-ca-nhan
......
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