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:
setthawutttty 2023-11-22 14:13:04 +07:00
parent f04826e05a
commit 30b420ae6c
3 changed files with 184 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

93
src/modules/11_discipline/components/1_Complaint/EditPage.vue
View file

@ -6,12 +6,13 @@ import { useQuasar } from "quasar";
import type {
FormData,
ArrayPerson,
ArrayFileList,
} from "@/modules/11_discipline/interface/request/complaint";
import { useCounterMixin } from "@/stores/mixin";
const $q = useQuasar();
const mixin = useCounterMixin()
const { dialogConfirm } = mixin
const mixin = useCounterMixin();
const { dialogConfirm } = mixin;
const router = useRouter();
const route = useRoute();
const id = ref<string>(route.params.id as string);
@ -25,6 +26,14 @@ const personOj = reactive<ArrayPerson>({
salary: "",
organization: "",
});
const fileListOj = reactive<ArrayFileList>({
id: "",
file: "",
fileName: "",
fileType: "",
});
const data = reactive<FormData>({
respondentType: "",
office: "",
@ -42,8 +51,9 @@ const data = reactive<FormData>({
complaintStatus: "",
organizationId: "",
persons: [personOj],
personId:[],
respondentId:[]
personId: [],
respondentId: [],
fileList: [fileListOj],
});
/** ดึงค่าจาก api */
@ -62,7 +72,7 @@ const fetchData = async () => {
data.appellant = "สมศรี สุขใจ";
data.documentFile = "";
data.complaintStatus = "NEW";
data.persons = [
(data.persons = [
{
idcard: "1529900022223",
name: "นางศิรินภา คงน้อย",
@ -71,7 +81,39 @@ const fetchData = async () => {
salary: "10000",
organization: "สกจ.",
},
]
]),
(data.fileList = [
{
id: "08dbeb08-1931-487d-8989-0725ce48031d",
file: "https://s3cluster.frappet.com/bma-ehr-fpt/edb095bf-8898-4ef8-ad60-daaf60991b8f?AWSAccessKeyId=frappet&Expires=1700657567&Signature=7Do0YexqpTJGA4DQPKzJ5YtvyJg%3D",
fileName: "ex_slip.jpeg.png14",
fileType: "image/png",
},
{
id: "08dbeb08-392b-41b8-8970-78934f317469",
file: "https://s3cluster.frappet.com/bma-ehr-fpt/5a32c821-46d6-4bbc-9824-b777f154702e?AWSAccessKeyId=frappet&Expires=1700657567&Signature=HlNAjybBNPqGAYJtHIefNRofz1E%3D",
fileName: "17058616.jpg",
fileType: "image/jpeg",
},
{
id: "08dbeb08-3e41-4500-8476-6bdd76f0b6c8",
file: "https://s3cluster.frappet.com/bma-ehr-fpt/1bf5ef61-05f3-4cb1-98a5-dd2698b49440?AWSAccessKeyId=frappet&Expires=1700657567&Signature=WAlAjPbX%2BUoO0zY7m1jDEb3ovvA%3D",
fileName: "17058616.jpg",
fileType: "image/jpeg",
},
{
id: "08dbeb08-428f-483b-8d50-718e947d012e",
file: "https://s3cluster.frappet.com/bma-ehr-fpt/d848952a-54af-4502-b235-1f01f441d86c?AWSAccessKeyId=frappet&Expires=1700657568&Signature=3L9QfaWLCHmZjeS2UttVM3se6W0%3D",
fileName: "HybGoQu8osQ49G7AzCOvYF4G.png",
fileType: "image/png",
},
{
id: "08dbeb08-8aa5-4264-87bf-1794be50f0c7",
file: "https://s3cluster.frappet.com/bma-ehr-fpt/ac55b1f8-54f6-43c4-9f85-c236d24e7d76?AWSAccessKeyId=frappet&Expires=1700657568&Signature=isN3RM3P4%2BP5lgK5%2F45h1U5pabI%3D",
fileName: "1300399ปปปป.jpg",
fileType: "image/jpeg",
},
]);
};
/** ฟังชั่น แก้ไข */
@ -81,33 +123,48 @@ async function onSubmit() {
}
/** ยืนยัน มีมูลส่งไปสืบสวน */
function sentInvestigate(){
dialogConfirm($q,()=> confirmSentInvestigate(),'ยืนยันส่งไปสืบสวน','ต้องการยืนยันส่งไปสืบสวนใช่หรือไม่?')
function sentInvestigate() {
dialogConfirm(
$q,
() => confirmSentInvestigate(),
"ยืนยันส่งไปสืบสวน",
"ต้องการยืนยันส่งไปสืบสวนใช่หรือไม่?"
);
}
/** ยืนยัน ยุติเรื่อง */
function endInvestigate(){
dialogConfirm($q,()=> confirmEndInvestigate(),'ยืนยันยุติเรื่อง','ต้องการยืนยันยุติเรื่องใช่หรือไม่?')
function endInvestigate() {
dialogConfirm(
$q,
() => confirmEndInvestigate(),
"ยืนยันยุติเรื่อง",
"ต้องการยืนยันยุติเรื่องใช่หรือไม่?"
);
}
/** ยืนยัน ยกเลิกการยุติเรื่อง */
function cancelInvestigate(){
dialogConfirm($q,()=> confirmCancelInvestigate(),'ยืนยันยกเลิกการยุติเรื่อง','ต้องการยืนยันยกเลิกการยุติเรื่องใช่หรือไม่?')
function cancelInvestigate() {
dialogConfirm(
$q,
() => confirmCancelInvestigate(),
"ยืนยันยกเลิกการยุติเรื่อง",
"ต้องการยืนยันยกเลิกการยุติเรื่องใช่หรือไม่?"
);
}
/** ฟังชั่น มีมูลส่งไปสืบสวน*/
function confirmSentInvestigate(){
console.log('sent')
function confirmSentInvestigate() {
console.log("sent");
}
/** ฟังชั่น ยุติเรื่อง*/
function confirmEndInvestigate(){
console.log('sent')
function confirmEndInvestigate() {
console.log("sent");
}
/** ฟังชั่น ยกเลิกการยุติเรื่อง*/
function confirmCancelInvestigate(){
console.log('sent')
function confirmCancelInvestigate() {
console.log("sent");
}
/** เรียกใช้งาน ฟังชั่น ตอนเริ่มโหลดหน้า */
onMounted(() => {