1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
| import React, {Component} from 'react'
| import { is, fromJS } from 'immutable'
| import { notification, Table, Button} from 'antd'
|
| import Api from '@/api'
| import MKEmitter from '@/utils/events.js'
| import UtilsDM from '@/utils/utils-datamanage.js'
|
| import './index.scss'
|
| class DebugTable extends Component {
| state = {
| columns: [
| {align: 'left', dataIndex: 'Sort', sorter: false, title: 'Sort', width: 60},
| {align: 'left', dataIndex: 'CDefine1', sorter: false, title: '文本1', width: 120},
| {align: 'left', dataIndex: 'CDefine2', sorter: false, title: '文本2', width: 120},
| {align: 'left', dataIndex: 'CDefine3', sorter: false, title: '文本3', width: 120},
| {align: 'left', dataIndex: 'CDefine4', sorter: false, title: '文本4', width: 120},
| {align: 'left', dataIndex: 'CDefine5', sorter: false, title: '文本5', width: 120},
| {align: 'left', dataIndex: 'CDefine6', sorter: false, title: '文本6', width: 120},
| {align: 'left', dataIndex: 'CDefine7', sorter: false, title: '文本7', width: 120},
| {align: 'left', dataIndex: 'createdate', sorter: false, title: 'createDate', width: 120},
| ],
| data: [],
| loading: false,
| setting: {
| interType: 'system',
| execute: true,
| dataresource: '(select * from s_debug_value_log where createuserid=@userid@) tb'
| },
| arr_field: 'ID,Sort,CDefine1,CDefine2,CDefine3,CDefine4,CDefine5,CDefine6,CDefine7,createdate'
| }
|
| /**
| * @description 子表数据加载
| */
| async loadmaindata () {
| const { setting, arr_field } = this.state
|
| this.setState({
| loading: true
| })
|
| let param = UtilsDM.getQueryDataParams(setting, arr_field, [], 'sort', 1, 9999, '')
|
| let result = await Api.genericInterface(param)
|
| if (result.status) {
| let start = 1
|
| this.setState({
| data: result.data.map((item, index) => {
| item.key = index
| item.$$uuid = item.ID || ''
| item.$Index = start + index + ''
|
| return item
| }),
| loading: false
| })
| } else {
| this.setState({
| loading: false
| })
|
| notification.error({
| top: 92,
| message: result.message,
| duration: 10
| })
| }
| }
|
| refreshDebugTable = () => {
| const { loading } = this.state
|
| if (!loading) {
| this.loadmaindata()
| }
| }
|
| UNSAFE_componentWillMount() {
| // 组件加载时，获取菜单数据
| this.loadmaindata()
| }
|
| componentDidMount() {
| MKEmitter.addListener('refreshDebugTable', this.refreshDebugTable)
| }
|
| shouldComponentUpdate (nextProps, nextState) {
| return !is(fromJS(this.state), fromJS(nextState))
| }
|
| /**
| * @description 组件销毁，清除state更新
| */
| componentWillUnmount () {
| this.setState = () => {
| return
| }
| MKEmitter.removeListener('refreshDebugTable', this.refreshDebugTable)
| }
|
| render() {
| const { data, loading, columns } = this.state
|
| return (
| <div className="debugtable">
| <Button className="mk-debug-reload" onClick={() => this.loadmaindata()}>刷新</Button>
| <Table size="middle" columns={columns} dataSource={data} pagination={false} loading={loading} scroll={{ x: '100%', y: false }}/>
| </div>
| )
| }
| }
|
| export default DebugTable
|
|
