@model CP.Web.ZstOutHelp
@using CP.Model;
@using CP.Common;
@{
    Layout = "~/Views/Shared/_zst.cshtml";
    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;
    Page.Title = Model.Chart.title;
    Page.Description = Model.Chart.description;
    Page.Keywords = Model.Chart.keywords;

    var chart = Model.Chart;
    var cz = Model.Cz;
    var tjmenu = Model.InnerLinkList;
}
<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">
        <table width="100%" cellspacing="0" cellpadding="0" border="0" class="tool_table">
            <thead>
                <tr>
                    <th style="width:105px;"><div>名称</div></th>
                    <th class="br01"></th>
                    <th style="width:711px;" align="left"><div><span style="margin-left:250px;">选择号码</span></div></th>
                    <th class="br01"></th>
                    <th style="width:380px;"><div>帮助</div></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>选择号码</td>
                    <td class="br01"></td>
                    <td>
                        <div class="select">
                            <div class="redselect">
                                <div class="t"><strong>胆码：</strong><label class="hui">请选择最多5个胆码</label></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><span>11</span></li>
                                    <li><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><span>21</span><span>22</span></li>
                                    <li><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span></li>
                                </ul>
                            </div>
                            <div class="dmselect">
                                <div class="t"><strong>拖码：</strong><label class="hui">请选择最多20个拖码</label></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><span>11</span></li>
                                    <li><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><span>21</span><span>22</span></li>
                                    <li><span>23</span><span>24</span><span>25</span><span>26</span><span>27</span><span>28</span><span>29</span><span>30</span><span>31</span><span>32</span><span>33</span></li>
                                </ul>
                            </div>
                            <input type="hidden" id="dms" />
                            <input type="hidden" id="tms" />
                        </div>
                    </td>
                    <td class="br01"></td>
                    <td rowspan="4" class="toolright"></td>
                </tr>
                <tr id="autoblue" style="display:none;">
                    <td>配蓝球</td>
                    <td class="br01"></td>
                    <td>
                        <div class="select">
                            <div class="blueselect">
                                <div class="close" onclick="closeblue();" title="关闭自动配蓝球"></div>
                                <ul>
                                    <li><div style="margin-left:20px;">配蓝球方式：<input type="radio" name="btype" id="bt0" value="0" /><label for="bt0">随机</label> <input type="radio" name="btype" id="bt1" value="1" checked="checked" style="margin-left:16px;" /><label for="bt1">全排列</label><i>(结果为相应注数×蓝球个数)</i></div></li>
                                    <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></li>
                                    <li><span>09</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span></li>
                                </ul>
                            </div>
                        </div>
                        <input type="hidden" id="blues" />
                    </td>
                    <td class="br01"></td>
                </tr>
                <tr>
                    <td></td>
                    <td class="br01"></td>
                    <td>
                        <div class="submit" style="float:left">
                            <button type="submit" class="enter" id="enter" onclick="getSsqDtResult();return false;">开始组号 [确定]</button>
                            <button type="reset" class="reset" id="reset" onclick="reset();">重新选择 [取消]</button>
                        </div>
                    </td>
                    <td class="br01"></td>
                </tr>
                <tr>
                    <td>组号结果</td>
                    <td class="br01"></td>
                    <td>
                        <div class="resultinfo"><span>组号结果：共计 <label class="red" id="zhushulabel">0</label> 注 ; 金额 <label class="red" id="money">￥0</label> 元</span></div>
                        <div class="result">
                            <div id="resultinfo" class="textarea"></div>
                        </div>
                        <form method="post" action="/ToolDownload/Down" id="export">
                            <div class="resultbutton">
                                <button type="button" onclick="showblue();" class="autoblue"></button>
                                <button type="button" class="saveToPc" onclick="saveToPc();"></button>
                                <input type="hidden" id="filename" name="filename" value="@ViewBag.FileName" />
                                <input type="hidden" id="num" name="num" />
                                <input type="hidden" id="zhushu" name="zhushu" />
                            </div>
                        </form>
                    </td>
                    <td class="br01"></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        var id = "redselect";
        var did = "dmselect";
        var bid = "blueselect";

        var o = $("." + id);
        o.find("span").on("click", function () {
            var val = $(this).html();
            if ($(this).attr("class") != "tab") {
                $(this).attr("class", "tab");
            }
            else {
                $(this).attr("class", "");
            }
            selectvalue(id);
        });

        var o = $("." + did);
        o.find("span").on("click", function () {
            var val = $(this).html();
            if ($(this).attr("class") != "tab") {
                $(this).attr("class", "tab");
            }
            else {
                $(this).attr("class", "");
            }
            selectvalue(did);
        });

        var o = $("." + bid);
        o.find("span").on("click", function () {
            if ($(this).attr("class") != "tab") {
                $(this).attr("class", "tab");
            }
            else {
                $(this).attr("class", "");
            }
            selectvalue(bid);
        });
    });

    var checkNums = function () {
        var nums = $('span.bigball.ball-red-28');
        if (nums.length >= 8 && nums.length <= 20) {
            return true;
        }
        alert("请选择8到20个红球");
        return false;
    }

    function closeblue() {
        $(".blueselect").find("span").each(function () {
            $(this).attr("class", "");
        });
        $("#blues").val('');
        $("#autoblue").hide();
    }

    function showblue() {
        var o = $("#autoblue");
        if (o.is(":hidden"))
            o.show();
        else
            o.hide();
    }

    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 == "redselect")
            $("#dms").val(ival);
        if (id == "dmselect")
            $("#tms").val(ival);
        if (id == "blueselect")
            $("#blues").val(ival);

    }

    function reset() {
        $("#resultinfo").text("");
        $("#reds").val('');
        $("#dms").val('');
        $("#blues").val('');
        $(".redselect").find("span").each(function () {
            $(this).attr("class", "");
        });

        $(".dmselect").find("span").each(function () {
            $(this).attr("class", "");
        });
        $(".bluesselect").find("span").each(function () {
            $(this).attr("class", "");
        });
    }
</script>