33 lines
811 B
Vue
33 lines
811 B
Vue
<script setup lang="ts">
|
|
import { reactive, ref } from "vue";
|
|
|
|
import { useCounterMixin } from "@/stores/mixin";
|
|
import { useEvaluateDetailStore } from "@/modules/12_evaluatePersonal/store/EvaluateDetail";
|
|
|
|
const store = useEvaluateDetailStore();
|
|
const mixin = useCounterMixin();
|
|
const { date2Thai } = mixin;
|
|
|
|
const selectedItem = ref(1);
|
|
|
|
function handleItemClick(itemNumber: number) {
|
|
store.tabPanels = itemNumber.toString();
|
|
selectedItem.value = itemNumber;
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<q-list separator>
|
|
<q-item
|
|
clickable
|
|
v-ripple
|
|
:active="selectedItem === 1 ? true : false"
|
|
active-class="text-primary"
|
|
@click="handleItemClick(1)"
|
|
>
|
|
<q-item-section>เอกสารเล่ม 2</q-item-section>
|
|
</q-item>
|
|
</q-list>
|
|
</template>
|
|
|
|
<style scoped></style>
|