ui popup บันทึกผลการเสนอขอ

This commit is contained in:
setthawutttty 2023-09-25 11:22:13 +07:00
parent c11032a2e4
commit 0af3fbd3cb
2 changed files with 268 additions and 12 deletions

View file

@ -5,6 +5,7 @@ import http from "@/plugins/http";
import config from "@/app.config";
import { useResultDataStore } from "@/modules/07_insignia/storeResult";
import Dialogbody from "@/modules/07_insignia/components/3_result/Dialogbody.vue"
import DialogForm from "@/modules/07_insignia/components/3_result/DialogForm.vue";
import fileUploadview from "../components/3_result/fileUpload.vue";
@ -35,7 +36,7 @@ const fileResult = ref<any>(null);
const fileinvoice = ref<any>(null);
const loadView = ref<boolean>(false);
const insigniaTypeOption = ref<any>([]);
const ModalDialog = ref<boolean>(false)
onMounted(async () => {
await fecthRound();
});
@ -348,6 +349,7 @@ const filter = ref<string>("");
const close = () => {
modal.value = false;
ModalDialog.value = false
};
const addData = () => {
@ -428,6 +430,9 @@ const paginationLabel = (start: number, end: number, total: number) => {
if (paging.value == true) return " " + start + "-" + end + " ใน " + total;
else return start + "-" + end + " ใน " + total;
};
const OpenModal = () =>{
ModalDialog.value = true
}
</script>
<template>
@ -689,19 +694,28 @@ const paginationLabel = (start: number, end: number, total: number) => {
</div>
<div v-else-if="props.col.name == 'action'">
<q-btn
dense
size="12px"
flat
round
color="primary"
@click.stop="editData(props.row)"
icon="mdi-pencil-outline"
>
<q-tooltip>แกไขขอม</q-tooltip>
<q-btn icon="mdi-dots-vertical" size="12px" color="grey-7"
flat round dense >
<q-menu transition-show="jump-down" transition-hide="jump-up" >
<q-list dense style="min-width: 100px" >
<q-item clickable v-close-popup @click.stop="editData(props.row)" >
<q-item-section style="min-width: 0px" avatar class="q-py-sm" >
<q-icon size="xs" name="mdi-pencil-outline" color="primary"/>
</q-item-section>
<q-item-section
>เเกไขขอม</q-item-section
>
</q-item>
<q-item clickable v-close-popup @click="OpenModal()">
<q-item-section style="min-width: 0px" avatar class="q-py-sm" >
<q-icon size="xs" name="mdi-information-outline" color="blue"/>
</q-item-section>
<q-item-section no-wrap>-นเครองราชฯ</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-btn>
</div>
<div v-else>
{{ props.value }}
</div>
@ -715,6 +729,10 @@ const paginationLabel = (start: number, end: number, total: number) => {
</q-tab-panel>
</q-tab-panels>
<Dialogbody
:modal="ModalDialog"
:close="close"
/>
<DialogForm
:modal="modal"
:save="save"