แก้ ที่อยู่ รับโอน component ทะเบียนบ้างส่วนประวัติ

This commit is contained in:
Thanit Konmek 2023-08-03 14:49:17 +07:00
parent e64b68c017
commit 8c1a5d9b23
17 changed files with 5864 additions and 25 deletions

View file

@ -0,0 +1,39 @@
<template>
<div class="col-12 row">
<div class="row col-12" style="padding-top: 80px">
<div id="information" name="1" class="row col-12 information">
<Information v-model:statusEdit="statusEdit" :statusAdd="false" />
</div>
<div id="government" name="16" class="row col-12 q-mt-md">
<Government v-model:statusEdit="statusEdit" :statusAdd="false" />
</div>
<div id="address" name="17" class="row col-12 q-mt-md">
<Address v-model:statusEdit="statusEdit" :statusAdd="false" />
</div>
<div id="family" name="18" class="row col-12 q-mt-md">
<Family v-model:statusEdit="statusEdit" :statusAdd="false" />
</div>
<div id="certicate" name="15" class="row col-12 q-mt-md">
<Certicate />
</div>
</div>
<Image />
</div>
</template>
<script setup lang="ts">
import { ref } from "vue";
import Image from "@/components/information/Image.vue";
import Information from "@/components/information/Information.vue";
import Government from "@/components/information/Government.vue";
import Address from "@/components/information/Address.vue";
import Family from "@/components/information/Family.vue";
import Certicate from "@/components/information/Certicate.vue";
const statusEdit = ref<boolean>(false);
</script>
<style lang="scss" scoped>
.information:target {
padding-top: 84px;
}
</style>
>

View file

@ -292,6 +292,10 @@ const closeModalTree = async () => {
// await getTable();
modalTree.value = false;
};
const nextPage = (id: string) => {
router.push(`/receive/${id}`);
};
</script>
<template>
<div class="toptitle text-dark col-12 row items-center">รายการรบโอน</div>
@ -367,25 +371,53 @@ const closeModalTree = async () => {
</template>
<template v-slot:body="props">
<q-tr :props="props" class="cursor-pointer">
<q-td key="no" :props="props">
<q-td
key="no"
:props="props"
@click="nextPage(props.row.personalId)"
>
{{ props.rowIndex + 1 }}
</q-td>
<q-td key="fullname" :props="props">
<q-td
key="fullname"
:props="props"
@click="nextPage(props.row.personalId)"
>
{{ props.row.fullname }}
</q-td>
<q-td key="position" :props="props">
<q-td
key="position"
:props="props"
@click="nextPage(props.row.personalId)"
>
{{ props.row.position }}
</q-td>
<q-td key="positionLevel" :props="props">
<q-td
key="positionLevel"
:props="props"
@click="nextPage(props.row.personalId)"
>
{{ props.row.positionLevel }}
</q-td>
<q-td key="oc" :props="props">
<q-td
key="oc"
:props="props"
@click="nextPage(props.row.personalId)"
>
{{ props.row.oc }}
</q-td>
<q-td key="agency" :props="props">
<q-td
key="agency"
:props="props"
@click="nextPage(props.row.personalId)"
>
{{ props.row.agency }}
</q-td>
<q-td key="status" :props="props">
<q-td
key="status"
:props="props"
@click="nextPage(props.row.personalId)"
>
{{ props.row.status }}
</q-td>
<q-td auto-width>