From da64ab0923bf8817fc8599a6e37b953ce38f64c8 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期日, 27 八月 2023 18:37:36 +0800
Subject: [PATCH] 2023-08-27

---
 src/tabviews/custom/popview/index.jsx |  409 +++++++++++++++++++++++++++++++++++-----------------------
 1 files changed, 248 insertions(+), 161 deletions(-)

diff --git a/src/tabviews/custom/popview/index.jsx b/src/tabviews/custom/popview/index.jsx
index 0093459..7463f80 100644
--- a/src/tabviews/custom/popview/index.jsx
+++ b/src/tabviews/custom/popview/index.jsx
@@ -1,13 +1,12 @@
 import React, {Component} from 'react'
 import PropTypes from 'prop-types'
 import { is, fromJS } from 'immutable'
-import { notification, Spin, Row, Col } from 'antd'
+import { notification, Spin, Row, Col, Modal } from 'antd'
 
 import Api from '@/api'
-import zhCN from '@/locales/zh-CN/main.js'
-import enUS from '@/locales/en-US/main.js'
 import Utils from '@/utils/utils.js'
 import { getStructuredParams, getStructDefaultParam } from '@/utils/utils-datamanage.js'
+import MKEmitter from '@/utils/events.js'
 import asyncComponent from '@/utils/asyncComponent'
 import NotFount from '@/components/404'
 import './index.scss'
@@ -40,7 +39,9 @@
 const TimeLine = asyncComponent(() => import('../components/timeline/normal-timeline'))
 const Voucher = asyncComponent(() => import('../components/module/voucher'))
 const Iframe = asyncComponent(() => import('../components/iframe'))
+const Calendar = asyncComponent(() => import('../components/calendar'))
 const AntvG6 = asyncComponent(() => import('../components/chart/antv-G6'))
+const AntvX6 = asyncComponent(() => import('../components/chart/antv-X6'))
 
 class CustomPage extends Component {
   static propTpyes = {
@@ -49,13 +50,10 @@
   }
 
   state = {
-    dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
     BID: '',              // 椤甸潰璺宠浆鏃舵惡甯D
     viewlost: false,      // 椤甸潰涓㈠け锛�1銆佹湭鑾峰彇鍒伴厤缃�-椤甸潰涓㈠け锛�2銆侀〉闈㈡湭鍚敤
     lostmsg: '',          // 椤甸潰涓㈠け鏃剁殑鎻愮ず淇℃伅
     config: null,         // 椤甸潰閰嶇疆淇℃伅锛屽寘鎷粍浠剁瓑
-    mainSearch: null,     // 涓绘悳绱�
-    data: null,           // 鍒楄〃鏁版嵁闆�
     loading: false,       // 鍒楄〃鏁版嵁鍔犺浇涓�
   }
 
@@ -90,7 +88,7 @@
     if (!config.enabled) {
       this.setState({
         viewlost: true,
-        lostmsg: this.state.dict['main.view.unenabled']
+        lostmsg: '鎶辨瓑锛屾偍璁块棶鐨勯〉闈㈡湭鍚敤锛岃鑱旂郴绠$悊鍛樸��'
       })
       return
     }
@@ -113,11 +111,6 @@
     let userName = sessionStorage.getItem('User_Name') || ''
     let fullName = sessionStorage.getItem('Full_Name') || ''
 
-    if (sessionStorage.getItem('isEditState') === 'true') {
-      userName = sessionStorage.getItem('CloudUserName') || ''
-      fullName = sessionStorage.getItem('CloudFullName') || ''
-    }
-
     let regs = [
       { reg: /@userName@/ig, value: `'${userName}'` },
       { reg: /@fullName@/ig, value: `'${fullName}'` }
@@ -130,38 +123,35 @@
       })
     }
 
-    config.$cache = config.cacheLocal === 'true'
-
-    config.components = this.filterComponent(config.components, roleId, balMap, param, Tab, config.$cache)
+    config.components = this.filterComponent(config.components, roleId, balMap, param, Tab, Tab.uuid, Tab.uuid)
     
     // 鑾峰彇涓绘悳绱㈡潯浠�
