49 lines
1.6 KiB
Vue
49 lines
1.6 KiB
Vue
<script setup lang="ts"></script>
|
|
|
|
<template>
|
|
<div class="toptitle text-dark col-12 row items-center">
|
|
รางงานเครื่องราชอิสริยาภรณ์
|
|
</div>
|
|
<div>
|
|
<q-card flat bordered class="col-12 q-mt-sm">
|
|
<div class="q-pa-md">
|
|
<q-item to="/insignia/report/report-01" dense class="hover-green">
|
|
<q-item-section avatar>
|
|
<q-icon color="primary" name="mdi-file" size="xs" />
|
|
</q-item-section>
|
|
<q-item-section class="text-dark">
|
|
รายงาน ขร.1 - ขร.4
|
|
</q-item-section>
|
|
</q-item>
|
|
|
|
<q-item to="/insignia/report/report-01" dense class="hover-green">
|
|
<q-item-section avatar>
|
|
<q-icon color="primary" name="mdi-file" size="xs" />
|
|
</q-item-section>
|
|
<q-item-section class="text-dark">
|
|
รายงานผลการจ่ายใบกำกับ
|
|
</q-item-section>
|
|
</q-item>
|
|
|
|
<q-item to="/insignia/report/report-01" dense class="hover-green">
|
|
<q-item-section avatar>
|
|
<q-icon color="primary" name="mdi-file" size="xs" />
|
|
</q-item-section>
|
|
<q-item-section class="text-dark"
|
|
>รายชื่อข้าราชการสามัญฯ ที่ได้รับ/ไม่ได้รับใบกำกับ
|
|
</q-item-section>
|
|
</q-item>
|
|
</div>
|
|
</q-card>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scope>
|
|
.q-item.hover-green:hover {
|
|
background-color: #d5f1ee57;
|
|
border-radius: 2px ;
|
|
}
|
|
.q-item.hover-green{
|
|
padding: 10px;
|
|
}
|
|
</style>
|