| | |
| | | <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> |
| | |
| | | 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 |