@model CP.Web.ZstOutHelp
@using CP.Model;
@using CP.Common;

@{
    Layout = "~/Views/Shared/_zst.cshtml";
    var chart = Model.Chart;
    Page.Title = chart.title;
    Page.Description = chart.description;
    Page.Keywords = chart.keywords;


    Page.Chart = Model.Chart;
    Page.Cz = Model.Cz;
    Page.InnerLink = Model.InnerLinkList;
    Page.ZsList = Model.ZsList;
    Page.GjList = Model.GjList;
    Page.YlList = Model.YlList;
    Page.TbList = Model.TbList;
    Page.ZtList = Model.ZtList;
    
    
    

    var cz = Model.Cz;
}
@section head{
    <link href="~/static/images/fancybox/jquery.fancybox.css" rel="stylesheet" />
    <script src="~/static/images/fancybox/jquery.fancybox.js"></script>
    <script src="~/static/hc/highcharts.js"></script>
    <script src="~/static/hc/exporting.js"></script>
}

<div class="wrap">
    <div class="navbar">
        <span>当前位置：</span><a href="/">首页</a> - <a href="/tool/">@chart.tid.ToString()</a> - <a href="">@cz.name</a> - @chart.name
    </div>
</div>
<div class="wrap">
    <div class="container">
        <div class="title">
            <h1>@chart.name</h1>
            <p>以下每项过滤中，如果您没有选择过滤内容，则视为您不过滤该项！</p>
            <div class="push"><a href="http://www.55128.cn/about/relation.html" target="_blank">有问题联系我们</a></div>
        </div>
    </div>
</div>
<div class="wrap2">
    <div class="tools">
        <h1>@chart.name</h1>
        <table width="100%" cellspacing="0" cellpadding="0" border="0" class="tool_table">
            <thead>
                <tr>
                    <th style="width:816px;" align="center"><div>选择号码</div></th>
                    <th class="br01"></th>
                    <th style="width:380px;"><div>帮助</div></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <div class="gsselect">
                            <div class="item"><input type="radio" name="itemval" id="itemval01" value="0" checked="checked" /><label for="itemval01" style="font-weight:bold;">请选择号码</label></div>
                            <div class="qlcselect">
                                <div class="t">请选择8到17个基本号码</div>
                                <ul>
                                    <li><span>01</span><span>02</span><span>03</span><span>04</span><span>05</span><span>06</span><span>07</span><span>08</span><span>09</span><span>10</span></li>
                                    <li><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span></li>
                                    <li><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span></li>
                                </ul>
                            </div>
                            <div class="qlcselect1">
                                <div class="t">请选择1到5个特别号码</div>
                                <ul>
                                    <li><span>01</span><span>02</span><span>03</span><span>04</span><span>05</span><span>06</span><span>07</span><span>08</span><span>09</span><span>10</span></li>
                                    <li><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span></li>
                                    <li><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span></li>
                                </ul>
                            </div>
                            <input type="hidden" id="reds" />
                            <input type="hidden" id="blues" />
                        </div>
                    </td>
                    <td class="br01"></td>
                    <td rowspan="5" class="toolright">
                        <uc4:right ID="right1" runat="server" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="gsselect">
                            <div class="item"><input type="radio" name="itemval" id="itemval02" value="1" /><label for="itemval02" style="font-weight:bold;">多注批量</label></div>
                            <div class="redselect">
                                <div class="t">请批量粘贴或输入您的号码</div>
                                <textarea class="moreline" id="redsline" placeholder="粘贴或输入号码 格式见右侧" autocomplete="off" style="width:405px;height:140px" onfocus="$('#itemval02').attr('checked',true);"></textarea>
                            </div>
                            <div class="blueselect">
                                <div class="t">格式示例</div>
                                <ul style="border:0px;">
                                    <li>
                                        1.输入单式批量(基本号与特别号)<br />
                                        01 02 14 18 20 28 30+10<br />
                                        02 05 09 10 20 21 30+09
                                    </li>
                                    <li>
                                        2.输入小复式批量(只要基本号)<br />
                                        01 02 14 18 20 24 28 30<br />
                                        03 06 10 20 21 25 27 29
                                    </li>
                                </ul>
                            </div>
                            <input type="hidden" id="reds" />
                            <input type="hidden" id="blues" />
                        </div>
                    </td>
                    <td class="br01"></td>
                </tr>
                <tr>
                    <td>
                        <div class="submit" style="float:left;width:682px;margin-left:58px;+margin-left:30px;_margin-left:36px;">
                            <button type="submit" class="enter" style="margin-left:134px;" id="enter" onclick="showqlcdbresult();return false;">开始分析 [确定]</button>
                            <button type="reset" class="reset" id="reset" onclick="reset();">重新选择 [取消]</button>
                        </div>
                    </td>
                    <td class="br01"></td>
                </tr>
                <tr>
                    <td>
                        <div class="resultgsselect">
                            历史对比分析结果
                        </div>
                    </td>
                    <td class="br01"></td>
                </tr>
                <tr>
                    <td>
                        <div class="gsresult">
                            <div class="dbnumbers">                                </div>
                            <div class="dbdetail">                                </div>
                        </div>
                    </td>
                    <td class="br01"></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

@section script{
<script type="text/javascript">
    var json = "";
    function selectvalue(id) {
        var array = new Array();
        var o = $("." + id);
        o.find("span.tab").each(function () {
            array.push($(this).html());
        });
        var ival = array.join(',');
        if (id == "qlcselect")
            $("#reds").val(ival);
        if (id == "qlcselect1")
            $("#blues").val(ival);
    }

    function reset() {
        $("#resultinfo").text("");
        $("#reds").val('');
        $("#blues").val('');
        $(".qlcselect").find("span").each(function () {
            $(this).attr("class", "");
        });
        $(".qlcselect1").find("span").each(function () {
            $(this).attr("class", "");
        });
        $(".dbnumbers").html('');
        $(".dbdetail").html('');

    }


    $(function () {
        //红球选择
        var id = "qlcselect";
        var o = $("." + id);
        o.find("span").on("click", function () {
            $("#itemval01").attr("checked", true);
            var val = $(this).html();
            if ($(this).attr("class") != "tab") {
                var i = 0;
                o.find("span.tab").each(function () {
                    i++;
                });

                $(this).attr("class", "tab");
            }
            else {
                $(this).attr("class", "");
            }
            selectvalue(id);
        });

        var bid = "qlcselect1";
        var o = $("." + bid);
        o.find("span").on("click", function () {
            $("#itemval01").attr("checked", true);
            var val = $(this).html();
            if ($(this).attr("class") != "tab") {
                var i = 0;
                o.find("span.tab").each(function () {
                    i++;
                });

                $(this).attr("class", "tab");
            }
            else {
                $(this).attr("class", "");
            }
            selectvalue(bid);
        });

    })
</script>
}