<template>
    <div>
        <h3>新增居民</h3>
        <div class="form">
            <el-form :model="form" label-width="100px">
                <h5>选择居住房屋</h5>
            <div class="house">
            </div>
            <h5>基础信息登记</h5>
            <div class="resiInfo">
            </div>
            <h5>拓展信息登记</h5>
            <div class="expand">
            </div>
            <h5>人员标签</h5>
            <div class="label">
            </div>
            </el-form>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            form: {},
            result:{

            }
        };
    },
    created() { },
    methods: {},
    components: {},
    computed: {},
    watch: {},
}
</script>

<style lang='scss'>
@import "@/assets/scss/modules/management/list-main.scss";
//我想做一个关系图谱的功能,要求我可以自定义节点图片包括线条样式
h3 {
    background-color: #f2f2f2;
    height: 50px;
    line-height: 50px;
    padding-left: 16px;
    margin-bottom: 0;
}
.form{
    padding:0 16px 16px;
}
h5 {
    padding-left: 16px;
    position: relative;
    &::after{
        content: "";
        position: absolute;
        display: inline-block;
        left: 4px;
        top: 0px;
        width: 5px;
        height: 16px;
        background-color:#0056d6 ;
    }
}
</style>
