Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9304bc85 by 蔡俊立
Options

系统监控

1 parent b5b2b3f7
Inline Side-by-side
Showing 9 changed files with 375 additions and 9 deletions
...@@ -11,3 +11,15 @@ export function getErrorLogList (data) { ...@@ -11,3 +11,15 @@ export function getErrorLogList (data) {
11 showLoading: true 11 showLoading: true
12 }) 12 })
13 } 13 }
14
15 /*
16 系统监控 -获取操作日志列表
17 */
18 export function getOperationLogList (data) {
19 return request({
20 url: SERVER.SERVERAPI + '/rest/xtjk/view/getOperationLogList',
21 method: 'post',
22 data,
23 showLoading: true
24 })
25 }
......
...@@ -300,14 +300,14 @@ export const asyncRoutes = [ ...@@ -300,14 +300,14 @@ export const asyncRoutes = [
300 name: 'czrz', 300 name: 'czrz',
301 meta: { title: '操作日志' } 301 meta: { title: '操作日志' }
302 }, 302 },
303 // { 303 {
304 // path: 'monitor', 304 path: 'zjjk',
305 // id: '63', 305 id: '63',
306 // parentId: '6', 306 parentId: '6',
307 // component: () => import('@/views/xtjk/host/monitor.vue'), 307 component: () => import('@/views/xtjk/zjjk/zjjk.vue'),
308 // name: 'monitor', 308 name: 'zjjk',
309 // meta: { title: '主机监控' } 309 meta: { title: '主机监控' }
310 // }, 310 },
311 ] 311 ]
312 } 312 }
313 ] 313 ]
......
1 <template>
2 <div>
3 <el-row :gutter="8">
4 <el-col :span="16">
5 api接口地址：
6 <el-input v-model="formData.item.apiUri"></el-input>
7 </el-col>
8 </el-row>
9 <el-row :gutter="8">
10 <el-col :span="24" class="margin-top-middle">
11 传入参数：
12 <el-input type="textarea" :rows="4" v-model="formData.item.crcs"></el-input>
13 </el-col>
14 </el-row>
15 <el-row :gutter="8">
16 <el-col :span="24" class="margin-top-middle">
17 错误内容：
18 <el-input type="textarea" :rows="10" v-model="formData.item.cwnr"></el-input>
19 </el-col>
20 </el-row>
21 <el-row :gutter="8">
22 <el-col :span="24" class="margin-top-middle">
23 错误位置：
24 <el-input type="textarea" :rows="10" v-model="formData.item.cwdmwz"></el-input>
25 </el-col>
26 </el-row>
27 </div>
28 </template>
29 <script>
30 export default {
31 data () {
32 return {
33 };
34 },
35 components: { },
36 props: {
37 formData: {
38 type: Object,
39 default: () => {}
40 },
41 },
42 created(){
43 console.log(this.formData);
44 },
45 computed: {
46
47 },
48
49 methods: {
50
51 },
52 };
53 </script>
54 <style scoped lang='scss'>
55 @import "~@/styles/public.scss";
56 .margin-top-middle {
57 margin-top:10px
58 }
59 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -79,6 +79,26 @@ export default { ...@@ -79,6 +79,26 @@ export default {
79 } 79 }
80 }) 80 })
81 }, 81 },
82 queryClick(){
83 this.fetchData();
84 },
85 viewDetail(e){
86 this.$popup({
87 title: "错误日志",
88 width: "50%",
89 btnShow: false,
90 editItem: "xtjk/cwrz/components/viewDialog",
91 height: "800px",
92 formData: {
93 item: e
94 },
95 cancel: function () { }, //取消事件的回调
96 confirm: function () {
97 that.loadBdcdylist();
98 }, //确认事件的回调
99 });
100
101 }
82 } 102 }
83 }; 103 };
84 </script> 104 </script>
......
...@@ -69,7 +69,7 @@ class data extends filter { ...@@ -69,7 +69,7 @@ class data extends filter {
69 align: 'center', 69 align: 'center',
70 fixed: 'right', 70 fixed: 'right',
71 render: (h, scope) => { 71 render: (h, scope) => {
72 return <el-button type="text" onClick={() => { vm.del(scope.row) }}>查看</el-button> 72 return <el-button type="text" onClick={() => { vm.viewDetail(scope.row) }}>查看</el-button>
73 } 73 }
74 } 74 }
75 ] 75 ]
......
1 <template>
2 <div>
3 <el-row :gutter="8">
4 <el-col :span="16">
5 api接口地址：
6 <el-input v-model="formData.item.apiUri"></el-input>
7 </el-col>
8 </el-row>
9 <el-row :gutter="8">
10 <el-col :span="24" class="margin-top-middle">
11 操作人员：
12 <el-input v-model="formData.item.creater"></el-input>
13 </el-col>
14 </el-row>
15 <el-row :gutter="8">
16 <el-col :span="24" class="margin-top-middle">
17 错误内容：
18 <el-input type="textarea" :rows="10" v-model="formData.item.cznr"></el-input>
19 </el-col>
20 </el-row>
21 </div>
22 </template>
23 <script>
24 export default {
25 data () {
26 return {
27 };
28 },
29 components: { },
30 props: {
31 formData: {
32 type: Object,
33 default: () => {}
34 },
35 },
36 created(){
37 console.log(this.formData);
38 },
39 computed: {
40
41 },
42
43 methods: {
44
45 },
46 };
47 </script>
48 <style scoped lang='scss'>
49 @import "~@/styles/public.scss";
50 .margin-top-middle {
51 margin-top:10px
52 }
53 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="80px">
6 <el-row>
7 <el-col :span="5">
8 <el-form-item label="操作类型">
9 <el-input placeholder="请输入操作类型" v-model="queryForm.czlx" @clear="queryClick()" clearable class="width100">
10 </el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="5">
14 <el-form-item label="接口地址">
15 <el-input placeholder="请输入接口地址" v-model="queryForm.apiUri" @clear="queryClick()" clearable class="width100">
16 </el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="4" class="btnColRight">
20 <el-form-item>
21 <el-button type="primary" native-type="submit" @click="queryClick()">查询</el-button>
22 </el-form-item>
23 </el-col>
24 </el-row>
25 </el-form>
26 </div>
27 <div class="from-clues-content">
28 <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage"
29 :heightNum="300" :total="tableData.total" @size-change="handleSizeChange"
30 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
31 </lb-table>
32 </div>
33 </div>
34 </template>
35 <script>
36 import table from "@/utils/mixin/table"
37 import { datas, sendThis } from "./czrzdata"
38 import { getOperationLogList } from "@/api/xtjk.js"
39 export default {
40 name: "czrz",
41 components: { },
42 mixins: [table],
43 mounted () {
44 sendThis(this);
45 },
46 computed: {
47 },
48 data () {
49 return {
50 queryForm: {
51 czlx: "",
52 apiUrl: "",
53 },
54 pageData: {
55 current: 1,
56 size: 10,
57 },
58 tableData: {
59 total: 0,
60 columns: datas.columns(),
61 data: [],
62 },
63 };
64 },
65 methods: {
66 init (e) {
67 this.fetchData()
68 },
69 // 列表渲染接口
70 fetchData () {
71 getOperationLogList({ ...this.queryForm, ...this.pageData }).then(res => {
72 if (res.code === 200) {
73 let { total, records } = res.result
74 this.tableData.total = total;
75 this.tableData.data = records
76 }
77 })
78 },
79 queryClick(){
80 this.fetchData();
81 },
82 viewDetail(e){
83 this.$popup({
84 title: "操作日志",
85 width: "50%",
86 btnShow: false,
87 editItem: "xtjk/czrz/components/viewDialog",
88 height: "800px",
89 formData: {
90 item: e
91 },
92 cancel: function () { }, //取消事件的回调
93 confirm: function () {
94 that.loadBdcdylist();
95 }, //确认事件的回调
96 });
97
98 }
99 }
100 };
101 </script>
102 <style scoped lang="scss">
103 @import "~@/styles/public.scss";
104 </style>
105
......
1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThis = (_this) => {
5 vm = _this
6 }
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 label: '序号',
15 type: 'index',
16 width: '50',
17 render: (h, scope) => {
18 return (
19 <div>
20 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
21 </div>
22 )
23 }
24 },
25 {
26 prop: "czlx",
27 label: "操作类型",
28 width: '100'
29 },
30 {
31 prop: "apiUri",
32 label: "api接口",
33 width: '200'
34 },
35 {
36 prop: "creater",
37 label: "操作人员",
38 width: '100'
39 },
40 {
41 prop: "createtime",
42 label: "操作时间",
43 width: '150'
44 },
45 {
46 prop: "czfs",
47 label: "操作方式",
48 width: '100'
49 },
50 {
51 prop: "czywbh",
52 label: "操作业务编号",
53 width: '150'
54 },
55 {
56 prop: "cznr",
57 label: "操作内容",
58 render: (h, scope) => {
59 return <div class="item-cwnr">{scope.row.cznr}</div>
60 }
61 },
62 {
63 label: '操作',
64 width: '80',
65 align: 'center',
66 fixed: 'right',
67 render: (h, scope) => {
68 return <el-button type="text" onClick={() => { vm.viewDetail(scope.row) }}>查看</el-button>
69 }
70 }
71 ]
72 }
73 }
74 let datas = new data()
75 export {
76 datas,
77 sendThis
78 }
1 <template>
2 <div>
3 <el-row :gutter="20">
4 <el-col :span="16"><div class="grid-content bg-purple"></div></el-col>
5 <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
6 </el-row>
7 <el-row :gutter="20">
8 <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
9 <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
10 <el-col :span="4"><div class="grid-content bg-purple"></div></el-col>
11 <el-col :span="4"><div class="grid-content bg-purple"></div></el-col>
12 </el-row>
13 <el-row :gutter="20">
14 <el-col :span="4"><div class="grid-content bg-purple"></div></el-col>
15 <el-col :span="16"><div class="grid-content bg-purple"></div></el-col>
16 <el-col :span="4"><div class="grid-content bg-purple"></div></el-col>
17 </el-row>
18 </div>
19 </template>
20 <script>
21 export default {
22 name: "zjjk",
23 components: { },
24 computed: {
25 },
26 data () {
27 return {
28
29 };
30 },
31 methods: {
32
33 }
34 };
35 </script>
36 <style scoped lang="scss">
37 @import "~@/styles/public.scss";
38 </style>
39