fix:修复从header点开的侧滑被下方弹出框遮挡的问题

This commit is contained in:
wangwenrui
2020-10-14 12:23:40 +08:00
parent 94249cf447
commit 55bd2fde5b
2 changed files with 18 additions and 1 deletions

View File

@@ -724,7 +724,6 @@
width: 100%; width: 100%;
height: 50px; height: 50px;
background-color: #232f3e; background-color: #232f3e;
z-index: 1;
} }

View File

@@ -103,6 +103,8 @@
<span :title="$t('overall.query')" @click="query(scope.row)" class="content-right-option" :id="'edp-query-'+scope.row.id"><i class="nz-icon nz-icon-search"></i></span> <span :title="$t('overall.query')" @click="query(scope.row)" class="content-right-option" :id="'edp-query-'+scope.row.id"><i class="nz-icon nz-icon-search"></i></span>
&nbsp; &nbsp;
<span :title="$t('overall.edit')" @click="editEndpoint(scope.row)" class="content-right-option" :id="'edp-edit-'+scope.row.id"><i class="nz-icon nz-icon-edit"></i></span> <span :title="$t('overall.edit')" @click="editEndpoint(scope.row)" class="content-right-option" :id="'edp-edit-'+scope.row.id"><i class="nz-icon nz-icon-edit"></i></span>
<span :title="$t('overall.delete')" @click.stop="delEndpoint(scope.row)" class="content-right-option" :id="'asset-del-'+scope.row.id"><i class="nz-icon nz-icon-delete"></i></span>
</div> </div>
<span v-else-if="item.prop == 'state'" > <span v-else-if="item.prop == 'state'" >
<el-popover placement="right" width="50" trigger="hover" :popper-class="scope.row.state == '1'?'small-pop':''"> <el-popover placement="right" width="50" trigger="hover" :popper-class="scope.row.state == '1'?'small-pop':''">
@@ -439,6 +441,22 @@
this.bottomBox.targetTab = "panel"; this.bottomBox.targetTab = "panel";
this.bottomBox.showSubList = true; this.bottomBox.showSubList = true;
}, },
delEndpoint(endpoint) {
this.$confirm(this.$t("tip.confirmDelete"), {
confirmButtonText: this.$t("tip.yes"),
cancelButtonText: this.$t("tip.no"),
type: 'warning'
}).then(() => {
this.$delete("endpoint?ids=" + endpoint.id).then(response => {
if (response.code === 200) {
this.$message({duration: 1000, type: 'success', message: this.$t("tip.deleteSuccess")});
this.getEndpointTableData();
} else {
this.$message.error(response.msg);
}
});
});
},
jumpToAlertMsg(endpoint) { jumpToAlertMsg(endpoint) {
this.endpoint = Object.assign({}, endpoint); this.endpoint = Object.assign({}, endpoint);
this.bottomBox.targetTab = 'alertMessage'; this.bottomBox.targetTab = 'alertMessage';