disable ปุ่มส่งศจก

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2023-09-05 16:26:30 +07:00
parent 005b2edefc
commit 7291419e2c

View file

@ -71,7 +71,7 @@
<div class="q-pl-sm text-weight-bold text-dark">อมลการขอโอน</div>
<q-space />
<q-btn
v-if="!roleAdmin && responseData.status !='APPROVE'"
v-if="!roleAdmin && responseData.status != 'APPROVE'"
outline
color="primary"
dense
@ -135,7 +135,16 @@
{{ props.row.fileName }}
</q-td>
<q-td key="btnMicrosoft" :props="props">
<q-btn type="a" target="_blank" :href="props.row.pathName" flat dense round color="red" icon="picture_as_pdf">
<q-btn
type="a"
target="_blank"
:href="props.row.pathName"
flat
dense
round
color="red"
icon="picture_as_pdf"
>
<q-tooltip>ไฟล PDF</q-tooltip>
</q-btn>
</q-td>
@ -167,10 +176,24 @@
{{ props.row.fileName }}
</q-td>
<q-td key="btnMicrosoft" :props="props">
<q-btn flat dense round color="red" icon="picture_as_pdf" @click="fileDownload(props.row.no,'pdf')">
<q-btn
flat
dense
round
color="red"
icon="picture_as_pdf"
@click="fileDownload(props.row.no, 'pdf')"
>
<q-tooltip>ไฟล PDF</q-tooltip>
</q-btn>
<q-btn flat dense round color="blue" icon="mdi-file-word" @click="fileDownload(props.row.no,'docx')">
<q-btn
flat
dense
round
color="blue"
icon="mdi-file-word"
@click="fileDownload(props.row.no, 'docx')"
>
<q-tooltip>ไฟล WORD</q-tooltip>
</q-btn>
</q-td>
@ -423,8 +446,8 @@ const $q = useQuasar();
const route = useRoute();
const router = useRouter();
const mixin = useCounterMixin();
const id = ref<string>("")
const dataId = (route.params.id as string);
const id = ref<string>("");
const dataId = route.params.id as string;
const {
date2Thai,
@ -473,24 +496,21 @@ const downloadFile = (response: any, filename: string) => {
link.click();
document.body.removeChild(link);
};
const fileDownload = async (no:number,type:string) =>{
showLoader();
await http
.get(config.API.reportTransferFile(no,type,id.value), {
responseType: "blob",
})
.then(async (res) => {
downloadFile(
res,
`_ครั้งที่.${type}`
);
})
.catch((e) => {
messageError($q, e);
})
.finally(() => {
hideLoader();
});
const fileDownload = async (no: number, type: string) => {
showLoader();
await http
.get(config.API.reportTransferFile(no, type, id.value), {
responseType: "blob",
})
.then(async (res) => {
downloadFile(res, `_ครั้งที่.${type}`);
})
.catch((e) => {
messageError($q, e);
})
.finally(() => {
hideLoader();
});
};
const rows = ref<TypeFile[]>([]);
const columns = ref<QTableProps["columns"]>([
@ -531,31 +551,44 @@ onMounted(async () => {
await getData();
});
const rowsFileDownload = ref<any[]>([{
no:1,
fileName: "คําร้องขอโอนไปถึงส่วนราชการอื่นนอก กรุงเทพมหานครที่ข้าราชการประสงค์ขอโอน",
pathName: ""
},{
no:2,
fileName: "หนังสือแจ้งสํานักงานการเจ้าหน้าที่ สํานักปลัดกรุงเทพมหานคร ให้ทราบตําแหน่งและตําแหน่งเลขที่ที่ดําเนินการให้โอน",
pathName: ""
},{
no:3,
fileName: "หนังสือยินยอมให้โอนและวันที่พร้อมจะให้โอนไปยัง หน่วยงานที่รับโอน",
pathName: ""
},{
no:4,
fileName: "หนังสือแจ้งสหกรณ์ออมทรัพย์กรุงเทพมหานครเพื่อขอ ตรวจสอบภาระหนี้สินสหกรณ์ออมทรัพย์",
pathName: ""
},{
no:5,
fileName: "หนังสือถึงสํานักงานการเจ้าหน้าที่ สํานักปลัดกรุงเทพมหานครเพื่อขอตรวจสอบพฤติการณ์ทางวินัย และภาระหนี้สินสวัสดิการ",
pathName: ""
},{
no:6,
fileName: "หนังสือถึงสถาบันพัฒนาข้าราชการกรุงเทพมหานครเพื่อขอตรวจสอบเรื่องภาระผูกพันการรับทุนและการลา ศึกษาต่อกับทางกรุงเทพมหานคร",
pathName: ""
}]);
const rowsFileDownload = ref<any[]>([
{
no: 1,
fileName:
"คําร้องขอโอนไปถึงส่วนราชการอื่นนอก กรุงเทพมหานครที่ข้าราชการประสงค์ขอโอน",
pathName: "",
},
{
no: 2,
fileName:
"หนังสือแจ้งสํานักงานการเจ้าหน้าที่ สํานักปลัดกรุงเทพมหานคร ให้ทราบตําแหน่งและตําแหน่งเลขที่ที่ดําเนินการให้โอน",
pathName: "",
},
{
no: 3,
fileName:
"หนังสือยินยอมให้โอนและวันที่พร้อมจะให้โอนไปยัง หน่วยงานที่รับโอน",
pathName: "",
},
{
no: 4,
fileName:
"หนังสือแจ้งสหกรณ์ออมทรัพย์กรุงเทพมหานครเพื่อขอ ตรวจสอบภาระหนี้สินสหกรณ์ออมทรัพย์",
pathName: "",
},
{
no: 5,
fileName:
"หนังสือถึงสํานักงานการเจ้าหน้าที่ สํานักปลัดกรุงเทพมหานครเพื่อขอตรวจสอบพฤติการณ์ทางวินัย และภาระหนี้สินสวัสดิการ",
pathName: "",
},
{
no: 6,
fileName:
"หนังสือถึงสถาบันพัฒนาข้าราชการกรุงเทพมหานครเพื่อขอตรวจสอบเรื่องภาระผูกพันการรับทุนและการลา ศึกษาต่อกับทางกรุงเทพมหานคร",
pathName: "",
},
]);
const getData = async () => {
showLoader();
@ -563,7 +596,7 @@ const getData = async () => {
.get(config.API.transferId(dataId.toString()))
.then((res: any) => {
const data = res.data.result;
id.value = data.id
id.value = data.id;
let list: TypeFile[] = [];
if (data.docs.length > 0) {
data.docs.map((doc: TypeFile) => {