hrms-bangkok/hrms-mgt
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

ปรับ UI ระบบวินัย

Browse source
This commit is contained in:
Tanyalak 2024-01-30 11:17:25 +07:00
parent 21a779fe94
commit cf69df74ac
21 changed files with 2322 additions and 2304 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/modules/11_discipline/components/2_InvestigateFacts/AddPage.vue
View file

@ -27,6 +27,6 @@ async function onSubmit(){
เพิ่มรายการสืบสวนข้อเท็จจริง
</div>
<Form :on-submit="onSubmit" />
<q-card bordered><Form :on-submit="onSubmit" /></q-card>
</div>
</template>

2
src/modules/11_discipline/components/2_InvestigateFacts/EditPage.vue
View file

@ -405,7 +405,7 @@ watch(
</div>
</div>
<q-card flat class="col-12">
<q-card bordered flat class="col-12">
<q-tabs
v-model="store.tabMenu"
dense

416
src/modules/11_discipline/components/2_InvestigateFacts/Form.vue
View file

@ -643,22 +643,23 @@ onMounted(async () => {
</script>
<template>
<div class="row col-12 bg-white">
<div class="col-sm-12 col-md-9">
<div v-if="isSave" class="q-pa-sm q-gutter-sm">
<q-banner
inline-actions
bordered
class="bg-red-1 text-red border-orange"
>
<q-icon name="mdi-information-outline" size="20px" /> แจ้งเตือน
ยังไม่ได้บันทึกข้อมูล
</q-banner>
</div>
<form @submit.prevent="validateForm">
<div class="col-12">
<q-card bordered>
<div class="col-12 row q-pa-md q-col-gutter-md">
<div v-if="isSave" class=" col-12">
<q-banner
inline-actions
bordered
rounded
class="bg-red-1 text-red border-orange q-ma-md"
>
<q-icon name="mdi-information-outline" size="20px" /> แจ้งเตือน
ยังไม่ได้บันทึกข้อมูล
</q-banner>
<q-separator />
</div>
<form @submit.prevent="validateForm">
<div class="col-12 row">
<div class="col-sm-12 col-md-9 row no-wrap">
<div class="col-12 row q-pa-md">
<div class="row q-col-gutter-md">
<div class="col-xs-12 row q-col-gutter-md">
<div class="col-xs-12 col-sm-3" id="respondentType">
<q-select
@ -1365,215 +1366,214 @@ onMounted(async () => {
</div>
</q-card>
</div>
<q-separator />
<div v-if="!isReadonly" class="row col-12 q-pa-sm">
<q-space />
<q-btn
id="onSubmit"
type="submit"
label="บันทึก"
color="secondary"
><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
>
</div>
</div>
</q-card>
</div>
<div class="col-12 row"><q-separator vertical /></div>
</div>
</form>
</div>
<div class="col-xs-12 col-sm-12 col-md-3">
<div class="q-col-gutter-md row q-pa-md">
<div class="col-xs-12">
<q-card bordered class="row col-12" style="border: 1px solid #d6dee1">
<div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
อัปโหลดไฟล์เอกสารที่เกี่ยวข้องกับการสืบสวน
</div>
<div class="col-12"><q-separator /></div>
<!-- อัพโหลดไฟล์ -->
<div class="col-xs-12 col-sm-12 col-md-3">
<q-card flat bordered class="q-pa-md q-mb-sm">
<div class="col-xs-12 q-mb-sm">
<q-card bordered class="row col-12" style="border: 1px solid #d6dee1">
<div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
อัปโหลดไฟล์เอกสารที่เกี่ยวข้องกับการสืบสวน
</div>
<div class="col-12"><q-separator /></div>
<div
v-if="!isReadonly && formData.id !== ''"
class="col-12 q-pa-sm row"
>
<q-file
class="col-11"
for="#evidenceFiles"
outlined
dense
v-model="formData.evidenceFiles"
label="เอกสารที่เกี่ยวข้องกับการสืบสวน"
hide-bottom-space
>
<template v-slot:prepend>
<q-icon name="attach_file" color="primary" />
</template>
</q-file>
<div class="col-1 self-center">
<q-btn
v-if="formData.evidenceFiles"
size="14px"
flat
round
dense
color="add"
icon="mdi-upload"
@click="uploadFileRelevant"
><q-tooltip>อัปโหลดเอกสาร</q-tooltip></q-btn
<div
v-if="!isReadonly && formData.id !== ''"
class="col-12 q-pa-sm row"
>
</div>
</div>
<div
v-if="props.data.disciplineInvestigateRelevantDocs.length > 0"
class="col-xs-12 q-pa-sm row"
>
<q-list
v-for="file in props.data.disciplineInvestigateRelevantDocs"
:key="file.id"
class="full-width"
bordered
separator
>
<q-item clickable v-ripple>
<q-item-section>{{ file.fileName }}</q-item-section>
<q-item-section avatar>
<div class="row">
<div>
<q-file
class="col-11"
for="#evidenceFiles"
outlined
dense
v-model="formData.evidenceFiles"
label="เอกสารที่เกี่ยวข้องกับการสืบสวน"
hide-bottom-space
>
<template v-slot:prepend>
<q-icon name="attach_file" color="primary" />
</template>
<template v-slot:after>
<q-btn
dense
v-if="formData.evidenceFiles"
size="14px"
flat
round
size="12px"
color="blue"
icon="mdi-download-outline"
@click="downloadFileRelevant(file.pathName)"
>
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
<div>
<q-btn
v-if="!isReadonly"
dense
flat
round
size="12px"
color="red"
icon="mdi-delete-outline"
@click="deleteFileRelevant(file.id)"
><q-tooltip>ลบไฟล์</q-tooltip></q-btn
>
</div>
</div>
</q-item-section>
</q-item>
</q-list>
</div>
color="add"
icon="mdi-upload"
@click="uploadFileRelevant"
><q-tooltip>อัปโหลดเอกสาร</q-tooltip></q-btn>
</template>
</q-file>
</div>
<div class="col-12 q-pa-sm" v-else>
<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสาร </q-card>
</div>
</q-card>
</div>
<div class="col-xs-12">
<q-card bordered class="row col-12" style="border: 1px solid #d6dee1">
<div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
อัปโหลดไฟล์เอกสารหลักฐาน
</div>
<div class="col-12"><q-separator /></div>
<div
v-if="!isReadonly && formData.id !== ''"
class="col-12 q-pa-sm row"
>
<q-file
for="inputFiles"
class="col-11"
outlined
dense
v-model="formData.documentFile"
@added="uploadFile"
label="ไฟล์เอกสารหลักฐาน"
accept=".pdf,.xlsx,.doc"
clearable
>
<template v-slot:prepend>
<q-icon name="attach_file" color="primary" />
</template>
</q-file>
<div class="col-1 self-center">
<q-btn
v-if="formData.documentFile"
size="14px"
flat
round
dense
color="add"
icon="mdi-upload"
@click="uploadFile"
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
<div
v-if="props.data.disciplineInvestigateRelevantDocs.length > 0"
class="col-xs-12 q-pa-sm row"
>
</div>
</div>
<q-list
v-for="file in props.data.disciplineInvestigateRelevantDocs"
:key="file.id"
class="full-width"
bordered
separator
>
<q-item clickable v-ripple>
<q-item-section>{{ file.fileName }}</q-item-section>
<q-item-section avatar>
<div class="row">
<div>
<q-btn
dense
flat
round
size="12px"
color="blue"
icon="mdi-download-outline"
@click="downloadFileRelevant(file.pathName)"
>
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
<div>
<q-btn
v-if="!isReadonly"
dense
flat
round
size="12px"
color="red"
icon="mdi-delete-outline"
@click="deleteFileRelevant(file.id)"
><q-tooltip>ลบไฟล์</q-tooltip></q-btn
>
</div>
</div>
</q-item-section>
</q-item>
</q-list>
</div>
<div
v-if="props.data.disciplineInvestigateDocs.length > 0"
class="col-xs-12 q-pa-sm row"
>
<q-list
v-for="file in props.data.disciplineInvestigateDocs"
:key="file.id"
class="full-width"
bordered
separator
>
<q-item clickable v-ripple>
<q-item-section>{{ file.fileName }}</q-item-section>
<q-item-section avatar>
<div class="row">
<div>
<q-btn
dense
flat
round
size="12px"
color="blue"
icon="mdi-download-outline"
@click="downloadFile(file.pathName)"
>
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
<div>
<q-btn
v-if="!isReadonly"
dense
flat
round
size="12px"
color="red"
icon="mdi-delete-outline"
@click="deleteFile(file.id)"
><q-tooltip>ลบไฟล์</q-tooltip></q-btn
>
</div>
</div>
</q-item-section>
</q-item>
</q-list>
<div class="col-12 q-pa-sm" v-else>
<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสาร </q-card>
</div>
</q-card>
</div>
<div class="col-xs-12">
<q-card bordered class="row col-12" style="border: 1px solid #d6dee1">
<div class="col-12 text-weight-medium bg-grey-1 q-py-sm q-px-md">
อัปโหลดไฟล์เอกสารหลักฐาน
</div>
<div class="col-12"><q-separator /></div>
<div
v-if="!isReadonly && formData.id !== ''"
class="col-12 q-pa-sm row"
>
<q-file
for="inputFiles"
class="col-11"
outlined
dense
v-model="formData.documentFile"
@added="uploadFile"
label="ไฟล์เอกสารหลักฐาน"
accept=".pdf,.xlsx,.doc"
clearable
>
<template v-slot:prepend>
<q-icon name="attach_file" color="primary" />
</template>
</q-file>
<div class="col-12 q-pa-sm" v-else>
<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสาร </q-card>
<div class="col-1 self-center">
<q-btn
v-if="formData.documentFile"
size="14px"
flat
round
dense
color="add"
icon="mdi-upload"
@click="uploadFile"
><q-tooltip>อัปโหลดไฟล์</q-tooltip></q-btn
>
</div>
</div>
<div
v-if="props.data.disciplineInvestigateDocs.length > 0"
class="col-xs-12 q-pa-sm row"
>
<q-list
v-for="file in props.data.disciplineInvestigateDocs"
:key="file.id"
class="full-width"
bordered
separator
>
<q-item clickable v-ripple>
<q-item-section>{{ file.fileName }}</q-item-section>
<q-item-section avatar>
<div class="row">
<div>
<q-btn
dense
flat
round
size="12px"
color="blue"
icon="mdi-download-outline"
@click="downloadFile(file.pathName)"
>
<q-tooltip>ดาวน์โหลดไฟล์</q-tooltip>
</q-btn>
</div>
<div>
<q-btn
v-if="!isReadonly"
dense
flat
round
size="12px"
color="red"
icon="mdi-delete-outline"
@click="deleteFile(file.id)"
><q-tooltip>ลบไฟล์</q-tooltip></q-btn
>
</div>
</div>
</q-item-section>
</q-item>
</q-list>
</div>
<div class="col-12 q-pa-sm" v-else>
<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสาร </q-card>
</div>
</q-card>
</div>
</q-card>
</div>
</div>
</q-card>
</div>
<div class="col-12 "><q-separator /></div>
<div class="row col-12 q-pa-sm" v-if="!isReadonly">
<q-space />
<q-btn
id="onSubmit"
type="submit"
label="บันทึก"
color="secondary"
><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
>
</div>
</div>
</form>
</div>
<!-- อัพโหลดไฟล์ -->
<DialogDuty
:modal="modalEditDirector"
:close-popup="closeEditDirector"

2
src/modules/11_discipline/components/2_InvestigateFacts/MainPage.vue
View file

@ -109,7 +109,7 @@ onMounted(async () => {
</div>
<q-card flat bordered class="col-12 q-mt-sm q-pa-md">
<div class="row col-12 q-col-gutter-sm q-mb-sm">
<div class="col-2">
<div class="col-xs-12 col-sm-4 col-md-3">
<q-select
v-model="statusFilter"
label="สถานะ"