1.commonListTab 独立搜索组件 (9de8ae1e) | Commits | xlyErp / xlyUmi

Browse Code »

Commit 9de8ae1ec5a695165a9704241af5582eeaa396f1

Authored by Min 2026-06-12 10:45:15 +0800

1 parent 8bf2654f

1.commonListTab 独立搜索组件

Inline Side-by-side

Showing 2 changed files with 1649 additions and 0 deletions

src/components/Common/SearchTabComponent/index.js 0 → 100644

View file @9de8ae1

		1	+/* eslint-disable */
		2	+import React, { Component } from 'react';
		3	+import { MinusCircleOutlined, PlusOutlined, SettingOutlined } from '@ant-design/icons';
		4	+import { Form, Icon as LegacyIcon } from '@ant-design/compatible';
		5	+// import '@ant-design/compatible/assets/index.css';
		6	+import { Row, Col, Button, message, Space } from 'antd-v4';
		7	+import moment from 'moment';
		8	+import commonConfig from '@/utils/config';
		9	+import * as commonUtils from '@/utils/utils';
		10	+import * as commonFunc from '@/components/Common/commonFunc';
		11	+import * as commonServices from '@/services/services';
		12	+import ShowType from '@/components/Common/CommonComponent';
		13	+import StaticEditTable from '@/components//Common/CommonTable';
		14	+import * as commonBusiness from '@/components/Common/commonBusiness';/* 单据业务功能 */
		15	+import AntdDraggableModal from '@/components/Common/AntdDraggableModal';
		16	+import styles from './index.less';
		17	+import SvgIcon from "../../SvgIcon";
		18	+
		19	+const FormItem = Form.Item;
		20	+
		21	+export default class SearchComponent extends Component {
		22	+ constructor(props) {
		23	+ super(props);
		24	+ this.sDateFormat = 'YYYY-MM-DD';
		25	+ }
		26	+
		27	+ async componentWillMount(sSearchSolutionId) {
		28	+ const { token, sModelsId, formSrcRoute, sModelsType, app} = this.props;
		29	+ const dataUrl = `${commonConfig.server_host}syssearch/getSyssearchData/${sModelsId}?sModelsId=${sModelsId}&sName=${formSrcRoute}`; /* 获取快捷查找方案 */
		30	+ const dataReturn = (await commonServices.getService(token, dataUrl)).data;
		31	+ if (dataReturn.code === 1) {
		32	+ const returnData = dataReturn.dataset.rows;
		33	+ let addState = {};
		34	+ if (!commonUtils.isEmpty(sSearchSolutionId)) { // 保存后重新获取快捷查找，直接默认到最新
		35	+ const { masterData, searchRowKeys } = this.props;
		36	+ masterData.sSearchSolutionId = sSearchSolutionId;
		37	+ masterData.bCheck = true; // 为了复制到
		38	+ masterData.sSolutionName = returnData.filter(item => item.sId === sSearchSolutionId)[0].sName;
		39	+ if (commonUtils.isNotEmptyArr(searchRowKeys)) {
		40	+ searchRowKeys.forEach((item) => {
		41	+ masterData[`${item}disabled`] = false;
		42	+ });
		43	+ }
		44	+ addState.masterData = masterData;
		45	+ addState.modalVisible = false;
		46	+ addState.modalSolutionNameVisible = false;
		47	+ } else if (commonUtils.isNotEmptyArr(returnData)) { /* 初始化默认查询方案的参数 */
		48	+ const iIndex = returnData.findIndex(item => item.bDefault);
		49	+ const defaultSearchSolution = iIndex > -1 ? returnData[iIndex] : returnData[0];
		50	+ addState = await this.defaultSearchSolution(defaultSearchSolution);
		51	+ if(commonUtils.isNotEmptyArr(addState.newFilterCondition)) {
		52	+ const newFilterConditionStr = JSON.stringify(addState.newFilterCondition) ;
		53	+ const newConditionStr = JSON.stringify(defaultSearchSolution.sCondition) ;
		54	+ if(commonUtils.isNotEmptyObject(newFilterConditionStr) && commonUtils.isNotEmptyObject(newConditionStr)){
		55	+ if(newFilterConditionStr !== defaultSearchSolution.sCondition){
		56	+ returnData[0].sCondition = newFilterConditionStr;
		57	+ }
		58	+ }
		59	+ }
		60	+ }
		61	+ this.props.onSaveState({ sGroupByList: addState.sGroupByList, searchSolution: returnData, ...addState });
		62	+ } else {
		63	+ this.props.getServiceError(dataReturn);
		64	+ }
		65	+ }
		66	+
		67	+ async componentWillReceiveProps(nextProps) {
		68	+ const {
		69	+ formData, slaveConfig, bSearchConfig, searchSolution,
		70	+ } = nextProps;
		71	+ let {
		72	+ searchColumns, searchRowKeys, masterData,
		73	+ } = nextProps;
		74	+ const { sModelsType } = nextProps;
		75	+ if (commonUtils.isEmptyArr(searchColumns) && formData.length > 0 && !bSearchConfig && slaveConfig) {
		76	+ const findFilter = commonFunc.getConfigFieldNameData(slaveConfig, 'bFind');
		77	+ searchColumns = [];
		78	+ findFilter.forEach((item) => {
		79	+ searchColumns.push({
		80	+ sValue: item.showName, sId: item.sName, sDropDownType: item.sDropDownType, showDropDown: item.showDropDown, sConfigId: item.sId, sAssignField: item.sAssignField,
		81	+ sSqlCondition: item.sSqlCondition,
		82	+ });
		83	+ });
		84	+ let addState;
		85	+ if (commonUtils.isEmptyArr(searchRowKeys)) { /* 初始化没有默认方案时的默认查询值 */
		86	+ searchRowKeys = [];
		87	+ if (commonUtils.isNotEmptyArr(searchColumns)) {
		88	+ const key = commonUtils.createSid();
		89	+ searchRowKeys.push(key);
		90	+ masterData = commonUtils.isEmptyObject(masterData) ? (sModelsType === 'commonClassify' ? { bCheck: false } : { bCheck: true }) : masterData;
		91	+ const sFirstValue = searchColumns[0].sId;
		92	+ masterData[`sFirst-${key}`] = searchColumns[0].sId;
		93	+ const firstDataIndex = commonUtils.isEmpty(sFirstValue) ? 's' : sFirstValue.substring(0, 1) === 't' ? 'p' : sFirstValue.substring(0, 1);
		94	+ masterData[`sSecond-${key}`] = commonConfig.seaJudge[firstDataIndex][0].sId;
		95	+ }
		96	+ } else {
		97	+ addState = await this.defaultSearchSolution(searchSolution[0]);
		98	+ }
		99	+ this.props.onSaveState({
		100	+ searchColumns, searchRowKeys, masterData, bSearchConfig: true, ...addState,
		101	+ });
		102	+ }
		103	+ const { masterConfig, app } = nextProps;
		104	+ if (commonUtils.isNotEmptyObject(masterConfig)) {
		105	+ let { searchColumnShowColumn } = nextProps;
		106	+ if (commonUtils.isEmptyArr(searchColumnShowColumn)) {
		107	+ const searchColumnShowConfig = {};
		108	+ const columniOrder = commonFunc.showMessage(app.commonConst, 'columniOrder');/* 排序 */
		109	+ const columnShowName = commonFunc.showMessage(app.commonConst, 'columnShowName');/* 显示名 */
		110	+ const columniFitWidth = commonFunc.showMessage(app.commonConst, 'columniFitWidth');/* 宽度 */
		111	+ const columnbVisible = commonFunc.showMessage(app.commonConst, 'columnbVisible');/* 是否显示 */
		112	+ const columnChinese = commonFunc.showMessage(app.commonConst, 'columnChinese');/* 中文 */
		113	+ const columnEnglish = commonFunc.showMessage(app.commonConst, 'columnEnglish');/* 英文 */
		114	+ const columnBig5 = commonFunc.showMessage(app.commonConst, 'columnBig5');/* 繁体 */
		115	+ const columnsType = commonFunc.showMessage(app.commonConst, 'columnsType');/* 汇总类型 */
		116	+ const columnSQL = commonFunc.showMessage(app.commonConst, 'columnSQL');/* SQL语句 */
		117	+ searchColumnShowConfig.gdsconfigformslave = [
		118	+ {
		119	+ bVisible: false,
		120	+ sName: 'sId',
		121	+ bNotEmpty: true,
		122	+ showName: 'sId',
		123	+ }, {
		124	+ bVisible: true,
		125	+ sName: 'iOrder',
		126	+ bNotEmpty: true,
		127	+ showName: '排序',
		128	+ }, {
		129	+ bVisible: true,
		130	+ sName: 'sName',
		131	+ bNotEmpty: true,
		132	+ bReadonly: true,
		133	+ showName: '字段名',
		134	+ }, {
		135	+ bVisible: true,
		136	+ sName: 'sChinese',
		137	+ bNotEmpty: true,
		138	+ showName: '中文名',
		139	+ }, {
		140	+ bVisible: true,
		141	+ sName: 'sEnglish',
		142	+ bNotEmpty: true,
		143	+ showName: '英文名',
		144	+ }, {
		145	+ bVisible: true,
		146	+ sName: 'sBig5',
		147	+ bNotEmpty: true,
		148	+ showName: '繁体',
		149	+ }, {
		150	+ bVisible: true,
		151	+ sName: 'iFitWidth',
		152	+ bNotEmpty: true,
		153	+ showName: '宽度',
		154	+ }, {
		155	+ bVisible: true,
		156	+ sName: 'sType',
		157	+ sDropDownType: 'const',
		158	+ bNotEmpty: true,
		159	+ showName: '汇总类型',
		160	+ iVisCount: 1,
		161	+ showDropDown: [{ value: '请选择', sId: '' },
		162	+ { value: '分组', sId: 'groupBy' },
		163	+ { value: '最大值', sId: 'max' },
		164	+ { value: '最小值', sId: 'min' },
		165	+ { value: '平均数', sId: 'avg' },
		166	+ { value: '求和', sId: 'sum' },
		167	+ { value: '行数', sId: 'count' },
		168	+ { value: 'sql语句', sId: 'sql' }],
		169	+ }, {
		170	+ bVisible: true,
		171	+ sName: 'sSql',
		172	+ bNotEmpty: true,
		173	+ showName: 'SQL语句',
		174	+ }, {
		175	+ bVisible: true,
		176	+ sName: 'bShow',
		177	+ bNotEmpty: true,
		178	+ showName: '是否显示',
		179	+ }];
		180	+ searchColumnShowColumn = [{
		181	+ title: columniOrder,
		182	+ dataIndex: 'iOrder',
		183	+ width: 60,
		184	+ }, {
		185	+ title: columnShowName,
		186	+ dataIndex: 'sName',
		187	+ width: 120,
		188	+ }, {
		189	+ title: columnChinese,
		190	+ dataIndex: 'sChinese',
		191	+ width: 80,
		192	+ }, {
		193	+ title: columnEnglish,
		194	+ dataIndex: 'sEnglish',
		195	+ width: 80,
		196	+ }, {
		197	+ title: columnBig5,
		198	+ dataIndex: 'sBig5',
		199	+ width: 80,
		200	+ }, {
		201	+ title: columniFitWidth,
		202	+ dataIndex: 'iFitWidth',
		203	+ width: 80,
		204	+ }, {
		205	+ title: columnbVisible,
		206	+ dataIndex: 'bShow',
		207	+ width: 60,
		208	+ }, {
		209	+ title: columnsType,
		210	+ dataIndex: 'sType',
		211	+ width: 120,
		212	+ }, {
		213	+ title: columnSQL,
		214	+ dataIndex: 'sSql',
		215	+ width: 269,
		216	+ }];
		217	+ const tableConfig = masterConfig.gdsconfigformslave;
		218	+ const searchColumnShowData = [];
		219	+ for (const child of tableConfig) {
		220	+ if (child.sName !== '' && child.bVisible && child.showName !== '') {
		221	+ searchColumnShowData.push({
		222	+ sId: child.sId,
		223	+ iOrder: child.iOrder,
		224	+ sChinese: child.sChinese,
		225	+ sEnglish: child.sEnglish,
		226	+ sBig5: child.sBig5,
		227	+ sName: child.sName,
		228	+ iFitWidth: child.iFitWidth,
		229	+ sType: '',
		230	+ sSql: '',
		231	+ bShow: false,
		232	+ });
		233	+ }
		234	+ }
		235	+ const searchColumnShowAllData = JSON.parse(JSON.stringify(searchColumnShowData));
		236	+ this.props.onSaveState({
		237	+ searchColumnShowColumn, searchColumnShowData, searchColumnShowAllData, searchColumnShowConfig,
		238	+ });
		239	+ }
		240	+ }
		241	+ }
		242	+
		243	+ componentDidMount() {
		244	+ this.props.onSaveState({ onBtnSearch: this.handleSearch });
		245	+ }
		246	+
		247	+ onKeyUp = (e) => {
		248	+ if (e.key === 'Enter') {
		249	+ setTimeout(() => {
		250	+ this.handleSearch();
		251	+ }, 500);
		252	+ }
		253	+ }
		254	+
		255	+ async defaultSearchSolution(searchSolutionDataRow) {
		256	+ /* 判断是否有分组 */
		257	+ const sGroupByList = commonUtils.isNotEmptyObject(searchSolutionDataRow) ? searchSolutionDataRow.sGroupByList : '[]';
		258	+ const column = [];
		259	+ if (commonUtils.isNotEmptyArr(sGroupByList)) {
		260	+ /* 有分组查询 */
		261	+ for (const child of sGroupByList) {
		262	+ if (child.sName !== '' && child.bShow) {
		263	+ column.push({
		264	+ title: child.sChinese,
		265	+ dataIndex: child.sName,
		266	+ width: child.iFitWidth,
		267	+ bFind: true,
		268	+ bNotEmpty: false,
		269	+ });
		270	+ }
		271	+ }
		272	+ }
		273	+ const { expand } = false;
		274	+ const highlightColor = false;
		275	+ const { sModelsType, sModelsId, app } = this.props;
		276	+ const { userinfo } = app;
		277	+ const masterData = sModelsType && sModelsType.includes('commonClassify') ? { bCheck: false } : { bCheck: true };
		278	+ const searchRowKeys = [];
		279	+ masterData.sSearchSolutionId = searchSolutionDataRow.sId;
		280	+ masterData.sSolutionName = searchSolutionDataRow.sName; /* 修改方案名称，拿到选中方案名称 */
		281	+ const filterCondition = JSON.parse(searchSolutionDataRow.sCondition);
		282	+ const ownerFlag = userinfo.sId === searchSolutionDataRow.sUserId \|\| (searchSolutionDataRow.sType === 'common' && this.props.app.userinfo.sType === 'sysadmin');
		283	+ const filterConditionAsync = async () => {
		284	+ for (let i = 0, len = filterCondition.length; i < len; i += 1) {
		285	+ const item = filterCondition[i];
		286	+ const key = commonUtils.createSid();
		287	+ searchRowKeys.push(key);
		288	+ const sFirstValue = item.bFilterName;
		289	+ masterData[`${key}disabled`] = !ownerFlag;
		290	+ masterData[`sFirst-${key}`] = sFirstValue;
		291	+ const sSecondValue = item.bFilterCondition;
		292	+ const firstDataIndex = commonUtils.isEmpty(sFirstValue) ? 's' :
		293	+ (sSecondValue === 'betweenTime' \|\| sSecondValue === 'between' \|\| sSecondValue === 'betweenDay' \|\| sSecondValue === 'betweenYestday' \|\| sSecondValue === 'week'\|\| sSecondValue === 'weekPre' \|\| sSecondValue === 'month' \|\| sSecondValue === 'monthPre') && sFirstValue.substring(0, 1) === 't' ? 'p' : sFirstValue.substring(0, 1);
		294	+ masterData[`sSecond-${key}`] = item.bFilterCondition;
		295	+ if (sSecondValue === 'day') {
		296	+ masterData[`${firstDataIndex}Third-${key}`] = moment().format(this.sDateFormat);
		297	+ } else if (sSecondValue === 'unDayDo') {
		298	+ masterData[`${firstDataIndex}Third-${key}`] = moment().format(this.sDateFormat);
		299	+ } else if (sSecondValue === 'daybefore') { /* 今天之前 */
		300	+ masterData[`${firstDataIndex}Third-${key}`] = moment().subtract(1,"days").format(this.sDateFormat);
		301	+ if(sFirstValue?.includes('_pro')){
		302	+ item.bFilterValue = masterData[`${firstDataIndex}Third-${key}`]
		303	+ }
		304	+ } else if (sSecondValue === 'tomorrowbefore') { /* 明天之前 */
		305	+ masterData[`${firstDataIndex}Third-${key}`] = moment().add(1,"days").format(this.sDateFormat);
		306	+ if(sFirstValue?.includes('_pro')){
		307	+ item.bFilterValue = masterData[`${firstDataIndex}Third-${key}`]
		308	+ }
		309	+ } else if (sSecondValue === 'aftertomorrowbefore') { /* 后天之前 */
		310	+ masterData[`${firstDataIndex}Third-${key}`] = moment().add(2,"days").format(this.sDateFormat);
		311	+ if(sFirstValue?.includes('_pro')){
		312	+ item.bFilterValue = masterData[`${firstDataIndex}Third-${key}`]
		313	+ }
		314	+ } else if (sSecondValue === 'betweenDay') {
		315	+ const dateBetween = [];
		316	+ console.log('bFilterValue', item.bFilterValue);
		317	+ if(commonUtils.isEmptyObject(item.bFilterValue) \|\| item.bFilterValue.split(',').length < 2) {
		318	+ dateBetween.push(moment());
		319	+ dateBetween.push(moment());
		320	+ if(sFirstValue?.includes('_pro') && commonUtils.isNotEmptyArr(dateBetween)){
		321	+ const tStartDate = moment(dateBetween[0]).format(this.sDateFormat);
		322	+ const tEndDate = moment(dateBetween[1]).add(1,"days").format(this.sDateFormat);
		323	+ let bFilterNewValue = `${tStartDate},${tEndDate}`;
		324	+ item.bFilterValue = bFilterNewValue;
		325	+ }
		326	+ } else if (item.bFilterValue.split(',').length === 2) {
		327	+ if (item.bFilterValue.split(',')[0] !== 'null') {
		328	+ dateBetween.push(moment(item.bFilterValue.split(',')[0]));
		329	+ dateBetween.push(moment(item.bFilterValue.split(',')[1]).subtract(1, 'days')); /* 日期区间需要将bFilterValue日期减一天 */
		330	+ }
		331	+ }
		332	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		333	+ } else if (sSecondValue === 'betweenYestday') {
		334	+ const dateBetween = [];
		335	+ if(commonUtils.isEmptyObject(item.bFilterValue) \|\| item.bFilterValue.split(',').length < 2) {
		336	+ dateBetween.push(moment().subtract(1,"days"));
		337	+ dateBetween.push(moment().subtract(1,"days"));
		338	+ if(sFirstValue?.includes('_pro') && commonUtils.isNotEmptyArr(dateBetween)){
		339	+ const tStartDate = moment(dateBetween[0]).format(this.sDateFormat);
		340	+ const tEndDate = moment(dateBetween[1]).add(1,"days").format(this.sDateFormat);
		341	+ let bFilterNewValue = `${tStartDate},${tEndDate}`;
		342	+ item.bFilterValue = bFilterNewValue;
		343	+ }
		344	+ } else if (item.bFilterValue.split(',').length === 2) {
		345	+ if (item.bFilterValue.split(',')[0] !== 'null') {
		346	+ dateBetween.push(moment(item.bFilterValue.split(',')[0]));
		347	+ dateBetween.push(moment(item.bFilterValue.split(',')[1]).subtract(1, 'days')); /* 日期区间需要将bFilterValue日期减一天 */
		348	+ }
		349	+ }
		350	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		351	+ } else if (sSecondValue === 'month') {
		352	+ const dateBetween = [];
		353	+ dateBetween.push(moment().startOf('month'));
		354	+ dateBetween.push(moment().endOf('month'));
		355	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		356	+ } else if (sSecondValue === 'monthPre') {
		357	+ const dateBetween = [];
		358	+ dateBetween.push(moment().startOf('month').subtract('month', 1));
		359	+ dateBetween.push(moment().endOf('month').subtract('month', 1).endOf('month'));
		360	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		361	+ } else if (sSecondValue === 'week') {
		362	+ const dateBetween = [];
		363	+ dateBetween.push(moment().startOf('week'));
		364	+ dateBetween.push(moment().endOf('week'));
		365	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		366	+ } else if (sSecondValue === 'weekPre') {
		367	+ const dateBetween = [];
		368	+ dateBetween.push(moment(moment().week(moment().week() - 1).startOf('week').valueOf()));
		369	+ dateBetween.push(moment(moment().week(moment().week() - 1).endOf('week').valueOf()));
		370	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		371	+ } else if (item.bFilterCondition === 'between' \|\| item.bFilterCondition === 'betweenTime') {
		372	+ if (item.bFilterValue.split(',').length === 2) {
		373	+ const dateBetween = [];
		374	+ if (item.bFilterValue.split(',')[0] !== 'null') {
		375	+ dateBetween.push(moment(item.bFilterValue.split(',')[0]));
		376	+ dateBetween.push(moment(item.bFilterValue.split(',')[1]).subtract(1, 'days')); /* 日期区间需要将bFilterValue日期减一天 */
		377	+ }
		378	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		379	+ } else {
		380	+ masterData[`${firstDataIndex}Third-${key}`] = moment(item.bFilterValue);
		381	+ }
		382	+ } else if (sSecondValue === 'period') {
		383	+ if (firstDataIndex === 'p') {
		384	+ const dateBetween = [];
		385	+ dateBetween.push(moment().startOf('month'));
		386	+ dateBetween.push(moment().endOf('month'));
		387	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		388	+ } else if (firstDataIndex === 'm') {
		389	+ masterData[`${firstDataIndex}Third-${key}`] = moment(new Date());
		390	+ } else if (firstDataIndex === 'y') {
		391	+ masterData[`${firstDataIndex}Third-${key}`] = moment(new Date());
		392	+ }
		393	+ } else if (firstDataIndex === 't') {
		394	+ masterData[`${firstDataIndex}Third-${key}`] = moment(item.bFilterValue);
		395	+ } else if(sModelsId === '12710101117200946822170' && sFirstValue === 'sTXT50' && commonUtils.isEmptyObject(item.bFilterValue)){
		396	+ if(commonUtils.isNotEmptyObject(app)&& commonUtils.isNotEmptyObject(app.currentPane)) {
		397	+ const { conditonValues } = app.currentPane;
		398	+ if(commonUtils.isNotEmptyObject(conditonValues)) {
		399	+ masterData[`${firstDataIndex}Third-${key}`] = commonUtils.isNotEmptyObject(conditonValues.sAnlnName) ?
		400	+ conditonValues.sAnlnName : '';
		401	+ }
		402	+ }
		403	+ } else {
		404	+ const { slaveConfig } = this.props;
		405	+ if (commonUtils.isNotEmptyObject(slaveConfig)) {
		406	+ const iIndex = slaveConfig.gdsconfigformslave.findIndex(itemData => itemData.sName === sFirstValue);
		407	+ if (iIndex > -1 && slaveConfig.gdsconfigformslave[iIndex].sDropDownType === 'sql') {
		408	+ const sqlDropDownData = await this.props.getSqlDropDownData(this.props.sModelsId, 'master', slaveConfig.gdsconfigformslave[iIndex]);
		409	+ const { dropDownData } = sqlDropDownData;
		410	+ const iValueIndex = dropDownData.findIndex(itemData => itemData.sId === item.bFilterValue);
		411	+ if (iValueIndex > -1) {
		412	+ masterData[`${firstDataIndex}Third-${key}`] = dropDownData[iValueIndex].sName;
		413	+ masterData[`${firstDataIndex}Third-${key}Id`] = item.bFilterValue;
		414	+ }
		415	+ } else {
		416	+ masterData[`${firstDataIndex}Third-${key}`] = item.bFilterValue;
		417	+ }
		418	+ } else {
		419	+ masterData[`${firstDataIndex}Third-${key}`] = item.bFilterValue;
		420	+ }
		421	+ }
		422	+ }
		423	+ };
		424	+ filterConditionAsync();
		425	+ return {
		426	+ masterData, searchRowKeys, slaveGroupColumn: column, sGroupByList, expand, highlightColor, newFilterCondition: filterCondition
		427	+ };
		428	+ }
		429	+ handeToggle = () => {
		430	+ /* 是否展开多出的条件内容 */
		431	+ const { expand } = this.props;
		432	+ this.props.onSaveState({ expand: !expand });
		433	+ };
		434	+
		435	+ handleSearchProps(showConfig) {
		436	+ const { masterData } = this.props;
		437	+ return {
		438	+ form: this.props.form,
		439	+ getSqlDropDownData: this.props.getSqlDropDownData,
		440	+ getSqlCondition: this.props.getSqlCondition,
		441	+ handleSqlDropDownNewRecord: this.props.handleSqlDropDownNewRecord,
		442	+ getFloatNum: this.props.getFloatNum,
		443	+ getDateFormat: this.props.getDateFormat,
		444	+ onChange: this.handleMasterChange,
		445	+ showConfig,
		446	+ formItemLayout: {},
		447	+ textArea: false,
		448	+ enabled: true,
		449	+ dataValue: commonUtils.isNotEmptyObject(masterData) ? masterData[showConfig.sName] : '',
		450	+ bTable: false,
		451	+ formRoute: this.props.formRoute,
		452	+ sSqlCondition:showConfig.sSqlCondition,
		453	+ name: 'master',
		454	+ record: masterData,
		455	+ noDebounce: true
		456	+ };
		457	+ }
		458	+
		459	+ handleSearch = (_, isQueryCondition) => {
		460	+ window.vlistNewSearh = true;
		461	+ const {
		462	+ searchRowKeys, masterData, slaveConfig, slaveInfoConfig, setSearchSlaveInfo,
		463	+ slave0Config, slave1Config, slave2Config, slave3Config, slave4Config, slave5Config, slave6Config, slave7Config, slave8Config, slave9Config, slave10Config, slave11Config, slave12Config,
		464	+ slave13Config, slave14Config, slave15Config, slaveOrderBy, sModelsId,
		465	+ } = this.props;
		466	+ const filterCondition = []; /* 数据筛选条件 */
		467	+ searchRowKeys.map((key) => {
		468	+ const { [`sFirst-${key}`]: sFirstValue, [`sSecond-${key}`]: sSecondValue } = masterData;
		469	+ const firstDataIndex = commonUtils.isEmpty(sFirstValue) ? 's' :
		470	+ (sSecondValue === 'betweenTime' \|\| sSecondValue === 'between' \|\| sSecondValue === 'betweenDay' \|\| sSecondValue === 'betweenYestday' \|\| sSecondValue === 'week'\|\| sSecondValue === 'weekPre' \|\| sSecondValue === 'month' \|\| sSecondValue === 'monthPre') && sFirstValue.substring(0, 1) === 't' ? 'p' : sFirstValue.substring(0, 1);
		471	+ const sThirdName = `${firstDataIndex}Third-${key}`;
		472	+ let thirdValue = masterData[sThirdName];
		473	+ const iIndex = slaveConfig.gdsconfigformslave.findIndex(item => item.sName === sFirstValue);
		474	+ if (iIndex > -1 && slaveConfig.gdsconfigformslave[iIndex].sDropDownType === 'sql') {
		475	+ if (!commonUtils.isEmpty(masterData[`${sThirdName}Id`])) {
		476	+ thirdValue = masterData[`${sThirdName}Id`];
		477	+ } if (!commonUtils.isEmpty(masterData[sFirstValue])) {
		478	+ thirdValue = masterData[sFirstValue];
		479	+ }
		480	+ }
		481	+ if (!commonUtils.isEmpty(thirdValue) \|\| firstDataIndex === 'b') {
		482	+ if (firstDataIndex === 'p') {
		483	+ const tStartDate = sSecondValue === 'betweenTime' ? (commonUtils.isNotEmptyObject(thirdValue[0]) ? moment(thirdValue[0]).format('YYYY-MM-DD HH:mm:ss') : null) : (commonUtils.isNotEmptyObject(thirdValue[0]) ? moment(thirdValue[0]).format(this.sDateFormat) : null);
		484	+ const tEndDate = sSecondValue === 'betweenTime' ? (commonUtils.isNotEmptyObject(thirdValue[1]) ? moment(thirdValue[1]).format('YYYY-MM-DD HH:mm:ss') : null) : (commonUtils.isNotEmptyObject(thirdValue[1]) ? moment(thirdValue[1]).add(1, 'days').format(this.sDateFormat) : null);
		485	+ filterCondition.push({
		486	+ bFilterName: sFirstValue,
		487	+ bFilterCondition: sSecondValue,
		488	+ bFilterValue: `${tStartDate},${tEndDate}`,
		489	+ });
		490	+ } else if (firstDataIndex === 'm') {
		491	+ const tStartDate = sSecondValue === 'betweenTime' ? moment(thirdValue).format('YYYY-MM-DD HH:mm:ss') : moment(thirdValue).startOf('month').format(this.sDateFormat);
		492	+ const tEndDate = sSecondValue === 'betweenTime' ? moment(thirdValue).format('YYYY-MM-DD HH:mm:ss') : moment(thirdValue).endOf('month').add(1, 'days').format(this.sDateFormat);
		493	+ filterCondition.push({
		494	+ bFilterName: `t${sFirstValue.substring(1, sFirstValue.length)}`,
		495	+ bFilterCondition: sSecondValue,
		496	+ bFilterValue: `${tStartDate},${tEndDate}`,
		497	+ });
		498	+ }else if (firstDataIndex === 'y') {
		499	+ const tStartDate = sSecondValue === 'betweenTime' ? moment(thirdValue).format('YYYY-MM-DD HH:mm:ss') : moment(thirdValue).startOf('year').format(this.sDateFormat);
		500	+ const tEndDate = sSecondValue === 'betweenTime' ? moment(thirdValue).format('YYYY-MM-DD HH:mm:ss') : moment(thirdValue).endOf('year').add(1, 'days').format(this.sDateFormat);
		501	+ filterCondition.push({
		502	+ bFilterName: `t${sFirstValue.substring(1, sFirstValue.length)}`,
		503	+ bFilterCondition: sSecondValue,
		504	+ bFilterValue: `${tStartDate},${tEndDate}`,
		505	+ });
		506	+ } else if (firstDataIndex === 't') {
		507	+ filterCondition.push({
		508	+ bFilterName: sFirstValue,
		509	+ bFilterCondition: sSecondValue,
		510	+ bFilterValue: moment(thirdValue).format(this.sDateFormat),
		511	+ });
		512	+ } else if (firstDataIndex === 'b') {
		513	+ filterCondition.push({
		514	+ bFilterName: sFirstValue,
		515	+ bFilterCondition: sSecondValue,
		516	+ bFilterValue: thirdValue ? true : false,
		517	+ });
		518	+ } else {
		519	+ filterCondition.push({
		520	+ bFilterName: sFirstValue,
		521	+ bFilterCondition: sSecondValue,
		522	+ bFilterValue: thirdValue,
		523	+ });
		524	+ }
		525	+ }
		526	+ return true;
		527	+ });
		528	+ /* 判断是否要加载过滤树数据 */
		529	+ const filterTreeConfigArr = slaveConfig.gdsconfigformslave.filter(item => item.bTree);
		530	+ if (commonUtils.isNotEmptyArr(filterTreeConfigArr)) {
		531	+ const filterTreeConfig = filterTreeConfigArr[0];
		532	+ this.props.onGetFilterTreeData(filterTreeConfig, filterCondition, 1);
		533	+ let { treeSelectedKeys } = this.props;
		534	+ if (commonUtils.isNotEmptyArr(treeSelectedKeys)) { /* 清除原来选中树节点 */
		535	+ treeSelectedKeys = [];
		536	+ this.props.onSaveState({
		537	+ treeSelectedKeys, treeFilterCondition: [],
		538	+ });
		539	+ }
		540	+ }
		541	+ /*
		542	+ 修改日期：2021-03-17
		543	+ 修改人：吕杰
		544	+ 区域：以下一行
		545	+ 需求变更：fix 2135 搜索时添加loading动画
		546	+ */
		547	+ // 添加props传入的判断条件
		548	+ // let customfilterCondition = filterCondition.slice(0);
		549	+ // if (customSlaveFilterCondition) {
		550	+ // customfilterCondition = filterCondition.concat(customSlaveFilterCondition);
		551	+ // }
		552	+
		553	+ /**
		554	+ * 获取 bFilterName 首字母为t
		555	+ */
		556	+ if (isQueryCondition && sModelsId === '12710101117253309349270') {
		557	+ return filterCondition.filter(i => i && ['t', 'p'].includes(i.bFilterName?.[0]));;
		558	+ }
		559	+
		560	+ this.props.onSaveState({ pageLoading: true });
		561	+ /* commonListTab搜索时根据当前Tab页签所在表格进行查询 */
		562	+ if(commonUtils.isNotEmptyObject(location.pathname) && location.pathname.includes('commonListTab')) {
		563	+ this.props.onGetSearchData(slaveConfig, filterCondition, undefined,undefined,undefined,undefined,undefined,undefined,undefined, slave0Config);
		564	+ } else {
		565	+ this.props.onGetData(slaveConfig, filterCondition, undefined,undefined,slaveOrderBy,undefined,undefined,undefined,undefined,
		566	+ slave0Config, slave1Config, slave2Config, slave3Config, slave4Config, slave5Config, slave6Config, slave7Config, slave8Config, slave9Config, slave10Config, slave11Config, slave12Config, slave13Config, slave14Config, slave15Config);
		567	+ }
		568	+ if (setSearchSlaveInfo === 'Y') {
		569	+ if (commonUtils.isNotEmptyObject(slaveInfoConfig)) {
		570	+ this.props.onGetDataInfo(slaveInfoConfig, filterCondition);
		571	+ }
		572	+ } else {
		573	+ this.props.onSaveState({
		574	+ expKeys: [],
		575	+ slaveInfoSelectedRowKeys: [],
		576	+ slaveInfoSelectedData: [],
		577	+ slaveInfoData: [], /* 清除生产主计划,生产排程明细表数据 */
		578	+ });
		579	+ }
		580	+ }
		581	+
		582	+ /**
		583	+ * @param {*} name json
		584	+ * @param {*} bFilterName 首字母修改
		585	+ * @returns
		586	+ */
		587	+ handleFirstNameEqual = (name, bFilterName) => {
		588	+ if (typeof bFilterName === 'string' && typeof name === 'string' && ['m', 'y'].includes(name[0])) {
		589	+ return bFilterName.substring(1) === name.substring(1);
		590	+ }
		591	+ }
		592	+
		593	+ /** 修改主表数据 */
		594	+ handleMasterChange = async (name, sFieldName, changeValue, sId, dropDownData) => {
		595	+ // let { expand } = false;
		596	+ if (sFieldName === 'sSearchSolutionId' && false && !location.pathname.toLowerCase().includes('productionmainplan')) {
		597	+ const {
		598	+ searchSolution, slaveConfig, slaveInfoConfig, setSearchSlaveInfo,
		599	+ } = this.props;
		600	+
		601	+ const searchCondition = this.handleSearch(_ , true);
		602	+ const iIndex = searchSolution.findIndex(item => item.sId === changeValue[sFieldName]);
		603	+ let filterCondition = JSON.parse(searchSolution[iIndex].sCondition \|\| "[]");
		604	+ if (Array.isArray(searchCondition) && searchCondition.length) {
		605	+ if (Array.isArray(filterCondition) && filterCondition.length) {
		606	+ const keys = searchCondition.map(i => i?.bFilterName).filter(Boolean);
		607	+ filterCondition = filterCondition.filter(i => !keys.includes(i?.bFilterName) && !keys.find(j => this.handleFirstNameEqual(i?.bFilterName, j)));
		608	+ }
		609	+ filterCondition = [...searchCondition, ...filterCondition \|\| []];
		610	+ }
		611	+
		612	+ const addState = await this.defaultSearchSolution({ ...searchSolution[iIndex] \|\| {}, sCondition: JSON.stringify(filterCondition) });
		613	+ this.props.onSaveState({ ...addState }, () => {
		614	+ this.props.onGetData(slaveConfig, filterCondition, '', '', '', '', addState.sGroupByList,);
		615	+ });
		616	+ /* 判断是否要加载过滤树数据 */
		617	+ const filterTreeConfigArr = slaveConfig.gdsconfigformslave.filter(item => item.bTree);
		618	+ if (commonUtils.isNotEmptyArr(filterTreeConfigArr)) {
		619	+ const filterTreeConfig = filterTreeConfigArr[0];
		620	+ this.props.onGetFilterTreeData(filterTreeConfig, filterCondition, 1);
		621	+ let { treeSelectedKeys } = this.props;
		622	+ if (commonUtils.isNotEmptyArr(treeSelectedKeys)) { /* 清除原来选中树节点 */
		623	+ treeSelectedKeys = [];
		624	+ this.props.onSaveState({
		625	+ treeSelectedKeys, treeFilterCondition: [],
		626	+ });
		627	+ }
		628	+ }
		629	+ if (setSearchSlaveInfo === 'Y') {
		630	+ if (commonUtils.isNotEmptyObject(slaveInfoConfig)) {
		631	+ this.props.onGetDataInfo(slaveInfoConfig, JSON.parse(searchSolution[iIndex].sCondition));
		632	+ }
		633	+ }
		634	+ // /* 当搜索条件有一个为空时，则展开 */
		635	+ // const searchSolutions = JSON.parse(searchSolution[iIndex].sCondition);
		636	+ // const showConfigArr = searchSolutions.filter(item => commonUtils.isEmpty(item.bFilterValue) \|\| item.bFilterValue === false);
		637	+ // /* 当搜索条件只有一行时，不展开 */
		638	+ // if (searchSolutions.length > 1 && commonUtils.isNotEmptyArr(showConfigArr) && showConfigArr.length > 0) {
		639	+ // expand = true;
		640	+ // }
		641	+ // this.props.onSaveState({ expand });
		642	+ } else if (sFieldName === 'sSearchSolutionId' ) {
		643	+ const {
		644	+ searchSolution, slaveConfig, slaveInfoConfig, setSearchSlaveInfo,
		645	+ } = this.props;
		646	+ const iIndex = searchSolution.findIndex(item => item.sId === changeValue[sFieldName]);
		647	+ const addState = await this.defaultSearchSolution(searchSolution[iIndex]);
		648	+ const filterCondition = JSON.parse(searchSolution[iIndex].sCondition);
		649	+
		650	+ this.props.onSaveState({ ...addState }, () => {
		651	+ this.props.onGetData(slaveConfig, JSON.parse(searchSolution[iIndex].sCondition), '', '', '', '', addState.sGroupByList);
		652	+ });
		653	+ /* 判断是否要加载过滤树数据 */
		654	+ const filterTreeConfigArr = slaveConfig.gdsconfigformslave.filter(item => item.bTree);
		655	+ if (commonUtils.isNotEmptyArr(filterTreeConfigArr)) {
		656	+ const filterTreeConfig = filterTreeConfigArr[0];
		657	+ this.props.onGetFilterTreeData(filterTreeConfig, filterCondition, 1);
		658	+ let { treeSelectedKeys } = this.props;
		659	+ if (commonUtils.isNotEmptyArr(treeSelectedKeys)) { /* 清除原来选中树节点 */
		660	+ treeSelectedKeys = [];
		661	+ this.props.onSaveState({
		662	+ treeSelectedKeys, treeFilterCondition: [],
		663	+ });
		664	+ }
		665	+ }
		666	+ if (setSearchSlaveInfo === 'Y') {
		667	+ if (commonUtils.isNotEmptyObject(slaveInfoConfig)) {
		668	+ this.props.onGetDataInfo(slaveInfoConfig, JSON.parse(searchSolution[iIndex].sCondition));
		669	+ }
		670	+ }
		671	+ } else if (sFieldName.includes('sFirst-')) {
		672	+ const { slaveConfig } = this.props;
		673	+ const { masterData } = this.props.onChange(name, sFieldName, changeValue, sId, dropDownData, true);
		674	+ const sFirstValue = masterData[sFieldName];
		675	+ const firstDataIndex = commonUtils.isEmpty(sFirstValue) ? 's' : sFirstValue.substring(0, 1);
		676	+ const key = sFieldName.substring('sFirst-'.length, sFieldName.length);
		677	+ const sSecondConditionPro = firstDataIndex === 's' && sFirstValue.endsWith('_pro'); /* 字段名以s开头，sFilterName以pro结尾，则只有等于条件 */
		678	+ const iIndex = slaveConfig.gdsconfigformslave.findIndex(item => item.sName === sFirstValue);
		679	+ masterData[`sSecond-${key}`] = sSecondConditionPro && iIndex > -1 && slaveConfig.gdsconfigformslave[iIndex].sDropDownType === 'sql' ?
		680	+ commonConfig.seaJudge.s_proDropDown[0].sId : sSecondConditionPro ?
		681	+ commonConfig.seaJudge.s_pro[0].sId : commonConfig.seaJudge[firstDataIndex][0].sId;
		682	+ masterData[`${firstDataIndex}Third-${key}`] = firstDataIndex === 'b' ? false : firstDataIndex === 't' ? moment().format(this.sDateFormat) : masterData[`${firstDataIndex}Third-${key}`];
		683	+ this.props.onSaveState({ masterData });
		684	+ } else if (sFieldName.includes('sSecond-')) {
		685	+ const { masterData } = this.props.onChange(name, sFieldName, changeValue, sId, dropDownData, true);
		686	+ const sSecondValue = masterData[sFieldName];
		687	+ const key = sFieldName.substring('sSecond-'.length, sFieldName.length);
		688	+ const sFirstValue = masterData[`sFirst-${key}`];
		689	+ const firstDataIndex = commonUtils.isEmpty(sFirstValue) ? 's' :
		690	+ (sSecondValue === 'betweenTime' \|\| sSecondValue === 'between' \|\| sSecondValue === 'betweenDay' \|\| sSecondValue === 'betweenYestday' \|\| sSecondValue === 'week' \|\| sSecondValue === 'weekPre' \|\| sSecondValue === 'month' \|\| sSecondValue === 'monthPre') && sFirstValue.substring(0, 1) === 't' ? 'p' : sFirstValue.substring(0, 1);
		691	+ if (sSecondValue === 'day') {
		692	+ masterData[`${firstDataIndex}Third-${key}`] = moment().format(this.sDateFormat);
		693	+ }else if (sSecondValue === 'unDayDo') {
		694	+ masterData[`${firstDataIndex}Third-${key}`] = moment().format(this.sDateFormat);
		695	+ } else if (sSecondValue === 'daybefore') { /* 今天之前 */
		696	+ masterData[`${firstDataIndex}Third-${key}`] = moment().subtract(1,"days").format(this.sDateFormat);
		697	+ } else if (sSecondValue === 'tomorrowbefore') { /* 明天之前 */
		698	+ masterData[`${firstDataIndex}Third-${key}`] = moment().add(1,"days").format(this.sDateFormat);
		699	+ } else if (sSecondValue === 'aftertomorrowbefore') { /* 后天之前 */
		700	+ masterData[`${firstDataIndex}Third-${key}`] = moment().add(2,"days").format(this.sDateFormat);
		701	+ } else if (sSecondValue === 'betweenDay') {
		702	+ const dateBetween = [];
		703	+ dateBetween.push(moment());
		704	+ dateBetween.push(moment());
		705	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		706	+ } else if (sSecondValue === 'betweenYestday') {
		707	+ const dateBetween = [];
		708	+ dateBetween.push(moment().subtract(1,"days"));
		709	+ dateBetween.push(moment().subtract(1,"days"));
		710	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		711	+ } else if (sSecondValue === 'month') {
		712	+ const dateBetween = [];
		713	+ dateBetween.push(moment().startOf('month'));
		714	+ dateBetween.push(moment().endOf('month'));
		715	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		716	+ } else if (sSecondValue === 'monthPre') {
		717	+ const dateBetween = [];
		718	+ dateBetween.push(moment().startOf('month').subtract('month', 1));
		719	+ dateBetween.push(moment().endOf('month').subtract('month', 1).endOf('month'));
		720	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		721	+ } else if (sSecondValue === 'week') {
		722	+ const dateBetween = [];
		723	+ dateBetween.push(moment().startOf('week'));
		724	+ dateBetween.push(moment().endOf('week'));
		725	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		726	+ } else if (sSecondValue === 'weekPre') {
		727	+ const dateBetween = [];
		728	+ dateBetween.push(moment(moment().week(moment().week() - 1).startOf('week').valueOf()));
		729	+ dateBetween.push(moment(moment().week(moment().week() - 1).endOf('week').valueOf()));
		730	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		731	+ } else if (sSecondValue === 'period') { /* 本期间 */
		732	+ if (firstDataIndex === 'm') {
		733	+ masterData[`${firstDataIndex}Third-${key}`] = moment(new Date());
		734	+ } else if (firstDataIndex === 'p') {
		735	+ const dateBetween = [];
		736	+ dateBetween.push(moment().startOf('month'));
		737	+ dateBetween.push(moment().endOf('month'));
		738	+ masterData[`${firstDataIndex}Third-${key}`] = dateBetween;
		739	+ }
		740	+ }
		741	+ this.props.onSaveState({ masterData });
		742	+ } else {
		743	+ this.props.onChange('master', sFieldName, changeValue, sId, dropDownData);
		744	+ }
		745	+ };
		746	+
		747	+ handleFields = (searchColumns) => {
		748	+ /* 默认快捷过滤 */
		749	+ if (commonUtils.isEmptyArr(searchColumns)) { return; }
		750	+ const { masterData, searchRowKeys, app } = this.props;
		751	+ const children = searchRowKeys.map((key) => {
		752	+ const { [`sFirst-${key}`]: sFirstValue, [`sSecond-${key}`]: sSecondValue, [`${key}disabled`]: disabled } = masterData;
		753	+ const firstDataIndex = commonUtils.isEmpty(sFirstValue) ? 's' :
		754	+ (sSecondValue === 'betweenTime' \|\| sSecondValue === 'between' \|\| sSecondValue === 'betweenDay' \|\| sSecondValue === 'betweenYestday' \|\| sSecondValue === 'week' \|\| sSecondValue === 'weekPre' \|\| sSecondValue === 'period' \|\| sSecondValue === 'month' \|\| sSecondValue === 'monthPre') && sFirstValue.substring(0, 1) === 't' ? 'p' : sFirstValue.substring(0, 1);
		755	+ const showFirstConfig = {
		756	+ sId: commonUtils.createSid(),
		757	+ sName: `sFirst-${key}`,
		758	+ sDropDownType: 'sql',
		759	+ iVisCount: 1,
		760	+ bNotEmpty: true,
		761	+ dropDownData: this.props.searchColumns,
		762	+ };
		763	+
		764	+ const sThirdName = `${firstDataIndex}Third-${key}`;
		765	+ let DropDownType = '';
		766	+ let showDropDown = '';
		767	+ let sAssignField = '';
		768	+ let sSqlCondition = '';
		769	+ let sId = '';
		770	+ const searchColumnsCurrent = searchColumns.filter(item => item.sId === sFirstValue);
		771	+ if (commonUtils.isNotEmptyArr(searchColumnsCurrent) && searchColumnsCurrent.length > 0) {
		772	+ sId = searchColumnsCurrent[0].sConfigId;
		773	+ DropDownType = searchColumnsCurrent[0].sDropDownType;
		774	+ sSqlCondition = searchColumnsCurrent[0].sSqlCondition;
		775	+ ([{ showDropDown, sAssignField }] = searchColumnsCurrent);
		776	+ }
		777	+ const sSecondConditionPro = firstDataIndex === 's' && sFirstValue?.endsWith('_pro'); /* 字段名以s开头，sFilterName以pro结尾，则只有等于条件 */
		778	+ const showSecondConfig = {
		779	+ sId: commonUtils.createSid(),
		780	+ sName: `sSecond-${key}`,
		781	+ sDropDownType: 'sql',
		782	+ bNotEmpty: true,
		783	+ iVisCount: 1,
		784	+ dropDownData: this.getTranslatedSeaJudge(
		785	+ sSecondConditionPro && DropDownType === 'sql' ? 's_proDropDown' :
		786	+ sSecondConditionPro ? 's_pro' : firstDataIndex,
		787	+ app?.userinfo?.sLanguage
		788	+ ), bCanInput: false,
		789	+ };
		790	+ const showThirdConfig = {
		791	+ sId,
		792	+ sName: sThirdName,
		793	+ sDropDownType: DropDownType,
		794	+ bNotEmpty: false,
		795	+ showDropDown: DropDownType === 'const' ? undefined : showDropDown,
		796	+ dropDownData: DropDownType === 'const' ? commonUtils.objectToArr(commonUtils.convertStrToObj(showDropDown)) : undefined,
		797	+ sAssignField,
		798	+ sSqlCondition,
		799	+ iVisCount: 1,
		800	+ bCanInput: false,
		801	+ bSearchComponent: true, /* 是否是搜素方案的下拉 */
		802	+ };
		803	+ const showTypeFirstProps = this.handleSearchProps(showFirstConfig);
		804	+ const showTypeSecondProps = this.handleSearchProps(showSecondConfig);
		805	+ const showTypeThirdProps = this.handleSearchProps(showThirdConfig);
		806	+ showTypeFirstProps.enabled = true; /* 管理员设置的方案，普通用户不可编辑 showTypeFirstProps.enabled = !disabled; */
		807	+ showTypeSecondProps.enabled = true; /* showTypeSecondProps.enabled = !disabled; */
		808	+ showTypeThirdProps.enabled = true && !(sSecondValue === 'day' \|\| sSecondValue === 'unDayDo' \|\| sSecondValue === 'daybefore' \|\| sSecondValue === 'tomorrowbefore' \|\| sSecondValue === 'aftertomorrowbefore' \|\| sSecondValue === 'weekPre' \|\| sSecondValue === 'week' \|\| sSecondValue === 'month' \|\| sSecondValue === 'monthPre');/* showTypeThirdProps.enabled = !disabled */
		809	+ showTypeFirstProps.formItemLayout = { wrapperCol: { span: 24 } };
		810	+ showTypeSecondProps.formItemLayout = { wrapperCol: { span: 24 } };
		811	+ showTypeThirdProps.formItemLayout = { wrapperCol: { span: 24 } };
		812	+ showTypeThirdProps.allowClear = true;
		813	+ const { dataValue } = showTypeThirdProps;
		814	+ if (sThirdName.substring(0, 1) === 'b') {
		815	+ showTypeThirdProps.enabled = true; /* 选择框不管什么情况，都是可编辑状态 */
		816	+ } else if (commonUtils.isEmptyObject(dataValue) \|\| commonUtils.isEmptyArr(dataValue)) {
		817	+ showTypeThirdProps.enabled = true; /* 第三个查找条件值为空时，要能直接输入 */
		818	+ }
		819	+ if (sSecondValue === 'betweenTime') {
		820	+ showThirdConfig.sDateFormat = 'YYYY-MM-DD HH:mm:ss';
		821	+ /* showTime为true显示可以选择具体时间 */
		822	+ showTypeThirdProps.showTime = sSecondValue === 'betweenTime';
		823	+ } else if (sSecondValue === 'between' \|\| sSecondValue === 'betweenDay' \|\| sSecondValue === 'betweenYestday' ) {
		824	+ showThirdConfig.sDateFormat = 'YYYY-MM-DD';
		825	+ /* showTime为true显示可以选择具体时间 */
		826	+ showTypeThirdProps.showTime = false;
		827	+
		828	+ if(firstDataIndex && firstDataIndex === 'm') {
		829	+ showThirdConfig.sDateFormat = 'YYYY-MM';
		830	+ } else if (firstDataIndex && firstDataIndex === 'y') {
		831	+ showThirdConfig.sDateFormat = 'YYYY';
		832	+ }
		833	+ }
		834	+
		835	+ return (
		836	+ <div key={key} className={styles.addFilterBox}>
		837	+ <Space>
		838	+ <div style={{ width: 180 }}>
		839	+ <ShowType {...showTypeFirstProps} />
		840	+ </div>
		841	+ <div style={{ width: 180 }}>
		842	+ <ShowType {...showTypeSecondProps} />
		843	+ </div>
		844	+ <div style={{ width: 180 }}>
		845	+ <ShowType {...showTypeThirdProps} onKeyUp={this.onKeyUp} />
		846	+ {
		847	+ key > 0 && !disabled ? (
		848	+ <MinusCircleOutlined className={styles.removeBtn} onClick={() => this.handleRemove(key)} />
		849	+ ) : null
		850	+ }
		851	+ </div>
		852	+ </Space>
		853	+ </div>
		854	+ );
		855	+ });
		856	+ return children;
		857	+ };
		858	+
		859	+ handleAdd = () => {
		860	+ /* 添加条件 */
		861	+ const { searchRowKeys, searchColumns, masterData } = this.props;
		862	+ const key = commonUtils.createSid();
		863	+ searchRowKeys.push(key);
		864	+ const sFirstValue = searchColumns[0].sId;
		865	+ masterData[`sFirst-${key}`] = searchColumns[0].sId;
		866	+ const firstDataIndex = commonUtils.isEmpty(sFirstValue) ? 's' : sFirstValue.substring(0, 1) === 't' ? 'p' : sFirstValue.substring(0, 1);
		867	+ masterData[`sSecond-${key}`] = commonConfig.seaJudge[firstDataIndex][0].sId;
		868	+ this.props.onSaveState({ searchRowKeys, masterData });
		869	+ };
		870	+
		871	+ handleRemove = (key, disabled) => {
		872	+ /* 移除添加条件 */
		873	+ const { searchRowKeys } = this.props;
		874	+ if (searchRowKeys.length > 1 && !disabled) {
		875	+ const iIndex = searchRowKeys.findIndex(item => item === key);
		876	+ searchRowKeys.splice(iIndex, 1);
		877	+ this.props.onSaveState({ searchRowKeys });
		878	+ }
		879	+ };
		880	+
		881	+ handleSave = (e) => {
		882	+ /* 保存快捷过滤模板 */
		883	+ e.preventDefault();
		884	+ this.props.form.validateFields((err, values) => {
		885	+ /* 验证通过与不通过走不同的流程 */
		886	+ if (err) { /* 验证失败 */
		887	+ /* 直接渲染显示错误提示 */
		888	+ for (const sFieldName of Object.keys(err)) {
		889	+ const key = sFieldName.substring('Third-'.length + 1, sFieldName.length);
		890	+ const sFirstValue = values[`sFirst-${key}`];
		891	+ const iIndex = this.props.searchColumns.findIndex(item => item.sId === sFirstValue);
		892	+ const showName = iIndex > -1 ? this.props.searchColumns[iIndex].sValue : '';
		893	+ message.error(err[sFieldName].errors[0].message.replace('undefined', showName));
		894	+ }
		895	+ } else { /* 验证成功 */
		896	+ this.props.onSaveState({
		897	+ modalVisible: true,
		898	+ });
		899	+ }
		900	+ });
		901	+ };
		902	+ handleUpd= (e) => {
		903	+ /* 方案名称修改 */
		904	+ e.preventDefault();
		905	+ this.props.form.validateFields((err, values) => {
		906	+ /* 验证通过与不通过走不同的流程 */
		907	+ if (err) { /* 验证失败 */
		908	+ /* 直接渲染显示错误提示 */
		909	+ for (const sFieldName of Object.keys(err)) {
		910	+ const key = sFieldName.substring('Third-'.length + 1, sFieldName.length);
		911	+ const sFirstValue = values[`sFirst-${key}`];
		912	+ const iIndex = this.props.searchColumns.findIndex(item => item.sId === sFirstValue);
		913	+ const showName = iIndex > -1 ? this.props.searchColumns[iIndex].sValue : '';
		914	+ message.error(err[sFieldName].errors[0].message.replace('undefined', showName));
		915	+ }
		916	+ } else { /* 验证成功 */
		917	+ this.props.onSaveState({
		918	+ modalSolutionNameVisible: true,
		919	+ });
		920	+ }
		921	+ });
		922	+ };
		923	+ /* 列显示配置 */
		924	+ handleSaveColumnSetting = async () => {
		925	+ const {
		926	+ masterData, sModelsId, searchColumnShowAllData, formSrcRoute,
		927	+ } = this.props;
		928	+ const sSearchSolutionId = commonUtils.isNotEmptyObject(masterData) ? masterData.sSearchSolutionId : '';
		929	+ if (commonUtils.isNotEmptyObject(sSearchSolutionId)) {
		930	+ const searchUrl = `${commonConfig.server_host}searchgroupby/getSearchgroupbyData/${sModelsId}/${sSearchSolutionId}?token=token&sModelsId=${sModelsId}&sName=${formSrcRoute}`;
		931	+ const dataReturn = (await commonServices.getService(this.props.app.token, searchUrl)).data;
		932	+ if (dataReturn.code === 1) {
		933	+ const returnData = dataReturn.dataset.rows;
		934	+ if (commonUtils.isNotEmptyArr(returnData)) {
		935	+ const newsearchColumnShowData = JSON.parse(JSON.stringify(searchColumnShowAllData));
		936	+ for (const child of returnData) {
		937	+ const iIndex = newsearchColumnShowData.findIndex(item => item.sName === child.sName.toString());
		938	+ if (iIndex > -1) {
		939	+ newsearchColumnShowData[iIndex].iOrder = child.iOrder;
		940	+ newsearchColumnShowData[iIndex].sChinese = child.sChinese;
		941	+ newsearchColumnShowData[iIndex].sEnglish = child.sEnglish;
		942	+ newsearchColumnShowData[iIndex].sBig5 = child.sBig5;
		943	+ newsearchColumnShowData[iIndex].iFitWidth = child.iFitWidth;
		944	+ newsearchColumnShowData[iIndex].bShow = child.bShow;
		945	+ newsearchColumnShowData[iIndex].sType = child.sType;
		946	+ newsearchColumnShowData[iIndex].sSql = child.sSql;
		947	+ }
		948	+ }
		949	+ this.props.onSaveState({
		950	+ searchColumnShowData: newsearchColumnShowData,
		951	+ });
		952	+ } else {
		953	+ this.props.onSaveState({
		954	+ searchColumnShowData: JSON.parse(JSON.stringify(searchColumnShowAllData)),
		955	+ });
		956	+ }
		957	+ } else {
		958	+ this.props.getServiceError(dataReturn);
		959	+ }
		960	+ }
		961	+ this.props.onSaveState({
		962	+ columnSettingVisible: true,
		963	+ });
		964	+ }
		965	+ handleDefault = async () => {
		966	+ const { sModelsId, masterData, formSrcRoute } = this.props;
		967	+ const dataUrl = `${commonConfig.server_host}syssearch/updateSyssearch?sModelsId=${sModelsId}&sName=${formSrcRoute}`;
		968	+ const value = {
		969	+ sFormId: sModelsId,
		970	+ sId: masterData.sSearchSolutionId,
		971	+ bDefault: true,
		972	+ };
		973	+ const dataReturn = (await commonServices.postValueService(this.props.app.token, value, dataUrl)).data;
		974	+ if (dataReturn.code === 1) {
		975	+ const returnData = dataReturn.dataset.rows;
		976	+ message.success(dataReturn.msg);
		977	+ await this.componentWillMount(returnData[0].sId);
		978	+ } else {
		979	+ this.props.getServiceError(dataReturn);
		980	+ }
		981	+ }
		982	+
		983	+ handleOk = (e) => {
		984	+ e.preventDefault();
		985	+ this.props.form.validateFields(async (err) => {
		986	+ /* 验证通过与不通过走不同的流程 */
		987	+ if (err) { /* 验证失败 */
		988	+ /* 直接渲染显示错误提示 */
		989	+ for (const sFieldName of Object.keys(err)) {
		990	+ message.error(err[sFieldName].errors[0].message);
		991	+ }
		992	+ } else { /* 验证成功 */
		993	+ const {
		994	+ sModelsId, masterData, searchRowKeys, formSrcRoute,
		995	+ } = this.props;
		996	+ const dataUrl = `${commonConfig.server_host}syssearch/addSyssearch?sModelsId=${sModelsId}&sName=${formSrcRoute}`;
		997	+ const filterCondition = [];
		998	+ searchRowKeys.map((key) => {
		999	+ const { [`sFirst-${key}`]: sFirstValue, [`sSecond-${key}`]: sSecondValue } = masterData;
		1000	+ const firstDataIndex = commonUtils.isEmpty(sFirstValue) ? 's' :
		1001	+ (sSecondValue === 'betweenTime' \|\| sSecondValue === 'between' \|\| sSecondValue === 'betweenDay' \|\| sSecondValue === 'betweenYestday' \|\| sSecondValue === 'week' \|\| sSecondValue === 'weekhPre' \|\| sSecondValue === 'month' \|\| sSecondValue === 'monthPre') && sFirstValue.substring(0, 1) === 't' ? 'p' : sFirstValue.substring(0, 1);
		1002	+ const sThirdName = `${firstDataIndex}Third-${key}`;
		1003	+ const thirdValue = masterData[sThirdName] === undefined ? '' : masterData[sThirdName]; /* 不过滤空条件 */
		1004	+ if (thirdValue !== undefined) {
		1005	+ if (firstDataIndex === 'p') {
		1006	+ const tStartDate = commonUtils.isNotEmptyObject(thirdValue[0]) ? moment(thirdValue[0]).format(this.sDateFormat) : null;
		1007	+ const tEndDate = commonUtils.isNotEmptyObject(thirdValue[0]) ? moment(thirdValue[1]).add(1, 'days').format(this.sDateFormat) : null;
		1008	+ let bFilterNewValue = `${tStartDate},${tEndDate}`;
		1009	+ if(sSecondValue === 'betweenDay' \|\| sSecondValue === 'betweenYestday') {
		1010	+ bFilterNewValue = '';
		1011	+ }
		1012	+ filterCondition.push({
		1013	+ bFilterName: sFirstValue,
		1014	+ bFilterCondition: sSecondValue,
		1015	+ bFilterValue: bFilterNewValue,
		1016	+ });
		1017	+ } else if (firstDataIndex === 't') {
		1018	+ filterCondition.push({
		1019	+ bFilterName: sFirstValue,
		1020	+ bFilterCondition: sSecondValue,
		1021	+ bFilterValue: moment(thirdValue).format(this.sDateFormat),
		1022	+ });
		1023	+ } else {
		1024	+ filterCondition.push({
		1025	+ bFilterName: sFirstValue,
		1026	+ bFilterCondition: sSecondValue,
		1027	+ bFilterValue: thirdValue,
		1028	+ });
		1029	+ }
		1030	+ }
		1031	+ return true;
		1032	+ });
		1033	+ const value = {
		1034	+ sFormId: sModelsId,
		1035	+ sCondition: filterCondition,
		1036	+ sName: masterData.sSolutionName,
		1037	+ };
		1038	+ const dataReturn = (await commonServices.postValueService(this.props.app.token, value, dataUrl)).data;
		1039	+ if (dataReturn.code === 1) {
		1040	+ const returnData = dataReturn.dataset.rows;
		1041	+ message.success(dataReturn.msg);
		1042	+ await this.componentWillMount(returnData[0].sId);
		1043	+ } else {
		1044	+ this.props.getServiceError(dataReturn);
		1045	+ }
		1046	+ }
		1047	+ });
		1048	+ };
		1049	+
		1050	+ handleSolutionNameOk = (e) => {
		1051	+ e.preventDefault();
		1052	+ this.props.form.validateFields(async (err) => {
		1053	+ /* 验证通过与不通过走不同的流程 */
		1054	+ if (err) { /* 验证失败 */
		1055	+ /* 直接渲染显示错误提示 */
		1056	+ for (const sFieldName of Object.keys(err)) {
		1057	+ message.error(err[sFieldName].errors[0].message);
		1058	+ }
		1059	+ } else { /* 验证成功 */
		1060	+ const {
		1061	+ sModelsId, masterData, searchRowKeys, formSrcRoute,
		1062	+ } = this.props;
		1063	+ const dataUrl = `${commonConfig.server_host}syssearch/updateSyssearch?sModelsId=${sModelsId}&sName=${formSrcRoute}`;
		1064	+ const filterCondition = [];
		1065	+ searchRowKeys.map((key) => {
		1066	+ const { [`sFirst-${key}`]: sFirstValue, [`sSecond-${key}`]: sSecondValue } = masterData;
		1067	+ const firstDataIndex = commonUtils.isEmpty(sFirstValue) ? 's' :
		1068	+ (sSecondValue === 'betweenTime' \|\| sSecondValue === 'between' \|\| sSecondValue === 'betweenDay' \|\| sSecondValue === 'betweenYestday'\|\| sSecondValue === 'week' \|\| sSecondValue === 'weekPre' \|\| sSecondValue === 'month' \|\| sSecondValue === 'monthPre') && sFirstValue.substring(0, 1) === 't' ? 'p' : sFirstValue.substring(0, 1);
		1069	+ const sThirdName = `${firstDataIndex}Third-${key}`;
		1070	+ const thirdValue = masterData[sThirdName] === undefined ? '' : masterData[sThirdName]; /* 不过滤空条件 */
		1071	+ if (thirdValue !== undefined) {
		1072	+ if (firstDataIndex === 'p') {
		1073	+ const tStartDate = moment(thirdValue[0]).format(this.sDateFormat);
		1074	+ const tEndDate = moment(thirdValue[1]).add(1, 'days').format(this.sDateFormat);
		1075	+ let bFilterNewValue = `${tStartDate},${tEndDate}`;
		1076	+ if(sSecondValue === 'betweenDay' \|\| sSecondValue === 'betweenYestday') {
		1077	+ bFilterNewValue = '';
		1078	+ }
		1079	+ filterCondition.push({
		1080	+ bFilterName: sFirstValue,
		1081	+ bFilterCondition: sSecondValue === 'monthPre' ? 'between' : sSecondValue,
		1082	+ bFilterValue: bFilterNewValue,
		1083	+ });
		1084	+ } else if (firstDataIndex === 't') {
		1085	+ filterCondition.push({
		1086	+ bFilterName: sFirstValue,
		1087	+ bFilterCondition: sSecondValue,
		1088	+ bFilterValue: moment(thirdValue).format(this.sDateFormat),
		1089	+ });
		1090	+ } else {
		1091	+ filterCondition.push({
		1092	+ bFilterName: sFirstValue,
		1093	+ bFilterCondition: sSecondValue,
		1094	+ bFilterValue: thirdValue,
		1095	+ });
		1096	+ }
		1097	+ }
		1098	+ return true;
		1099	+ });
		1100	+ const value = {
		1101	+ sFormId: sModelsId,
		1102	+ sCondition: filterCondition,
		1103	+ sName: masterData.sSolutionName,
		1104	+ sId: masterData.sSearchSolutionId,
		1105	+ };
		1106	+ const dataReturn = (await commonServices.postValueService(this.props.app.token, value, dataUrl)).data;
		1107	+ if (dataReturn.code === 1) {
		1108	+ const returnData = dataReturn.dataset.rows;
		1109	+ message.success(dataReturn.msg);
		1110	+ await this.componentWillMount(returnData[0].sId);
		1111	+ } else {
		1112	+ this.props.getServiceError(dataReturn);
		1113	+ }
		1114	+ }
		1115	+ });
		1116	+ };
		1117	+ handleDel = async (e) => {
		1118	+ /* 删除快捷过滤模板 */
		1119	+ e.preventDefault(); /* 防止动画删除 */
		1120	+ const {
		1121	+ slaveConfig, slaveInfoConfig, masterData, sModelsId, formSrcRoute, setSearchSlaveInfo,
		1122	+ } = this.props;
		1123	+ if (commonUtils.isNotEmptyObject(masterData) && !commonUtils.isEmpty(masterData.sSearchSolutionId)) {
		1124	+ const dataUrl = `${commonConfig.server_host}syssearch/deleteSyssearch/${sModelsId}/${masterData.sSearchSolutionId}?sModelsId=${sModelsId}&sName=${formSrcRoute}`;
		1125	+ const dataReturn = (await commonServices.getService(this.props.app.token, dataUrl)).data;
		1126	+ if (dataReturn.code === 1) {
		1127	+ message.success(dataReturn.msg);
		1128	+ await this.componentWillMount();
		1129	+ const { searchSolution } = this.props;
		1130	+ if (commonUtils.isNotEmptyArr(searchSolution)) {
		1131	+ /* 如果初始没有方案,即为[],则进行重置 */
		1132	+ if (searchSolution[0].sCondition === '[]') {
		1133	+ this.handleReset();
		1134	+ }
		1135	+ this.props.onGetData(slaveConfig, JSON.parse(searchSolution[0].sCondition));
		1136	+ if (setSearchSlaveInfo === 'Y') {
		1137	+ if (commonUtils.isNotEmptyObject(slaveInfoConfig)) {
		1138	+ this.props.onGetDataInfo(slaveInfoConfig, JSON.parse(searchSolution[0].sCondition));
		1139	+ }
		1140	+ }
		1141	+ } else {
		1142	+ this.handleReset();
		1143	+ }
		1144	+ } else {
		1145	+ this.props.getServiceError(dataReturn);
		1146	+ }
		1147	+ }
		1148	+ };
		1149	+
		1150	+ handleReset = async () => {
		1151	+ /* 清空搜索条件 */
		1152	+ const { searchColumns, sModelsType } = this.props;
		1153	+ const searchRowKeys = [];
		1154	+ const key = commonUtils.createSid();
		1155	+ const masterData = sModelsType && sModelsType.includes('commonClassify') ? { bCheck: false } : { bCheck: true };
		1156	+ // masterData.sSearchSolutionId = masterDataOld.sSearchSolutionId;
		1157	+ searchRowKeys.push(key);
		1158	+ if (commonUtils.isNotEmptyArr(searchColumns)) {
		1159	+ const sFirstValue = searchColumns[0].sId;
		1160	+ masterData[`sFirst-${key}`] = searchColumns[0].sId;
		1161	+ const firstDataIndex = commonUtils.isEmpty(sFirstValue) ? 's' : sFirstValue.substring(0, 1) === 't' ? 'p' : sFirstValue.substring(0, 1);
		1162	+ masterData[`sSecond-${key}`] = commonConfig.seaJudge[firstDataIndex][0].sId;
		1163	+ const { clearArray } = this.props;
		1164	+ if (!commonUtils.isEmpty(clearArray)) {
		1165	+ for (const item of clearArray) {
		1166	+ const { confirm, clearFilters } = item;
		1167	+ confirm();
		1168	+ clearFilters();
		1169	+ }
		1170	+ }
		1171	+
		1172	+ let obj = {
		1173	+ searchRowKeys,
		1174	+ masterData,
		1175	+ clearArray: [],
		1176	+ searchText: '',
		1177	+ slaveFilterCondition: [],
		1178	+ // slaveGroupColumn: [],
		1179	+ // sGroupByList: [],
		1180	+ // slaveData: [],
		1181	+ // treeFilterCondition: [],
		1182	+ // treeSelectedKeys: [],
		1183	+ // slaveFilterData: [],
		1184	+ // slaveSelectedRowKeys: [],
		1185	+ // slaveSelectedData: [],
		1186	+ };
		1187	+ await this.props.onSaveState(obj);
		1188	+ }
		1189	+ // this.handleSearch();
		1190	+ };
		1191	+
		1192	+ handleCancel = async (modelVisible) => {
		1193	+ /* 关闭弹窗 */
		1194	+ this.props.onSaveState({ [modelVisible]: false });
		1195	+ };
		1196	+ /* 列自定义配置-删除功能 */
		1197	+ handleCloumnSettingDelete = async (modelVisible) => {
		1198	+ /* 关闭弹窗 */
		1199	+ const { masterData, sModelsId, formSrcRoute } = this.props;
		1200	+ const sSearchSolutionId = commonUtils.isNotEmptyObject(masterData) ? masterData.sSearchSolutionId : '';
		1201	+ const deleteUrl = `${commonConfig.server_host}searchgroupby/deleteSearchgroupby/${sModelsId}/${sSearchSolutionId}?sModelsId=${sModelsId}&sName=${formSrcRoute}`;
		1202	+ const dataReturn = (await commonServices.getService(this.props.app.token, deleteUrl)).data;
		1203	+ if (dataReturn.code === 1) {
		1204	+ message.success(dataReturn.msg);
		1205	+ await this.componentWillMount(sSearchSolutionId); /* 搜索刷新下拉方案 */
		1206	+ this.handleSearch();
		1207	+ this.props.onSaveState({ slaveGroupColumn: [], [modelVisible]: false });
		1208	+ } else {
		1209	+ this.props.getServiceError(dataReturn);
		1210	+ }
		1211	+ };
		1212	+ /* 列自定义配置窗体保存功能 */
		1213	+ handleColumnSettingSave =async (modelVisible) => {
		1214	+ /* 获取勾选是否显示的列的数据/拿到显示参数/调用接口 */
		1215	+ const {
		1216	+ searchColumnShowData, masterData, sModelsId, formSrcRoute,
		1217	+ } = this.props;
		1218	+ const sSearchSolutionId = commonUtils.isNotEmptyObject(masterData) ? masterData.sSearchSolutionId : '';
		1219	+ const sSearchgroupbyData = searchColumnShowData.filter(item => item.bShow);
		1220	+ const addurl = `${commonConfig.server_host}/searchgroupby/addSearchgroupby?token=token&sModelsId=${sModelsId}&sName=${formSrcRoute}`;
		1221	+ /* 参数 */
		1222	+ const body = {
		1223	+ sFormId: sModelsId,
		1224	+ sSearchId: sSearchSolutionId,
		1225	+ sSearchgroupbyData,
		1226	+ };
		1227	+ // /* 获取数据 */
		1228	+ const json = await commonServices.postValueService(this.props.app.token, body, addurl);
		1229	+ /* code为1代表获取数据成功 */
		1230	+ if (json.data.code === 1) {
		1231	+ message.success(json.data.msg);
		1232	+ /* 刷新查询方案 */
		1233	+ await this.componentWillMount(sSearchSolutionId);
		1234	+ this.handleCloumnSettingSearch(modelVisible, sSearchgroupbyData);
		1235	+ } else {
		1236	+ message.error(json.data.msg);
		1237	+ }
		1238	+ }
		1239	+
		1240	+ /* 列自定义配置-查询结果 */
		1241	+ handleCloumnSettingSearch = (modelVisible, sGroupByList) => {
		1242	+ /* 查询结果 */
		1243	+ /* 表头替换，数据集替换 */
		1244	+ const {
		1245	+ searchColumnShowData, slaveConfig, slaveInfoConfig, slaveFilterCondition, setSearchSlaveInfo,
		1246	+ } = this.props;
		1247	+ const column = [];
		1248	+ for (const child of searchColumnShowData) {
		1249	+ if (child.sName !== '' && child.bShow) {
		1250	+ column.push({
		1251	+ title: child.sChinese,
		1252	+ dataIndex: child.sName,
		1253	+ width: child.iFitWidth,
		1254	+ bFind: true,
		1255	+ bNotEmpty: false,
		1256	+ });
		1257	+ }
		1258	+ }
		1259	+ /* 调handleSearch搜索 */
		1260	+ this.props.onGetData(slaveConfig, slaveFilterCondition, '', '', '', '', sGroupByList);
		1261	+ if (setSearchSlaveInfo === 'Y') {
		1262	+ if (commonUtils.isNotEmptyObject(slaveInfoConfig)) {
		1263	+ this.props.onGetDataInfo(slaveInfoConfig, slaveFilterCondition);
		1264	+ }
		1265	+ }
		1266	+ this.props.onSaveState({
		1267	+ slaveGroupColumn: column,
		1268	+ [modelVisible]: false,
		1269	+ sGroupByList,
		1270	+ });
		1271	+ };
		1272	+ /* 在类中添加一个方法用于处理多语言转换*/
		1273	+ getTranslatedSeaJudge = (type, sLanguage) => {
		1274	+ const { seaJudge } = commonConfig;
		1275	+ const judgeMap = seaJudge[type] \|\| [];
		1276	+
		1277	+ // 定义翻译映射
		1278	+ const translations = {
		1279	+ sEnglish: {
		1280	+ '包含': 'Contains',
		1281	+ '不包含': 'Not Contains',
		1282	+ '等于': 'Equal',
		1283	+ '大于': 'Greater Than',
		1284	+ '小于': 'Less Than',
		1285	+ '大于等于': 'Greater Than or Equal',
		1286	+ '小于等于': 'Less Than or Equal',
		1287	+ '区间': 'Between',
		1288	+ '区间(默认今天)': 'Between (Default Today)',
		1289	+ '区间(默认昨天)': 'Between (Default Yesterday)',
		1290	+ '区间时间': 'Between Time',
		1291	+ '今日': 'Today',
		1292	+ '今日未清': 'Unfinished Today',
		1293	+ '今天之前': 'Before Today',
		1294	+ '明天之前': 'Before Tomorrow',
		1295	+ '后天之前': 'Before Day After Tomorrow',
		1296	+ '本月': 'This Month',
		1297	+ '上月': 'Last Month',
		1298	+ '本周': 'This Week',
		1299	+ '上周': 'Last Week',
		1300	+ '本期间': 'This Period'
		1301	+ },
		1302	+ sBig5: {
		1303	+ '包含': '包含',
		1304	+ '不包含': '不包含',
		1305	+ '等于': '等於',
		1306	+ '大于': '大於',
		1307	+ '小于': '小於',
		1308	+ '大于等于': '大於等於',
		1309	+ '小于等于': '小於等於',
		1310	+ '区间': '區間',
		1311	+ '区间(默认今天)': '區間(默認今天)',
		1312	+ '区间(默认昨天)': '區間(默認昨天)',
		1313	+ '区间时间': '區間時間',
		1314	+ '今日': '今日',
		1315	+ '今日未清': '今日未清',
		1316	+ '今天之前': '今天之前',
		1317	+ '明天之前': '明天之前',
		1318	+ '后天之前': '後天之前',
		1319	+ '本月': '本月',
		1320	+ '上月': '上月',
		1321	+ '本周': '本周',
		1322	+ '上周': '上周',
		1323	+ '本期间': '本期間'
		1324	+ }
		1325	+ };
		1326	+
		1327	+ if (sLanguage === 'sEnglish' \|\| sLanguage === 'sBig5') {
		1328	+ return judgeMap.map(item => ({
		1329	+ ...item,
		1330	+ value: translations[sLanguage][item.value] \|\| item.value
		1331	+ }));
		1332	+ }
		1333	+
		1334	+ return judgeMap;
		1335	+};
		1336	+
		1337	+ render() {
		1338	+ const {
		1339	+ searchSolution, searchColumns, expand, activeTagId, sType, modalVisible, modalSolutionNameVisible, confirmLoading, masterData, columnSettingVisible, app,
		1340	+ } = this.props;
		1341	+ const highlightColor = true;
		1342	+ const showSearchSolutionConfig = {
		1343	+ sId: commonUtils.createSid(),
		1344	+ sName: 'sSearchSolutionId',
		1345	+ sDropDownType: 'sql',
		1346	+ iVisCount: 1,
		1347	+ sVisColumnName: 'sName',
		1348	+ dropDownData: searchSolution,
		1349	+ placeholder: commonFunc.showMessage(app.commonConst, 'pleaseChooseSolution'), /* 请选择方案 */
		1350	+ };
		1351	+ const showTypeSearchSolutionProps = this.handleSearchProps(showSearchSolutionConfig);
		1352	+ showTypeSearchSolutionProps.formItemLayout = { wrapperCol: { span: 24 } };
		1353	+ /* 过滤另存方案界面显示 */
		1354	+ const showSolutionNameConfig = {
		1355	+ sId: commonUtils.createSid(),
		1356	+ sName: 'sSolutionName',
		1357	+ sDropDownType: '',
		1358	+ bNotEmpty: modalVisible,
		1359	+ showName: commonFunc.showMessage(app.commonConst, 'solutionName'), /* 方案名称 */
		1360	+ };
		1361	+ /* 修改方案名称界面显示 */
		1362	+ const updSolutionNameConfig = {
		1363	+ sId: commonUtils.createSid(),
		1364	+ sName: 'sSolutionName',
		1365	+ sDropDownType: '',
		1366	+ bNotEmpty: modalSolutionNameVisible,
		1367	+ showName: commonFunc.showMessage(app.commonConst, 'solutionName'), /* 方案名称 */
		1368	+ };
		1369	+ let bBtnDelDisabled = false;
		1370	+ let bBtnColumnSetting = false;/* 列显示配置按钮是否可用 */
		1371	+ if (commonUtils.isNotEmptyArr(searchSolution) && commonUtils.isNotEmptyObject(masterData)) {
		1372	+ const iIndex = searchSolution.findIndex(item => item.sId === masterData.sSearchSolutionId);
		1373	+ if (iIndex > -1) {
		1374	+ bBtnDelDisabled = this.props.app.userinfo.sType !== 'sysadmin' && searchSolution[iIndex].sType === 'common';
		1375	+ bBtnColumnSetting = bBtnDelDisabled;
		1376	+ }
		1377	+ /* 清空方案时,列显示配置按钮不可用 */
		1378	+ const sSearchSolutionId = commonUtils.isNotEmptyObject(masterData.sSearchSolutionId) ? masterData.sSearchSolutionId : '';
		1379	+ if (commonUtils.isEmptyObject(sSearchSolutionId)) {
		1380	+ bBtnColumnSetting = true;
		1381	+ }
		1382	+ } else {
		1383	+ bBtnColumnSetting = true; /* 没有方案时 */
		1384	+ }
		1385	+ const showTypeSolutionNameProps = this.handleSearchProps(showSolutionNameConfig);
		1386	+ const updSolutionNameConfigProps = this.handleSearchProps(updSolutionNameConfig);/* 修改方案名称 */
		1387	+ /* 列自定义配置 */
		1388	+ const searchColumnShowProps = {
		1389	+ ...commonBusiness.getTableTypes('searchColumnShow', this.props),
		1390	+ tableBelone: 'table',
		1391	+ enabled: true,
		1392	+ onDoubleClick: undefined,
		1393	+ sUseInfo: '',
		1394	+ tableProps: { rowKey: 'sId', AutoTableHeight: 450 },
		1395	+ };
		1396	+ const AddCondition = commonFunc.showMessage(app.commonConst, 'AddCondition');/* 添加条件 */
		1397	+ const BtnSave = commonFunc.showMessage(app.commonConst, 'BtnSave');/* 保存 */
		1398	+ const BtnUpd = commonFunc.showMessage(app.commonConst, 'BtnUpd');/* 修改 */
		1399	+ const setDelete = commonFunc.showMessage(app.commonConst, 'setDelete');/* 删除 */
		1400	+ const setDefault = commonFunc.showMessage(app.commonConst, 'setDefault');/* 设置默认 */
		1401	+ const columnDisplaySetting = commonFunc.showMessage(app.commonConst, 'ColumnDisplaySetting');/* 列显示配置 */
		1402	+ const btnSearch = commonFunc.showMessage(app.commonConst, 'btnSearch');/* 搜索 */
		1403	+ const clearOut = commonFunc.showMessage(app.commonConst, 'ClearOut');/* 清空 */
		1404	+ const btnSaveAndSearch = commonFunc.showMessage(app.commonConst, 'btnSaveAndSearch');/* 保存并查询 */
		1405	+ const solutionFilterSave = commonFunc.showMessage(app.commonConst, 'solutionFilterSave');
		1406	+ const solutionFilterNameUpd = commonFunc.showMessage(app.commonConst, 'solutionFilterNameUpd');
		1407	+
		1408	+ const modalCom = (
		1409	+ <AntdDraggableModal
		1410	+ visible={modalVisible}
		1411	+ title={solutionFilterSave}
		1412	+ onOk={e => setTimeout(() => {
		1413	+ this.handleOk(e);
		1414	+ }, 300)}
		1415	+ onCancel={this.handleCancel.bind(this, 'modalVisible')}
		1416	+ okText="确认"
		1417	+ cancelText="取消"
		1418	+ confirmLoading={confirmLoading}
		1419	+ maskClosable={false}
		1420	+ >
		1421	+ <FormItem>
		1422	+ <ShowType {...showTypeSolutionNameProps} />
		1423	+ </FormItem>
		1424	+ </AntdDraggableModal>
		1425	+ );
		1426	+ const modalSolutionNameCom = (
		1427	+ <AntdDraggableModal visible={modalSolutionNameVisible} title={solutionFilterNameUpd} onOk={this.handleSolutionNameOk} onCancel={this.handleCancel.bind(this, 'modalSolutionNameVisible')} okText="确认" cancelText="取消" confirmLoading={confirmLoading} maskClosable={false}>
		1428	+ <FormItem>
		1429	+ <ShowType {...updSolutionNameConfigProps} />
		1430	+ </FormItem>
		1431	+ </AntdDraggableModal>
		1432	+ );
		1433	+ const columnSettingCom = (
		1434	+ <AntdDraggableModal
		1435	+ bodyStyle={{ paddingBottom: 0, maxHeight: 460, zIndex: 2000 }}
		1436	+ width={1100}
		1437	+ title={columnDisplaySetting}
		1438	+ onCancel={this.handleCancel.bind(this, 'columnSettingVisible')}
		1439	+ visible={columnSettingVisible}
		1440	+ footer={[
		1441	+ <Button key="back" onClick={this.handleCloumnSettingDelete.bind(this, 'columnSettingVisible')}>{setDelete}</Button>,
		1442	+ <Button key="primary" onClick={this.handleColumnSettingSave.bind(this, 'columnSettingVisible')}>{btnSaveAndSearch}</Button>,
		1443	+ ]}
		1444	+ >
		1445	+ <div id="searchColumn">
		1446	+ <div style={{ marginTop: 0, height: '500px', overflowY: 'hidden' }} >
		1447	+ <StaticEditTable {...searchColumnShowProps} noVlist />
		1448	+ </div>
		1449	+ </div>
		1450	+ </AntdDraggableModal>
		1451	+ );
		1452	+ return (
		1453	+ <div style={{ overFlow: 'hidden', maxHeight: '100%' }}>
		1454	+ {commonUtils.isEmptyArr(searchColumns) ? '' :
		1455	+ <div className={`${styles.fastFilter} searchComponentContainer_${app.currentPane.key \|\| 0}`}>
		1456	+ <div className={styles.solutionList} >
		1457	+ <ShowType {...showTypeSearchSolutionProps} placeholder={commonFunc.showMessage(app.commonConst, 'pleaseChooseSolution')} />
		1458	+ </div>
		1459	+ <div className={`${styles.advRow} ${expand ? styles.advRowActive : ''}`}>
		1460	+ <div className={styles.filterList}>
		1461	+ {this.handleFields(searchColumns)}
		1462	+ <div className={styles.filterBtn}>
		1463	+ {
		1464	+ (activeTagId === 'default' \|\| (sType === 'common' && this.props.app.userinfo.sType !== 'sysadmin')) ?
		1465	+ <Row>
		1466	+ <Col span={20}>
		1467	+ <div className={styles.advButton}>
		1468	+ <Button
		1469	+ type="primary"
		1470	+ onClick={this.handleAdd}
		1471	+ >
		1472	+ <PlusOutlined /> {AddCondition}
		1473	+ </Button>
		1474	+ </div>
		1475	+ </Col>
		1476	+ <Col span={4}>
		1477	+ <div className={styles.advButton}>
		1478	+ <Button onClick={this.handleSave}>
		1479	+ {BtnSave}
		1480	+ </Button>
		1481	+ </div>
		1482	+ </Col>
		1483	+ </Row>
		1484	+ :
		1485	+ <Row>
		1486	+ <Col span={4}>
		1487	+ <div className={styles.advButton}>
		1488	+ <Button
		1489	+ type="primary"
		1490	+ onClick={this.handleAdd}
		1491	+ >{AddCondition}
		1492	+ </Button>
		1493	+ </div>
		1494	+ </Col>
		1495	+ <Col span={3}>
		1496	+ <div className={styles.advButton}>
		1497	+ <Button onClick={this.handleSave}>
		1498	+ {BtnSave}
		1499	+ </Button>
		1500	+ </div>
		1501	+ </Col>
		1502	+ <Col span={3}>
		1503	+ <div className={styles.advButton}>
		1504	+ <Button onClick={this.handleUpd} disabled={bBtnDelDisabled}>
		1505	+ {BtnUpd}
		1506	+ </Button>
		1507	+ </div>
		1508	+ </Col>
		1509	+ <Col span={3}>
		1510	+ <div className={styles.advButton}>
		1511	+ <Button type="danger" onClick={this.handleDel} disabled={bBtnDelDisabled}>
		1512	+ {setDelete}
		1513	+ </Button>
		1514	+ </div>
		1515	+ </Col>
		1516	+ <Col span={4}>
		1517	+ <div className={styles.advButton}>
		1518	+ <Button onClick={this.handleDefault}>
		1519	+ {setDefault}
		1520	+ </Button>
		1521	+ </div>
		1522	+ </Col>
		1523	+ <Col span={7}>
		1524	+ <div className={styles.advButton}>
		1525	+ <Button
		1526	+ type="primary"
		1527	+ onClick={this.handleSaveColumnSetting}
		1528	+ disabled={bBtnColumnSetting}
		1529	+ >
		1530	+ {columnDisplaySetting}
		1531	+ <SettingOutlined />
		1532	+ </Button>
		1533	+ </div>
		1534	+ </Col>
		1535	+ </Row>
		1536	+ }
		1537	+ </div>
		1538	+ </div>
		1539	+ </div>
		1540	+ <div className={styles.toggleBtn}>
		1541	+ <Button type="primary" className={highlightColor ? styles.advTogIcon_Highlight : styles.advTogIcon_Gray} onClick={this.handeToggle} icon={<LegacyIcon type={expand ? 'up' : 'down'} />} />
		1542	+ </div>
		1543	+ <div className={styles.advCol}>
		1544	+ <Space>
		1545	+ <Button type="primary" onClick={this.handleSearch} className="search-btn"><SvgIcon iconClass="search" offsetY="2" size="12" fill="#fff"></SvgIcon> {btnSearch}</Button>
		1546	+ <Button type="default" className="reset-btn" onClick={this.handleReset}><SvgIcon iconClass="close" offsetY="2" size="12" fill="rgba(0, 0, 0, 0.85)"></SvgIcon> {clearOut}</Button>
		1547	+ </Space>
		1548	+ </div>
		1549	+ {modalVisible && modalCom}
		1550	+ {modalSolutionNameVisible && modalSolutionNameCom}
		1551	+ {columnSettingVisible && columnSettingCom}
		1552	+ </div>
		1553	+ }
		1554	+ </div>
		1555	+ );
		1556	+ }
		1557	+}

