@model NP.Model.VMCC
<form id="mform" method="post">
    <div class="buttonbox" style="height: 30px; line-height: 30px;">
        <a href="#" onclick="showramemainlayer('/cc/talkr');" class="btn btn-xs btn-primary f-r">알림톡발송</a>
    </div>
    <section class="panel panel-default">
        <div class="table-responsive" id="excel1">
            <table class="table table-striped b-t b-light" style="table-layout: fixed; white-space: normal; word-break:break-all;">
                <thead>
                    <tr>
                        <th width="50">No</th>
                        <th>메시지 내용</th>
                        <th>발송인원(알림톡/친구톡/SMS/LMS/MMS/실패)</th>
                        <th>발송인</th>
                        <th>발송일</th>
                    </tr>
                </thead>
                <tbody class="data" id="tbody1">
                    @foreach (var item in Model.Memos)
                    {
                        <tr>
                            <td>@item.rnorvt</td>
                            <td class="text-left" style="text-overflow:initial">@item.mcontents</td>
                            <td class="link">
                                <a href="#" class="link rv" onclick="view(@item.mno)">
                                    @string.Format("{0}({1}/{2}/{3}/{4}/{5}/{6})"
, item.ccount.ToString("#,0")
, item.ACount.ToString("#,0")
, item.FTCount.ToString("#,0")
, item.SCount.ToString("#,0")
, item.LCount.ToString("#,0")
, item.MCount.ToString("#,0")
, item.ECount.ToString("#,0"))
                                </a>
                            </td>
                            <td>@item.cnoname</td>
                            <td>@item.cdtymdhms</td>
                        </tr>
                    }
                </tbody>
            </table>
        </div>
        @Html.Pager((int)Model.pagenum, 10, Model.pagerowcount, Model.pagetotalcount)
    </section>
</form>
<form id="dform" method="post" action="">
    @Html.Partial("./Partial/DForm", Model, new ViewDataDictionary { { "preform", 1 } })
</form>
<div id="thisfindbox" class="findbox">
    <h4><i class="fa fa-bars"></i> <span id="etitle"></span><a href="#" class="btn btn-default btn-xs f-r" onclick="$('#thisfindbox').slideUp('fast'); $('#bglayer').hide();">닫기</a></h4>
    <section class="panel panel-default"  style="width: 800px; height:700px; overflow-y:scroll;">
        <div class="table-responsive">
            <table class="table table-striped b-t b-light" style="height:100%; overflow-y:scroll;">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>소속</th>
                        <th>권한</th>
                        <th>이름</th>
                        <th>핸드폰번호</th>
                        <th>상태</th>
                        <th>전송방식</th>
                    </tr>
                </thead>
                <tbody class="data" id="tbody2"></tbody>
            </table>
        </div>
    </section>
    <br />
</div>
@section styles{
    <style type="text/css">
        #tbody1 tr td ul {
            position: absolute;
            z-index: 2;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 3px;
            padding: 5px 10px;
            max-height: 150px;
            line-height: 22px;
            overflow: auto;
            text-align: left;
        }

        section.panel.panel-default {
            background-color: #fff;
        }
    </style>
}
@section scriptsHeader{

}
@section scripts{
    <script>
        $(document).ready(function () {
            $("#tbody1 td a.rv").on("click", function () {
                if ($(this).closest("td").find("ul").hasClass("hidden")) {
                    $("#tbody1 td ul").addClass("hidden");
                    $(this).closest("td").find("ul").removeClass("hidden");
                }
                else {
                    $(this).closest("td").find("ul").addClass("hidden");
                }
            });
            $("#tbody1 td ul").on("click", function () { $(this).addClass("hidden"); });
        });
        function view(no) {
            capp("/acommon/getsms", { mno: no }, "cbget");
        }
        function cbget() {
            $("#tbody2 tr").remove();
            if (capResult.code == 1000) {
                $.each(capResult.obj, function (i, d) {
                    $("#tbody2").append("<tr><td>" + d.rnorvt + "</td><td>" + d.asname + "</td><td>" + d.usertypestr + "</td><td>" + d.username + "</td><td>" + d.mobile + "</td><td>" + d.smstypename + "</td><td>" + d.isokname + "</td></tr>");
                });
                setTimeout(function () {
                    bglayer();
                    $("#thisfindbox").slideDown("fast");
                }, 10);
            }
        }
    </script>
}