17 changed files with 415 additions and 138 deletions
@ -1,40 +1,14 @@ |
|||||||
<template> |
<template> |
||||||
<div class="index-model"> |
<div class="main-layout-box"> |
||||||
index |
<m-secondary-menu :type="'monitor'"></m-secondary-menu> |
||||||
|
<router-view></router-view> |
||||||
</div> |
</div> |
||||||
|
|
||||||
</template> |
</template> |
||||||
<script> |
<script> |
||||||
|
import mSecondaryMenu from '@/module/components/secondaryMenu/secondaryMenu' |
||||||
export default { |
export default { |
||||||
name: 'monitor-index', |
name: 'monitor-index', |
||||||
data () { |
components: { mSecondaryMenu } |
||||||
return {} |
|
||||||
}, |
|
||||||
props: {}, |
|
||||||
methods: {}, |
|
||||||
watch: {}, |
|
||||||
beforeCreate () { |
|
||||||
}, |
|
||||||
created () { |
|
||||||
}, |
|
||||||
beforeMount () { |
|
||||||
}, |
|
||||||
mounted () { |
|
||||||
}, |
|
||||||
beforeUpdate () { |
|
||||||
}, |
|
||||||
updated () { |
|
||||||
}, |
|
||||||
beforeDestroy () { |
|
||||||
}, |
|
||||||
destroyed () { |
|
||||||
}, |
|
||||||
computed: {}, |
|
||||||
components: {} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="scss" rel="stylesheet/scss"> |
|
||||||
.index-model { |
|
||||||
|
|
||||||
} |
} |
||||||
</style> |
</script> |
@ -0,0 +1,49 @@ |
|||||||
|
<template> |
||||||
|
<m-list-construction title="Alert服务"> |
||||||
|
<template slot="content"> |
||||||
|
<template v-if="masterList.length"> |
||||||
|
<m-list :list="masterList"></m-list> |
||||||
|
</template> |
||||||
|
<template v-if="!masterList.length"> |
||||||
|
<m-no-data></m-no-data> |
||||||
|
</template> |
||||||
|
<m-spin :is-spin="isLoading" ></m-spin> |
||||||
|
</template> |
||||||
|
</m-list-construction> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import { mapActions } from 'vuex' |
||||||
|
import mList from './_source/list' |
||||||
|
import mSpin from '@/module/components/spin/spin' |
||||||
|
import mNoData from '@/module/components/noData/noData' |
||||||
|
import mListConstruction from '@/module/components/listConstruction/listConstruction' |
||||||
|
|
||||||
|
export default { |
||||||
|
name: 'servers-alert', |
||||||
|
data () { |
||||||
|
return { |
||||||
|
pageSize: 10, |
||||||
|
pageNo: 1, |
||||||
|
totalPage: null, |
||||||
|
searchVal: '', |
||||||
|
isLoading: false, |
||||||
|
masterList: [] |
||||||
|
} |
||||||
|
}, |
||||||
|
props: {}, |
||||||
|
methods: { |
||||||
|
...mapActions('security', ['getProcessMasterList']) |
||||||
|
}, |
||||||
|
watch: {}, |
||||||
|
created () { |
||||||
|
this.isLoading = true |
||||||
|
this.getProcessMasterList().then(res => { |
||||||
|
this.masterList = res.data |
||||||
|
this.isLoading = false |
||||||
|
}) |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
}, |
||||||
|
components: { mList, mListConstruction, mSpin, mNoData } |
||||||
|
} |
||||||
|
</script> |
@ -0,0 +1,40 @@ |
|||||||
|
<template> |
||||||
|
<div class="apiserver-model"> |
||||||
|
apiserver |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'apiserver', |
||||||
|
data () { |
||||||
|
return {} |
||||||
|
}, |
||||||
|
props: {}, |
||||||
|
methods: {}, |
||||||
|
watch: {}, |
||||||
|
beforeCreate () { |
||||||
|
}, |
||||||
|
created () { |
||||||
|
}, |
||||||
|
beforeMount () { |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
}, |
||||||
|
beforeUpdate () { |
||||||
|
}, |
||||||
|
updated () { |
||||||
|
}, |
||||||
|
beforeDestroy () { |
||||||
|
}, |
||||||
|
destroyed () { |
||||||
|
}, |
||||||
|
computed: {}, |
||||||
|
components: {} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" rel="stylesheet/scss"> |
||||||
|
.apiserver-model { |
||||||
|
|
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,40 @@ |
|||||||
|
<template> |
||||||
|
<div class="mysql-model"> |
||||||
|
mysql |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'mysql', |
||||||
|
data () { |
||||||
|
return {} |
||||||
|
}, |
||||||
|
props: {}, |
||||||
|
methods: {}, |
||||||
|
watch: {}, |
||||||
|
beforeCreate () { |
||||||
|
}, |
||||||
|
created () { |
||||||
|
}, |
||||||
|
beforeMount () { |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
}, |
||||||
|
beforeUpdate () { |
||||||
|
}, |
||||||
|
updated () { |
||||||
|
}, |
||||||
|
beforeDestroy () { |
||||||
|
}, |
||||||
|
destroyed () { |
||||||
|
}, |
||||||
|
computed: {}, |
||||||
|
components: {} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" rel="stylesheet/scss"> |
||||||
|
.mysql-model { |
||||||
|
|
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,40 @@ |
|||||||
|
<template> |
||||||
|
<div class="rpcserver-model"> |
||||||
|
rpcserver |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'rpcserver', |
||||||
|
data () { |
||||||
|
return {} |
||||||
|
}, |
||||||
|
props: {}, |
||||||
|
methods: {}, |
||||||
|
watch: {}, |
||||||
|
beforeCreate () { |
||||||
|
}, |
||||||
|
created () { |
||||||
|
}, |
||||||
|
beforeMount () { |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
}, |
||||||
|
beforeUpdate () { |
||||||
|
}, |
||||||
|
updated () { |
||||||
|
}, |
||||||
|
beforeDestroy () { |
||||||
|
}, |
||||||
|
destroyed () { |
||||||
|
}, |
||||||
|
computed: {}, |
||||||
|
components: {} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" rel="stylesheet/scss"> |
||||||
|
.rpcserver-model { |
||||||
|
|
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,40 @@ |
|||||||
|
<template> |
||||||
|
<div class="zookeeper-model"> |
||||||
|
zookeeper |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'zookeeper', |
||||||
|
data () { |
||||||
|
return {} |
||||||
|
}, |
||||||
|
props: {}, |
||||||
|
methods: {}, |
||||||
|
watch: {}, |
||||||
|
beforeCreate () { |
||||||
|
}, |
||||||
|
created () { |
||||||
|
}, |
||||||
|
beforeMount () { |
||||||
|
}, |
||||||
|
mounted () { |
||||||
|
}, |
||||||
|
beforeUpdate () { |
||||||
|
}, |
||||||
|
updated () { |
||||||
|
}, |
||||||
|
beforeDestroy () { |
||||||
|
}, |
||||||
|
destroyed () { |
||||||
|
}, |
||||||
|
computed: {}, |
||||||
|
components: {} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" rel="stylesheet/scss"> |
||||||
|
.zookeeper-model { |
||||||
|
|
||||||
|
} |
||||||
|
</style> |
@ -1,8 +0,0 @@ |
|||||||
<template> |
|
||||||
<router-view></router-view> |
|
||||||
</template> |
|
||||||
<script> |
|
||||||
export default { |
|
||||||
name: 'servers-index' |
|
||||||
} |
|
||||||
</script> |
|
Loading…
Reference in new issue