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 @@
<div class="row q-col-gutter-sm">
<div class="col-6">
<q-select
:model-value="nameAdd"
@update:model-value="$emit('update:nameAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.nameAdd')"
:options="nameAddOptions"
:rules="nameAddRules"
hide-bottom-space
:model-value="fieldsAdd"
@update:model-value="$emit('update:fieldsAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsAdd')"
:options="fieldsAddOptions"
:rules="fieldsAddRules"
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="timeAdd"
@update:model-value="$emit('update:timeAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')"
mask="date"
class="q-my-sm"
type="date"
outlined
:rules="timeAddRules"
hide-bottom-space
clearable
readonly
><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>
</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"
emit-value
map-options
option-value="id"
option-label="text"
class="q-my-sm"
outlined
hide-bottom-space
clearable
></q-select>
<div>
<q-select
:model-value="nameAdd"
:disable="!fieldsAdd"
@update:model-value="$emit('update:nameAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.nameAdd')"
:options="nameAddOptions"
:rules="nameAddRules"
hide-bottom-space
emit-value
map-options
option-value="id"
option-label="text"
class="q-my-sm"
outlined
clearable
>
</q-select
><q-tooltip v-if="!fieldsAdd">Vui lòng chọn Lĩnh vực</q-tooltip>
</div>
<q-input
:model-value="timeAddTo"
@update:model-value="$emit('update:timeAddTo', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAddTo')"
class="q-my-sm"
type="date"
mask="date"
outlined
:rules="timeAddToRules"
hide-bottom-space
clearable
></q-input>
readonly
><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 class="q-pt-sm q-pl-sm">
<span class="text-body1">{{
$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 @@
<div class="row q-col-gutter-sm">
<div class="col-6">
<q-select
:model-value="nameUpdate"
@update:model-value="$emit('update:nameUpdate', $event)"
:model-value="fieldsUpdate"
@update:model-value="$emit('update:fieldsUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate')
$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsUpdate')
"
:options="nameUpdateOptions"
:rules="nameUpdateRules"
hide-bottom-space
: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="timeUpdate"
@update:model-value="$emit('update:timeUpdate', $event)"
......@@ -44,31 +45,57 @@
$t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdate')
"
class="q-my-sm"
type="date"
mask="date"
outlined
:rules="timeUpdateRules"
hide-bottom-space
clearable
></q-input>
readonly
>
<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 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>
<div>
<q-select
:model-value="nameUpdate"
@update:model-value="$emit('update:nameUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate')
"
:options="nameUpdateOptions"
:disable="!fieldsUpdate"
:rules="nameUpdateRules"
hide-bottom-space
emit-value
map-options
option-value="id"
option-label="text"
class="q-my-sm"
outlined
clearable
></q-select>
<q-tooltip v-if="!fieldsUpdate"
>Vui lòng chọn Lĩnh vực</q-tooltip
>
</div>
<q-input
:model-value="timeUpdateTo"
@update:model-value="$emit('update:timeUpdateTo', $event)"
......@@ -76,12 +103,32 @@
$t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdateTo')
"
class="q-my-sm"
type="date"
mask="date"
outlined
:rules="timeUpdateToRules"
hide-bottom-space
clearable
></q-input>
readonly
>
<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">
<span class="text-body1">{{
$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 @@
<div class="row q-col-gutter-sm">
<div class="col-6">
<q-select
:model-value="nameAdd"
@update:model-value="$emit('update:nameAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.nameAdd')"
:options="nameAddOptions"
:rules="nameAddRules"
:model-value="fieldsAdd"
@update:model-value="$emit('update:fieldsAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsAdd')"
:options="fieldsAddOptions"
:rules="fieldsAddRules"
emit-value
map-options
option-value="id"
......@@ -40,40 +40,84 @@
@update:model-value="$emit('update:timeAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAdd')"
class="q-my-sm"
type="date"
mask="date"
outlined
:rules="timeAddRules"
hide-bottom-space
clearable
readonly
>
<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>
</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"
emit-value
map-options
option-value="id"
option-label="text"
class="q-my-sm"
outlined
hide-bottom-space
clearable
></q-select>
<div>
<q-select
:model-value="nameAdd"
@update:model-value="$emit('update:nameAdd', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.nameAdd')"
:options="nameAddOptions"
:disable="!fieldsAdd"
:rules="nameAddRules"
emit-value
map-options
option-value="id"
option-label="text"
class="q-my-sm"
outlined
hide-bottom-space
clearable
></q-select>
<q-tooltip>Vui lòng chọn Lĩnh vực</q-tooltip>
</div>
<q-input
:model-value="timeAddTo"
@update:model-value="$emit('update:timeAddTo', $event)"
:label="$t('managingUnitAdd.dialogLabel.fieldLabels.timeAddTo')"
class="q-my-sm"
type="date"
mask="date"
outlined
:rules="timeAddToRules"
hide-bottom-space
clearable
></q-input>
readonly
>
<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">
<span class="text-body1">{{
$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 @@
<div class="row q-col-gutter-sm">
<div class="col-6">
<q-select
:model-value="nameUpdate"
@update:model-value="$emit('update:nameUpdate', $event)"
:model-value="fieldsUpdate"
@update:model-value="$emit('update:fieldsUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate')
$t('managingUnitAdd.dialogLabel.fieldLabels.fieldsUpdate')
"
:options="nameUpdateOptions"
:rules="nameUpdateRules"
:options="fieldsUpdateOptions"
:rules="fieldsUpdateRules"
emit-value
map-options
option-value="id"
......@@ -47,31 +47,56 @@
$t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdate')
"
class="q-my-sm"
type="date"
mask="date"
outlined
:rules="timeUpdateRules"
hide-bottom-space
clearable
></q-input>
readonly
>
<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 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>
<div>
<q-select
:model-value="nameUpdate"
@update:model-value="$emit('update:nameUpdate', $event)"
:label="
$t('managingUnitAdd.dialogLabel.fieldLabels.nameUpdate')
"
:options="nameUpdateOptions"
:disable="!fieldsUpdate"
:rules="nameUpdateRules"
emit-value
map-options
option-value="id"
option-label="text"
class="q-my-sm"
outlined
hide-bottom-space
clearable
></q-select>
<q-tooltip>Vui lòng chọn Lĩnh vực</q-tooltip>
</div>
<q-input
:model-value="timeUpdateTo"
@update:model-value="$emit('update:timeUpdateTo', $event)"
......@@ -79,11 +104,30 @@
$t('managingUnitAdd.dialogLabel.fieldLabels.timeUpdateTo')
"
class="q-my-sm"
type="date"
mask="date"
outlined
:rules="timeUpdateToRules"
hide-bottom-space
clearable
readonly
>
<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 style="padding-left: 8px">
<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