#6911 save on enter #207
|
|
@ -81,7 +81,7 @@ async function setCreateDms() {
|
||||||
createDmsRef.value.show();
|
createDmsRef.value.show();
|
||||||
}
|
}
|
||||||
|
|
||||||
async function upsert() {
|
async function onSubmit() {
|
||||||
try {
|
try {
|
||||||
const isEdit = !!dms.value.id;
|
const isEdit = !!dms.value.id;
|
||||||
const errors = {
|
const errors = {
|
||||||
|
|
@ -317,225 +317,237 @@ async function upsert() {
|
||||||
</VnRow>
|
</VnRow>
|
||||||
</template>
|
</template>
|
||||||
</FormModel>
|
</FormModel>
|
||||||
<QDialog ref="editDmsRef" @keyup.enter="upsert">
|
<QDialog ref="editDmsRef">
|
||||||
<QCard>
|
<QForm @submit="onSubmit()" class="all-pointer-events">
|
||||||
<QCardSection class="q-pb-none">
|
<QCard class="q-pa-sm">
|
||||||
<QItem class="q-px-none">
|
<QCardSection class="row items-center q-pb-none">
|
||||||
<span class="text-primary text-h6 full-width">
|
<span class="text-primary text-h6">
|
||||||
<QIcon name="edit" class="q-mr-xs" />
|
<QIcon name="edit" class="q-mr-xs" />
|
||||||
{{ t('Edit document') }}
|
{{ t('Edit document') }}
|
||||||
</span>
|
</span>
|
||||||
|
<QSpace />
|
||||||
<QBtn icon="close" flat round dense v-close-popup />
|
<QBtn icon="close" flat round dense v-close-popup />
|
||||||
</QItem>
|
</QCardSection>
|
||||||
</QCardSection>
|
<QCardSection class="q-py-none">
|
||||||
<QCardSection class="q-py-none">
|
<QItem>
|
||||||
<QItem>
|
<VnInput
|
||||||
<VnInput
|
class="full-width q-pa-xs"
|
||||||
class="full-width q-pa-xs"
|
:label="t('Reference')"
|
||||||
:label="t('Reference')"
|
v-model="dms.reference"
|
||||||
v-model="dms.reference"
|
clearable
|
||||||
clearable
|
clear-icon="close"
|
||||||
clear-icon="close"
|
/>
|
||||||
|
<VnSelect
|
||||||
|
class="full-width q-pa-xs"
|
||||||
|
:label="t('Company')"
|
||||||
|
v-model="dms.companyId"
|
||||||
|
:options="companies"
|
||||||
|
option-value="id"
|
||||||
|
option-label="code"
|
||||||
|
:required="true"
|
||||||
|
/>
|
||||||
|
</QItem>
|
||||||
|
<QItem>
|
||||||
|
<VnSelect
|
||||||
|
class="full-width q-pa-xs"
|
||||||
|
:label="t('Warehouse')"
|
||||||
|
v-model="dms.warehouseId"
|
||||||
|
:options="warehouses"
|
||||||
|
option-value="id"
|
||||||
|
option-label="name"
|
||||||
|
:required="true"
|
||||||
|
/>
|
||||||
|
<VnSelect
|
||||||
|
class="full-width q-pa-xs"
|
||||||
|
:label="t('Type')"
|
||||||
|
v-model="dms.dmsTypeId"
|
||||||
|
:options="dmsTypes"
|
||||||
|
option-value="id"
|
||||||
|
option-label="name"
|
||||||
|
:required="true"
|
||||||
|
/>
|
||||||
|
</QItem>
|
||||||
|
<QItem>
|
||||||
|
<VnInput
|
||||||
|
:label="t('Description')"
|
||||||
|
v-model="dms.description"
|
||||||
|
:required="true"
|
||||||
|
type="textarea"
|
||||||
|
class="full-width q-pa-xs"
|
||||||
|
size="lg"
|
||||||
|
autogrow
|
||||||
|
clearable
|
||||||
|
clear-icon="close"
|
||||||
|
/>
|
||||||
|
</QItem>
|
||||||
|
<QItem>
|
||||||
|
<QFile
|
||||||
|
ref="inputFileRef"
|
||||||
|
class="full-width q-pa-xs"
|
||||||
|
:label="t('File')"
|
||||||
|
v-model="dms.files"
|
||||||
|
multiple
|
||||||
|
:accept="allowedContentTypes.join(',')"
|
||||||
|
clearable
|
||||||
|
clear-icon="close"
|
||||||
|
>
|
||||||
|
<template #append>
|
||||||
|
<QBtn
|
||||||
|
icon="attach_file_add"
|
||||||
|
flat
|
||||||
|
round
|
||||||
|
padding="xs"
|
||||||
|
@click="inputFileRef.pickFiles()"
|
||||||
|
>
|
||||||
|
<QTooltip>
|
||||||
|
{{ t('globals.selectFile') }}
|
||||||
|
</QTooltip>
|
||||||
|
</QBtn>
|
||||||
|
<QBtn icon="info" flat round padding="xs">
|
||||||
|
<QTooltip max-width="30rem">
|
||||||
|
{{
|
||||||
|
`${t(
|
||||||
|
'Allowed content types'
|
||||||
|
)}: ${allowedContentTypes.join(', ')}`
|
||||||
|
}}
|
||||||
|
</QTooltip>
|
||||||
|
</QBtn>
|
||||||
|
</template>
|
||||||
|
</QFile>
|
||||||
|
</QItem>
|
||||||
|
<QItem>
|
||||||
|
<QCheckbox
|
||||||
|
:label="t('Generate identifier for original file')"
|
||||||
|
v-model="dms.hasFile"
|
||||||
|
/>
|
||||||
|
</QItem>
|
||||||
|
</QCardSection>
|
||||||
|
<QCardActions class="justify-end">
|
||||||
|
<QBtn
|
||||||
|
flat
|
||||||
|
:label="t('globals.close')"
|
||||||
|
color="primary"
|
||||||
|
v-close-popup
|
||||||
/>
|
/>
|
||||||
<VnSelect
|
<QBtn :label="t('globals.save')" color="primary" @click="onSubmit" />
|
||||||
class="full-width q-pa-xs"
|
</QCardActions>
|
||||||
:label="t('Company')"
|
</QCard>
|
||||||
v-model="dms.companyId"
|
</QForm>
|
||||||
:options="companies"
|
|
||||||
option-value="id"
|
|
||||||
option-label="code"
|
|
||||||
:required="true"
|
|
||||||
/>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<VnSelect
|
|
||||||
class="full-width q-pa-xs"
|
|
||||||
:label="t('Warehouse')"
|
|
||||||
v-model="dms.warehouseId"
|
|
||||||
:options="warehouses"
|
|
||||||
option-value="id"
|
|
||||||
option-label="name"
|
|
||||||
:required="true"
|
|
||||||
/>
|
|
||||||
<VnSelect
|
|
||||||
class="full-width q-pa-xs"
|
|
||||||
:label="t('Type')"
|
|
||||||
v-model="dms.dmsTypeId"
|
|
||||||
:options="dmsTypes"
|
|
||||||
option-value="id"
|
|
||||||
option-label="name"
|
|
||||||
:required="true"
|
|
||||||
/>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<VnInput
|
|
||||||
:label="t('Description')"
|
|
||||||
v-model="dms.description"
|
|
||||||
:required="true"
|
|
||||||
type="textarea"
|
|
||||||
class="full-width q-pa-xs"
|
|
||||||
size="lg"
|
|
||||||
autogrow
|
|
||||||
clearable
|
|
||||||
clear-icon="close"
|
|
||||||
/>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<QFile
|
|
||||||
ref="inputFileRef"
|
|
||||||
class="full-width q-pa-xs"
|
|
||||||
:label="t('File')"
|
|
||||||
v-model="dms.files"
|
|
||||||
multiple
|
|
||||||
:accept="allowedContentTypes.join(',')"
|
|
||||||
clearable
|
|
||||||
clear-icon="close"
|
|
||||||
>
|
|
||||||
<template #append>
|
|
||||||
<QBtn
|
|
||||||
icon="attach_file_add"
|
|
||||||
flat
|
|
||||||
round
|
|
||||||
padding="xs"
|
|
||||||
@click="inputFileRef.pickFiles()"
|
|
||||||
>
|
|
||||||
<QTooltip>
|
|
||||||
{{ t('globals.selectFile') }}
|
|
||||||
</QTooltip>
|
|
||||||
</QBtn>
|
|
||||||
<QBtn icon="info" flat round padding="xs">
|
|
||||||
<QTooltip max-width="30rem">
|
|
||||||
{{
|
|
||||||
`${t(
|
|
||||||
'Allowed content types'
|
|
||||||
)}: ${allowedContentTypes.join(', ')}`
|
|
||||||
}}
|
|
||||||
</QTooltip>
|
|
||||||
</QBtn>
|
|
||||||
</template>
|
|
||||||
</QFile>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<QCheckbox
|
|
||||||
:label="t('Generate identifier for original file')"
|
|
||||||
v-model="dms.hasFile"
|
|
||||||
/>
|
|
||||||
</QItem>
|
|
||||||
</QCardSection>
|
|
||||||
<QCardActions class="justify-end">
|
|
||||||
<QBtn flat :label="t('globals.close')" color="primary" v-close-popup />
|
|
||||||
<QBtn :label="t('globals.save')" color="primary" @click="upsert" />
|
|
||||||
</QCardActions>
|
|
||||||
</QCard>
|
|
||||||
</QDialog>
|
</QDialog>
|
||||||
<QDialog ref="createDmsRef">
|
<QDialog ref="createDmsRef">
|
||||||
<QCard>
|
<QForm @submit="onSubmit()" class="all-pointer-events">
|
||||||
<QCardSection class="q-pb-none">
|
<QCard class="q-pa-sm">
|
||||||
<QItem>
|
<QCardSection class="row items-center q-pb-none">
|
||||||
<span class="text-primary text-h6 full-width">
|
<span class="text-primary text-h6">
|
||||||
<QIcon name="edit" class="q-mr-xs" />
|
<QIcon name="edit" class="q-mr-xs" />
|
||||||
{{ t('Create document') }}
|
{{ t('Create document') }}
|
||||||
</span>
|
</span>
|
||||||
<QBtn icon="close" flat round dense v-close-popup align="right" />
|
<QSpace />
|
||||||
</QItem>
|
<QBtn icon="close" flat round dense v-close-popup />
|
||||||
</QCardSection>
|
</QCardSection>
|
||||||
<QCardSection class="q-pb-none">
|
<QCardSection class="q-pb-none">
|
||||||
<QItem>
|
<QItem>
|
||||||
<VnInput
|
<VnInput
|
||||||
class="full-width q-pa-xs"
|
class="full-width q-pa-xs"
|
||||||
:label="t('Reference')"
|
:label="t('Reference')"
|
||||||
v-model="dms.reference"
|
v-model="dms.reference"
|
||||||
|
/>
|
||||||
|
<VnSelect
|
||||||
|
class="full-width q-pa-xs"
|
||||||
|
:label="`${t('Company')}*`"
|
||||||
|
v-model="dms.companyId"
|
||||||
|
:options="companies"
|
||||||
|
option-value="id"
|
||||||
|
option-label="code"
|
||||||
|
:required="true"
|
||||||
|
/>
|
||||||
|
</QItem>
|
||||||
|
<QItem>
|
||||||
|
<VnSelect
|
||||||
|
class="full-width q-pa-xs"
|
||||||
|
:label="`${t('Warehouse')}*`"
|
||||||
|
v-model="dms.warehouseId"
|
||||||
|
:options="warehouses"
|
||||||
|
option-value="id"
|
||||||
|
option-label="name"
|
||||||
|
:required="true"
|
||||||
|
/>
|
||||||
|
<VnSelect
|
||||||
|
class="full-width q-pa-xs"
|
||||||
|
:label="`${t('Type')}*`"
|
||||||
|
v-model="dms.dmsTypeId"
|
||||||
|
:options="dmsTypes"
|
||||||
|
option-value="id"
|
||||||
|
option-label="name"
|
||||||
|
:required="true"
|
||||||
|
/>
|
||||||
|
</QItem>
|
||||||
|
<QItem>
|
||||||
|
<VnInput
|
||||||
|
class="full-width q-pa-xs"
|
||||||
|
type="textarea"
|
||||||
|
size="lg"
|
||||||
|
autogrow
|
||||||
|
:label="`${t('Description')}*`"
|
||||||
|
v-model="dms.description"
|
||||||
|
clearable
|
||||||
|
clear-icon="close"
|
||||||
|
:rules="[(val) => val.length || t('Required field')]"
|
||||||
|
/>
|
||||||
|
</QItem>
|
||||||
|
<QItem>
|
||||||
|
<QFile
|
||||||
|
ref="inputFileRef"
|
||||||
|
class="full-width q-pa-xs"
|
||||||
|
:label="t('File')"
|
||||||
|
v-model="dms.files"
|
||||||
|
multiple
|
||||||
|
:accept="allowedContentTypes.join(',')"
|
||||||
|
clearable
|
||||||
|
clear-icon="close"
|
||||||
|
>
|
||||||
|
<template #append>
|
||||||
|
<QBtn
|
||||||
|
icon="attach_file_add"
|
||||||
|
flat
|
||||||
|
round
|
||||||
|
padding="xs"
|
||||||
|
@click="inputFileRef.pickFiles()"
|
||||||
|
>
|
||||||
|
<QTooltip>
|
||||||
|
{{ t('globals.selectFile') }}
|
||||||
|
</QTooltip>
|
||||||
|
</QBtn>
|
||||||
|
<QBtn icon="info" flat round padding="xs">
|
||||||
|
<QTooltip max-width="30rem">
|
||||||
|
{{
|
||||||
|
`${t(
|
||||||
|
'Allowed content types'
|
||||||
|
)}: ${allowedContentTypes.join(', ')}`
|
||||||
|
}}
|
||||||
|
</QTooltip>
|
||||||
|
</QBtn>
|
||||||
|
</template>
|
||||||
|
</QFile>
|
||||||
|
</QItem>
|
||||||
|
<QItem>
|
||||||
|
<QCheckbox
|
||||||
|
:label="t('Generate identifier for original file')"
|
||||||
|
v-model="dms.hasFile"
|
||||||
|
/>
|
||||||
|
</QItem>
|
||||||
|
</QCardSection>
|
||||||
|
<QCardActions align="right">
|
||||||
|
<QBtn
|
||||||
|
flat
|
||||||
|
:label="t('globals.close')"
|
||||||
|
color="primary"
|
||||||
|
v-close-popup
|
||||||
/>
|
/>
|
||||||
<VnSelect
|
<QBtn :label="t('globals.save')" color="primary" @click="onSubmit" />
|
||||||
class="full-width q-pa-xs"
|
</QCardActions>
|
||||||
:label="`${t('Company')}*`"
|
</QCard>
|
||||||
v-model="dms.companyId"
|
</QForm>
|
||||||
:options="companies"
|
|
||||||
option-value="id"
|
|
||||||
option-label="code"
|
|
||||||
:required="true"
|
|
||||||
/>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<VnSelect
|
|
||||||
class="full-width q-pa-xs"
|
|
||||||
:label="`${t('Warehouse')}*`"
|
|
||||||
v-model="dms.warehouseId"
|
|
||||||
:options="warehouses"
|
|
||||||
option-value="id"
|
|
||||||
option-label="name"
|
|
||||||
:required="true"
|
|
||||||
/>
|
|
||||||
<VnSelect
|
|
||||||
class="full-width q-pa-xs"
|
|
||||||
:label="`${t('Type')}*`"
|
|
||||||
v-model="dms.dmsTypeId"
|
|
||||||
:options="dmsTypes"
|
|
||||||
option-value="id"
|
|
||||||
option-label="name"
|
|
||||||
:required="true"
|
|
||||||
/>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<VnInput
|
|
||||||
class="full-width q-pa-xs"
|
|
||||||
type="textarea"
|
|
||||||
size="lg"
|
|
||||||
autogrow
|
|
||||||
:label="`${t('Description')}*`"
|
|
||||||
v-model="dms.description"
|
|
||||||
clearable
|
|
||||||
clear-icon="close"
|
|
||||||
:rules="[(val) => val.length || t('Required field')]"
|
|
||||||
/>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<QFile
|
|
||||||
ref="inputFileRef"
|
|
||||||
class="full-width q-pa-xs"
|
|
||||||
:label="t('File')"
|
|
||||||
v-model="dms.files"
|
|
||||||
multiple
|
|
||||||
:accept="allowedContentTypes.join(',')"
|
|
||||||
clearable
|
|
||||||
clear-icon="close"
|
|
||||||
>
|
|
||||||
<template #append>
|
|
||||||
<QBtn
|
|
||||||
icon="attach_file_add"
|
|
||||||
flat
|
|
||||||
round
|
|
||||||
padding="xs"
|
|
||||||
@click="inputFileRef.pickFiles()"
|
|
||||||
>
|
|
||||||
<QTooltip>
|
|
||||||
{{ t('globals.selectFile') }}
|
|
||||||
</QTooltip>
|
|
||||||
</QBtn>
|
|
||||||
<QBtn icon="info" flat round padding="xs">
|
|
||||||
<QTooltip max-width="30rem">
|
|
||||||
{{
|
|
||||||
`${t(
|
|
||||||
'Allowed content types'
|
|
||||||
)}: ${allowedContentTypes.join(', ')}`
|
|
||||||
}}
|
|
||||||
</QTooltip>
|
|
||||||
</QBtn>
|
|
||||||
</template>
|
|
||||||
</QFile>
|
|
||||||
</QItem>
|
|
||||||
<QItem>
|
|
||||||
<QCheckbox
|
|
||||||
:label="t('Generate identifier for original file')"
|
|
||||||
v-model="dms.hasFile"
|
|
||||||
/>
|
|
||||||
</QItem>
|
|
||||||
</QCardSection>
|
|
||||||
<QCardActions align="right">
|
|
||||||
<QBtn flat :label="t('globals.close')" color="primary" v-close-popup />
|
|
||||||
<QBtn :label="t('globals.save')" color="primary" @click="upsert" />
|
|
||||||
</QCardActions>
|
|
||||||
</QCard>
|
|
||||||
</QDialog>
|
</QDialog>
|
||||||
</template>
|
</template>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue