edit permission of placement pass
This commit is contained in:
parent
63a1b2c629
commit
015b861340
5 changed files with 98 additions and 162 deletions
|
|
@ -539,15 +539,28 @@ onMounted(async () => {
|
|||
direction-links
|
||||
></q-pagination>
|
||||
</template>
|
||||
<template v-slot:header="props">
|
||||
<q-tr :props="props">
|
||||
<q-th auto-width />
|
||||
<q-th v-for="col in props.cols" :key="col.name" :props="props">
|
||||
{{ col.label }}
|
||||
</q-th>
|
||||
</q-tr>
|
||||
</template>
|
||||
<template v-slot:body="props">
|
||||
<q-tr
|
||||
:props="props"
|
||||
class="cursor-pointer"
|
||||
@click="
|
||||
checkPermission($route)?.attrIsGet &&
|
||||
redirectToPage(props.row.id)
|
||||
"
|
||||
>
|
||||
<q-tr :props="props">
|
||||
<q-td auto-width>
|
||||
<q-icon
|
||||
v-if="checkPermission($route)?.attrIsList"
|
||||
name="mdi-eye"
|
||||
size="sm"
|
||||
color="info"
|
||||
class="cursor-pointer"
|
||||
@click="() => redirectToPage(props.row.id)"
|
||||
>
|
||||
<q-tooltip>รายละเอียด</q-tooltip>
|
||||
</q-icon>
|
||||
</q-td>
|
||||
<q-td key="id" :props="props">
|
||||
{{ props.rowIndex + 1 }}
|
||||
</q-td>
|
||||
|
|
|
|||
|
|
@ -37,6 +37,7 @@ import type {
|
|||
} from "@/modules/05_placement/interface/index/Main";
|
||||
|
||||
import type { Information } from "@/modules/05_placement/components/PersonalDetail/profileType";
|
||||
import { checkPermission } from "@/utils/permissions";
|
||||
|
||||
const $q = useQuasar(); // show dialog
|
||||
const router = useRouter();
|
||||
|
|
@ -100,6 +101,9 @@ const EducationData = ref<Education[]>([]);
|
|||
const FamilyData = ref<Family>(FamilyDataDefualt);
|
||||
const AddressData = ref<Address>(AddressDataDefualt);
|
||||
const CertificateData = ref<Certificate[]>([]);
|
||||
const isEdit = ref<boolean>(
|
||||
checkPermission(route)?.attrIsUpdate ? true : false
|
||||
);
|
||||
|
||||
const guidCheck = (id: string) => {
|
||||
if (id == "00000000-0000-0000-0000-000000000000") {
|
||||
|
|
@ -472,6 +476,7 @@ onMounted(async () => {
|
|||
await fetchPerson();
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 row q-pb-sm">
|
||||
<div class="header-text">
|
||||
|
|
@ -559,11 +564,13 @@ onMounted(async () => {
|
|||
v-model:statusEdit="statusEdit"
|
||||
:fetch="fetchData"
|
||||
:datainformation="storePersonal.dataMain"
|
||||
:is-edit="isEdit"
|
||||
/>
|
||||
</div>
|
||||
</q-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.header-text {
|
||||
font-size: 24px;
|
||||
|
|
|
|||
|
|
@ -20,6 +20,10 @@ const props = defineProps({
|
|||
type: Boolean,
|
||||
required: true,
|
||||
},
|
||||
isEdit: {
|
||||
type: Boolean,
|
||||
required: false,
|
||||
},
|
||||
notiNoEdit: {
|
||||
type: Function,
|
||||
default: () => console.log("not function"),
|
||||
|
|
@ -323,7 +327,7 @@ onMounted(async () => {
|
|||
/>
|
||||
<q-card class="row col-12">
|
||||
<div class="row col-12 q-col-gutter-y-sm q-pa-sm">
|
||||
<div class="col-12 row">
|
||||
<div v-if="isEdit" class="col-12 row">
|
||||
<q-file
|
||||
for="inputFiles"
|
||||
class="col-12"
|
||||
|
|
@ -394,136 +398,10 @@ onMounted(async () => {
|
|||
</q-list>
|
||||
</div>
|
||||
|
||||
<div class="col-12" v-else>
|
||||
<div class="col-12 q-mt-xs" v-else>
|
||||
<q-card class="q-pa-md" bordered> ไม่มีรายการเอกสาร </q-card>
|
||||
</div>
|
||||
</div>
|
||||
</q-card>
|
||||
<!-- โค้ดเก่า -->
|
||||
<!-- <div class="row col-12 q-pt-sm">
|
||||
<q-card bordered flat class="full-width">
|
||||
<q-list separator>
|
||||
<q-item v-for="file in files" :key="file.key" class="q-my-xs">
|
||||
<q-item-section>
|
||||
<q-item-label class="full-width ellipsis">
|
||||
{{ file.fileName }}
|
||||
</q-item-label>
|
||||
|
||||
<q-item-label caption> </q-item-label>
|
||||
</q-item-section>
|
||||
<q-item-section top side>
|
||||
<div class="row col-12">
|
||||
<q-btn
|
||||
class="gt-xs"
|
||||
size="12px"
|
||||
flat
|
||||
dense
|
||||
round
|
||||
color="blue"
|
||||
icon="mdi-download-outline"
|
||||
@click="downloadData(file.pathName)"
|
||||
>
|
||||
<q-tooltip>ดาวน์โหลดเอกสารหลักฐาน</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
class="gt-xs"
|
||||
size="12px"
|
||||
flat
|
||||
dense
|
||||
round
|
||||
color="red"
|
||||
icon="mdi-delete-outline"
|
||||
v-show="edit"
|
||||
@click="deleteData(file.docId)"
|
||||
>
|
||||
<q-tooltip>ลบเอกสารหลักฐาน</q-tooltip>
|
||||
</q-btn>
|
||||
</div>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-card>
|
||||
<q-input
|
||||
v-if="edit"
|
||||
class="q-mt-sm col-12 q-pb-xs"
|
||||
outlined
|
||||
dense
|
||||
lazy-rules
|
||||
v-model="name"
|
||||
hide-bottom-space
|
||||
:rules="[(val) => !!val || `${'กรุณากรอกชื่อเอกสาร'}`]"
|
||||
:label="`${'ชื่อเอกสาร'}`"
|
||||
/>
|
||||
<q-uploader
|
||||
v-if="edit"
|
||||
color="gray"
|
||||
type="file"
|
||||
flat
|
||||
@factory="uploadData"
|
||||
ref="uploader"
|
||||
class="full-width"
|
||||
text-color="white"
|
||||
:max-size="10000000"
|
||||
accept=".jpg,.png,.pdf,.csv,.docx,.doc"
|
||||
bordered
|
||||
@added="fileAdd"
|
||||
>
|
||||
<template v-slot:header="scope">
|
||||
<div class="row no-wrap items-center q-pa-sm q-gutter-xs">
|
||||
<q-btn
|
||||
v-if="scope.queuedFiles.length > 0"
|
||||
icon="clear_all"
|
||||
@click="scope.removeQueuedFiles"
|
||||
round
|
||||
dense
|
||||
flat
|
||||
>
|
||||
<q-tooltip>ลบทั้งหมด</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="scope.uploadedFiles.length > 0"
|
||||
icon="done_all"
|
||||
@click="scope.removeUploadedFiles"
|
||||
round
|
||||
dense
|
||||
flat
|
||||
>
|
||||
<q-tooltip>ลบไฟล์ที่อัปโหลด</q-tooltip>
|
||||
</q-btn>
|
||||
<q-spinner v-if="scope.isUploading" class="q-uploader__spinner" />
|
||||
<div class="col">
|
||||
<div class="q-uploader__title">
|
||||
{{ "[ไฟล์ jpg,png,pdf,csv,docx ขนาดไม่เกิน 10MB]" }}
|
||||
</div>
|
||||
<div class="q-uploader__subtitle">
|
||||
{{ scope.uploadSizeLabel }} / {{ scope.uploadProgressLabel }}
|
||||
</div>
|
||||
</div>
|
||||
<q-btn
|
||||
v-if="scope.canAddFiles"
|
||||
type="a"
|
||||
icon="add_box"
|
||||
@click="scope.pickFiles"
|
||||
round
|
||||
dense
|
||||
flat
|
||||
>
|
||||
<q-uploader-add-trigger />
|
||||
<q-tooltip>เลือกไฟล์</q-tooltip>
|
||||
</q-btn>
|
||||
<q-btn
|
||||
v-if="scope.isUploading"
|
||||
icon="clear"
|
||||
@click="scope.abort"
|
||||
round
|
||||
dense
|
||||
flat
|
||||
>
|
||||
<q-tooltip>ยกเลิกการอัปโหลด</q-tooltip>
|
||||
</q-btn>
|
||||
</div>
|
||||
</template>
|
||||
</q-uploader>
|
||||
</div> -->
|
||||
</q-card>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,11 @@
|
|||
<!-- ส่วนหัวของ ข้อมูลส่วนตัว และ ที่อยู่ -->
|
||||
<script setup lang="ts">
|
||||
import { checkPermission } from "@/utils/permissions";
|
||||
import { ref } from "vue";
|
||||
import { useRoute } from "vue-router";
|
||||
|
||||
const route = useRoute();
|
||||
|
||||
const props = defineProps({
|
||||
header: {
|
||||
type: String,
|
||||
|
|
@ -56,6 +62,9 @@ const props = defineProps({
|
|||
});
|
||||
|
||||
const emit = defineEmits(["update:edit"]);
|
||||
const isEdit = ref<boolean>(
|
||||
checkPermission(route)?.attrIsUpdate ? true : false
|
||||
);
|
||||
|
||||
const updateEdit = (value: any) => {
|
||||
emit("update:edit", value);
|
||||
|
|
@ -83,6 +92,7 @@ const add = () => {
|
|||
props.add();
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center">
|
||||
|
|
@ -100,7 +110,7 @@ const add = () => {
|
|||
{{ header }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="q-gutter-sm q-mx-sm" v-if="addData == false">
|
||||
<div class="q-gutter-sm q-mx-sm" v-if="addData == false && isEdit">
|
||||
<q-btn
|
||||
size="12px"
|
||||
v-if="!edit"
|
||||
|
|
@ -136,7 +146,7 @@ const add = () => {
|
|||
<q-tooltip>บันทึกข้อมูล</q-tooltip>
|
||||
</q-btn>
|
||||
</div>
|
||||
<div class="q-pl-sm" v-else>
|
||||
<div class="q-pl-sm" v-else-if="isEdit">
|
||||
<q-btn
|
||||
size="12px"
|
||||
flat
|
||||
|
|
|
|||
|
|
@ -651,7 +651,8 @@ function savelist() {
|
|||
await http
|
||||
.put(config.API.putPosition(examId), personal_selected.value)
|
||||
.then(() => {
|
||||
success($q, "บันทึกสำเร็จ");
|
||||
modaladdlist.value = false;
|
||||
success($q, "ส่งรายชื่อไปยังหน่วยงานสำเร็จ");
|
||||
})
|
||||
.catch((e: any) => {
|
||||
messageError($q, e);
|
||||
|
|
@ -791,22 +792,38 @@ onMounted(async () => {
|
|||
<q-btn
|
||||
v-if="
|
||||
props.row.statusId !== 'CONTAIN' &&
|
||||
checkPermission($route)?.attrIsUpdate
|
||||
(checkPermission($route)?.attrIsGet ||
|
||||
checkPermission($route)?.attrIsUpdate)
|
||||
"
|
||||
icon="mdi-dots-vertical"
|
||||
size="12px"
|
||||
color="grey-7"
|
||||
flat
|
||||
round
|
||||
dense
|
||||
color="secondary"
|
||||
icon="mdi-dots-horizontal-circle-outline"
|
||||
round
|
||||
>
|
||||
<q-menu transition-show="jump-down" transition-hide="jump-up">
|
||||
<q-list dense style="min-width: 180px">
|
||||
<q-item
|
||||
v-if="checkPermission($route)?.attrIsGet"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="selectData(props.row.personalId, props.row.draft)"
|
||||
>
|
||||
<q-item-section
|
||||
style="min-width: 0px"
|
||||
avatar
|
||||
class="q-py-sm"
|
||||
>
|
||||
<q-icon color="info" size="xs" name="mdi-eye" />
|
||||
</q-item-section>
|
||||
<q-item-section>รายละเอียด</q-item-section>
|
||||
</q-item>
|
||||
<q-item
|
||||
v-if="
|
||||
props.row.nodeName !== null &&
|
||||
props.row.statusId !== 'CONTAIN' &&
|
||||
props.row.statusId !== 'DISCLAIM'
|
||||
props.row.statusId !== 'DISCLAIM' &&
|
||||
checkPermission($route)?.attrIsUpdate
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
|
|
@ -834,7 +851,8 @@ onMounted(async () => {
|
|||
v-if="
|
||||
roleAdmin &&
|
||||
props.row.draft === 'รอส่งตัว' &&
|
||||
props.row.nodeName !== null
|
||||
props.row.nodeName !== null &&
|
||||
checkPermission($route)?.attrIsUpdate
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
|
|
@ -858,7 +876,8 @@ onMounted(async () => {
|
|||
props.row.bmaOfficer !== 'บุคคลภายนอก' &&
|
||||
roleAdmin &&
|
||||
props.row.draft !== 'ส่งตัวแล้ว' &&
|
||||
props.row.statusId !== 'DISCLAIM'
|
||||
props.row.statusId !== 'DISCLAIM' &&
|
||||
checkPermission($route)?.attrIsUpdate
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
|
|
@ -888,7 +907,8 @@ onMounted(async () => {
|
|||
v-if="
|
||||
roleAdmin &&
|
||||
props.row.draft !== 'ส่งตัวแล้ว' &&
|
||||
props.row.statusId !== 'DISCLAIM'
|
||||
props.row.statusId !== 'DISCLAIM' &&
|
||||
checkPermission($route)?.attrIsUpdate
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
|
|
@ -921,7 +941,8 @@ onMounted(async () => {
|
|||
props.row.bmaOfficer !== 'บุคคลภายนอก' &&
|
||||
roleAdmin &&
|
||||
props.row.draft !== 'ส่งตัวแล้ว' &&
|
||||
props.row.statusId !== 'DISCLAIM'
|
||||
props.row.statusId !== 'DISCLAIM' &&
|
||||
checkPermission($route)?.attrIsUpdate
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
|
|
@ -948,7 +969,8 @@ onMounted(async () => {
|
|||
props.row.bmaOfficer !== 'บุคคลภายนอก' &&
|
||||
roleAdmin &&
|
||||
props.row.draft !== 'ส่งตัวแล้ว' &&
|
||||
props.row.statusId !== 'DISCLAIM'
|
||||
props.row.statusId !== 'DISCLAIM' &&
|
||||
checkPermission($route)?.attrIsUpdate
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
|
|
@ -972,7 +994,11 @@ onMounted(async () => {
|
|||
|
||||
<q-separator />
|
||||
<q-item
|
||||
v-if="roleAdmin && props.row.statusId === 'UN-CONTAIN'"
|
||||
v-if="
|
||||
roleAdmin &&
|
||||
props.row.statusId === 'UN-CONTAIN' &&
|
||||
checkPermission($route)?.attrIsUpdate
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="editDetail(props.row, 'deferment')"
|
||||
|
|
@ -994,7 +1020,8 @@ onMounted(async () => {
|
|||
<q-item
|
||||
v-else-if="
|
||||
props.row.deferment === true &&
|
||||
props.row.statusId != 'DISCLAIM'
|
||||
props.row.statusId != 'DISCLAIM' &&
|
||||
checkPermission($route)?.attrIsGet
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
|
|
@ -1018,7 +1045,8 @@ onMounted(async () => {
|
|||
<q-item
|
||||
v-if="
|
||||
props.row.statusId === 'UN-CONTAIN' ||
|
||||
props.row.statusId === 'PREPARE-CONTAIN'
|
||||
(props.row.statusId === 'PREPARE-CONTAIN' &&
|
||||
checkPermission($route)?.attrIsUpdate)
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
|
|
@ -1039,7 +1067,10 @@ onMounted(async () => {
|
|||
</q-item>
|
||||
|
||||
<q-item
|
||||
v-else-if="props.row.statusId === 'DISCLAIM'"
|
||||
v-else-if="
|
||||
props.row.statusId === 'DISCLAIM' &&
|
||||
checkPermission($route)?.attrIsGet
|
||||
"
|
||||
clickable
|
||||
v-close-popup
|
||||
@click="editDetail(props.row, 'disclaimInfo')"
|
||||
|
|
@ -1061,13 +1092,7 @@ onMounted(async () => {
|
|||
</q-menu>
|
||||
</q-btn>
|
||||
</q-td>
|
||||
<q-td
|
||||
v-for="col in props.cols"
|
||||
:key="col.name"
|
||||
:props="props"
|
||||
@click="selectData(props.row.personalId, props.row.draft)"
|
||||
class="cursor-pointer"
|
||||
>
|
||||
<q-td v-for="col in props.cols" :key="col.name" :props="props">
|
||||
<template v-if="col.name === 'no'">
|
||||
{{ props.rowIndex + 1 }}
|
||||
</template>
|
||||
|
|
@ -1500,7 +1525,10 @@ onMounted(async () => {
|
|||
</d-table>
|
||||
</q-card-section>
|
||||
<q-separator />
|
||||
<q-card-actions align="right">
|
||||
<q-card-actions
|
||||
v-if="checkPermission($route)?.attrIsUpdate"
|
||||
align="right"
|
||||
>
|
||||
<q-btn
|
||||
label="ส่งรายชื่อ"
|
||||
@click="savelist"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue