2023-08-23

king

2023-08-23 53b68578c161561700bd77759629daa1608e05ca

 src/tabviews/custom/components/card/data-card/index.jsx

@@ -32,12 +32,12 @@
    pageSize: 10,
    orderBy: '',
    pageOptions: [],
    activeKey: '',             // 选中卡
    selectKeys: [],            // 多选时选中卡片
    selectedData: [],          // 选中数据，用于工具栏按钮
    loading: false,            // 数据加载状态
    card: null,                // 卡片设置
    data: null,                // 数据
    activeKey: '',
    selectKeys: [],
    selectedData: [],
    loading: false,
    card: null,
    data: null,
    total: null,
    precards: [],
    nextcards: [],
@@ -157,7 +157,7 @@
        _data = window.GLOB.SyncData.get(_config.dataName) || []
  
        if (_config.$cache) {
          Api.writeCacheConfig(_config.uuid, fromJS(_data).toJS())
          Api.writeCacheConfig(_config.uuid, fromJS(_data).toJS(), BID)
        }
  
        _config.setting.sync = 'false'
@@ -195,8 +195,7 @@
      BData: BData || '',
      config: _config,
      card: _card,
      search: _config.$searches,
      arr_field: _config.columns.map(col => col.field).join(',')
      search: _config.$searches
    })
  }

@@ -253,23 +252,23 @@
  }

  initExec = () => {
    const { config } = this.state
    const { config, BID } = this.state

    this.loaded && this.prevCheck()

    if (config.$cache) {
      if (config.$time && !config.setting.laypage) {
        if (!this.loaded) {
          Api.getLCacheConfig(config.uuid, config.$time).then(res => {
            if (!res && config.setting.onload === 'true') {
          Api.getLCacheConfig(config.uuid, config.$time, BID).then(res => {
            if (!res.valid && config.setting.onload === 'true') {
              setTimeout(() => {
                this.loadData()
                this.loadData('', 'init')
              }, config.setting.delay || 0)
            }
  
            if (!res || this.loaded) return

            let _data = res.map((item, index) => {
            if (!res.data || this.loaded) return

            let _data = res.data.map((item, index) => {
              item.key = index
              item.$$uuid = item[config.setting.primaryKey] || ''
              item.$Index = index + 1 + ''
@@ -288,10 +287,10 @@
        }
      } else {
        if (!this.loaded) {
          Api.getLCacheConfig(config.uuid, 0).then(res => {
            if (!res || this.loaded) return
          Api.getLCacheConfig(config.uuid, 0, BID).then(res => {
            if (!res.data || this.loaded) return
    
            let _data = res.map((item, index) => {
            let _data = res.data.map((item, index) => {
              item.key = index
              item.$$uuid = item[config.setting.primaryKey] || ''
              item.$Index = index + 1 + ''
@@ -311,7 +310,7 @@

        if (config.setting.onload === 'true') {
          setTimeout(() => {
            this.loadData()
            this.loadData('', 'init')
          }, config.setting.delay || 0)
        }
      }
@@ -332,7 +331,7 @@
    let _data = window.GLOB.SyncData.get(config.dataName) || []

    if (config.$cache) {
      Api.writeCacheConfig(config.uuid, fromJS(_data).toJS())
      Api.writeCacheConfig(config.uuid, fromJS(_data).toJS(), BID)
    }

    _data = _data.map((item, index) => {
@@ -459,7 +458,7 @@

    setTimeout(() => {
      this.checkTopLine(id)
    }, 200)
    }, 10)

    if (selected === 'init') {
      this.setState({selected: 'false'})
@@ -682,7 +681,7 @@
   * @description 导出Excel时，获取页面搜索排序等参数
   */
  queryModuleParam = (menuId, callback) => {
    const { arr_field, config, search, orderBy } = this.state
    const { config, search, orderBy } = this.state

    if (config.uuid !== menuId) return

@@ -698,15 +697,13 @@
    }

    callback({
      arr_field: arr_field,
      orderBy: orderBy ||config.setting.order || '',
      search: searches,
      menuName: config.name
      orderBy: orderBy || config.setting.order || '',
      search: searches
    })
  }

  async loadData (id, type) {
    const { config, arr_field, pageIndex, pageSize, search, BID, BData, selected, orderBy } = this.state
    const { config, pageIndex, pageSize, search, BID, BData, selected, orderBy } = this.state

    if (config.setting.supModule && !BID && config.wrap.supKey !== 'false') { // BID 不存在时，不做查询
      this.loaded = true
@@ -754,7 +751,7 @@
    }

    let _orderBy = orderBy || config.setting.order || ''
    let param = UtilsDM.getQueryDataParams(config.setting, arr_field, searches, _orderBy, pageIndex, pageSize, BID)
    let param = UtilsDM.getQueryDataParams(config.setting, searches, _orderBy, pageIndex, pageSize, BID)

    let result = await Api.genericInterface(param)
    if (result.status) {
@@ -764,8 +761,8 @@
      }

      this.loaded = true
      if (config.$cache && pageIndex === 1 && config.setting.onload !== 'false') {
        Api.writeCacheConfig(config.uuid, result.data || [])
      if (config.$cache && type === 'init') {
        Api.writeCacheConfig(config.uuid, result.data || [], BID)
      }

      if (selected !== 'false' || (id && config.wrap.selected !== 'false')) {
@@ -812,12 +809,17 @@
        })
      }

      let total = result.total || 0
      if (config.setting.custompage && data.length) {
        total = data[data.length - 1].mk_total || 0
      }

      this.setState({
        activeKey: '',
        selectKeys: [],
        selectedData: [],
        data: data,
        total: result.total,
        total: total,
        loading: false
      })

@@ -865,7 +867,7 @@
   * @description 获取单行数据
   */ 
  async loadLinedata (id) {
    const { config, arr_field, pageIndex, pageSize, search, BID, BData, orderBy } = this.state
    const { config, pageIndex, pageSize, search, BID, BData, orderBy } = this.state

    let searches = fromJS(search).toJS()
    if (config.setting.useMSearch) { // 主表搜索条件
@@ -883,38 +885,104 @@
    })

    let _orderBy = orderBy || config.setting.order || ''
    let param = UtilsDM.getQueryDataParams(config.setting, arr_field, searches, _orderBy, pageIndex, pageSize, BID, id)
    let param = UtilsDM.getQueryDataParams(config.setting, searches, _orderBy, pageIndex, pageSize, BID, id)

    let result = await Api.genericInterface(param)
    if (result.status) {
      let data = fromJS(this.state.data).toJS()
      let selectedData = fromJS(this.state.selectedData).toJS()
      let selectKeys = fromJS(this.state.selectKeys).toJS()
      let activeKey = this.state.activeKey

      if (result.data && result.data[0]) {
        let _data = result.data[0]
        _data.$$uuid = _data[config.setting.primaryKey] || ''
        _data.$$BID = BID || ''
        _data.$$BData = BData || ''

        try {
          data = data.map(item => {
            if (item[config.setting.primaryKey] === _data[config.setting.primaryKey]) {
              _data.key = item.key
              _data.$$uuid = _data[config.setting.primaryKey] || ''
              _data.$$BID = BID || ''
              _data.$$BData = BData || ''
              _data.$Index = item.$Index
              return _data
            } else {
              return item
            }
        data = data.map(item => {
          if (item.$$uuid === _data.$$uuid) {
            _data.key = item.key
            _data.$Index = item.$Index
            return _data
          }
          return item
        })

        if (!_data.$Index) {
          this.setState({
            loading: false
          })
        } catch (e) {
          console.warn('数据查询错误')
          return
        }

        MKEmitter.emit('resetSelectLine', config.uuid, _data.$$uuid || '', _data)
      }
        selectedData = selectedData.map(item => {
          if (item.$$uuid === _data.$$uuid) {
            return _data
          }
          return item
        })

      this.setState({
        data: data,
        loading: false
      })
        this.setState({
          data: data,
          selectedData: selectedData,
          loading: false
        })

        if (_data.key === activeKey) {
          MKEmitter.emit('resetSelectLine', config.uuid, _data.$$uuid || '', _data)
        }
        if (config.setting.$hasSyncModule) {
          MKEmitter.emit('syncBalconyData', config.uuid, selectedData, data.length === selectedData.length)
        }
      } else {
        let index = data.findIndex(item => item.$$uuid === id)

        if (index === -1) {
          this.setState({
            loading: false
          })
          return
        }

        data = data.filter(item => item.$$uuid !== id)
        data = data.map((item, i) => {
          item.key = i
          return item
        })
        
        let trans = activeKey === index
        let _item = null
        
        if (config.wrap.cardType) {
          selectKeys = selectKeys.filter(key => key !== index)
          selectKeys = selectKeys.map(key => key > index ? key - 1 : key)

          selectedData = selectKeys.map(key => data[key]).filter(Boolean)

          activeKey = selectKeys.length ? selectKeys[selectKeys.length - 1] : ''

          if (trans && selectedData.length) {
            _item = selectedData[selectedData.length - 1]
          }
        }

        this.setState({
          data: data,
          activeKey: activeKey,
          selectKeys: selectKeys,
          selectedData: selectedData,
          loading: false
        })

        if (trans) {
          MKEmitter.emit('resetSelectLine', config.uuid, (_item ? _item.$$uuid : ''), _item)
        }

        if (config.setting.$hasSyncModule) {
          MKEmitter.emit('syncBalconyData', config.uuid, selectedData, data.length === selectedData.length)
        }
      }
    } else {
      this.setState({
        loading: false
@@ -1022,6 +1090,7 @@
      if (activeKey === index) return

      _selectedData = [item]
      _selectKeys = [index]
      _activeKey = index
    }