<template> <div :class="curClassName" :style="curStyle"> <app-orgsector></app-orgsector> </div> </template> <script lang="ts"> import { Component, Prop, Vue } from "vue-property-decorator"; @Component({}) export default class AppIndexOrgSelect extends Vue { /** * 名称 * * @type {string} * @memberof AppIndexOrgSelect */ @Prop() public name!: string; /** * 布局模型详情 * * @type {*} * @memberof AppIndexOrgSelect */ @Prop() public layoutModelDetails: any; /** * 当前布局模型 * * @type {*} * @memberof AppIndexOrgSelect */ public currentLayoutModel: any; /** * 当前容器类名 * * @memberof AppIndexOrgSelect */ get curClassName() { return { 'app-index-org-select': true, [this.name]: true, [this.currentLayoutModel.sysCss]: this.currentLayoutModel.sysCss ? true : false } } /** * 当前容器样式 * * @memberof AppIndexOrgSelect */ get curStyle() { if (this.currentLayoutModel) { return this.currentLayoutModel.getElementStyle(); } return ''; } /** * Vue生命周期 --- created * * @memberof AppIndexOrgSelect */ created() { this.currentLayoutModel = this.layoutModelDetails[this.name]; } } </script> <style lang='less'> @import './app-index-org-select.less'; </style>