<template>
    <!-- 下拉单选 -->
    <div>
        <basic-edit></basic-edit>
        <div class="disabled" v-if="formItem.disabled">
            <div class="title">选项：</div>
            <el-input
                :value="item.name"
                v-for="(item, index) in formItem.option.list"
                :key="index"
                disabled
            ></el-input>
        </div>
        <option-edit radio link v-else></option-edit>
        <verify-edit></verify-edit>
    </div>
</template>

<script>
export default {
    name: 'FormRadio',
    components: {
        BasicEdit: () => import('@/common/formDesign/components/formEdit/components/BasicEdit'),
        OptionEdit: () => import('@/common/formDesign/components/formEdit/components/OptionEdit'),
        VerifyEdit: () => import('@/common/formDesign/components/formEdit/components/VerifyEdit')
    },
    data () {
        return {
            formItem: this.$store.state.form.formItem
        }
    }
}
</script>

<style lang="less" scoped>
.disabled .el-input + .el-input {
    margin-top: 10px;
}
</style>
