updated req edit profile
This commit is contained in:
parent
7ba8a0feea
commit
c8d1ca89ca
2 changed files with 52 additions and 70 deletions
|
|
@ -18,7 +18,6 @@ const router = useRouter();
|
|||
const route = useRoute();
|
||||
const { showLoader, hideLoader, messageError, date2Thai } = useCounterMixin();
|
||||
|
||||
const urlImg = ref<string>("");
|
||||
const requestId = ref<string>(route.params.id.toString());
|
||||
|
||||
const dataRequest = ref<any>({
|
||||
|
|
@ -49,9 +48,7 @@ async function fetchData() {
|
|||
status: data.status,
|
||||
remark: data.remark,
|
||||
};
|
||||
if (dataRequest.value.topic == "ขอแก้ไขรูปภาพประจำตัว") {
|
||||
onDownloadFile(requestId.value);
|
||||
}
|
||||
onDownloadFile(requestId.value); // เช็คว่ามีไฟล์อัปโหลดหรือไม่
|
||||
})
|
||||
.catch((err) => {
|
||||
messageError($q, err);
|
||||
|
|
@ -61,12 +58,14 @@ async function fetchData() {
|
|||
});
|
||||
}
|
||||
|
||||
const checkFile = ref<null | false | "img" | "doc">(null); // เช็คไฟล์อัปโหลด null ค่าเริ่มต้น, false ไม่มีไฟล์, "img" รูปภาพ, "doc" เอกสาร
|
||||
const urlDownload = ref<string>(""); // url ไฟล์อัปโหลด
|
||||
|
||||
/**
|
||||
* function หาชื่อไฟล์
|
||||
* @param id รายการยื่นคำร้องขอแก้ไขข้อมูล
|
||||
*/
|
||||
function onDownloadFile(id: string) {
|
||||
showLoader();
|
||||
http
|
||||
.get(
|
||||
config.API.file(
|
||||
|
|
@ -75,16 +74,15 @@ function onDownloadFile(id: string) {
|
|||
id
|
||||
)
|
||||
)
|
||||
.then((res) => {
|
||||
.then(async (res) => {
|
||||
if (res.data.length !== 0) {
|
||||
downloadUrl(id, res.data[0].fileName);
|
||||
await downloadUrl(id, res.data[0].fileName);
|
||||
} else {
|
||||
hideLoader();
|
||||
checkFile.value = false;
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
messageError($q, e);
|
||||
hideLoader();
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -104,10 +102,11 @@ function downloadUrl(id: string, fileName: string) {
|
|||
)
|
||||
)
|
||||
.then((res) => {
|
||||
urlDownload.value = res.data.downloadUrl;
|
||||
if (dataRequest.value.topic == "ขอแก้ไขรูปภาพประจำตัว") {
|
||||
urlImg.value = res.data.downloadUrl;
|
||||
checkFile.value = "img";
|
||||
} else {
|
||||
window.open(res.data.downloadUrl, "_blank");
|
||||
checkFile.value = "doc";
|
||||
}
|
||||
})
|
||||
.catch((e) => {
|
||||
|
|
@ -218,54 +217,37 @@ onMounted(async () => {
|
|||
type="textarea"
|
||||
/>
|
||||
</div>
|
||||
<div class="text-weight-bold text-dark col-12">
|
||||
{{
|
||||
dataRequest.topic == "ขอแก้ไขรูปภาพประจำตัว"
|
||||
? "รูปภาพประจำตัว"
|
||||
: "เอกสารหลักฐาน"
|
||||
}}
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<!-- เอกสารหลักฐาน -->
|
||||
<q-btn
|
||||
v-if="dataRequest.topic !== 'ขอแก้ไขรูปภาพประจำตัว'"
|
||||
icon="mdi-download"
|
||||
dense
|
||||
flat
|
||||
label="ดาวน์โหลดเอกสารหลักฐาน"
|
||||
color="blue"
|
||||
@click.stop.pervent="onDownloadFile(requestId)"
|
||||
/>
|
||||
<div v-else>
|
||||
<span v-if="urlImg == ''"
|
||||
><div
|
||||
style="
|
||||
height: 200px;
|
||||
max-width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
class="text-grey-5"
|
||||
>
|
||||
<q-spinner color="primary" size="3em" :thickness="10" />
|
||||
</div>
|
||||
</span>
|
||||
<q-img
|
||||
v-else
|
||||
:src="urlImg"
|
||||
:ratio="1"
|
||||
spinner-color="primary"
|
||||
spinner-size="82px"
|
||||
fit="cover"
|
||||
style="
|
||||
height: 200px;
|
||||
max-width: 200px;
|
||||
border-radius: 20px;
|
||||
"
|
||||
|
||||
<div v-if="checkFile != null && checkFile != false">
|
||||
<div class="text-weight-bold text-dark col-12">
|
||||
{{
|
||||
checkFile == "img" ? "รูปภาพประจำตัว" : "เอกสารหลักฐาน"
|
||||
}}
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<!-- เอกสารหลักฐาน -->
|
||||
<q-btn
|
||||
v-if="checkFile == 'doc'"
|
||||
icon="mdi-download"
|
||||
dense
|
||||
flat
|
||||
label="ดาวน์โหลดเอกสารหลักฐาน"
|
||||
color="blue"
|
||||
:href="urlDownload"
|
||||
target="_blank"
|
||||
/>
|
||||
<div
|
||||
v-else-if="checkFile == 'img'"
|
||||
class="q-pa-md q-gutter-sm"
|
||||
>
|
||||
</q-img>
|
||||
<q-avatar size="120px" color="grey-4">
|
||||
<img
|
||||
:src="urlDownload"
|
||||
class="bg-grey-3"
|
||||
style="object-fit: cover"
|
||||
/>
|
||||
</q-avatar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -81,15 +81,15 @@ const columns = ref<QTableProps["columns"]>([
|
|||
headerStyle: "font-size: 14px",
|
||||
style: "font-size: 14px",
|
||||
},
|
||||
{
|
||||
name: "document",
|
||||
align: "center",
|
||||
label: "หลักฐานอ้างอิง",
|
||||
sortable: false,
|
||||
field: "document",
|
||||
headerStyle: "font-size: 14px",
|
||||
style: "font-size: 14px",
|
||||
},
|
||||
// {
|
||||
// name: "document",
|
||||
// align: "center",
|
||||
// label: "หลักฐานอ้างอิง",
|
||||
// sortable: false,
|
||||
// field: "document",
|
||||
// headerStyle: "font-size: 14px",
|
||||
// style: "font-size: 14px",
|
||||
// },
|
||||
{
|
||||
name: "status",
|
||||
align: "left",
|
||||
|
|
@ -115,7 +115,7 @@ const visibleColumns = ref<string[]>([
|
|||
"no",
|
||||
"topic",
|
||||
"detail",
|
||||
"document",
|
||||
// "document",
|
||||
"status",
|
||||
"remark",
|
||||
]);
|
||||
|
|
@ -405,7 +405,7 @@ onMounted(() => {
|
|||
<div v-if="col.name == 'no'">
|
||||
{{ props.rowIndex + 1 }}
|
||||
</div>
|
||||
<div v-else-if="col.name === 'document'">
|
||||
<!-- <div v-else-if="col.name === 'document'">
|
||||
<q-btn
|
||||
icon="mdi-download"
|
||||
round
|
||||
|
|
@ -417,7 +417,7 @@ onMounted(() => {
|
|||
>
|
||||
<q-tooltip>หลักฐานอ้างอิง</q-tooltip>
|
||||
</q-btn>
|
||||
</div>
|
||||
</div> -->
|
||||
<div v-else class="table_ellipsis2">
|
||||
{{ col.value ? col.value : "-" }}
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue