2025-05-30

king

2025-05-30 a1e9b18a4dbfd21e1bf4d5cb60974ac2f0115efd

 src/tabviews/debugtable/index.jsx

@@ -1,37 +1,50 @@
import React, {Component} from 'react'
import { is, fromJS } from 'immutable'
import { notification, Table} from 'antd'
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: null,        // 显示列
    data: [],             // 列表数据集
    loading: false,       // 列表数据加载中
    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@'
    },
    arr_field: 'ID,Sort,CDefine1,CDefine2,CDefine3,CDefine4,CDefine5,CDefine6,CDefine7,'
      laypage: 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
    const { setting } = this.state

    this.setState({
      loading: true
    })

    let _orderBy = 'sort'
    let param = UtilsDM.getQueryDataParams(setting, arr_field, [], _orderBy, 1, 9999, '')
    let param = UtilsDM.getQueryDataParams(setting, [], 'sort', 1, 50, '')

    delete param.s_version_up

    let result = await Api.genericInterface(param)

@@ -42,7 +55,6 @@
        data: result.data.map((item, index) => {
          item.key = index
          item.$$uuid = item.ID || ''
          item.$$key = '' + item.key + item.$$uuid
          item.$Index = start + index + ''

          return item
@@ -62,9 +74,21 @@
    }
  }

  refreshDebugTable = () => {
    const { loading } = this.state

    if (!loading) {
      this.loadmaindata()
    }
  }

  UNSAFE_componentWillMount() {
    // 组件加载时，获取菜单数据
    this.loadmaindata()
  }

  componentDidMount() {
    MKEmitter.addListener('refreshDebugTable', this.refreshDebugTable)
  }

  shouldComponentUpdate (nextProps, nextState) {
@@ -78,6 +102,7 @@
    this.setState = () => {
      return
    }
    MKEmitter.removeListener('refreshDebugTable', this.refreshDebugTable)
  }

  render() {
@@ -85,7 +110,8 @@

    return (
      <div className="debugtable">
        <Table size="middle" columns={columns} dataSource={data} loading={loading} scroll={{ x: '100%', y: false }}/>
        <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>
    )
  }