139 lines
5.2 KiB
HTML
139 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>北京市房地产数据监控</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>🏠 北京市房地产数据监控</h1>
|
|
<p>数据来源：北京市住房和城乡建设委员会</p>
|
|
</header>
|
|
|
|
<div class="controls">
|
|
<label for="datePicker">选择日期：</label>
|
|
<input type="date" id="datePicker">
|
|
<button id="loadBtn">加载数据</button>
|
|
<button id="todayBtn">今天</button>
|
|
</div>
|
|
|
|
<div id="loading" class="loading hidden">加载中...</div>
|
|
<div id="error" class="error hidden"></div>
|
|
|
|
<div id="content" class="content hidden">
|
|
<div class="date-info">
|
|
<h2>数据日期：<span id="dataDate"></span></h2>
|
|
</div>
|
|
|
|
<!-- 商品房数据统计 -->
|
|
<section class="data-section">
|
|
<h3>📊 商品房数据统计</h3>
|
|
|
|
<div class="module-grid">
|
|
<div class="module-card">
|
|
<h4>可售期房统计</h4>
|
|
<table id="kespTable" class="data-table"></table>
|
|
</div>
|
|
|
|
<div class="module-card">
|
|
<h4>预售许可（上月）</h4>
|
|
<table id="ysxkTable" class="data-table"></table>
|
|
</div>
|
|
|
|
<div class="module-card">
|
|
<h4>期房网上认购（当日）</h4>
|
|
<table id="qfrgTable" class="data-table"></table>
|
|
</div>
|
|
|
|
<div class="module-card">
|
|
<h4>期房网上签约（当日）</h4>
|
|
<table id="qfqyTable" class="data-table"></table>
|
|
</div>
|
|
|
|
<div class="module-card">
|
|
<h4>未签约现房统计</h4>
|
|
<table id="wyqxTable" class="data-table"></table>
|
|
</div>
|
|
|
|
<div class="module-card">
|
|
<h4>现房项目情况</h4>
|
|
<table id="xfxmTable" class="data-table"></table>
|
|
</div>
|
|
|
|
<div class="module-card">
|
|
<h4>现房网上认购（当日）</h4>
|
|
<table id="xfrgTable" class="data-table"></table>
|
|
</div>
|
|
|
|
<div class="module-card">
|
|
<h4>现房网上签约（当日）</h4>
|
|
<table id="xfqyTable" class="data-table"></table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 存量房月统计 -->
|
|
<section class="data-section">
|
|
<h3>🏢 存量房网上签约统计</h3>
|
|
|
|
<div class="module-grid">
|
|
<div class="module-card">
|
|
<h4>月签约统计</h4>
|
|
<table id="clfyqyTable" class="data-table"></table>
|
|
</div>
|
|
|
|
<div class="module-card">
|
|
<h4>日签约统计</h4>
|
|
<table id="clfrqyTable" class="data-table"></table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 存量房维度统计 按经纪机构 -->
|
|
<section class="data-section">
|
|
<h3>📈 存量房网上签约月统计（按经纪机构）</h3>
|
|
<div class="module-card full-width">
|
|
<table id="jjjgTable" class="data-table"></table>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 存量房维度统计 按所在区县 -->
|
|
<section class="data-section">
|
|
<h3>📈 存量房网上签约月统计（按所在区县）</h3>
|
|
<div class="module-card full-width">
|
|
<table id="szqxTable" class="data-table"></table>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 存量房维度统计 按建筑面积 -->
|
|
<section class="data-section">
|
|
<h3>📈 存量房网上签约月统计（按建筑面积）</h3>
|
|
<div class="module-card full-width">
|
|
<table id="jzmjTable" class="data-table"></table>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 页面截图 -->
|
|
<section class="data-section">
|
|
<h3>📷 页面截图</h3>
|
|
<div class="module-card full-width">
|
|
<div id="screenshotContainer">
|
|
<p>加载中...</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>最后更新：<span id="lastUpdate"></span></p>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="/public/define.js"></script>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|