DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/PersonnelManagement/Views/TimeTable/Index.cshtml

@{
    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;*/
        overflow: hidden;
        border: 1px solid #333;
        line-height: 25px;
        height: 30px;
        padding: 0 10px;
    }

        .perSemester span {
            float: right
        }

    .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>
<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>
                <div class="lr-layout-tool-right">
                    <div class=" btn-group btn-group-sm">
                        <a id="perBtn" class="btn btn-default"><i class="fa fa-print"></i>&nbsp;打印课程表</a>
                    </div>
                </div>
            </div>
            <div class="lr-layout-body" style="overflow: auto;">
                <div class="warpper">
                    <div class="personalBox">
                        <div class="personT"></div>
                        <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 class="perFestivalsBox">
                            <table cellspacing="0" border="0"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@Html.AppendJsFile("/Areas/PersonnelManagement/Views/TimeTable/Index.js")