suerprisePlus
2024-11-27 ab8f3297f7c8243d486c9da0900e4f813b2ea2df
src/views/visualization/bottomMenu.vue
@@ -5,12 +5,16 @@
                <el-popover popper-class="popover" placement="top" v-show="i.children && i.children.length > 0"
                    width="100" trigger="click">
                    <span slot="reference">{{ i.name }}</span>
                    <div @click="setChildData(c)" class="popover__item" v-show="i.children && i.children.length > 0"
                        v-for="(c, f) in i.children" c :title="c.name"> {{
                            c.name.slice(0, 8) }}
                    <div v-show="i.children && i.children.length > 0">
                        <div @click="setChildData(c)" class="popover__item" v-for="(c, f) in i.children" c
                            :title="c.name"> {{
                                c.name.slice(0, 8) }}
                        </div>
                    </div>
                </el-popover>
                <span @click="setChildData(i)" slot="reference" v-show="!i.children || i.children.length <= 0">{{ i.name }}</span>
                <span @click="setChildData(i)" slot="reference" v-show="!i.children || i.children.length <= 0">{{ i.name
                    }}</span>
            </div>
        </div>
@@ -27,31 +31,38 @@
        return {
            menuOption: [
                {
                    name: '配网巡检',
                    name: '一体建模',
                    children: [
                        {
                            id: 'a1',
                            name: '知识图谱',
                            pid: 's1',
                        }, {
                            id: 'a1',
                            name: '语义功能',
                            pid: 's4',
                        }
                    ]
                }, {
                    name: '配网运检',
                    name: '图模融合',
                    children: [{
                        id: 'a1',
                        name: '数据统计',
                        pid: 's2',
                    }]
                }, {
                    name: '灾害管理',
                    children: [{
                        id: 'a1',
                        name: '数据分析',
                        pid: 's3',
                    }]
                }, {
                    name: '数字线损',
                },
                // {
                //     name: '灾害管理',
                //     children: [{
                //         id: 'a1',
                //         name: '数据分析',
                //         pid: 's3',
                //     }]
                // },
                {
                    name: '运检',
                }
            ],
            visible: false