<template>
    <div class="form-subform">
        <form-cell :item="item">
            <slot></slot>
        </form-cell>
        <div class="add">
            <el-button
                icon="el-icon-plus"
                v-if="item.list && item.list.length"
            >{{ item.value }}</el-button>
        </div>
    </div>
</template>

<script>
export default {
    components: {
        FormCell: () => import('./FormCell')
    },
    props: {
        item: { type: Object, default: () => ({}) }
    }
}
</script>

<style lang="less" scoped>
@import "~styles/varibles.less";
.add {
    text-align: center;
    padding: 10px 0;
    .el-button {
        width: 100%;
    }
}
</style>
