ปรับ UI ระบบวินัย

This commit is contained in:
Tanyalak 2024-01-30 11:17:25 +07:00
parent 21a779fe94
commit cf69df74ac
21 changed files with 2322 additions and 2304 deletions

View file

@ -292,10 +292,10 @@ function updatemodalPersonal(modal: boolean) {
<template>
<form @submit.prevent.stop="onValidate">
<q-card bordered>
<div class="col-12 q-pa-md">
<div class="col-12 row q-pa-md">
<div class="row col-12 q-col-gutter-md">
<div class="col-12 q-gutter-y-sm" v-if="data === null">
<div class="row q-col-gutter-md items-start">
<div class="col-12" v-if="data === null">
<div class="row q-col-gutter-sm">
<div class="col-12 col-sm-6 col-md-3">
<q-select
label="ค้นหาจาก"
@ -311,7 +311,7 @@ function updatemodalPersonal(modal: boolean) {
/>
</div>
<div class="col-12 col-sm-6 col-md-6">
<div class="col-12 col-sm-6 col-md-9">
<q-input
ref="searchRef"
v-model="search"
@ -321,22 +321,22 @@ function updatemodalPersonal(modal: boolean) {
dense
label="คำค้น"
:rules="[(val) => !!val || `กรุณากรอกคำค้น`]"
/>
</div>
<div class="col-12 col-sm-6 col-md-3">
<q-btn
color="primary"
icon="search"
label="ค้นหา"
class="full-width q-pa-sm"
@click="searchInput()"
>
</q-btn>
<template v-slot:after>
<q-btn
color="primary"
icon="search"
label="ค้นหา"
class="full-width q-py-sm q-px-md"
@click="searchInput()"
>
</q-btn>
</template>
</q-input>
</div>
</div>
<div class="col-12">
<div class="col-12 q-pt-sm">
<d-table
ref="table"
:columns="columnsRespondent"
@ -398,6 +398,7 @@ function updatemodalPersonal(modal: boolean) {
</d-table>
</div>
</div>
<!-- <div class="col-12"><q-separator /></div> -->
<div class="col-3">
<q-input