ปรับ css หน้าจัดการเพิ่มเติม

This commit is contained in:
Tanyalak 2023-07-27 13:36:02 +07:00
parent 1b4465bf36
commit 1fb7bfd1e6
3 changed files with 84 additions and 50 deletions

View file

@ -1,21 +1,39 @@
<!-- tab เขต/อำเภอ หนาจดการขอมลหล/อมลเกยวกบบคคล -->
<template>
<div class="row items-center q-mb-sm q-mr-md q-ml-sm">
<q-btn icon="chevron_left" color="grey" flat dense @click="goToManage()">
<q-btn
icon="mdi-arrow-left"
unelevated
round
dense
flat
color="primary"
class="q-mr-sm"
@click="goToManage()"
>
<q-tooltip>กล</q-tooltip>
</q-btn>
<div class="text-body1 text-weight-bold">การจดการขอมลเขต</div>
<div class="text-h6 text-dark text-weight-bold">การจดการขอมลเขต</div>
<q-space />
<div @click="goToManage()" class="cursor-pointer">
การจดการขอมลจงหว
<span class="text-primary text-weight-bold"> {{ provinceName }}</span>
</div>
<q-breadcrumbs class="text-grey" active-color="blue">
<template v-slot:separator>
<q-icon
size="1.2em"
name="chevron_right"
color="blue"
/>
</template>
<q-breadcrumbs-el to="/metadata" label="การจัดการข้อมูลจังหวัด" />
<q-breadcrumbs-el label="การจัดการข้อมูลเขต" />
</q-breadcrumbs>
</div>
<q-form ref="myForm">
<q-card flat bordered class="q-pa-md row col-12">
<q-card flat bordered class=" row col-12">
<div class="col-xs-12">
<div class="q-mt-md">
<div class="q-mt-sm">
<data-table
:rows="rows"
:columns="columns"
@ -80,7 +98,7 @@
/>
<q-icon
size="30px"
color="grey-8"
color="grey-7"
name="chevron_right"
@click="clickRow(props.row.id)"
/>

View file

@ -1,23 +1,38 @@
<!-- tab แขวง/ตำบล หนาจดการขอมลหล/อมลเกยวกบบคคล -->
<template>
<div class="row items-center q-mb-sm q-mr-md q-ml-sm">
<q-btn icon="chevron_left" color="grey" flat dense @click="goToProvince()">
<q-btn
icon="mdi-arrow-left"
unelevated
round
dense
flat
color="primary"
class="q-mr-sm"
@click="goToProvince()"
>
<q-tooltip>กล</q-tooltip>
</q-btn>
<div class="text-body1 text-weight-bold">การจดการขอมลแขวง/ตำบล</div>
<div class="text-h6 text-dark text-weight-bold">การจดการขอมลแขวง/ตำบล</div>
<q-space />
<div @click="goToManage()" class="cursor-pointer">
การจดการขอมลจงหว /
</div>
<div @click="goToProvince()" class="cursor-pointer">
ดการขอมลเขต/อำเภอ
<span class="text-primary text-weight-bold"> {{ districtName }}</span>
</div>
<q-breadcrumbs class="text-grey" active-color="blue">
<template v-slot:separator>
<q-icon
size="1.2em"
name="chevron_right"
color="blue"
/>
</template>
<q-breadcrumbs-el to="/metadata" label="การจัดการข้อมูลจังหวัด" />
<q-breadcrumbs-el @click="goToProvince()" class="cursor-pointer" label="การจัดการข้อมูลเขต" />
<q-breadcrumbs-el label="การจัดการข้อมูลแขวง/ตำบล" />
</q-breadcrumbs>
</div>
<q-card flat bordered class="q-pa-md row col-12">
<q-card flat bordered class="row col-12">
<div class="col-xs-12">
<div class="q-mt-md">
<div class="q-mt-sm">
<q-form ref="myForm">
<data-table
:rows="rows"