@using WX.CRM.WebHelper;

@{
    ViewBag.Title = "注册和购买";
    Layout = "~/Views/Shared/_content.cshtml";

}
<style>
    body {
        background-color: white;
        padding: 10px;
    }

    .layui-form-txt {
        float: left;
        display: block;
        padding: 9px 15px 9px 0;
        width: 80px;
        font-weight: 400;
        line-height: 20px;
    }

    .layui-form-item .layui-inline {
        margin-bottom: unset;
    }
    #threeBtn {
        display:none;
        cursor: pointer;
        color: white;
        position: absolute;
        right: 10px;
        top: 20px;
    }
    .hide {
        display: none;
    }
</style>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend id="title" style="color:red;">注意：三要素二维码只能在微信中使用</legend>
</fieldset>
<div class="hide" id="form1">
    <form class="layui-form" action="" lay-filter="form1">
        @{
            var i = 0;
            foreach (var item in ViewBag.productList as List<WX.CRM.WEB.Controllers.Soft.ProductLinkView>)
            {
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">产品：</label>
                        <span class="layui-form-mid">@item.product.SUBPRODUCTNAME</span>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">产品价格</label>
                        <lable class="layui-form-txt" id="needPay" style="color:orange">@item.product.PRICE</lable>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">开通时长</label>
                        <label class="layui-form-txt" id="openDays" style="color:orange">@item.product.RIGHTPERIOD</label>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">二维码</label>
                        <img id="erweima" src="/soft/productlink/GetQRCode?url=@item.buylink" width="200" height="200" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">链接</label>
                        <a class="layui-form-mid" href="javascript:void(0)" onclick="ShowUrl('@item.buylink', @i)">显示链接</a>
                        <textarea class="layui-textarea" id="area_@i" style="display:none; margin-left:110px; height:160px"></textarea>
                    </div>

                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">生成不带工号二维码</label>
                        <a class="layui-form-mid" href="javascript:void(0)" onclick="Gen('@item.product.SUBPRODUCTID', @i)">生成</a>
                    </div>
                </div>
                <hr class="layui-bg-green">
                i++;
            }
        }

    </form>
</div>
<div id="form2">
    <form class="layui-form" action="" lay-filter="form1">
        @{
            var j = 0;
            foreach (var item in ViewBag.productListThree as List<WX.CRM.WEB.Controllers.Soft.ProductLinkView>)
            {
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">产品：</label>
                        <span class="layui-form-mid">@item.product.SUBPRODUCTNAME</span>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">产品价格</label>
                        <lable class="layui-form-txt" id="needPay" style="color:orange">@item.product.PRICE</lable>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">开通时长</label>
                        <label class="layui-form-txt" id="openDays" style="color:orange">@item.product.RIGHTPERIOD</label>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">二维码</label>
                        <img id="erweima" src="/soft/productlink/GetQRCode?url=@item.buylink" width="200" height="200" />
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">链接</label>
                        <a class="layui-form-mid" href="javascript:void(0)" onclick="ShowUrlThree('@item.buylink', @j)">显示链接</a>
                        <textarea class="layui-textarea" id="area_three_@j" style="display:none; margin-left:110px; height:160px"></textarea>
                    </div>

                </div>
                <hr class="layui-bg-green">
                j++;
            }
        }

    </form>
</div>
<script type="text/javascript">
    var three = false;
    $(function () {
        $("#threeBtn").click(function () {
            if (three) {
                document.getElementById("form1").setAttribute("class", "hide");
                document.getElementById("form2").setAttribute("class", "");
                document.getElementById("title").innerHTML = "注意：三要素二维码只能在微信中使用";
                three = !three
            } else {
                document.getElementById("form2").setAttribute("class", "hide");
                document.getElementById("form1").setAttribute("class", "");
                document.getElementById("title").innerHTML = "注意：二维码只能在微信中使用";
                three = !three
            }
        });
    });
    function ShowUrl(url, id) {
        $.getJSON('/soft/ProductLink/ShowUrl?url=' + url, function (rsp) {
            $("#area_" + id).text(rsp.ret).show();
        });
    }
    function ShowUrlThree(url, id) {
        $.getJSON('/soft/ProductLink/ShowUrl?url=' + url, function (rsp) {
            $("#area_three_" + id).text(rsp.ret).show();
        });
    }
    function Gen(subProductId, id) {
        $.getJSON('/soft/ProductLink/Gen?subProductId=' + subProductId, function (rsp) {
            console.log(rsp);
        });
    }
</script>