From 547e5fe219ee7bee309ecd67db74bc8df66b5433 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 23 八月 2023 11:47:45 +0800
Subject: [PATCH] 2023-08-23
---
src/views/billprint/index.jsx | 920 ++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 674 insertions(+), 246 deletions(-)
diff --git a/src/views/billprint/index.jsx b/src/views/billprint/index.jsx
index d1e8084..7779306 100644
--- a/src/views/billprint/index.jsx
+++ b/src/views/billprint/index.jsx
@@ -5,9 +5,7 @@
import Api from '@/api'
import Utils from '@/utils/utils.js'
-import options, { styles } from '@/store/options.js'
-import zhCN from '@/locales/zh-CN/main.js'
-import enUS from '@/locales/en-US/main.js'
+import { styles } from '@/store/options.js'
import UtilsDM from '@/utils/utils-datamanage.js'
import NotFount from '@/components/404'
import asyncComponent from '@/utils/asyncComponent'
@@ -21,22 +19,31 @@
const AntvScatter = asyncComponent(() => import('@/tabviews/custom/components/chart/antv-scatter'))
const DataCard = asyncComponent(() => import('@/tabviews/custom/components/card/data-card'))
const PropCard = asyncComponent(() => import('@/tabviews/custom/components/card/prop-card'))
+const DoubleDataCard = asyncComponent(() => import('@/tabviews/custom/components/card/double-data-card'))
const TableCard = asyncComponent(() => import('@/tabviews/custom/components/card/table-card'))
const NormalTable = asyncComponent(() => import('@/tabviews/custom/components/table/normal-table'))
const SandBox = asyncComponent(() => import('@/tabviews/custom/components/code/sand-box'))
const TimeLine = asyncComponent(() => import('@/tabviews/custom/components/timeline/normal-timeline'))
+const BraftEditor = asyncComponent(() => import('@/tabviews/custom/components/editor/braft-editor'))
const Balcony = asyncComponent(() => import('@/tabviews/custom/components/card/balcony'))
+const AntvG6 = asyncComponent(() => import('@/tabviews/custom/components/chart/antv-G6'))
+const AntvX6 = asyncComponent(() => import('@/tabviews/custom/components/chart/antv-X6'))
+const DebugTable = asyncComponent(() => import('@/tabviews/debugtable'))
class BillPrint extends Component {
state = {
- dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
loadingview: true,
printing: false,
pages: null,
BID: '',
data: '',
tempId: '',
+ pageId: '',
config: null,
+ urlParam: null,
+ visible: false,
+ rePos: false,
+ loading: false,
auto: true
}
@@ -55,12 +62,15 @@
let param = JSON.parse(window.decodeURIComponent(window.atob(params.param)))
sessionStorage.setItem('dataM', param.dataM || '')
- sessionStorage.setItem('localDataM', param.dataM || '')
this.setState({
BID: param.id || '',
- tempId: param.tempId
+ tempId: param.tempId,
+ urlParam: param,
+ pageId: param.pageId || ''
}, () => {
- this.getMenuParam()
+ setTimeout(() => {
+ this.getMenuParam()
+ }, 200)
})
} catch (e) {
notification.warning({
@@ -76,6 +86,66 @@
return !is(fromJS(this.state), fromJS(nextState))
}
+ componentDidMount() {
+ const _this = this
+
+ if (window.GLOB.sysType !== 'cloud') {
+ Object.defineProperty(window, 'debugger', {
+ configurable: true,
+ enumerable: true,
+ set(value) {
+ if (value + '' === 'false') {
+ window.GLOB.debugger = false
+ } else {
+ window.GLOB.debugger = true
+ }
+ }
+ })
+
+ Object.defineProperty(window, 'debug', {
+ configurable: true,
+ enumerable: true,
+ set(value) {
+ if (value + '' === 'false') {
+ window.GLOB.debugger = false
+ window.GLOB.breakpoint = false
+ sessionStorage.removeItem('breakpoint')
+ } else {
+ window.GLOB.debugger = true
+ window.GLOB.breakpoint = value + ''
+ sessionStorage.setItem('breakpoint', value)
+ }
+ _this.debugChange()
+ }
+ })
+ }
+
+ document.onkeydown = (event) => {
+ let e = event || window.event
+ let keyCode = e.keyCode || e.which || e.charCode
+ let preKey = ''
+
+ if (e.ctrlKey) {
+ preKey = 'ctrl'
+ } else if (e.shiftKey) {
+ preKey = 'shift'
+ } else if (e.altKey) {
+ preKey = 'alt'
+ }
+
+ if (!preKey || !keyCode) return
+
+ let _shortcut = `${preKey}+${keyCode}`
+
+ if (window.GLOB.breakpoint && _shortcut === 'ctrl+67') {
+ window.GLOB.breakpoint = false
+ sessionStorage.removeItem('breakpoint')
+
+ _this.debugChange()
+ }
+ }
+ }
+
/**
* @description 缁勪欢閿�姣侊紝娓呴櫎state鏇存柊
*/
@@ -83,6 +153,10 @@
this.setState = () => {
return
}
+ }
+
+ debugChange = () => {
+ this.setState({visible: !this.state.visible})
}
getTouristMsg = () => {
@@ -135,7 +209,7 @@
}
getMenuParam = () => {
- const { tempId, BID } = this.state
+ const { tempId, BID, urlParam } = this.state
let _param = {
func: 'sPC_Get_LongParam',
@@ -144,16 +218,14 @@
window.GLOB.dataFormat = false // 鎵撳嵃鍘婚櫎姘村嵃
- if (window.GLOB.mainSystemApi) { // 浠庡崟鐐圭櫥褰曟湇鍔″櫒鍙栨墦鍗伴厤缃俊鎭�
- _param.rduri = window.GLOB.mainSystemApi
- }
-
- Api.getLocalConfig(_param).then(result => {
+ Api.getCacheConfig(_param).then(result => {
if (result.status) {
let config = ''
try {
- config = JSON.parse(window.decodeURIComponent(window.atob(result.LongParam)))
+ config = window.decodeURIComponent(window.atob(result.LongParam))
+ config = config.replace(/@mywebsite@\//ig, window.GLOB.baseurl)
+ config = JSON.parse(config)
} catch (e) {
console.warn('Parse Failure')
config = ''
@@ -173,7 +245,7 @@
this.setState({
viewlost: true,
loadingview: false,
- lostmsg: this.state.dict['main.view.unenabled']
+ lostmsg: '鎶辨瓑锛屾偍璁块棶鐨勯〉闈㈡湭鍚敤锛岃鑱旂郴绠＄悊鍛樸��'
})
return
}
@@ -225,17 +297,10 @@
let userName = sessionStorage.getItem('User_Name') || ''
let fullName = sessionStorage.getItem('Full_Name') || ''
- let city = sessionStorage.getItem('city') || ''
-
- 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}'` },
- { reg: /@login_city@/ig, value: `'${city}'` }
+ { reg: /@fullName@/ig, value: `'${fullName}'` }
]
if (window.GLOB.externalDatabase !== null) {
@@ -245,41 +310,159 @@
})
}
+ if (config.urlFields) {
+ config.urlFields.forEach(field => {
+ let val = `'${urlParam ? (urlParam[field] || '') : ''}'`
+ regs.push({
+ reg: new RegExp('@' + field + '@', 'ig'),
+ value: val
+ })
+ })
+ }
+
+ window.GLOB.CacheData.set(tempId, {$BID: BID})
+
+ let initInters = []
+
+ this.formatInterSetting(config.interfaces, regs, initInters, params, BID)
+
config.components = config.components.map(component => {
- if (component.action) component.action = []
- if (component.search) component.search = []
+ if (component.action) {
+ component.action = component.action.filter(cell => {
+ cell = this.resetButton(component, cell)
+ cell.$toolbtn = true
+
+ return !cell.hidden
+ })
+ }
+ if (component.search) {
+ component.search = []
+ component.$searches = []
+ }
component.data = [] // 鍒濆鍖栨暟鎹负绌�
- if (component.type === 'table' && component.subtype === 'normaltable') {
+ if (component.subtype === 'tablecard') { // 鍏煎
+ component.type = 'card'
+ }
+
+ component.$pageId = tempId
+ if (component.setting && component.setting.supModule) {
+ let pid = component.setting.supModule.pop()
+ if (pid && pid !== 'empty') {
+ component.setting.supModule = pid
+ } else {
+ component.setting.supModule = ''
+ }
+ }
+
+ if (component.type === 'table') {
let getColumns = (cols) => {
- return cols.map(item => {
+ return cols.filter(item => {
if (item.type === 'colspan') {
item.subcols = getColumns(item.subcols)
+ if (item.subcols.length === 0) {
+ return false
+ }
+ } else if (item.type === 'custom') {
+ item.elements = item.elements.filter(cell => {
+ if (cell.eleType === 'button') {
+ cell = this.resetButton(component, cell)
+
+ return !cell.hidden
+ }
+
+ cell = this.resetElement(cell)
+
+ return true
+ })
+ if (item.elements.length === 0) {
+ return false
+ }
} else {
item.IsSort = 'false'
}
- return item
+ return true
})
}
component.cols = getColumns(component.cols)
+ component.statFields = []
+ } else if (['card', 'carousel', 'timeline'].includes(component.type)) {
+ component.subcards && component.subcards.forEach(card => {
+ if (card.style.boxShadow) {
+ delete card.style.hShadow
+ delete card.style.vShadow
+ delete card.style.shadowBlur
+ delete card.style.shadowColor
+ }
+
+ card.elements = card.elements.filter(cell => {
+ if (cell.eleType === 'button') {
+ cell = this.resetButton(component, cell)
+
+ return !cell.hidden
+ }
+
+ cell = this.resetElement(cell)
+
+ return true
+ })
+
+ if (!card.backElements || card.backElements.length === 0) return
+
+ card.backElements = card.backElements.filter(cell => {
+ if (cell.eleType === 'button') {
+ cell = this.resetButton(component, cell)
+
+ return !cell.hidden
+ }
+
+ cell = this.resetElement(cell)
+
+ return true
+ })
+ })
+ } else if (component.type === 'balcony') {
+ component.elements = component.elements.filter(cell => {
+ if (cell.eleType === 'button') {
+ cell = this.resetButton(component, cell)
+
+ return !cell.hidden
+ }
+
+ cell = this.resetElement(cell)
+
+ return true
+ })
}
- if (component.wrap.datatype === 'static') {
+ if (component.wrap && component.wrap.datatype === 'static') {
+ component.format = ''
+ } else if (component.wrap && component.wrap.datatype === 'public') {
+ component.componentId = component.wrap.publicId
component.format = ''
}
if (!component.setting) return component // 涓嶄娇鐢ㄧ郴缁熷嚱鏁版椂
if (!component.format) return component // 娌℃湁鍔ㄦ�佹暟鎹� 鏁版嵁鏍煎紡 array 鎴� object
+
+ component.setting.arr_field = component.columns ? component.columns.map(col => col.field).join(',') : ''
+
if (component.setting.interType !== 'system') { // 涓嶄娇鐢ㄧ郴缁熷嚱鏁版椂
component.setting.sync = 'false'
return component
}
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}
`
}
@@ -298,31 +481,32 @@
}
if (sessionStorage.getItem('dataM') === 'true') { // 鏁版嵁鏉冮檺
- component.setting.dataresource = component.setting.dataresource.replace(/\$@/ig, '/*')
- component.setting.dataresource = component.setting.dataresource.replace(/@\$/ig, '*/')
- _customScript = _customScript.replace(/\$@/ig, '/*')
- _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, '')
- _customScript = _customScript.replace(/@\$|\$@/ig, '')
+ 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 // 鍚庣疆鑷畾涔夎剼鏈�
// floor 缁勪欢鐨勫眰绾�
- // dataName 绯荤粺鐢熸垚鐨勬暟鎹簮鍚嶇О
// pageable 鏄惁鍒嗛〉锛岀粍浠跺睘鎬э紝涓嶅垎椤电殑缁勪欢鎵嶅彲浠ョ粺涓�鏌ヨ
- if (component.dataName && component.setting.sync === 'true') {
+ if (component.setting.sync === 'true') {
+ component.dataName = 'mk' + component.uuid.slice(-18)
let param = this.getDefaultParam(component)
_pars.push(param)
- } else {
- let arr_field = component.columns.map(col => col.field).join(',')
- let param = UtilsDM.getQueryDataParams(component.setting, arr_field, [], component.setting.order || '', 1, 1000, BID, '')
+ } else if (component.subtype !== 'dualdatacard') {
+ let param = UtilsDM.getQueryDataParams(component.setting, [], component.setting.order || '', 1, 1000, BID)
param.componentId = component.uuid
@@ -340,11 +524,26 @@
params.unshift(_pars)
}
+ if (config.everyPCount && !config.printPage) { // 鍏煎
+ config.printPage = 'page'
+ }
+
+ config.printPage = config.printPage || 'auto'
+
+ if (config.printPage === 'auto') {
+ config.everyPCount = 99999
+ }
+
+ config.limit = config.everyPCount || 15
+
this.setState({
+ auto: config.printPage === 'auto',
config
}, () => {
- if (params.length === 0) {
+ if (params.length === 0 && initInters.length === 0) {
this.setState({loadingview: false, pages: [config.components]})
+ } else if (initInters.length > 0) {
+ this.loadinit(initInters, params)
} else {
this.loadmaindata(params)
}
@@ -359,14 +558,144 @@
})
}
+ resetButton = (item, cell) => {
+ cell.logLabel = item.$menuname + '-' + cell.label
+ cell.Ot = cell.Ot || 'requiredSgl'
+ cell.syncComponentId = ''
+ cell.$menuId = item.uuid
+
+ cell.hidden = cell.hidden === 'true'
+ if (!['pop', 'prompt', 'exec', 'innerpage', 'form'].includes(cell.OpenType)) {
+ cell.hidden = true
+ }
+
+ if (cell.controlField) {
+ if (/,/ig.test(cell.controlVal)) {
+ cell.controlVals = cell.controlVal.split(',')
+ } else {
+ cell.controlVals = [(cell.controlVal || '')]
+ }
+ }
+
+ return cell
+ }
+
+ resetElement = (cell) => {
+ cell.style = cell.style || {}
+ if (['text', 'number', 'formula'].includes(cell.eleType)) {
+ cell.innerHeight = cell.innerHeight || 'auto'
+ cell.alignItems = cell.height > 1 ? cell.alignItems : ''
+
+ if (cell.eleType === 'number' && typeof(cell.decimal) === 'number') {
+ cell.round = Math.pow(10, cell.decimal)
+ if (cell.format === 'percent') {
+ cell.decimal = cell.decimal > 2 ? cell.decimal - 2 : 0
+ }
+ }
+ }
+
+ return cell
+ }
+
+ formatInterSetting = (inters, regs, initInters, params, BID) => {
+ if (!inters) return []
+
+ let delay = 15
+ inters.forEach(inter => {
+ if (inter.status !== 'true') return
+
+ inter.setting.delay = delay
+ delay += 15
+
+ inter.setting.supModule = ''
+ inter.setting.arr_field = inter.columns.map(col => col.field).join(',')
+
+ if (inter.setting.interType !== 'system') {
+ let param = UtilsDM.getQueryDataParams(inter.setting, [], inter.setting.order || '', 1, 1000, BID)
+
+ param.componentId = inter.uuid
+
+ if (inter.setting.loadlevel === 'init') {
+ initInters.push(param)
+ } else {
+ param.public = true
+ params.push(param)
+ }
+ return
+ }
+
+ let _customScript = ''
+ let _tailScript = ''
+ inter.scripts.forEach(script => {
+ if (script.status === 'false') return
+ if (script.position !== 'back') {
+ _customScript += `
+ ${script.sql}
+ `
+ } else {
+ _tailScript += `
+ ${script.sql}
+ `
+ }
+ })
+ delete inter.scripts
+
+ inter.setting.$name = '鍏叡鏁版嵁婧�-' + inter.setting.name
+ inter.setting.execute = inter.setting.execute !== 'false'
+ inter.setting.laypage = true
+
+ if (!inter.setting.execute) {
+ inter.setting.dataresource = ''
+ }
+ if (/\s/.test(inter.setting.dataresource)) {
+ inter.setting.dataresource = '(' + inter.setting.dataresource + ') tb'
+ }
+
+ if (sessionStorage.getItem('dataM') === 'true') { // 鏁版嵁鏉冮檺
+ inter.setting.dataresource = inter.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 {
+ inter.setting.dataresource = inter.setting.dataresource.replace(/@\$|\$@/ig, '').replace(/@datam@/ig, '\'\'')
+ _customScript = _customScript.replace(/@\$|\$@/ig, '').replace(/@datam@/ig, '\'\'')
+ _tailScript = _tailScript.replace(/@\$|\$@/ig, '').replace(/@datam@/ig, '\'\'')
+ }
+
+ regs.forEach(cell => {
+ inter.setting.dataresource = inter.setting.dataresource.replace(cell.reg, cell.value)
+ _customScript = _customScript.replace(cell.reg, cell.value)
+ _tailScript = _tailScript.replace(cell.reg, cell.value)
+ })
+
+ inter.setting.customScript = _customScript // 鏁寸悊鍚庤嚜瀹氫箟鑴氭湰
+ inter.setting.tailScript = _tailScript // 鍚庣疆鑷畾涔夎剼鏈�
+
+ let param = UtilsDM.getQueryDataParams(inter.setting, [], inter.setting.order || '', 1, 1000, BID)
+
+ param.componentId = inter.uuid
+
+ if (inter.setting.loadlevel === 'init') {
+ initInters.push(param)
+ } else {
+ param.public = true
+ params.push(param)
+ }
+ })
+ }
+
reload = () => {
+ const { tempId } = this.state
+
this.setState({
loadingview: true,
pages: null,
data: '',
config: null
}, () => {
- this.getMenuParam()
+ Api.deleteMenuStorage(tempId)
+ setTimeout(() => {
+ this.getMenuParam()
+ }, 50)
})
}
@@ -376,18 +705,17 @@
getDefaultParam = (component) => {
const { columns, setting, dataName, format } = component
- let arr_field = columns.map(col => col.field)
let _dataresource = setting.dataresource
let _customScript = setting.customScript
if (setting.order && _dataresource) {
- _dataresource = `select top 1000 ${arr_field.join(',')} from (select ${arr_field.join(',')} ,ROW_NUMBER() over(order by ${setting.order}) as rows from ${_dataresource}) tmptable order by tmptable.rows `
+ _dataresource = `select top 1000 ${setting.arr_field} from (select ${setting.arr_field} ,ROW_NUMBER() over(order by ${setting.order}) as rows from ${_dataresource}) tmptable order by tmptable.rows `
} else if (_dataresource) {
- _dataresource = `select top 1000 ${arr_field.join(',')} from ${_dataresource} `
+ _dataresource = `select top 1000 ${setting.arr_field} from ${_dataresource} `
}
// 娴嬭瘯绯荤粺鎵撳嵃鏌ヨ璇彞
- if (window.GLOB.debugger === true || (window.debugger === true && options.sysType !== 'cloud')) {
+ if (window.GLOB.debugger === true) {
_customScript && console.info(`${_dataresource ? '' : '/*涓嶆墽琛岄粯璁ql*/\n'}${_customScript}`)
_dataresource && console.info(_dataresource)
}
@@ -401,7 +729,6 @@
foreign_key: '',
sql: _dataresource,
script: _customScript,
- transaction: setting.transaction === 'true'
}
}
@@ -410,32 +737,28 @@
if (!params || params.length === 0) return ''
let LText_field = []
- let transaction = false
let userName = sessionStorage.getItem('User_Name') || ''
let fullName = sessionStorage.getItem('Full_Name') || ''
let RoleID = sessionStorage.getItem('role_id') || ''
let departmentcode = sessionStorage.getItem('departmentcode') || ''
let organization = sessionStorage.getItem('organization') || ''
+ let mk_user_type = sessionStorage.getItem('mk_user_type') || ''
+ let nation = sessionStorage.getItem('nation') || ''
+ let province = sessionStorage.getItem('province') || ''
let city = sessionStorage.getItem('city') || ''
-
- if (sessionStorage.getItem('isEditState') === 'true') {
- userName = sessionStorage.getItem('CloudUserName') || ''
- fullName = sessionStorage.getItem('CloudFullName') || ''
- }
+ let district = sessionStorage.getItem('district') || ''
+ let address = sessionStorage.getItem('address') || ''
let LText = params.map((item, index) => {
let _sql = item.sql
let _script = item.script
if (index === 0) {
- _script = `declare @ErrorCode nvarchar(50),@retmsg nvarchar(4000),@UserName nvarchar(50),@FullName nvarchar(50),@RoleID nvarchar(512),@mk_departmentcode nvarchar(50),@mk_organization nvarchar(50),@login_city nvarchar(50)
- select @ErrorCode='',@retmsg ='',@UserName='${userName}', @FullName='${fullName}', @RoleID='${RoleID}', @mk_departmentcode='${departmentcode}', @mk_organization='${organization}', @login_city='${city}'
+ _script = `declare @ErrorCode nvarchar(50),@retmsg nvarchar(4000),@UserName nvarchar(50),@FullName nvarchar(50),@RoleID nvarchar(512),@mk_departmentcode nvarchar(512),@mk_organization nvarchar(512),@mk_user_type nvarchar(20),@mk_nation nvarchar(50),@mk_province nvarchar(50),@mk_city nvarchar(50),@mk_district nvarchar(50),@mk_address nvarchar(100)
+ select @ErrorCode='',@retmsg ='',@UserName='${userName}', @FullName='${fullName}', @RoleID='${RoleID}', @mk_departmentcode='${departmentcode}', @mk_organization='${organization}', @mk_user_type='${mk_user_type}', @mk_nation='${nation}', @mk_province='${province}', @mk_city='${city}', @mk_district='${district}', @mk_address='${address}'
${_script}
`
- }
- if (item.transaction) {
- transaction = true
}
item.columns.forEach(cell => {
@@ -448,11 +771,9 @@
func: 'sPC_Get_structured_data',
LText: LText.join(' union all '),
LText_field: LText_field.join(' union all '),
- BID: BID || ''
- }
-
- if (transaction) {
- param.func = 'sPC_Get_structured_data_try'
+ BID: BID || '',
+ username: userName,
+ fullName: fullName
}
param.LText = Utils.formatOptions(param.LText)
@@ -463,17 +784,53 @@
return param
}
+ loadinit = (initInters, params) => {
+ let deffers = initInters.map(item => {
+ let componentId = item.componentId
+ delete item.componentId
+ return new Promise(resolve => {
+ Api.genericInterface(item).then(res => {
+ if (!res.status) {
+ notification.warning({
+ top: 92,
+ message: res.message,
+ duration: 5
+ })
+ resolve()
+ } else {
+ let _data = { $$empty: true }
+ if (res.data && res.data[0]) {
+ _data = res.data[0]
+ }
+ window.GLOB.CacheData.set(componentId, _data)
+ }
+ resolve()
+ })
+ })
+ })
+
+ Promise.all(deffers).then(() => {
+ if (params.length === 0) {
+ this.setState({loadingview: false, pages: [this.state.config.components]})
+ } else {
+ this.loadmaindata(params)
+ }
+ })
+ }
+
/**
* @description 涓昏〃鏁版嵁鍔犺浇
*/
loadmaindata = (params) => {
- const { components, everyPCount, firstCount, lastCount } = this.state.config
+ const { components, limit } = this.state.config
let deffers = params.map(item => {
let componentId = item.componentId
+ let ispublic = item.public
delete item.componentId
+ delete item.public
return new Promise(resolve => {
- Api.getLocalConfig(item).then(res => {
+ Api.genericInterface(item).then(res => {
if (!res.status) {
notification.warning({
top: 92,
@@ -483,6 +840,14 @@
resolve(false)
} else {
res.componentId = componentId
+
+ if (ispublic) {
+ let _data = { $$empty: true }
+ if (res.data && res.data[0]) {
+ _data = res.data[0]
+ }
+ window.GLOB.CacheData.set(componentId, _data)
+ }
resolve(res)
}
})
@@ -493,17 +858,30 @@
let _results = results.filter(Boolean)
let comps = components.map(item => {
+ item.wrap = item.wrap || {}
+ item.data = null
+
if (!item.format) return item
+ if ((item.subtype === 'datacard' && item.wrap.layout !== 'flex') || item.type === 'table') {
+ item.$page = true
+ }
+
_results.forEach(res => {
- if (res.componentId === item.uuid && res.data) {
- item.data = res.data
+ if ((res.componentId === item.uuid || res.componentId === item.componentId) && res.data) {
item.dataArray = fromJS(res.data).toJS()
} else if (res.componentId === 'union' && res[item.dataName]) {
- item.data = res[item.dataName]
- item.dataArray = fromJS(res[item.dataName]).toJS()
+ let data = res[item.dataName]
+ if (!Array.isArray(data)) {
+ data = [data]
+ }
+ item.dataArray = fromJS(data).toJS()
}
})
+
+ if (item.$page && !item.dataArray) {
+ item.$page = false
+ }
return item
})
@@ -517,189 +895,200 @@
this.setState({loadingview: false, pages})
}
- let auto = true
-
- if (comps[comps.length - 1].wrap && comps[comps.length - 1].wrap.printHeight) {
- auto = false
+ let setData = (item) => {
+ if (item.setting && item.setting.sync === 'true' && item.data) {
+ item.dataName = Utils.getuuid()
+ window.GLOB.SyncData.set(item.dataName, item.data)
+ }
}
while (!over) {
let page = []
let count = 0
let _pageover = false
- let pagesover = false
- let limit = pageIndex === 1 ? (firstCount || 20) : (everyPCount || 20)
+ comps.forEach(comp => {
+ let item = fromJS(comp).toJS()
- comps.forEach((_item, index) => {
- let item = fromJS(_item).toJS()
-
- if (index + 1 >= length && !_pageover) {
- pagesover = true
+ if (item.wrap.printType === 'headerOrfooter') { // 椤电湁椤佃剼
+ item.data = item.dataArray || null
+ setData(item)
+ page.push(item)
+ comp.added = true
}
- if (item.wrap && item.wrap.printType === 'headerOrfooter') { // 椤电湁椤佃剼
- page.push(item)
- } else if (_pageover) {
- return
- } else if (item.subtype === 'datacard' || item.type === 'table') {
- if (_item.dataArray && _item.dataArray.length > 0) {
- if (item.subtype === 'datacard' && item.wrap.layout === 'flex') {
- if (!item.added && item.wrap.printHeight) {
- count += item.wrap.printHeight
- if (count >= limit) {
- _pageover = true
- }
- if (count <= limit) {
- _item.added = true
- page.push(item)
- }
- } else if (!item.added) {
- _item.added = true
- page.push(item)
- }
- } else {
- item.data = []
-
- while (count + 1 <= limit && _item.dataArray.length > 0) {
- item.data.push(_item.dataArray.shift())
- count++
- }
-
- if (count >= limit) {
- _pageover = true
- }
- page.push(item)
- }
- _item.added = true
- } else if (!item.added) {
- _item.added = true
- page.push(item)
- }
- } else if (!item.added && item.wrap && item.wrap.printHeight) {
- if (item.wrap.empty === 'hidden' && (!item.data || item.data.length === 0)) {
- _item.added = true
- return
+ if (_pageover) return
+
+ if (item.$page && comp.dataArray.length > 0) {
+ item.data = []
+
+ while (count + 1 <= limit && comp.dataArray.length > 0) {
+ item.data.push(comp.dataArray.shift())
+ count++
}
- count += item.wrap.printHeight
- if (count >= limit) {
+ if (count >= limit || comp.dataArray.length > 0) {
_pageover = true
}
- if (count <= limit) {
- _item.added = true
- page.push(item)
+
+ if (comp.dataArray.length === 0) {
+ comp.added = true
}
- } else if (!item.added) {
- _item.added = true
+
+ setData(item)
page.push(item)
- }
-
- if (index + 1 >= length && !_pageover) {
- pagesover = true
- }
- })
-
- if (pagesover && lastCount && count > lastCount) {
- pagesover = false
- page = []
- count = 0
- _pageover = false
-
- if (pageIndex === 1) {
- limit = (everyPCount - firstCount) + (everyPCount - lastCount)
-
- if (limit <= 0) {
- limit = firstCount
- }
- } else {
- limit = lastCount
- }
-
- comps.forEach((_item, index) => {
- let item = fromJS(_item).toJS()
- if (item.wrap && item.wrap.printType === 'headerOrfooter') { // 椤电湁椤佃剼
- page.push(item)
- } else if (_pageover) {
- return
- } else if (item.subtype === 'datacard' || item.type === 'table') {
- if (_item.dataArray && _item.dataArray.length > 0) {
- if (item.subtype === 'datacard' && item.wrap.layout === 'flex') {
- if (!item.added && item.wrap.printHeight) {
- count += item.wrap.printHeight
- if (count >= limit) {
- _pageover = true
- }
- if (count <= limit) {
- _item.added = true
- page.push(item)
- }
- } else if (!item.added) {
- _item.added = true
- page.push(item)
- }
- } else {
- item.data = []
-
- while (count + 1 <= limit && _item.dataArray.length > 0) {
- item.data.push(_item.dataArray.shift())
- count++
- }
-
- if (count >= limit) {
- _pageover = true
- }
- page.push(item)
- }
- _item.added = true
- } else if (!item.added) {
- _item.added = true
- page.push(item)
- }
- } else if (!item.added && item.wrap && item.wrap.printHeight) {
- if (item.wrap.empty === 'hidden' && (!item.data || item.data.length === 0)) {
- _item.added = true
- return
- }
+ } else if (!comp.added) {
+ if (item.wrap.printHeight) {
count += item.wrap.printHeight
if (count >= limit) {
_pageover = true
+ return
}
- if (count <= limit) {
- _item.added = true
- page.push(item)
- }
- } else if (!item.added) {
- _item.added = true
- page.push(item)
}
-
- if (index + 1 === length && !_pageover) {
- pagesover = true
- }
- })
- }
+
+ item.data = item.dataArray || null
+
+ setData(item)
+ page.push(item)
+ comp.added = true
+ }
+ })
pages.push(page)
pageIndex++
- if (pageIndex >= 200 || pagesover) {
+ if (pageIndex >= 2000 || comps.findIndex(comp => !comp.added) === -1) {
over = true
}
}
- this.setState({loadingview: false, pages, auto})
+ let total = pages.length
+ let date = moment().format('YYYY-MM-DD')
+ let datetime = moment().format('YYYY-MM-DD HH:mm:ss')
+ let rePos = false
+
+ pages.forEach((page, index) => {
+ page.forEach(item => {
+ if (item.wrap.printType === 'headerOrfooter') { // 椤电湁椤佃剼
+ if (item.type === 'balcony') {
+ if (item.style.position === 'absolute') {
+ rePos = true
+ }
+ item.elements.forEach(cell => {
+ if (cell.eleType === 'text' && cell.datatype === 'static') {
+ cell.value = cell.value.replace(/@total@/ig, total).replace(/@pageIndex@/ig, index + 1).replace(/@date@/ig, date).replace(/@datetime@/ig, datetime)
+ }
+ })
+ } else if (item.subtype === 'propcard') {
+ item.subcards.forEach(card => {
+ card.elements.forEach(cell => {
+ if (cell.eleType === 'text' && cell.datatype === 'static') {
+ cell.value = cell.value.replace(/@total@/ig, total).replace(/@pageIndex@/ig, index + 1).replace(/@date@/ig, date).replace(/@datetime@/ig, datetime)
+ }
+ })
+ })
+ }
+ }
+ })
+ })
+
+ this.setState({loadingview: false, pages, rePos})
})
}
- print = () => {
- const { config, printing } = this.state
+ canvasToImage(canvas) {
+ let image = new Image()
+ image.src = canvas.toDataURL('image/jpg')
+ image.style = 'width:100%;height:100%;position:absolute;z-index:1;left:0px;top:0px;'
+ return image
+ }
+ chartToImage(canvas) {
+ let image = new Image()
+ image.src = canvas.toDataURL('image/jpg')
+ image.style = `width:100%;height:${canvas.style.height || '100%'};`
+ return image
+ }
+
+ print = () => {
+ const { config, printing, BID, tempId, pageId } = this.state
+
if (printing) return
- let jubuData = document.getElementById('bill-print').innerHTML
-
this.setState({printing: true})
+
+ if (config.callback === 'true') {
+ this.setState({loading: true})
+
+ Api.genericInterface({
+ func: 's_print_proc',
+ username: sessionStorage.getItem('User_Name') || '',
+ fullname: sessionStorage.getItem('Full_Name') || '',
+ BID: BID || '',
+ print_type: config.callNo || '',
+ MenuNo: config.MenuNo || '',
+ Menuid: tempId || ''
+ }).then(res => {
+ if (!res.status) {
+ notification.warning({
+ top: 92,
+ message: res.message || '鎵ц澶辫触锛�',
+ duration: 5
+ })
+
+ this.setState({printing: false, loading: false})
+ return
+ }
+
+ let refresh = !/@no_target_menu@/i.test(res.message)
+
+ this.setState({loading: false})
+
+ if (pageId && refresh) {
+ localStorage.setItem('menuUpdate', new Date().getTime() + ',' + pageId + ',menu')
+ }
+
+ setTimeout(() => {
+ this.execPrint()
+ }, 300)
+ })
+ } else {
+ this.execPrint()
+ }
+ }
+
+ execPrint = () => {
+ const { config } = this.state
+
+ let qrcodes = document.getElementsByClassName('qrcode-box')
+
+ for (let i = 0; i < qrcodes.length; i++) {
+ let canvas = qrcodes[i].getElementsByTagName('canvas')[0]
+
+ if (canvas) {
+ let img = this.canvasToImage(canvas)
+
+ canvas.remove()
+ qrcodes[i].append(img)
+ }
+ }
+
+ let charts = document.getElementsByTagName('canvas')
+
+ if (charts.length) {
+ for (let i = 0; i < charts.length; i++) {
+ let img = this.chartToImage(charts[i])
+ let parentNode = charts[i].parentNode
+
+ parentNode.append(img)
+ }
+
+ while (charts[0]) {
+ charts[0].remove()
+ }
+ }
+
+ let jubuData = document.getElementById('bill-print').innerHTML
try {
let iframe = document.createElement('IFRAME')
@@ -747,70 +1136,108 @@
getComponents = (components) => {
return components.map(item => {
+ let style = null
+
+ if (item.style && item.style.clear === 'left') {
+ style = {clear: 'left'}
+ } else if (item.style && item.style.clear === 'right') {
+ style = {float: 'right'}
+ }
+
if (item.type === 'bar' || item.type === 'line') {
return (
- <Col span={item.width} key={item.uuid}>
- <AntvBarAndLine config={item} initdata={item.data} mainSearch={[]} menuType="" />
+ <Col span={item.width} style={style} key={item.uuid}>
+ <AntvBarAndLine config={item}/>
</Col>
)
} else if (item.type === 'pie') {
return (
- <Col span={item.width} key={item.uuid}>
- <AntvPie config={item} initdata={item.data} mainSearch={[]} menuType="" />
+ <Col span={item.width} style={style} key={item.uuid}>
+ <AntvPie config={item} />
</Col>
)
} else if (item.type === 'scatter') {
return (
- <Col span={item.width} key={item.uuid}>
- <AntvScatter config={item} initdata={item.data} mainSearch={[]} menuType="" />
+ <Col span={item.width} style={style} key={item.uuid}>
+ <AntvScatter config={item}/>
</Col>
)
} else if (item.type === 'dashboard') {
return (
- <Col span={item.width} key={item.uuid}>
- <AntvDashboard config={item} initdata={item.data} mainSearch={[]} menuType="" />
+ <Col span={item.width} style={style} key={item.uuid}>
+ <AntvDashboard config={item}/>
</Col>
)
} else if (item.type === 'card' && item.subtype === 'datacard') {
return (
- <Col span={item.width} key={item.uuid}>
- <DataCard config={item} initdata={item.data} mainSearch={[]} menuType="" />
+ <Col span={item.width} style={style} key={item.uuid}>
+ <DataCard config={item} />
</Col>
)
} else if (item.type === 'card' && item.subtype === 'propcard') {
return (
- <Col span={item.width} key={item.uuid}>
- <PropCard config={item} initdata={item.data} mainSearch={[]} menuType="" />
+ <Col span={item.width} style={style} key={item.uuid}>
+ <PropCard config={item} />
</Col>
)
- } else if (item.type === 'table' && item.subtype === 'tablecard') {
+ } else if (item.type === 'card' && item.subtype === 'dualdatacard') {
return (
- <Col span={item.width} key={item.uuid}>
- <TableCard config={item} initdata={item.data} mainSearch={[]} menuType="" />
+ <Col span={item.width} style={style} key={item.uuid}>
+ <DoubleDataCard config={item}/>
+ </Col>
+ )
+ } else if (item.type === 'card' && item.subtype === 'tablecard') {
+ return (
+ <Col span={item.width} style={style} key={item.uuid}>
+ <TableCard config={item}/>
</Col>
)
} else if (item.type === 'table' && item.subtype === 'normaltable') {
return (
- <Col span={item.width} key={item.uuid}>
- <NormalTable config={item} initdata={item.data} mainSearch={[]} menuType="" />
+ <Col span={item.width} style={style} key={item.uuid}>
+ <NormalTable config={item}/>
</Col>
)
} else if (item.type === 'code') {
return (
- <Col span={item.width} key={item.uuid}>
- <SandBox config={item} initdata={item.data} mainSearch={[]} menuType="" />
+ <Col span={item.width} style={style} key={item.uuid}>
+ <SandBox config={item}/>
</Col>
)
} else if (item.type === 'balcony') {
- return (
- <Col span={item.width} key={item.uuid}>
- <Balcony config={item} initdata={item.data} menuType="" />
- </Col>
- )
+ if (item.wrap.printType === 'headerOrfooter' && item.style.position === 'absolute') {
+ return (
+ <Balcony key={item.uuid} config={item}/>
+ )
+ } else {
+ return (
+ <Col span={item.width} style={style} key={item.uuid}>
+ <Balcony config={item}/>
+ </Col>
+ )
+ }
} else if (item.type === 'timeline') {
return (
- <Col span={item.width} key={item.uuid}>
- <TimeLine config={item} initdata={item.data} menuType="" />
+ <Col span={item.width} style={style} key={item.uuid}>
+ <TimeLine config={item}/>
+ </Col>
+ )
+ } else if (item.type === 'editor') {
+ return (
+ <Col span={item.width} style={style} key={item.uuid}>
+ <BraftEditor config={item}/>
+ </Col>
+ )
+ } else if (item.type === 'antvG6') {
+ return (
+ <Col span={item.width} style={style} key={item.uuid}>
+ <AntvG6 config={item}/>
+ </Col>
+ )
+ } else if (item.type === 'antvX6') {
+ return (
+ <Col span={item.width} style={style} key={item.uuid}>
+ <AntvX6 config={item}/>
</Col>
)
} else {
@@ -820,15 +1247,16 @@
}
render() {
- const { loadingview, viewlost, config, pages, auto } = this.state
+ const { loadingview, viewlost, config, pages, auto, rePos, loading } = this.state
return (
<div className="bill-print-wrap" >
- {loadingview && <Spin size="large" />}
+ {loadingview || loading ? <Spin size="large" /> : null}
{pages ? <div id="bill-print">
- {pages.map((components, index) => (<div className={'print-page' + (auto ? ' auto' : '')} key={index} style={{...config.style, overflow: 'hidden', boxSizing: 'border-box'}}><Row>{this.getComponents(components)}</Row></div>))}
+ {pages.map((components, index) => (<div className={'print-page' + (auto ? ' auto' : '') + (rePos ? ' reset-position' : '')} key={index} style={{...config.style, overflow: 'hidden', boxSizing: 'border-box'}}><Row className="component-wrap">{this.getComponents(components)}</Row></div>))}
</div> : null}
{viewlost ? <NotFount msg={this.state.lostmsg} /> : null}
+ {config && window.GLOB.breakpoint ? <DebugTable /> : null}
{pages && !loadingview && !viewlost ? <div className="print-button"><Button icon="printer" size="large" shape="circle" onClick={this.print}></Button></div> : null}
{!loadingview && !viewlost ? <div className="refresh-button"><Button icon="reload" size="large" shape="circle" onClick={this.reload}></Button></div> : null}
</div>
--
Gitblit v1.8.0