gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NEZ-928 fix: panel 页面 左侧选择器样式调整

Browse Source
This commit is contained in:
@changcode
2021-08-25 10:38:46 +08:00
parent 6a2e4675d0
commit c4bbf8698a
5 changed files with 51 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
nezha-fronted/src/components/common/popBox/selectPanel.vue
View File

@@ -22,10 +22,25 @@
ref="panelTree">
<div class="tree--node" slot-scope="{ node, data }">
<span>{{ node.label }}</span>
<span class="tree--operation" v-if="!panelLock">
<span @click.stop="deletePanel(data)" class="panel-dropdown-btn panel-dropdown-btn-delete" v-has="'panel_delete'"><i class="nz-icon nz-icon-delete"></i></span>
<span class="panel-dropdown-btn" @click.stop="editPanel(data)"><i v-has="'panel_edit'" class="nz-icon nz-icon-edit"></i></span>
</span>
<!-- <span class="tree&#45;&#45;operation" v-if="!panelLock">-->
<!-- <span @click.stop="deletePanel(data)" class="panel-dropdown-btn panel-dropdown-btn-delete" v-has="'panel_delete'"><i class="nz-icon nz-icon-delete"></i></span>-->
<!-- <span class="panel-dropdown-btn" @click.stop="editPanel(data)"><i v-has="'panel_edit'" class="nz-icon nz-icon-edit"></i></span>-->
<!-- </span>-->
<el-row class="block-col-2" style="width: 35px;">
<el-col>
<el-dropdown trigger="click" popper-class="testt">
<span class="el-dropdown-link tree--operation" @click.stop><i class="nz-icon nz-icon-more1"></i></span>
<el-dropdown-menu slot="dropdown" v-has="['panel_edit', 'panel_delete']">
<el-dropdown-item>
<span @click.stop="editPanel(data)"><i v-has="'panel_edit'" class="nz-icon nz-icon-edit"></i>Edit</span>
</el-dropdown-item>
<el-dropdown-item>
<span @click.stop="deletePanel(data)" v-has="'panel_delete'"><i class="nz-icon nz-icon-delete"></i>Delete</span>
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</el-col>
</el-row>
</div>
</el-tree>
</div>
@@ -34,6 +49,9 @@
<div slot="reference">
<slot name="trigger"></slot>
</div>
<div slot="default">
<slot name="tail"></slot>
</div>
</el-popover>
</template>
@@ -212,3 +230,8 @@ export default {
color: #D96D7A;
}
</style>
<style scoped lang="scss">
.nz-pop-select-panel {
z-index: 1999 !important;
}
</style>