@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>
                <form onsubmit="return false;" onreset="resetform();">
                    <tr>
                        <td>组号选项</td>
                        <td class="br01"></td>
                        <td>
                            <div class="select">
                                <div class="redselect">
                                    <div class="t">请选择7到18个前区号码</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><span>12</span></li>
                                        <li><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><span>23</span><span>24</span></li>
                                        <li><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><span>34</span><span>35</span></li>
                                    </ul>
                                </div>
                                <input type="hidden" id="reds" />
                            </div>
                        </td>
                        <td class="br01"></td>
                        <td rowspan="5" class="toolright">
                        </td>
                    </tr>
                    <tr id="ss" style="display:none;">
                        <td>红球缩水</td>
                        <td class="br01"></td>
                        <td>
                            <div class="ssqss">
                                <div class="close" onclick="closess();" title="关闭红球缩水"></div>
                                <ul>
                                    <li>选择红球较多时，可以下面设置条件进行过滤，<span style="color:#d82416;">过滤后不能再保证“中5保4”</span></li>
                                    <li>
                                        <span>AC值：</span>
                                        <input type="checkbox" name="ac" id="ac0" value="0" /><label for="ac0">0</label>
                                        <input type="checkbox" name="ac" id="ac1" value="1" /><label for="ac1">1</label>
                                        <input type="checkbox" name="ac" id="ac2" value="2" /><label for="ac2">2</label>
                                        <input type="checkbox" name="ac" id="ac3" value="3" /><label for="ac3">3</label>
                                        <input type="checkbox" name="ac" id="ac4" value="4" /><label for="ac4">4</label>
                                        <input type="checkbox" name="ac" id="ac5" value="5" /><label for="ac5">5</label>
                                        <input type="checkbox" name="ac" id="ac6" value="6" /><label for="ac6">6</label>
                                    </li>
                                    <li>
                                        <span>首位号码的奇偶值：</span>
                                        <input type="radio" name="snum" id="snum0" value="1" /><label for="snum0">奇数</label>
                                        <input type="radio" name="snum" id="snum1" value="2" /><label for="snum1">偶数</label>
                                        <input type="radio" name="snum" id="snum2" value="0" checked="checked" /><label for="snum2">不限</label>
                                    </li>
                                    <li>
                                        <span>末位号码的奇偶值：</span>
                                        <input type="radio" name="enum" id="enum0" value="1" /><label for="enum0">奇数</label>
                                        <input type="radio" name="enum" id="enum1" value="2" /><label for="enum1">偶数</label>
                                        <input type="radio" name="enum" id="enum2" value="0" checked="checked" /><label for="enum2">不限</label>
                                    </li>
                                    <li>
                                        <span>和值</span>
                                        <input type="text" class="input" maxlength="3" style="width:60px;" id="shz" onkeypress="return isNumber(event);" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false" /> 至 <input type="text" style="width:60px;" class="input" maxlength="3" id="ehz" onkeypress="return isNumber(event);" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false" />
                                        <input type="radio" name="hzjo" id="hzjo1" value="1" /><label for="hzjo1">奇数</label>
                                        <input type="radio" name="hzjo" id="hzjo2" value="2" /><label for="hzjo2">偶数</label>
                                        <input type="radio" name="hzjo" id="hzjo3" value="0" checked="checked" /><label for="hzjo3">不限</label>
                                    </li>
                                    <li>
                                        <span>奇偶比：</span>
                                        <input type="checkbox" name="job" id="job0" value="0:5" /><label for="job0">0:4</label>
                                        <input type="checkbox" name="job" id="job1" value="1:4" /><label for="job1">1:4</label>
                                        <input type="checkbox" name="job" id="job2" value="2:3" /><label for="job2">2:3</label>
                                        <input type="checkbox" name="job" id="job3" value="3:2" /><label for="job3">3:2</label>
                                        <input type="checkbox" name="job" id="job4" value="4:1" /><label for="job4">4:1</label>
                                        <input type="checkbox" name="job" id="job5" value="5:0" /><label for="job5">5:0</label>
                                    </li>
                                    <li>
                                        <span>大小比：</span>
                                        <input type="checkbox" name="dxb" id="dxb0" value="0:5" /><label for="dxb0">0:5</label>
                                        <input type="checkbox" name="dxb" id="dxb1" value="1:2" /><label for="dxb1">1:4</label>
                                        <input type="checkbox" name="dxb" id="dxb2" value="2:3" /><label for="dxb2">2:3</label>
                                        <input type="checkbox" name="dxb" id="dxb3" value="3:2" /><label for="dxb3">3:2</label>
                                        <input type="checkbox" name="dxb" id="dxb4" value="4:1" /><label for="dxb4">4:1</label>
                                        <input type="checkbox" name="dxb" id="dxb5" value="5:0" /><label for="dxb5">5:0</label>
                                        <span class="hui">(约定17以上为大)</span>
                                    </li>
                                    <li>
                                        <span>质合比：</span>
                                        <input type="checkbox" name="zhb" id="zhb0" value="0:5" /><label for="zhb0">0:5</label>
                                        <input type="checkbox" name="zhb" id="zhb1" value="1:4" /><label for="zhb1">1:4</label>
                                        <input type="checkbox" name="zhb" id="zhb2" value="2:3" /><label for="zhb2">2:3</label>
                                        <input type="checkbox" name="zhb" id="zhb3" value="3:2" /><label for="zhb3">3:2</label>
                                        <input type="checkbox" name="zhb" id="zhb4" value="4:1" /><label for="zhb4">4:1</label>
                                        <input type="checkbox" name="zhb" id="zhb5" value="5:0" /><label for="zhb5">5:0</label>
                                    </li>
                                    <li>
                                        <span>连号组数：</span>
                                        <input type="checkbox" name="lh" id="lh0" value="0" /><label for="lh0">无连号</label>
                                        <input type="checkbox" name="lh" id="lh1" value="1" /><label for="lh1">1连号</label>
                                        <input type="checkbox" name="lh" id="lh2" value="2" /><label for="lh2">2连号</label>
                                        <input type="checkbox" name="lh" id="lh3" value="3" /><label for="lh3">3连号</label>
                                        <input type="checkbox" name="lh" id="lh4" value="4" /><label for="lh4">4连号</label>
                                    </li>
                                    <li>
                                        <span>每注中尾数不相同的号码：</span>
                                        <input type="checkbox" name="wst" id="wst0" value="2" /><label for="wst0">2</label>
                                        <input type="checkbox" name="wst" id="wst1" value="3" /><label for="wst1">3</label>
                                        <input type="checkbox" name="wst" id="wst2" value="4" /><label for="wst2">4</label>
                                        <input type="checkbox" name="wst" id="wst3" value="5" /><label for="wst3">5</label>
                                    </li>
                                </ul>
                            </div>
                        </td>
                        <td class="br01"></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><span>09</span><span>10</span><span>11</span><span>12</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="getDltXzResult();return false;">开始组号 [确定]</button>
                                <button type="reset" class="reset" id="reset">重新选择 [取消]</button>
                            </div>
                        </td>
                        <td class="br01"></td>
                    </tr>
                </form>
                <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="showss();" class="hqss"></button>
                                <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 closess() {
        $("#ss").hide();
    }

    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 showss() {
        var o = $("#ss");
        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")
            $("#reds").val(ival);
        if (id == "blueselect")
            $("#blues").val(ival);
    }

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

    $(function () {
        var id = "redselect";
        var o = $("." + id);
        o.find("span").on("click", function () {
            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 = "blueselect";
        var o = $("." + bid);
        o.find("span").on("click", function () {
            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>