From 400fee62fb40006a9839f1c3a8244b82566b5057 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 08 五月 2025 16:30:39 +0800 Subject: [PATCH] Merge branch 'develop' --- src/tabviews/zshare/topSearch/index.jsx | 757 +++++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 614 insertions(+), 143 deletions(-) diff --git a/src/tabviews/zshare/topSearch/index.jsx b/src/tabviews/zshare/topSearch/index.jsx index 43ad250..6a50820 100644 --- a/src/tabviews/zshare/topSearch/index.jsx +++ b/src/tabviews/zshare/topSearch/index.jsx @@ -4,29 +4,30 @@ import { Form, Row, Col, Button, notification, Modal, Drawer } from 'antd' import { CloseOutlined, DownOutlined } from '@ant-design/icons' import moment from 'moment' +import md5 from 'md5' import Api from '@/api' -import options from '@/store/options.js' import asyncComponent from '@/utils/asyncComponent' import asyncSpinComponent from '@/utils/asyncSpinComponent' import Utils from '@/utils/utils.js' +import MKEmitter from '@/utils/events.js' import MKInput from './mkInput' import './index.scss' const MutilForm = asyncSpinComponent(() => import('./advanceform')) -const MKCheckCard = asyncComponent(() => import('@/tabviews/zshare/mutilform/mkCheckCard')) +const MKCheckCard = asyncComponent(() => import('./mkCheckCard')) +const MKCheck = asyncComponent(() => import('@/tabviews/zshare/mutilform/mkCheck')) +const MKSwitch = asyncComponent(() => import('@/tabviews/zshare/mutilform/mkSwitch')) +const MKRadio = asyncComponent(() => import('./mkRadio')) const MKSelect = asyncComponent(() => import('./mkSelect')) const DateGroup = asyncComponent(() => import('./dategroup')) const MKDatePicker = asyncComponent(() => import('./mkDatePicker')) +const MKNumber = asyncComponent(() => import('./mkNumber')) class MainSearch extends Component { static propTpyes = { - BID: PropTypes.any, // 鐖剁骇Id锛岀敤浜庢煡璇笅鎷夐�夋嫨椤� - menuType: PropTypes.any, // 鑿滃崟鏉冮檺锛屾槸鍚︿负HS - searchlist: PropTypes.array, // 鎼滅储鏉′欢鍒楄〃 - config: PropTypes.object, // 缁勪欢閰嶇疆淇℃伅(鑷畾涔夐〉闈�) - setting: PropTypes.object, // 缁勪欢閰嶇疆淇℃伅(鑷畾涔夐〉闈�) - refreshdata: PropTypes.func // 鍒锋柊鏁版嵁 + BID: PropTypes.any, + config: PropTypes.object } state = { @@ -38,57 +39,73 @@ } record = {} + sign = '' UNSAFE_componentWillMount () { - const { config, menuType, searchlist, setting } = this.props + const { config } = this.props let _searchlist = [] let fieldMap = new Map() let mainItems = [] // 浜戠鎴栧崟鐐规暟鎹� let localItems = [] // 鏈湴鏁版嵁 + let backMItems = [] // 浜戠鎴栧崟鐐规暟鎹� + let backLItems = [] // 鏈湴鏁版嵁 let deForms = [] // 娴嬭瘯绯荤粺锛屽崟涓姹� let advanceValues = [] let linkFields = {} let record = {} - let hasReqFields = false - let forbid = false // header涓笉璁剧疆楂樼骇鎼滅储 - let _setting = {showAdv: false, show: false} + let _setting = {showAdv: false, show: false, style: null, $pageId: config.$pageId || ''} + let BID = this.props.BID + let sysvals = {} + + if (window.backend) { + sysvals = { + mk_departmentcode: sessionStorage.getItem('departmentcode') || '', + mk_organization: sessionStorage.getItem('organization') || '', + mk_user_type: sessionStorage.getItem('mk_user_type') || '', + bid: BID || '', + datam: sessionStorage.getItem('dataM') === 'true' ? 'Y' : '', + datam_begin: sessionStorage.getItem('dataM') === 'true' ? 'Y' : '', + datam_end: sessionStorage.getItem('dataM') === 'true' ? 'Y' : '', + } + if (window.GLOB.externalDatabase !== null) { + sysvals.db = window.GLOB.externalDatabase + } + } - if (setting) { - _setting.show = setting.show !== 'false' - _setting.float = setting.float || 'left' - _setting.advanceType = setting.advanceType || 'modal' - _setting.advWidth = setting.advanceWidth || 1000 - _setting.placement = setting.drawerPlacement || 'right' - _setting.ratio = setting.searchRatio || 6 - _setting.labelwidth = setting.searchLwidth !== undefined ? setting.searchLwidth : 33.3 + if (config.wrap) { + _setting.show = config.wrap.show !== 'false' + _setting.advanceType = config.wrap.advanceType || 'modal' + _setting.advWidth = config.wrap.advanceWidth || 1000 + _setting.placement = config.wrap.drawerPlacement || 'right' + _setting.ratio = config.wrap.searchRatio || 6 + _setting.labelwidth = config.wrap.searchLwidth !== undefined ? config.wrap.searchLwidth : 33.3 _setting.labelCol = {style: {width: _setting.labelwidth + '%'}} _setting.wrapperCol = {style: {width: (100 - _setting.labelwidth) + '%'}} - _setting.style = null - } else if (config) { - if (config.wrap) { - _setting.show = config.wrap.show !== 'false' - _setting.advanceType = config.wrap.advanceType || 'modal' - _setting.advWidth = config.wrap.advanceWidth || 1000 - _setting.placement = config.wrap.drawerPlacement || 'right' - _setting.ratio = config.wrap.searchRatio || 6 - _setting.labelwidth = config.wrap.searchLwidth !== undefined ? config.wrap.searchLwidth : 33.3 - _setting.labelCol = {style: {width: _setting.labelwidth + '%'}} - _setting.wrapperCol = {style: {width: (100 - _setting.labelwidth) + '%'}} + _setting.borderRadius = config.wrap.borderRadius + _setting.resetContrl = config.wrap.resetContrl || 'init' + _setting.order = config.wrap.searchSize || '' + + if (config.wrap.searchBtn === 'show') { + _setting.showBtn = true } - _setting.style = null - - if (config.type === 'search') { - _setting.float = config.wrap.float || 'left' - _setting.style = config.style - } else if (config.type === 'table' && (config.subtype === 'normaltable' || config.subtype === 'editable')) { - _setting.float = 'left' - } else { - _setting.float = 'right' - _setting.show = false - forbid = true + + if (config.wrap.supModule) { + let BData = window.GLOB.CacheData.get(config.wrap.supModule) + BID = BData ? (BData.$BID || '') : '' } + } + + if (config.type === 'search') { + _setting.float = config.wrap.float || 'left' + _setting.style = config.style + } else if (config.type === 'table') { + _setting.float = 'left' + } else { + _setting.float = 'right' + _setting.show = false + forbid = true } if (_setting.advanceType === 'drawer' && _setting.advWidth) { @@ -106,11 +123,7 @@ } } - if (searchlist) { - _searchlist = fromJS(searchlist).toJS() - } else if (config) { - _searchlist = fromJS(config.search).toJS() - } + _searchlist = fromJS(config.search).toJS() _searchlist.forEach(item => { if (item.linkField) { @@ -129,26 +142,52 @@ item.field = item.field + '@tail@' } - if (item.required) { - hasReqFields = true - } - if (item.advanced && !forbid) { _setting.showAdv = true + if (!['group', 'check', 'switch'].includes(item.type)) { + item.signValue = true + } } else { item.advanced = false } - if (item.advanced && item.initval) { - let val = item.initval - if (item.precision === 'hour') { - if (/,/ig.test(val)) { - val = val.split(',').map(m => m + ':00').join(',') - } else { - val = val + ':00' + if (item.checkShift && !item.initval) { + let d = '' + if (window.GLOB.CacheData.has(item.$supId)) { + d = window.GLOB.CacheData.get(item.$supId) + d = d[item.dateShift] || '' + if (d) { + d = moment(d).format('YYYY-MM-DD') + d = d === 'Invalid date' ? '' : d } } - advanceValues.push({field: item.field, type: item.type, label: item.label, value: val}) + + if (d) { + if (item.type === 'daterange') { + if (item.$initval === 'week') { + item.initval = [moment(d).startOf('week').format(item.format), moment(d).endOf('week').format(item.format)].join(',') + } else if (item.$initval === 'month') { + item.initval = [moment(d).startOf('month').format(item.format), moment(d).endOf('month').format(item.format)].join(',') + } else if (item.$initval === 'lastMonth') { + item.initval = [moment(d).subtract(1, 'months').startOf('month').format(item.format), moment(d).subtract(1, 'months').endOf('month').format(item.format)].join(',') + } else if (item.$initval === 'year') { + item.initval = [moment(d).startOf('year').format(item.format), moment(d).endOf('year').format(item.format)].join(',') + } else if (item.$initval === 'lastYear') { + item.initval = [moment(d).subtract(1, 'years').startOf('year').format(item.format), moment(d).subtract(1, 'years').endOf('year').format(item.format)].join(',') + } else { + try { + let _initval = JSON.parse(item.$initval) + let _vals = [moment(d).subtract(_initval[0], 'days').format(item.format), moment(d).subtract(_initval[1], 'days').format(item.format)] + item.initval = _vals.join(',') + } catch (e) { + item.initval = '' + } + } + } else { + item.initval = moment(d).subtract(item.$initval, 'month').format('YYYY-MM') + } + item.oriInitval = item.initval + } } if (item.type === 'group') { @@ -158,7 +197,7 @@ record[item.field] = item.initval } - if (['select', 'link', 'multiselect', 'checkcard'].includes(item.type)) { + if (['select', 'link', 'multiselect', 'checkcard', 'radio'].includes(item.type)) { item.options = item.options || [] item.options = item.options.filter(op => !op.Hide) if (item.setAll === 'true' && ['select', 'link'].includes(item.type)) { @@ -172,24 +211,109 @@ // 鏁版嵁婧愭煡璇㈣鍙� if (item.resourceType === '1' && item.dataSource) { - let _option = Utils.getSelectQueryOptions(item) + if (window.backend && window.GLOB.CacheData.has('sql_' + item.uuid)) { + let ex = window.GLOB.CacheData.get('sql_' + item.uuid) + let exps = [] - // 娴嬭瘯绯荤粺鍗曚釜璇锋眰 - if (menuType !== 'HS' && options.sysType === 'local' && !window.GLOB.systemType) { - deForms.push({ - ...item, - arr_field: _option.field, - data_sql: Utils.formatOptions(_option.sql) + ex.reps.forEach(n => { + let key = n.toLowerCase() + if (sysvals.hasOwnProperty(key)) { + exps.push({ + key: n, + value: sysvals[key] + }) + } }) - } else { // 鍚堝苟璇锋眰锛屽尯鍒嗘湰鍦板強绯荤粺 - if (item.database === 'sso') { - mainItems.push(`select '${item.field}' as obj_name,'${_option.field}' as arr_field,'${window.btoa(window.encodeURIComponent(_option.sql))}' as LText`) + + let cell = { + id: ex.id, + exps: exps, + menuname: item.label + '锛堟悳绱級', + md5_id: '' + } + if (item.checkBid) { + item.sqlId = ex.id + item.exps = exps + } + + if (item.checkBid && !BID) { + + } else if (item.database === 'sso' && window.GLOB.mainSystemApi) { + backMItems.push(cell) } else { - localItems.push(`select '${item.field}' as obj_name,'${_option.field}' as arr_field,'${window.btoa(window.encodeURIComponent(_option.sql))}' as LText`) + backLItems.push(cell) + } + } else { + let _option = Utils.getSelectQueryOptions(item) + let _declare = `Declare @mk_departmentcode nvarchar(512),@mk_organization nvarchar(512),@mk_user_type nvarchar(20) select @mk_departmentcode='${sessionStorage.getItem('departmentcode') || ''}',@mk_organization='${sessionStorage.getItem('organization') || ''}',@mk_user_type='${sessionStorage.getItem('mk_user_type') || ''}'\n` + + let exec = true + if (item.checkBid) { + item.sql = _declare + _option.sql + item.arr_field = _option.field + + exec = !!BID + } + + if (exec) { + let _sql = _option.sql.replace(/@BID@/ig, `'${BID || ''}'`) + + if (window.GLOB.debugger === true) { + window.mkInfo(_declare + _sql) + } + + // 娴嬭瘯绯荤粺鍗曚釜璇锋眰 + if (!window.GLOB.mkHS && window.GLOB.sysType === 'local' && !window.GLOB.systemType) { + deForms.push({ + ...item, + arr_field: _option.field, + data_sql: Utils.formatOptions(_declare + _sql, window.GLOB.execType) + }) + } else { // 鍚堝苟璇锋眰锛屽尯鍒嗘湰鍦板強绯荤粺 + _sql = _sql.replace(/%/ig, ' mpercent ') + if (item.database === 'sso') { + if (mainItems.length === 0) { + _sql = _declare + _sql + } + mainItems.push(`select '${item.field}' as obj_name,'${_option.field}' as arr_field,'${window.btoa(window.encodeURIComponent(_sql))}' as LText`) + } else { + if (localItems.length === 0) { + _sql = _declare + _sql + } + localItems.push(`select '${item.field}' as obj_name,'${_option.field}' as arr_field,'${window.btoa(window.encodeURIComponent(_sql))}' as LText`) + } + } } } } item.oriOptions = fromJS(item.options).toJS() + + if (item.type === 'checkcard' && item.multiple === 'dropdown' && item.resourceType === '0') { + this.resetCheckcard(item) + } + } + + if (item.signValue && item.initval) { + let val = item.initval + if (item.precision === 'hour') { + if (/,/ig.test(val)) { + val = val.split(',').map(m => m + ':00').join(',') + } else { + val = val + ':00' + } + } + + let text = val + + if (item.type === 'select' || item.type === 'link' || item.type === 'radio') { + item.oriOptions.forEach(cell => { + if (cell.Value === val) { + text = cell.Text + } + }) + } + + advanceValues.push({field: item.field, type: item.type, label: item.label, value: val, text}) } fieldMap.set(item.field, item) @@ -225,27 +349,180 @@ this.setState({ setting: _setting, - hasReqFields, + hasReqFields: config.$s_req, advanceValues, searchlist: _list }, () => { - if (menuType !== 'HS' && options.sysType === 'local' && !window.GLOB.systemType) { - this.improveSimpleSearch(deForms) - } else { - this.improveSearch(mainItems, localItems) + if (window.backend && (backMItems.length > 0 || backLItems.length > 0)) { + this.improveBackSearch(backMItems, backLItems, false) + } else if (!window.GLOB.mkHS && window.GLOB.sysType === 'local' && window.GLOB.systemType !== 'production') { + this.improveSimpleSearch(deForms, false, null, BID) + } else if (mainItems.length > 0 || localItems.length > 0) { + this.improveSearch(mainItems, localItems, BID) } }) } - // 鏌ヨ涓嬫媺鑿滃崟 - improveSearch = (mainItems, localItems) => { - const { menuType, BID } = this.props - let deffers = [] + componentDidMount () { + const { config } = this.props - if (menuType !== 'HS' && window.GLOB.systemType !== 'production') { - localItems = [...localItems, ...mainItems] - mainItems = [] + if (config.type === 'search' && config.wrap.supModule) { + MKEmitter.addListener('resetSelectLine', this.resetParentParam) } + } + + componentWillUnmount () { + this.setState = () => { + return + } + MKEmitter.removeListener('resetSelectLine', this.resetParentParam) + } + + UNSAFE_componentWillReceiveProps(nextProps) { + const { config, BID } = this.props + + if (config.$checkBid && nextProps.BID !== BID) { + this.resetOptions(nextProps.BID) + } + } + + resetParentParam = (MenuID, id) => { + const { config } = this.props + + if (config.wrap.supModule !== MenuID) return + + this.resetOptions(id) + } + + resetOptions = (BID) => { + let deForms = [] + let backMItems = [] // 浜戠鎴栧崟鐐规暟鎹� + let backLItems = [] // 鏈湴鏁版嵁 + let searchlist = fromJS(this.state.searchlist).toJS().map(item => { + if (item.checkBid) { + if (window.backend && item.sqlId) { + let cell = { + id: item.sqlId, + menuname: item.label + '锛堟悳绱級', + md5_id: '', + exps: item.exps.map(n => { + if (n.key === 'BID') { + n.value = BID + } + return n + }) + } + + if (item.database === 'sso' && window.GLOB.mainSystemApi) { + backMItems.push(cell) + } else { + backLItems.push(cell) + } + } else { + let sql = item.sql.replace(/@BID@/ig, `'${BID || ''}'`) + + if (window.GLOB.debugger === true) { + window.mkInfo(sql) + } + + deForms.push({ + ...item, + arr_field: item.arr_field, + data_sql: Utils.formatOptions(sql, window.GLOB.execType) + }) + } + } else if (item.checkShift) { + let d = '' + if (window.GLOB.CacheData.has(item.$supId)) { + d = window.GLOB.CacheData.get(item.$supId) + d = d[item.dateShift] || '' + if (d) { + d = moment(d).format('YYYY-MM-DD') + d = d === 'Invalid date' ? '' : d + } + } + + if (d) { + if (item.type === 'daterange') { + if (item.$initval === 'week') { + item.initval = [moment(d).startOf('week').format(item.format), moment(d).endOf('week').format(item.format)].join(',') + } else if (item.$initval === 'month') { + item.initval = [moment(d).startOf('month').format(item.format), moment(d).endOf('month').format(item.format)].join(',') + } else if (item.$initval === 'lastMonth') { + item.initval = [moment(d).subtract(1, 'months').startOf('month').format(item.format), moment(d).subtract(1, 'months').endOf('month').format(item.format)].join(',') + } else if (item.$initval === 'year') { + item.initval = [moment(d).startOf('year').format(item.format), moment(d).endOf('year').format(item.format)].join(',') + } else if (item.$initval === 'lastYear') { + item.initval = [moment(d).subtract(1, 'years').startOf('year').format(item.format), moment(d).subtract(1, 'years').endOf('year').format(item.format)].join(',') + } else { + try { + let _initval = JSON.parse(item.$initval) + let _vals = [moment(d).subtract(_initval[0], 'days').format(item.format), moment(d).subtract(_initval[1], 'days').format(item.format)] + item.initval = _vals.join(',') + } catch (e) { + item.initval = '' + } + } + } else { + item.initval = moment(d).subtract(item.$initval, 'month').format('YYYY-MM') + } + item.oriInitval = item.initval + } + } + + return item + }) + + if (window.backend && (backMItems.length > 0 || backLItems.length > 0)) { + this.improveBackSearch(backMItems, backLItems, true, searchlist) + } else if (deForms.length > 0) { + this.improveSimpleSearch(deForms, true, searchlist, BID) + } else { + this.setState({ + searchlist: searchlist + }) + + setTimeout(() => { + this.handleSubmit() + }, 20) + } + } + + resetCheckcard = (item) => { + let pid = item.resourceType === '0' ? 'pid' : item.parentField + let _options = [] + let _others = [] + item.oriOptions.forEach(op => { + if (op[pid] === item.mark) { + _options.push(op) + } else { + _others.push(op) + } + }) + + _options = _options.map(op => { + op.children = [] + + _others = _others.filter(cell => { + if (cell[pid] === op.$value) { + op.children.push(cell) + return false + } + return true + }) + + op.subIds = op.children.map(cell => cell.$value) + + return op + }) + + item.oriOptions = _options + item.options = _options + } + + // 鏌ヨ涓嬫媺鑿滃崟 + improveSearch = (mainItems, localItems, BID) => { + let deffers = [] // 鏈湴璇锋眰 let param = { @@ -261,18 +538,22 @@ } if (param.LText) { - param.LText = Utils.formatOptions(param.LText) - param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') - param.secretkey = Utils.encrypt(param.LText, param.timestamp) + if (window.GLOB.execType === 'x') { + param.exec_type = 'x' + } - if (menuType === 'HS') { // 浜戠鏁版嵁楠岃瘉 + param.LText = Utils.formatOptions(param.LText, param.exec_type) + param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + 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) } deffers.push( new Promise(resolve => { Api.getSystemCacheConfig(param).then(res => { - if (!res.status) { + if (!res.status && res.ErrCode !== '-2') { notification.warning({ top: 92, message: res.message, @@ -299,25 +580,25 @@ } 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' + } - if (menuType === 'HS') { // 浜戠鏁版嵁楠岃瘉 - mainparam.open_key = Utils.encryptOpenKey(mainparam.secretkey, mainparam.timestamp) - if (options.cloudServiceApi) { - mainparam.rduri = options.cloudServiceApi - mainparam.userid = sessionStorage.getItem('CloudUserID') || '' - mainparam.LoginUID = sessionStorage.getItem('CloudLoginUID') || '' - } - } else if (window.GLOB.mainSystemApi) { + 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) } deffers.push( new Promise(resolve => { Api.getSystemCacheConfig(mainparam).then(res => { - if (!res.status) { + if (!res.status && res.ErrCode !== '-2') { notification.warning({ top: 92, message: res.message, @@ -338,12 +619,60 @@ delete result.message delete result.status - this.resetSearch(result) + this.resetSearch(result, false) + }) + } + + // 鏌ヨ涓嬫媺鑿滃崟 + improveBackSearch = (mainItems, localItems, trigger, searchlist) => { + let deffers = [] + + if (localItems.length) { + deffers.push({ + $backend: true, + $type: 's_Get_SelectedList', + data: localItems + }) + } + + if (mainItems.length) { + deffers.push({ + $backend: true, + $type: 's_Get_SelectedList', + data: mainItems, + rduri: window.GLOB.mainSystemApi + }) + } + + deffers = deffers.map(item => { + return new Promise(resolve => { + Api.getSystemCacheConfig(item).then(res => { + if (!res.status && res.ErrCode !== '-2') { + notification.warning({ + top: 92, + message: res.message, + duration: 5 + }) + } + resolve(res) + }) + }) + }) + + Promise.all(deffers).then(response => { + let result = {...response[0], ...(response[1] || {})} + + delete result.ErrCode + delete result.ErrMesg + delete result.message + delete result.status + + this.resetSearch(result, trigger, searchlist) }) } // 娴嬭瘯绯荤粺鍗曚釜璇锋眰涓嬫媺閫夐」 - improveSimpleSearch = (deForms) => { + improveSimpleSearch = (deForms, trigger, searchlist, BID) => { if (deForms.length === 0) return let deffers = deForms.map((item, index) => { @@ -354,18 +683,26 @@ arr_field: item.arr_field } - if (this.props.BID) { - param.BID = this.props.BID + if (BID) { + param.BID = BID + } + + if (window.GLOB.execType === 'x') { + param.exec_type = 'x' } 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 (item.database === 'sso' && window.GLOB.mainSystemApi) { + param.rduri = window.GLOB.mainSystemApi + } return ( new Promise(resolve => { setTimeout(() => { Api.getSystemCacheConfig(param).then(res => { - if (!res.status) { + if (!res.status && res.ErrCode !== '-2') { notification.warning({ top: 92, message: res.message, @@ -391,38 +728,65 @@ delete result.message delete result.status - this.resetSearch(result) + this.resetSearch(result, trigger, searchlist) }) } - resetSearch = (result) => { - let _searchlist = fromJS(this.state.searchlist).toJS().map(item => { - if (['select', 'link', 'multiselect', 'checkcard'].includes(item.type) && result[item.field] && result[item.field].length > 0) { + resetSearch = (result, submit, searchlist) => { + let trigger = submit + let _searchlist = fromJS(searchlist || this.state.searchlist).toJS().map(item => { + if (['select', 'link', 'multiselect', 'checkcard', 'radio'].includes(item.type) && result[item.field] && result[item.field].length > 0) { let options = [] + let map = new Map() + let all = false result[item.field].forEach(cell => { let _item = { - key: Utils.getuuid() - } - - if (item.type !== 'checkcard') { - _item.Value = cell[item.valueField] - _item.Text = cell[item.valueText] - if (!_item.Text && _item.Text !== 0) { - return - } - } else { - _item.$value = cell[item.cardValField] - _item = {..._item, ...cell} + key: Utils.getuuid(), + ParentID: '' } if (item.linkField) { - _item.ParentID = cell[item.linkField] + _item.ParentID = cell[item.linkField] + '' + } + + if (item.type !== 'checkcard') { + _item.Value = cell[item.valueField] + '' + _item.Text = cell[item.valueText] + '' + + if (map.has(_item.ParentID + _item.Value)) return + if (!_item.Text) { + if (!all) { + _item.Text = '鍏ㄩ儴' + all = true + } else { + return + } + } + + map.set(_item.ParentID + _item.Value, 0) + } else { + _item.$value = cell[item.cardValField] + '' + _item = {..._item, ...cell} + + if (item.urlField) { + _item.$url = cell[item.urlField] || '' + } else if (item.colorField) { + _item.$color = cell[item.colorField] || '' + } + + if (map.has(_item.ParentID + _item.$value)) return + + map.set(_item.ParentID + _item.$value, 0) } options.push(_item) }) item.oriOptions = [...item.oriOptions, ...options] + + if (item.type === 'checkcard' && item.multiple === 'dropdown') { + this.resetCheckcard(item) + } } if (item.linkField) { @@ -435,12 +799,27 @@ item.options = item.oriOptions } + if (item.$first) { + if (item.options.length > 0) { + item.initval = item.options[0].Value + trigger = true + } else { + item.initval = '' + } + } + return item }) this.setState({ searchlist: _searchlist }) + + if (trigger) { + setTimeout(() => { + this.handleSubmit() + }, 20) + } } recordChange = (val, defer, item) => { @@ -487,7 +866,7 @@ const _rules = [ { required: item.required, - message: item.label + '涓嶅彲涓虹┖!' + message: item.label + (window.GLOB.dict['not_empty'] || '涓嶅彲涓虹┖锛�') } ] @@ -499,12 +878,20 @@ } else if (item.type === 'select' || item.type === 'link' || item.type === 'multiselect') { content = (<MKSelect config={item} onChange={(val, defer) => this.recordChange(val, defer, item)} />) } else if (item.type === 'date' || item.type === 'datemonth' || item.type === 'dateweek' || item.type === 'daterange') { - content = (<MKDatePicker config={item} onChange={(val) => this.recordChange(val, false, item)} />) + content = (<MKDatePicker config={item} onChange={(val, defer) => this.recordChange(val, defer, item)} />) } else if (item.type === 'group') { field = item.datefield content = <DateGroup position={index} config={item} onChange={(val, type) => this.dateGroupChange(val, type, item)} /> } else if (item.type === 'checkcard') { content = <MKCheckCard config={item} onChange={(val) => this.cardChange(val, item)} /> + } else if (item.type === 'radio') { + content = <MKRadio config={item} onChange={(val) => this.recordChange(val, false, item)} /> + } else if (item.type === 'check') { + content = <MKCheck config={item} onChange={(val) => this.recordChange(val, false, item)} /> + } else if (item.type === 'switch') { + content = <MKSwitch config={item} onChange={(val) => this.recordChange(val, false, item)} /> + } else if (item.type === 'range') { + content = <MKNumber config={item} onInputSubmit={this.handleSubmit} /> } if (content) { @@ -526,6 +913,11 @@ }) if (setting.show || setting.showAdv) { + let style = {} + if (setting.borderRadius) { + style.borderRadius = setting.borderRadius + } + fields.push( <Col span={setting.ratio} style={{ whiteSpace: 'nowrap' }} className="mk-search-col search-button" key="actions"> <Form.Item @@ -534,15 +926,25 @@ labelCol={setting.labelCol} wrapperCol={setting.wrapperCol} > - {setting.show ? <Button type="primary" onClick={this.handleSubmit}> - 鎼滅储 + {setting.show ? <Button style={style} type="primary" onClick={this.handleSubmit}> + {window.GLOB.dict['search'] || '鎼滅储'} </Button> : null} - {setting.show ? <Button style={{ marginLeft: 8 }} onClick={this.handleReset}> - 閲嶇疆 + {setting.show ? <Button style={{ marginLeft: 8, ...style }} onClick={this.handleReset}> + {window.GLOB.dict['reset'] || '閲嶇疆'} </Button> : null} {setting.showAdv ? <Button className={visible ? 'visible' : ''} type="link" onClick={this.handleAdvance}> - 楂樼骇{setting.advanceType === 'pulldown' ? <DownOutlined /> : null} + {window.GLOB.dict['senior'] || '楂樼骇'}{setting.advanceType === 'pulldown' ? <DownOutlined /> : null} </Button> : null} + </Form.Item> + </Col> + ) + } else if (setting.showBtn) { + fields.push( + <Col className="mk-search-col search-button" key="actions"> + <Form.Item> + <Button type="primary" onClick={this.handleSubmit}> + {window.GLOB.dict['search'] || '鎼滅储'} + </Button> </Form.Item> </Col> ) @@ -564,7 +966,7 @@ if (visible) { let advanceValues = [] this.state.searchlist.forEach(item => { - if (!item.advanced) return + if (!item.signValue) return let val = this.record[item.field] if (val || val === 0) { @@ -575,7 +977,18 @@ val = val + ':00' } } - advanceValues.push({field: item.field, type: item.type, label: item.label, value: val}) + + let text = val + + if (item.type === 'select' || item.type === 'link' || item.type === 'radio') { + item.oriOptions.forEach(cell => { + if (cell.Value === val) { + text = cell.Text + } + }) + } + + advanceValues.push({field: item.field, type: item.type, label: item.label, value: val, text}) } }) this.setState({advanceValues}) @@ -593,6 +1006,8 @@ } handleSubmit = () => { + const { config } = this.props + this.setState({}, () => { this.props.form.validateFields((err, values) => { if (err) return @@ -614,14 +1029,37 @@ notification.warning({ top: 92, - message: '璇疯緭鍏�' + labels.join('銆�') + ' !', + message: (window.GLOB.dict['input_tip'] || '璇疯緭鍏�') + labels.join('銆�') + ' !', duration: 3 }) return } } - this.props.refreshdata(searches) + let sign = md5(JSON.stringify(searches)) + + if (sign === this.sign) return + + this.sign = sign + setTimeout(() => { + this.sign = '' + }, 2000) + + if (config.wrap && config.wrap.cacheSearch === 'true') { + let _values = {} + searches.forEach(item => { + _values[item.key] = item.value + }) + + window.GLOB.SearchBox.set(config.$searchId + 'cache', _values) + } + + if (this.props.refreshdata) { + this.props.refreshdata(searches) + } else { + window.GLOB.SearchBox.set(config.$searchId, searches) + MKEmitter.emit('searchRefresh', config.$searchId) + } }) }) } @@ -630,10 +1068,21 @@ * @description 鎼滅储鏉′欢閲嶇疆 */ handleReset = () => { + const { setting } = this.state + + if (setting.resetContrl === 'refresh') { + MKEmitter.emit('reloadMenuView', setting.$pageId, true) + return + } + let record = {} let advanceValues = [] let searchlist = this.state.searchlist.map(item => { item.initval = item.oriInitval + + if (setting.resetContrl === 'clear' && ['text', 'date', 'datemonth', 'dateweek', 'daterange', 'range'].includes(item.type)) { + item.initval = '' + } if (item.type === 'group') { record[item.datefield] = item.initval @@ -641,7 +1090,7 @@ } else { record[item.field] = item.initval } - if (item.advanced && item.initval) { + if (item.signValue && item.initval) { let val = item.initval if (item.precision === 'hour') { if (/,/ig.test(val)) { @@ -650,7 +1099,18 @@ val = val + ':00' } } - advanceValues.push({field: item.field, type: item.type, label: item.label, value: val}) + + let text = val + + if (item.type === 'select' || item.type === 'link' || item.type === 'radio') { + item.oriOptions.forEach(cell => { + if (cell.Value === val) { + text = cell.Text + } + }) + } + + advanceValues.push({field: item.field, type: item.type, label: item.label, value: val, text}) } return item @@ -730,7 +1190,7 @@ } if (typeof(val) === 'string') { - val = val.replace(/(^\s*|\s*$)/ig, '') + val = val.replace(/(^\s+|\s+$)/ig, '').replace(/\t+|\v+/g, '') } search.push({ @@ -754,7 +1214,7 @@ let advanceValues = [] this.state.searchlist.forEach(item => { - if (!item.advanced) return + if (!item.signValue) return let val = this.record[item.field] if (val || val === 0) { @@ -765,7 +1225,18 @@ val = val + ':00' } } - advanceValues.push({field: item.field, type: item.type, label: item.label, value: val}) + + let text = val + + if (item.type === 'select' || item.type === 'link' || item.type === 'radio') { + item.oriOptions.forEach(cell => { + if (cell.Value === val) { + text = cell.Text + } + }) + } + + advanceValues.push({field: item.field, type: item.type, label: item.label, value: val, text}) } }) @@ -795,7 +1266,7 @@ return ( <> - <Form {...formItemLayout} className={`top-search mk-float-${setting.float}`} style={setting.style}> + <Form {...formItemLayout} className={`mk-search-wrap mk-float-${setting.float} mk-order-${setting.order}`} style={setting.style}> <Row gutter={24}>{this.getFields()}</Row> {advanceValues.length && (setting.advanceType !== 'pulldown' || (setting.advanceType === 'pulldown' && !visible)) ? <Row gutter={24}> <div className="advanced-list"> @@ -803,7 +1274,7 @@ return ( <div key={index}> <span>{item.label}: </span> - <span className="advance-value">{item.value}</span> + <span className="advance-value">{item.text}</span> <CloseOutlined onClick={() => this.closeAdvanceForm(item)} /> </div>) })} @@ -811,7 +1282,7 @@ </Row> : null} </Form> {setting.advanceType === 'modal' ? <Modal - title="楂樼骇鎼滅储" + title={window.GLOB.dict['adv_search'] || '楂樼骇鎼滅储'} maskClosable={false} visible={visible} width={setting.advWidth} @@ -827,7 +1298,7 @@ /> </Modal> : null} {setting.advanceType === 'drawer' ? <Drawer - title="楂樼骇鎼滅储" + title={window.GLOB.dict['adv_search'] || '楂樼骇鎼滅储'} className="mk-search-drawer" width={setting.advWidth} height={setting.advHeight} -- Gitblit v1.8.0