test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: also added details section in tabview

Browse Source
This commit is contained in:
Shariq Ansari 2023-07-27 12:59:24 +05:30
parent 4f4230a925
commit 520011e3d9
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/TabView.vue
View File

@ -15,14 +15,15 @@
{{ tab.label }} {{ tab.label }}
</div> </div>
</div> </div>
<div id="tabs-contents" class="h-full"> <div id="tabs-contents" class="flex h-full">
<div class="bg-gray-50 h-full"> <div class="flex-1 bg-gray-50">
<div v-for="tab in tabs" :key="tab.label"> <div v-for="tab in tabs" :key="tab.label">
<div v-if="activeTab == tab.label" class="p-6"> <div v-if="activeTab == tab.label" class="p-6">
<slot name="tab-content" v-bind="{ tab }" /> <slot name="tab-content" v-bind="{ tab }" />
</div> </div>
</div> </div>
</div> </div>
<slot name="details" />
</div> </div>
</template> </template>
<script setup> <script setup>

3
frontend/src/pages/Lead.vue
View File

@ -58,6 +58,9 @@
<template #tab-content="{ tab }"> <template #tab-content="{ tab }">
<div>{{ tab.label }}</div> <div>{{ tab.label }}</div>
</template> </template>
<template #details>
<div class="w-[390px] border-l px-6 py-3">{{ lead.doc.lead_name }}</div>
</template>
</TabView> </TabView>
</template> </template>
<script setup> <script setup>