297 lines
31 KiB
HTML
297 lines
31 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>房地产产业链分析报告</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
|
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/daisyui@5/dist/full.min.css" rel="stylesheet" type="text/css" />
|
|
<script src="https://kit.fontawesome.com/1d2b6c4f81.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/tsparticles@3/tsparticles.bundle.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanta/0.5.24/vanta.waves.min.js"></script>
|
|
<style>
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
|
min-height: 100vh;
|
|
}
|
|
.glass-effect {
|
|
background: rgba(255, 255, 255, 0.85);
|
|
backdrop-filter: blur(10px);
|
|
border: 1px solid rgba(255, 255, 255, 0.18);
|
|
}
|
|
.gradient-text {
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
.card-hover {
|
|
transition: all 0.3s ease;
|
|
}
|
|
.card-hover:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.table-container {
|
|
overflow-x: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.table-container {
|
|
font-size: 0.875rem;
|
|
}
|
|
.table-container th,
|
|
.table-container td {
|
|
padding: 0.5rem;
|
|
}
|
|
}
|
|
#vanta-bg {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="vanta-bg"></div>
|
|
|
|
<div class="container mx-auto px-4 py-8 max-w-7xl">
|
|
<!-- 标题区域 -->
|
|
<div class="text-center mb-12">
|
|
<h1 class="text-4xl md:text-5xl font-bold gradient-text mb-4">房地产产业链分析报告</h1>
|
|
<p class="text-gray-600 text-lg">政策驱动下的修复与机遇</p>
|
|
<div class="mt-6 flex justify-center space-x-4">
|
|
<span class="badge badge-primary badge-lg">2024年5月</span>
|
|
<span class="badge badge-secondary badge-lg">产业链深度解析</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 概念概述 -->
|
|
<div class="glass-effect rounded-2xl p-8 mb-8 card-hover">
|
|
<h2 class="text-2xl font-bold text-gray-800 mb-4 flex items-center">
|
|
<i class="fas fa-lightbulb text-yellow-500 mr-3"></i>
|
|
核心观点摘要
|
|
</h2>
|
|
<div class="space-y-4">
|
|
<div class="flex items-start">
|
|
<div class="bg-blue-100 rounded-full p-2 mr-4 mt-1">
|
|
<i class="fas fa-chart-line text-blue-600"></i>
|
|
</div>
|
|
<div>
|
|
<h3 class="font-semibold text-gray-800">当前阶段</h3>
|
|
<p class="text-gray-600">房地产产业链当前处于政策驱动下的修复阶段，核心驱动力包括政策宽松（降首付、取消限购、房贷利率下调）、保交楼推进、存量房与新房市场回暖等。</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-start">
|
|
<div class="bg-green-100 rounded-full p-2 mr-4 mt-1">
|
|
<i class="fas fa-rocket text-green-600"></i>
|
|
</div>
|
|
<div>
|
|
<h3 class="font-semibold text-gray-800">未来潜力</h3>
|
|
<p class="text-gray-600">未来潜力在于政策持续发力、市场需求逐步修复、产业链各环节（如建材、家居）的盈利修复等。</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 产业链分析 -->
|
|
<div class="grid md:grid-cols-3 gap-6 mb-8">
|
|
<!-- 上游 -->
|
|
<div class="glass-effect rounded-2xl p-6 card-hover">
|
|
<div class="bg-gradient-to-r from-purple-500 to-pink-500 text-white rounded-lg p-4 mb-4">
|
|
<h3 class="text-xl font-bold flex items-center">
|
|
<i class="fas fa-industry mr-2"></i>
|
|
上游：建材供应
|
|
</h3>
|
|
</div>
|
|
<ul class="space-y-2 text-gray-700">
|
|
<li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i>水泥、钢材、玻璃等基础建材</li>
|
|
<li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i>防水材料、保温材料等新型建材</li>
|
|
<li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i>受益于政策宽松和基建投资</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- 中游 -->
|
|
<div class="glass-effect rounded-2xl p-6 card-hover">
|
|
<div class="bg-gradient-to-r from-blue-500 to-cyan-500 text-white rounded-lg p-4 mb-4">
|
|
<h3 class="text-xl font-bold flex items-center">
|
|
<i class="fas fa-building mr-2"></i>
|
|
中游：设计建设
|
|
</h3>
|
|
</div>
|
|
<ul class="space-y-2 text-gray-700">
|
|
<li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i>建筑设计、工程咨询</li>
|
|
<li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i>建筑施工、装修工程</li>
|
|
<li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i>受益于保交楼和城市更新</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- 下游 -->
|
|
<div class="glass-effect rounded-2xl p-6 card-hover">
|
|
<div class="bg-gradient-to-r from-green-500 to-teal-500 text-white rounded-lg p-4 mb-4">
|
|
<h3 class="text-xl font-bold flex items-center">
|
|
<i class="fas fa-home mr-2"></i>
|
|
下游：家居消费
|
|
</h3>
|
|
</div>
|
|
<ul class="space-y-2 text-gray-700">
|
|
<li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i>家电、家具、装修服务</li>
|
|
<li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i>物业管理、中介服务</li>
|
|
<li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-2"></i>受益于存量房市场回暖</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 股票数据表格 -->
|
|
<div class="glass-effect rounded-2xl p-6 mb-8">
|
|
<h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
|
|
<i class="fas fa-table text-indigo-500 mr-3"></i>
|
|
产业链相关股票
|
|
</h2>
|
|
<div class="table-container">
|
|
<table class="table w-full">
|
|
<thead>
|
|
<tr class="bg-gray-100">
|
|
<th class="text-left p-3 font-semibold text-gray-700">股票名称</th>
|
|
<th class="text-left p-3 font-semibold text-gray-700">行业</th>
|
|
<th class="text-left p-3 font-semibold text-gray-700">分类</th>
|
|
<th class="text-left p-3 font-semibold text-gray-700">产业链</th>
|
|
<th class="text-left p-3 font-semibold text-gray-700">入选理由</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="stockTableBody">
|
|
<!-- 股票数据将通过JavaScript动态填充 -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 风险与机遇 -->
|
|
<div class="grid md:grid-cols-2 gap-6 mb-8">
|
|
<div class="glass-effect rounded-2xl p-6 card-hover">
|
|
<h3 class="text-xl font-bold text-red-600 mb-4 flex items-center">
|
|
<i class="fas fa-exclamation-triangle mr-2"></i>
|
|
潜在风险
|
|
</h3>
|
|
<ul class="space-y-3 text-gray-700">
|
|
<li class="flex items-start">
|
|
<i class="fas fa-circle text-red-400 text-xs mt-2 mr-3"></i>
|
|
<span>政策调整可能影响市场需求，导致产业链需求波动</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i class="fas fa-circle text-red-400 text-xs mt-2 mr-3"></i>
|
|
<span>房地产市场复苏不及预期，下游需求增长乏力</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i class="fas fa-circle text-red-400 text-xs mt-2 mr-3"></i>
|
|
<span>部分房企仍面临债务压力，影响保交楼进度</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="glass-effect rounded-2xl p-6 card-hover">
|
|
<h3 class="text-xl font-bold text-green-600 mb-4 flex items-center">
|
|
<i class="fas fa-chart-line mr-2"></i>
|
|
投资启示
|
|
</h3>
|
|
<ul class="space-y-3 text-gray-700">
|
|
<li class="flex items-start">
|
|
<i class="fas fa-circle text-green-400 text-xs mt-2 mr-3"></i>
|
|
<span>关注政策受益环节：建材、家居等上游环节</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i class="fas fa-circle text-green-400 text-xs mt-2 mr-3"></i>
|
|
<span>关注需求修复弹性：二手房市场回暖带动装修需求</span>
|
|
</li>
|
|
<li class="flex items-start">
|
|
<i class="fas fa-circle text-green-400 text-xs mt-2 mr-3"></i>
|
|
<span>关注盈利修复确定性：优质企业盈利弹性较大</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 重点跟踪指标 -->
|
|
<div class="glass-effect rounded-2xl p-6">
|
|
<h3 class="text-xl font-bold text-gray-800 mb-4 flex items-center">
|
|
<i class="fas fa-crosshairs text-purple-500 mr-2"></i>
|
|
重点跟踪指标
|
|
</h3>
|
|
<div class="grid md:grid-cols-3 gap-4">
|
|
<div class="bg-blue-50 rounded-lg p-4">
|
|
<h4 class="font-semibold text-blue-700 mb-2">政策指标</h4>
|
|
<p class="text-sm text-gray-600">首付比例、限购政策、房贷利率、保交楼资金到位情况</p>
|
|
</div>
|
|
<div class="bg-green-50 rounded-lg p-4">
|
|
<h4 class="font-semibold text-green-700 mb-2">市场指标</h4>
|
|
<p class="text-sm text-gray-600">二手房成交量、新房成交量、土地成交溢价率</p>
|
|
</div>
|
|
<div class="bg-purple-50 rounded-lg p-4">
|
|
<h4 class="font-semibold text-purple-700 mb-2">企业指标</h4>
|
|
<p class="text-sm text-gray-600">营收增速、净利润增速、毛利率、现金流</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// 初始化Vanta.js背景
|
|
VANTA.WAVES({
|
|
el: "#vanta-bg",
|
|
mouseControls: true,
|
|
touchControls: true,
|
|
gyroControls: false,
|
|
minHeight: 200.00,
|
|
minWidth: 200.00,
|
|
scale: 1.00,
|
|
scaleMobile: 1.00,
|
|
color: 0x1a73e8,
|
|
shininess: 30.00,
|
|
waveHeight: 10.00,
|
|
waveSpeed: 0.75,
|
|
zoom: 0.65
|
|
});
|
|
|
|
// 股票数据
|
|
const stockData = [{'stock': '保利发展', '行业': '房地产开发', '分类': '央企', '产业链': '上游', 'reason': '央企背景，涉及房地产开发及产业链上游业务'}, {'stock': '招商蛇口', '行业': '房地产开发', '分类': '央企', '产业链': '上游', 'reason': '央企背景，专注房地产开发及园区运营'}, {'stock': '华润置地', '行业': '房地产开发', '分类': '央企', '产业链': '上游', 'reason': '央企背景，聚焦住宅开发与商业地产'}, {'stock': '光大嘉宝', '行业': '房地产开发', '分类': '央企', '产业链': '上游', 'reason': '央企关联企业，涉及房地产投资与开发'}, {'stock': '中交地产', '行业': '房地产开发', '分类': '央企', '产业链': '上游', 'reason': '央企背景，主营房地产开发与城市更新'}, {'stock': '信达地产', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '总部位于北京，专注于房地产开发与资产管理'}, {'stock': '大悦城', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京企业，以商业地产及住宅开发为主'}, {'stock': '华侨城A', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '总部位于北京，文旅地产与综合开发'}, {'stock': '中国国贸', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京商业地产标杆企业'}, {'stock': '招商积余', '行业': '房地产开发', '分类': '北京', '产业链': '下游', 'reason': '北京企业，专注物业运营与资产管理'}, {'stock': '首开股份', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京本土房企，主营住宅与商业地产开发'}, {'stock': '城建发展', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京城建集团控股，参与城市综合开发'}, {'stock': '金融街', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京金融地产专业开发企业'}, {'stock': '京基发展', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京区域房地产开发商'}, {'stock': '京能置业', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京能源集团关联企业，参与房地产开发'}, {'stock': '京投发展', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京轨道交通关联地产开发'}, {'stock': '电子城', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京科技园区开发运营商'}, {'stock': '万通发展', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京区域地产开发商'}, {'stock': '大龙地产', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京顺义区地产开发商'}, {'stock': '华业幸福', '行业': '房地产开发', '分类': '北京', '产业链': '中游', 'reason': '北京区域房地产开发企业'}, {'stock': '陆家嘴', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海自贸区核心开发商'}, {'stock': '外高桥', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海自贸区开发主体'}, {'stock': '光明地产', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海农垦系统房企，参与城市更新'}, {'stock': '张江高科', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海张江科学城开发主体'}, {'stock': '浦东金桥', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海浦东新区开发企业'}, {'stock': '城投控股', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海城投旗下房地产开发平台'}, {'stock': '上实发展', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海实业控股的地产开发企业'}, {'stock': '同济科技', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海同济大学背景，参与科技园区开发'}, {'stock': '新黄浦', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海老牌房企，参与城市更新'}, {'stock': '中华企业', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海地产集团旗下住宅开发平台'}, {'stock': '市北高新', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海闸北区高科技园区开发'}, {'stock': '上海临港', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海临港新片区开发主体'}, {'stock': '绿地控股', '行业': '房地产开发', '分类': '上海', '产业链': '中游', 'reason': '上海超大型房企，多元化地产开发'}, {'stock': '万业企业', '行业': '房地产开发', '分类': '非国资', '产业链': '中游', 'reason': '民营房企，聚焦住宅开发'}, {'stock': '大名城', '行业': '房地产开发', '分类': '非国资', '产业链': '中游', 'reason': '民营房企，长三角区域布局'}, {'stock': '三湘印象', '行业': '房地产开发', '分类': '非国资', '产业链': '中游', 'reason': '民营房企，文旅地产特色'}, {'stock': '华丽家族', '行业': '房地产开发', '分类': '非国资', '产业链': '中游', 'reason': '民营房企，上海区域为主'}, {'stock': '万科A', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '总部位于深圳，全国性龙头房企'}, {'stock': '华发股份', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '珠海国企，粤港澳大湾区核心开发商'}, {'stock': '金地集团', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '总部位于深圳，全国性布局房企'}, {'stock': '天健集团', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '深圳国资委控股，参与城市更新'}, {'stock': '中洲控股', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '深圳房企，粤港澳大湾区布局'}, {'stock': '珠江股份', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '广州房企，参与旧改项目'}, {'stock': '珠江控股', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '海南珠江控股，地产与农业双主业'}, {'stock': '深深房A', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '深圳房企，参与保障房建设'}, {'stock': '格力地产', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '珠海房企，珠海免税关联企业'}, {'stock': '华联控股', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '深圳华联集团控股，深圳区域为主'}, {'stock': '沙河股份', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '深圳沙河集团控股，区域开发'}, {'stock': '世荣兆业', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '珠海房企，横琴新区布局'}, {'stock': '深振业A', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '深圳国资委控股，参与城市更新'}, {'stock': '粤宏远A', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '东莞房企，粤港澳大湾区布局'}, {'stock': '南山控股', '行业': '房地产开发', '分类': '广东', '产业链': '中游', 'reason': '深圳央企背景，仓储物流地产特色'}, {'stock': '特发服务', '行业': '房地产开发', '分类': '广东', '产业链': '下游', 'reason': '深圳特发集团控股，物业运营服务'}, {'stock': '新城控股', '行业': '房地产开发', '分类': '江苏', '产业链': '中游', 'reason': '总部位于常州，全国性布局房企'}, {'stock': '南京高科', '行业': '房地产开发', '分类': '江苏', '产业链': '中游', 'reason': '南京新港科技园区开发'}, {'stock': '中天集团', '行业': '房地产开发', '分类': '江苏', '产业链': '中游', 'reason': '江苏中南集团旗下房企'}, {'stock': '栖霞建设', '行业': '房地产开发', '分类': '江苏', '产业链': '中游', 'reason': '南京栖霞区房企，参与保障房建设'}, {'stock': '苏州高新', '行业': '房地产开发', '分类': '江苏', '产业链': '中游', 'reason': '苏州高新区开发主体'}, {'stock': '新湖中宝', '行业': '房地产开发', '分类': '浙江', '产业链': '中游', 'reason': '浙江房企，长三角区域布局'}, {'stock': '南都物业', '行业': '房地产开发', '分类': '浙江', '产业链': '下游', 'reason': '浙江物业运营服务企业'}, {'stock': '凤凰股份', '行业': '房地产开发', '分类': '浙江', '产业链': '中游', 'reason': '浙江房企，文旅地产特色'}, {'stock': '黑牡丹', '行业': '房地产开发', '分类': '浙江', '产业链': '中游', 'reason': '常州房企，城市更新项目'}, {'stock': '滨江集团', '行业': '房地产开发', '分类': '浙江', '产业链': '中游', 'reason': '杭州房企，长三角区域深耕'}, {'stock': '荣安地产', '行业': '房地产开发', '分类': '浙江', '产业链': '中游', 'reason': '宁波房企，浙江区域布局'}, {'stock': '广宇集团', '行业': '房地产开发', '分类': '浙江', '产业链': '中游', 'reason': '杭州房企，中高端住宅开发'}, {'stock': '卧龙地产', '行业': '房地产开发', '分类': '浙江', '产业链': '中游', 'reason': '绍兴房企，浙江区域布局'}, {'stock': '天保基建', '行业': '房地产开发', '分类': '天津', '产业链': '中游', 'reason': '天津房企，滨海新区开发'}, {'stock': '津滨发展', '行业': '房地产开发', '分类': '天津', '产业链': '中游', 'reason': '天津滨海新区开发主体'}, {'stock': '津城开', '行业': '房地产开发', '分类': '天津', '产业链': '中游', 'reason': '天津城投集团旗下开发平台'}, {'stock': '财信发展', '行业': '房地产开发', '分类': '重庆', '产业链': '中游', 'reason': '重庆房企，西南区域布局'}, {'stock': '渝开发', '行业': '房地产开发', '分类': '重庆', '产业链': '中游', 'reason': '重庆城投控股，参与城市更新'}, {'stock': '建发股份', '行业': '房地产开发', '分类': '福建', '产业链': '中游', 'reason': '厦门国企，全国性布局房企'}, {'stock': '冠城大通', '行业': '房地产开发', '分类': '福建', '产业链': '中游', 'reason': '福州房企，多元化产业布局'}, {'stock': '中国武夷', '行业': '房地产开发', '分类': '福建', '产业链': '中游', 'reason': '福建建工集团控股，国内外布局'}, {'stock': '荣盛发展', '行业': '房地产开发', '分类': '其他', '产业链': '中游', 'reason': '河北廊坊房企，全国性布局'}, {'stock': '华夏幸福', '行业': '房地产开发', '分类': '其他', '产业链': '中游', 'reason': '河北廊坊房企，产业新城模式'}, {'stock': '天房发展', '行业': '房地产开发', '分类': '其他', '产业链': '中游', 'reason': '天津房企，参与城市更新'}, {'stock': '合肥城建', '行业': '房地产开发', '分类': '其他', '产业链': '中游', 'reason': '合肥城投控股，区域开发'}, {'stock': '云南城投', '行业': '房地产开发', '分类': '其他', '产业链': '中游', 'reason': '云南城投集团控股，文旅地产特色'}, {'stock': '渝开发', '行业': '房地产开发', '分类': '其他', '产业链': '中游', 'reason': '重庆城投控股，参与城市更新'}, {'stock': '阳光股份', '行业': '房地产开发', '分类': '其他', '产业链': '中游', 'reason': '北京房企，商业地产运营'}, {'stock': '北新建材', '行业': '建材供应', '分类': '建材', '产业链': '上游', 'reason': '石膏板龙头企业，建材供应'}, {'stock': '东方雨虹', '行业': '建材供应', '分类': '建材', '产业链': '上游', 'reason': '防水材料龙头企业'}, {'stock': '坚朗五金', '行业': '建材供应', '分类': '建材', '产业链': '上游', 'reason': '建筑五金系统供应商'}, {'stock': '亚士创能', '行业': '建材供应', '分类': '建材', '产业链': '上游', 'reason': '建筑涂料与保温材料供应商'}, {'stock': '蒙娜丽莎', '行业': '建材供应', '分类': '建材', '产业链': '上游', 'reason': '陶瓷砖龙头企业'}, {'stock': '东鹏控股', '行业': '建材供应', '分类': '建材', '产业链': '上游', 'reason': '陶瓷砖与卫浴产品供应商'}, {'stock': '伟星新材', '行业': '建材供应', '分类': '建材', '产业链': '上游', 'reason': '塑料管道系统供应商'}, {'stock': '西部建设', '行业': '建材供应', '分类': '建材', '产业链': '上游', 'reason': '混凝土生产与销售'}, {'stock': '金隅集团', '行业': '建材供应', '分类': '建材', '产业链': '上游', 'reason': '水泥与新型建材综合企业'}, {'stock': '海螺水泥', '行业': '建材供应', '分类': '水泥', '产业链': '上游', 'reason': '水泥行业龙头企业'}, {'stock': '西部水泥', '行业': '建材供应', '分类': '水泥', '产业链': '上游', 'reason': '西北地区水泥生产商'}, {'stock': '四川金顶', '行业': '建材供应', '分类': '水泥', '产业链': '上游', 'reason': '四川地区水泥企业'}, {'stock': '福建水泥', '行业': '建材供应', '分类': '水泥', '产业链': '上游', 'reason': '福建地区水泥生产商'}, {'stock': '海螺水泥', '行业': '建材供应', '分类': '水泥', '产业链': '上游', 'reason': '水泥行业龙头企业'}, {'stock': '上峰水泥', '行业': '建材供应', '分类': '水泥', '产业链': '上游', 'reason': '浙江地区水泥企业'}, {'stock': '华阳国际', '行业': '设计建设', '分类': '工程设计', '产业链': '中游', 'reason': '建筑设计与工程咨询'}, {'stock': '深圳瑞捷', '行业': '设计建设', '分类': '工程设计', '产业链': '中游', 'reason': '工程评估与咨询服务'}, {'stock': '筑博设计', '行业': '设计建设', '分类': '工程设计', '产业链': '中游', 'reason': '建筑设计与工程咨询'}, {'stock': '中国海诚', '行业': '设计建设', '分类': '工程设计', '产业链': '中游', 'reason': '轻工行业设计与工程服务'}, {'stock': '中设股份', '行业': '设计建设', '分类': '工程设计', '产业链': '中游', 'reason': '工程设计与咨询'}, {'stock': '新城市', '行业': '设计建设', '分类': '工程设计', '产业链': '中游', 'reason': '城市规划设计与工程咨询'}, {'stock': '华建集团', '行业': '设计建设', '分类': '工程设计', '产业链': '中游', 'reason': '建筑设计与工程服务'}, {'stock': '中衡设计', '行业': '设计建设', '分类': '工程设计', '产业链': '中游', 'reason': '建筑设计与工程咨询'}, {'stock': '美芝股份', '行业': '设计建设', '分类': '工程建设', '产业链': '中游', 'reason': '建筑装饰工程施工'}, {'stock': '浙江建投', '行业': '设计建设', '分类': '工程建设', '产业链': '中游', 'reason': '浙江地区建筑施工企业'}, {'stock': '上海建工', '行业': '设计建设', '分类': '工程建设', '产业链': '中游', 'reason': '上海地区建筑施工龙头企业'}, {'stock': '中国建筑', '行业': '设计建设', '分类': '工程建设', '产业链': '中游', 'reason': '全国性建筑施工龙头企业'}, {'stock': '安徽建工', '行业': '设计建设', '分类': '工程建设', '产业链': '中游', 'reason': '安徽地区建筑施工企业'}, {'stock': '中天精装', '行业': '装修家居', '分类': '装修家具', '产业链': '下游', 'reason': '住宅精装修服务商'}, {'stock': '海顺新材', '行业': '装修家居', '分类': '装修家具', '产业链': '下游', 'reason': '包装材料与家居装饰材料'}, {'stock': '索菲亚', '行业': '装修家居', '分类': '装修家具', '产业链': '下游', 'reason': '定制衣柜龙头企业'}, {'stock': '友邦吊顶', '行业': '装修家居', '分类': '装修家具', '产业链': '下游', 'reason': '集成吊顶行业领先企业'}, {'stock': '坚朗五金', '行业': '装修家居', '分类': '装修家具', '产业链': '下游', 'reason': '建筑五金系统供应商'}, {'stock': '欧派家居', '行业': '装修家居', '分类': '装修家具', '产业链': '下游', 'reason': '定制橱柜龙头企业'}, {'stock': '老板电器', '行业': '装修家居', '分类': '家电', '产业链': '下游', 'reason': '厨房电器龙头企业'}, {'stock': '华帝股份', '行业': '装修家居', '分类': '家电', '产业链': '下游', 'reason': '厨房电器生产企业'}, {'stock': '万和电气', '行业': '装修家居', '分类': '家电', '产业链': '下游', 'reason': '热水器与厨房电器供应商'}, {'stock': '雪榕生物', '行业': '装修家居', '分类': '家电', '产业链': '下游', 'reason': '食用菌生产企业（注：此处可能为数据错误，应为其他家电企业）'}, {'stock': '惠而浦', '行业': '装修家居', '分类': '家电', '产业链': '下游', 'reason': '全球知名家电品牌'}, {'stock': '富佳股份', '行业': '装修家居', '分类': '家电', '产业链': '下游', 'reason': '吸尘器等小家电ODM/OEM'}, {'stock': '火星人', '行业': '装修家居', '分类': '家电', '产业链': '下游', 'reason': '集成灶生产企业'}, {'stock': '深物业A', '行业': '物业管理', '分类': '物业管理', '产业链': '下游', 'reason': '深圳地区物业运营服务'}, {'stock': '丰巢控股', '行业': '物业管理', '分类': '物业管理', '产业链': '下游', 'reason': '快递柜与社区服务'}, {'stock': '天保基建', '行业': '物业管理', '分类': '物业管理', '产业链': '下游', 'reason': '天津地区物业运营'}, {'stock': '荣盛发展', '行业': '物业管理', '分类': '物业管理', '产业链': '下游', 'reason': '河北房企，物业运营服务'}, {'stock': '南国置业', '行业': '物业管理', '分类': '物业管理', '产业链': '下游', 'reason': '湖北房企，物业运营'}, {'stock': '招商积余', '行业': '物业管理', '分类': '物业管理', '产业链': '下游', 'reason': '招商局旗下物业运营平台'}, {'stock': '特发服务', '行业': '物业管理', '分类': '物业管理', '产业链': '下游', 'reason': '深圳特发集团控股，物业运营'}, {'stock': '锦和商管', '行业': '物业管理', '分类': '物业管理', '产业链': '下游', 'reason': '上海商办物业运营'}, {'stock': '我爱我家', '行业': '中介服务', '分类': '中介服务', '产业链': '下游', 'reason': '全国性房地产中介服务'}, {'stock': '世联行', '行业': '中介服务', '分类': '中介服务', '产业链': '下游', 'reason': '房地产咨询与代理服务'}, {'stock': '三六五网', '行业': '中介服务', '分类': '中介服务', '产业链': '下游', 'reason': '房地产网络平台服务'}, {'stock': '国创高新', '行业': '中介服务', '分类': '中介服务', '产业链': '下游', 'reason': '房地产中介与金融服务'}, {'stock': '湘财股份', '行业': '中介服务', '分类': '中介服务', '产业链': '下游', 'reason': '金融与房地产中介服务'}];
|
|
|
|
// 填充股票数据表格
|
|
const tableBody = document.getElementById('stockTableBody');
|
|
stockData.forEach(stock => {
|
|
const row = document.createElement('tr');
|
|
row.className = 'border-b hover:bg-gray-50';
|
|
|
|
// 根据产业链位置设置不同的背景色
|
|
let产业链颜色 = '';
|
|
if (stock.产业链 === '上游') {
|
|
产业链颜色 = 'bg-purple-100 text-purple-800';
|
|
} else if (stock.产业链 === '中游') {
|
|
产业链颜色 = 'bg-blue-100 text-blue-800';
|
|
} else if (stock.产业链 === '下游') {
|
|
产业链颜色 = 'bg-green-100 text-green-800';
|
|
}
|
|
|
|
row.innerHTML = `
|
|
<td class="p-3 font-medium text-gray-900">${stock.stock}</td>
|
|
<td class="p-3 text-gray-700">${stock.行业}</td>
|
|
<td class="p-3 text-gray-700">${stock.分类}</td>
|
|
<td class="p-3">
|
|
<span class="px-2 py-1 rounded-full text-xs font-medium ${产业链颜色}">
|
|
${stock.产业链}
|
|
</span>
|
|
</td>
|
|
<td class="p-3 text-gray-600 text-sm">${stock.reason}</td>
|
|
`;
|
|
tableBody.appendChild(row);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
|
``` |