updated & fixing

This commit is contained in:
Warunee Tamkoo 2024-06-26 14:35:19 +07:00
parent a39a34b15f
commit 62af9f6a35
24 changed files with 392 additions and 352 deletions

View file

@ -350,6 +350,7 @@ watch(
<q-separator /> <q-separator />
</div> </div>
<div if="type == 'capacity' || type == 'development'">
<!-- ความคดเหนของผประเม --> <!-- ความคดเหนของผประเม -->
<q-form <q-form
v-if="store.dataEvaluation.evaluatorId" v-if="store.dataEvaluation.evaluatorId"
@ -503,6 +504,7 @@ watch(
</q-form> </q-form>
</div> </div>
</div> </div>
</div>
</template> </template>
</q-splitter> </q-splitter>
</q-card-section> </q-card-section>

View file

@ -25,7 +25,7 @@ const {
const route = useRoute(); const route = useRoute();
const router = useRouter(); const router = useRouter();
const id = ref<string>(route.params.id as string) const id = ref<string>(route.params.id as string);
const modal = defineModel<boolean>("modal", { required: true }); const modal = defineModel<boolean>("modal", { required: true });
const filterKeyword = ref<string>(""); const filterKeyword = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
@ -56,7 +56,7 @@ const columns = ref<QTableProps["columns"]>([
{ {
name: "posMasterNoOld", name: "posMasterNoOld",
align: "left", align: "left",
label: "เลขที่ตำแหน่ง", label: "ตำแหน่งเลขที่",
sortable: true, sortable: true,
field: "posMasterNoOld", field: "posMasterNoOld",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -77,7 +77,7 @@ const columns = ref<QTableProps["columns"]>([
{ {
name: "positionLevel", name: "positionLevel",
align: "left", align: "left",
label: "ประเภทตำแหน่ง", label: "ตำแหน่งประเภท",
sortable: true, sortable: true,
field: "positionLevel", field: "positionLevel",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -193,23 +193,28 @@ function close() {
} }
function getData() { function getData() {
showLoader() showLoader();
http http
.get(config.API.placementKeycloak + `/${store.dataProfile.profileId}`) .get(config.API.placementKeycloak + `/${store.dataProfile.profileId}`)
.then((res) => { .then((res) => {
const data = res.data.result const data = res.data.result;
rows.value = data rows.value = data;
}).catch((e)=>{
messageError($q,e)
}).finally(()=>{
hideLoader()
}) })
.catch((e) => {
messageError($q, e);
})
.finally(() => {
hideLoader();
});
} }
watch(()=>modal.value,(n)=>{ watch(
() => modal.value,
(n) => {
if (n == true) { if (n == true) {
getData() getData();
} }
}) }
);
</script> </script>
<template> <template>
<q-dialog persistent v-model="modal"> <q-dialog persistent v-model="modal">

View file

@ -562,7 +562,7 @@ onMounted(async () => {
</div> </div>
<div class="col-xs-12 col-md-2"> <div class="col-xs-12 col-md-2">
<div :class="$q.screen.gt.sm ? 'column' : 'row'"> <div :class="$q.screen.gt.sm ? 'column' : 'row'">
<span class="text-grey-6 col">ประเภทตำแหน</span> <span class="text-grey-6 col">ตำแหนประเภท</span>
<span class="text-weight-medium text-dark col">{{ <span class="text-weight-medium text-dark col">{{
store.dataEvaluation.posTypeName store.dataEvaluation.posTypeName
}}</span> }}</span>
@ -570,7 +570,7 @@ onMounted(async () => {
</div> </div>
<div class="col-xs-12 col-md-2"> <div class="col-xs-12 col-md-2">
<div :class="$q.screen.gt.sm ? 'column' : 'row'"> <div :class="$q.screen.gt.sm ? 'column' : 'row'">
<span class="text-grey-6 col">ระดตำแหน</span> <span class="text-grey-6 col">ระด</span>
<span class="text-weight-medium text-dark col">{{ <span class="text-weight-medium text-dark col">{{
store.dataEvaluation.posLevelName store.dataEvaluation.posLevelName
}}</span> }}</span>

View file

@ -583,11 +583,11 @@ onMounted(async () => {
<div class="col-8 text-weight-medium"> <div class="col-8 text-weight-medium">
{{ dataPerson.firstName ? dataPerson.name : "-" }} {{ dataPerson.firstName ? dataPerson.name : "-" }}
</div> </div>
<div class="col-4 text-grey">ตำแหน</div> <div class="col-4 text-grey">ตำแหนในสายงาน</div>
<div class="col-8 text-weight-medium"> <div class="col-8 text-weight-medium">
{{ dataPerson.position ? dataPerson.position : "-" }} {{ dataPerson.position ? dataPerson.position : "-" }}
</div> </div>
<div class="col-4 text-grey">ประเภทตำแหน</div> <div class="col-4 text-grey">ตำแหนประเภท</div>
<div class="col-8 text-weight-medium"> <div class="col-8 text-weight-medium">
{{ dataPerson.type ? dataPerson.type : "-" }} {{ dataPerson.type ? dataPerson.type : "-" }}
</div> </div>
@ -595,7 +595,7 @@ onMounted(async () => {
</div> </div>
<div class="col-xs-12 col-md-6"> <div class="col-xs-12 col-md-6">
<div class="row q-col-gutter-md"> <div class="row q-col-gutter-md">
<div class="col-4 text-grey">ระดตำแหน</div> <div class="col-4 text-grey">ระด</div>
<div class="col-8 text-weight-medium"> <div class="col-8 text-weight-medium">
{{ dataPerson.level ? dataPerson.level : "-" }} {{ dataPerson.level ? dataPerson.level : "-" }}
</div> </div>

View file

@ -19,7 +19,7 @@ const { showLoader, hideLoader, messageError, date2Thai } = mixin;
const modalHistory = ref<boolean>(false); const modalHistory = ref<boolean>(false);
/** ตัวแปรข้อมูล */ /** ตัวแปรข้อมูล */
const formDataInformation = reactive<any>({ const formDataInformation = reactive<any>({
citizenId: "", // citizenId: "", //
prefix: "", prefix: "",
firstName: "", firstName: "",
lastName: "", lastName: "",
@ -304,7 +304,7 @@ onMounted(() => {
<div class="col-12 col-sm-12 col-md-6 q-gutter-y-sm"> <div class="col-12 col-sm-12 col-md-6 q-gutter-y-sm">
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium"> <div class="col-5 text-grey-6 text-weight-medium">
เลขตรประจำตวประชาชน เลขประจำตวประชาชน
</div> </div>
<div class="col-7"> <div class="col-7">
{{ {{

View file

@ -9,7 +9,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const idByrow = ref<string>('') const idByrow = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
@ -154,7 +154,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByrow.value = id idByrow.value = id;
} }
/** get data */ /** get data */
@ -273,7 +273,7 @@ onMounted(() => {
{{ props.rowIndex + 1 }} {{ props.rowIndex + 1 }}
</div> </div>
<div v-else> <div v-else>
{{ col.value? col.value:'-' }} {{ col.value ? col.value : "-" }}
</div> </div>
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
@ -308,7 +308,6 @@ onMounted(() => {
<q-tooltip>ประวแกไขประวการศกษา</q-tooltip> <q-tooltip>ประวแกไขประวการศกษา</q-tooltip>
</q-btn> </q-btn>
<q-item v-for="col in props.cols" :key="col.name"> <q-item v-for="col in props.cols" :key="col.name">
<q-item-section> <q-item-section>
<q-item-label class="text-grey-6 text-weight-medium">{{ <q-item-label class="text-grey-6 text-weight-medium">{{
col.label col.label
@ -325,10 +324,10 @@ onMounted(() => {
</div> </div>
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium"> <div
<span> class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
ไมพบขอมลประวการเปลยนช-นามสก >
</span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>

View file

@ -238,7 +238,10 @@ function getData() {
/** get history */ /** get history */
function getHistory() { function getHistory() {
const url = store.typeProfile == 'OFFICER' ? config.API.dataUserHistory(''):config.API.dataUserHistory('-employee') const url =
store.typeProfile == "OFFICER"
? config.API.dataUserHistory("")
: config.API.dataUserHistory("-employee");
showLoader(); showLoader();
http http
.get(url) .get(url)
@ -263,10 +266,19 @@ onMounted(() => {
<q-toolbar class="q-px-none"> <q-toolbar class="q-px-none">
<span class="text-blue-6 text-weight-bold text-body1">อมลทอย</span> <span class="text-blue-6 text-weight-bold text-body1">อมลทอย</span>
<q-space /> <q-space />
<q-btn icon="mdi-history" color="info" flat dense round size="14px" @click="onHistory"> <q-btn
icon="mdi-history"
color="info"
flat
dense
round
size="14px"
@click="onHistory"
>
<q-tooltip>ประวอมลทอย</q-tooltip> <q-tooltip>ประวอมลทอย</q-tooltip>
</q-btn> </q-btn>
</q-toolbar> </q-toolbar>
<q-card bordered class="bg-grey-1 q-pa-md"> <q-card bordered class="bg-grey-1 q-pa-md">
<div class="row"> <div class="row">
<div class="col-12 col-sm-12 col-md-6 q-gutter-y-sm"> <div class="col-12 col-sm-12 col-md-6 q-gutter-y-sm">

View file

@ -11,7 +11,7 @@ import config from "@/app.config";
import type { FormChildren } from "@/modules/10_registry/interface/index/Family"; import type { FormChildren } from "@/modules/10_registry/interface/index/Family";
import { useRegistryInFormationStore } from "@/modules/10_registry/store/registry"; import { useRegistryInFormationStore } from "@/modules/10_registry/store/registry";
const idFamily = ref<string>('') const idFamily = ref<string>("");
const store = useRegistryInFormationStore(); const store = useRegistryInFormationStore();
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
const $q = useQuasar(); const $q = useQuasar();
@ -41,7 +41,7 @@ const fatherData = reactive<any>({
firstName: "", firstName: "",
lastName: "", lastName: "",
job: "", job: "",
profileId:'' profileId: "",
}); });
const motherData = reactive<any>({ const motherData = reactive<any>({
isLive: null, isLive: null,
@ -50,7 +50,7 @@ const motherData = reactive<any>({
firstName: "", firstName: "",
lastName: "", lastName: "",
job: "", job: "",
profileId:'' profileId: "",
}); });
const coupleData = reactive<any>({ const coupleData = reactive<any>({
isLive: null, isLive: null,
@ -61,7 +61,7 @@ const coupleData = reactive<any>({
job: "", job: "",
lastNameOld: "", lastNameOld: "",
statusMarital: "", statusMarital: "",
profileId:'' profileId: "",
}); });
const childData = ref<FormChildren[]>([]); const childData = ref<FormChildren[]>([]);
@ -79,7 +79,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
{ {
name: "citizenId", name: "citizenId",
align: "left", align: "left",
label: "เลขบัตรประจำตัวประชาชน", label: "เลขประจำตัวประชาชน",
sortable: true, sortable: true,
field: "citizenId", field: "citizenId",
headerStyle: "font-size: 14px", headerStyle: "font-size: 14px",
@ -146,7 +146,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
function onHistory(type: string, id: string) { function onHistory(type: string, id: string) {
modalHistory.value = true; modalHistory.value = true;
typeForm.value = type; typeForm.value = type;
idFamily.value = id ? id:'user' idFamily.value = id ? id : "user";
} }
/** get data */ /** get data */
@ -202,7 +202,14 @@ function getData(type: string) {
/** get history */ /** get history */
function getHistory() { function getHistory() {
const url = store.typeProfile == 'OFFICER' ? config.API.dataUserFamilyHistory(typeForm.value,'',idFamily.value):config.API.dataUserFamilyHistory(typeForm.value,'-employee',idFamily.value) const url =
store.typeProfile == "OFFICER"
? config.API.dataUserFamilyHistory(typeForm.value, "", idFamily.value)
: config.API.dataUserFamilyHistory(
typeForm.value,
"-employee",
idFamily.value
);
showLoader(); showLoader();
http http
@ -216,7 +223,8 @@ function getHistory() {
lastName: e[`${typeForm.value}LastName`], lastName: e[`${typeForm.value}LastName`],
job: e[`${typeForm.value}Career`], job: e[`${typeForm.value}Career`],
isLive: e[`${typeForm.value}Live`], isLive: e[`${typeForm.value}Live`],
lastNameOld: typeForm.value === "couple" ? e.coupleLastNameOld : undefined, lastNameOld:
typeForm.value === "couple" ? e.coupleLastNameOld : undefined,
})); }));
}) })
.catch((e) => { .catch((e) => {
@ -242,8 +250,6 @@ onMounted(async () => {
> >
</q-toolbar> </q-toolbar>
<div class="row q-col-gutter-sm"> <div class="row q-col-gutter-sm">
<div class="col-12" v-if="fatherData.profileId !== ''"> <div class="col-12" v-if="fatherData.profileId !== ''">
<q-card bordered class="q-pa-md"> <q-card bordered class="q-pa-md">
<div class="row"> <div class="row">
@ -266,7 +272,7 @@ onMounted(async () => {
<div class="col-12 col-sm-12 col-md-12 q-gutter-y-sm"> <div class="col-12 col-sm-12 col-md-12 q-gutter-y-sm">
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium"> <div class="col-5 text-grey-6 text-weight-medium">
เลขตรประจำตวประชาชน เลขประจำตวประชาชน
</div> </div>
<div class="col-7"> <div class="col-7">
{{ fatherData.citizenId ? fatherData.citizenId : "-" }} {{ fatherData.citizenId ? fatherData.citizenId : "-" }}
@ -339,7 +345,7 @@ onMounted(async () => {
<div class="col-12 col-sm-12 col-md-12 q-gutter-y-sm"> <div class="col-12 col-sm-12 col-md-12 q-gutter-y-sm">
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium"> <div class="col-5 text-grey-6 text-weight-medium">
เลขตรประจำตวประชาชน เลขประจำตวประชาชน
</div> </div>
<div class="col-7"> <div class="col-7">
{{ motherData.citizenId ? motherData.citizenId : "-" }} {{ motherData.citizenId ? motherData.citizenId : "-" }}
@ -418,12 +424,16 @@ onMounted(async () => {
สถานภาพการสมรส สถานภาพการสมรส
</div> </div>
<div class="col-7"> <div class="col-7">
{{ coupleData.statusMarital ? coupleData.statusMarital : "-" }} {{
coupleData.statusMarital
? coupleData.statusMarital
: "-"
}}
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium"> <div class="col-5 text-grey-6 text-weight-medium">
เลขตรประจำตวประชาชน เลขประจำตวประชาชน
</div> </div>
<div class="col-7"> <div class="col-7">
{{ coupleData.citizenId ? coupleData.citizenId : "-" }} {{ coupleData.citizenId ? coupleData.citizenId : "-" }}
@ -448,7 +458,9 @@ onMounted(async () => {
นามสกลเด นามสกลเด
</div> </div>
<div class="col-7"> <div class="col-7">
{{ coupleData.lastNameOld ? coupleData.lastNameOld : "-" }} {{
coupleData.lastNameOld ? coupleData.lastNameOld : "-"
}}
</div> </div>
</div> </div>
</div> </div>
@ -513,7 +525,7 @@ onMounted(async () => {
<div class="col-12 col-sm-12 col-md-12 q-gutter-y-sm"> <div class="col-12 col-sm-12 col-md-12 q-gutter-y-sm">
<div class="row"> <div class="row">
<div class="col-5 text-grey-6 text-weight-medium"> <div class="col-5 text-grey-6 text-weight-medium">
เลขตรประจำตวประชาชน เลขประจำตวประชาชน
</div> </div>
<div class="col-7"> <div class="col-7">
{{ {{

View file

@ -9,7 +9,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
@ -430,7 +430,7 @@ const visibleColumnsHistory = ref<string[]>([
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
@ -587,7 +587,6 @@ onMounted(() => {
<q-tooltip>ประวแกไขประวการศกษา</q-tooltip> <q-tooltip>ประวแกไขประวการศกษา</q-tooltip>
</q-btn> </q-btn>
<q-item v-for="col in props.cols" :key="col.name"> <q-item v-for="col in props.cols" :key="col.name">
<q-item-section class="fix_top"> <q-item-section class="fix_top">
<q-item-label class="text-grey-6 text-weight-medium">{{ <q-item-label class="text-grey-6 text-weight-medium">{{
col.label col.label
@ -604,13 +603,12 @@ onMounted(() => {
</div> </div>
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium"> <div
<span> class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
ไมพบขอมลประวการศกษา >
</span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>
</div> </div>
<DialogHistory <DialogHistory

View file

@ -9,7 +9,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
@ -155,7 +155,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
@ -329,10 +329,10 @@ onMounted(() => {
</div> </div>
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium"> <div
<span> class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
ไมพบขอมลความสามารถพเศษ >
</span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>

View file

@ -2,7 +2,7 @@
import { useCounterMixin } from "@/stores/mixin"; import { useCounterMixin } from "@/stores/mixin";
import { useQuasar, type QTableProps } from "quasar"; import { useQuasar, type QTableProps } from "quasar";
import { ref, reactive, onMounted } from "vue"; import { ref, reactive, onMounted } from "vue";
import { useRegistryInFormationStore } from '@/modules/10_registry/store/registry' import { useRegistryInFormationStore } from "@/modules/10_registry/store/registry";
//history dialog //history dialog
import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue"; import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
@ -10,7 +10,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const store = useRegistryInFormationStore() const store = useRegistryInFormationStore();
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
const $q = useQuasar(); const $q = useQuasar();
const mixin = useCounterMixin(); const mixin = useCounterMixin();
@ -309,7 +309,10 @@ function getData() {
/** get history */ /** get history */
function getHistory() { function getHistory() {
const url = store.typeProfile == 'OFFICER' ? config.API.dataUserGovernmentHistory(''):config.API.dataUserGovernmentHistory('-employee') const url =
store.typeProfile == "OFFICER"
? config.API.dataUserGovernmentHistory("")
: config.API.dataUserGovernmentHistory("-employee");
showLoader(); showLoader();
http http
.get(url) .get(url)
@ -354,23 +357,31 @@ onMounted(() => {
<div class="col-7"> <div class="col-7">
{{ formData.org ? formData.org : "-" }} {{ formData.org ? formData.org : "-" }}
</div> </div>
<div class="col-5 text-grey-6 text-weight-medium">ตำแหน</div> <div class="col-5 text-grey-6 text-weight-medium">
ตำแหนงในสายงาน
</div>
<div class="col-7"> <div class="col-7">
{{ formData.position ? formData.position : "-" }} {{ formData.position ? formData.position : "-" }}
</div> </div>
<div class="col-5 text-grey-6 text-weight-medium"> <div class="col-5 text-grey-6 text-weight-medium">
เลขทตำแหน ตำแหนเลขท
</div> </div>
<div class="col-7"> <div class="col-7">
{{ formData.posMasterNo ? formData.posMasterNo : "-" }} {{ formData.posMasterNo ? formData.posMasterNo : "-" }}
</div> </div>
<div v-if="store.typeProfile == 'OFFICER'" class="col-5 text-grey-6 text-weight-medium"> <div
v-if="store.typeProfile == 'OFFICER'"
class="col-5 text-grey-6 text-weight-medium"
>
ตำแหนงทางการบรหาร ตำแหนงทางการบรหาร
</div> </div>
<div v-if="store.typeProfile == 'OFFICER'" class="col-7"> <div v-if="store.typeProfile == 'OFFICER'" class="col-7">
{{ formData.posExecutive ? formData.posExecutive : "-" }} {{ formData.posExecutive ? formData.posExecutive : "-" }}
</div> </div>
<div v-if="store.typeProfile == 'OFFICER'" class="col-5 text-grey-6 text-weight-medium"> <div
v-if="store.typeProfile == 'OFFICER'"
class="col-5 text-grey-6 text-weight-medium"
>
านทางการบรหาร านทางการบรหาร
</div> </div>
<div v-if="store.typeProfile == 'OFFICER'" class="col-7"> <div v-if="store.typeProfile == 'OFFICER'" class="col-7">
@ -385,17 +396,26 @@ onMounted(() => {
<div class="col-12 col-sm-12 col-md-6"> <div class="col-12 col-sm-12 col-md-6">
<div class="row q-col-gutter-y-sm"> <div class="row q-col-gutter-y-sm">
<div v-if="store.typeProfile == 'OFFICER'" class="col-5 text-grey-6 text-weight-medium">สายงาน</div> <div
v-if="store.typeProfile == 'OFFICER'"
class="col-5 text-grey-6 text-weight-medium"
>
สายงาน
</div>
<div v-if="store.typeProfile == 'OFFICER'" class="col-7"> <div v-if="store.typeProfile == 'OFFICER'" class="col-7">
{{ formData.positionField ? formData.positionField : "-" }} {{ formData.positionField ? formData.positionField : "-" }}
</div> </div>
<div class="col-5 text-grey-6 text-weight-medium"> <div class="col-5 text-grey-6 text-weight-medium">
{{store.typeProfile == 'OFFICER' ? 'ประเภทตำแหน่ง':'กลุ่มงาน'}} {{
store.typeProfile == "OFFICER" ? "ตำแหน่งประเภท" : "กลุ่มงาน"
}}
</div> </div>
<div class="col-7"> <div class="col-7">
{{ formData.posType ? formData.posType : "-" }} {{ formData.posType ? formData.posType : "-" }}
</div> </div>
<div class="col-5 text-grey-6 text-weight-medium">{{store.typeProfile == 'OFFICER' ? 'ระดับตำแหน่ง':'ระดับชั้นงาน'}}</div> <div class="col-5 text-grey-6 text-weight-medium">
{{ store.typeProfile == "OFFICER" ? "ระดับ" : "ระดับชั้นงาน" }}
</div>
<div class="col-7"> <div class="col-7">
{{ formData.posLevel ? formData.posLevel : "-" }} {{ formData.posLevel ? formData.posLevel : "-" }}
</div> </div>

View file

@ -9,7 +9,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
@ -207,7 +207,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
@ -252,9 +252,7 @@ onMounted(() => {
<!-- v-if="mode" --> <!-- v-if="mode" -->
<div class="col-12"> <div class="col-12">
<q-toolbar class="q-px-none q-mt-md"> <q-toolbar class="q-px-none q-mt-md">
<span class="text-blue-6 text-weight-bold text-body1" <span class="text-blue-6 text-weight-bold text-body1"></span>
></span
>
<q-space /> <q-space />
<q-input <q-input
v-if="mode" v-if="mode"
@ -329,7 +327,7 @@ onMounted(() => {
{{ props.row.status ? props.row.status : "-" }} {{ props.row.status ? props.row.status : "-" }}
</div> </div>
<div v-else> <div v-else>
{{ col.value?col.value:'-' }} {{ col.value ? col.value : "-" }}
</div> </div>
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
@ -364,7 +362,6 @@ onMounted(() => {
<q-tooltip>ประวแกไขว</q-tooltip> <q-tooltip>ประวแกไขว</q-tooltip>
</q-btn> </q-btn>
<q-item v-for="col in props.cols" :key="col.name"> <q-item v-for="col in props.cols" :key="col.name">
<q-item-section class="fix_top"> <q-item-section class="fix_top">
<q-item-label class="text-grey-6 text-weight-medium">{{ <q-item-label class="text-grey-6 text-weight-medium">{{
col.label col.label
@ -381,10 +378,10 @@ onMounted(() => {
</div> </div>
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium"> <div
<span> class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
ไมพบขอมลว >
</span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>
@ -397,7 +394,6 @@ onMounted(() => {
:visibleColumns="visibleColumns" :visibleColumns="visibleColumns"
:columns="columns" :columns="columns"
/> />
</template> </template>
<style scoped> <style scoped>
.absolute_button { .absolute_button {

View file

@ -9,7 +9,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
@ -205,7 +205,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
@ -225,7 +225,6 @@ function getData() {
status: item.status, status: item.status,
reason: item.reason, reason: item.reason,
typeLeaveId: item.leaveTypeId, typeLeaveId: item.leaveTypeId,
})); }));
}) })
.catch((e) => { .catch((e) => {
@ -437,7 +436,9 @@ onMounted(() => {
v-else-if="col.name == 'status'" v-else-if="col.name == 'status'"
class="text-dark text-weight-medium" class="text-dark text-weight-medium"
> >
{{ props.row.status ? statusLeave(props.row.status) : "-" }}</q-item-label {{
props.row.status ? statusLeave(props.row.status) : "-"
}}</q-item-label
> >
<q-item-label v-else class="text-dark text-weight-medium">{{ <q-item-label v-else class="text-dark text-weight-medium">{{
col.value ? col.value : "-" col.value ? col.value : "-"
@ -450,9 +451,9 @@ onMounted(() => {
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div <div
class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium" class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
> >
<span> ไมพบขอมการลา </span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>

View file

@ -9,7 +9,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
@ -208,7 +208,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
@ -330,7 +330,7 @@ onMounted(() => {
{{ props.row.status ? props.row.status : "-" }} {{ props.row.status ? props.row.status : "-" }}
</div> </div>
<div v-else> <div v-else>
{{ col.value?col.value:'-' }} {{ col.value ? col.value : "-" }}
</div> </div>
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
@ -365,7 +365,6 @@ onMounted(() => {
<q-tooltip>ประวแกไขปฏราชการพเศษ</q-tooltip> <q-tooltip>ประวแกไขปฏราชการพเศษ</q-tooltip>
</q-btn> </q-btn>
<q-item v-for="col in props.cols" :key="col.name"> <q-item v-for="col in props.cols" :key="col.name">
<q-item-section class="fix_top"> <q-item-section class="fix_top">
<q-item-label class="text-grey-6 text-weight-medium">{{ <q-item-label class="text-grey-6 text-weight-medium">{{
col.label col.label
@ -382,10 +381,10 @@ onMounted(() => {
</div> </div>
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium"> <div
<span> class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
ไมพบขอมลปฏราชการพเศษ >
</span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>
@ -398,7 +397,6 @@ onMounted(() => {
:visibleColumns="visibleColumnsHistory" :visibleColumns="visibleColumnsHistory"
:columns="columnsHistory" :columns="columnsHistory"
/> />
</template> </template>
<style scoped> <style scoped>
.absolute_button { .absolute_button {

View file

@ -9,7 +9,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
@ -90,7 +90,6 @@ const columns = ref<QTableProps["columns"]>([
}, },
]); ]);
const visibleColumnsHistory = ref<string[]>([ const visibleColumnsHistory = ref<string[]>([
"date", "date",
"reference", "reference",
@ -184,10 +183,9 @@ const columnsHistory = ref<QTableProps["columns"]>([
}, },
]); ]);
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
@ -309,7 +307,7 @@ onMounted(() => {
{{ props.row.status ? props.row.status : "-" }} {{ props.row.status ? props.row.status : "-" }}
</div> </div>
<div v-else> <div v-else>
{{ col.value?col.value:'-' }} {{ col.value ? col.value : "-" }}
</div> </div>
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
@ -341,10 +339,11 @@ onMounted(() => {
class="absolute_button" class="absolute_button"
@click="onHistory(props.row.id)" @click="onHistory(props.row.id)"
> >
<q-tooltip>ประวแกไขบนทกวนทไมไดบเงนเดอนฯ</q-tooltip> <q-tooltip
>ประวแกไขบนทกวนทไมไดบเงนเดอนฯ</q-tooltip
>
</q-btn> </q-btn>
<q-item v-for="col in props.cols" :key="col.name"> <q-item v-for="col in props.cols" :key="col.name">
<q-item-section class="fix_top"> <q-item-section class="fix_top">
<q-item-label class="text-grey-6 text-weight-medium">{{ <q-item-label class="text-grey-6 text-weight-medium">{{
col.label col.label
@ -361,10 +360,10 @@ onMounted(() => {
</div> </div>
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium"> <div
<span> class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
ไมพบขอมลบนทกวนทไมไดบเงนเดอนฯ >
</span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>
@ -377,7 +376,6 @@ onMounted(() => {
:visibleColumns="visibleColumnsHistory" :visibleColumns="visibleColumnsHistory"
:columns="columnsHistory" :columns="columnsHistory"
/> />
</template> </template>
<style scoped> <style scoped>
.absolute_button { .absolute_button {

View file

@ -9,7 +9,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
@ -183,7 +183,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
]); ]);
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
@ -357,9 +357,9 @@ onMounted(() => {
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div <div
class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium" class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
> >
<span> ไมพบขอมใบอนญาตประกอบวชาช </span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>

View file

@ -9,7 +9,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
@ -311,7 +311,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
]); ]);
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
@ -477,9 +477,9 @@ onMounted(() => {
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div <div
class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium" class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
> >
<span> ไมพบขอมการฝกอบรม/งาน </span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>

View file

@ -10,7 +10,7 @@ import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
import { useRegistryInFormationStore } from "@/modules/10_registry/store/registry"; import { useRegistryInFormationStore } from "@/modules/10_registry/store/registry";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const store = useRegistryInFormationStore(); const store = useRegistryInFormationStore();
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
@ -390,7 +390,7 @@ const columnsHistory = ref<QTableProps["columns"]>([
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
@ -577,9 +577,9 @@ onMounted(async () => {
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div <div
class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium" class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
> >
<span> ไมพบขอมเครองราชอสรยาภรณ </span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>

View file

@ -10,7 +10,7 @@ import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
import { useRegistryInFormationStore } from "@/modules/10_registry/store/registry"; import { useRegistryInFormationStore } from "@/modules/10_registry/store/registry";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const store = useRegistryInFormationStore(); const store = useRegistryInFormationStore();
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
@ -185,14 +185,14 @@ const columnsHistory = ref<QTableProps["columns"]>([
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
function getData() { function getData() {
showLoader(); showLoader();
http http
.get(config.API.dataUserCertificate('honor')) .get(config.API.dataUserCertificate("honor"))
.then((res) => { .then((res) => {
const data = res.data.result; const data = res.data.result;
rows.value = data; rows.value = data;
@ -207,7 +207,10 @@ function getData() {
/** get history */ /** get history */
function getHistory() { function getHistory() {
const url = store.typeProfile == 'OFFICER' ? config.API.dataUserHonorHistory('honor','',idByRow.value):config.API.dataUserHonorHistory('honor','-employee',idByRow.value) const url =
store.typeProfile == "OFFICER"
? config.API.dataUserHonorHistory("honor", "", idByRow.value)
: config.API.dataUserHonorHistory("honor", "-employee", idByRow.value);
showLoader(); showLoader();
http http
.get(url) .get(url)
@ -308,7 +311,7 @@ onMounted(() => {
{{ props.row.status ? props.row.status : "-" }} {{ props.row.status ? props.row.status : "-" }}
</div> </div>
<div v-else> <div v-else>
{{ col.value?col.value:'-' }} {{ col.value ? col.value : "-" }}
</div> </div>
</q-td> </q-td>
<q-td auto-width> <q-td auto-width>
@ -343,7 +346,6 @@ onMounted(() => {
<q-tooltip>ประวแกไขประกาศเกยรต</q-tooltip> <q-tooltip>ประวแกไขประกาศเกยรต</q-tooltip>
</q-btn> </q-btn>
<q-item v-for="col in props.cols" :key="col.name"> <q-item v-for="col in props.cols" :key="col.name">
<q-item-section class="fix_top"> <q-item-section class="fix_top">
<q-item-label class="text-grey-6 text-weight-medium">{{ <q-item-label class="text-grey-6 text-weight-medium">{{
col.label col.label
@ -360,10 +362,10 @@ onMounted(() => {
</div> </div>
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium"> <div
<span> class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
ไมพบขอมลประกาศเกยรต >
</span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>
@ -376,7 +378,6 @@ onMounted(() => {
:visibleColumns="visibleColumnsHistory" :visibleColumns="visibleColumnsHistory"
:columns="columnsHistory" :columns="columnsHistory"
/> />
</template> </template>
<style scoped> <style scoped>
.absolute_button { .absolute_button {

View file

@ -9,7 +9,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
@ -246,7 +246,7 @@ const visibleColumns = ref<string[]>([
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
@ -440,9 +440,9 @@ onMounted(() => {
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div <div
class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium" class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
> >
<span> ไมพบขอมผลการประเมนการปฏราชการ </span> <span> ไมพบขอม</span>
</div> </div>
</template> </template>
</d-table> </d-table>

View file

@ -9,7 +9,7 @@ import DialogHistory from "@/modules/10_registry/Dialog/DialogHistory.vue";
import http from "@/plugins/http"; import http from "@/plugins/http";
import config from "@/app.config"; import config from "@/app.config";
const idByRow = ref<string>('') const idByRow = ref<string>("");
const rows = ref<any[]>([]); const rows = ref<any[]>([]);
const filter = ref<string>(""); const filter = ref<string>("");
const rowsHistory = ref<any[]>([]); const rowsHistory = ref<any[]>([]);
@ -101,10 +101,9 @@ const columnsHistory = ref<QTableProps["columns"]>([
function onHistory(id: string) { function onHistory(id: string) {
modalHistory.value = true; modalHistory.value = true;
idByRow.value = id idByRow.value = id;
} }
/** get data */ /** get data */
function getData() { function getData() {
showLoader(); showLoader();
@ -147,9 +146,7 @@ onMounted(() => {
<!-- v-if="mode" --> <!-- v-if="mode" -->
<div class="col-12"> <div class="col-12">
<q-toolbar class="q-px-none"> <q-toolbar class="q-px-none">
<span class="text-blue-6 text-weight-bold text-body1" <span class="text-blue-6 text-weight-bold text-body1">อมลอนๆ</span>
>อมลอนๆ</span
>
<q-space /> <q-space />
<q-input <q-input
v-if="mode" v-if="mode"
@ -268,9 +265,9 @@ onMounted(() => {
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div <div
class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium" class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
> >
<span> ไมพบขอมอมลอนๆ </span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>

View file

@ -226,9 +226,9 @@ watch(
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div <div
class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium" class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
> >
<span> ไมพบขอมประวการแกไข </span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>

View file

@ -179,7 +179,7 @@ onMounted(async () => {
</q-item> </q-item>
<q-item> <q-item>
<q-item-section class="text-grey-6">{{ <q-item-section class="text-grey-6">{{
store.typeProfile == "OFFICER" ? "ประเภทตำแหน่ง" : "กลุ่มงาน" store.typeProfile == "OFFICER" ? "ตำแหน่งประเภท" : "กลุ่มงาน"
}}</q-item-section> }}</q-item-section>
<q-item-section>{{ <q-item-section>{{
formData.posTypeName ? formData.posTypeName : "-" formData.posTypeName ? formData.posTypeName : "-"
@ -187,9 +187,7 @@ onMounted(async () => {
</q-item> </q-item>
<q-item> <q-item>
<q-item-section class="text-grey-6">{{ <q-item-section class="text-grey-6">{{
store.typeProfile == "OFFICER" store.typeProfile == "OFFICER" ? "ระดับ" : "ระดับชั้นงาน"
? "ระดับตำแหน่ง"
: "ระดับชั้นงาน"
}}</q-item-section> }}</q-item-section>
<q-item-section>{{ <q-item-section>{{
formData.posLevelName ? formData.posLevelName : "-" formData.posLevelName ? formData.posLevelName : "-"

View file

@ -145,7 +145,7 @@ function getList(id: string) {
http http
.get(config.API.probationMain(id)) .get(config.API.probationMain(id))
.then((res) => { .then((res) => {
const data = res.data.data const data = res.data.data;
rows.value = data; rows.value = data;
}) })
.catch((e) => {}) .catch((e) => {})
@ -168,7 +168,6 @@ function onDetail(id: string) {
} }
onMounted(async () => { onMounted(async () => {
await getMain(); await getMain();
}); });
</script> </script>
@ -355,7 +354,11 @@ onMounted(async () => {
<template v-if="$q.screen.gt.xs" v-slot:body="props"> <template v-if="$q.screen.gt.xs" v-slot:body="props">
<q-tr :props="props" class="cursor-pointer"> <q-tr :props="props" class="cursor-pointer">
<q-td v-for="(col, index) in props.cols" :key="col.name" @click="onDetail(props.row.id)"> <q-td
v-for="(col, index) in props.cols"
:key="col.name"
@click="onDetail(props.row.id)"
>
<div v-if="col.name == 'no'"> <div v-if="col.name == 'no'">
{{ props.rowIndex + 1 }} {{ props.rowIndex + 1 }}
</div> </div>
@ -404,9 +407,9 @@ onMounted(async () => {
</template> </template>
<template v-slot:no-data> <template v-slot:no-data>
<div <div
class="full-width row flex-center bg-grey-3 q-pa-md rounded-borders text-body2 text-weight-medium" class="full-width row flex-center q-pa-sm rounded-borders text-weight-medium"
> >
<span> ไมพบขอมตำแหน/เงนเดอน </span> <span> ไมพบขอม </span>
</div> </div>
</template> </template>
</d-table> </d-table>