refactor: 前端库整理与图表标准化
库文件整理: - 所有JS/CSS/字体库统一到lib/js/、lib/css/、lib/webfonts/ - 按名称-版本格式重命名(jquery-3.6.0.min.js等) - 删除约80个重复/废弃的库文件副本 - 更新17个文件中的引用路径 图表模式标准化: - moneyflow/realestate/estate3个页面从$.ajax/PHP注入转为fetch+loading overlay模式 - 新增moneyflowData/estateData两个AJAX端点 - chartmoneyflow.js、estate.js移至deprecated README.md更新为完整功能介绍 Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
+83
-58
@@ -1,72 +1,97 @@
|
||||
<?php
|
||||
include_once "../inc/getBasic.inc.php";
|
||||
include_once "../inc/getData.inc.php";
|
||||
include_once "../inc/postJson.inc.php";
|
||||
include_once "../inc/functions.inc.php";
|
||||
$_REQUEST['code']=$_REQUEST['code']?$_REQUEST['code']:'sh';
|
||||
$_REQUEST['hsgt']=$_REQUEST['hsgt']?$_REQUEST['hsgt']:'north_money';
|
||||
$_REQUEST['stacked']=$_REQUEST['stacked']?$_REQUEST['stacked']:'1';
|
||||
$_REQUEST['t_start']=$_REQUEST['t_start']?$_REQUEST['t_start']:'2015-06-01';
|
||||
$_REQUEST['t_end']=$_REQUEST['t_end']?$_REQUEST['t_end']:date('Y-m-d');
|
||||
$title="股指VS沪深港通资金流向";
|
||||
|
||||
$unit = '亿元'; # Without a unit on PE
|
||||
$data=getIndexData(codetocode($_REQUEST['code']),date('Ymd',strtotime($_REQUEST['t_start'])),date('Ymd',strtotime($_REQUEST['t_end'])));
|
||||
$data2 = getMoneyFlowData($_REQUEST['hsgt'], date('Ymd',strtotime($_REQUEST['t_start'])),date('Ymd',strtotime($_REQUEST['t_end'])), $_REQUEST['stacked']);
|
||||
|
||||
#var_dump($data2['data']);
|
||||
$subtext_ext = "Max: ".$data2['data_max'];
|
||||
$subtext_ext .= ", Min: ".$data2['data_min'];
|
||||
$subtext_ext .= ", Average: ".$data2['data_avg'];
|
||||
$subtext_ext .= ", Recent: ".$data2['data_last'];
|
||||
$legend=array(codeToName($_REQUEST['code']),hsgtConv($_REQUEST['hsgt']));
|
||||
include_once "../html/head.php";
|
||||
?>
|
||||
<form name="main" id="main" method="get">
|
||||
<div style="width:100%;text-align:center">
|
||||
指数代码:
|
||||
<select name='code' id='code'>
|
||||
<option value='sh'>上证指数</option>
|
||||
<option value='sz'>深圳成指</option>
|
||||
<option value='zx'>中小板指</option>
|
||||
<option value='cy'>创业板指</option>
|
||||
</select>
|
||||
资金选择:
|
||||
<select name="hsgt" id="hsgt">
|
||||
<option value="ggt_ss">港股通(上海)</option>
|
||||
<option value="ggt_sz">港股通(深圳)</option>
|
||||
<option value="hgt">沪股通</option>
|
||||
<option value="sgt">深股通</option>
|
||||
<option value="north_money">北向资金</option>
|
||||
<option value="south_money">南向资金</option>
|
||||
</select>
|
||||
数据累积:
|
||||
<select name="stacked" id="stacked">
|
||||
<option value="-1">每日值</option>
|
||||
<option value="1">累积值</option>
|
||||
</select>
|
||||
<script>
|
||||
$("#code").val('<?=$_REQUEST['code']?>');
|
||||
$("#hsgt").val('<?=$_REQUEST['hsgt']?>');
|
||||
$("#stacked").val('<?=$_REQUEST['stacked']?>');
|
||||
</script>
|
||||
<script src="../js/renderCharts.js"></script>
|
||||
<form name="main" id="main" method="get"> <div style="width:100%;text-align:center">
|
||||
指数代码:
|
||||
<select name='code' id='code'>
|
||||
<option value='sh'>上证指数</option>
|
||||
<option value='sz'>深圳成指</option>
|
||||
<option value='zx'>中小板指</option>
|
||||
<option value='cy'>创业板指</option>
|
||||
</select>
|
||||
资金选择:
|
||||
<select name="hsgt" id="hsgt">
|
||||
<option value="ggt_ss">港股通(上海)</option>
|
||||
<option value="ggt_sz">港股通(深圳)</option>
|
||||
<option value="hgt">沪股通</option>
|
||||
<option value="sgt">深股通</option>
|
||||
<option value="north_money">北向资金</option>
|
||||
<option value="south_money">南向资金</option>
|
||||
</select>
|
||||
数据累积:
|
||||
<select name="stacked" id="stacked">
|
||||
<option value="-1">每日值</option>
|
||||
<option value="1">累积值</option>
|
||||
</select>
|
||||
开始时间: <input type='date' name='t_start' id='t_start' width='30px' value='<?=$_REQUEST['t_start']?>' >
|
||||
结束时间: <input type='date' name='t_end' id='t_end' width='30px' value='<?=$_REQUEST['t_end']?>' >
|
||||
<input type='submit' value="给我查!">
|
||||
<div > </div>
|
||||
|
||||
|
||||
<button id="submitBtn" class="btn-submit"><span>查询数据</span></button>
|
||||
</div> </form>
|
||||
<div > </div>
|
||||
<div id="container" style="margin:0 auto;height: 400px;width: 1000px"></div>
|
||||
<script type="text/javascript">
|
||||
window.chartConfig = {
|
||||
data: <?php echo json_encode($data['data']); ?>,
|
||||
data2: <?php echo json_encode($data2['data']); ?>,
|
||||
legend: <?php echo json_encode($legend);?>,
|
||||
unit: '<?php echo $unit; ?>',
|
||||
title: '<?php echo codeToName($_REQUEST['code']).'VS'.hsgtConv($_REQUEST['hsgt']); ?>',
|
||||
subtitle: '<?php echo $subtext_ext; ?>'
|
||||
};
|
||||
</script>
|
||||
<script type="text/javascript" src="../js/chartmoneyflow.js?version=3.141"></script>
|
||||
<?php include_once "../html/footer.php"; ?>
|
||||
|
||||
<div id="container" style="width: 1000px; height:400px; margin: 0 auto 20px;">
|
||||
<div class="loading-overlay" id="loadingOverlay">
|
||||
<div class="spinner"></div>
|
||||
<p style="font-size:18px; color:#2c3e50;">正在加载数据,请稍候...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('#code').val('<?= $_REQUEST['code'] ?>');
|
||||
$('#hsgt').val('<?= $_REQUEST['hsgt'] ?>');
|
||||
$('#stacked').val('<?= $_REQUEST['stacked'] ?>');
|
||||
loadChartData();
|
||||
$('#submitBtn').click(function(e) {
|
||||
e.preventDefault();
|
||||
loadChartData();
|
||||
});
|
||||
});
|
||||
|
||||
function loadChartData() {
|
||||
$('#loadingOverlay').addClass('active');
|
||||
var t_start = $('#t_start').val();
|
||||
var t_end = $('#t_end').val();
|
||||
var code = $('#code').val();
|
||||
var hsgt = $('#hsgt').val();
|
||||
var stacked = $('#stacked').val();
|
||||
var codeName = $('#code option:selected').text();
|
||||
var hsgtName = $('#hsgt option:selected').text();
|
||||
|
||||
var url = "../inc/ajax.inc.php?t=moneyflowData&code="+code+"&hsgt="+hsgt+"&stacked="+stacked+"&t_start="+t_start+"&t_end="+t_end;
|
||||
|
||||
fetch(url)
|
||||
.then(function(r) { return r.json(); })
|
||||
.then(function(resp) {
|
||||
var d = resp.data;
|
||||
var indexData = d.indexData;
|
||||
var flowData = d.flowData;
|
||||
var params = {};
|
||||
params.chartid = 'container';
|
||||
params.legend = [codeName, hsgtName+'-亿元'];
|
||||
params.text = params.legend[0] + ' V.S ' + params.legend[1];
|
||||
params.data1 = indexData;
|
||||
params.data2 = flowData;
|
||||
var dataCal = calculateStats(flowData);
|
||||
params.sub_text = hsgtName + " Max:" + dataCal.max;
|
||||
params.sub_text += ", Min:" + dataCal.min;
|
||||
params.sub_text += ", Average:" + dataCal.avg;
|
||||
params.sub_text += ", Recent:" + dataCal.last;
|
||||
doubleLineChart(params);
|
||||
})
|
||||
.catch(function(error) { console.error('数据加载失败:', error); })
|
||||
.finally(function() {
|
||||
$('#loadingOverlay').removeClass('active');
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<?php include_once "../html/footer.php"; ?>
|
||||
|
||||
Reference in New Issue
Block a user