-    let mainSearch = []
     config.components.forEach(component => {
       if (component.type !== 'search') return
 
-      component.search = component.search.map(item => {
-        item.oriInitval = item.initval
-        if (['text', 'select', 'link'].includes(item.type) && param.$searchkey === item.field) {
-          item.initval = param.$searchval
-        }
+      if (param.$searchkey) {
+        component.search = component.search.map(item => {
+          if (['text', 'select', 'link'].includes(item.type) && param.$searchkey === item.field) {
+            item.initval = param.$searchval
+          }
 
-        return item
-      })
+          return item
+        })
 
-      mainSearch = Utils.initMainSearch(component.search)
+        component.$searches = Utils.initMainSearch(component.search)
+      }
+
+      window.GLOB.SearchBox.set(Tab.uuid, component.$searches)
+
+      if (component.$s_req) {
+        window.GLOB.SearchBox.set(Tab.uuid + 'required', true)
+      }
     })
 
     let params = []
     let BID = param.$BID || ''
-    let inherit = {}
 
-    if (config.cacheUseful === 'true') { // 缂撳瓨缁ф壙
-      inherit.cacheUseful = config.cacheUseful
-      inherit.timeUnit = config.timeUnit
-      inherit.cacheTime = config.cacheTime
-    }
-
-    config.components = this.formatSetting(config.components, params, mainSearch, inherit, regs, balMap)
+    config.components = this.formatSetting(config.components, params, regs, balMap)
 
     if ([...balMap.keys()].length > 0) {
       config.components = this.filterBalcony(config.components, balMap)
@@ -169,8 +159,7 @@
 
     this.setState({
       BID: BID,
-      config,
-      mainSearch
+      config
     }, () => {
       if (params.length > 0) {
         this.loadmaindata(params)
@@ -178,10 +167,11 @@
     })
   }
 
-  filterComponent = (components, roleId, balMap, urlparam, Tab, cache) => {
+  filterComponent = (components, roleId, balMap, urlparam, Tab, searchId, syncId) => {
     return components.filter(item => {
       item.$pageId = Tab.uuid
-      item.$cache = cache
+      item.$searchId = searchId
+      item.$syncId = syncId
       
       if (item.style && item.style.boxShadow) {
         delete item.style.hShadow
@@ -200,6 +190,13 @@
           return false
         }
 
+        if (item.setting.supModule) {
+          let pid = item.setting.supModule.pop()
+          item.setting.supModule = pid || ''
+        } else {
+          item.setting.supModule = ''
+        }
+
         item.subtabs = item.subtabs.filter(tab => {
           if (
             tab.blacklist && tab.blacklist.length > 0 &&
@@ -209,35 +206,37 @@
           } else if (tab.hide === 'true') {
             return false
           }
+
+          if (item.setting.supModule) {
+            if (tab.controlVal === '@pass@') {
+              tab.$pass = true
+            } else if (/,/ig.test(tab.controlVal)) {
+              tab.controlVals = tab.controlVal.split(',')
+            } else {
+              tab.controlVals = [(tab.controlVal || '')]
+            }
+          }
+
           return true
         })
 
         if (item.setting.supModule) {
-          let pid = item.setting.supModule.pop()
-          item.setting.supModule = pid || ''
+          item.setting.controlField = item.setting.controlField.toLowerCase()
 
-          if (item.setting.supModule) {
-            item.setting.controlField = item.setting.controlField.toLowerCase()
-  
-            if (item.setting.supModule === 'preview') {
-              item.setting.supModule = ''
-              let val = ''
-              Object.keys(urlparam).forEach(key => {
-                if (key.toLowerCase() === item.setting.controlField) {
-                  val = urlparam[key]
-                }
-              })
-  
-              item.subtabs = item.subtabs.filter(tab => {
-                if (tab.controlVal === val) {
-                  return false
-                } else if (/,/ig.test(tab.controlVal)) {
-                  return !tab.controlVal.split(',').includes(val)
-                }
-      
-                return true
-              })
-            }
+          if (item.setting.supModule === 'preview') {
+            item.setting.supModule = ''
+            let val = ''
+            Object.keys(urlparam).forEach(key => {
+              if (key.toLowerCase() === item.setting.controlField) {
+                val = urlparam[key]
+              }
+            })
+
+            item.subtabs = item.subtabs.filter(tab => {
+              if (tab.$pass) return true
+    
+              return !tab.controlVals.includes(val)
+            })
           }
         }
 
@@ -265,7 +264,24 @@
         item.subtabs = item.subtabs.map(tab => {
           tab.$pageId = Tab.uuid
 
-          tab.components = this.filterComponent(tab.components, roleId, balMap, urlparam, Tab, cache)
+          let _searchId = searchId
+
+          if (tab.components.findIndex(cell => cell.type === 'search') > -1) {
+            _searchId = tab.uuid
+          }
+
+          tab.components = this.filterComponent(tab.components, roleId, balMap, urlparam, Tab, _searchId, tab.uuid)
+
+          if (_searchId === tab.uuid) {
+            tab.components.forEach(cell => {
+              if (cell.type !== 'search') return
+              window.GLOB.SearchBox.set(_searchId, cell.$searches)
+              if (cell.$s_req) {
+                window.GLOB.SearchBox.set(_searchId + 'required', true)
+              }
+            })
+          }
+
           return tab
         })
 
@@ -278,7 +294,7 @@
           return false
         }
 
-        item.components = this.filterComponent(item.components, roleId, balMap, urlparam, Tab, cache)
+        item.components = this.filterComponent(item.components, roleId, balMap, urlparam, Tab, searchId, syncId)
 
         return true
       } else if (['pie', 'bar', 'line', 'dashboard', 'scatter', 'chart'].includes(item.type)) {
@@ -298,8 +314,10 @@
       }
 
       // 鎼滅储鏉′欢鍒濆鍖�
-      if (item.search && item.search.length > 0) {
-        item.search = Utils.initSearchVal(item.search)
+      if (item.search) {
+        Utils.initSearchVal(item)
+
+        item.$searches = Utils.initMainSearch(item.search)
       }
 
       if (item.wrap && item.wrap.supType === 'multi') { // 鏁版嵁鍗″涓婄骇缁勪欢
@@ -326,7 +344,6 @@
       }
 
       if (item.type === 'table') {
-        let statFields = []
         let getCols = (cols) => {
           return cols.filter(col => {
             if (col.blacklist && col.blacklist.filter(v => roleId.indexOf(v) > -1).length > 0) {
@@ -338,9 +355,6 @@
             }
             
             if (col.type === 'number') {
-              if (col.sum === 'true' && !statFields.includes(col.field)) {
-                statFields.push(col)
-              }
               if (typeof(col.decimal) === 'number') {
                 col.round = Math.pow(10, col.decimal)
                 if (col.format === 'percent') {
@@ -386,7 +400,6 @@
         }
         
         item.cols = getCols(item.cols)
-        item.statFields = statFields
 
         if (item.subtype === 'editable') {
           item.submit.logLabel = item.$menuname + '-鎻愪氦'
@@ -486,6 +499,7 @@
           group.subButton.OpenType = 'formSubmit'
           group.subButton.execError = 'never'
           group.subButton.logLabel = item.$menuname + '-' + group.subButton.label
+          group.subButton.$tabId = Tab.uuid
 
           if (!group.subButton.Ot) {
             group.subButton.Ot = item.wrap.datatype === 'static' ? 'notRequired' : 'requiredSgl'
@@ -585,6 +599,20 @@
       }
     }
 
+    if (cell.OpenType === 'excelOut') { // 瀵煎嚭
+      cell.$menuName = item.name
+
+      if (!cell.verify || !cell.verify.columns || cell.verify.columns.length === 0) {
+        cell.errorType = 'error1'
+      } else if (cell.intertype === 'system' && cell.verify.dataType !== 'custom') {
+        if (item.setting.interType !== 'system') {
+          cell.errorType = 'error2'
+        } else if (item.type === 'balcony' || item.subtype === 'propcard') {
+          cell.errorType = 'error2'
+        }
+      }
+    }
+
     if (cell.syncComponentId) {
       if (cell.syncComponentId === item.setting.supModule) {
         cell.syncComponentId = ''
@@ -616,6 +644,11 @@
 
   resetElement = (cell) => {
     cell.style = cell.style || {}
+
+    if (cell.style.display === 'inline-block') {
+      cell.style.verticalAlign = 'top'
+    }
+
     if (['text', 'number', 'formula'].includes(cell.eleType)) {
       if (!cell.height) {
         cell.innerHeight = 'auto'
@@ -670,35 +703,43 @@
   }
 
   // 鏍煎紡鍖栭粯璁よ缃�
-  formatSetting = (components, params, mainSearch, inherit, regs, balMap) => {
+  formatSetting = (components, params, regs, balMap) => {
     let delay = 20
     return components.map(component => {
       if (component.type === 'tabs') {
         component.subtabs = component.subtabs.map(tab => {
-          tab.components = this.formatSetting(tab.components, null, null, inherit, regs, balMap)
-          tab = {...tab, ...inherit}
+          tab.components = this.formatSetting(tab.components, null, regs, balMap)
           return tab
         })
         return component
       } else if (component.type === 'group') {
-        component.components = this.formatSetting(component.components, null, null, inherit, regs, balMap)
-        component = {...component, ...inherit}
+        component.components = this.formatSetting(component.components, params, regs, balMap)
         return component
       } else if (component.wrap && component.wrap.datatype === 'public') {
         component.setting.useMSearch = false
+        component.setting.sync = 'false'
 
         return component
       } else if (component.wrap && component.wrap.datatype === 'static') {
         component.format = ''
         component.setting = component.setting || {}
         component.setting.useMSearch = false
+        component.setting.sync = 'false'
 
         return component
       } else if (!component.setting || !component.format) {
         return component
       }
 
+      component.setting.arr_field = component.columns ? component.columns.map(col => col.field).join(',') : ''
       component.setting.useMSearch = component.setting.useMSearch === 'true'
+      if (component.setting.useMSearch) {
+        if (!window.GLOB.SearchBox.has(component.$searchId)) {
+          component.setting.useMSearch = false
+        } else if (window.GLOB.SearchBox.has(component.$searchId + 'required')) {
+          component.$s_req = true
+        }
+      }
 
       if (component.setting.interType !== 'system') { // 涓嶄娇鐢ㄧ郴缁熷嚱鏁版椂
         component.setting.sync = 'false'
@@ -707,9 +748,15 @@
       }
 
       let _customScript = ''
+      let _tailScript = ''
       component.scripts && component.scripts.forEach(script => {
-        if (script.status !== 'false') {
+        if (script.status === 'false') return
+        if (script.position !== 'back') {
           _customScript += `
+          ${script.sql}
+          `
+        } else {
+          _tailScript += `
           ${script.sql}
           `
         }
@@ -727,51 +774,63 @@
       }
   
       if (sessionStorage.getItem('dataM') === 'true') { // 鏁版嵁鏉冮檺
-        component.setting.dataresource = component.setting.dataresource.replace(/\$@/ig, '/*').replace(/@datam@/ig, '\'Y\'')
-        component.setting.dataresource = component.setting.dataresource.replace(/@\$/ig, '*/')
-        _customScript = _customScript.replace(/\$@/ig, '/*').replace(/@datam@/ig, '\'Y\'')
-        _customScript = _customScript.replace(/@\$/ig, '*/')
+        component.setting.dataresource = component.setting.dataresource.replace(/\$@/ig, '/*').replace(/@\$/ig, '*/').replace(/@datam@/ig, '\'Y\'')
+        _customScript = _customScript.replace(/\$@/ig, '/*').replace(/@\$/ig, '*/').replace(/@datam@/ig, '\'Y\'')
+        _tailScript = _tailScript.replace(/\$@/ig, '/*').replace(/@\$/ig, '*/').replace(/@datam@/ig, '\'Y\'')
       } else {
         component.setting.dataresource = component.setting.dataresource.replace(/@\$|\$@/ig, '').replace(/@datam@/ig, '\'\'')
         _customScript = _customScript.replace(/@\$|\$@/ig, '').replace(/@datam@/ig, '\'\'')
+        _tailScript = _tailScript.replace(/@\$|\$@/ig, '').replace(/@datam@/ig, '\'\'')
       }
 
       regs.forEach(cell => {
         component.setting.dataresource = component.setting.dataresource.replace(cell.reg, cell.value)
         _customScript = _customScript.replace(cell.reg, cell.value)
+        _tailScript = _tailScript.replace(cell.reg, cell.value)
       })
 
       component.setting.customScript = _customScript // 鏁寸悊鍚庤嚜瀹氫箟鑴氭湰
+      component.setting.tailScript = _tailScript     // 鍚庣疆鑷畾涔夎剼鏈�
+
+      component.setting.custompage = /@pageSize@|@orderBy@/i.test(component.setting.dataresource + component.setting.customScript)
+
+      if (!component.setting.execute || component.setting.custompage) {
+        component.forbidLine = true
+      }
+
+      if (component.setting.sync === 'true') {
+        // pageable 鏄惁鍒嗛〉锛岀粍浠跺睘鎬э紝涓嶅垎椤电殑缁勪欢鎵嶅彲浠ョ粺涓�鏌ヨ
+        if ((!component.pageable || (component.pageable && !component.setting.laypage)) && component.setting.onload === 'true') {
+
+        } else {
+          component.setting.sync = 'false'
+        }
+      }
 
       // dataName 绯荤粺鐢熸垚鐨勬暟鎹簮鍚嶇О
       if (component.setting.sync === 'true') {
         component.dataName = 'mk' + component.uuid.slice(-18)
-      }
 
-      // floor    缁勪欢鐨勫眰绾�
-      // pageable 鏄惁鍒嗛〉锛岀粍浠跺睘鎬э紝涓嶅垎椤电殑缁勪欢鎵嶅彲浠ョ粺涓�鏌ヨ
-      if (params && (!component.pageable || (component.pageable && !component.setting.laypage)) && component.setting.onload === 'true' && component.setting.sync === 'true') {
-        let searchlist = []
-        if (component.search && component.search.length > 0) {
-          searchlist = Utils.initMainSearch(component.search)
-        }
-        if (component.setting.useMSearch) {
-          let keys = searchlist.map(item => item.key)
-          mainSearch.forEach(item => {
-            if (!keys.includes(item.key)) {
+        if (params) {
+          let searchlist = component.$searches || []
+  
+          if (component.setting.useMSearch) {
+            let mainSearch = window.GLOB.SearchBox.get(component.$searchId)
+            let keys = component.$s_keys || []
+            mainSearch.forEach(item => {
+              if (keys.includes(item.key.toLowerCase())) return
+  
               searchlist.push(item)
-            }
-          })
+            })
+          }
+  
+          if (component.$s_req && searchlist.filter(item => item.required && item.value === '').length > 0) {
+            component.setting.sync = 'false'
+            component.setting.onload = 'false'
+          } else {
+            params.push(getStructDefaultParam(component, searchlist, params.length === 0))
+          }
         }
-
-        if (searchlist.filter(item => item.required && item.value === '').length > 0) {
-          component.setting.sync = 'false'
-          component.setting.onload = 'false'
-        } else {
-          params.push(getStructDefaultParam(component, searchlist, params.length === 0))
-        }
-      } else if (params) {
-        component.setting.sync = 'false'
       }
 
       component.setting.delay = delay
@@ -790,42 +849,56 @@
    * @description 涓昏〃鏁版嵁鍔犺浇
    */ 
   loadmaindata = (params) => {
+    const { Tab } = this.props
     const { config } = this.state
     let param = getStructuredParams(params, config, this.state.BID || '')
 
     this.setState({loading: true})
 
     Api.genericInterface(param).then(result => {
-      if (result.status) {
-        delete result.status
-        delete result.message
-        delete result.ErrMesg
-        delete result.ErrCode
+      this.setState({
+        loading: false
+      })
 
-        if (config.$cache) {
-          params.forEach((item) => {
-            let _data = result[item.name] || ''
-            if (_data && !Array.isArray(_data)) {
-              _data = [_data]
-            }
-            Api.writeCacheConfig(item.uuid, _data)
-          })
+      if (result.status) {
+        if (result.message) {
+          if (result.ErrCode === 'Y') {
+            Modal.success({
+              title: result.message
+            })
+          } else if (result.ErrCode === 'S') {
+            notification.success({
+              top: 92,
+              message: result.message,
+              duration: 2
+            })
+          }
         }
 
-        this.setState({
-          data: result,
-          loading: false
+        params.forEach((item) => {
+          let _data = result[item.name] || ''
+          if (_data && !Array.isArray(_data)) {
+            _data = [_data]
+          }
+          window.GLOB.SyncData.set(item.name, _data)
         })
+
+        MKEmitter.emit('transferSyncData', Tab.uuid)
       } else {
-        this.setState({
-          data: '',
-          loading: false
-        })
-        notification.error({
-          top: 92,
-          message: result.message,
-          duration: 10
-        })
+        MKEmitter.emit('transferSyncData', Tab.uuid)
+
+        if (!result.message) return
+        if (result.ErrCode === 'N') {
+          Modal.error({
+            title: result.message,
+          })
+        } else if (result.ErrCode !== '-2') {
+          notification.error({
+            top: 92,
+            message: result.message,
+            duration: 10
+          })
+        }
       }
     })
   }
@@ -861,20 +934,20 @@
         })
       } else if (item.type === 'group') {
         this.deleteCache(item.components)
+      } else if (item.type === 'search') {
+        window.GLOB.SearchBox.delete(item.$searchId)
       } else {
         window.GLOB.CacheData.delete(item.uuid)
+      }
+
+      if (item.dataName) {
+        window.GLOB.SyncData.delete(item.dataName)
       }
     })
   }
 
-  resetSearch = (search) => {
-    this.setState({mainSearch: null}, () => {
-      this.setState({mainSearch: search})
-    })
-  }
-
   getComponents = () => {
-    const { config, BID, data, mainSearch } = this.state
+    const { config, BID } = this.state
 
     if (!config) return
 
@@ -883,24 +956,26 @@
 
       if (item.style && item.style.clear === 'left') {
         style = {clear: 'left'}
+      } else if (item.style && item.style.clear === 'right') {
+        style = {float: 'right'}
       }
 
       if (item.type === 'card' && item.subtype === 'datacard') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <DataCard config={item} data={data} mainSearch={mainSearch}/>
+            <DataCard config={item}/>
           </Col>
         )
       } else if (item.type === 'card' && item.subtype === 'propcard') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <PropCard config={item} data={data} mainSearch={mainSearch}/>
+            <PropCard config={item}/>
           </Col>
         )
       } else if (item.type === 'card' && item.subtype === 'dualdatacard') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <DoubleDataCard config={item} mainSearch={mainSearch}/>
+            <DoubleDataCard config={item}/>
           </Col>
         )
       } else if (item.type === 'table' && item.subtype === 'basetable') {
@@ -912,127 +987,133 @@
       } else if (item.type === 'bar' || item.type === 'line') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <AntvBarAndLine config={item} data={data} mainSearch={mainSearch}/>
+            <AntvBarAndLine config={item}/>
           </Col>
         )
       } else if (item.type === 'pie') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <AntvPie config={item} data={data} mainSearch={mainSearch}/>
+            <AntvPie config={item}/>
           </Col>
         )
       } else if (item.type === 'scatter') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <AntvScatter config={item} data={data} mainSearch={mainSearch}/>
+            <AntvScatter config={item}/>
           </Col>
         )
       } else if (item.type === 'dashboard') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <AntvDashboard config={item} data={data} mainSearch={mainSearch}/>
+            <AntvDashboard config={item}/>
           </Col>
         )
       } else if (item.type === 'form' && item.subtype === 'simpleform') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <SimpleForm config={item} data={data} mainSearch={mainSearch}/>
+            <SimpleForm config={item}/>
           </Col>
         )
       } else if (item.type === 'form' && item.subtype === 'stepform') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <StepForm config={item} data={data} mainSearch={mainSearch}/>
+            <StepForm config={item}/>
           </Col>
         )
       } else if (item.type === 'form' && item.subtype === 'tabform') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <TabForm config={item} data={data} mainSearch={mainSearch}/>
+            <TabForm config={item}/>
           </Col>
         )
       } else if (item.type === 'search') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <MainSearch config={item} BID={BID} refreshdata={this.resetSearch} />
+            <MainSearch config={item} BID={BID} />
           </Col>
         )
       } else if (item.type === 'tabs') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <AntvTabs config={item} mainSearch={mainSearch} />
