Skip to content

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

update

parent a206fe29
Hide whitespace changes
Inline Side-by-side
Showing with 293 additions and 115 deletions
src/components/managingunits/add-new-managingunits-dialog/add-new-artist-dialog/index.vue
View file @ 54b4064c
...@@ -21,59 +21,102 @@ ...@@ -21,59 +21,102 @@
<div class="row q-col-gutter-sm"> <div class="row q-col-gutter-sm">
<div class="col-6"> <div class="col-6">
<q-select <q-select
:model-value="nameAdd" :model-value="fieldsAdd"
@update:model-value="$emit('update:nameAdd', $event)" @update:model-value="$emit('update:fieldsAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.nameAdd')" :label="$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsAdd')"
:options="nameAddOptions" :options="fieldsAddOptions"
:rules="nameAddRules" :rules="fieldsAddRules"
hide-bottom-space
emit-value emit-value
map-options map-options
option-value="id" option-value="id"
option-label="text" option-label="text"
class="q-my-sm" class="q-my-sm"
outlined outlined
hide-bottom-space
clearable clearable
></q-select> ></q-select>
<q-input <q-input
:model-value="timeAdd" :model-value="timeAdd"
@update:model-value="$emit('update:timeAdd', $event)" @update:model-value="$emit('update:timeAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')" :label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')"
mask="date"
class="q-my-sm" class="q-my-sm"
type="date"
outlined outlined
:rules="timeAddRules" :rules="timeAddRules"
hide-bottom-space readonly
clearable ><template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy
ref="qDateProxy"
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="timeAdd">
<div class="row items-center justify-end">
<q-btn
v-close-popup
label="Close"
color="primary"
flat
/>
</div>
</q-date>
</q-popup-proxy>
</q-icon> </template
></q-input> ></q-input>
</div> </div>
<div class="col-6"> <div class="col-6">
<q-select <div>
:model-value="fieldsAdd" <q-select
@update:model-value="$emit('update:fieldsAdd', $event)" :model-value="nameAdd"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsAdd')" :disable="!fieldsAdd"
:options="fieldsAddOptions" @update:model-value="$emit('update:nameAdd', $event)"
:rules="fieldsAddRules" :label="$t('managingUnitAdd.dialogLabel.fieldLabels.nameAdd')"
emit-value :options="nameAddOptions"
map-options :rules="nameAddRules"
option-value="id" hide-bottom-space
option-label="text" emit-value
class="q-my-sm" map-options
outlined option-value="id"
hide-bottom-space option-label="text"
clearable class="q-my-sm"
></q-select> outlined
clearable
>
</q-select
><q-tooltip v-if="!fieldsAdd">Vui lòng chọn Lĩnh vực</q-tooltip>
</div>
<q-input <q-input
:model-value="timeAddTo" :model-value="timeAddTo"
@update:model-value="$emit('update:timeAddTo', $event)" @update:model-value="$emit('update:timeAddTo', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAddTo')" :label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAddTo')"
class="q-my-sm" class="q-my-sm"
type="date" mask="date"
outlined outlined
:rules="timeAddToRules" :rules="timeAddToRules"
hide-bottom-space readonly
clearable ><template v-slot:append>
></q-input> <q-icon name="event" class="cursor-pointer">
<q-popup-proxy
ref="qDateProxy"
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="timeAddTo">
<div class="row items-center justify-end">
<q-btn
v-close-popup
label="Close"
color="primary"
flat
/>
</div>
</q-date>
</q-popup-proxy>
</q-icon>
</template>
</q-input>
<div class="q-pt-sm q-pl-sm"> <div class="q-pt-sm q-pl-sm">
<span class="text-body1">{{ <span class="text-body1">{{
$t('managingUnitAdd.dialogLabel.fieldLabels.status') $t('managingUnitAdd.dialogLabel.fieldLabels.status')
......
src/components/managingunits/add-new-managingunits-dialog/update-new-artist-dialog/index.vue
View file @ 54b4064c
...@@ -21,22 +21,23 @@ ...@@ -21,22 +21,23 @@
<div class="row q-col-gutter-sm"> <div class="row q-col-gutter-sm">
<div class="col-6"> <div class="col-6">
<q-select <q-select
:model-value="nameUpdate" :model-value="fieldsUpdate"
@update:model-value="$emit('update:nameUpdate', $event)" @update:model-value="$emit('update:fieldsUpdate', $event)"
:label=" :label="
$t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate') $t('managingUnitAdd.dialogLabel.fieldLabels.fieldsUpdate')
" "
:options="nameUpdateOptions" :options="fieldsUpdateOptions"
:rules="nameUpdateRules" :rules="fieldsUpdateRules"
hide-bottom-space
emit-value emit-value
map-options map-options
option-value="id" option-value="id"
option-label="text" option-label="text"
class="q-my-sm" class="q-my-sm"
outlined outlined
hide-bottom-space
clearable clearable
></q-select> ></q-select>
<q-input <q-input
:model-value="timeUpdate" :model-value="timeUpdate"
@update:model-value="$emit('update:timeUpdate', $event)" @update:model-value="$emit('update:timeUpdate', $event)"
...@@ -44,31 +45,57 @@ ...@@ -44,31 +45,57 @@
$t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdate') $t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdate')
" "
class="q-my-sm" class="q-my-sm"
type="date" mask="date"
outlined outlined
:rules="timeUpdateRules" :rules="timeUpdateRules"
hide-bottom-space readonly
clearable >
></q-input> <template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy
ref="qDateProxy"
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="timeUpdate">
<div class="row items-center justify-end">
<q-btn
v-close-popup
label="Close"
color="primary"
flat
/>
</div>
</q-date>
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</div> </div>
<div class="col-6"> <div class="col-6">
<q-select <div>
:model-value="fieldsUpdate" <q-select
@update:model-value="$emit('update:fieldsUpdate', $event)" :model-value="nameUpdate"
:label=" @update:model-value="$emit('update:nameUpdate', $event)"
$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsUpdate') :label="
" $t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate')
:options="fieldsUpdateOptions" "
:rules="fieldsUpdateRules" :options="nameUpdateOptions"
emit-value :disable="!fieldsUpdate"
map-options :rules="nameUpdateRules"
option-value="id" hide-bottom-space
option-label="text" emit-value
class="q-my-sm" map-options
outlined option-value="id"
hide-bottom-space option-label="text"
clearable class="q-my-sm"
></q-select> outlined
clearable
></q-select>
<q-tooltip v-if="!fieldsUpdate"
>Vui lòng chọn Lĩnh vực</q-tooltip
>
</div>
<q-input <q-input
:model-value="timeUpdateTo" :model-value="timeUpdateTo"
@update:model-value="$emit('update:timeUpdateTo', $event)" @update:model-value="$emit('update:timeUpdateTo', $event)"
...@@ -76,12 +103,32 @@ ...@@ -76,12 +103,32 @@
$t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdateTo') $t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdateTo')
" "
class="q-my-sm" class="q-my-sm"
type="date" mask="date"
outlined outlined
:rules="timeUpdateToRules" :rules="timeUpdateToRules"
hide-bottom-space readonly
clearable >
></q-input> <template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy
ref="qDateProxy"
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="timeUpdateTo">
<div class="row items-center justify-end">
<q-btn
v-close-popup
label="Close"
color="primary"
flat
/>
</div>
</q-date>
</q-popup-proxy>
</q-icon>
</template>
</q-input>
<div class="q-pt-sm q-pr-sm"> <div class="q-pt-sm q-pr-sm">
<span class="text-body1">{{ <span class="text-body1">{{
$t('managingUnitAdd.dialogLabel.fieldLabels.status') $t('managingUnitAdd.dialogLabel.fieldLabels.status')
......
src/components/managingunits/update-new-managingunits-dialog/add-new-artist-dialog/index.vue
View file @ 54b4064c
...@@ -21,11 +21,11 @@ ...@@ -21,11 +21,11 @@
<div class="row q-col-gutter-sm"> <div class="row q-col-gutter-sm">
<div class="col-6"> <div class="col-6">
<q-select <q-select
:model-value="nameAdd" :model-value="fieldsAdd"
@update:model-value="$emit('update:nameAdd', $event)" @update:model-value="$emit('update:fieldsAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.nameAdd')" :label="$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsAdd')"
:options="nameAddOptions" :options="fieldsAddOptions"
:rules="nameAddRules" :rules="fieldsAddRules"
emit-value emit-value
map-options map-options
option-value="id" option-value="id"
...@@ -40,40 +40,84 @@ ...@@ -40,40 +40,84 @@
@update:model-value="$emit('update:timeAdd', $event)" @update:model-value="$emit('update:timeAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')" :label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')"
class="q-my-sm" class="q-my-sm"
type="date" mask="date"
outlined outlined
:rules="timeAddRules" :rules="timeAddRules"
hide-bottom-space readonly
clearable >
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy
ref="qDateProxy"
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="timeAdd">
<div class="row items-center justify-end">
<q-btn
v-close-popup
label="Close"
color="primary"
flat
/>
</div>
</q-date>
</q-popup-proxy>
</q-icon> </template
></q-input> ></q-input>
</div> </div>
<div class="col-6"> <div class="col-6">
<q-select <div>
:model-value="fieldsAdd" <q-select
@update:model-value="$emit('update:fieldsAdd', $event)" :model-value="nameAdd"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsAdd')" @update:model-value="$emit('update:nameAdd', $event)"
:options="fieldsAddOptions" :label="$t('managingUnitAdd.dialogLabel.fieldLabels.nameAdd')"
:rules="fieldsAddRules" :options="nameAddOptions"
emit-value :disable="!fieldsAdd"
map-options :rules="nameAddRules"
option-value="id" emit-value
option-label="text" map-options
class="q-my-sm" option-value="id"
outlined option-label="text"
hide-bottom-space class="q-my-sm"
clearable outlined
></q-select> hide-bottom-space
clearable
></q-select>
<q-tooltip>Vui lòng chọn Lĩnh vực</q-tooltip>
</div>
<q-input <q-input
:model-value="timeAddTo" :model-value="timeAddTo"
@update:model-value="$emit('update:timeAddTo', $event)" @update:model-value="$emit('update:timeAddTo', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAddTo')" :label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAddTo')"
class="q-my-sm" class="q-my-sm"
type="date" mask="date"
outlined outlined
:rules="timeAddToRules" :rules="timeAddToRules"
hide-bottom-space readonly
clearable >
></q-input> <template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy
ref="qDateProxy"
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="timeAddTo">
<div class="row items-center justify-end">
<q-btn
v-close-popup
label="Close"
color="primary"
flat
/>
</div>
</q-date>
</q-popup-proxy>
</q-icon>
</template>
</q-input>
<div style="padding-left: 8px"> <div style="padding-left: 8px">
<span class="text-body1">{{ <span class="text-body1">{{
$t('managingUnitAdd.dialogLabel.fieldLabels.status') $t('managingUnitAdd.dialogLabel.fieldLabels.status')
......
src/components/managingunits/update-new-managingunits-dialog/update-new-artist-dialog/index.vue
View file @ 54b4064c
...@@ -24,13 +24,13 @@ ...@@ -24,13 +24,13 @@
<div class="row q-col-gutter-sm"> <div class="row q-col-gutter-sm">
<div class="col-6"> <div class="col-6">
<q-select <q-select
:model-value="nameUpdate" :model-value="fieldsUpdate"
@update:model-value="$emit('update:nameUpdate', $event)" @update:model-value="$emit('update:fieldsUpdate', $event)"
:label=" :label="
$t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate') $t('managingUnitAdd.dialogLabel.fieldLabels.fieldsUpdate')
" "
:options="nameUpdateOptions" :options="fieldsUpdateOptions"
:rules="nameUpdateRules" :rules="fieldsUpdateRules"
emit-value emit-value
map-options map-options
option-value="id" option-value="id"
...@@ -47,31 +47,56 @@ ...@@ -47,31 +47,56 @@
$t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdate') $t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdate')
" "
class="q-my-sm" class="q-my-sm"
type="date" mask="date"
outlined outlined
:rules="timeUpdateRules" :rules="timeUpdateRules"
hide-bottom-space readonly
clearable >
></q-input> <template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy
ref="qDateProxy"
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="timeUpdate">
<div class="row items-center justify-end">
<q-btn
v-close-popup
label="Close"
color="primary"
flat
/>
</div>
</q-date>
</q-popup-proxy>
</q-icon>
</template>
</q-input>
</div> </div>
<div class="col-6"> <div class="col-6">
<q-select <div>
:model-value="fieldsUpdate" <q-select
@update:model-value="$emit('update:fieldsUpdate', $event)" :model-value="nameUpdate"
:label=" @update:model-value="$emit('update:nameUpdate', $event)"
$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsUpdate') :label="
" $t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate')
:options="fieldsUpdateOptions" "
:rules="fieldsUpdateRules" :options="nameUpdateOptions"
emit-value :disable="!fieldsUpdate"
map-options :rules="nameUpdateRules"
option-value="id" emit-value
option-label="text" map-options
class="q-my-sm" option-value="id"
outlined option-label="text"
hide-bottom-space class="q-my-sm"
clearable outlined
></q-select> hide-bottom-space
clearable
></q-select>
<q-tooltip>Vui lòng chọn Lĩnh vực</q-tooltip>
</div>
<q-input <q-input
:model-value="timeUpdateTo" :model-value="timeUpdateTo"
@update:model-value="$emit('update:timeUpdateTo', $event)" @update:model-value="$emit('update:timeUpdateTo', $event)"
...@@ -79,11 +104,30 @@ ...@@ -79,11 +104,30 @@
$t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdateTo') $t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdateTo')
" "
class="q-my-sm" class="q-my-sm"
type="date" mask="date"
outlined outlined
:rules="timeUpdateToRules" :rules="timeUpdateToRules"
hide-bottom-space readonly
clearable >
<template v-slot:append>
<q-icon name="event" class="cursor-pointer">
<q-popup-proxy
ref="qDateProxy"
transition-show="scale"
transition-hide="scale"
>
<q-date v-model="timeUpdateTo">
<div class="row items-center justify-end">
<q-btn
v-close-popup
label="Close"
color="primary"
flat
/>
</div>
</q-date>
</q-popup-proxy>
</q-icon> </template
></q-input> ></q-input>
<div style="padding-left: 8px"> <div style="padding-left: 8px">
<span class="text-body1">{{ <span class="text-body1">{{
......
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