import { AppDefaultViewLayout } from "../app-default-view-layout/app-default-view-layout"; import { Prop, Component } from 'vue-property-decorator'; import './app-default-tabexpview-layout.less'; @Component({}) export class AppDefaultTabExpViewLayout extends AppDefaultViewLayout { /** * 绘制头部内容 * * @memberof AppDefaultTabExpViewLayout */ renderViewHeader() { return (
{this.showCaption ?
{this.$slots.captionInfo ? this.$slots.captionInfo : this.viewInstance.caption}
: null }
) } /** * 绘制内容 * * @memberof AppDefaultTabExpViewLayout */ renderContent() { //TODO 分页位置样式等待模型补充 let cardClass = { 'view-card': true, 'view-no-caption': !this.showCaption, 'view-no-toolbar': !this.viewIsshowToolbar, 'view-tabs-mode-default': true }; return ( {this.renderViewHeader()} {this.$slots.topMessage} {this.$slots.searchForm}
{ (this.$slots.quickGroupSearch || this.$slots.quickSearch) &&
{this.$slots.quickGroupSearch} {this.$slots.quickSearchForm} {this.$slots.quickSearch}
} {this.$slots.bodyMessage} {this.$slots.default}
{this.$slots.bottomMessage}
); } }