xqhzzk/tj-baokang
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: 保康统计局网站 - 7页面完整版（tj.保康.top）

Browse Source 
新增页面结构：
- 首页：机构信息、经济数据面板、历年GDP表、最新资讯、通知公告、统计分析、县情、特色产业
- zxzx/：最新资讯（图片新闻+工作动态+时政要闻）
- zwgk/：政府信息公开（指南+主动公开+年报+依申请公开）
- tjsj/：统计数据（指标面板+6年GDP+统计分析+年鉴+数据查询）
- tjgb/：统计公报（历年列表+2024年公报10章节全文）
- pczl/：普查专栏（经济/人口/农业普查+1%抽样调查）
- hdjl/：互动交流（在线访谈+征集调查+咨询投诉+局长信箱）
This commit is contained in:
root
2026-06-03 10:53:22 +08:00
commit 796a27704b
7 changed files with 4031 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nginx/html/tj/tjsj/index.html
+761
View File
@@ -0,0 +1,761 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>保康县统计局 - 统计数据</title>
<style>
:root {
--primary: #003366;
--primary-light: #1a5276;
--primary-mid: #2c7fb8;
--primary-bright: #3498db;
--accent: #e74c3c;
--bg: #f0f3f7;
--card: #ffffff;
--text: #222;
--text-light: #6b7c93;
--border: #dce1e8;
--header-bg: linear-gradient(135deg, #003366 0%, #1a5276 40%, #2c7fb8 100%);
--nav-bg: linear-gradient(90deg, #1a5276, #2c7fb8);
--green: #1d8f46;
--red: #c0392b;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.7;
font-size: 15px;
}
/* Header */
.header {
background: var(--header-bg);
color: #fff;
}
.header-inner {
max-width: 1200px;
margin: 0 auto;
padding: 18px 20px 10px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.header-left {
display: flex;
align-items: center;
gap: 18px;
}
.header-left .emblem {
font-size: 42px;
line-height: 1;
color: #ffd700;
}
.header-left .title-group h1 {
font-size: 28px;
font-weight: 700;
letter-spacing: 3px;
text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.header-left .title-group .subtitle {
font-size: 13px;
opacity: 0.8;
letter-spacing: 1px;
margin-top: 1px;
}
.header-right {
display: flex;
align-items: center;
gap: 15px;
}
.header-right .toolbar a {
color: rgba(255,255,255,0.8);
text-decoration: none;
font-size: 13px;
margin-left: 12px;
transition: color 0.2s;
}
.header-right .toolbar a:hover { color: #fff; }
.search-box {
display: flex;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 4px;
overflow: hidden;
background: rgba(255,255,255,0.1);
}
.search-box input {
border: none;
background: transparent;
padding: 6px 12px;
color: #fff;
font-size: 13px;
width: 180px;
outline: none;
}
.search-box input::placeholder { color: rgba(255,255,255,0.6); }
.search-box button {
border: none;
background: rgba(255,255,255,0.2);
color: #fff;
padding: 6px 14px;
cursor: pointer;
font-size: 13px;
transition: background 0.2s;
}
.search-box button:hover { background: rgba(255,255,255,0.3); }
/* Nav */
.nav {
background: var(--nav-bg);
border-top: 1px solid rgba(255,255,255,0.1);
box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}
.nav-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
}
.nav-inner a {
color: #fff;
text-decoration: none;
padding: 13px 22px;
font-size: 15px;
font-weight: 500;
transition: background 0.25s;
white-space: nowrap;
position: relative;
}
.nav-inner a:hover, .nav-inner a.active {
background: rgba(255,255,255,0.18);
}
.nav-inner a.active::after {
content: '';
position: absolute;
bottom: 0;
left: 20%;
right: 20%;
height: 3px;
background: #ffd700;
border-radius: 2px 2px 0 0;
}
/* Container */
.container {
max-width: 1200px;
margin: 20px auto;
padding: 0 20px;
}
/* Card */
.card {
background: var(--card);
border-radius: 8px;
padding: 24px 26px;
margin-bottom: 20px;
box-shadow: 0 1px 6px rgba(0,51,102,0.06);
border: 1px solid #e8ecf0;
}
.card h2 {
font-size: 18px;
color: var(--primary);
border-left: 4px solid var(--primary-mid);
padding-left: 12px;
margin-bottom: 16px;
font-weight: 600;
}
/* Stats grid */
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
gap: 14px;
margin-top: 10px;
}
.stat-card {
background: #f7f9fc;
border-radius: 8px;
padding: 18px 14px;
text-align: center;
border: 1px solid var(--border);
transition: transform 0.2s, box-shadow 0.2s;
}
.stat-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,51,102,0.1);
}
.stat-card .num {
font-size: 26px;
font-weight: 700;
color: var(--primary);
line-height: 1.3;
}
.stat-card .num .unit { font-size: 14px; font-weight: 400; color: var(--text-light); }
.stat-card .num .change-up { font-size: 13px; color: var(--green); font-weight: 600; }
.stat-card .label {
font-size: 13px;
color: var(--text-light);
margin-top: 5px;
}
.stat-card .sub {
font-size: 12px;
color: var(--text-light);
margin-top: 2px;
}
.stat-card .change-up { font-size: 13px; color: var(--green); font-weight: 600; }
/* Table */
.data-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.data-table th {
background: var(--primary);
color: #fff;
padding: 10px 12px;
text-align: left;
font-weight: 500;
white-space: nowrap;
}
.data-table td {
padding: 9px 12px;
border-bottom: 1px solid var(--border);
white-space: nowrap;
}
.data-table tr:hover td {
background: #f0f6fc;
}
.data-table tr:nth-child(even) td {
background: #f8fafc;
}
.data-table tr:nth-child(even):hover td {
background: #f0f6fc;
}
/* Timeline list */
.timeline {
list-style: none;
}
.timeline li {
padding: 10px 0;
border-bottom: 1px solid #f0f0f0;
display: flex;
flex-direction: column;
gap: 3px;
}
.timeline li:last-child { border-bottom: none; }
.timeline li .tl-top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
}
.timeline li a {
color: var(--primary-light);
text-decoration: none;
flex: 1;
font-size: 14px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.timeline li a:hover {
color: var(--accent);
text-decoration: underline;
}
.timeline .date {
font-size: 12px;
color: var(--text-light);
white-space: nowrap;
flex-shrink: 0;
}
.timeline .summary {
font-size: 13px;
color: #666;
line-height: 1.6;
padding-left: 4px;
}
/* Two column */
.two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
/* Quick links */
.quick-links {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 12px;
margin-top: 10px;
}
.quick-links a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #f7f9fc;
border: 1px solid var(--border);
border-radius: 8px;
padding: 16px 12px;
text-align: center;
text-decoration: none;
color: var(--text);
font-size: 14px;
font-weight: 500;
transition: all 0.25s;
min-height: 80px;
}
.quick-links a:hover {
background: var(--primary);
color: #fff;
border-color: var(--primary);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,51,102,0.25);
}
.quick-links a .icon {
font-size: 28px;
display: block;
margin-bottom: 6px;
}
/* Industry table */
.industry-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
margin-top: 6px;
}
.industry-table th {
background: var(--primary-mid);
color: #fff;
padding: 9px 12px;
text-align: center;
font-weight: 500;
}
.industry-table td {
padding: 9px 12px;
border-bottom: 1px solid var(--border);
text-align: center;
}
.industry-table tr:hover td {
background: #f0f6fc;
}
.industry-table .ind-icon {
font-size: 22px;
display: block;
margin-bottom: 2px;
}
/* Section title */
.sec-subtitle {
font-size: 13px;
color: var(--text-light);
margin-top: 4px;
margin-bottom: 12px;
}
/* Footer */
.footer {
background: var(--primary);
color: rgba(255,255,255,0.85);
padding: 28px 0;
margin-top: 30px;
text-align: center;
font-size: 13px;
line-height: 2.2;
border-top: 4px solid var(--primary-mid);
}
.footer-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.footer a { color: rgba(255,255,255,0.85); text-decoration: none; }
.footer a:hover { color: #fff; text-decoration: underline; }
.footer .footer-links {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 8px;
flex-wrap: wrap;
}
.footer .footer-links a {
padding: 0 8px;
border-right: 1px solid rgba(255,255,255,0.2);
line-height: 1;
}
.footer .footer-links a:last-child { border-right: none; }
/* Responsive */
@media (max-width: 900px) {
.two-col { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
.nav-inner { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.nav-inner a { padding: 12px 16px; font-size: 14px; }
.stats-grid { grid-template-columns: repeat(2, 1fr); }
.header-inner { flex-direction: column; align-items: flex-start; gap: 10px; }
.header-right { width: 100%; justify-content: flex-end; }
.header-left .title-group h1 { font-size: 22px; }
.search-box input { width: 140px; }
.data-table { font-size: 12px; }
.data-table th, .data-table td { padding: 6px 8px; }
.industry-table { font-size: 12px; }
.industry-table th, .industry-table td { padding: 6px 8px; }
.card { padding: 18px 16px; }
.quick-links { grid-template-columns: repeat(2, 1fr); }
.timeline li .tl-top { flex-wrap: wrap; }
.footer .footer-links { flex-wrap: wrap; gap: 10px; }
}
@media (max-width: 480px) {
.stats-grid { grid-template-columns: 1fr; }
.quick-links { grid-template-columns: 1fr 1fr; }
.header-inner { padding: 12px 12px 8px; }
.header-left .title-group h1 { font-size: 18px; letter-spacing: 1px; }
.header-left .emblem { font-size: 32px; }
}
</style>
</head>
<body>
<!-- ===== Header ===== -->
<div class="header">
<div class="header-inner">
<div class="header-left">
<div class="emblem">&#128278;</div>
<div class="title-group">
<h1>保康县统计局</h1>
<div class="subtitle">Baokang County Bureau of Statistics</div>
</div>
</div>
<div class="header-right">
<div class="toolbar">
<a href="#">设为首页</a>
<a href="#">加入收藏</a>
<a href="#">网站地图</a>
</div>
<div class="search-box">
<input type="text" placeholder="站内搜索...">
<button>&#x1F50D;</button>
</div>
</div>
</div>
<div class="nav">
<div class="nav-inner">
<a href="./">首页</a>
<a href="./zxzx/">最新资讯</a>
<a href="./zwgk/">政府信息公开</a>
<a href="./tjsj/" class="active">统计数据</a>
<a href="./tjgb/">统计公报</a>
<a href="./pczl/">普查专栏</a>
<a href="./hdjl/">互动交流</a>
</div>
</div>
</div>
<div class="container">
<!-- ===== 页面标题 ===== -->
<div class="card" style="background:linear-gradient(135deg,#003366 0%,#1a5276 50%,#2c7fb8 100%);color:#fff;border:none;padding:28px 30px;">
<h2 style="color:#fff;border-left-color:#ffd700;font-size:22px;margin-bottom:6px;">统计数据</h2>
<p style="opacity:0.85;font-size:14px;padding-left:16px;">保康县国民经济和社会发展综合统计数据查询平台</p>
</div>
<!-- ===== 2024年主要经济指标面板 ===== -->
<div class="card">
<h2>2024年保康县主要经济指标</h2>
<div class="stats-grid">
<div class="stat-card">
<div class="num">215.47 <span class="unit">亿元</span></div>
<div class="label">地区生产总值</div>
<div class="sub"><span class="change-up">&#9650; +6.7%</span></div>
</div>
<div class="stat-card">
<div class="num"><span class="change-up">&#9650; +10.9%</span></div>
<div class="label">规上工业增加值增速</div>
<div class="sub">规模以上工业</div>
</div>
<div class="stat-card">
<div class="num"><span class="change-up">&#9650; +10.5%</span></div>
<div class="label">固定资产投资增速</div>
<div class="sub">不含农户</div>
</div>
<div class="stat-card">
<div class="num">89.61 <span class="unit">亿元</span></div>
<div class="label">社会消费品零售总额</div>
<div class="sub"><span class="change-up">&#9650; +5.1%</span></div>
</div>
<div class="stat-card">
<div class="num">13,545 <span class="unit">万美元</span></div>
<div class="label">出口总额</div>
<div class="sub">货物出口</div>
</div>
</div>
</div>
<!-- ===== 历年GDP对比表 ===== -->
<div class="card">
<h2>历年地区生产总值对比</h2>
<div class="sec-subtitle">按三次产业分（单位：亿元）</div>
<div style="overflow-x:auto;">
<table class="data-table">
<thead>
<tr>
<th>年份</th>
<th>GDP（亿元）</th>
<th>增速（%）</th>
<th>第一产业</th>
<th>第二产业</th>
<th>第三产业</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>2024</strong></td>
<td>215.47</td>
<td style="color:var(--green);font-weight:600;">+6.7</td>
<td>36.25</td>
<td>66.42</td>
<td>112.81</td>
</tr>
<tr>
<td><strong>2023</strong></td>
<td>190.18</td>
<td style="color:var(--green);font-weight:600;">+5.8</td>
<td>27.18</td>
<td>71.46</td>
<td>91.55</td>
</tr>
<tr>
<td><strong>2022</strong></td>
<td>181.36</td>
<td style="color:var(--green);font-weight:600;">+5.2</td>
<td>28.22</td>
<td>72.08</td>
<td>81.06</td>
</tr>
<tr>
<td><strong>2021</strong></td>
<td>156.57</td>
<td style="color:var(--green);font-weight:600;">+12.8</td>
<td>25.36</td>
<td>66.87</td>
<td>64.34</td>
</tr>
<tr>
<td><strong>2020</strong></td>
<td>135.22</td>
<td style="color:var(--red);font-weight:600;">-2.1</td>
<td>25.10</td>
<td>60.15</td>
<td>49.97</td>
</tr>
<tr>
<td><strong>2019</strong></td>
<td>137.01</td>
<td style="color:var(--green);font-weight:600;">+7.9</td>
<td>22.25</td>
<td>59.93</td>
<td>54.82</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- ===== 两列：统计分析列表 + 数据查询入口 ===== -->
<div class="two-col">
<!-- 统计分析列表 -->
<div class="card">
<h2>统计分析</h2>
<ul class="timeline">
<li>
<div class="tl-top">
<a href="#">2025年上半年保康县经济运行情况分析</a>
<span class="date">2025-07-20</span>
</div>
<div class="summary">上半年全县经济持续回升，GDP同比增长6.3%，规上工业、固投保持两位数增长，消费市场稳中有进。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县一季度规模以上工业运行态势分析</a>
<span class="date">2025-04-18</span>
</div>
<div class="summary">一季度规上工业增加值同比增长8.5%，磷化工、农产品加工等重点行业贡献突出。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县固定资产投资结构分析（2022-2024）</a>
<span class="date">2025-03-25</span>
</div>
<div class="summary">基础设施投资持续扩大，产业投资占比稳步提升，民间投资活力增强。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县城乡居民收入差距变化趋势研究</a>
<span class="date">2024-12-10</span>
</div>
<div class="summary">城乡居民收入比从2019年的2.37缩小至2024年的2.18，共同富裕取得新进展。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县特色农业产业发展统计监测报告</a>
<span class="date">2024-10-08</span>
</div>
<div class="summary">茶叶、核桃、中药材三大特色产业综合产值突破50亿元，带动农户3.2万户。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县2024年上半年消费品市场运行分析</a>
<span class="date">2024-07-22</span>
</div>
<div class="summary">社消零总额同比增长5.6%，餐饮住宿恢复明显，线上消费持续增长。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县磷化工产业经济运行情况分析</a>
<span class="date">2024-05-15</span>
</div>
<div class="summary">磷矿开采及加工产业产值同比增长12.3%，占规上工业比重达38%。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县旅游产业发展统计报告（2023年度）</a>
<span class="date">2024-03-20</span>
</div>
<div class="summary">全县接待游客580万人次，旅游综合收入48亿元，分别同比增长18%和21%。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县服务业发展现状与对策分析</a>
<span class="date">2024-01-12</span>
</div>
<div class="summary">第三产业增加值占GDP比重首次突破50%，现代服务业发展势头良好。</div>
</li>
<li>
<div class="tl-top">
<a href="#">保康县2023年经济运行情况综合分析</a>
<span class="date">2024-01-05</span>
</div>
<div class="summary">2023年全县经济稳中有进，GDP突破190亿元，各项主要指标完成年度目标。</div>
</li>
</ul>
</div>
<!-- 数据查询入口 -->
<div>
<div class="card">
<h2>统计年鉴</h2>
<div class="quick-links" style="grid-template-columns:1fr 1fr;">
<a href="#"><span class="icon">&#128214;</span>保康统计年鉴<br><span style="font-size:12px;font-weight:400;">2020-2024</span></a>
<a href="#"><span class="icon">&#128218;</span>襄阳市统计年鉴<br><span style="font-size:12px;font-weight:400;">查阅入口</span></a>
</div>
</div>
<div class="card">
<h2>季度数据</h2>
<div class="quick-links" style="grid-template-columns:1fr 1fr;">
<a href="#"><span class="icon">&#128200;</span>季度GDP<br><span style="font-size:12px;font-weight:400;">分产业数据</span></a>
<a href="#"><span class="icon">&#128202;</span>月度工业<br><span style="font-size:12px;font-weight:400;">规上工业数据</span></a>
<a href="#"><span class="icon">&#128176;</span>消费数据<br><span style="font-size:12px;font-weight:400;">社消零数据</span></a>
<a href="#"><span class="icon">&#128227;</span>价格指数<br><span style="font-size:12px;font-weight:400;">CPI/PPI数据</span></a>
</div>
</div>
<div class="card">
<h2>数据查询</h2>
<div class="quick-links">
<a href="#"><span class="icon">&#128269;</span>数据直查<br><span style="font-size:12px;font-weight:400;">在线查询系统</span></a>
<a href="#"><span class="icon">&#128196;</span>数据下载<br><span style="font-size:12px;font-weight:400;">Excel格式</span></a>
<a href="#"><span class="icon">&#128240;</span>可视化图表<br><span style="font-size:12px;font-weight:400;">交互式数据</span></a>
</div>
</div>
</div>
</div><!-- /two-col -->
<!-- ===== 特色产业数据表 ===== -->
<div class="card">
<h2>特色产业数据</h2>
<div class="sec-subtitle">保康县四大特色产业基本情况</div>
<div style="overflow-x:auto;">
<table class="industry-table">
<thead>
<tr>
<th>产业</th>
<th>规模</th>
<th>年产值</th>
<th>从业人数</th>
<th>主要分布</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="ind-icon">&#127861;</span>茶叶</td>
<td>20万亩</td>
<td>超20亿元</td>
<td>3.2万人</td>
<td>店垭镇、马良镇、歇马镇</td>
</tr>
<tr>
<td><span class="ind-icon">&#127792;</span>核桃</td>
<td>35万亩</td>
<td>超6亿元</td>
<td>1.8万人</td>
<td>城关镇、过渡湾、寺坪镇</td>
</tr>
<tr>
<td><span class="ind-icon">&#9969;</span>磷矿</td>
<td>储量24亿吨</td>
<td>超30亿元</td>
<td>0.6万人</td>
<td>马桥镇、歇马镇</td>
</tr>
<tr>
<td><span class="ind-icon">&#127748;</span>旅游</td>
<td>5个4A景区</td>
<td>55亿元</td>
<td>1.5万人</td>
<td>全县各景区</td>
</tr>
</tbody>
</table>
</div>
</div>
</div><!-- /container -->
<!-- ===== Footer ===== -->
<div class="footer">
<div class="footer-inner">
<div class="footer-links">
<a href="./">网站首页</a>
<a href="#">关于我们</a>
<a href="#">联系方式</a>
<a href="#">网站声明</a>
<a href="#">网站地图</a>
<a href="#">RSS订阅</a>
</div>
<div>主办：保康县统计局 &nbsp;|&nbsp; 联系电话：0710-5813408 &nbsp;|&nbsp; 传真：0710-5813408</div>
<div>地址：湖北省襄阳市保康县城关镇迎宾路77号 &nbsp;|&nbsp; 邮编：441600</div>
<div>
<a href="https://beian.miit.gov.cn" target="_blank" rel="noopener">鄂ICP备19027950号</a>
&nbsp;|&nbsp;
<a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank" rel="noopener">鄂公网安备42062602000051号</a>
&nbsp;|&nbsp; 网站标识码：4206260007
</div>
<div style="margin-top:8px; opacity:0.7; font-size:12px;">
保康县统计局版权所有 &copy; 2025 &nbsp;·&nbsp; 数据更新于 2025年7月 &nbsp;·&nbsp; 技术支持：保康县统计局办公室
</div>
</div>
</div>
</body>
</html>