提交 fc57f5ad 编写于 作者: tony001's avatar tony001

update:更新

上级 555ef42e
<template>
<div :class="curClassName" :style="curStyle">
<template v-if="containerModel.length > 0">
<div v-for="name of containerModel" class="container-item__pos" :style="getItemPosStyle(name)">
<slot :name="name"></slot>
</div>
<template v-if="mutliData && mutliData.length > 0">
<template v-for="data, index of mutliData">
<template v-if="containerModel.length > 0">
<div v-for="name of containerModel" class="container-item__pos" :style="getItemPosStyle(name)">
<slot :name="name" :data="{ index }"></slot>
</div>
</template>
</template>
</template>
<template v-else>
<template v-if="containerModel.length > 0">
<div v-for="name of containerModel" class="container-item__pos" :style="getItemPosStyle(name)">
<slot :name="name"></slot>
</div>
</template>
</template>
</div>
</template>
......@@ -37,6 +48,14 @@ export default class AppStandardContainer extends Vue {
*/
@Prop() public layoutModelDetails: any;
/**
* 是否为多数据容器
*
* @type {boolean}
* @memberof AppStandardContainer
*/
@Prop() public isMultiContainer!:boolean;
/**
* 项名称
*
......@@ -47,6 +66,20 @@ export default class AppStandardContainer extends Vue {
return this.index ? `${this.name}_${this.index}` : this.name;
}
/**
* 多数据容器值
*
* @type {*}
* @memberof AppStandardContainer
*/
get mutliData() {
if (this.isMultiContainer && this.isMultiContainer === true) {
if (this.layoutModelDetails[this.itemName]) {
return this.layoutModelDetails[this.itemName].getData();
}
}
}
/**
* 布局模型详情变更
* @param newVal
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册