@{
    Layout = null;
}

<div class="group  content_title_width">
    <span class="csicon MianFeiIcon"></span>
    <span>免费活动订单</span>
</div>
<div class="content_div">
    <input id="hidUrl" value="" style="position: absolute; left:-100000px; top:-100000px;" />
    <table class="layui-table content_width">
        <thead>
            <tr>
                <td>
                    @*<input id="AddLevel2Order" class="layui-btn layui-btn-sm layui-btn-normal" value="添加免费活动订单" type="button">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*@
                    <input id="refreshLevel2Order" class="layui-btn layui-btn-sm layui-btn-primary" value="刷新免费活动订单" onclick="refreshLevel2Order()" type="button">
                </td>
            </tr>
        </thead>

    </table>
    <div id="level2orderlists">
        @Html.Action("OrderList", "Leve2Order", new { ResId = ViewBag.CustomerId })
    </div>
</div>
<script type="text/javascript">
    $("#AddLevel2Order").click(function () {
        //window.parent.ChildAddTab("下免费活动订单", "../Level2/Leve2Order/CreateOrderApply?CustomerId=@ViewBag.CustomerId", "");
        $("#modalwindow").html(GetIframeHtml("/Level2/Leve2Order/CreateOrderApply?CustomerId=@ViewBag.CustomerId"));
        $("#modalwindow").window({ title: '编辑', width: 850, height: 750, iconCls: 'icon-edit' }).window('open');
    });
    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='no' frameborder='0'' src='" + src + "'></iframe>";
    }
    $(".cancelOrder").click(function () {

        var $this = $(this);
        var statu = $this.attr("status");
        var orderId = $this.attr("OrderId");

        if (statu == "0") {
            $.messageBox5s("提示", "未开通订单无法撤消");
        }
        else if (statu == "2") {
            $.messageBox5s("提示", "该订单已撤销");
        }
        else {

            var src = "/Level2/Leve2Order/OrderRevApply?status=" + statu + "&OrderId=" + orderId;
            $("#modalwindow").html(GetIframeHtml(src));
            $("#modalwindow").window({ title: '编辑', width:500, height: 250, iconCls: 'icon-edit' }).window('open');
        }
    });
    function ShowL2OrderHeTongUrl(orderid) {
        $.get('@ViewBag.Core_ZxdCoreUrl' + '/Api/Contract/GetContractByFreeOrder?orderId=' + orderid, function (res) {
            if (res.code == 0) {
                var murl = res.data;
                $("#hidUrl").val(murl);
                var html = "<div style='width:360px;white-space:normal;word-break:break-all;word-wrap:break-word;padding:10px;font-size:10px;' id='wamsmx'>" + murl + "</div><div>&nbsp;&nbsp;&nbsp;<a class='layui-btn' style='color:white' href='" + murl + "' target=\"_blank\">打开</a><button class=\"btn htbtn layui-btn\" data-clipboard-target=\"#hidUrl\">复制</button ></div>";
                layer.open({
                    type: 1,
                    shade: 0.3,
                    area: ['400px', '300px'],
                    title: "三要素合同地址",
                    content: html, // 捕获的元素
                });
            }

        });
    }
    function ContractFreeOrderView(orderId) {
        layer.open({
            type: 2,
            content: '/JZOrder/ContractFreeOrderView?orderId=' + orderId,
            title: "合同查看",
            area: ['830px', '550px']
        });
    }
    function refreshLevel2Order() {
        $.r_ajax({
            url: "/Level2/Leve2Order/OrderList",
            type: "Post",
            data: { ResId: '@ViewBag.CustomerId' },
            dataType: "html",
            loading: true,
            success: function (data) {
                $("#level2orderlists").html(data);
            }
        });
    }
    $(function () {
        var clipboard = new ClipboardJS('.htbtn');

        clipboard.on('success', function (e) {
            //alert("复制成功！");
            layer.alert("复制成功");
            // $.messager.alert('提示', '复制成功', "info");
            e.clearSelection();
        });

        clipboard.on('error', function (e) {
            console.error('Action:', e.action);
            console.error('Trigger:', e.trigger);
        });
    });
</script>