vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

取消levels接口，限制classifications接口仅为申万行业接口

Browse Source
This commit is contained in:
zzlgreat
2025-10-24 11:47:48 +08:00
parent 246adf4538
commit 62d6487cbb
2 changed files with 90 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

212
src/views/Community/components/EventFilters.js
View File

@@ -1,6 +1,6 @@
// src/views/Community/components/EventFilters.js
import React, { useState, useEffect } from 'react';
import { Card, Row, Col, DatePicker, Button, Select, Form, Input } from 'antd';
import { Card, Row, Col, DatePicker, Button, Select, Form, Input, Cascader } from 'antd';
import { FilterOutlined } from '@ant-design/icons';
import moment from 'moment';
import locale from 'antd/es/date-picker/locale/zh_CN';
@@ -12,13 +12,7 @@ const { Option } = Select;
const EventFilters = ({ filters, onFilterChange, loading }) => {
const [form] = Form.useForm();
const [industryData, setIndustryData] = useState({
classifications: [],
level1: [],
level2: [],
level3: [],
level4: []
});
const [industryOptions, setIndustryOptions] = useState([]);
// 初始化表单值
useEffect(() => {
@@ -26,43 +20,26 @@ const EventFilters = ({ filters, onFilterChange, loading }) => {
date_range: filters.date_range ? filters.date_range.split(' 至 ').map(d => moment(d)) : null,
sort: filters.sort,
importance: filters.importance,
industry_classification: filters.industry_classification,
industry_code: filters.industry_code
industry_code: filters.industry_code ? filters.industry_code.split(',') : []
};
form.setFieldsValue(initialValues);
}, [filters, form]);
// 加载行业分类数据
// 加载申银万国行业分类树形数据
const loadIndustryClassifications = async () => {
try {
const response = await industryService.getClassifications();
setIndustryData(prev => ({ ...prev, classifications: response.data }));
logger.debug('EventFilters', '行业分类加载成功', {
count: response.data?.length || 0
});
if (response.success && response.data) {
setIndustryOptions(response.data);
logger.debug('EventFilters', '申银万国行业分类加载成功', {
count: response.data?.length || 0
});
}
} catch (error) {
logger.error('EventFilters', 'loadIndustryClassifications', error);
}
};
// 加载行业层级数据
const loadIndustryLevels = async (level, params) => {
try {
const response = await industryService.getLevels(params);
setIndustryData(prev => ({ ...prev, [`level${level}`]: response.data }));
// 清空下级
for (let l = level + 1; l <= 4; l++) {
setIndustryData(prev => ({ ...prev, [`level${l}`]: [] }));
}
logger.debug('EventFilters', '行业层级数据加载成功', {
level,
count: response.data?.length || 0
});
} catch (error) {
logger.error('EventFilters', 'loadIndustryLevels', error, { level, params });
}
};
useEffect(() => {
loadIndustryClassifications();
}, []);
@@ -84,54 +61,61 @@ const EventFilters = ({ filters, onFilterChange, loading }) => {
onFilterChange('importance', value);
};
// 行业分类体系变化时，加载一级行业
const handleIndustryClassificationChange = (value) => {
form.setFieldsValue({ industry_code: '' });
onFilterChange('industry_classification', value);
setIndustryData(prev => ({ ...prev, level1: [], level2: [], level3: [], level4: [] }));
if (value) {
loadIndustryLevels(1, { classification: value, level: 1 });
// 收集所有叶子节点的 value（递归）
const collectLeafValues = (node) => {
// 如果没有子节点，说明是叶子节点
if (!node.children || node.children.length === 0) {
return [node.value];
}
// 有子节点，递归收集所有子节点的叶子节点
let leafValues = [];
node.children.forEach(child => {
leafValues = leafValues.concat(collectLeafValues(child));
});
return leafValues;
};
// 级联选择行业
const handleLevelChange = (level, value) => {
// 直接从state里查找name
let name = '';
if (level === 1) {
const found = industryData.level1.find(item => item.code === value);
name = found ? found.name : '';
} else if (level === 2) {
const found = industryData.level2.find(item => item.code === value);
name = found ? found.name : '';
} else if (level === 3) {
const found = industryData.level3.find(item => item.code === value);
name = found ? found.name : '';
} else if (level === 4) {
const found = industryData.level4.find(item => item.code === value);
name = found ? found.name : '';
// 根据级联路径找到对应的节点
const findNodeByPath = (options, path) => {
let current = options;
let node = null;
for (let i = 0; i < path.length; i++) {
node = current.find(item => item.value === path[i]);
if (!node) return null;
if (i < path.length - 1) {
current = node.children || [];
}
}
form.setFieldsValue({ [`level${level}`]: value });
form.setFieldsValue({ industry_code: value });
onFilterChange('industry_code', value);
for (let l = level + 1; l <= 4; l++) {
form.setFieldsValue({ [`level${l}`]: undefined });
return node;
};
// 行业级联选择变化
const handleIndustryChange = (value, selectedOptions) => {
if (!value || value.length === 0) {
onFilterChange('industry_code', '');
return;
}
const params = { classification: form.getFieldValue('industry_classification'), level: level + 1 };
if (level === 1) params.level1_name = name;
if (level === 2) {
params.level1_name = form.getFieldValue('level1_name');
params.level2_name = name;
// 获取选中的节点
const selectedNode = findNodeByPath(industryOptions, value);
if (!selectedNode) {
// 如果找不到节点，使用最后一个值
onFilterChange('industry_code', value[value.length - 1]);
return;
}
if (level === 3) {
params.level1_name = form.getFieldValue('level1_name');
params.level2_name = form.getFieldValue('level2_name');
params.level3_name = name;
// 如果选中的节点有子节点，收集所有叶子节点的 value
// 这样可以匹配该级别下的所有事件
if (selectedNode.children && selectedNode.children.length > 0) {
const leafValues = collectLeafValues(selectedNode);
onFilterChange('industry_code', leafValues.join(','));
} else {
// 叶子节点，直接使用该 value
onFilterChange('industry_code', selectedNode.value);
}
if (level < 4 && name) {
loadIndustryLevels(level + 1, params);
}
form.setFieldsValue({ [`level${level}_name`]: name });
};
return (
@@ -177,74 +161,22 @@ const EventFilters = ({ filters, onFilterChange, loading }) => {
</Row>
<Row gutter={16}>
<Col span={6}>
<Form.Item label="行业分类" name="industry_classification">
<Select
placeholder="选择行业分类体系"
onChange={handleIndustryClassificationChange}
<Col span={24}>
<Form.Item label="申银万国行业分类" name="industry_cascade">
<Cascader
options={industryOptions}
onChange={handleIndustryChange}
placeholder="请选择行业（支持选择任意级别）"
changeOnSelect
showSearch={{
filter: (inputValue, path) =>
path.some(option => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1)
}}
disabled={loading}
allowClear
>
{industryData.classifications.map(item => (
<Option key={item.name} value={item.name}>{item.name}</Option>
))}
</Select>
</Form.Item>
</Col>
<Col span={4}>
<Form.Item label="一级行业" name="level1">
<Select
placeholder="选择一级行业"
onChange={value => handleLevelChange(1, value)}
disabled={loading || !form.getFieldValue('industry_classification')}
allowClear
>
{industryData.level1.map(item => (
<Option key={item.code} value={item.code} data-name={item.name}>{item.name}</Option>
))}
</Select>
</Form.Item>
</Col>
<Col span={4}>
<Form.Item label="二级行业" name="level2">
<Select
placeholder="选择二级行业"
onChange={value => handleLevelChange(2, value)}
disabled={loading || !form.getFieldValue('level1')}
allowClear
>
{industryData.level2.map(item => (
<Option key={item.code} value={item.code} data-name={item.name}>{item.name}</Option>
))}
</Select>
</Form.Item>
</Col>
<Col span={4}>
<Form.Item label="三级行业" name="level3">
<Select
placeholder="选择三级行业"
onChange={value => handleLevelChange(3, value)}
disabled={loading || !form.getFieldValue('level2')}
allowClear
>
{industryData.level3.map(item => (
<Option key={item.code} value={item.code} data-name={item.name}>{item.name}</Option>
))}
</Select>
</Form.Item>
</Col>
<Col span={4}>
<Form.Item label="四级行业" name="level4">
<Select
placeholder="选择四级行业"
onChange={value => handleLevelChange(4, value)}
disabled={loading || !form.getFieldValue('level3')}
allowClear
>
{industryData.level4.map(item => (
<Option key={item.code} value={item.code} data-name={item.name}>{item.name}</Option>
))}
</Select>
style={{ width: '100%' }}
displayRender={(labels) => labels.join(' / ')}
/>
</Form.Item>
</Col>
</Row>