king
2022-09-06 fa381753ef2a2b25b1c0722549ac17e333da79be
src/tabviews/custom/components/chart/antv-scatter/index.jsx
@@ -19,11 +19,9 @@
class ScatterChart extends Component {
  static propTpyes = {
    BID: PropTypes.any,              // 父级Id
    data: PropTypes.array,           // 统一查询数据
    config: PropTypes.object,        // 组件配置信息
    mainSearch: PropTypes.any,       // 外层搜索条件
    menuType: PropTypes.any,         // 菜单类型
  }
  state = {
@@ -40,10 +38,22 @@
  }
  UNSAFE_componentWillMount () {
    const { config, data, initdata, BID } = this.props
    const { config, data, initdata } = this.props
    let _config = fromJS(config).toJS()
    let _data = null
    let _sync = config.setting.sync === 'true'
    let BID = ''
    let BData = ''
    if (config.setting.supModule) {
      BData = window.GLOB.CacheData.get(config.setting.supModule)
    } else {
      BData = window.GLOB.CacheData.get(config.$pageId)
    }
    if (BData) {
      BID = BData.$BID || ''
    }
    if (config.setting.sync === 'true' && data) {
      _data = data[config.dataName] || []
@@ -128,11 +138,20 @@
    if (!config.timer) return
    const _change = { '5s': 5000, '15s': 15000, '30s': 30000, '1min': 60000, '5min': 300000, '10min': 600000, '15min': 900000, '30min': 1800000, '1hour': 3600000 }
    const _change = { '2s': 2000, '5s': 5000, '15s': 15000, '30s': 30000, '1min': 60000, '5min': 300000, '10min': 600000, '15min': 900000, '30min': 1800000, '1hour': 3600000 }
    let timer = _change[config.timer]
    let repeats = config.timerRepeats || 0
    if (!timer) return
    if (repeats > 0 && repeats <=3) {
      this.setState({timer, repeats})
      this.timer = setTimeout(() => {
        this.timerTask(repeats)
      }, timer)
      return
    }
    let _param = {
      func: 's_get_timers_role',
@@ -154,22 +173,29 @@
        })
        return
      } else if (result.run_type) {
        this.setState({timer})
        this.setState({timer, repeats})
        this.timer = setTimeout(() => {
          this.timerTask()
          this.timerTask(repeats)
        }, timer)
      }
    })
  }
  timerTask = () => {
    const { timer } = this.state
  timerTask = (times) => {
    const { timer, repeats } = this.state
    if (!timer) return
    
    this.loadData(true)
    if (repeats) {
      times = times - 1
      if (times <= 0) {
        clearTimeout(this.timer)
        return
      }
    }
    this.timer = setTimeout(() => {
      this.timerTask()
      this.timerTask(times)
    }, timer)
  }
@@ -184,20 +210,10 @@
    if (config.uuid !== menuId) return
    let supModule = config.setting.supModule
    btn.syncComponentId && MKEmitter.emit('reloadData', btn.syncComponentId)
    if (!btn.syncComponentId || btn.syncComponentId !== supModule) {
      if (position === 'mainline' || position === 'popclose') { // 刷新源组件时,附带刷新上级行与当前组件
        if (supModule && BID) {
          MKEmitter.emit('reloadData', supModule, BID)
        } else {
          this.loadData()
        }
      } else {
        this.loadData()
      }
    if ((position === 'mainline' || position === 'popclose') && config.setting.supModule && BID) { // 刷新源组件时,附带刷新上级行与当前组件
      MKEmitter.emit('reloadData', config.setting.supModule, BID)
    } else {
      this.loadData()
    }
    if (position === 'popclose') { // 执行启动弹窗的按钮所选择的刷新项
@@ -227,7 +243,7 @@
  /**
   * @description 导出Excel时,获取页面搜索排序等参数
   */
  queryModuleParam = (menuId, btnId) => {
  queryModuleParam = (menuId, callback) => {
    const { mainSearch } = this.props
    const { arr_field, config, search } = this.state
@@ -243,7 +259,7 @@
      })
    }
    MKEmitter.emit('returnModuleParam', config.uuid, btnId, {
    callback({
      arr_field: arr_field,
      orderBy: config.setting.order || '',
      search: searches,
@@ -255,7 +271,7 @@
   * @description 数据加载
   */
  async loadData (hastimer) {
    const { mainSearch, menuType } = this.props
    const { mainSearch } = this.props
    const { config, arr_field, BID, search } = this.state
    if (config.setting.supModule && !BID) { // BID 不存在时,不做查询
@@ -290,7 +306,7 @@
    }
    let _orderBy = config.setting.order || ''
    let param = UtilsDM.getQueryDataParams(config.setting, arr_field, searches, _orderBy, '', '', BID, menuType)
    let param = UtilsDM.getQueryDataParams(config.setting, arr_field, searches, _orderBy, '', '', BID)
    let result = await Api.genericInterface(param)
    if (result.status) {
@@ -454,7 +470,7 @@
            <Spin />
          </div> : null
        }
        <NormalHeader config={config} BID={BID} menuType={this.props.menuType} refresh={this.refreshSearch} />
        <NormalHeader config={config} BID={BID} refresh={this.refreshSearch} />
        <div className="canvas-wrap" ref={ref => this.wrap = ref}>
          {config.plot.download === 'enable' && this.state.chart && !empty ? <DownloadOutlined onClick={this.downloadImage} className="system-color download"/> : null}
          <div className={'chart-action' + (config.plot.download === 'enable' ? ' downable' : '')}>