提交 7ada6cd9 编写于 作者: Mosher's avatar Mosher

update: 调整表单多数据部件组件

上级 73824607
<template> <template>
<div class="app-form-mdctrl"> <div class="app-form-mdctrl">
<template v-if="contentType == 'GRID'">
<slot :viewparams="viewparams" :context="context" :viewState="MDCtrlState" :formMDCtrlAction="formMDCtrlAction"></slot>
</template>
<template>
<Icon class="app-form-mdctrl__icon" type="md-add" @click="addItem()" /> <Icon class="app-form-mdctrl__icon" type="md-add" @click="addItem()" />
<div class="app-form-mdctrl__item" v-for="(item, index) in items" :key="item.data[deKeyField.toLowerCase()]"> <div class="app-form-mdctrl__item" v-for="(item, index) in items" :key="item.data[deKeyField.toLowerCase()]">
<slot :viewparams="viewparams" :context="item.context" :viewState="MDCtrlState" :formMDCtrlAction="formMDCtrlAction"></slot> <slot :viewparams="viewparams" :context="item.context" :viewState="MDCtrlState" :formMDCtrlAction="formMDCtrlAction"></slot>
<Icon class="app-form-mdctrl__icon" type="ios-trash-outline" @click="removeItem(item, index)" /> <Icon class="app-form-mdctrl__icon" type="ios-trash-outline" @click="removeItem(item, index)" />
</div> </div>
</template>
</div> </div>
</template> </template>
...@@ -69,7 +74,7 @@ export default class AppFormMdCtrl extends Vue { ...@@ -69,7 +74,7 @@ export default class AppFormMdCtrl extends Vue {
* @type {[多数据部件类型] {LIST:列表、 FORM:表单、 REPEATER:重复器 }} * @type {[多数据部件类型] {LIST:列表、 FORM:表单、 REPEATER:重复器 }}
* @memberof AppFormMdCtrl * @memberof AppFormMdCtrl
*/ */
@Prop({ default: 'FORM' }) public contentType!: string | 'LIST' | 'FORM' | 'REPEATER'; @Prop({ default: 'FORM' }) public contentType!: string | 'LIST' | 'FORM' | 'REPEATER' | 'GRID';
/** /**
* 表单状态事件 * 表单状态事件
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册