mirror of
https://github.com/frappe/books.git
synced 2025-01-25 08:08:37 +00:00
47 lines
1.1 KiB
Vue
47 lines
1.1 KiB
Vue
<template>
|
|
<div class="flex overflow-hidden">
|
|
<Sidebar
|
|
class="w-48 flex-shrink-0"
|
|
@change-db-file="$emit('change-db-file')"
|
|
/>
|
|
<div class="flex flex-1 overflow-y-hidden bg-white">
|
|
<router-view v-slot="{ Component }">
|
|
<keep-alive>
|
|
<component :is="Component" class="flex-1" :key="$route.path" />
|
|
</keep-alive>
|
|
</router-view>
|
|
|
|
<div class="flex" v-if="showQuickEdit">
|
|
<router-view name="edit" v-slot="{ Component }">
|
|
<keep-alive>
|
|
<component
|
|
:is="Component"
|
|
class="w-80 flex-1"
|
|
:key="$route.query.doctype + $route.query.name"
|
|
/>
|
|
</keep-alive>
|
|
</router-view>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import Sidebar from '../components/Sidebar';
|
|
export default {
|
|
name: 'Desk',
|
|
emits: ['change-db-file'],
|
|
components: {
|
|
Sidebar,
|
|
},
|
|
computed: {
|
|
showQuickEdit() {
|
|
return (
|
|
this.$route.query.edit &&
|
|
this.$route.query.doctype &&
|
|
this.$route.query.name
|
|
);
|
|
},
|
|
},
|
|
};
|
|
</script>
|