From 2bccb9ec7bdefe23292a22bc153463cfa1479a49 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 21 六月 2024 16:25:42 +0800 Subject: [PATCH] 2024-06-21 --- src/tabviews/zshare/mutilform/index.jsx | 567 +++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 394 insertions(+), 173 deletions(-) diff --git a/src/tabviews/zshare/mutilform/index.jsx b/src/tabviews/zshare/mutilform/index.jsx index e9a26ed..3b6fcc1 100644 --- a/src/tabviews/zshare/mutilform/index.jsx +++ b/src/tabviews/zshare/mutilform/index.jsx @@ -6,7 +6,6 @@ import moment from 'moment' import Api from '@/api' -import { formRule } from '@/utils/option.js' import Utils from '@/utils/utils.js' import asyncComponent from '@/utils/asyncComponent' import MKEmitter from '@/utils/events.js' @@ -28,6 +27,7 @@ const MkFormula = asyncComponent(() => import('./mkFormula')) const MkCascader = asyncComponent(() => import('./mkCascader')) const MkVercode = asyncComponent(() => import('./mkVercode')) +const MKPopSelect = asyncComponent(() => import('./mkPopSelect')) const MKEditor = asyncComponent(() => import('@/components/editor')) class MutilFormComponent extends Component { @@ -45,13 +45,18 @@ ID: '', send_type: '', timestamp: '', - n_id: '' + n_id: '', + focusId: '', + reFocusId: '', + dict: window.GLOB.dict } record = {} + submitId = '' componentDidMount () { const { action, unload } = this.props + const { dict } = this.state let data = {} let BData = {} @@ -76,7 +81,18 @@ } formlist = formlist.filter(item => { + if (item.type === 'hint') { + if (item.field && data[item.field.toLowerCase()]) { + item.message = data[item.field.toLowerCase()] + } + delete item.field + } + if (item.supField) { // 澶氬眰琛ㄥ崟鎺у埗 + if (['hint', 'split', 'formula'].includes(item.type)) { + item.field = item.uuid + fieldMap.set(item.field, item) + } let supvals = [] if (item.supvalue) { item.supvalue.split(',').forEach(val => { @@ -111,21 +127,15 @@ } } - if (item.type === 'split' || item.type === 'formula') return true - if (item.type === 'hint') { - if (item.field && data[item.field.toLowerCase()]) { - item.message = data[item.field.toLowerCase()] - } - delete item.field - return true - } else if (item.type === 'date') { + if (['hint', 'split', 'formula'].includes(item.type)) return true + if (item.type === 'date') { item.precision = item.precision || 'day' } else if (item.type === 'datetime') { item.type = 'date' item.precision = 'second' } - if (!item.field || !['text', 'number', 'switch', 'check', 'rate', 'select', 'link', 'cascader', 'linkMain', 'funcvar', 'date', 'datemonth', 'radio', 'checkbox', 'checkcard', 'fileupload', 'textarea', 'multiselect', 'brafteditor', 'color', 'vercode'].includes(item.type)) return false + if (!item.field || !['text', 'number', 'switch', 'check', 'rate', 'select', 'popSelect', 'link', 'cascader', 'linkMain', 'funcvar', 'date', 'datemonth', 'radio', 'checkbox', 'checkcard', 'fileupload', 'textarea', 'multiselect', 'brafteditor', 'color', 'vercode'].includes(item.type)) return false if (/^\s+$/.test(item.label)) { item.style = item.style || {} @@ -139,6 +149,7 @@ item.readin = item.readin !== 'false' && item.readin !== 'top' item.readonly = check || item.readonly === 'true' item.writein = item.writein !== 'false' + item.defHidden = item.hidden === 'true' item.hidden = item.hidden === 'true' item.fieldlength = item.fieldlength || 50 @@ -258,6 +269,12 @@ } else { newval = item.closeVal } + } else if (item.type === 'popSelect') { + if (newval && newval !== '$empty') { + item.showValue = data[item.showField.toLowerCase()] || '' + } else { + item.showValue = '' + } } if (newval !== '$empty') { @@ -267,7 +284,7 @@ } if (item.type === 'number') { - if (isNaN(item.initval)) { + if (isNaN(item.initval) || item.initval === '') { item.initval = 0 } } else if (['select', 'link', 'radio', 'checkbox', 'checkcard', 'multiselect', 'cascader'].includes(item.type) && item.resourceType === '1') { @@ -292,28 +309,33 @@ } } + item.rules = [] if (item.type === 'text') { item.initval = item.initval + '' - let _rules = [{ - pattern: /^[^']*$/ig, - message: '涓嶅彲浣跨敤鑻辨枃鐘舵�佺殑鍗曞紩鍙凤紒' - }, { + + if (item.required === 'true') { + item.rules.push({ + required: true, + message: item.label + (dict['not_empty'] || '涓嶅彲涓虹┖锛�') + }) + } + + item.rules.push({ validator: (rule, value, callback) => { - if (/--/ig.test(value)) { - callback('涓嶅彲浣跨敤 -- 锛�') + if (/'/.test(value)) { + callback(dict['single_quot'] || '涓嶅彲浣跨敤鑻辨枃鐘舵�佺殑鍗曞紩鍙凤紒') + // } else if (/--/.test(value)) { + // callback('涓嶅彲浣跨敤 -- 锛�') } else { callback() } } - }, { - required: item.required === 'true', - message: item.label + '涓嶅彲涓虹┖!' - }] - + }) + if (!item.lenControl || item.lenControl === 'limit') { - _rules.push({ + item.rules.push({ max: item.fieldlength, - message: formRule.input.formMessage.replace('@max', item.fieldlength) + message: (dict['max_char'] || '鏈�澶欯max涓瓧绗�').replace('@max', item.fieldlength) }) } @@ -323,107 +345,148 @@ if (item.regularExtra) { reg = new RegExp('^[0-9.-' + item.regularExtra.replace(/\.|-/g, '') + ']*$') } - _rules.push({ + item.rules.push({ pattern: reg, - message: item.regularText || formRule.input.numbermsg + message: item.regularText || dict['enter_num'] || '璇疯緭鍏ユ暟瀛楋紒' }) } else if (item.regular === 'letter') { let reg = /^[a-zA-Z]*$/ if (item.regularExtra) { reg = new RegExp('^[a-zA-Z' + item.regularExtra + ']*$') } - _rules.push({ + item.rules.push({ pattern: reg, - message: item.regularText || formRule.input.lettermsg + message: item.regularText || dict['enter_letter'] || '璇疯緭鍏ュ瓧姣嶏紒' }) } else if (item.regular === 'letter_number') { let reg = /^[a-zA-Z0-9]*$/ if (item.regularExtra) { reg = new RegExp('^[a-zA-Z0-9' + item.regularExtra + ']*$') } - _rules.push({ + item.rules.push({ pattern: reg, - message: item.regularText || '璇疯緭鍏ユ暟瀛楁垨瀛楁瘝' + message: item.regularText || dict['enter_num_letter'] || '璇疯緭鍏ユ暟瀛楁垨瀛楁瘝' }) } else if (item.regular === 'letter&number') { let reg = /^[a-zA-Z0-9@_.]*$/ if (item.regularExtra) { reg = new RegExp('^[a-zA-Z0-9@_.' + item.regularExtra.replace(/\.|_|@/g, '') + ']*$') } - _rules.push({ + item.rules.push({ pattern: reg, - message: item.regularText || '璇疯緭鍏ユ暟瀛椼�佸瓧姣嶄互鍙夽_.' + message: item.regularText || dict['enter_num_letter_char'] || '璇疯緭鍏ユ暟瀛椼�佸瓧姣嶄互鍙夽_.' }) } else if (item.regular === 'phone') { - _rules.push({ + item.rules.push({ pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/, - message: item.regularText || '璇锋纭緭鍏ユ墜鏈哄彿' + message: item.regularText || dict['phone_error'] || '璇锋纭緭鍏ユ墜鏈哄彿' }) } else if (item.regular === 'email') { - _rules.push({ + item.rules.push({ pattern: /^([a-zA-Z0-9._-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/, - message: item.regularText || '璇锋纭緭鍏ラ偖绠卞湴鍧�' + message: item.regularText || dict['email_error'] || '璇锋纭緭鍏ラ偖绠卞湴鍧�' }) } } - - item.rules = _rules } else if (item.type === 'number') { item.rules = [{ required: true, - message: item.label + '涓嶅彲涓虹┖!' - }, { - validator: (rule, value, callback) => this.handleConfirmPassword(rule, value, callback, item) + message: item.label + (dict['not_empty'] || '涓嶅彲涓虹┖锛�') }] - } else if (item.type === 'textarea') { - let _rules = [ - { - required: item.required === 'true', - message: item.label + '涓嶅彲涓虹┖!' - }, - { - max: item.fieldlength, - message: formRule.input.formMessage.replace('@max', item.fieldlength) - }, - { - pattern: /^[^']*$/ig, - message: '涓嶅彲浣跨敤鑻辨枃鐘舵�佺殑鍗曞紩鍙凤紒' - }, { + + if (typeof(item.min) === 'number' || typeof(item.max) === 'number' || item.notZero === 'true') { + item.rules.push({ validator: (rule, value, callback) => { - if (/--/ig.test(value)) { - callback('涓嶅彲浣跨敤 -- 锛�') + if (isNaN(value)) { + callback() + } else if (item.notZero === 'true' && value === 0) { + callback(item.label + (dict['not_zero'] || '涓嶅彲涓�0')) + } else if (typeof(item.min) === 'number' && value < item.min) { + if (item.min < 1e-6) { + if (item.min === 1e-6) { + callback(item.label + '鏈�灏忓�间负 0.000001') + } else if (item.min === 1e-7) { + callback(item.label + '鏈�灏忓�间负 0.0000001') + } else if (item.min === 1e-8) { + callback(item.label + '鏈�灏忓�间负 0.00000001') + } else if (item.min === 1e-9) { + callback(item.label + '鏈�灏忓�间负 0.000000001') + } else if (item.min === 1e-10) { + callback(item.label + '鏈�灏忓�间负 0.0000000001') + } else if (item.min === 1e-11) { + callback(item.label + '鏈�灏忓�间负 0.00000000001') + } else { + callback(item.label + '鏈�灏忓�间负 ' + item.min) + } + } else { + callback(item.label + (dict['less_limit'] || '鏈�灏忓�间负 ') + item.min) + } + } else if (typeof(item.max) === 'number' && value > item.max) { + callback(item.label + (dict['max_limit'] || '鏈�澶у�间负 ') + item.max) } else { callback() } } + }) + } + } else if (item.type === 'textarea') { + if (item.required === 'true') { + item.rules.push({ + required: true, + message: item.label + (dict['not_empty'] || '涓嶅彲涓虹┖锛�') + }) + } + + item.rules.push({ + validator: (rule, value, callback) => { + if (/'/.test(value)) { + callback(dict['single_quot'] || '涓嶅彲浣跨敤鑻辨枃鐘舵�佺殑鍗曞紩鍙凤紒') + // } else if (/--/.test(value)) { + // callback('涓嶅彲浣跨敤 -- 锛�') + } else { + callback() + } } - ] - item.rules = _rules + }, { + max: item.fieldlength, + message: (dict['max_char'] || '鏈�澶欯max涓瓧绗�').replace('@max', item.fieldlength) + }) } else if (item.type === 'brafteditor') { - item.rules = [ - { - required: item.required === 'true', - message: item.label + '涓嶅彲涓虹┖!' - }, - { - max: item.fieldlength, - message: formRule.input.formMessage.replace('@max', item.fieldlength) - } - ] + if (item.required === 'true') { + item.rules.push({ + required: true, + message: item.label + (dict['not_empty'] || '涓嶅彲涓虹┖锛�') + }) + } + + item.rules.push({ + max: item.fieldlength, + message: (dict['max_char'] || '鏈�澶欯max涓瓧绗�').replace('@max', item.fieldlength) + }) } else if (item.type === 'linkMain' || item.type === 'vercode') { - item.rules = [ - { - required: item.required === 'true', - message: item.label + '涓嶅彲涓虹┖!' - } - ] + if (item.required === 'true') { + item.rules.push({ + required: true, + message: item.label + (dict['not_empty'] || '涓嶅彲涓虹┖锛�') + }) + } } else { - item.rules = [ - { - required: item.required === 'true', - message: '璇烽�夋嫨' + item.label + '!' - } - ] + if (item.required === 'true') { + item.rules.push({ + required: true, + message: (dict['select_tip'] || '璇烽�夋嫨') + item.label + '!' + }) + } + if (['cascader', 'checkbox', 'checkcard', 'fileupload', 'multiselect'].includes(item.type) && item.fieldlength) { + item.rules.push({ + max: item.fieldlength, + message: (dict['max_char'] || '鏈�澶欯max涓瓧绗�').replace('@max', item.fieldlength) + }) + } + } + + if (item.rules.length === 0) { + item.rules = null } fieldMap.set(item.field, item) @@ -444,7 +507,7 @@ let _hidden = false - if (supItem.hidden) { + if (supItem.hidden && !supItem.defHidden) { _hidden = true } else { let box = [...item.values] @@ -482,51 +545,46 @@ cell.labelCol = {style: {width: cell.labelwidth + '%'}} cell.wrapperCol = {style: {width: (100 - cell.labelwidth) + '%'}} } - if (!cell.field || !fieldMap.has(cell.field)) return cell + if (!cell.field || !fieldMap.has(cell.field) || ['hint', 'split', 'formula'].includes(cell.type)) return cell let item = fieldMap.get(cell.field) // 涓嬬骇琛ㄥ崟鎺у埗-瀛楁鍐欏叆 - if ((['select', 'radio', 'link'].includes(item.type) || (item.type === 'checkcard' && item.multiple !== 'true') || (item.type === 'cascader' && item.resourceType !== '2')) && item.linkSubField) { - item.subFields = [] - item.linkSubField.forEach(m => { - let n = fieldMap.get(m) - if (n && ['text', 'number', 'textarea'].includes(n.type)) { - item.subFields.push({ - uuid: n.uuid, - field: m - }) - } - }) - - if (item.subFields.length === 0) { - item.subFields = null - } else if (item.oriOptions.length > 0) { - item.oriOptions = item.oriOptions.map(cell => { - item.subFields.forEach(m => { - cell[m.field] = cell[m.field] === undefined ? '' : cell[m.field] - }) - return cell + if (item.linkSubField && item.linkSubField.length > 0) { + if ((['select', 'radio', 'link'].includes(item.type) || (item.type === 'checkcard' && item.multiple !== 'true') || (item.type === 'cascader' && item.resourceType !== '2'))) { + item.subFields = [] + item.linkSubField.forEach(m => { + let n = fieldMap.get(m) + if (n && ['text', 'number', 'textarea', 'select'].includes(n.type)) { + item.subFields.push({ + uuid: n.uuid, + field: m + }) + } }) - - item.options = fromJS(item.oriOptions).toJS() - } - item.linkSubField = null - } else if (item.type === 'switch' && item.linkSubField) { - item.options = [] - item.subFields = [] - item.linkSubField.forEach(m => { - let n = fieldMap.get(m) - if (n && ['text', 'number', 'textarea'].includes(n.type)) { - item.subFields.push({ - uuid: n.uuid, - field: m + + if (item.oriOptions.length > 0) { + item.oriOptions = item.oriOptions.map(cell => { + item.subFields.forEach(m => { + cell[m.field] = cell[m.field] === undefined ? '' : cell[m.field] + }) + return cell }) + + item.options = fromJS(item.oriOptions).toJS() } - }) - - if (item.subFields.length === 0) { - item.subFields = null - } else { + } else if (item.type === 'switch') { + item.options = [] + item.subFields = [] + item.linkSubField.forEach(m => { + let n = fieldMap.get(m) + if (n && ['text', 'number', 'textarea', 'select'].includes(n.type)) { + item.subFields.push({ + uuid: n.uuid, + field: m + }) + } + }) + reFieldsVal = reFieldsVal || {} let val = item.initval === item.openVal ? item.openText : item.closeText @@ -534,7 +592,32 @@ item.subFields.forEach(n => { reFieldsVal[n.field] = val || '' }) + } else if (item.type === 'fileupload') { + item.options = [] + item.subFields = [] + item.linkSubField.forEach(m => { + let n = fieldMap.get(m) + if (n && ['text', 'number', 'textarea', 'select'].includes(n.type)) { + item.subFields.push({ + uuid: n.uuid, + field: m + }) + } + }) + } else if (item.type === 'popSelect') { + item.options = [] + item.subFields = [] + item.linkSubField.forEach(m => { + let n = fieldMap.get(m) + if (n && ['text', 'number', 'textarea', 'select'].includes(n.type)) { + item.subFields.push({ + uuid: n.uuid, + field: m + }) + } + }) } + item.linkSubField = null } @@ -543,7 +626,11 @@ item.supInitVal = '' if (fieldMap.has(item.linkField)) { - item.supInitVal = fieldMap.get(item.linkField).initval || '' + let supitem = fieldMap.get(item.linkField) + item.supInitVal = supitem.initval || '' + if (supitem.$first) { + item.$resetSup = true + } } else if (data.hasOwnProperty(item.linkField.toLowerCase())) { item.supInitVal = data[item.linkField.toLowerCase()] } @@ -564,17 +651,19 @@ } record[item.field] = item.initval + item.orgval = item.initval if (linkFields[item.field]) { item.linkFields = linkFields[item.field] } if (item.enter === 'tab' || item.enter === 'sub') { - if (fieldMap.has(item.tabField)) { + item.tabUuid = '' + if (item.tabField && fieldMap.has(item.tabField)) { item.tabUuid = fieldMap.get(item.tabField).uuid } else if (item.enter === 'tab') { item.enter = 'false' - } else if (item.enter === 'sub') { + } else if (item.enter === 'sub' && ['text', 'number'].includes(item.type)) { item.tabUuid = item.uuid } } @@ -611,17 +700,30 @@ this.record = record let ID = this.props.data ? this.props.data.$$uuid || '' : '' + let focusItem = null - this.setState({ formlist, ID }, () => { + if (action.setting.focus && fieldMap.has(action.setting.focus)) { + focusItem = fieldMap.get(action.setting.focus) + } + + let reFocusItem = null + if (action.setting.refocus && fieldMap.has(action.setting.refocus)) { + reFocusItem = fieldMap.get(action.setting.refocus) + } + + this.setState({ + formlist, + ID, + focusId: focusItem ? focusItem.uuid : '', + reFocusId: reFocusItem ? reFocusItem.uuid : '' + }, () => { if (unload) return - if (action.setting && action.setting.focus && fieldMap.has(action.setting.focus)) { - let focusItem = fieldMap.get(action.setting.focus) - + if (focusItem) { if (focusItem.type === 'text' || focusItem.type === 'number') { setTimeout(() => { MKEmitter.emit('mkFC', 'focus', focusItem.uuid) - }, 50) + }, 20) } else { setTimeout(() => { MKEmitter.emit('mkFC', 'focus', focusItem.uuid) @@ -643,6 +745,90 @@ } } }) + + if (action.subButton && action.subButton.resetForms) { + MKEmitter.addListener('resetForms', this.resetForms) + } + MKEmitter.addListener('resetFocus', this.resetFocus) + } + + componentWillUnmount () { + this.setState = () => { + return + } + MKEmitter.removeListener('resetForms', this.resetForms) + MKEmitter.removeListener('resetFocus', this.resetFocus) + } + + resetFocus = (id, field) => { + const { action } = this.props + + if (id !== action.uuid) return + + let focusId = '' + + this.state.formlist.forEach(item => { + if (item.field === field) { + focusId = item.uuid + } + }) + + if (!focusId) return + + setTimeout(() => { + MKEmitter.emit('mkFC', 'focus', focusId) + }, 20) + } + + resetForms = (id, data) => { + const { action } = this.props + const { focusId, reFocusId } = this.state + + if (id !== action.uuid) return + + let formlist = fromJS(this.state.formlist).toJS() + let resetForms = action.subButton.resetForms || [] + + formlist = formlist.map(item => { + if (item.type !== 'text' && item.type !== 'number') return item + + if (resetForms.includes(item.field)) { + let key = item.field.toLowerCase() + if (typeof(data[key]) !== 'undefined') { + item.initval = data[key] + this.record[item.field] = data[key] + } else { + item.initval = item.orgval + this.record[item.field] = item.orgval + } + } + + return item + }) + + let _list = fromJS(formlist).toJS().map(item => { + if (item.type !== 'text' && item.type !== 'number') return item + + if (resetForms.includes(item.field) && !item.hidden) { + item.hidden = true + } + + return item + }) + + this.setState({ + formlist: _list + }, () => { + this.setState({ + formlist + }) + }) + + if (reFocusId || focusId || this.submitId) { + setTimeout(() => { + MKEmitter.emit('mkFC', 'focus', this.submitId || reFocusId || focusId) + }, 20) + } } getFormData = (deForms) => { @@ -712,9 +898,13 @@ } if (param.LText) { - param.LText = Utils.formatOptions(param.LText) + if (window.GLOB.execType === 'x') { + param.exec_type = 'x' + } + + param.LText = Utils.formatOptions(param.LText, param.exec_type) param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') - param.secretkey = Utils.encrypt(param.LText, param.timestamp) + param.secretkey = Utils.encrypt(window.GLOB.execType === 'x' ? '' : param.LText, param.timestamp) if (window.GLOB.mkHS) { // 浜戠鏁版嵁楠岃瘉 param.open_key = Utils.encryptOpenKey(param.secretkey, param.timestamp) @@ -747,19 +937,19 @@ } if (mainparam.LText) { - mainparam.LText = Utils.formatOptions(mainparam.LText) - mainparam.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') - mainparam.secretkey = Utils.encrypt(mainparam.LText, mainparam.timestamp) + if (window.GLOB.execType === 'x') { + mainparam.exec_type = 'x' + } + mainparam.LText = Utils.formatOptions(mainparam.LText, mainparam.exec_type) + mainparam.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + mainparam.secretkey = Utils.encrypt(window.GLOB.execType === 'x' ? '' : mainparam.LText, mainparam.timestamp) + + if (window.GLOB.mainSystemApi) { + mainparam.rduri = window.GLOB.mainSystemApi + } if (window.GLOB.mkHS) { // 浜戠鏁版嵁楠岃瘉 mainparam.open_key = Utils.encryptOpenKey(mainparam.secretkey, mainparam.timestamp) - if (window.GLOB.cloudServiceApi) { - mainparam.rduri = window.GLOB.cloudServiceApi - mainparam.userid = sessionStorage.getItem('CloudUserID') || '' - mainparam.LoginUID = sessionStorage.getItem('CloudLoginUID') || '' - } - } else if (window.GLOB.mainSystemApi) { - mainparam.rduri = window.GLOB.mainSystemApi } deffers.push( @@ -815,13 +1005,20 @@ if (window.GLOB.debugger) { console.info(param.LText) } + + if (window.GLOB.execType === 'x') { + param.exec_type = 'x' + } - param.LText = Utils.formatOptions(param.LText) + param.LText = Utils.formatOptions(param.LText, param.exec_type) param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') - param.secretkey = Utils.encrypt(param.LText, param.timestamp) + param.secretkey = Utils.encrypt(window.GLOB.execType === 'x' ? '' : param.LText, param.timestamp) if (form.database === 'sso' && window.GLOB.mainSystemApi) { param.rduri = window.GLOB.mainSystemApi + } + if (window.GLOB.mkHS) { // 浜戠鏁版嵁楠岃瘉 + param.open_key = Utils.encryptOpenKey(param.secretkey, param.timestamp) } return ( @@ -925,7 +1122,11 @@ // if (item.type === 'link') { if (item.linkField) { - item.options = item.oriOptions.filter(option => option.ParentID === item.supInitVal || option.value === '') + let supInitVal = item.supInitVal + if (item.$resetSup) { + supInitVal = this.record[item.linkField] + } + item.options = item.oriOptions.filter(option => option.ParentID === supInitVal || option.value === '') // } else if (['select', 'radio', 'checkbox', 'checkcard', 'multiselect'].includes(item.type)) { } else { item.options = item.oriOptions @@ -993,22 +1194,6 @@ this.setState({ formlist: _formlist }) - } - - handleConfirmPassword = (rule, value, callback, item) => { - let val = parseFloat(value) - - if (!isNaN(val)) { - if (typeof(item.min) === 'number' && val < item.min) { - callback(item.label + '鏈�灏忓�间负 ' + item.min) - } else if (typeof(item.max) === 'number' && val > item.max) { - callback(item.label + '鏈�澶у�间负 ' + item.max) - } else { - callback() - } - } else { - callback() - } } recordChange = (values, item) => { @@ -1083,11 +1268,17 @@ if (item.hidden) return if (item.type === 'split') { - fields.push( - <Col span={24} key={index}> - <p className="mk-form-split-line" style={item.style}>{item.label}</p> - </Col> - ) + if (item.opacity === 'false') { + fields.push( + <div key={index}></div> + ) + } else { + fields.push( + <Col span={24} key={index}> + <p className="mk-form-split-line" style={item.style}>{item.label}</p> + </Col> + ) + } } else if (item.type === 'hint') { fields.push( <Col span={item.span || 24} key={index}> @@ -1117,6 +1308,8 @@ content = (<MKNumberInput config={item} onChange={(val, defer) => !defer && this.recordChange({[item.field]: val})} onSubmit={this.props.inputSubmit} />) } else if (item.type === 'select' || item.type === 'link' || item.type === 'multiselect') { content = (<MKSelect config={item} onChange={(val, other) => this.recordChange({[item.field]: val, ...other}, item)} onSubmit={this.props.inputSubmit} />) + } else if (item.type === 'popSelect') { + content = (<MKPopSelect config={item} BID={this.props.BID} ID={this.state.ID} onChange={(val, other) => this.recordChange({[item.field]: val, ...other}, item)} onSubmit={this.props.inputSubmit} />) } else if (item.type === 'cascader') { content = (<MkCascader config={item} onChange={(val, other) => this.recordChange({[item.field]: val, ...other}, item)}/>) } else if (item.type === 'color') { @@ -1125,19 +1318,19 @@ className = 'checkcard' content = (<MKCheckCard config={item} onChange={(val, other) => this.recordChange({[item.field]: val, ...other}, item)}/>) } else if (item.type === 'switch') { - content = (<MKSwitch config={item} onChange={(val, other) => this.recordChange({[item.field]: val, ...other}, item)}/>) + content = (<MKSwitch config={item} onChange={(val, other) => this.recordChange({[item.field]: val, ...other}, item)} onSubmit={this.props.inputSubmit}/>) } else if (item.type === 'check') { - content = (<MKCheck config={item} onChange={(val) => this.recordChange({[item.field]: val}, item)}/>) + content = (<MKCheck config={item} onChange={(val) => this.recordChange({[item.field]: val}, item)} onSubmit={this.props.inputSubmit}/>) } else if (item.type === 'checkbox') { content = (<MKCheckbox config={item} onChange={(val) => this.recordChange({[item.field]: val})}/>) } else if (item.type === 'radio') { content = (<MKRadio config={item} onChange={(val, other) => this.recordChange({[item.field]: val, ...other}, item)}/>) } else if (item.type === 'date' || item.type === 'datemonth') { - content = (<MKDatePicker config={item} onChange={(val) => this.recordChange({[item.field]: val})} />) + content = (<MKDatePicker config={item} onChange={(val) => this.recordChange({[item.field]: val})} onSubmit={this.props.inputSubmit}/>) } else if (item.type === 'fileupload') { className = item.readonly ? 'readonly' : '' className += item.fileType === 'picture-card' ? ' file-upload' : '' - content = (<MKFileUpload config={item} onChange={(val) => this.recordChange({[item.field]: val})} />) + content = (<MKFileUpload config={item} data={this.record} onChange={(val, other = {}) => this.recordChange({[item.field]: val, ...other})} />) } else if (item.type === 'textarea') { content = (<MKTextArea config={item} onChange={(val, defer) => !defer && this.recordChange({[item.field]: val})}/>) } else if (item.type === 'rate') { @@ -1174,7 +1367,7 @@ return fields } - handleConfirm = () => { + handleConfirm = (formId) => { const { formlist, send_type, timestamp, n_id } = this.state // 琛ㄥ崟鎻愪氦鏃舵鏌ヨ緭鍏ュ�兼槸鍚︽纭� @@ -1188,7 +1381,7 @@ let record = {...this.record, ...values} formlist.forEach(item => { - if (!item.field) return + if (!item.field || ['hint', 'split', 'formula'].includes(item.type)) return let _item = { type: item.type, @@ -1211,7 +1404,33 @@ _item.value = _item.value.replace(/\t+|\v+/g, '') // 鍘婚櫎鍒惰〃绗� if (item.interception !== 'false') { // 鍘婚櫎棣栧熬绌烘牸 - _item.value = _item.value.replace(/(^\s*|\s*$)/g, '') + if (item.interception === 'func') { + try { + // eslint-disable-next-line + let func = new Function('value', 'data', item.func) + _item.value = func(_item.value, record) + _item.value = _item.value !== undefined ? _item.value : '' + } catch (e) { + console.warn(e) + _item.value = '' + } + } else if (item.interception === 'charTure') { + let str = _item.value.replace(/(^\s*|\s*$)/g, '') + let result = '' + for (let i = 0 ; i < str.length; i++) { + let code = str.charCodeAt(i) + if (code >= 65281 && code <= 65373) { + result += String.fromCharCode(str.charCodeAt(i) - 65248) + } else if (code === 12288) { + result += String.fromCharCode(str.charCodeAt(i) - 12288 + 32) + } else { + result += str.charAt(i) + } + } + _item.value = result + } else { + _item.value = _item.value.replace(/(^\s*|\s*$)/g, '') + } } if (item.type === 'text' && /@appkey@|@SessionUid@|@bid@/ig.test(_item.value)) { // 鐗规畩瀛楁鏇挎崲 _item.value = _item.value.replace(/^(\s*)@appkey@(\s*)$/ig, window.GLOB.appkey).replace(/^(\s*)@SessionUid@(\s*)$/ig, (localStorage.getItem('SessionUid') || '')).replace(/^(\s*)@bid@(\s*)$/ig, (this.props.BID || '')) @@ -1260,6 +1479,8 @@ forms.push(_item) }) + this.submitId = formId || '' + resolve(forms) }) }) -- Gitblit v1.8.0