Commit 4140d720 authored by Tình Trương's avatar Tình Trương

update

parent e4b8dcef
......@@ -3,7 +3,7 @@ import { i18n } from 'src/boot/i18n';
import { isEmail } from '../../../boot/functions';
import { isMobilePhone } from '../../../boot/functions';
import AddNewArtistDialog from 'components/managingunits/add-new-managingunits-dialog/add-new-artist-dialog/index.vue'
// import UpdateNewArtistDialog from 'components/managingunits/update-new-managingunits-dialog/update-new-artist-dialog/index.vue'
import UpdateNewArtistDialog from 'components/managingunits/update-new-managingunits-dialog/update-new-artist-dialog/index.vue'
export type ArtistAddInfoType = {
id: number;
......@@ -13,11 +13,19 @@ export type ArtistAddInfoType = {
fieldsAdd: number;
statusAdd: number;
};
export type ArtistUpdateInfoType = {
id: number;
nameUpdate: string | null;
myedityUpdate: string | null;
timeUpdate: string | null;
fieldsUpdate: number;
statusUpdate: number;
};
export default defineComponent({
components: {
AddNewArtistDialog,
// UpdateNewArtistDialog
UpdateNewArtistDialog
},
props: {
showDialog: {
......@@ -43,12 +51,12 @@ export default defineComponent({
try {
} catch (error) {}
};
// const openUpdateArtistDialog = ref(false)
// const updateNewManagingUnitsArtist = () => {
// //gọi api cập nhật
// try {
// } catch (error) {}
// };
const openUpdateArtistDialog = ref(false)
const updateNewManagingUnitsArtist = () => {
//gọi api cập nhật
try {
} catch (error) {}
};
const codeRules = [
(val?: string) =>
(val && val.trim().length) ||
......@@ -100,11 +108,27 @@ export default defineComponent({
{ id: 2, text: 'Âm nhạc' },
{ id: 1, text: 'Thể thao' },
]);
const nameUpdate: Ref<string | undefined> = ref()
const myedityUpdate: Ref<string | undefined> = ref()
const fieldsUpdate: Ref<number | undefined> = ref();
const statusUpdate: Ref<boolean | number> = ref(true);
const timeUpdate: Ref<string | undefined> = ref();
const fieldsUpdateOptions = ref([
{ id: 1, text: 'Giải trí' },
{ id: 2, text: 'Âm nhạc' },
{ id: 1, text: 'Thể thao' },
]);
return {
nameUpdate,
myedityUpdate,
statusUpdate,
fieldsUpdate,
timeUpdate,
fieldsUpdateOptions,
openAddArtistDialog,
addNewManagingUnitsArtist,
// openUpdateArtistDialog,
// updateNewManagingUnitsArtist,
openUpdateArtistDialog,
updateNewManagingUnitsArtist,
codeRules,
nameRules,
representativeRules,
......
......@@ -44,15 +44,6 @@
hide-bottom-space
clearable
></q-input>
<div style="padding-left: 8px">
<span class="text-body1">{{
$t('managingUnitAdd.dialogLabel.fieldLabels.status')
}}</span
><q-toggle
:model-value="statusAdd"
@update:model-value="$emit('update:statusAdd', $event)"
/>
</div>
</div>
<div class="col-6">
<q-select
......@@ -81,6 +72,15 @@
hide-bottom-space
clearable
></q-input>
<div class="q-pt-sm q-pl-sm">
<span class="text-body1">{{
$t('managingUnitAdd.dialogLabel.fieldLabels.status')
}}</span
><q-toggle
:model-value="statusAdd"
@update:model-value="$emit('update:statusAdd', $event)"
/>
</div>
</div>
</div>
</q-card-section>
......
......@@ -148,17 +148,17 @@
@addNewManagingUnitsArtist="addNewManagingUnitsArtist"
/>
<!-- <UpdateNewArtistDialog
<UpdateNewArtistDialog
v-model:open-update-artist-dialog="openUpdateArtistDialog"
v-model:name-add="nameAdd"
v-model:myedity-add="myedityAdd"
v-model:fields-add="fieldsAdd"
v-model:time-add="timeAdd"
v-model:status-add="statusAdd"
:fields-add-options="fieldsAddOptions"
v-model:name-update="nameUpdate"
v-model:myedity-update="myedityUpdate"
v-model:fields-update="fieldsUpdate"
v-model:time-update="timeUpdate"
v-model:status-update="statusUpdate"
:fields-update-options="fieldsUpdateOptions"
@click:CloseBtn="openUpdateArtistDialog = false"
@updateNewManagingUnitsArtist="updateNewManagingUnitsArtist"
/> -->
/>
<q-card-actions>
<div class="col-12 q-mt-sm">
......@@ -181,6 +181,7 @@
round
color="primary"
icon="mdi-account-edit-outline"
@click="openUpdateArtistDialog = true"
>
<q-tooltip :offset="[20, 10]">{{
$t('managingUnitAdd.toolTipMessage.updateInfo')
......
......@@ -7,49 +7,49 @@ export default defineComponent({
type: Boolean,
required: true,
},
fieldsAddOptions: {type: Array, required: true},
fieldsAdd: { type: Number, required: true},
nameAdd: { type: String, required: true },
myedityAdd: { type: String, required: true },
timeAdd: { type: String, required: true },
statusAdd: { type: Boolean, required: true },
fieldsUpdateOptions: {type: Array, required: true},
fieldsUpdate: { type: Number, required: true},
nameUpdate: { type: String, required: true },
myedityUpdate: { type: String, required: true },
timeUpdate: { type: String, required: true },
statusUpdate: { type: Boolean, required: true },
},
setup() {
const nameAddRules = [
const nameUpdateRules = [
(val?: string) =>
(val && val.trim().length) ||
i18n.global.t('managingUnitAdd.validateMessages.requireNameAdd'),
i18n.global.t('managingUnitAdd.validateMessages.requireNameUpdate'),
];
const myedityAddRules = [
const myedityUpdateRules = [
(val?: string) =>
(val && val.trim().length) ||
i18n.global.t('managingUnitAdd.validateMessages.requireMyedityAdd'),
i18n.global.t('managingUnitAdd.validateMessages.requireMyedityUpdate'),
];
const fieldsAddRules = [
const fieldsUpdateRules = [
(val?: number) =>
val !== undefined ||
i18n.global.t('managingUnitAdd.validateMessages.requireFieldsAdd'),
i18n.global.t('managingUnitAdd.validateMessages.requireFieldsUpdate'),
];
const timeAddRules = [
const timeUpdateRules = [
(val?: string) =>
(val && val.trim().length) ||
i18n.global.t('managingUnitAdd.validateMessages.requireTimeAdd'),
i18n.global.t('managingUnitAdd.validateMessages.requireTimeUpdate'),
];
return {
nameAddRules,
myedityAddRules,
fieldsAddRules,
timeAddRules,
nameUpdateRules,
myedityUpdateRules,
fieldsUpdateRules,
timeUpdateRules,
};
},
emits: [
'update:openUpdateArtistDialog',
'click:CloseBtn',
'update:nameAdd',
'update:myedityAdd',
'update:fieldsAdd',
'update:timeAdd',
'update:statusAdd',
'update:nameUpdate',
'update:myedityUpdate',
'update:fieldsUpdate',
'update:timeUpdate',
'update:statusUpdate',
'updateNewManagingUnitsArtist',
],
});
......@@ -21,10 +21,12 @@
<div class="row q-col-gutter-sm">
<div class="col-6">
<q-input
:model-value="nameAdd"
@update:model-value="$emit('update:nameAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.nameAdd')"
:rules="nameAddRules"
:model-value="nameUpdate"
@update:model-value="$emit('update:nameUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate')
"
:rules="nameUpdateRules"
hide-bottom-space
type="text"
class="q-my-sm"
......@@ -32,35 +34,28 @@
clearable
></q-input>
<q-input
:model-value="myedityAdd"
@update:model-value="$emit('update:myedityAdd', $event)"
:model-value="timeUpdate"
@update:model-value="$emit('update:timeUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.myedityAdd')
$t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdate')
"
type="text"
class="q-my-sm"
type="text"
outlined
:rules="myedityAddRules"
:rules="timeUpdateRules"
hide-bottom-space
clearable
></q-input>
<div style="padding-left: 8px">
<span class="text-body1">{{
$t('managingUnitAdd.dialogLabel.fieldLabels.status')
}}</span
><q-toggle
:model-value="statusAdd"
@update:model-value="$emit('update:statusAdd', $event)"
/>
</div>
</div>
<div class="col-6">
<q-select
:model-value="fieldsAdd"
@update:model-value="$emit('update:fieldsAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsAdd')"
:options="fieldsAddOptions"
:rules="fieldsAddRules"
:model-value="fieldsUpdate"
@update:model-value="$emit('update:fieldsUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsUpdate')
"
:options="fieldsUpdateOptions"
:rules="fieldsUpdateRules"
emit-value
map-options
option-value="id"
......@@ -71,16 +66,27 @@
clearable
></q-select>
<q-input
:model-value="timeAdd"
@update:model-value="$emit('update:timeAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')"
class="q-my-sm"
:model-value="myedityUpdate"
@update:model-value="$emit('update:myedityUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.myedityUpdate')
"
type="text"
class="q-my-sm"
outlined
:rules="timeAddRules"
:rules="myedityUpdateRules"
hide-bottom-space
clearable
></q-input>
<div class="q-pt-sm q-pr-sm">
<span class="text-body1">{{
$t('managingUnitAdd.dialogLabel.fieldLabels.status')
}}</span
><q-toggle
:model-value="statusUpdate"
@update:model-value="$emit('update:statusUpdate', $event)"
/>
</div>
</div>
</div>
</q-card-section>
......
......@@ -3,6 +3,7 @@ import { i18n } from 'src/boot/i18n';
import { isEmail } from '../../../boot/functions';
import { isMobilePhone } from '../../../boot/functions';
import NewArtistDialog from 'components/managingunits/update-new-managingunits-dialog/add-new-artist-dialog/index.vue'
import UpdateNewArtistDialog from 'components/managingunits/update-new-managingunits-dialog/update-new-artist-dialog/index.vue'
export type ArtistUpdateInfoType = {
id: number;
......@@ -13,9 +14,19 @@ export type ArtistUpdateInfoType = {
statusAdd: number;
};
export type ArtistUpdateUpdateInfoType = {
id: number;
nameUpdate: string | null;
myedityUpdate: string | null;
timeUpdate: string | null;
fieldsUpdate: number;
statusUpdate: number;
};
export default defineComponent({
components: {
NewArtistDialog
NewArtistDialog,
UpdateNewArtistDialog
},
props: {
showDialogUpdate: {
......@@ -41,6 +52,12 @@ export default defineComponent({
try {
} catch (error) {}
};
const openUpdateArtistDialog = ref(false)
const updateUpdateNewManagingUnitsArtist = () => {
//gọi api cập nhật
try {
} catch (error) {}
};
const codeRules = [
(val?: string) =>
(val && val.trim().length) ||
......@@ -91,7 +108,26 @@ export default defineComponent({
{ id: 2, text: 'Âm nhạc' },
{ id: 1, text: 'Thể thao' },
]);
const nameUpdate: Ref<string | undefined> = ref()
const myedityUpdate: Ref<string | undefined> = ref()
const fieldsUpdate: Ref<number | undefined> = ref();
const statusUpdate: Ref<boolean | number> = ref(true);
const timeUpdate: Ref<string | undefined> = ref();
const fieldsUpdateOptions = ref([
{ id: 1, text: 'Giải trí' },
{ id: 2, text: 'Âm nhạc' },
{ id: 1, text: 'Thể thao' },
]);
return {
nameUpdate,
myedityUpdate,
fieldsUpdate,
statusUpdate,
timeUpdate,
fieldsUpdateOptions,
openUpdateArtistDialog,
updateUpdateNewManagingUnitsArtist,
nameAdd,
myedityAdd,
fieldsAdd,
......
......@@ -32,27 +32,16 @@
clearable
></q-input>
<q-input
:model-value="myedityAdd"
@update:model-value="$emit('update:myedityAdd', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.myedityAdd')
"
type="text"
:model-value="timeAdd"
@update:model-value="$emit('update:timeAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')"
class="q-my-sm"
type="text"
outlined
:rules="myedityAddRules"
:rules="timeAddRules"
hide-bottom-space
clearable
></q-input>
<div style="padding-left: 8px">
<span class="text-body1">{{
$t('managingUnitAdd.dialogLabel.fieldLabels.status')
}}</span
><q-toggle
:model-value="statusAdd"
@update:model-value="$emit('update:statusAdd', $event)"
/>
</div>
</div>
<div class="col-6">
<q-select
......@@ -71,16 +60,27 @@
clearable
></q-select>
<q-input
:model-value="timeAdd"
@update:model-value="$emit('update:timeAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')"
class="q-my-sm"
:model-value="myedityAdd"
@update:model-value="$emit('update:myedityAdd', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.myedityAdd')
"
type="text"
class="q-my-sm"
outlined
:rules="timeAddRules"
:rules="myedityAddRules"
hide-bottom-space
clearable
></q-input>
<div style="padding-left: 8px">
<span class="text-body1">{{
$t('managingUnitAdd.dialogLabel.fieldLabels.status')
}}</span
><q-toggle
:model-value="statusAdd"
@update:model-value="$emit('update:statusAdd', $event)"
/>
</div>
</div>
</div>
</q-card-section>
......
......@@ -148,6 +148,18 @@
@updateNewManagingUnitsArtist="updateNewManagingUnitsArtist"
/>
<UpdateNewArtistDialog
v-model:open-update-artist-dialog="openUpdateArtistDialog"
v-model:name-update="nameUpdate"
v-model:myedity-update="myedityUpdate"
v-model:fields-update="fieldsUpdate"
v-model:time-update="timeUpdate"
v-model:status-update="statusUpdate"
:fields-update-options="fieldsUpdateOptions"
@click:CloseBtn="openUpdateArtistDialog = false"
@updateNewManagingUnitsArtist="updateNewManagingUnitsArtist"
/>
<q-card-actions>
<div class="col-12 q-mt-sm">
<q-table
......@@ -169,6 +181,7 @@
round
color="primary"
icon="mdi-account-edit-outline"
@click="openUpdateArtistDialog = true"
>
<q-tooltip :offset="[20, 10]">{{
$t('managingUnitAdd.toolTipMessage.updateInfo')
......
import { defineComponent } from 'vue';
import { i18n } from 'src/boot/i18n';
export default defineComponent({
props: {
openUpdateArtistDialog: {
type: Boolean,
required: true,
},
fieldsUpdateOptions: {type: Array, required: true},
fieldsUpdate: { type: Number, required: true},
nameUpdate: { type: String, required: true },
myedityUpdate: { type: String, required: true },
timeUpdate: { type: String, required: true },
statusUpdate: { type: Boolean, required: true },
},
setup() {
const nameUpdateRules = [
(val?: string) =>
(val && val.trim().length) ||
i18n.global.t('managingUnitAdd.validateMessages.requireNameUpdate'),
];
const myedityUpdateRules = [
(val?: string) =>
(val && val.trim().length) ||
i18n.global.t('managingUnitAdd.validateMessages.requireMyedityUpdate'),
];
const fieldsUpdateRules = [
(val?: number) =>
val !== undefined ||
i18n.global.t('managingUnitAdd.validateMessages.requireFieldsUpdate'),
];
const timeUpdateRules = [
(val?: string) =>
(val && val.trim().length) ||
i18n.global.t('managingUnitAdd.validateMessages.requireTimeUpdate'),
];
return {
nameUpdateRules,
myedityUpdateRules,
fieldsUpdateRules,
timeUpdateRules,
};
},
emits: [
'update:openUpdateArtistDialog',
'click:CloseBtn',
'update:nameUpdate',
'update:myedityUpdate',
'update:fieldsUpdate',
'update:timeUpdate',
'update:statusUpdate',
'updateUpdateNewManagingUnitsArtist',
],
});
<template>
<div>My component</div>
<q-dialog
persistent
:model-value="openUpdateArtistDialog"
@update:model-value="$emit('update:openUpdateArtistDialog', $event)"
>
<q-card style="min-width: 700px" bordered>
<q-form
greedy
@submit.prevent="$emit('updateUpdateNewManagingUnitsArtist')"
>
<q-card-section>
<q-item>
<q-item-section>
<q-item-label class="text-h6 text-weight-regular">{{
$t('managingUnitAdd.dialogLabel.title.update')
}}</q-item-label>
</q-item-section>
</q-item>
</q-card-section>
<q-separator />
<q-card-section>
<div class="row q-col-gutter-sm">
<div class="col-6">
<q-input
:model-value="nameUpdate"
@update:model-value="$emit('update:nameUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate')
"
:rules="nameUpdateRules"
hide-bottom-space
type="text"
class="q-my-sm"
outlined
clearable
></q-input>
<q-input
:model-value="timeUpdate"
@update:model-value="$emit('update:timeUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdate')
"
class="q-my-sm"
type="text"
outlined
:rules="timeUpdateRules"
hide-bottom-space
clearable
></q-input>
</div>
<div class="col-6">
<q-select
:model-value="fieldsUpdate"
@update:model-value="$emit('update:fieldsUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsUpdate')
"
:options="fieldsUpdateOptions"
:rules="fieldsUpdateRules"
emit-value
map-options
option-value="id"
option-label="text"
class="q-my-sm"
outlined
hide-bottom-space
clearable
></q-select>
<q-input
:model-value="myedityUpdate"
@update:model-value="$emit('update:myedityUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.myedityUpdate')
"
type="text"
class="q-my-sm"
outlined
:rules="myedityUpdateRules"
hide-bottom-space
clearable
></q-input>
<div style="padding-left: 8px">
<span class="text-body1">{{
$t('managingUnitAdd.dialogLabel.fieldLabels.status')
}}</span
><q-toggle
:model-value="statusUpdate"
@update:model-value="$emit('update:statusUpdate', $event)"
/>
</div>
</div>
</div>
</q-card-section>
<q-card-actions align="right">
<div>
<q-btn
color="grey"
no-caps
style="width: 90px"
class="q-mr-sm"
:label="$t('managingUnitAdd.crudActions.cancel')"
@click="$emit('click:CloseBtn')"
/>
<q-btn
type="submit"
color="primary"
no-caps
style="width: 90px"
:label="$t('managingUnitAdd.crudActions.save')"
/>
</div>
</q-card-actions>
</q-form>
</q-card>
</q-dialog>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
// name: 'ComponentName'
})
</script>
<script lang="ts" src="./NewUpdateArtist.ts"></script>
......@@ -209,6 +209,11 @@ export default {
myedityAdd: 'Nghệ danh',
fieldsAdd: 'Lĩnh vực',
timeAdd: 'Thời gian hợp đồng',
sttUpdate: 'STT',
nameUpdate: 'Tên đơn vị',
myedityUpdate: 'Nghệ danh',
fieldsUpdate: 'Lĩnh vực',
timeUpdate: 'Thời gian hợp đồng',
status: 'Trạng thái',
action: 'Chức năng',
},
......@@ -226,6 +231,10 @@ export default {
myedityAdd: 'Nghệ danh *',
fieldsAdd: 'Lĩnh vực *',
timeAdd: 'Thời gian hợp đồng *',
nameUpdate: 'Tên đơn vị *',
myedityUpdate: 'Nghệ danh *',
fieldsUpdate: 'Lĩnh vực *',
timeUpdate: 'Thời gian hợp đồng *',
status: 'Trạng thái',
},
},
......@@ -242,6 +251,10 @@ export default {
requireMyedityAdd: 'Vui lòng nhập Nghệ danh',
requireFieldsAdd: 'Vui lòng chọn Lĩnh vực',
requireTimeAdd: 'Vui lòng nhập Thời gian',
requireNameUpdate: 'Vui lòng nhập Tên đơn vị',
requireMyedityUpdate: 'Vui lòng nhập Nghệ danh',
requireFieldsUpdate: 'Vui lòng chọn Lĩnh vực',
requireTimeUpdate: 'Vui lòng nhập Thời gian',
},
// confirmActionsTitle: {
// },
......
......@@ -256,18 +256,18 @@ export default defineComponent({
// pageSize: pageSize.value,
// },
// })) as AxiosResponse<BaseResponseBody<unknown>>;
// const fakeData: unknown[] = [
// {
// id: 1,
// sttAdd: 1,
// nameAdd: 'Ưng Hoàng Phúc',
// myedityAdd: 'Ưng Hoàng Phúc',
// fieldsAdd: 'Âm nhạc',
// timeAdd: '05/05/2021 - 05/05/2022',
// status: 1,
// },
// ];
// managingUnitAddTableRows.value = fakeData;
const fakeData: unknown[] = [
{
id: 1,
sttAdd: 1,
nameAdd: 'Ưng Hoàng Phúc',
myedityAdd: 'Ưng Hoàng Phúc',
fieldsAdd: 'Âm nhạc',
timeAdd: '05/05/2021 - 05/05/2022',
status: 1,
},
];
managingUnitAddTableRows.value = fakeData;
};
const getListUpdateUnit = () => {
......@@ -279,18 +279,18 @@ export default defineComponent({
// pageSize: pageSize.value,
// },
// })) as AxiosResponse<BaseResponseBody<unknown>>;
// const fakeData: unknown[] = [
// {
// id: 1,
// sttAdd: 1,
// nameAdd: 'Ưng Hoàng Phúc',
// myedityAdd: 'Ưng Hoàng Phúc',
// fieldsAdd: 'Âm nhạc',
// timeAdd: '05/05/2021 - 05/05/2022',
// status: 1,
// },
// ];
// managingUnitUpdateTableRows.value = fakeData;
const fakeData: unknown[] = [
{
id: 1,
sttAdd: 1,
nameAdd: 'Ưng Hoàng Phúc',
myedityAdd: 'Ưng Hoàng Phúc',
fieldsAdd: 'Âm nhạc',
timeAdd: '05/05/2021 - 05/05/2022',
status: 1,
},
];
managingUnitUpdateTableRows.value = fakeData;
};
const showDialog = ref(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