ปรับ responesive

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-05-24 16:57:35 +07:00
parent 8628be8fcf
commit 72ca700702
8 changed files with 342 additions and 282 deletions

View file

@ -14,7 +14,7 @@ import config from "@/app.config";
import type { FormType } from "@/modules/07_appealComplain/interface/response/mainType";
import type { DataOption } from "@/modules/07_appealComplain/interface/index/main";
const total = ref<number>(0)
const total = ref<number>(0);
const currentPage = ref<number>(1);
const maxPage = ref<number>(1);
const page = ref<number>(1);
@ -175,7 +175,7 @@ const getData = async () => {
)
)
.then((res: any) => {
total.value = res.data.result.total
total.value = res.data.result.total;
maxPage.value = Math.ceil(res.data.result.total / rowsPerPage.value);
let data = res.data.result.data;
dataStore.fetchAppealComplain(data);
@ -280,7 +280,7 @@ onMounted(async () => {
</div>
</div>
<div class="row col-12 q-col-gutter-sm q-mb-sm">
<div class="col-2">
<div class="col-xs-12 col-md-2">
<datepicker
menu-class-name="modalfix"
v-model="formData.year"
@ -316,7 +316,7 @@ onMounted(async () => {
</datepicker>
</div>
<div class="col-2">
<div class="col-xs-12 col-md-2">
<q-select
v-model="formData.type"
label="ประเภท"
@ -330,7 +330,7 @@ onMounted(async () => {
@update:model-value="dataUpdate"
/>
</div>
<div class="col-2">
<div class="col-xs-12 col-md-2">
<q-select
v-model="formData.status"
label="สถานะ"