74 lines
2.2 KiB
Vue
74 lines
2.2 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
import { onMounted, ref } from "vue";
|
||
|
|
import { useQuasar } from "quasar";
|
||
|
|
import { useRouter } from "vue-router";
|
||
|
|
import http from "@/plugins/http";
|
||
|
|
import config from "@/app.config";
|
||
|
|
|
||
|
|
import Table from "@/modules/11_discipline/components/8_AppealComplain/evaluate/Table.vue";
|
||
|
|
import { useCounterMixin } from "@/stores/mixin";
|
||
|
|
import { useDisciplineEvalutuonStore } from "@/modules/11_discipline/store/Evaluate";
|
||
|
|
import type { Pagination } from "@/modules/03_recruiting/interface/index/Main";
|
||
|
|
|
||
|
|
const $q = useQuasar(); // show dialog
|
||
|
|
const router = useRouter();
|
||
|
|
//search data table
|
||
|
|
const mixin = useCounterMixin();
|
||
|
|
const store = useDisciplineEvalutuonStore();
|
||
|
|
const { showLoader, hideLoader, messageError } = mixin;
|
||
|
|
|
||
|
|
const initialPagination = ref<Pagination>({
|
||
|
|
rowsPerPage: 0,
|
||
|
|
});
|
||
|
|
|
||
|
|
const page = ref<number>(1);
|
||
|
|
const pageSize = ref<number>(5);
|
||
|
|
const maxPage = ref<number>(1);
|
||
|
|
const filter = ref<string>("");
|
||
|
|
|
||
|
|
/**เมื่อเริ่มโหลดหน้า
|
||
|
|
* ส่งข้อมูลจำลองไปยัง store
|
||
|
|
*/
|
||
|
|
onMounted(async () => {});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="toptitle text-dark col-12 row items-center">
|
||
|
|
รายการคำขอประเมิน
|
||
|
|
</div>
|
||
|
|
<q-card flat bordered class="col-12 q-mt-sm q-pt-sm q-pa-md">
|
||
|
|
<div>
|
||
|
|
<Table
|
||
|
|
style="max-height: 80vh"
|
||
|
|
:rows="store.rows"
|
||
|
|
:columns="store.columns"
|
||
|
|
:visible-columns="store.visibleColumns"
|
||
|
|
v-model:inputfilter="filter"
|
||
|
|
v-model:inputvisible="store.visibleColumns"
|
||
|
|
:pagination="initialPagination"
|
||
|
|
:nornmalData="true"
|
||
|
|
:paging="true"
|
||
|
|
:titleText="''"
|
||
|
|
:page="page"
|
||
|
|
:pageSize="pageSize"
|
||
|
|
:maxPage="maxPage"
|
||
|
|
>
|
||
|
|
<template #columns="props">
|
||
|
|
<q-tr :props="props" class="cursor-pointer">
|
||
|
|
<q-td v-for="col in props.cols" :key="col.name" :props="props">
|
||
|
|
<div v-if="col.name == 'no'">
|
||
|
|
{{ props.rowIndex + 1 }}
|
||
|
|
</div>
|
||
|
|
<div v-else>
|
||
|
|
{{ col.value }}
|
||
|
|
</div>
|
||
|
|
</q-td>
|
||
|
|
</q-tr>
|
||
|
|
</template>
|
||
|
|
</Table>
|
||
|
|
</div>
|
||
|
|
</q-card>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style></style>
|