@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;
    }
</style>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend style="color:red;">注意：二维码只能在微信中使用</legend>
</fieldset>
<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>
            <hr class="layui-bg-green">
            i++;
        }
    }

</form>
<script type="text/javascript">
    $(function () {

    });
    function ShowUrl(url, id) {
        $.getJSON('/soft/ProductLink/ShowUrl?url=' + url, function (rsp) {
            $("#area_" + id).text(rsp.ret).show();
        });
    }
</script>