ปรับเงื่อนไขการแสดง competency และปรับชื่อไฟล์

This commit is contained in:
Warunee Tamkoo 2024-04-23 11:10:39 +07:00
parent e8785cf385
commit dd76936d92
8 changed files with 116 additions and 60 deletions

View file

@ -3,18 +3,7 @@ import { ref } from "vue";
import Card from "@/modules/08_KPI/components/Tab/Topic/02_CompetencyCard.vue";
import { useKpiDataStore } from "@/modules/08_KPI/store";
import type { QTableProps } from "quasar";
import { useCounterMixin } from "@/stores/mixin";
const store = useKpiDataStore();
const mixin = useCounterMixin();
const { date2Thai } = mixin;
const modal = ref<boolean>(false);
function onAdd() {
modal.value = true;
}
</script>
<template>
@ -26,45 +15,4 @@ function onAdd() {
/>
</template>
<style scoped>
.custom-table2 {
max-height: 64vh;
.q-table tr:nth-child(odd) td {
background: white;
}
.q-table tr:nth-child(even) td {
background: #f8f8f8;
}
.q-table thead tr {
background: #ecebeb;
}
.q-table thead tr th {
position: sticky;
}
.q-table td:nth-of-type(2) {
z-index: 3 !important;
}
.q-table th:nth-of-type(2),
.q-table td:nth-of-type(2) {
position: sticky;
left: 0;
z-index: 1;
}
/* this will be the loading indicator */
.q-table thead tr:last-child th {
/* height of all previous header rows */
top: 48px;
}
.q-table thead tr:first-child th {
top: 0;
}
}
</style>
<style scoped></style>