<template> <div class="show-page-com assembly-plan-maintenance-page"> <dee-fold-pane :min-percent="minPercent" :default-percent="defaultPercent" split="vertical" class="detail-pane" > <template slot="paneL"> <search /> </template> <template slot="paneR"> <content2 /> </template> </dee-fold-pane> </div> </template> <script> import search from './search.vue' import content2 from './content.vue' export default { name: 'TfMomWebIndex', components: { search, content2 }, data() { return { minPercent: 15, defaultPercent: 15 } }, mounted() { }, methods: { } } </script> <style lang="scss" > .assembly-plan-maintenance-page{ margin: 4px; margin-top: 0px; height: calc(100% - 4px); width: calc(100% - 8px); background-color: #fff; } </style>