+            <AntvTabs config={item}/>
           </Col>
         )
       } else if (item.type === 'balcony') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <Balcony config={item} data={data}/>
+            <Balcony config={item}/>
           </Col>
         )
       } else if (item.type === 'timeline') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <TimeLine config={item} data={data} mainSearch={mainSearch}/>
+            <TimeLine config={item}/>
           </Col>
         )
       } else if (item.type === 'carousel' && item.subtype === 'datacard') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <CarouselDataCard config={item} data={data} mainSearch={mainSearch}/>
+            <CarouselDataCard config={item}/>
           </Col>
         )
       } else if (item.type === 'carousel' && item.subtype === 'propcard') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <CarouselPropCard config={item} data={data} mainSearch={mainSearch}/>
+            <CarouselPropCard config={item}/>
           </Col>
         )
       } else if (item.type === 'card' && item.subtype === 'tablecard') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <TableCard config={item} data={data} mainSearch={mainSearch}/>
+            <TableCard config={item}/>
           </Col>
         )
       } else if (item.type === 'table' && item.subtype === 'normaltable') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <NormalTable config={item} data={data} mainSearch={mainSearch}/>
+            <NormalTable config={item}/>
           </Col>
         )
       } else if (item.type === 'table' && item.subtype === 'editable') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <EditTable config={item} mainSearch={mainSearch}/>
