style:系统监控
Showing
8 changed files
with
72 additions
and
79 deletions
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-04-13 10:22:36 | ||
5 | */ | ||
1 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
2 | let vm = null | 7 | let vm = null |
3 | const sendThis = (_this) => { | 8 | const sendThis = (_this) => { |
... | @@ -70,7 +75,6 @@ class data extends filter { | ... | @@ -70,7 +75,6 @@ class data extends filter { |
70 | { | 75 | { |
71 | label: '操作', | 76 | label: '操作', |
72 | align: 'center', | 77 | align: 'center', |
73 | fixed: 'right', | ||
74 | render: (h, scope) => { | 78 | render: (h, scope) => { |
75 | return <div> | 79 | return <div> |
76 | <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button> | 80 | <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog(scope.row) }}>查看</el-button> | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-04-13 10:24:49 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div> | 7 | <div> |
3 | <el-row :gutter="8"> | 8 | <el-row :gutter="8"> |
4 | <el-col :span="16"> | ||
5 | api接口地址: | 9 | api接口地址: |
6 | <el-input v-model="formData.item.apiUri"></el-input> | 10 | <el-input v-model="formData.apiUri" class="width100"></el-input> |
7 | </el-col> | ||
8 | </el-row> | 11 | </el-row> |
9 | <el-row :gutter="8"> | 12 | <el-row :gutter="8"> |
10 | <el-col :span="24" class="margin-top-middle"> | 13 | <el-col :span="24" class="margin-top-middle"> |
11 | 传入参数: | 14 | 传入参数: |
12 | <el-input type="textarea" :rows="4" v-model="formData.item.crcs"></el-input> | 15 | <el-input type="textarea" :rows="4" v-model="formData.crcs"></el-input> |
13 | </el-col> | 16 | </el-col> |
14 | </el-row> | 17 | </el-row> |
15 | <el-row :gutter="8"> | 18 | <el-row :gutter="8"> |
16 | <el-col :span="24" class="margin-top-middle"> | 19 | <el-col :span="24" class="margin-top-middle"> |
17 | 错误内容: | 20 | 错误内容: |
18 | <el-input type="textarea" :rows="10" v-model="formData.item.cwnr"></el-input> | 21 | <el-input type="textarea" :rows="10" v-model="formData.cwnr"></el-input> |
19 | </el-col> | 22 | </el-col> |
20 | </el-row> | 23 | </el-row> |
21 | <el-row :gutter="8"> | 24 | <el-row :gutter="8"> |
22 | <el-col :span="24" class="margin-top-middle"> | 25 | <el-col :span="24" class="margin-top-middle"> |
23 | 错误位置: | 26 | 错误位置: |
24 | <el-input type="textarea" :rows="10" v-model="formData.item.cwdmwz"></el-input> | 27 | <el-input type="textarea" :rows="10" v-model="formData.cwdmwz"></el-input> |
25 | </el-col> | 28 | </el-col> |
26 | </el-row> | 29 | </el-row> |
27 | </div> | 30 | </div> |
28 | </template> | 31 | </template> |
29 | <script> | 32 | <script> |
30 | export default { | 33 | export default { |
31 | data () { | ||
32 | return { | ||
33 | }; | ||
34 | }, | ||
35 | components: { }, | ||
36 | props: { | 34 | props: { |
37 | formData: { | 35 | formData: { |
38 | type: Object, | 36 | type: Object, |
39 | default: () => {} | 37 | default: () => { } |
40 | }, | 38 | }, |
41 | }, | 39 | }, |
42 | created(){ | 40 | created () { |
43 | console.log(this.formData); | 41 | console.log(this.formData); |
44 | }, | 42 | }, |
45 | computed: { | ||
46 | |||
47 | }, | ||
48 | |||
49 | methods: { | ||
50 | |||
51 | }, | ||
52 | }; | 43 | }; |
53 | </script> | 44 | </script> |
54 | <style scoped lang='scss'> | 45 | <style scoped lang='scss'> |
55 | @import "~@/styles/public.scss"; | 46 | @import "~@/styles/public.scss"; |
47 | |||
56 | .margin-top-middle { | 48 | .margin-top-middle { |
57 | margin-top:10px | 49 | margin-top: 10px |
58 | } | 50 | } |
59 | </style> | 51 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-04-13 10:32:28 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
... | @@ -25,9 +30,9 @@ | ... | @@ -25,9 +30,9 @@ |
25 | </el-form> | 30 | </el-form> |
26 | </div> | 31 | </div> |
27 | <div class="from-clues-content"> | 32 | <div class="from-clues-content"> |
28 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" | 33 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="300" |
29 | :heightNum="300" :total="tableData.total" @size-change="handleSizeChange" | 34 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
30 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 35 | :column="tableData.columns" :data="tableData.data"> |
31 | </lb-table> | 36 | </lb-table> |
32 | </div> | 37 | </div> |
33 | </div> | 38 | </div> |
... | @@ -38,7 +43,7 @@ import { datas, sendThis } from "./cwrzdata" | ... | @@ -38,7 +43,7 @@ import { datas, sendThis } from "./cwrzdata" |
38 | import { getErrorLogList } from "@/api/xtjk.js" | 43 | import { getErrorLogList } from "@/api/xtjk.js" |
39 | export default { | 44 | export default { |
40 | name: "cwrz", | 45 | name: "cwrz", |
41 | components: { }, | 46 | components: {}, |
42 | mixins: [table], | 47 | mixins: [table], |
43 | mounted () { | 48 | mounted () { |
44 | sendThis(this); | 49 | sendThis(this); |
... | @@ -63,24 +68,20 @@ export default { | ... | @@ -63,24 +68,20 @@ export default { |
63 | }; | 68 | }; |
64 | }, | 69 | }, |
65 | methods: { | 70 | methods: { |
66 | queryClick(){ | 71 | queryClick () { |
67 | getErrorLogList({ ...this.queryForm, ...this.pageData }).then(res => { | 72 | getErrorLogList({ ...this.queryForm, ...this.pageData }).then(res => { |
68 | if (res.code === 200) { | 73 | if (res.code === 200) { |
69 | let { total, records } = res.result | 74 | let { total, records } = res.result |
70 | this.tableData.total = total; | 75 | this.tableData.total = total; |
71 | this.tableData.data = records | 76 | this.tableData.data = records |
72 | this.tableData.data.forEach((item,index) => { | 77 | this.tableData.data.forEach((item, index) => { |
73 | item.cwdmwz = item.cwdmwz.replace(/\\n/g, '\n') | 78 | item.cwdmwz = item.cwdmwz.replace(/\\n/g, '\n') |
74 | }) | 79 | }) |
75 | } | 80 | } |
76 | }) | 81 | }) |
77 | }, | 82 | }, |
78 | viewDetail(e){ | 83 | viewDetail (e) { |
79 | this.$popup("错误日志", "xtjk/cwrz/components/viewDialog", { | 84 | this.$popupDialog("错误日志", "xtjk/cwrz/components/viewDialog", e, "50%") |
80 | formData: { | ||
81 | item: e | ||
82 | } | ||
83 | }) | ||
84 | } | 85 | } |
85 | } | 86 | } |
86 | }; | 87 | }; | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-04-13 10:22:16 | ||
5 | */ | ||
1 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
2 | let vm = null | 7 | let vm = null |
3 | 8 | ||
... | @@ -71,10 +76,8 @@ class data extends filter { | ... | @@ -71,10 +76,8 @@ class data extends filter { |
71 | { | 76 | { |
72 | label: '操作', | 77 | label: '操作', |
73 | width: '80', | 78 | width: '80', |
74 | align: 'center', | ||
75 | fixed: 'right', | ||
76 | render: (h, scope) => { | 79 | render: (h, scope) => { |
77 | return <el-button type="text" onClick={() => { vm.viewDetail(scope.row) }}>查看</el-button> | 80 | return <el-button type="text" icon="el-icon-view" onClick={() => { vm.viewDetail(scope.row) }}>查看</el-button> |
78 | } | 81 | } |
79 | } | 82 | } |
80 | ] | 83 | ] | ... | ... |
1 | <!-- | ||
2 | * @Autor: renchao | ||
3 | * @LastEditTime: 2023-04-13 10:31:50 | ||
4 | --> | ||
1 | <template> | 5 | <template> |
2 | <div> | 6 | <div> |
3 | <el-row :gutter="8"> | 7 | <el-row :gutter="8"> |
4 | <el-col :span="16"> | 8 | <el-col :span="16"> |
5 | api接口地址: | 9 | api接口地址: |
6 | <el-input v-model="formData.item.apiUri"></el-input> | 10 | <el-input v-model="formData.apiUri"></el-input> |
7 | </el-col> | 11 | </el-col> |
8 | </el-row> | 12 | </el-row> |
9 | <el-row :gutter="8"> | 13 | <el-row :gutter="8"> |
10 | <el-col :span="24" class="margin-top-middle"> | 14 | <el-col :span="24" class="margin-top-middle"> |
11 | 操作人员: | 15 | 操作人员: |
12 | <el-input v-model="formData.item.creater"></el-input> | 16 | <el-input v-model="formData.creater"></el-input> |
13 | </el-col> | 17 | </el-col> |
14 | </el-row> | 18 | </el-row> |
15 | <el-row :gutter="8"> | 19 | <el-row :gutter="8"> |
16 | <el-col :span="24" class="margin-top-middle"> | 20 | <el-col :span="24" class="margin-top-middle"> |
17 | 操作内容: | 21 | 操作内容: |
18 | <el-input type="textarea" :rows="10" v-model="formData.item.cznr"></el-input> | 22 | <el-input type="textarea" :rows="10" v-model="formData.cznr"></el-input> |
19 | </el-col> | 23 | </el-col> |
20 | </el-row> | 24 | </el-row> |
21 | </div> | 25 | </div> |
22 | </template> | 26 | </template> |
23 | <script> | 27 | <script> |
24 | export default { | 28 | export default { |
25 | data () { | ||
26 | return { | ||
27 | }; | ||
28 | }, | ||
29 | components: { }, | ||
30 | props: { | 29 | props: { |
31 | formData: { | 30 | formData: { |
32 | type: Object, | 31 | type: Object, |
33 | default: () => {} | 32 | default: () => { } |
34 | }, | 33 | } |
35 | }, | 34 | } |
36 | created(){ | 35 | } |
37 | console.log(this.formData); | ||
38 | }, | ||
39 | computed: { | ||
40 | |||
41 | }, | ||
42 | |||
43 | methods: { | ||
44 | |||
45 | }, | ||
46 | }; | ||
47 | </script> | 36 | </script> |
48 | <style scoped lang='scss'> | 37 | <style scoped lang='scss'> |
49 | @import "~@/styles/public.scss"; | 38 | @import "~@/styles/public.scss"; |
39 | |||
50 | .margin-top-middle { | 40 | .margin-top-middle { |
51 | margin-top:10px | 41 | margin-top: 10px |
52 | } | 42 | } |
53 | </style> | 43 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-04-13 10:31:33 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <div class="from-clues"> | 7 | <div class="from-clues"> |
3 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
... | @@ -25,9 +30,9 @@ | ... | @@ -25,9 +30,9 @@ |
25 | </el-form> | 30 | </el-form> |
26 | </div> | 31 | </div> |
27 | <div class="from-clues-content"> | 32 | <div class="from-clues-content"> |
28 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" | 33 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="300" |
29 | :heightNum="300" :total="tableData.total" @size-change="handleSizeChange" | 34 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
30 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 35 | :column="tableData.columns" :data="tableData.data"> |
31 | </lb-table> | 36 | </lb-table> |
32 | </div> | 37 | </div> |
33 | </div> | 38 | </div> |
... | @@ -38,7 +43,7 @@ import { datas, sendThis } from "./czrzdata" | ... | @@ -38,7 +43,7 @@ import { datas, sendThis } from "./czrzdata" |
38 | import { getOperationLogList } from "@/api/xtjk.js" | 43 | import { getOperationLogList } from "@/api/xtjk.js" |
39 | export default { | 44 | export default { |
40 | name: "czrz", | 45 | name: "czrz", |
41 | components: { }, | 46 | components: {}, |
42 | mixins: [table], | 47 | mixins: [table], |
43 | mounted () { | 48 | mounted () { |
44 | sendThis(this); | 49 | sendThis(this); |
... | @@ -63,7 +68,7 @@ export default { | ... | @@ -63,7 +68,7 @@ export default { |
63 | }; | 68 | }; |
64 | }, | 69 | }, |
65 | methods: { | 70 | methods: { |
66 | queryClick(){ | 71 | queryClick () { |
67 | getOperationLogList({ ...this.queryForm, ...this.pageData }).then(res => { | 72 | getOperationLogList({ ...this.queryForm, ...this.pageData }).then(res => { |
68 | if (res.code === 200) { | 73 | if (res.code === 200) { |
69 | let { total, records } = res.result | 74 | let { total, records } = res.result |
... | @@ -72,12 +77,8 @@ export default { | ... | @@ -72,12 +77,8 @@ export default { |
72 | } | 77 | } |
73 | }) | 78 | }) |
74 | }, | 79 | }, |
75 | viewDetail(e){ | 80 | viewDetail (e) { |
76 | this.$popup("操作日志", "xtjk/czrz/components/viewDialog", { | 81 | this.$popupDialog("操作日志", "xtjk/czrz/components/viewDialog", e, "50%") |
77 | formData: { | ||
78 | item: e | ||
79 | } | ||
80 | }) | ||
81 | } | 82 | } |
82 | } | 83 | } |
83 | }; | 84 | }; | ... | ... |
1 | /* | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-04-13 10:28:20 | ||
5 | */ | ||
1 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
2 | let vm = null | 7 | let vm = null |
3 | 8 | ||
... | @@ -25,7 +30,7 @@ class data extends filter { | ... | @@ -25,7 +30,7 @@ class data extends filter { |
25 | { | 30 | { |
26 | prop: "czlx", | 31 | prop: "czlx", |
27 | label: "操作类型", | 32 | label: "操作类型", |
28 | width: '100' | 33 | width: '90' |
29 | }, | 34 | }, |
30 | { | 35 | { |
31 | prop: "apiUri", | 36 | prop: "apiUri", |
... | @@ -45,12 +50,12 @@ class data extends filter { | ... | @@ -45,12 +50,12 @@ class data extends filter { |
45 | { | 50 | { |
46 | prop: "czfs", | 51 | prop: "czfs", |
47 | label: "操作方式", | 52 | label: "操作方式", |
48 | width: '100' | 53 | width: '90' |
49 | }, | 54 | }, |
50 | { | 55 | { |
51 | prop: "czywbh", | 56 | prop: "czywbh", |
52 | label: "操作业务编号", | 57 | label: "操作业务编号", |
53 | width: '150' | 58 | width: '112' |
54 | }, | 59 | }, |
55 | { | 60 | { |
56 | prop: "cznr", | 61 | prop: "cznr", |
... | @@ -62,10 +67,8 @@ class data extends filter { | ... | @@ -62,10 +67,8 @@ class data extends filter { |
62 | { | 67 | { |
63 | label: '操作', | 68 | label: '操作', |
64 | width: '80', | 69 | width: '80', |
65 | align: 'center', | ||
66 | fixed: 'right', | ||
67 | render: (h, scope) => { | 70 | render: (h, scope) => { |
68 | return <el-button type="text" onClick={() => { vm.viewDetail(scope.row) }}>查看</el-button> | 71 | return <el-button type="text" icon="el-icon-view" onClick={() => { vm.viewDetail(scope.row) }}>查看</el-button> |
69 | } | 72 | } |
70 | } | 73 | } |
71 | ] | 74 | ] | ... | ... |
-
Please register or sign in to post a comment