/**
 * 添加设备 显示实例
 */
<template>
    <div class="add-equipment">
        <el-dialog custom-class="equipment-detail-dialog" title="添加显示实例" :visible.sync="dialogTableVisible">
            <div class="header">
                <span>选择设备:</span>
                <Cascader caption="设备实例范围:" multiple excludeTop :data="cascaderData1" showPanel width="260"></Cascader>
            </div>
        </el-dialog>
    </div>
</template>
<script>
/**
 * 添加设备 显示实例
 */
export default {
    name: "addEquipmentDialog",
    props: {},
    components: {},
    data() {
        return {
            dialogTableVisible: true,
            cascaderData1: [
                {
                    title: "1",
                    id: "1code",
                    children: [
                        {
                            title: "1_1",
                            id: "1_1code",
                        },
                        {
                            title: "1_2",
                            id: "1_2code",
                        },
                    ],
                },
                {
                    title: "2",
                    id: "2code",
                    children: [
                        {
                            title: "2_1",
                            id: "2_1code",
                        },
                    ],
                },
            ],
        };
    },
    created() {},
    methods: {},
};
</script>
<style lang='less' scoped>
.add-equipment {
    /deep/ .equipment-detail-dialog {
        width: 1200px;
        height: 648px;
        // background-color: blueviolet;
    }
}
</style>