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

feat：添加权限

Browse Source
This commit is contained in:
zhangyu
2021-04-22 15:52:32 +08:00
parent dc36d7e010
commit b4aafcd78f
14 changed files with 58 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
nezha-fronted/src/components/common/exportXLSX.vue
View File

@@ -152,7 +152,7 @@ export default {
if (this.importUrl.indexOf('asset') > -1) { if (this.importUrl.indexOf('asset') > -1) {
url = '/asset/cancelImport' url = '/asset/cancelImport'
} else if (this.importUrl.indexOf('endpoint') > -1) { } else if (this.importUrl.indexOf('endpoint') > -1) {
url = '/endpoint/cancelImport' url = '/monitor/endpoint/cancelImport'
} else if (this.importUrl.indexOf('rule') > -1) { } else if (this.importUrl.indexOf('rule') > -1) {
url = '/alert/rule/cancelImport' url = '/alert/rule/cancelImport'
} else if (this.importUrl.indexOf('panel') > -1) { } else if (this.importUrl.indexOf('panel') > -1) {
@@ -225,7 +225,7 @@ export default {
} else if (this.importUrl.indexOf('panel') > -1) { } else if (this.importUrl.indexOf('panel') > -1) {
url = '/panel/template' url = '/panel/template'
} else if (this.importUrl.indexOf('endpoint') > -1) { } else if (this.importUrl.indexOf('endpoint') > -1) {
url = '/endpoint/template' url = '/monitor/endpoint/template'
} else if (this.importUrl.indexOf('tmpl') > -1) { } else if (this.importUrl.indexOf('tmpl') > -1) {
url = '/expression/tmpl/template' url = '/expression/tmpl/template'
} }

8
nezha-fronted/src/components/common/project/topologyL5.vue
View File

@@ -3,13 +3,13 @@
@import "./L5/css/props.css"; @import "./L5/css/props.css";
</style> </style>
<template> <template>
<div class="project-box list-page" v-loading="topologyLoading"> <div class="project-box list-page" v-loading="topologyLoading" v-has="'topo_list'">
<!--project主要信息--> <!--project主要信息-->
<div class="project-title" v-if="showTopTools&&!fromOverView" :style="{'background':editTopologyFlag?'#F6F6F6':'#ffffff','border-bottom':editTopologyFlag? '1px solid #F6F6F6':'' }"> <div class="project-title" v-if="showTopTools&&!fromOverView" :style="{'background':editTopologyFlag?'#F6F6F6':'#ffffff','border-bottom':editTopologyFlag? '1px solid #F6F6F6':'' }">
<div v-show="editTopologyFlag" class="edit-topologyLine" style="padding-left: 20px;width: calc(100% - 20px);position: absolute;top: 9px;padding-right: 20px"> <div v-show="editTopologyFlag" class="edit-topologyLine" style="padding-left: 20px;width: calc(100% - 20px);position: absolute;top: 9px;padding-right: 20px">
<!--工具栏--> <!--工具栏-->
<span class="project-topology-tool"> <span class="project-topology-tool">
<el-dropdown trigger="click" size="small" placement="bottom-start"> <el-dropdown trigger="click" size="small" placement="bottom-start" v-has="'topo_icon_list'">
<span class="el-dropdown-title"><i class="iconfont icon-cube"></i> <i <span class="el-dropdown-title"><i class="iconfont icon-cube"></i> <i
class="nz-icon nz-icon-arrow-down"></i></span> class="nz-icon nz-icon-arrow-down"></i></span>
<el-dropdown-menu slot="dropdown" @click="dropdownClick"> <el-dropdown-menu slot="dropdown" @click="dropdownClick">
@@ -37,7 +37,7 @@
</el-collapse-item> </el-collapse-item>
</el-collapse> </el-collapse>
</el-card> </el-card>
<div class="upload-pic-box" @click="uploadPicChange"> <div class="upload-pic-box" @click="uploadPicChange" v-has="'topo_icon_save'">
<i class="el-icon-plus"></i> <i class="el-icon-plus"></i>
<span> <span>
Upload custom picture Upload custom picture
@@ -119,7 +119,7 @@
<i class="nz-icon" :class="topoScreen?'nz-icon-exit-full-screen':'nz-icon-full-screen'"></i> <i class="nz-icon" :class="topoScreen?'nz-icon-exit-full-screen':'nz-icon-full-screen'"></i>
</button> </button>
<button @click="editTopology" class="top-tool-btn float-right" <button @click="editTopology" class="top-tool-btn float-right"
style="border-right: 1px solid rgba(162,162,162,0.50);margin-right: 12px;" type="button" style="border-right: 1px solid rgba(162,162,162,0.50);margin-right: 12px;" type="button" v-has="'project_topo_update'"
> >
<i class="nz-icon nz-icon-edit" :title="$t('project.topology.edit')"></i> <i class="nz-icon nz-icon-edit" :title="$t('project.topology.edit')"></i>
</button> </button>

3
nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
View File

@@ -1,3 +1,6 @@
<style scoped lang="scss">
@import '@/assets/css/common/rightBoxCommon.scss';
</style>
<template> <template>
<div class="right-box right-box-add-endpoint" :class="{'right-box-add-endpoint-snmp': currentModuleCopy.type && currentModuleCopy.type.toLowerCase() == 'snmp'}" v-clickoutside="{obj:endpoint,func:clickOutside}"> <div class="right-box right-box-add-endpoint" :class="{'right-box-add-endpoint-snmp': currentModuleCopy.type && currentModuleCopy.type.toLowerCase() == 'snmp'}" v-clickoutside="{obj:endpoint,func:clickOutside}">
<!-- begin--顶部按钮--> <!-- begin--顶部按钮-->

3
nezha-fronted/src/components/common/rightBox/batchModifyEndpoint.vue
View File

@@ -1,3 +1,6 @@
<style scoped lang="scss">
@import '@/assets/css/common/rightBoxCommon.scss';
</style>
<template> <template>
<div class="right-box right-box-add-endpoint" v-clickoutside="{obj:endpoint,func:clickOutside}"> <div class="right-box right-box-add-endpoint" v-clickoutside="{obj:endpoint,func:clickOutside}">
<!-- begin--顶部按钮--> <!-- begin--顶部按钮-->

19
nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
View File

@@ -1,11 +1,14 @@
<style scoped lang="scss">
@import '@/assets/css/common/rightBoxCommon.scss';
</style>
<template> <template>
<div class="right-box right-box-module" v-clickoutside="{obj:editEndpoint,func:clickOutside}"> <div class="right-box right-box-module" v-clickoutside="{obj:editEndpoint,func:clickOutside}">
<!-- begin--顶部按钮--> <!-- begin--顶部按钮-->
<div class="right-box-top-btns right-box-form-delete"> <div class="right-box-top-btns right-box-form-delete" v-if="optionType === 'edit'">
<!-- <button v-if="editEndpoint.id" id="module-del" v-has="'module_delete'" class="nz-btn nz-btn-size-normal nz-btn-size-alien" type="button" @click="del">--> <button v-if="editEndpoint.id" id="module-del" v-has="'monitor_endpoint_delete'" class="nz-btn nz-btn-size-normal nz-btn-size-alien" type="button" @click="del">
<!-- <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-delete"></i></span>--> <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-delete"></i></span>
<!-- <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>--> <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
<!-- </button>--> </button>
</div> </div>
<!-- end--顶部按钮--> <!-- end--顶部按钮-->
@@ -252,7 +255,7 @@
<button v-cancel="{obj:editEndpoint,func:esc}" id="module-box-esc" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new"> <button v-cancel="{obj:editEndpoint,func:esc}" id="module-box-esc" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new">
<span>{{$t('overall.cancel')}}</span> <span>{{$t('overall.cancel')}}</span>
</button> </button>
<button :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" @click="save" class="nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" id="module-box-save"> <button :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" @click="save" v-has="'monitor_endpoint_edit'" class="nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" id="module-box-save">
<span>{{$t('overall.save')}}</span> <span>{{$t('overall.save')}}</span>
</button> </button>
</div> </div>
@@ -859,7 +862,9 @@ export default {
padding: 0; padding: 0;
} }
/deep/ .ti-tag{ /deep/ .ti-tag{
background-color: #FA901C; background-color: #f4f4f5;
border-color: #e9e9eb;
color: #909399;
} }
</style> </style>
<style> <style>

3
nezha-fronted/src/components/common/rightBox/menuBox.vue
View File

@@ -1,3 +1,6 @@
<style scoped lang="scss">
@import '@/assets/css/common/rightBoxCommon.scss';
</style>
<template> <template>
<div class="right-box right-box-menu" v-clickoutside="{obj:editMenu,func:clickOutside}"> <div class="right-box right-box-menu" v-clickoutside="{obj:editMenu,func:clickOutside}">
<!-- begin--顶部按钮--> <!-- begin--顶部按钮-->

15
nezha-fronted/src/components/common/rightBox/moduleBox.vue
View File

@@ -1,8 +1,11 @@
<style scoped lang="scss">
@import '@/assets/css/common/rightBoxCommon.scss';
</style>
<template> <template>
<div class="right-box right-box-module" v-clickoutside="{obj:editModule,func:clickOutside}"> <div class="right-box right-box-module" v-clickoutside="{obj:editModule,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 v-if="editModule.id" id="module-del" v-has="'module_delete'" class="nz-btn nz-btn-size-normal nz-btn-size-alien" type="button" @click="del"> <button v-if="editModule.id" id="module-del" v-has="'monitor_module_delete'" class="nz-btn nz-btn-size-normal nz-btn-size-alien" type="button" @click="del">
<span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-delete"></i></span> <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-delete"></i></span>
<span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span> <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
</button> </button>
@@ -245,7 +248,7 @@
<button v-cancel="{obj:editModule,func:esc}" id="module-box-esc" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new"> <button v-cancel="{obj:editModule,func:esc}" id="module-box-esc" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new">
<span>{{$t('overall.cancel')}}</span> <span>{{$t('overall.cancel')}}</span>
</button> </button>
<button :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" @click="save" class="nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" id="module-box-save"> <button :class="{'nz-btn-disabled':prevent_opt.save}" v-has="'monitor_module_add'" :disabled="prevent_opt.save" @click="save" class="nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" id="module-box-save">
<span>{{$t('overall.save')}}</span> <span>{{$t('overall.save')}}</span>
</button> </button>
</div> </div>
@@ -763,9 +766,9 @@ export default {
line-height: 21px; line-height: 21px;
} }
.half-form-item { .half-form-item {
width: calc(50% - 30px); width: calc(50% - 21px);
display: inline-block; display: inline-block;
padding: 0 18px 0 8px; padding: 0 18px 0 0px;
} }
.half-form-item:nth-child(even){ .half-form-item:nth-child(even){
padding-left: 0; padding-left: 0;
@@ -838,7 +841,9 @@ export default {
padding: 0; padding: 0;
} }
/deep/ .ti-tag{ /deep/ .ti-tag{
background-color: #FA901C; background-color: #f4f4f5;
border-color: #e9e9eb;
color: #909399;
} }
</style> </style>
<style> <style>

5
nezha-fronted/src/components/common/rightBox/projectBox.vue
View File

@@ -1,3 +1,6 @@
<style scoped lang="scss">
@import '@/assets/css/common/rightBoxCommon.scss';
</style>
<template> <template>
<div class="right-box right-box-project" v-clickoutside="{obj:editProject,func:clickOutside}"> <div class="right-box right-box-project" v-clickoutside="{obj:editProject,func:clickOutside}">
<!-- begin--顶部按钮--> <!-- begin--顶部按钮-->
@@ -28,7 +31,7 @@
<button v-cancel="{obj:editProject,func:esc}" id="project-esc" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new"> <button v-cancel="{obj:editProject,func:esc}" id="project-esc" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new">
<span>{{$t('overall.cancel')}}</span> <span>{{$t('overall.cancel')}}</span>
</button> </button>
<button :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" @click="save" class="nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" id="project-save"> <button :class="{'nz-btn-disabled':prevent_opt.save}" v-has="'project_add'" :disabled="prevent_opt.save" @click="save" class="nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" id="project-save">
<span>{{$t('overall.save')}}</span> <span>{{$t('overall.save')}}</span>
</button> </button>
</div> </div>

2
nezha-fronted/src/components/common/table/settings/moduleTable.vue
View File

@@ -69,7 +69,7 @@
<span>…</span><i class="nz-icon nz-icon-arrow-down"></i> <span>…</span><i class="nz-icon nz-icon-arrow-down"></i>
</div> </div>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item> <el-dropdown-item :command="['edit', scope.row]" v-has="'monitor_module_edit'"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item :command="['delete', scope.row, `sys/user?ids=${scope.row.id}`]" :disabled="scope.row.id === 1"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> <el-dropdown-item :command="['delete', scope.row, `sys/user?ids=${scope.row.id}`]" :disabled="scope.row.id === 1"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>

4
nezha-fronted/src/components/common/table/settings/projectTable.vue
View File

@@ -71,8 +71,8 @@
<span>…</span><i class="nz-icon nz-icon-arrow-down"></i> <span>…</span><i class="nz-icon nz-icon-arrow-down"></i>
</div> </div>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item> <el-dropdown-item :command="['edit', scope.row]" v-has="'project_edit'"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item :command="['delete', scope.row, `sys/user?ids=${scope.row.id}`]" :disabled="scope.row.id === 1"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> <el-dropdown-item :command="['delete', scope.row, `sys/user?ids=${scope.row.id}`]" :disabled="scope.row.id === 1" v-has="'project_delete'"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>

19
nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="endpoint-list"> <div class="endpoint-list" v-has="'endpoint_list'">
<nz-data-list <nz-data-list
ref="dataList" ref="dataList"
:api="url" :api="url"
@@ -18,7 +18,7 @@
import-url="monitor/endpoint/import" import-url="monitor/endpoint/import"
export-file-name="expression-template" export-file-name="expression-template"
:params="searchLabel" :params="searchLabel"
:permissions="{import: 'asset_add', export: 'asset_add'}" :permissions="{import: 'endpoint.import', export: 'endpoint.export'}"
@afterImport="getTableData" @afterImport="getTableData"
class="top-tool-export margin-r-10" class="top-tool-export margin-r-10"
> >
@@ -157,14 +157,10 @@ export default {
index: 0 index: 0
}, },
state: { state: {
label: 'state', label: 'State',
key: 'states', key: 'states',
type: 'checkBox', type: 'checkBox',
children: [ children: [],
{ key: 'Down', value: 0, name: 'Down' },
{ key: 'Up', value: 1, name: 'Up' },
{ key: 'Suspended', value: 0, name: 'Suspended' }
],
show: true, show: true,
showMore: false, showMore: false,
width: 0, width: 0,
@@ -174,7 +170,7 @@ export default {
selectValue: { selectValue: {
projectIds: [], projectIds: [],
moduleIds: [], moduleIds: [],
state: [] states: []
} }
} }
}, },
@@ -281,6 +277,11 @@ export default {
}) })
} }
}) })
this.titleSearchList.state.children = [
{ key: 'Down', value: 0, name: 'Down' },
{ key: 'Up', value: 1, name: 'Up' },
{ key: 'Suspended', value: 2, name: 'Suspended' }
]
}, },
batchModify () { batchModify () {
if (!this.batchDeleteObjs.length) { if (!this.batchDeleteObjs.length) {

3
nezha-fronted/src/components/page/monitor/project/index.vue
View File

@@ -35,12 +35,13 @@ export default {
height: 100%; height: 100%;
width: 100%; width: 100%;
display: flex; display: flex;
background: #fff; background: #f6f6f6;
.projectList{ .projectList{
flex: 1; flex: 1;
} }
.projectTopo{ .projectTopo{
flex: 1; flex: 1;
margin-right: 10px;
} }
.hide{ .hide{
display: none; display: none;

2
nezha-fronted/src/components/page/monitor/project/project.vue
View File

@@ -26,7 +26,7 @@
<template> <template>
<div class="project"> <div class="project">
<template> <template>
<topologyL5 :obj="currentProject" targetTab.sync="panel" ref="facade" :topologyIndexF="topologyIndexF" v-if="reloadFacade" @changeTopologyIndexF="changeTopologyIndexF"/> <topologyL5 :obj="currentProject" targetTab.sync="panel" ref="facade" :topologyIndexF="topologyIndexF" v-if="reloadFacade" @changeTopologyIndexF="changeTopologyIndexF" v-has="'topo_list'"/>
</template> </template>
<transition name="el-zoom-in-bottom"> <transition name="el-zoom-in-bottom">

2
nezha-fronted/src/router/index.js
View File

@@ -103,7 +103,7 @@ export default new Router({
component: resolve => require(['../components/page/config/snmp.vue'], resolve) component: resolve => require(['../components/page/config/snmp.vue'], resolve)
}, },
{ {
path: '/snmp', path: '/snmp/:tab',
component: resolve => require(['../components/page/config/snmp.vue'], resolve) component: resolve => require(['../components/page/config/snmp.vue'], resolve)
}, },
{ {