56 lines
1.5 KiB
Vue
56 lines
1.5 KiB
Vue
<template lang="pug">
|
|
.w-full.h-fit.flex.gap-x-4
|
|
client-detail-info-section(
|
|
v-model:section-info="dataDocument",
|
|
section="pass",
|
|
:update-document="updateDocument",
|
|
:lack-data="lackData",
|
|
:create-document="createDocument",
|
|
:doc-id="docId",
|
|
)
|
|
.flex.flex-col
|
|
client-detail-info-section(
|
|
:section-info="dataAddress",
|
|
section="addresses",
|
|
:update-address="updateAddress",
|
|
:lack-address="lackAddress",
|
|
:dope-address="dopeAddress",
|
|
:create-address="createAddress",
|
|
:address-id="addressId"
|
|
)
|
|
.flex.flex-col
|
|
client-detail-info-section(
|
|
:section-info="dataAttachments",
|
|
section="docs",
|
|
:save-new-doc="saveNewDoc",
|
|
:delete-doc="deleteDoc"
|
|
:lack-attachments="lackAttachments"
|
|
)
|
|
</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,
|
|
lackData: Boolean,
|
|
lackAddress: Boolean,
|
|
lackAttachments: Boolean,
|
|
dopeAddress: Object,
|
|
createAddress: Function,
|
|
createDocument: Function,
|
|
addressId: String,
|
|
docId: String,
|
|
},
|
|
};
|
|
</script>
|