sbd-npm 1.1.94 → 1.1.97

package/stock_basics.js

@@ -0,0 +1,1320 @@
+let Stock = {
+
+    code: "",
+    name: "",
+    price: 0,
+    tab_token: "basics_nav",
+    sort_type: "date",
+    sort_order: 0,
+    ttm_second: 0,
+    rzye_chart: false,
+    hkex_holding_chart: false,
+    hist_type: "",
+    hist_start_date: "",
+    hist_end_date: "",
+    profile: "",
+    data: {},
+    profit_data: [],    // 盈利数据
+
+    fetch_data: function () {
+        let active_div = localStorage[Stock.tab_token];
+        if (Stock.data.hasOwnProperty(active_div)) {
+            return false;
+        }
+        Util.show_tips("Loading...");
+        switch (active_div) {
+            case "base":
+                Stock.fetch_base();
+                Util.init_metrics_statistics("amount", "成交额(单位:亿)", Stock.handle_metrics_statistics);
+                Util.init_metrics_statistics("volume", "成交量(单位:亿股)", Stock.handle_metrics_statistics);
+                Util.init_metrics_statistics("margin", "融资余额(单位:亿)", Stock.handle_metrics_statistics);
+                Util.init_metrics_statistics("hkex_holding", "港资持股量(单位:亿股)", Stock.handle_metrics_statistics);
+                Util.init_metrics_statistics("turnover", "换手率(百分比%)", Stock.handle_metrics_statistics);
+                Stock.fetch_bias_data();
+                break;
+            case "holder_top":
+                Stock.fetch_holder_top();
+                break;
+            case "holder_data":
+                Stock.fetch_holder_num_data();
+                break;
+            case "margin":
+                if (!Stock.rzye_chart) {
+                    Util.init_range_date("margin_start_end_date", Stock, "fetch_margin");
+                }
+                $("#query_margin").click(function () {
+                    Stock.fetch_margin();
+                });
+                $("#margin_date_type").change(function () {
+                    Stock.fetch_margin();
+                });
+                Stock.fetch_margin();
+                break;
+            case "hkex_holding":
+                if (!Stock.hkex_holding_chart) {
+                    Util.init_range_date("hkex_start_end_date", Stock, "fetch_hkex_holding");
+                }
+                $("#query_hkex_holding").click(function () {
+                    Stock.fetch_hkex_holding();
+                });
+                $("#hkex_holding_date_type").change(function () {
+                    Stock.fetch_hkex_holding();
+                });
+                Stock.fetch_hkex_holding();
+                break;
+            case "finance":
+                Stock.fetch_finance();
+                break;
+            case "notice":
+                Stock.fetch_notice();
+                break;
+            case "report_organization":
+                Stock.fetch_report_organization();
+                break;
+            case "public_fund":
+                Stock.fetch_public_fund();
+                break;
+            case "public_fund_change":
+                Stock.fetch_public_fund_change();
+                break;
+            case "big_deal":
+                Stock.fetch_big_deal();
+                break;
+            case "rps":
+                Stock.fetch_rps_data();
+                break;
+            case "hist_trade":  // 个股历史交易记录
+                if (Stock.hist_start_date && Stock.hist_end_date) {
+                    Util.init_range_date("hist_start_end_date", Stock, "fetch_hist_data", Stock.hist_start_date, Stock.hist_end_date);
+                } else {
+                    Util.init_range_date("hist_start_end_date", Stock, "fetch_hist_data", 60);
+                }
+                if (Stock.hist_type) {
+                    $("#hist_type").find("option[value='" + Stock.hist_type + "']").attr("selected", true);
+                }
+                Util.init_table_skeleton({
+                    "element_id": "hist_table",
+                    "caption": '<caption class="text-right" id="stock_hist_summary"></caption>',
+                    "head_cols": [
+                        {"name": "日期", "sort_type": "date"},
+                        {"name": "开盘价"},
+                        {"name": "最低价", "sort_type": "low"},
+                        {"name": "最高价", "sort_type": "high"},
+                        {"name": "收盘价", "sort_type": "close"},
+                        {"name": "涨跌幅", "sort_type": "p_change"},
+                        {"name": "成交均价"},
+                        {"name": "成交量", "sort_type": "volume"},
+                        {"name": "量比", "sort_type": "volume_ratio", "tooltip": "当日成交量与过去 5 日平均成交量的比"},
+                        {"name": "量比30", "sort_type": "volume_ratio30", "tooltip": "当日成交量与过去 30 日平均成交量的比"},
+                        {"name": "成交额", "sort_type": "amount"},
+                        {"name": "换手率", "sort_type": "turnover"},
+                    ]
+                });
+                $("#query_hist").click(function () {
+                    Stock.fetch_hist_data();
+                    return false;
+                });
+                $("#hist_type").change(function () {
+                    Stock.fetch_hist_data();
+                });
+                Util.sort_table_column(Stock, Stock.fetch_hist_data);
+                Stock.fetch_hist_data();
+                break;
+        }
+        Stock["data"][active_div] = 1;
+    },
+
+    fetch_base: function () {
+        let _html = [];
+        let code_obj = $("#code");
+        code_obj.html(Util.snowball_url(code_obj.text()));
+
+        let ttm_obj = $("#time_to_market");
+        Stock.ttm_second = parseInt(ttm_obj.text());
+        ttm_obj.html(Stock.ttm_second > 0 ? Util.seconds_to_format(Stock.ttm_second, "%Y-%m-%d") : "--");
+
+        let concept_obj = $("#concept");
+        if (concept_obj.length > 0) {
+            let concept_arr = concept_obj.html().split(",");
+            _html = [];
+            concept_arr.forEach(function (item) {
+                _html.push('<a target="_blank" rel="noopener noreferrer nofollow" href="', Util.get_url("query_list"), '?concept=', item, '" class="btn btn-xs btn-warning">', item, '</a> ');
+            });
+            concept_obj.html(_html.join(""));
+        }
+
+        let location_obj = $("#location");
+        if (location_obj.length > 0) {
+            let location_arr = location_obj.text().split(",");
+            _html = [];
+            location_arr.forEach(function (location) {
+                _html.push(Util.map_url(location, location) + '&nbsp;&nbsp;');
+            });
+            location_obj.html(_html.join(""));
+        }
+        let cf_obj = $("#currency_funds");
+        cf_obj.html(Util.strip_html(Util.to_unit(cf_obj.attr("title"))));
+        //获取股票详情数据
+        Util.post("/stock/" + Stock["code"], {action: "code_detail"}, function (item) {
+            if (item["intro"]) {
+                // 简介
+                Util.init_modal_skeleton("profile_modal");
+                $("#profile_modal_title").html("简介");
+                Stock.profile = item["intro"];
+                let profile = Util.sub_str(Stock.profile, 250);
+                profile += "&nbsp;&nbsp;&nbsp;<a class='unfold text-info' data-toggle='modal' data-target='.profile_modal' href='#'>展开</a>";
+                $("#profile").html(profile);
+                $('#profile_modal').on('shown.bs.modal', function () {
+                    let p_arr = Stock.profile.split("。");
+                    let _html = [];
+                    p_arr.forEach(function (p) {
+                        if (p.length > 0) {
+                            _html.push("<p>", p.replace(/,/g, "，"), "。</p>");
+                        }
+                    });
+                    Util.render_table_html("profile_modal_body", _html);
+                });
+            }
+            if (item["latest_date"] && !Stock.hist_end_date) {
+                Stock.hist_end_date = Util.seconds_to_format(item["latest_date"], "%Y-%m-%d");
+                Stock.hist_start_date = Util.seconds_to_format(item["latest_date"] - 60 * Util.one_day_second, "%Y-%m-%d");
+            }
+            item["price"] = (item["price"] && item["price"] > 0) ? item["price"] : parseFloat($("#price").html());
+            Stock.price = item["price"];
+            $("#price").html(Util.digit_compare_trend(item["price"], item["pre_close"]));
+            $("#year_price").html(Util.year_price_rate(item["price"], item["year_price"]));
+            let high_52week = $("#high_52week");
+            high_52week.html(Util.digit_compare_trend(high_52week.html(), item["price"]));
+            let low_52week = $("#low_52week");
+            low_52week.html(Util.digit_compare_trend(low_52week.html(), item["price"]));
+            if (item["high_history"]["close"]) {
+                let high_history = $("#high_history");
+                high_history.html(Util.digit_compare_trend(item["high_history"]["close"], item["price"]));
+                high_history.attr("title", Util.seconds_to_format(item["high_history"]["date"], "%Y-%m-%d"))
+            }
+            if (item["low_history"]["close"]) {
+                let low_history = $("#low_history");
+                low_history.html(Util.digit_compare_trend(item["low_history"]["close"], item["price"]));
+                low_history.attr("title", Util.seconds_to_format(item["low_history"]["date"], "%Y-%m-%d"))
+            }
+            // 备注
+            let remark_html = [];
+            if (item["down_day"] > 0) {
+                let down_ratio = "";
+                if (item["down_ratio"] > 0) {
+                    down_ratio = "(" + item["down_ratio"] + "%)";
+                }
+                remark_html.push("<b class='text-success'>" + item["down_day"] + "天连跌" + down_ratio + "</b>");
+            }
+            if (item["is_down_macd"] === 1) {
+                remark_html.push("<b class='text-success'>MACD 下行</b>");
+            }
+            if (item["xsg_date"] > 0) {
+                let xsg_date = Util.seconds_to_format(item["xsg_date"], "%Y-%m-%d");
+                remark_html.push("<b class='text-success'>最近解禁<a href='" + Util.get_url("holder_restricted") + "?tab=xsg_list&date=" + xsg_date + "'>" + xsg_date + "</a></b>");
+            }
+            if (item["price"] > 0 && item["price"] < item["block_trade_price"]) {
+                remark_html.push("<b class='text-danger'>当前价小于最近<a href='" + Util.get_url("daily_block") + "?code=" + item["code"] + "'>大宗交易价(" + item["block_trade_price"] + ")</a></b>");
+            }
+            if (item["is_hkscc"] === 1) {
+                remark_html.push("<b class='text-danger'>港交所成份股</b>");
+            }
+            if (item["is_hs300s"] === 1) {
+                remark_html.push("<b class='text-danger'>沪深300成份股</b>");
+            }
+            if (item["desc"]) {
+                remark_html.push("<br><br><p>" + item["desc"] + "</p>");
+            }
+            remark_html = remark_html.join("， ");
+            if (item["industry_data"]) {
+                if (remark_html.length > 0) {
+                    remark_html += "<br><br>";
+                }
+                remark_html += "&nbsp;&nbsp;<b>行业板块:</b> ";
+                item["industry_data"].forEach(function (i_d) {
+                    let url = Util.get_url("summary_industry") + "?code=" + i_d["code"] + "&industry_type=" + i_d["industry_type"];
+                    remark_html += " <a href='" + url + "' class='btn btn-xs btn-warning'>" + i_d["name"] + "</a>";
+                });
+            }
+            if (item["links"]) {
+                if (remark_html.length > 0) {
+                    remark_html += "<br>";
+                }
+                remark_html += item["links"];
+            }
+            let remark_obj = $("#remark");
+            remark_obj.html(remark_html);
+            remark_obj.find("a").each(function () {
+                $(this).attr("target", "_blank");
+                $(this).attr("rel", "noopener noreferrer nofollow");
+            });
+            // 日均线抵扣价
+            if (item["price"] && item["ma_deduction"] && item["ma_deduction"].length > 0) {
+                let ma_deduction_html = [];
+                item["ma_deduction"].forEach(function (ma) {
+                    if (ma["deduction_price"] > 0) {
+                        let deduction_cls = Util.text_color(item["price"], ma["deduction_price"]);
+                        let ma_cls = Util.text_color(item["price"], ma["ma"]);
+                        ma_deduction_html.push(ma["day"] + "日均线:<b class='" + ma_cls + "'>" + ma["ma"] + "</b>(<b class='" + deduction_cls + "'>" + ma["deduction_price"] + "</b>)");
+                    }
+                });
+                $("#ma_deduction").html(ma_deduction_html.join("、 "));
+            }
+            if (item["boll_up"] && item["boll_up"] > 0 && item["boll_down"] && item["boll_down"] > 0) {
+                $("#boll").html("<a title='当前上轨线 / 当前下轨线' target='_blank' rel='noopener noreferrer nofollow' href='" + Util.get_url("trend_boll") + "'><b class='text-danger'>" + Util.to_float(item["boll_up"], 2) + "</b> / <b class='text-success'>" + Util.to_float(item["boll_down"], 2) + "</b></a>");
+            }
+            if (item["usd_exchange_rate"] && item["usd_exchange_rate"] > 0) {
+                let market_capital = $("#market_capital").attr("data-val");
+                let usd_exchange_rate = Util.to_float((market_capital * 100) / item["usd_exchange_rate"], 2);
+                $("#usd_market_capital").html("($" + usd_exchange_rate + "亿)");
+            }
+
+            // 股东户数
+            let holder_num_url = Util.get_url("holder_num");
+            Util.post(holder_num_url, {action: "holder_num_info", code: Stock.code}, function (j) {
+                if (j["holder_num"] > 0 && j["pre_holder_num"]) {
+                    let holder_num = Util.digit_compare_trend(j["holder_num"], j["pre_holder_num"]);
+                    $("#holder_num").html(Util.pack_html_link(holder_num_url + "?code=" + Stock.code, holder_num));
+                }
+            });
+            Util.hide_tips();
+        });
+    },
+
+    fetch_hist_data: function () {
+        Util.show_tips("Loading...");
+        let hist_type = $("#hist_type").val();
+        let payload = {
+            sort_type: Stock.sort_type,
+            sort_order: Stock.sort_order,
+            start_date: $("#hist_start_date").val(),
+            end_date: $("#hist_end_date").val(),
+            hist_type: hist_type
+        };
+        Util.post("/stock/" + Stock["code"], payload, function (j) {
+            Stock.hist_type = "";
+            let _html = [];
+            let hist_low_price = 0;
+            let hist_high_price = 0;
+            let total_amount = 0;
+            let total_volume = 0;
+            j["data"].forEach(function (item) {
+                if (hist_low_price === 0 || hist_low_price > item["low"]) {
+                    hist_low_price = item["low"];
+                }
+                hist_high_price = Math.max(hist_high_price, item["high"]);
+                if (hist_type === "week") {
+                    item["date"] += Util.one_day_second * 5 - 1;
+                }
+                total_amount += item["amount"];
+                total_volume += item["volume"] * 100;
+                _html.push("<tr>");
+                let tick_time = Util.seconds_to_format(item["date"], "%Y%m%d");
+                let tick_url = "/tick?c=" + Stock.code + "&s=" + tick_time + "&e=" + tick_time;
+                _html.push("<td><a href='", tick_url, "'>", Util.seconds_to_format(item["date"], "%Y-%m-%d"), "</a></td>");
+                _html.push("<td>", item["open"], "</td>");
+                _html.push("<td class='price_low'>", item["low"], "</td>");
+                _html.push("<td class='price_high'>", item["high"], "</td>");
+                let cls = Util.text_color(item["p_change"]);
+                _html.push("<td><b class='", cls, "'>", item["close"], "</b></td>");
+                _html.push("<td><b class='", cls, "'>", item["p_change"], "%</b></td>");
+                _html.push("<td>", Util.to_float(item["amount"] / (item["volume"] * 100), 2), "</td>");
+                _html.push("<td class='volume-td'>", Util.to_float(item["volume"] / 10000, 2), "万手</td>");
+                _html.push("<td class='volume_ratio-td'>", item["volume_ratio"], "</td>");
+                _html.push("<td class='volume_ratio30-td'>", (item["volume_ratio30"] ? item["volume_ratio30"] : "--"), "</td>");
+                _html.push("<td class='amount-td'>", Util.to_hundred_million(item["amount"]), "亿</td>");
+                _html.push("<td>", (item["turnover"] > 0 ? (item["turnover"] + "%") : "--"), "</td>");
+                _html.push("</tr>");
+            });
+            Util.render_table_html("hist_table_body", _html);
+            $(".price_low").each(function () {
+                if (parseFloat($(this).text()) === hist_low_price) {
+                    $(this).html("<span class='label label-success'>" + hist_low_price + "</span>");
+                }
+            });
+            $(".price_high").each(function () {
+                if (parseFloat($(this).text()) === hist_high_price) {
+                    $(this).html("<span class='label label-danger'>" + hist_high_price + "</span>");
+                }
+            });
+            Util.parse_value_trend("volume-td");
+            Util.parse_value_trend("volume_ratio-td");
+            Util.parse_value_trend("volume_ratio30-td");
+            Util.parse_value_trend("amount-td");
+            Util.parse_value_trend("buy_amount-td");
+            Util.parse_value_trend("sell_amount-td");
+            Util.parse_value_trend("rzmre-td");
+            Util.parse_value_trend("rzye-td");
+            $("#stock_hist_summary").html("<b>时间区间内总成交额: <span class='label label-info'>" + Util.to_unit(total_amount) + "</span>, 总成交量: <span class='label label-info'>" + Util.to_unit(total_volume) + "</span> 股, 平均成交价: <span class='label label-warning'>" + Util.to_float(total_amount / total_volume, 2) + "</span></b>");
+            Util.hide_tips();
+        });
+    },
+
+    fetch_big_deal: function () {
+        if ($("#big_deal_table_body").length <= 0) {
+            Util.show_tips("Loading...");
+            Util.init_table_skeleton({
+                "element_id": "big_deal_summary_table",
+                "head_cols": [
+                    {"name": "20日主力净流入"},
+                    {"name": "10日主力净流入"},
+                    {"name": "5日主力净流入"},
+                    {"name": "3日主力净流入"},
+                ]
+            });
+            Util.init_table_skeleton({
+                "element_id": "big_deal_table",
+                "head_cols": [
+                    {"name": "时间", "table_sort": 1},
+                    {"name": "收盘价", "table_sort": 1},
+                    {"name": "主力净流入", "table_sort": 1, "title": "超大单净流入 + 大单净流入"},
+                    {"name": "超大单净流入", "table_sort": 1},
+                    {"name": "大单净流入", "table_sort": 1},
+                    {"name": "中单净流入", "table_sort": 1},
+                    {"name": "小单净流入", "table_sort": 1},
+                ]
+            });
+            Util.post("/stock/" + Stock.code, {action: "big_deal"}, function (j) {
+                if (j["data"] && j["data"]["date"]) {
+                    let date = j["data"]["date"];
+                    //Stock.pack_big_deal("big_deal1", j["data"], "最近一天", date, date);
+                }
+                if (j["money_net_inflow"]) {
+                    let _html = [];
+                    let i = 0;
+                    let day3_net_inflow = 0;
+                    let day5_net_inflow = 0;
+                    let day10_net_inflow = 0;
+                    let day20_net_inflow = 0;
+                    j["money_net_inflow"].forEach(function (item) {
+                        i++;
+                        if (i <= 3) {
+                            day3_net_inflow += item["main_net_inflow"];
+                        }
+                        if (i <= 5) {
+                            day5_net_inflow += item["main_net_inflow"];
+                        }
+                        if (i <= 10) {
+                            day10_net_inflow += item["main_net_inflow"];
+                        }
+                        if (i <= 20) {
+                            day20_net_inflow += item["main_net_inflow"];
+                        }
+                        _html.push("<tr>");
+                        _html.push("<td>", Util.seconds_to_format(item["date"], "%Y-%m-%d"), "</td>");
+                        _html.push("<td><b class='", Util.text_color(item["price_change"]), "'>", item["price"], "(", item["price_change"], "%)</b></td>");
+                        _html.push("<td data-val='", item["main_net_inflow"], "'><b class='", Util.text_color(item["main_net_inflow"]), "'>", Util.to_unit(item["main_net_inflow"]), "</b></td>");
+                        _html.push("<td data-val='", item["large_net_inflow"], "'><b class='", Util.text_color(item["large_net_inflow"]), "'>", Util.to_unit(item["large_net_inflow"]), "</b></td>");
+                        _html.push("<td data-val='", item["big_net_inflow"], "'><b class='", Util.text_color(item["big_net_inflow"]), "'>", Util.to_unit(item["big_net_inflow"]), "</b></td>");
+                        _html.push("<td data-val='", item["middle_net_inflow"], "'><b class='", Util.text_color(item["middle_net_inflow"]), "'>", Util.to_unit(item["middle_net_inflow"]), "</b></td>");
+                        _html.push("<td data-val='", item["small_net_inflow"], "'><b class='", Util.text_color(item["small_net_inflow"]), "'>", Util.to_unit(item["small_net_inflow"]), "</b></td>");
+                        _html.push("</tr>");
+                    });
+                    Util.render_table_html("big_deal_table_body", _html);
+                    _html = [];
+                    _html.push("<tr>");
+                    _html.push("<td><b class='", Util.text_color(day20_net_inflow), "'>", Util.to_unit(day20_net_inflow), "</b></td>");
+                    _html.push("<td><b class='", Util.text_color(day10_net_inflow), "'>", Util.to_unit(day10_net_inflow), "</b></td>");
+                    _html.push("<td><b class='", Util.text_color(day5_net_inflow), "'>", Util.to_unit(day5_net_inflow), "</b></td>");
+                    _html.push("<td><b class='", Util.text_color(day3_net_inflow), "'>", Util.to_unit(day3_net_inflow), "</b></td>");
+                    _html.push("</tr>");
+                    Util.render_table_html("big_deal_summary_table_body", _html);
+                }
+                Util.hide_tips();
+            });
+        }
+    },
+
+    // <div class="col-md-4 col-sm-4 col-xs-12" id="big_deal1"></div>
+    pack_big_deal: function (element_id, data, title, start_date, end_date) {
+        if (data[element_id]) {
+            let pie_element_id = element_id + "_pie";
+            title = "<a target='_blank' class='link_cls' href='" + Util.get_url("daily_big_deal") + "?code=" + Stock.code + "&start_date=" + start_date + "&end_date=" + end_date + "'>" + title + "<a>";
+            let tips = "<small id='" + pie_element_id + "_tips'></small>";
+            $('#' + element_id).html('<div class="x_panel"><div class="x_title"><h2>' + title + tips + '</h2><div class="clearfix"></div></div><div><div style="height: 350px;" id="' + pie_element_id + '"></div></div></div>');
+            Util.big_deal_pie(pie_element_id, data[element_id]);
+        }
+    },
+
+    fetch_rps_data: function () {
+        Util.show_tips("Loading...");
+        Util.post("/stock/" + Stock.code, {action: "rps"}, function (j) {
+            let _html = [];
+            j["data"].forEach(function (item) {
+                _html.push("<tr>");
+                _html.push("<td>", Util.seconds_to_format(item["date"], "%Y-%m-%d"), "</td>");
+                _html.push("<td style='background-color: ", item["rps20_color"], "'>", item["rps20"], "</td>");
+                _html.push("<td>", Util.parse_ratio(item["change_percent20"] * 100, 2), "</td>");
+                _html.push("<td style='background-color: ", item["rps60_color"], "'>", item["rps60"], "</td>");
+                _html.push("<td>", Util.parse_ratio(item["change_percent60"] * 100, 2), "</td>");
+                _html.push("<td style='background-color: ", item["rps120_color"], "'>", item["rps120"], "</td>");
+                _html.push("<td>", Util.parse_ratio(item["change_percent120"] * 100, 2), "</td>");
+                _html.push("</tr>");
+            });
+            if (_html.length > 0) {
+                Util.render_table_html("rps_data", _html);
+            } else {
+                let now = Util.now();
+                if ((now - Stock.ttm_second) < Util.one_year_second) {
+                    let obj = $("#rps_data");
+                    let td_num = obj.parent().find('thead td').length;
+                    obj.html('<tr><td colspan="' + td_num + '">上市时间(' + Util.seconds_to_format(Stock.ttm_second, "%Y-%m-%d") + ')不足一年不做统计!</td></tr>');
+                } else {
+                    Util.render_table_html("rps_data", []);
+                }
+            }
+            Util.hide_tips();
+        });
+    },
+
+    fetch_holder_top: function () {
+        Util.show_tips("Loading...");
+        Util.init_table_skeleton({
+            "element_id": "circulation_holder_table",
+            "head_cols": [
+                {"name": "排名", "table_sort": 1},
+                {"name": "股东名"},
+                {"name": "持股数"},
+                {"name": "持股市值"},
+                {"name": "持股比例"},
+                {"name": "变化"},
+            ]
+        });
+        Util.init_table_skeleton({
+            "element_id": "main_holder_table",
+            "head_cols": [
+                {"name": "排名", "table_sort": 1},
+                {"name": "股东名"},
+                {"name": "持股数"},
+                {"name": "持股市值"},
+                {"name": "持股比例"},
+                {"name": "变化"},
+            ]
+        });
+        let payload = {action: "top_holder"};
+        let date = $("#holder_top_date").val();
+        if (date) {
+            payload["date"] = date;
+        }
+        Util.post("/stock/" + Stock["code"], payload, function (j) {
+            let main_html = [];
+            let circulation_html = [];
+            let main_volume = 0;
+            let pre_main_volume = 0;
+            let circulation_volume = 0;
+            let pre_circulation_volume = 0;
+            j["data"].forEach(function (item) {
+                let change = item["change"];
+                if (change === "None") {
+                    change = "新增";
+                } else if (parseInt(change) === 0) {
+                    change = "不变";
+                } else if (parseFloat(change) > 0) {
+                    change = "<b class='text-danger'>" + change + "%</b>";
+                } else if (parseFloat(change) < 0) {
+                    change = "<b class='text-success'>" + change + "%</b>";
+                }
+                if (parseInt(item["type"]) === 1) {
+                    main_volume += item["volume"];
+                    main_html.push("<tr>");
+                    main_html.push("<td>", item["rank"], "</td>");
+                    main_html.push("<td>", item["holder_name"], "</td>");
+                    main_html.push("<td>", Util.to_unit(item["volume"]), "</td>");
+                    main_html.push("<td>", Util.to_unit(item["volume"] * Stock.price), "</td>");
+                    main_html.push("<td>", item["holder_ratio"], "%</td>");
+                    main_html.push("<td>", change, "</td>");
+                    main_html.push("</tr>");
+                } else {
+                    circulation_volume += item["volume"];
+                    circulation_html.push("<tr>");
+                    circulation_html.push("<td>", item["rank"], "</td>");
+                    circulation_html.push("<td>", item["holder_name"], "</td>");
+                    circulation_html.push("<td>", Util.to_unit(item["volume"]), "</td>");
+                    circulation_html.push("<td>", Util.to_unit(item["volume"] * Stock.price), "</td>");
+                    circulation_html.push("<td>", item["holder_ratio"], "%</td>");
+                    circulation_html.push("<td>", change, "</td>");
+                    circulation_html.push("</tr>");
+                }
+            });
+            j["pre_data"].forEach(function (item) {
+                if (parseInt(item["type"]) === 1) {
+                    pre_main_volume += item["volume"];
+                } else {
+                    pre_circulation_volume += item["volume"];
+                }
+            });
+            if (circulation_volume > 0 && pre_circulation_volume > 0) {
+                let price_tips = "";
+                if (j["date_price"]) {
+                    price_tips = ", 当时价: " + Util.digit_compare_trend1(Stock["price"], j["date_price"]);
+                }
+                $("#circulation_holder_tips").html("(持股数环比: " + Util.year_price_rate(circulation_volume, pre_circulation_volume) + price_tips + ")");
+            } else {
+                $("#circulation_holder_tips").html("");
+            }
+            if (main_volume > 0 && pre_main_volume > 0) {
+                $("#main_holder_tips").html("(持股数环比: " + Util.year_price_rate(main_volume, pre_main_volume) + ")");
+            } else {
+                $("#main_holder_tips").html("");
+            }
+            let symbol = Util.code_to_symbol(Stock.code);
+            Util.render_table_html("circulation_holder_table_body", circulation_html);
+            $("#circulation_holder_url").attr("href", "https://xueqiu.com/snowman/S/" + symbol + "/detail#/LTGD");
+            Util.render_table_html("main_holder_table_body", main_html);
+            $("#main_holder_url").attr("href", "https://xueqiu.com/snowman/S/" + symbol + "/detail#/SDGD");
+            if (j["date_list"]) {
+                let date_html = [];
+                j["date_list"].forEach(function (date) {
+                    date = Util.seconds_to_format(date, "%Y-%m-%d");
+                    date_html.push("<option value='", date, "'>", date, "</option>");
+                });
+                let htd = $("#holder_top_date");
+                htd.html(date_html.join(""));
+                htd.change(function () {
+                    Stock.fetch_holder_top();
+                });
+            }
+            Util.hide_tips();
+        });
+    },
+
+    fetch_finance: function () {
+        Util.show_tips("Loading...");
+        Util.init_table_skeleton({
+            "element_id": "cash_flow_table",
+            "head_cols": [
+                {"name": "年份"},
+                {"name": "经营活动现金流"},
+                {"name": "资本开支"},
+                {"name": "自由现金流", "tooltip": "自由现金流 = 经营活动现金流 - 资本开支"},
+                {
+                    "name": "筹资现金净额",
+                    "tooltip": "筹资活动现金流量，是企业现金流量的重要组成部分，其中包含了筹资活动现金流入和筹资活动现金流出两个小部分，筹资活动现金流入减去筹资活动现金流出，就是企业当期筹资活动产生的现金流量净额"
+                },
+            ]
+        });
+        Util.init_table_skeleton({
+            "element_id": "assets_liabilities_table",
+            "head_cols": [
+                {"name": "年份"},
+                {"name": "总资产"},
+                {"name": "总负债"},
+                {"name": "净资产", "tooltip": "净资产 = 总资产 - 总负债"},
+                {"name": "资产负债率", "tooltip": "资产负债率 = 总负债 / 总资产", "link": "https://baike.baidu.com/item/资产负债率/2429745"},
+                {
+                    "name": "货币资金",
+                    "tooltip": "货币资金(Money) 是指企业拥有的，以货币形式存在的资产，包括现金、银行存款和其他货币资金",
+                    "link": "https://baike.baidu.com/item/货币资金/2408229"
+                },
+                {"name": "短期借款"},
+                {"name": "一年非流债", "tooltip": "一年内到期的非流动负债"},
+                {
+                    "name": "短期还债比",
+                    "tooltip": "货币资金 / (短期借款 + 一年内到期的非流动负债)",
+                    "link": "https://mp.weixin.qq.com/s?__biz=MzAxMjEyOTYwMQ==&mid=2649823683&idx=1&sn=122617d91614ec7b78aa738ca4fdb4ed"
+                },
+                {"name": "商誉"},
+                {"name": "商誉占比"}
+            ]
+        });
+        Util.init_table_skeleton({
+            "element_id": "profit_table",
+            "head_cols": [
+                {"name": "年份季度"},
+                {"name": "净资产收益率(ROE)", "tooltip": "Return On Equity"},
+                {"name": "净利率(%)"},
+                {"name": "毛利率"},
+                {"name": "净利润"},
+                {"name": "每股收益(EPS)", "tooltip": "Earnings Per Share"},
+                {"name": "营业收入"},
+                {"name": "每股主营业务收入"},
+            ]
+        });
+        Util.post("/stock/" + Stock["code"], {action: "finance"}, function (j) {
+            // 现金流
+            let _html = [];
+            let total_ncf_from_oa = 0;
+            let total_cash_paid_for_assets = 0;
+            let total_free_cash_flow = 0;
+            let total_ncf_from_fa = 0;
+            j["cash_flow_data"].forEach(function (item) {
+                total_ncf_from_oa += item["ncf_from_oa"];
+                total_cash_paid_for_assets += item["cash_paid_for_assets"];
+                let free_cash_flow = item["ncf_from_oa"] - item["cash_paid_for_assets"];
+                total_free_cash_flow += free_cash_flow;
+                total_ncf_from_fa += item["ncf_from_fa"];
+                _html.push("<tr>");
+                _html.push("<td>", Util.seconds_to_format(item["date"], "%Y"), "</td>");
+                _html.push("<td>", Util.to_unit(item["ncf_from_oa"]), "</td>");
+                _html.push("<td>", Util.to_unit(item["cash_paid_for_assets"]), "</td>");
+                _html.push("<td>", Util.to_unit(free_cash_flow), "</td>");
+                _html.push("<td>", Util.to_unit(item["ncf_from_fa"]), "</td>");
+                _html.push("</tr>");
+            });
+            total_ncf_from_oa = total_ncf_from_oa >= 0 ? (Util.to_hundred_million(total_ncf_from_oa) + "亿") : ("<b class='text-danger'>" + Util.to_hundred_million(total_ncf_from_oa) + "亿</b>");
+            total_cash_paid_for_assets = total_cash_paid_for_assets >= 0 ? (Util.to_hundred_million(total_cash_paid_for_assets) + "亿") : ("<b class='text-danger'>" + Util.to_hundred_million(total_cash_paid_for_assets) + "亿</b>");
+            total_free_cash_flow = total_free_cash_flow >= 0 ? (Util.to_hundred_million(total_free_cash_flow) + "亿") : ("<b class='text-danger'>" + Util.to_hundred_million(total_free_cash_flow) + "亿</b>");
+            total_ncf_from_fa = total_ncf_from_fa >= 0 ? (Util.to_hundred_million(total_ncf_from_fa) + "亿") : ("<b class='text-danger'>" + Util.to_hundred_million(total_ncf_from_fa) + "亿</b>");
+            _html.push("<tr><td>总计</td><td>" + total_ncf_from_oa + "</td><td>" + total_cash_paid_for_assets + "</td><td>" + total_free_cash_flow + "</td><td>" + total_ncf_from_fa + "</td></tr>");
+            Util.render_table_html("cash_flow_table_body", _html);
+            // 资产负债
+            _html = [];
+            j["assets_liabilities_data"].forEach(function (item) {
+                let net_assets = item["total_assets"] - item["total_liabilities"];
+                let goodwill = "--";
+                let goodwill_rate = "--";
+                if (item["goodwill"] > 0) {
+                    goodwill = Util.to_unit(item["goodwill"]);
+                    goodwill_rate = Util.to_float((item["goodwill"] / net_assets) * 100, 2) + "%";
+                }
+                let debt_asset_ratio = "--";
+                if (item["debt_asset_ratio"] > 0) {
+                    debt_asset_ratio = Util.to_float(item["debt_asset_ratio"], 2) + "%";
+                }
+                _html.push("<tr>");
+                _html.push("<td>", item["year"], "(", item["quarter"], ")</td>");
+                _html.push("<td>", Util.to_unit(item["total_assets"]), "</td>");
+                _html.push("<td>", Util.to_unit(item["total_liabilities"]), "</td>");
+                _html.push("<td>", Util.to_unit(net_assets), "</td>");
+                _html.push("<td>", debt_asset_ratio, "</td>");
+                _html.push("<td>", Util.to_unit(item["currency_funds"]), "</td>");
+                _html.push("<td>", Util.to_unit(item["short_term_loan"]), "</td>");
+                _html.push("<td>", Util.to_unit(item["noncurrent_liab_due_in1y"]), "</td>");
+                let flr = "--";
+                if (item["short_term_loan"] > 0 && item["noncurrent_liab_due_in1y"] > 0) {
+                    flr = Util.to_float(item["currency_funds"] / (item["short_term_loan"] + item["noncurrent_liab_due_in1y"]), 2);
+                    flr = flr >= 1 ? flr : ("<b class='text-danger'>" + flr + "</br>");
+                }
+                _html.push("<td>", flr, "</td>");
+                _html.push("<td>", goodwill, "</td>");
+                _html.push("<td>", goodwill_rate, "</td>");
+                _html.push("</tr>");
+            });
+            Util.render_table_html("assets_liabilities_table_body", _html);
+            Stock.profit_data = j["profit_data"];
+            Stock.render_profit_data();
+            $("#quarter").change(function () {
+                Stock.render_profit_data();
+            });
+            Util.hide_tips();
+        });
+    },
+
+    render_profit_data: function () {
+        let _html = [];
+        let quarter = parseInt($("#quarter").val());
+        Stock["profit_data"].forEach(function (item) {
+            if (quarter === 0 || quarter === item["quarter"]) {
+                let tr_cls = (quarter === 0 && item["quarter"] === 4) ? "success" : "";
+                _html.push("<tr class='", tr_cls, "'>");
+                _html.push("<td>", item["year"], "-", item["quarter"], "</td>");
+                _html.push("<td>", item["roe"], "</td>");
+                _html.push("<td>", item["net_profit_ratio"], "</td>");
+                _html.push("<td>", Util.to_float(item["gross_profit_rate"], 2), "%</td>");
+                _html.push("<td>", Util.to_unit(item["net_profits"] * 1000000), "</td>");
+                _html.push("<td>", Util.to_float(item["eps"], 3), "元</td>");
+                _html.push("<td>", Util.to_unit(item["business_income"] * 1000000), "</td>");
+                _html.push("<td>", Util.to_float(item["bips"], 2), "元</td>");
+                _html.push("</tr>");
+            }
+        });
+        Util.render_table_html("profit_table_body", _html);
+    },
+
+    fetch_holder_num_data: function () {
+        Stock["holder_chart"] = Util.show_chart_loading(Stock["holder_chart"], "holder_data_line_canvas");
+        Util.init_table_skeleton({
+            "element_id": "holder_data_table",
+            "head_cols": [
+                {"name": "时间", "table_sort": 1},
+                {"name": "人数", "title": "当前股东数", "table_sort": 1},
+                {"name": "股价变动", "title": "同期股价变动幅度", "table_sort": 1},
+                {"name": "人均持股", "table_sort": 1},
+                {"name": "人均持股市值", "table_sort": 1},
+                {"name": "流通持股", "title": "十大流通股东持股(万股)", "table_sort": 1},
+                {"name": "流通比例", "title": "十大流通股东占流通股本比例", "table_sort": 1},
+                {"name": "股东持股", "title": "十大股东持股(万股)", "table_sort": 1},
+                {"name": "股东比例", "title": "十大股东占流通股本比例", "table_sort": 1},
+                {"name": "基金持股", "title": "基金持股(万股)", "table_sort": 1},
+                {"name": "基金比例", "title": "基金占流通股本比例", "table_sort": 1},
+            ]
+        });
+        Util.post("/stock/" + Stock["code"], {action: "holder_num"}, function (j) {
+            Stock["holder_chart"].hideLoading();
+            let date_data = [];
+            let holder_data = [];
+            let price_data = [];
+            let _html = [];
+            let latest_date = 0;
+            let max_holder_num = 0;
+            let max_holder_num_date = 0;
+            let min_holder_num = Util.one_year_second;
+            let min_holder_num_date = 0;
+            j["data"].forEach(function (item) {
+                let date_format = Util.seconds_to_format(item["date"], "%Y-%m-%d");
+                latest_date = Math.max(latest_date, item["date"]);
+                if (item["holder_num"] > max_holder_num) {
+                    max_holder_num = item["holder_num"];
+                    max_holder_num_date = date_format;
+                }
+                if (item["holder_num"] < min_holder_num) {
+                    min_holder_num = item["holder_num"];
+                    min_holder_num_date = date_format;
+                }
+                date_data.push(date_format);
+                holder_data.push(item["holder_num"]);
+                price_data.push(item["price"]);
+                _html.push("<tr>");
+                _html.push("<td>", date_format, "</td>");
+                _html.push("<td>", Util.digit_compare_trend(item["holder_num"], item["pre_holder_num"]), "</td>");
+                _html.push("<td><b class='", Util.text_color(item["price_change"]), "'>", item["price"], "(", item["price_change"], "%)</b></td>");
+                _html.push("<td>", item["avg_num"], "</td>");
+                _html.push("<td>", Util.to_unit(item["avg_num"] * item["price"]), "</td>");
+                _html.push("<td>", item["circulation_stock"], "</td>");
+                _html.push("<td>", item["circulation_stock_ratio"], "%</td>");
+                _html.push("<td>", item["main_stock"], "</td>");
+                _html.push("<td>", item["main_stock_ratio"], "%</td>");
+                _html.push("<td>", item["fund_stock"], "</td>");
+                _html.push("<td>", item["fund_stock_ratio"], "%</td>");
+                _html.push("</tr>");
+            });
+            let holder_num_summary = "";
+            if (j["latest_date"]) {
+                if (j["previous_date"] > latest_date) {
+                    date_data.unshift(Util.seconds_to_format(j["previous_date"], "%Y-%m-%d"));  // 将新项添加到数组的开头
+                    holder_data.unshift(j["previous_holder_num"]);
+                    price_data.unshift(j["previous_day_price"]);
+                }
+                let latest_date_format = Util.seconds_to_format(j["latest_date"], "%Y-%m-%d");
+                if (j["latest_date"] > latest_date) {
+                    latest_date = latest_date_format;
+                    date_data.unshift(latest_date);
+                    holder_data.unshift(j["latest_holder_num"]);
+                    price_data.unshift(j["latest_day_price"]);
+                } else {
+                    latest_date = Util.seconds_to_format(latest_date, "%Y-%m-%d");
+                }
+                if (j["latest_holder_num"] > max_holder_num) {
+                    max_holder_num = j["latest_holder_num"];
+                    max_holder_num_date = latest_date_format;
+                }
+                if (j["latest_holder_num"] < min_holder_num) {
+                    min_holder_num = j["latest_holder_num"];
+                    min_holder_num_date = latest_date_format;
+                }
+                max_holder_num = Math.max(max_holder_num, j["latest_holder_num"]);
+                min_holder_num = Math.min(min_holder_num, j["latest_holder_num"]);
+                holder_num_summary += "最新(" + latest_date + "):" + Util.digit_compare_trend(j["latest_holder_num"], j["previous_holder_num"]);
+            }
+            if (max_holder_num > 0) {
+                holder_num_summary += "&nbsp;&nbsp;历史最多(" + max_holder_num_date + "):<b class='text-success'>" + max_holder_num + "</b>&nbsp;&nbsp;历史最少(" + min_holder_num_date + "):<b class='text-danger'>" + min_holder_num + "<b>";
+            }
+            $("#holder_num_summary").html(holder_num_summary);
+            date_data = date_data.reverse();
+            holder_data = holder_data.reverse();
+            price_data = price_data.reverse();
+            Stock["holder_chart"] = Util.multi_axis_line(Stock["holder_chart"], "holder_data_line_canvas", date_data, '股东数', holder_data, '股价', price_data);
+            Util.render_table_html("holder_data_table_body", _html);
+            Util.hide_tips();
+        });
+    },
+
+    fetch_notice: function () {
+        Util.show_tips("Loading...");
+        Util.init_table_skeleton({
+            "element_id": "notice_table",
+            "head_cols": [
+                {"name": "序号"},
+                {"name": "标题"},
+                {"name": "日期", "table_sort": 1},
+            ]
+        });
+        let symbol = Util.code_to_symbol(Stock.code).toLowerCase();
+        $("#notice_url").attr("href", "https://vip.stock.finance.sina.com.cn/corp/view/vCB_BulletinGather.php?stock_str=" + symbol);
+        Util.post("/stock/" + Stock["code"], {action: "notice"}, function (j) {
+            let _html = [];
+            j["data"].forEach(function (item, i) {
+                _html.push("<tr title='", item["title"], "'>");
+                _html.push("<td>", i + 1, "</td>");
+                _html.push("<td><a target='_blank' rel='noopener noreferrer nofollow' href='", item["url"], "'>", Util.sub_str(item["title"], 70), "</a></td>");
+                _html.push("<td>", Util.seconds_to_format(item["date"], "%Y-%m-%d"), "</td>");
+                _html.push("</tr>");
+            });
+            Util.render_table_html("notice_table_body", _html);
+            //年报数据
+            let now = Util.now();
+            let dist_time = Util.one_day_second * 400;
+            if ((now - Stock.ttm_second) > dist_time) {
+                Util.post(Util.get_url("notice_report_annual"), {action: "report", code: Stock.code}, function (j) {
+                    let _html = [];
+                    _html.push("<option value=''>年度报告</option>");
+                    j["data"].forEach(function (item) {
+                        _html.push("<option value='", item["url"], "'>", item["year"], "年度报告</option>");
+                    });
+                    let report_obj = $("#report");
+                    report_obj.html(_html.join(""));
+                    report_obj.change(function () {
+                        let url = $(this).val();
+                        if (url) {
+                            window.open(url, "_blank");
+                        }
+                    });
+                });
+            }
+            Util.hide_tips();
+        });
+    },
+
+    // 机构研究报告数据
+    fetch_report_organization: function () {
+        Util.show_tips("Loading...");
+        Util.init_table_skeleton({
+            "element_id": "report_organization_table",
+            "head_cols": [
+                {"name": "序号"},
+                {"name": "标题"},
+                {"name": "机构"},
+                {"name": "研究员"},
+                {"name": "日期", "table_sort": 1},
+                {"name": "价格变化", "table_sort": 1},
+            ]
+        });
+        Util.post("/stock/" + Stock["code"], {action: "report_organization"}, function (j) {
+            let _html = [];
+            j["data"].forEach(function (item, i) {
+                _html.push("<tr title='", item["title"], "'>");
+                _html.push("<td>", i + 1, "</td>");
+                _html.push("<td><a target='_blank' rel='noopener noreferrer nofollow' href='https://stock.finance.sina.com.cn/stock/go.php/vReport_Show/kind/search/rptid/", item["id"], "/index.phtml'>", Util.sub_str(item["title"], 70), "</a></td>");
+                _html.push("<td>", item["organization"], "</td>");
+                _html.push("<td>", item["analysts"], "</td>");
+                _html.push("<td>", Util.seconds_to_format(item["ctime"], "%Y-%m-%d"), "</td>");
+                _html.push("<td>", Util.digit_compare_trend1(Stock["price"], item["day_price"]), "</td>");
+                _html.push("</tr>");
+            });
+            Util.render_table_html("report_organization_table_body", _html);
+            Util.hide_tips();
+        });
+    },
+
+    // 公募持股
+    fetch_public_fund: function () {
+        Util.show_tips("Loading...");
+        Util.init_table_skeleton({
+            "element_id": "public_fund_table",
+            "head_cols": [
+                {"name": "序号"},
+                {"name": "基金代码"},
+                {"name": "基金名"},
+                {"name": "净值", "tooltip": "单位净值", "table_sort": 1},
+                {"name": "资产规模", "table_sort": 1},
+                {"name": "基金类型"},
+                {"name": "投资类型"},
+                {"name": "基金管理公司"},
+                {"name": "成立日期", "table_sort": 1},
+                {"name": "持有量", "table_sort": 1},
+                {"name": "持仓市值", "table_sort": 1},
+                {"name": ""},
+            ]
+        });
+        Util.post("/stock/" + Stock["code"], {
+            action: "public_fund",
+            public_fund_date: $("#public_fund_date").val()
+        }, function (j) {
+            let _html = [];
+            let total_public_fund = 0;
+            let total_stock_num = 0;
+            let total_market_capital = 0;
+            j["data"].forEach(function (item) {
+                total_public_fund++;
+                total_stock_num += item["stock_num"];
+                total_market_capital += item["market_capital"];
+                let public_date = "--";
+                if (item["public_date"] > 0) {
+                    public_date = Util.seconds_to_format(item["public_date"], "%Y-%m-%d");
+                }
+                let net = item["net"];
+                let cls = Util.text_color(item["change_percent"])
+                if (cls !== "") {
+                    net = "<b class='" + cls + "'>" + net + "(" + Util.to_float(item["change_percent"], 2) + "%)</b>";
+                }
+                _html.push("<tr class='", (($.inArray(item["fund_code"], j["etf_code_list"]) > -1) ? "danger" : ""), "'>");
+                _html.push("<td>", total_public_fund, "</td>");
+                _html.push("<td>", Util.pack_html_link('https://fund.eastmoney.com/' + item["fund_code"] + '.html', item["fund_code"]), "</td>");
+                _html.push("<td title='基金概况'>", Util.pack_html_link('https://fundf10.eastmoney.com/jbgk_' + item["fund_code"] + '.html', item["fund_name"]), "</td>");
+                _html.push("<td>", net, "</td>");
+                _html.push("<td>", item["assets"], "亿</td>");
+                _html.push("<td>", item["fund_type"], "</td>");
+                _html.push("<td>", item["invest_type"], "</td>");
+                _html.push("<td>", item["administrator"], "</td>");
+                _html.push("<td>", public_date, "</td>");
+                _html.push("<td>", Util.to_ten_thousand(item["stock_num"], 3), "万</td>");
+                _html.push("<td>", Util.to_hundred_million(item["market_capital"], 4), "亿</td>");
+                _html.push("<td><a class='link_cls' data-toggle='modal' data-target='.public_fund_modal' data-val='", item["fund_code"], "'>详细</a></td>");
+                _html.push("</tr>");
+            });
+            Util.render_table_html("public_fund_table_body", _html);
+            $("#public_fund_tips").html('共 <span class="label label-info">' + total_public_fund + '</span> 家， <span class="label label-info">' + Util.to_hundred_million(total_stock_num, 3) + '</span> 亿股，<span class="label label-info">' + Util.to_hundred_million(total_market_capital, 3) + '</span>亿市值');
+            if ($("#public_fund_date").length === 0) {
+                Util.post("/stock/" + Stock["code"], {action: "public_fund_date"}, function (j) {
+                    let _html = [];
+                    _html.push('<select id="public_fund_date">');
+                    j["data"].forEach(function (item) {
+                        _html.push('<option value="', item["date"], '">', item["date"], '</option>');
+                    });
+                    _html.push('</select>');
+                    $("#public_fund_date_zone").html(_html.join(""));
+                    $("#public_fund_date").change(function () {
+                        Stock.fetch_public_fund();
+                    });
+                });
+            }
+            Util.hide_tips();
+        });
+    },
+
+    fetch_public_fund_change: function () {
+        Stock["pfc_stock_chart"] = Util.show_chart_loading(Stock["pfc_stock_chart"], "pfc_stock_line_canvas");
+        Util.init_table_skeleton({
+            "element_id": "pfc_fund_table",
+            "head_cols": [
+                {"name": "时间", "table_sort": 1},
+                {"name": "股价", "table_sort": 1},
+                {"name": "总持股数(万股)", "table_sort": 1},
+                {"name": "持仓家数", "table_sort": 1},
+            ]
+        });
+        Util.post("/stock/" + Stock["code"], {action: "public_fund_change"}, function (j) {
+            Stock["pfc_stock_chart"].hideLoading();
+            let date_data = [];
+            let fund_num_data = [];
+            let stock_num_data = [];
+            let price_data = [];
+            let _html = [];
+            j["data"].forEach(function (item) {
+                let date_format = Util.seconds_to_format(item["date"], "%Y-%m-%d");
+                date_data.push(date_format);
+                fund_num_data.push(item["fund_num"]);
+                stock_num_data.push(item["stock_num"]);
+                price_data.push(item["price"]);
+                _html.push("<tr>");
+                _html.push("<td>", date_format, "</td>");
+                _html.push("<td>", item["price"], "</td>");
+                _html.push("<td>", item["stock_num"], "</td>");
+                _html.push("<td>", item["fund_num"], "</td>");
+                _html.push("</tr>");
+            });
+            date_data = date_data.reverse();
+            fund_num_data = fund_num_data.reverse();
+            stock_num_data = stock_num_data.reverse();
+            price_data = price_data.reverse();
+            Stock["pfc_stock_chart"] = Util.multi_axis_line(Stock["pfc_stock_chart"], "pfc_stock_line_canvas", date_data, '总持股数(万股)', stock_num_data, '股价', price_data);
+            Stock["pfc_fund_chart"] = Util.multi_axis_line(Stock["pfc_fund_chart"], "pfc_fund_line_canvas", date_data, '持仓家数', fund_num_data, '股价', price_data);
+            if (j["cur_stock_num"] && j["cur_stock_num"] > 0 && j["pre_stock_num"] && j["pre_stock_num"] > 0) {
+                $("#pfc_stock_tips").html("(当前持股数: <b class='text-info'>" + Util.to_unit(j["cur_stock_num"] * 10000, 3) + "</b>, 环比: " + Util.year_price_rate(j["cur_stock_num"], j["pre_stock_num"]) + ")");
+            }
+            if (j["cur_fund_num"] && j["cur_fund_num"] > 0 && j["pre_fund_num"] && j["pre_fund_num"] > 0) {
+                $("#pfc_fund_tips").html("(当前基金数: <b class='text-info'>" + Util.to_unit(j["cur_fund_num"]) + "</b>, 环比: " + Util.year_price_rate(j["cur_fund_num"], j["pre_fund_num"]) + ")");
+            }
+            if (j["cfi_id"]) {
+                $("#pfc_stock_tips").parent().find("a").each(function () {
+                    let url = $(this).attr("href");
+                    if (url && url.indexOf("cfi") !== -1) {
+                        $(this).attr("href", "https://quote.cfi.cn/jjccbd/" + j["cfi_id"] + "/" + Stock["code"] + ".html");
+                    }
+                });
+            }
+            Util.render_table_html("pfc_fund_table_body", _html);
+            Util.hide_tips();
+        });
+    },
+
+    handle_metrics_statistics: function (metrics, date_type) {
+        Stock[metrics + "_bar_chart"] = Util.startup_metrics_statistics(Stock[metrics + "_bar_chart"], metrics, date_type);
+        if (metrics === "margin" || metrics === "hkex_holding") {
+            let t_obj = $("#" + metrics + "_title");
+            if (!t_obj.hasClass("link_cls")) {
+                t_obj.addClass("link_cls");
+                t_obj.click(function () {
+                    Util.eventFire(metrics, 'click');
+                });
+            }
+        }
+        let metrics_drop_down_btn_id = metrics + "_btn_" + date_type;
+        let interval = parseInt($("#" + metrics_drop_down_btn_id).text());
+        Util.post("/stock/" + Stock["code"], {
+            action: "metrics_statistics",
+            metrics: metrics,
+            date_type: date_type,
+            interval: interval
+        }, function (j) {
+            Stock[metrics + "_bar_chart"].hideLoading();
+            let date_data = [];
+            let value_data = [];
+            let price_data = [];
+            let color_data = [];
+            j["data"].forEach(function (item) {
+                date_data.push(item["date"]);
+                value_data.push(item["value"]);
+                price_data.push(item["price"]);
+                color_data.push("#E74C3C");
+            });
+            if (j["current"] && j["current"]["value"] && j["current"]["value"] > 0) {
+                date_data.push(j["current"]["date"]);
+                value_data.push(j["current"]["value"]);
+                price_data.push(j["current"]["price"]);
+                color_data.push("#C9CBCF");
+            }
+            let title = Util.strip_bracket_string($("#" + metrics + "_title").text());
+            Stock[metrics + "_bar_chart"] = Util.chart_bar_line(Stock[metrics + "_bar_chart"], metrics + "_bar_canvas", date_data, value_data, title, color_data, price_data, "价格");
+            if (Stock[metrics + "_bar_chart"]) {
+                Stock[metrics + "_bar_chart"].on('click', function (params) {
+                    if (params["componentSubType"] === "bar" && (metrics === "amount" || metrics === "volume")) {
+                        let date_type = "week";
+                        $("." + metrics + "_bar_btn").each(function () {
+                            if ($(this).hasClass("btn-info")) {
+                                date_type = $(this).attr("data-val");
+                            }
+                        });
+                        let date = params["name"];
+                        if (date_type === "week") {
+                            date = Util.format_to_second(date);
+                            date = date - 4 * Util.one_day_second;
+                            Stock.hist_start_date = Util.seconds_to_format(date, "%Y-%m-%d");
+                            Stock.hist_end_date = Util.seconds_to_format(date - 1 + 7 * Util.one_day_second, "%Y-%m-%d");
+                        } else if (date_type === "month") {
+                            Stock.hist_start_date = date;
+                            let d_arr = date.split("-");
+                            let year = parseInt(d_arr[0]);
+                            let month = parseInt(d_arr[1]);
+                            if (month === 12) {
+                                month = 1;
+                                year += 1;
+                            } else {
+                                month += 1;
+                            }
+                            date = Util.format_to_second(year + "-" + month + "-01");
+                            Stock.hist_end_date = Util.seconds_to_format(date - 1, "%Y-%m-%d");
+                        } else if (date_type === "season") {
+                            let d_arr = date.split("-");
+                            let year = parseInt(d_arr[0]);
+                            let season = d_arr[1];
+                            if (season === "S1") {
+                                Stock.hist_start_date = year + "-01-01";
+                                date = year + "-04-01";
+                            } else if (season === "S2") {
+                                Stock.hist_start_date = year + "-04-01";
+                                date = year + "-07-01";
+                            } else if (season === "S3") {
+                                Stock.hist_start_date = year + "-07-01";
+                                date = year + "-10-01";
+                            } else {
+                                Stock.hist_start_date = year + "-10-01";
+                                date = (year + 1) + "-01-01";
+                            }
+                            date = Util.format_to_second(date);
+                            Stock.hist_end_date = Util.seconds_to_format(date - 1, "%Y-%m-%d");
+                        }
+                        Stock.hist_type = date_type;
+                        delete Stock.data["hist_trade"];
+                        Util.eventFire("hist_trade", 'click');
+                    }
+                });
+            }
+            if (j["interval_week"]) {
+                $("#" + metrics + "_tips").html("<b class='text-success'>(创连续" + j["interval_week"] + "周成交额最低)<b>");
+            }
+            Util.hide_tips();
+        });
+    },
+
+    fetch_bias_data: function () {
+        Util.show_tips("Loading...");
+        Util.post("/stock/" + Stock["code"], {action: "bias"}, function (j) {
+            let date_data = [];
+            let bias20_data = [];
+            let bias60_data = [];
+            let bias120_data = [];
+            let price_data = [];
+            let color_data = [];
+            let current_date = 0;
+            let current_bias20 = 0;
+            let current_bias60 = 0;
+            let current_bias120 = 0;
+            j["data"].forEach(function (item) {
+                if (item["date"] > current_date) {
+                    current_date = item["date"];
+                    current_bias20 = item["bias20"];
+                    current_bias60 = item["bias60"];
+                    current_bias120 = item["bias120"];
+                }
+                date_data.push(Util.seconds_to_format(item["date"], "%Y-%m-%d"));
+                bias20_data.push(item["bias20"]);
+                bias60_data.push(item["bias60"]);
+                bias120_data.push(item["bias120"]);
+                price_data.push(item["price"]);
+                color_data.push("#C9CBCF");
+            });
+            Stock["bias_chart"] = Util.bias_bar_line(Stock["bias_chart"], "bias_line_chart", date_data, bias120_data, color_data, bias20_data, bias60_data, price_data);
+            $("#bias_summary").html("当前120日乖离率：" + Util.label_text_color(current_bias120) + "， 60日乖离率：" + Util.label_text_color(current_bias60) + "， 20日乖离率：" + Util.label_text_color(current_bias20) + "，20日最高乖离率：" + Util.label_text_color(j["max_bias20"]) + "(" + Util.seconds_to_format(j["max_bias20_date"], "%Y-%m-%d") + ")，20日最低乖离率：" + Util.label_text_color(j["min_bias20"]) + "(" + Util.seconds_to_format(j["min_bias20_date"], "%Y-%m-%d") + ")");
+            Util.hide_tips();
+        });
+    },
+
+    fetch_margin: function () {
+        Stock["rzye_chart"] = Util.show_chart_loading(Stock["rzye_chart"], "rzye_line_canvas");
+        let is_summary = 0;
+        if (!Stock.rzye_chart) {
+            is_summary = 1;
+        }
+        let payload = {
+            action: "margin",
+            is_summary: is_summary,
+            date_type: $("#margin_date_type").val(),
+            start_date: $("#margin_start_date").val(),
+            end_date: $("#margin_end_date").val()
+        };
+        Util.post("/stock/" + Stock["code"], payload, function (j) {
+            Stock["rzye_chart"].hideLoading();
+            let date_data = [];
+            let rzye_data = [];
+            let rqye_data = [];
+            let price_data = [];
+            let rzye_low = 0;
+            let rzye_high = 0;
+            j["data"].forEach(function (item) {
+                if (rzye_low === 0 || item["rzye"] < rzye_low) {
+                    rzye_low = item["rzye"];
+                }
+                rzye_high = Math.max(rzye_high, item["rzye"]);
+                date_data.push(Util.seconds_to_format(item["date"], "%Y-%m-%d"));
+                rzye_data.push(Util.to_hundred_million(item["rzye"]));
+                rqye_data.push(Util.to_float(item["rqye"] / 10000, 2));
+                price_data.push(item["price"]);
+            });
+            let margin_summary = "";
+            if (!Stock.rzye_chart && j["latest"].length > 0) {
+                if (j["latest"].length === 1) {
+                    margin_summary = "最新(" + Util.seconds_to_format(j["latest"][0]["date"], "%Y-%m-%d") + "): " + Util.to_unit(j["latest"][0]["rzye"]);
+                } else if (j["latest"].length === 2) {
+                    let d1 = j["latest"][0];
+                    let d2 = j["latest"][1];
+                    let difference = d1["rzye"] - d2["rzye"];
+                    let dist_tips = "";
+                    if (difference > 0) {
+                        dist_tips = "(<b title='" + Util.strip_html(Util.to_unit(d2["rzye"])) + "' style='color: #a94442;'>+" + Util.strip_html(Util.to_unit(difference)) + "</b>)";
+                    } else if (difference < 0) {
+                        dist_tips = "(<b title='" + Util.strip_html(Util.to_unit(d2["rzye"])) + "' style='color: #3c763d;'>" + Util.strip_html(Util.to_unit(difference)) + "</b>)";
+                    }
+                    margin_summary = "最新(" + Util.seconds_to_format(d1["date"], "%Y-%m-%d") + "): " + Util.to_unit(d1["rzye"]) + dist_tips;
+                }
+            }
+            margin_summary = '[' + Util.pack_html_link(j["url"], Stock.name) + ']融资余额(单位:亿)' + margin_summary + ' 最高: ' + Util.to_unit(rzye_high) + ' 最低: ' + Util.to_unit(rzye_low);
+            if (j["high"] && j["high"]["date"] && j["high"]["date"] > 0) {
+                margin_summary += ' 历史最高: ' + Util.to_unit(j["high"]["rzye"]) + '(' + Util.seconds_to_format(j["high"]["date"], "%Y-%m-%d") + ')';
+            }
+            if (j["low"] && j["low"]["date"] && j["low"]["date"] > 0) {
+                margin_summary += ' 历史最低: ' + Util.to_unit(j["low"]["rzye"]) + '(' + Util.seconds_to_format(j["low"]["date"], "%Y-%m-%d") + ')';
+            }
+            $("#margin_summary").html(margin_summary);
+            Stock["rzye_chart"] = Util.multi_axis_line(Stock["rzye_chart"], "rzye_line_canvas", date_data, '融资余额', rzye_data, '股价', price_data);
+            let flow_data = [];
+            date_data = [];
+            let color_data = [];
+            j["flow_data"].forEach(function (item) {
+                if (item["value"] !== 0) {
+                    date_data.push(item["date"]);
+                    flow_data.push(item["value"]);
+                    color_data.push(item["value"] > 0 ? "#E74C3C" : "#1ABB9C");
+                }
+            });
+            Stock["margin_month_flow_chart"] = Util.chart_basic_bar(Stock["margin_month_flow_chart"], "margin_month_flow_bar_chart", date_data, flow_data, "增幅", color_data);
+            Stock["rqye_chart"] = Util.multi_axis_line(Stock["rqye_chart"], "rqye_line_canvas", date_data, '融券余额', rqye_data, '股价', price_data);
+            Util.hide_tips();
+        });
+    },
+
+    fetch_hkex_holding: function () {
+        Stock["hkex_holding_chart"] = Util.show_chart_loading(Stock["hkex_holding_chart"], "hkex_holding_line_canvas");
+        let is_summary = 0;
+        if (!Stock.hkex_holding_chart) {
+            is_summary = 1;
+        }
+        let payload = {
+            action: "hkex_holding",
+            is_summary: is_summary,
+            date_type: $("#hkex_holding_date_type").val(),
+            start_date: $("#hkex_start_date").val(),
+            end_date: $("#hkex_end_date").val()
+        };
+        Util.post("/stock/" + Stock["code"], payload, function (j) {
+            Stock["hkex_holding_chart"].hideLoading();
+            let date_data = [];
+            let volume_data = [];
+            let price_data = [];
+            j["data"].forEach(function (item) {
+                date_data.push(Util.seconds_to_format(item["date"], "%Y-%m-%d"));
+                volume_data.push(item["volume"]);
+                price_data.push(item["price"]);
+            });
+            if (!Stock.hkex_holding_chart && j["latest"].length > 0) {
+                let circulation_stock = $("#circulation_stock").attr("data-val");
+                let latest_html = "";
+                if (j["latest"].length === 1) {
+                    let holding_num = Util.to_hundred_million(j["latest"][0]["volume"]);
+                    let holding_rate = Math.round((holding_num / circulation_stock) * 10000) / 100;
+                    latest_html = "最新(" + Util.seconds_to_format(j["latest"][0]["date"], "%Y-%m-%d") + "): " + holding_num + "亿股, 占 <b>" + holding_rate + "%</b> 流通股, ";
+                } else if (j["latest"].length === 2) {
+                    let d1 = j["latest"][0];
+                    let d2 = j["latest"][1];
+                    let difference = d1["volume"] - d2["volume"];
+                    let dist_tips = "";
+                    if (difference > 0) {
+                        dist_tips = "(<b title='" + Util.strip_html(Util.to_unit(d2["volume"])) + "股' style='color: #a94442;'>+" + Util.strip_html(Util.to_unit(difference)) + "股</b>)";
+                    } else if (difference < 0) {
+                        dist_tips = "(<b title='" + Util.strip_html(Util.to_unit(d2["volume"])) + "股' style='color: #3c763d;'>" + Util.strip_html(Util.to_unit(difference)) + "股</b>)";
+                    }
+                    let holding_num = Util.to_hundred_million(d1["volume"]);
+                    let holding_rate = Math.round((holding_num / circulation_stock) * 10000) / 100;
+                    latest_html = "最新(" + Util.seconds_to_format(d1["date"], "%Y-%m-%d") + "): " + holding_num + "亿股" + dist_tips + ", 占 <b>" + holding_rate + "%</b> 流通股, ";
+                }
+                let hhs_obj = $("#hkex_holding_summary");
+                let hkex_holding_summary = hhs_obj.text();
+                hkex_holding_summary = '[<a target="_blank" rel="noopener noreferrer nofollow" class="link_cls" href="' + j["url"] + '">' +
+                    hkex_holding_summary + "</a>]" + latest_html + ' 最高: ' + Util.to_unit(j["high"]["volume"]) +
+                    '股(' + Util.seconds_to_format(j["high"]["date"], "%Y-%m-%d") +
+                    ') 最低: ' + Util.to_unit(j["low"]["volume"]) + '股(' + Util.seconds_to_format(j["low"]["date"], "%Y-%m-%d") + ')';
+                hhs_obj.html(hkex_holding_summary);
+            }
+            Stock["hkex_holding_chart"] = Util.multi_axis_line(Stock["hkex_holding_chart"], "hkex_holding_line_canvas", date_data, '持股数', volume_data, '股价', price_data);
+            let flow_data = [];
+            date_data = [];
+            let color_data = [];
+            j["flow_data"].forEach(function (item) {
+                date_data.push(item["date"]);
+                flow_data.push(item["value"]);
+                color_data.push(item["value"] > 0 ? "#E74C3C" : "#1ABB9C");
+            });
+            Stock["hkex_holding_month_flow_chart"] = Util.chart_basic_bar(Stock["hkex_holding_month_flow_chart"], "hkex_holding_month_flow_chart", date_data, flow_data, "增幅", color_data);
+            Util.hide_tips();
+        });
+    },
+
+    init: function (code, name, price) {
+        Stock.code = code;
+        Stock.name = name;
+        Stock.price = Util.to_float(price, 2);
+        Util.init_hsgt_stock_detail_component("hsgt_stock_detail_modal");
+        Util.init_public_fund_component("public_fund_modal");
+
+        let request_arguments = Util.request_arguments();
+        localStorage[Stock.tab_token] = request_arguments["tab"] ? request_arguments["tab"] : "base";
+        Util.tab_switch(Stock.tab_token, Stock.fetch_data);
+        Stock.fetch_data();
+
+        let circulation_stock = $("#circulation_stock").attr("data-val");
+        let total_stock = $("#total_stock").attr("data-val");
+        let stock_rate = Util.to_float(((circulation_stock / total_stock) * 10000) / 100, 2);
+        $("#stock_rate").html("(" + stock_rate + "%)");
+    }
+
+};