<script setup lang="ts">
import { ref } from "vue";
import { useRouter } from "vue-router";
import ListLevelDetail from "@/modules/01_metadata/components/position/05ListLevelDetail.vue";

const router = useRouter();
const posName = ref<string>("");
</script>

<template>
  <div class="toptitle text-dark col-12 row items-center">
    <q-btn
      icon="mdi-arrow-left"
      unelevated
      round
      dense
      flat
      color="primary"
      class="q-mr-sm"
      @click="router.go(-1)"
    />
    รายการระดับตำแหน่งของ {{ posName }}
  </div>

  <q-card flat bordered>
    <ListLevelDetail v-model:posName="posName" />
  </q-card>
</template>

<style scoped></style>
