44 lines
1.1 KiB
Vue
44 lines
1.1 KiB
Vue
<template lang="pug">
|
|
.w-full.h-fit.pt-4.flex.gap-x-4(class="px-[52px] pb-[30px]")
|
|
client-detail-info-section(
|
|
v-model:section-info="dataDocument"
|
|
section="pass"
|
|
:update-document="updateDocument"
|
|
:lack-pass="lackPass"
|
|
)
|
|
.flex.flex-col
|
|
client-detail-info-section(
|
|
:section-info="dataAddress"
|
|
section="addresses"
|
|
:update-address="updateAddress"
|
|
:lack-address="lackAddress"
|
|
)
|
|
.flex.flex-col
|
|
client-detail-info-section(
|
|
:section-info="dataAttachments"
|
|
section="docs"
|
|
:save-new-doc="saveNewDoc"
|
|
:delete-doc="deleteDoc"
|
|
)
|
|
</template>
|
|
|
|
<script>
|
|
import ClientDetailInfoSection from "@/pages/clients/components/ClientDetailInfoSection";
|
|
export default {
|
|
name: "ClientDetailInfoWrapper",
|
|
components: { ClientDetailInfoSection },
|
|
props: {
|
|
dataDetail: Object,
|
|
dataAddress: Object,
|
|
dataAttachments: Array,
|
|
saveNewDoc: Function,
|
|
deleteDoc: Function,
|
|
dataDocument: Object,
|
|
updateDocument: Function,
|
|
updateAddress: Function,
|
|
lackPass: Boolean,
|
|
lackAddress: Boolean,
|
|
},
|
|
};
|
|
</script>
|