@{
    ViewBag.Title = "课程表";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<link href="~/Content/static/css/TimeTable.css" rel="stylesheet" />
<script src="~/Content/static/js/LodopFuncs.js"></script>
<style id="style1" media="print">
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    li {
        list-style: none;
    }

    table, tr, td {
        cellspacing: 0px;
        cellpadding: 0px;
        padding: 0;
        margin: 0;
    }

    body {
        font-family: "Microsoft YaHei", "微软雅黑" !important;
        padding: 10px;
        color: #333;
        font-size: 12px;
        margin: 0;
    }

    .personalBox {
        padding: 10px;
    }

    .personT {
        font-size: 24px;
        text-align: center;
        margin-bottom: 15px
    }

    .perSemester {
        text-align: center;
        border: 1px solid #333;
        line-height: 25px;
        height: 30px;
    }

    .perWeek {
        overflow: hidden;
        line-height: 26px;
        height: 30px;
        text-align: center;
        border-left: 1px solid #333;
        border-right: 1px solid #333;
    }

        .perWeek li {
            width: 12.5%;
            float: left;
            border-left: 1px solid #333;
            height: 100%;
        }

    .perFestivalsBox {
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        border-bottom: 1px solid #333;
        text-align: center;
    }

        .perFestivalsBox table {
            display: block;
            width: 100%;
            text-align: center;
        }

        .perFestivalsBox td {
            border-left: 1px solid #333;
            border-top: 1px solid #333;
            padding: 1px;
            width: 12.5%;
            font-size: 12px;
        }

            .perFestivalsBox td div {
                min-height: 16px;
                line-height: 16px;
            }

            .perFestivalsBox td:first-child, .perWeek li:first-child {
                border-left: 0;
            }
</style>
<style>
    .lr-select {
        width: 150px;
    }
</style>
<div class="lr-layout ">
    <div class="lr-layout-center">
        <div class="lr-layout-wrap lr-layout-wrap-notitle ">
            <div class="lr-layout-tool">
                <div class="lr-layout-tool-left">
                    <div class="lr-layout-tool-item">
                        <div id="datesearch" class="lr-search-date"></div>
                    </div>

                    <div class="lr-layout-tool-item">
                        <div id="F_SchoolId" type="lrselect" class="lr-select"></div>
                    </div>
                    <div class="lr-layout-tool-item">
                        <div id="ClassNo" type="lrselect" class="lr-select"></div>
                    </div>
                    <div class="lr-layout-tool-item">
                        <div id="EmpNo" type="lrselect" class="lr-select"></div>
                    </div>
                    <div class="lr-layout-tool-item">
                        <div id="ClassroomNo" type="lrselect" class="lr-select"></div>
                    </div>
                    <div class="lr-layout-tool-item">
                        <a id="lr_search" class="btn btn-primary">查询</a>
                    </div>
                    <div class="lr-layout-tool-item">
                        <a id="wordExport" class="btn btn-primary">导出</a>
                    </div>
                </div>
                <div class="lr-layout-tool-right">
                    <div class=" btn-group btn-group-sm">
                        <a id="lr_refresh" class="btn btn-default"><i class="fa fa-refresh"></i></a>
                        <a id="perBtn" class="btn btn-default"><i class="fa fa-print"></i>&nbsp;打印课程表</a>
                    </div>
                    <div class=" btn-group btn-group-sm" learun-authorize="yes">
                        <a id="emptyByCondition" class="btn btn-default"><i class="fa fa-trash-o"></i>&nbsp;按条件清空排课数据</a>
                        <a id="syncByCondition" class="btn btn-default"><i class="fa fa-handshake-o"></i>&nbsp;按条件同步排课数据</a>
                    </div>
                    <div class=" btn-group btn-group-sm" learun-authorize="yes">
                        <a id="initByCondition" class="btn btn-default"><i class="fa fa-circle-o-notch"></i>&nbsp;按条件重置基础数据同步状态</a>
                    </div>
                </div>
            </div>
            <div class="lr-layout-body" style="overflow: auto;">
                <div class="warpper">
                    <div class="personalBox" id="printFiled">
                        <div class="personT"></div>

                        <div id="printshow"  style="display:none;">
                            <div class="perSemester"></div>
                            <ul class="perWeek">
                                <li>节次/星期</li>
                                <li>星期一</li>
                                <li>星期二</li>
                                <li>星期三</li>
                                <li>星期四</li>
                                <li>星期五</li>
                                <li>星期六</li>
                                <li>星期日</li>
                            </ul>
                        </div>
                        
                        <div id="exportshow">
                            <div class="perSemester" style="border-bottom:0;"></div>
                            <table  border="1" style="width:100%;height:40px;border-bottom:hidden;border-collapse:collapse;border-color:#dfdfdf;">
                                <tr>
                                    <th style="width:12.5%;text-align:center;color: #333;font-weight: normal;">节次/星期</th>
                                    <th style="width:12.5%;text-align:center;color: #333;font-weight: normal;">星期一</th>
                                    <th style="width:12.5%;text-align:center;color: #333;font-weight: normal;">星期二</th>
                                    <th style="width:12.5%;text-align:center;color: #333;font-weight: normal;">星期三</th>
                                    <th style="width:12.5%;text-align:center;color: #333;font-weight: normal;">星期四</th>
                                    <th style="width:12.5%;text-align:center;color: #333;font-weight: normal;">星期五</th>
                                    <th style="width:12.5%;text-align:center;color: #333;font-weight: normal;">星期六</th>
                                    <th style="width:12.5%;text-align:center;color: #333;font-weight: normal;">星期日</th>
                                </tr>
                            </table>
                        </div>

                        <div class="perFestivalsBox">
                            @*<table cellspacing="0" border="0" style="width:100%;" ></table>*@

                            <table cellspacing="0" border="1" style="width:100%;border-collapse:collapse;border-color:#dfdfdf;border:0;"></table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@Html.AppendJsFile("/Areas/PersonnelManagement/Views/TimeTable/IndexInEducation.js")


<script src="~/Content/js/FileSaver.js"></script>
<script src="~/Content/js/jquery.wordexport.js"></script>
<script>
    $('#wordExport').on('click', function () {
        $('#printshow').hide();
        $('#exportshow').show();

        $('#printFiled').wordExport('filename');
    })
</script>