src/components/Common/SearchTabComponent/index.less 0 → 100644

View file @9de8ae1

		1	+@import '~@/variable.less';
		2	+.fastFilter {
		3	+ position: relative;
		4	+ background: #fff;
		5	+ margin: 0 10px;
		6	+ padding: 10px 8px 3px 8px;
		7	+ z-index: 20;
		8	+ .clear_both();
		9	+ .solutionList{
		10	+ width: 180px;
		11	+ float: left;
		12	+ .clear_both();
		13	+ }
		14	+ .advRow {
		15	+ float: left;
		16	+ width: 600px;
		17	+ height: 34px;
		18	+ overflow: hidden;
		19	+ position: relative;
		20	+ .clear_both();
		21	+ .filterList{
		22	+ padding-left: 8px;
		23	+ position: absolute;
		24	+ top: 0;
		25	+ left: 0;
		26	+ z-index: 10;
		27	+ width: 100%;
		28	+ background: #fff;
		29	+ .filterBtn{
		30	+ display: none;
		31	+ width: 100%;
		32	+ }
		33	+ }
		34	+ }
		35	+ .advRowActive {
		36	+ overflow: unset;
		37	+ .filterList{
		38	+ padding-top: 8px;
		39	+ background: #eef1f6;
		40	+ box-shadow: 0 0 1px 1px @active_color;
		41	+ .filterBtn{
		42	+ display: block;
		43	+ }
		44	+ }
		45	+ }
		46	+ .toggleBtn{
		47	+ width: 32px;
		48	+ margin-left: 8px;
		49	+ float: left;
		50	+ }
		51	+ .advCol {
		52	+ float: left;
		53	+ margin-left: 16px;
		54	+ }
		55	+}
		56	+.addFilterBox {
		57	+ display: block;
		58	+ overflow: hidden;
		59	+ position: relative;
		60	+ z-index: 9;
		61	+ margin-bottom: 0px;
		62	+ padding-right: 36px;
		63	+ height: 34px;
		64	+ &:first-child{
		65	+ .removeBtn{
		66	+ display: none;
		67	+ }
		68	+ }
		69	+ .removeBtn{
		70	+ position: absolute;
		71	+ top: 9px;
		72	+ right: 11px;
		73	+ z-index: 5;
		74	+ }
		75	+}
		76	+.minuseIcon {
		77	+ position: absolute;
		78	+ right: 1px;
		79	+ top: -5px;
		80	+ z-index: 10
		81	+}
		82	+
		83	+.advButton {
		84	+ position: relative;
		85	+ margin-right: 7px;
		86	+ margin-bottom: 7px;
		87	+}
		88	+
		89	+.advButton button {
		90	+ width: 100%;
		91	+}
		92	+