ปรับ css เครื่องราชและ icon
This commit is contained in:
parent
e7a05d8bd9
commit
bdd75f789c
8 changed files with 289 additions and 251 deletions
|
|
@ -1,7 +1,7 @@
|
|||
<script setup lang="ts">
|
||||
const sizeCard = (val: number) => {
|
||||
if (val === 5) {
|
||||
return "width:15%;";
|
||||
return "width:20%;";
|
||||
}
|
||||
};
|
||||
const props = defineProps({
|
||||
|
|
|
|||
|
|
@ -296,6 +296,7 @@ const paginationLabel = (start: string, end: string, total: string) => {
|
|||
:rows="rows"
|
||||
:filter="filterKeyword"
|
||||
row-key="name"
|
||||
dense
|
||||
flat
|
||||
bordered
|
||||
:paging="true"
|
||||
|
|
|
|||
|
|
@ -139,11 +139,11 @@ const fecthInsigniaByOc = async (
|
|||
รายชื่อข้าราชการสามัญฯ ที่มีสิทธิ์ยื่นขอพระราชทานเครื่องราชย์อิสริยาภรณ์
|
||||
</div>
|
||||
<q-card bordered class="row col-12 q-mt-sm">
|
||||
<div class="bg-grey-2 col-12 row items-center">
|
||||
<div class="q-pl-sm q-mr-md text-weight-bold text-grey">รอบ</div>
|
||||
|
||||
<div class="bg-grey-1 col-12 row items-center">
|
||||
<div class="q-pl-md q-pr-sm text-weight-medium text-grey-7">รอบ</div>
|
||||
<q-select
|
||||
borderless
|
||||
dense
|
||||
v-model="round"
|
||||
:options="optionRound"
|
||||
map-options
|
||||
|
|
@ -153,9 +153,10 @@ const fecthInsigniaByOc = async (
|
|||
@update:model-value="changround"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-12"><q-separator/></div>
|
||||
<div class="col-12 row bg-white">
|
||||
<div class="fit q-px-md q-py-sm">
|
||||
<div class="row col-12 q-col-gutter-md fit">
|
||||
<div class="row col-12 q-col-gutter-sm fit">
|
||||
<cardTop
|
||||
:amount="stat.orgAllCount"
|
||||
label="หน่วยงานทั้งหมด"
|
||||
|
|
@ -200,7 +201,7 @@ const fecthInsigniaByOc = async (
|
|||
</div>
|
||||
<q-separator />
|
||||
<q-tab-panels v-model="tab" animated>
|
||||
<q-tab-panel name="pending">
|
||||
<q-tab-panel name="pending" class="q-pa-none">
|
||||
<tab1
|
||||
:tab="tab"
|
||||
:roundId="round"
|
||||
|
|
@ -208,7 +209,7 @@ const fecthInsigniaByOc = async (
|
|||
:fecthInsigniaByOc="fecthInsigniaByOc"
|
||||
/>
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="reject">
|
||||
<q-tab-panel name="reject" class="q-pa-none">
|
||||
<tab2
|
||||
:tab="tab"
|
||||
:roundId="round"
|
||||
|
|
@ -216,7 +217,7 @@ const fecthInsigniaByOc = async (
|
|||
:fecthInsigniaByOc="fecthInsigniaByOc"
|
||||
/>
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="delete">
|
||||
<q-tab-panel name="delete" class="q-pa-none">
|
||||
<tab3
|
||||
:tab="tab"
|
||||
:roundId="round"
|
||||
|
|
@ -224,7 +225,7 @@ const fecthInsigniaByOc = async (
|
|||
:fecthInsigniaByOc="fecthInsigniaByOc"
|
||||
/>
|
||||
</q-tab-panel>
|
||||
<q-tab-panel name="organization">
|
||||
<q-tab-panel name="organization" class="q-pa-none">
|
||||
<tab4 :tab="tab" :roundId="round" />
|
||||
</q-tab-panel>
|
||||
</q-tab-panels>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue