34 lines
846 B
Vue
34 lines
846 B
Vue
<template>
|
|
<h3>History</h3>
|
|
<Tabs value="0" class="tabs">
|
|
<TabList>
|
|
<Tab value="0">Communication History</Tab>
|
|
<Tab value="1">Site Visits</Tab>
|
|
<Tab value="2">Ownership History</Tab>
|
|
</TabList>
|
|
<TabPanels>
|
|
<TabPanel value="0">
|
|
<div>Descending order of communications with the customer go here.</div>
|
|
<button class="sidebar-button">Add New</button>
|
|
</TabPanel>
|
|
<TabPanel value="1">
|
|
<div>Site Visits</div>
|
|
</TabPanel>
|
|
<TabPanel value="2">
|
|
<div>Ownership History</div>
|
|
</TabPanel>
|
|
</TabPanels>
|
|
</Tabs>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref, onMounted } from "vue";
|
|
import Tabs from "primevue/tabs";
|
|
import TabList from "primevue/tablist";
|
|
import Tab from "primevue/tab";
|
|
import TabPanels from "primevue/tabpanels";
|
|
import TabPanel from "primevue/tabpanel";
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|