# 3. 策划规划与设计类-上海市生态环境治理政策模拟与评估重点实验室

**Source**: https://fdeep.fudan.edu.cn/_upload/tpl/16/e7/5863/template5863/displayinfo-H1c.htm
**Parent**: https://fdeep.fudan.edu.cn/

|  |  |  |  |
| --- | --- | --- | --- |
|  |  |  |  |

[首页](main.htm)
[概况](displayinfo.htm)
[团队](displayinfo-F.htm)
[科研](displayinfo-E.htm)
[服务](displayinfo-H.htm)

|  |  |  |  |
| --- | --- | --- | --- |
|  | 服务 | [服务内容](displayinfo-H.htm) [联系我们](displayinfo-H2.htm) |  |

|  |  |  |
| --- | --- | --- |
| 服务内容 |  | 3. 策划规划与设计类 |
| [1. 政策与应用研究类](displayinfo-H.htm) |  | 策划规划与设计类服务致力于为区域绿色发展和生态环境保护打造系统性方案。该服务融合多学科知识，精准把握区域资源条件与发展需求，旨在实现经济建设与生态保护的深度融合与协同发展。从宏观层面出发，通过制定战略规划和行动计划，推动资源高效利用及绿色转型，助力区域在经济发展中充分考虑生态承载力，形成可持续的发展模式。另外，在空间规划与生态景观设计领域，运用景观生态学等多学科知识，进行从宏观到微观尺度的设计，旨在提升区域生态服务功能与土地利用效率，构建人与自然和谐共生的空间格局。    代表项目： - 福州市、黄山市等区域五年生态环境保护规划 - 新安江流域、二龙山水库流域、盘阳河流域等流域生态环境保护总体规划 - 本溪市城市环境总体规划 - 张槎北部片区概念规划（滨水长廊项目） - 贵州省思南白鹭湖国家湿地公园保护与开发项目修建性详细规划项目 - 广元市城市生态修复和城市修补专项规划 - 平顶山市北部山体生态修复暨文化休闲区总体规划 - 三江汇未来城市生态修复专项规划 - 长江江岸带生态系统功能优化与生态修复研究 - 长江下游河湖近岸水生生物栖息地修复方案设计 |
| [2. 调查评估与咨询类](displayinfo-H1b.htm) |
| [3. 策划规划与设计类](displayinfo-H1c.htm) |
|  |
|  |

// 自定义 $ 函数用于通过选择器获取元素
const $ = (selector) => document.querySelector(selector);
// 获取搜索栏、搜索图标、清除按钮和搜索输入框元素
const oSearchBar = $('.searchBar');
const oIcon = $('.icon');
const oClear = $('.clear');
const oText = $('#search-input');
// 搜索函数
const searchWeb = () => {
const keyword = oText.value.trim();
if (keyword) {
// 跳转到 listcolumn.htm 页面，并传递关键字作为 URL 参数
window.location.href = `listcolumn.htm?keyword=${encodeURIComponent(keyword)}`;
}
};
// 处理图标点击事件
oIcon.addEventListener('click', () => {
if (oSearchBar.classList.contains('changeWidth')) {
// 如果搜索栏已展开，且有内容，则进行搜索
if (oText.value.trim() !== '') {
searchWeb();
} else {
// 否则移除展开样式
oSearchBar.classList.remove('changeWidth');
oText.value = ''; // 清空输入框
}
} else {
// 如果搜索栏未展开，添加展开样式
oSearchBar.classList.add('changeWidth');
oText.focus();
}
});
// 处理清除按钮点击事件
oClear.addEventListener('click', () => {
oText.value = '';
oText.focus();
});
// 为输入框添加键盘事件监听器（支持回车键搜索）
oText.addEventListener('keydown', (e) => {
if (e.key === 'Enter') {
searchWeb();
}
});
// 获取可搜索的页面元素
const searchableElements = [
...document.querySelectorAll('.A4表格 td'), // 研究成果表格
...document.querySelectorAll('.A1a'), // 新闻动态内容
...document.querySelectorAll('p'), // 其他段落内容
...document.querySelectorAll('.A6 table td') // 联系信息表格
];
// 移除高亮标记
const removeHighlights = () => {
searchableElements.forEach(element => {
element.innerHTML = element.textContent;
});
};
// 应用高亮
const applyHighlights = (keyword) => {
let targetElement = null; // 用于记录第一个包含关键词的元素
searchableElements.forEach(element => {
const elementText = element.textContent.toLowerCase();
if (elementText.includes(keyword)) {
element.innerHTML = element.textContent.replace(
new RegExp(keyword, 'gi'),
(match) => `<mark>${match}</mark>`
);
if (!targetElement) {
targetElement = element; // 记录第一个包含关键词的元素
}
}
});
return targetElement; // 返回包含关键词的第一个元素
};
document.addEventListener('DOMContentLoaded', () => {
// 获取 URL 参数中的关键词
const urlParams = new URLSearchParams(window.location.search);
const keyword = urlParams.get('keyword') || ''; // 如果没有关键字，默认为空字符串
if (keyword) {
const targetElement = applyHighlights(keyword); // 应用高亮并获取目标元素
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'center' }); // 滚动到目标元素
} else {
alert("未找到相关内容"); // 如果没有找到，提示用户
}
}
});