รายละเอียดคำสั่ง => API
This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490
parent
d21be61715
commit
5316a945a8
5 changed files with 343 additions and 84 deletions
|
|
@ -1,29 +1,44 @@
|
|||
<script setup lang="ts">
|
||||
import { ref } from "vue";
|
||||
import { onBeforeMount, onMounted, ref } from "vue";
|
||||
import { useQuasar } from "quasar";
|
||||
|
||||
import { useRoute } from "vue-router";
|
||||
import { useCounterMixin } from "@/stores/mixin";
|
||||
import { useCommandDetail } from "@/modules/18_command/store/DetailStore";
|
||||
import http from "@/plugins/http";
|
||||
import config from "@/app.config";
|
||||
|
||||
const $q = useQuasar();
|
||||
const { dialogConfirm, dialogMessageNotify } = useCounterMixin();
|
||||
const route = useRoute();
|
||||
const store = useCommandDetail();
|
||||
const {
|
||||
showLoader,
|
||||
hideLoader,
|
||||
dialogConfirm,
|
||||
dialogMessageNotify,
|
||||
messageError,
|
||||
} = useCounterMixin();
|
||||
|
||||
const step = ref<number>(1); //ขั้นตอนการลงนาม
|
||||
const step = defineModel<number>("step", { required: true }); //ขั้นตอนการลงนาม
|
||||
const { fetchData } = defineProps({
|
||||
fetchData: { type: Function, require: true },
|
||||
});
|
||||
|
||||
const commandId = ref<string>(route.params.id.toString()); //ID คำสั่ง
|
||||
|
||||
//แบบร่าง
|
||||
const isDraft = ref<boolean>(false); //ทำแบบร่างเสร็จสิ้น
|
||||
const isDraft = defineModel<boolean>("isDraft", { required: true });
|
||||
const isCheckDraft = ref<boolean>(false); //เช็คทำแบบร่างเสร็จสิ้น
|
||||
|
||||
// รอผู้มีอำนาจลงนามอนุมัติ
|
||||
const isAuthority = ref<boolean>(false); //ผู้มีอำนาจลงนามอนุมัติแล้ว
|
||||
const isAuthority = defineModel<boolean>("isAuthority", { required: true }); //ผู้มีอำนาจลงนามอนุมัติแล้ว
|
||||
|
||||
const isCheckAuthority = ref<boolean>(false); //เช็ครอผู้มีอำนาจลงนามอนุมัติ
|
||||
const isAttachment = ref<boolean>(true); //เช็คบัญชีแนบท้าย
|
||||
const isAttachment = defineModel<boolean>("isAttachment", { required: true }); //เช็คบัญชีแนบท้าย
|
||||
const fileUploadOrder = ref<any>(null); //ไฟล์คำสั่ง
|
||||
const fileUploadTailer = ref<any>(null); //ไฟล์เอกสารแนบท้าย
|
||||
const fileOrder = ref<any>(null); //ไฟล์คำสั่ง
|
||||
const fileTailer = ref<any>(null); //ไฟล์เอกสารแนบท้าย
|
||||
const orderNo = ref<string>(""); //เลขที่คำสั่ง
|
||||
const affectDate = ref<Date | null>(null); //วันที่ลงนาม
|
||||
const excecuteDate = ref<Date | null>(null); //วันที่คำสั่งมีผล
|
||||
|
||||
//รอออกคำสั่ง
|
||||
const isCheckOrder = ref<boolean>(false); //เช็ครอออกคำสั่ง
|
||||
|
|
@ -34,29 +49,70 @@ const isCheckOrder = ref<boolean>(false); //เช็ครอออกคำส
|
|||
function onConfirmDraft() {
|
||||
dialogConfirm(
|
||||
$q,
|
||||
() => {
|
||||
isCheckDraft.value = true;
|
||||
step.value++;
|
||||
async () => {
|
||||
showLoader();
|
||||
await http
|
||||
.put(config.API.command + `/draft/${commandId.value}`, {
|
||||
sign: isDraft.value,
|
||||
})
|
||||
.then(async () => {
|
||||
fetchData?.();
|
||||
isCheckDraft.value = true;
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
});
|
||||
},
|
||||
"ยืนยันการส่งให้ผู้มีอำนาจลงนามอนุมัติ",
|
||||
"คุณต้องการยืนยันการส่งให้ผู้มีอำนาจลงนามอนุมัติใช่หรือไม่?"
|
||||
);
|
||||
}
|
||||
|
||||
async function updateCheckboxAuthority(val: boolean) {
|
||||
showLoader();
|
||||
await http
|
||||
.put(config.API.command + `/pending-check/${commandId.value}`, {
|
||||
sign: val,
|
||||
})
|
||||
.then(() => {})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* ฟังก์ชันยืนยันการส่งออกคำสั่ง
|
||||
*/
|
||||
function onConfirmOrder() {
|
||||
if (
|
||||
orderNo.value !== "" ||
|
||||
affectDate.value !== null ||
|
||||
excecuteDate.value !== null
|
||||
store?.dataCommand?.commandNo !== "" &&
|
||||
store?.dataCommand?.commandAffectDate !== null &&
|
||||
store?.dataCommand?.commandExcecuteDate !== null
|
||||
) {
|
||||
dialogConfirm(
|
||||
$q,
|
||||
() => {
|
||||
isCheckAuthority.value = true;
|
||||
step.value++;
|
||||
async () => {
|
||||
showLoader();
|
||||
await http
|
||||
.put(config.API.command + `/pending/${commandId.value}`, {
|
||||
sign: isAuthority.value,
|
||||
})
|
||||
.then(async () => {
|
||||
fetchData?.();
|
||||
isCheckAuthority.value = true;
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
})
|
||||
.finally(() => {
|
||||
hideLoader();
|
||||
});
|
||||
},
|
||||
"ยืนยันการส่งออกคำสั่ง",
|
||||
"คุณต้องการยืนยันการส่งออกคำสั่งใช่หรือไม่?"
|
||||
|
|
@ -68,30 +124,36 @@ function onConfirmOrder() {
|
|||
);
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
isCheckDraft.value = isDraft.value;
|
||||
isCheckAuthority.value = isAuthority.value;
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="q-px-lg q-py-md">
|
||||
<q-timeline color="blue-5">
|
||||
<q-timeline :color="store.status === 'CANCEL' ? 'grey-4' : 'blue-5'">
|
||||
<!-- แบบร่าง -->
|
||||
<q-timeline-entry
|
||||
title="แบบร่าง"
|
||||
:icon="step === 1 ? 'mdi-pencil' : step > 1 ? 'done' : ''"
|
||||
:icon="step === 1 ? 'mdi-pencil' : step > 1 ? 'done' : 'mdi-numeric-1'"
|
||||
>
|
||||
<div class="row q-col-gutter-sm">
|
||||
<div class="col-12">
|
||||
<q-checkbox
|
||||
v-model="isDraft"
|
||||
label="ทำแบบร่างเสร็จสิ้น: Print เอกสารเพื่อส่งเสนอผู้มีอำนาจลงนาม"
|
||||
:disable="isCheckDraft"
|
||||
:disable="isCheckDraft || store.readonly"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-12" v-if="!isCheckDraft">
|
||||
<q-btn
|
||||
v-if="!store.readonly"
|
||||
@click.prevent="onConfirmDraft"
|
||||
label="ส่งให้ผู้มีอำนาจลงนามอนุมัติ"
|
||||
color="public"
|
||||
:color="!isDraft ? 'grey-5' : 'public'"
|
||||
:disable="!isDraft"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -101,15 +163,16 @@ function onConfirmOrder() {
|
|||
<!-- รอผู้มีอำนาจลงนามอนุมัติ -->
|
||||
<q-timeline-entry
|
||||
title="รอผู้มีอำนาจลงนามอนุมัติ"
|
||||
:icon="step === 2 ? 'mdi-pencil' : step > 2 ? 'done' : ''"
|
||||
:icon="step === 2 ? 'mdi-pencil' : step > 2 ? 'done' : 'mdi-numeric-2'"
|
||||
:color="step < 2 ? 'grey-4' : ''"
|
||||
>
|
||||
<div class="row q-col-gutter-sm" v-if="isCheckDraft">
|
||||
<div class="col-12">
|
||||
<q-checkbox
|
||||
@update:model-value="updateCheckboxAuthority"
|
||||
v-model="isAuthority"
|
||||
label="ผู้มีอำนาจลงนามอนุมัติแล้ว"
|
||||
:disable="step > 2"
|
||||
:disable="step > 2 || isAuthority || store.readonly"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
|
@ -144,13 +207,15 @@ function onConfirmOrder() {
|
|||
</q-btn>
|
||||
</div>
|
||||
<q-file
|
||||
v-if="step === 2"
|
||||
outlined
|
||||
dense
|
||||
v-model="fileUploadOrder"
|
||||
label="เลือกไฟล์คำสั่ง"
|
||||
hide-bottom-space
|
||||
:rules="[(val) => val || 'กรุณาเลือกไฟล์ไฟล์คำสั่ง']"
|
||||
:rules="[(val:string) => val || 'กรุณาเลือกไฟล์ไฟล์คำสั่ง']"
|
||||
accept=".pdf"
|
||||
:readonly="store.readonly"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon name="attach_file" />
|
||||
|
|
@ -180,30 +245,68 @@ function onConfirmOrder() {
|
|||
</div>
|
||||
|
||||
<q-file
|
||||
v-if="step === 2"
|
||||
outlined
|
||||
dense
|
||||
v-model="fileUploadTailer"
|
||||
label="เลือกไฟล์เอกสารแนบท้าย"
|
||||
hide-bottom-space
|
||||
:rules="[(val) => val || 'กรุณาเลือกไฟล์เอกสารแนบท้าย']"
|
||||
:rules="[(val:string) => val || 'กรุณาเลือกไฟล์เอกสารแนบท้าย']"
|
||||
accept=".pdf"
|
||||
:readonly="store.readonly"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon name="attach_file" />
|
||||
</template>
|
||||
</q-file>
|
||||
</div>
|
||||
|
||||
<div class="row col-12" v-if="!store.readonly">
|
||||
<q-space />
|
||||
<q-btn
|
||||
icon="mdi-upload"
|
||||
label="อัปโหลดเอกสารส"
|
||||
:color="
|
||||
fileUploadOrder == null ||
|
||||
(isAttachment && fileUploadTailer === null)
|
||||
? 'grey-5'
|
||||
: 'blue-5'
|
||||
"
|
||||
:disable="
|
||||
fileUploadOrder == null ||
|
||||
(isAttachment && fileUploadTailer === null)
|
||||
"
|
||||
>
|
||||
</q-btn>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="col-12" v-if="!isCheckAuthority">
|
||||
<div
|
||||
class="col-12"
|
||||
v-if="
|
||||
step === 2 &&
|
||||
isAuthority &&
|
||||
fileOrder &&
|
||||
(isAttachment || fileTailer)
|
||||
"
|
||||
>
|
||||
<q-btn
|
||||
v-if="!store.readonly"
|
||||
@click.prevent="onConfirmOrder"
|
||||
label="ยืนยันออกคำสั่ง"
|
||||
color="public"
|
||||
:color="
|
||||
!isAuthority ||
|
||||
fileOrder === null ||
|
||||
(fileTailer === null && isAttachment)
|
||||
? 'grey-5'
|
||||
: 'public'
|
||||
"
|
||||
:disable="
|
||||
!isAuthority || fileOrder === null || fileTailer === null
|
||||
!isAuthority ||
|
||||
fileOrder === null ||
|
||||
(fileTailer === null && isAttachment)
|
||||
"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -213,22 +316,22 @@ function onConfirmOrder() {
|
|||
<!-- รอออกคำสั่ง -->
|
||||
<q-timeline-entry
|
||||
title="รอออกคำสั่ง"
|
||||
:icon="step === 3 ? 'mdi-pencil' : step > 3 ? 'done' : ''"
|
||||
:icon="step === 3 ? 'mdi-pencil' : step > 3 ? 'done' : 'mdi-numeric-3'"
|
||||
:color="step < 3 ? 'grey-4' : ''"
|
||||
>
|
||||
<div class="row q-col-gutter-sm" v-if="isCheckAuthority">
|
||||
<div class="col-12">รอออกคำสั่ง</div>
|
||||
<!-- <div class="col-12">รอออกคำสั่ง</div> -->
|
||||
</div>
|
||||
</q-timeline-entry>
|
||||
|
||||
<!-- รอออกคำสั่ง -->
|
||||
<q-timeline-entry
|
||||
title="ออกคำสั่งเสร็จสิ้น"
|
||||
:icon="step === 4 ? 'mdi-pencil' : step > 4 ? 'done' : ''"
|
||||
:icon="step === 4 ? 'mdi-pencil' : step > 4 ? 'done' : 'mdi-numeric-4'"
|
||||
:color="step < 4 ? 'grey-4' : ''"
|
||||
>
|
||||
<div class="row q-col-gutter-sm" v-if="isCheckOrder">
|
||||
<div class="col-12">รอออกคำสั่ง</div>
|
||||
<div class="row q-col-gutter-sm">
|
||||
<!-- <div class="col-12">รอออกคำสั่ง</div> -->
|
||||
</div>
|
||||
</q-timeline-entry>
|
||||
</q-timeline>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue