fix: 侧滑 right-box 重名
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="mc" @click.self="clickOutside">
|
<div class="mc" @click.self="clickOutside">
|
||||||
<div class="right-box right-box-project-alert">
|
<div class="right-box right-box-project-asset">
|
||||||
<div class="right-box-title">{{ moduleName }} / {{$t('asset.asset')}}</div>
|
<div class="right-box-title">{{ moduleName }} / {{$t('asset.asset')}}</div>
|
||||||
<nz-data-list
|
<nz-data-list
|
||||||
ref="dataList"
|
ref="dataList"
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="mc" @click.self="clickOutside">
|
<div class="mc" @click.self="clickOutside">
|
||||||
<div class="right-box right-box-project-alert">
|
<div class="right-box right-box-project-endpoint">
|
||||||
<div class="right-box-title">{{ moduleName }} / {{$t('project.endpoint.endpoints')}}</div>
|
<div class="right-box-title">{{ moduleName }} / {{$t('project.endpoint.endpoints')}}</div>
|
||||||
<nz-data-list
|
<nz-data-list
|
||||||
ref="dataList"
|
ref="dataList"
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-clickoutside="{obj: editAssetType, func: esc}" class="right-box right-box-asset">
|
<div v-clickoutside="{obj: editAssetType, func: esc}" class="right-box right-box-asset-type">
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<div class="header__title">{{editAssetType.id ? $t('config.assetType.editAssetType') : $t('config.assetType.createModel')}}</div>
|
<div class="header__title">{{editAssetType.id ? $t('config.assetType.editAssetType') : $t('config.assetType.createModel')}}</div>
|
||||||
<div class="header__operation">
|
<div class="header__operation">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-clickoutside="{obj: editModel, func: esc}" class="right-box right-box-asset">
|
<div v-clickoutside="{obj: editModel, func: esc}" class="right-box right-box-model">
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<div class="header__title">{{editModel.id ? $t('config.model.editModel') : $t('config.model.createModel')}}</div>
|
<div class="header__title">{{editModel.id ? $t('config.model.editModel') : $t('config.model.createModel')}}</div>
|
||||||
<div class="header__operation">
|
<div class="header__operation">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-clickoutside="{obj: editRole, func: esc}" class="right-box right-box-asset">
|
<div v-clickoutside="{obj: editRole, func: esc}" class="right-box right-box-role">
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<div class="header__title">{{editRole.id ? $t('config.roles.editRole') : $t('config.roles.createRole')}}</div>
|
<div class="header__title">{{editRole.id ? $t('config.roles.editRole') : $t('config.roles.createRole')}}</div>
|
||||||
<div class="header__operation">
|
<div class="header__operation">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-clickoutside="{obj: editUser, func: esc}" class="right-box right-box-asset">
|
<div v-clickoutside="{obj: editUser, func: esc}" class="right-box right-box-user">
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<div class="header__title">{{editUser.id ? $t('config.user.editUser') : $t('config.user.createUser')}}</div>
|
<div class="header__title">{{editUser.id ? $t('config.user.editUser') : $t('config.user.createUser')}}</div>
|
||||||
<div class="header__operation">
|
<div class="header__operation">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-clickoutside="{obj: editAlertRule, func: clickOutside}" class="right-box right-box-alert-config">
|
<div v-clickoutside="{obj: editAlertRule, func: clickOutside}" class="right-box right-box-alert-rule">
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<!-- begin--标题-->
|
<!-- begin--标题-->
|
||||||
<div class="header__title">{{alertRule.id ? $t("alert.config.editAlertConfig") : $t("alert.config.createAlertConfig")}}</div>
|
<div class="header__title">{{alertRule.id ? $t("alert.config.editAlertConfig") : $t("alert.config.createAlertConfig")}}</div>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="right-box right-box-alert-config" v-clickoutside="{obj:editAlertSilence,func:clickOutside}">
|
<div class="right-box right-box-alert-silence" v-clickoutside="{obj:editAlertSilence,func:clickOutside}">
|
||||||
<!-- begin--标题-->
|
<!-- begin--标题-->
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<div class="header__title">{{editAlertSilence.id ? $t("alert.silence.edit") : $t("alert.silence.create")}}</div>
|
<div class="header__title">{{editAlertSilence.id ? $t("alert.silence.edit") : $t("alert.silence.create")}}</div>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<transition name="right-box-580">
|
<transition name="right-box-580">
|
||||||
<div class="right-box right-box-asset" v-clickoutside="{obj:editAssetMeta,func:clickOutside}">
|
<div class="right-box right-box-asset-meta" v-clickoutside="{obj:editAssetMeta,func:clickOutside}">
|
||||||
<!-- begin--标题-->
|
<!-- begin--标题-->
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<div class="header__title">{{editAssetMeta.id ? $t("config.assetLabel.editMeta"): $t("config.assetLabel.addMeta")}}
|
<div class="header__title">{{editAssetMeta.id ? $t("config.assetLabel.editMeta"): $t("config.assetLabel.addMeta")}}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<transition name="right-box-580">
|
<transition name="right-box-580">
|
||||||
<div class="right-box right-box-panel z-top" v-clickoutside="{obj:editMetaGroup,func:clickOutside}">
|
<div class="right-box right-box-asset-meta-group z-top" v-clickoutside="{obj:editMetaGroup,func:clickOutside}">
|
||||||
<!-- begin--顶部按钮-->
|
<!-- begin--顶部按钮-->
|
||||||
<div class="right-box-top-btns right-box-form-delete">
|
<div class="right-box-top-btns right-box-form-delete">
|
||||||
<button @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien" id="alert-box-del" type="button"
|
<button @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien" id="alert-box-del" type="button"
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="right-box right-box-add-endpoint" v-clickoutside="{obj:endpoint,func:clickOutside}">
|
<div class="right-box right-box-modify-endpoint" v-clickoutside="{obj:endpoint,func:clickOutside}">
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<!-- begin--标题-->
|
<!-- begin--标题-->
|
||||||
<div class="header__title">{{$t("overall.batchEndpoint")}}</div>
|
<div class="header__title">{{$t("overall.batchEndpoint")}}</div>
|
||||||
@@ -955,7 +955,7 @@ export default {
|
|||||||
.el-table__row.hide-row{
|
.el-table__row.hide-row{
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
.right-box-add-endpoint {
|
.right-box-modify-endpoint {
|
||||||
.right-box-form>.el-form-item {
|
.right-box-form>.el-form-item {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-clickoutside="{obj: editChartTemp, func: esc}" class="right-box right-box-asset">
|
<div v-clickoutside="{obj: editChartTemp, func: esc}" class="right-box right-box-chart-temp">
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<div class="header__title">{{editChartTemp.id ? $t('dashboard.panel.createChartByTemp') :$t('dashboard.panel.createChartByTemp')}}</div>
|
<div class="header__title">{{editChartTemp.id ? $t('dashboard.panel.createChartByTemp') :$t('dashboard.panel.createChartByTemp')}}</div>
|
||||||
<div class="header__operation">
|
<div class="header__operation">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="right-box right-box-module" v-clickoutside="{obj:editEndpoint,func:clickOutside}">
|
<div class="right-box right-box-edit-endpoint" v-clickoutside="{obj:editEndpoint,func:clickOutside}">
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<!-- begin--标题-->
|
<!-- begin--标题-->
|
||||||
<div class="header__title">
|
<div class="header__title">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-clickoutside="{obj:editExprTemp,func:clickOutside}" class="right-box right-box-alert-config">
|
<div v-clickoutside="{obj:editExprTemp,func:clickOutside}" class="right-box right-box-alert-expr">
|
||||||
<!-- begin--标题-->
|
<!-- begin--标题-->
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<div class="header__title">{{editExprTemp.id ? $t("config.exprTemp.edit"):
|
<div class="header__title">{{editExprTemp.id ? $t("config.exprTemp.edit"):
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div v-clickoutside="{obj: editCabinet, func: esc}" class="right-box right-box-asset">
|
<div v-clickoutside="{obj: editCabinet, func: esc}" class="right-box right-setting-box-cabinet">
|
||||||
<div class="right-box__header">
|
<div class="right-box__header">
|
||||||
<div class="header__title">{{editCabinet.id ? $t('config.cabinet.editCabinet') : $t('config.cabinet.createCabinet')}}</div>
|
<div class="header__title">{{editCabinet.id ? $t('config.cabinet.editCabinet') : $t('config.cabinet.createCabinet')}}</div>
|
||||||
<div class="header__operation">
|
<div class="header__operation">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="right-box right-box-project" v-clickoutside="{obj:traffic,func:clickOutside}" >
|
<div class="right-box right-box-traffic-setting " v-clickoutside="{obj:traffic,func:clickOutside}" >
|
||||||
|
|
||||||
<!-- begin--标题-->
|
<!-- begin--标题-->
|
||||||
<div class="right-box-title">{{$t('config.dc.traffic.title')}}</div>
|
<div class="right-box-title">{{$t('config.dc.traffic.title')}}</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user