+            <EditTable config={item}/>
           </Col>
         )
       } else if (item.type === 'group' && item.subtype === 'normalgroup') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <NormalGroup config={item} mainSearch={mainSearch}/>
+            <NormalGroup config={item}/>
           </Col>
         )
       } else if (item.type === 'editor') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <BraftEditor config={item} data={data} mainSearch={mainSearch}/>
+            <BraftEditor config={item}/>
           </Col>
         )
       } else if (item.type === 'tree') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <NormalTree config={item} data={data} mainSearch={mainSearch}/>
+            <NormalTree config={item}/>
+          </Col>
+        )
+      } else if (item.type === 'calendar') {
+        return (
+          <Col span={item.width} style={style} key={item.uuid}>
+            <Calendar config={item}/>
           </Col>
         )
       } else if (item.type === 'code') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <SandBox config={item} data={data} mainSearch={mainSearch}/>
+            <SandBox config={item}/>
           </Col>
         )
       } else if (item.type === 'chart') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <CustomChart config={item} data={data} mainSearch={mainSearch}/>
+            <CustomChart config={item}/>
           </Col>
         )
       } else if (item.type === 'module' && item.subtype === 'voucher') {
@@ -1044,13 +1125,19 @@
       } else if (item.type === 'iframe') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <Iframe config={item} data={data} mainSearch={mainSearch}/>
+            <Iframe config={item}/>
           </Col>
         )
       } else if (item.type === 'antvG6') {
         return (
           <Col span={item.width} style={style} key={item.uuid}>
-            <AntvG6 config={item} data={data} mainSearch={mainSearch}/>
+            <AntvG6 config={item}/>
+          </Col>
+        )
+      } else if (item.type === 'antvX6') {
+        return (
+          <Col span={item.width} style={style} key={item.uuid}>
+            <AntvX6 config={item}/>
           </Col>
         )
       } else {
@@ -1064,7 +1151,7 @@
 
     return (
       <div className={'pop-page-wrap ' + (loading ? 'loading' : '')} style={config ? config.style : null}>
-        {loading && !config.$cache ? <Spin className="view-spin" size="large" /> : null}
+        {loading ? <Spin className="view-spin" size="large" /> : null}
         <Row className="component-wrap">{this.getComponents()}</Row>
         {viewlost ? <NotFount msg={this.state.lostmsg} /> : null}
       </div>

--
Gitblit v1.8.0