@@ -6,7 +6,8 @@ | |||||
@Html.AppendJsFile("/Content/jquery/plugin/jqprint/jQuery.print.js") | @Html.AppendJsFile("/Content/jquery/plugin/jqprint/jQuery.print.js") | ||||
<div class="myPage" id="printBox"> | <div class="myPage" id="printBox"> | ||||
<a id="lr_print" class="btn btn-default noPrint"><i class="fa fa-print"></i> 打印</a> | <a id="lr_print" class="btn btn-default noPrint"><i class="fa fa-print"></i> 打印</a> | ||||
<div class="title">黑龙江艺术职业学院学生毕业成绩单</div> | |||||
<div class="title"><img src="~/Content/images/StuInfoGraduate/header.png" /></div> | |||||
<img class="line" src="~/Content/images/StuInfoGraduate/line.png" /> | |||||
<div class="tableTop"> | <div class="tableTop"> | ||||
<div>学号:<span id="StuNo"></span></div> | <div>学号:<span id="StuNo"></span></div> | ||||
<div>姓名:<span id="StuName"></span></div> | <div>姓名:<span id="StuName"></span></div> | ||||
@@ -17,18 +18,19 @@ | |||||
<div>专业:<span id="MajorName"></span></div> | <div>专业:<span id="MajorName"></span></div> | ||||
</div> | </div> | ||||
<div class="tableBox"> | <div class="tableBox"> | ||||
<table id="table"> | |||||
<tr class="header tr-AcademicYearNo"> | |||||
<table id="table" border="1"> | |||||
<tr class="header tr-AcademicYearNo textBlod"> | |||||
<td rowspan="2">课程名称</td> | <td rowspan="2">课程名称</td> | ||||
</tr> | </tr> | ||||
<tr class="header tr-Semester"></tr> | <tr class="header tr-Semester"></tr> | ||||
</table> | </table> | ||||
</div> | </div> | ||||
<div class="tableBottom"> | <div class="tableBottom"> | ||||
<div>共 <span id="Counts"></span> 门课程</div> | <div>共 <span id="Counts"></span> 门课程</div> | ||||
<div>打印时间:<span id="printDate"></span></div> | <div>打印时间:<span id="printDate"></span></div> | ||||
</div> | </div> | ||||
<img class="bottomImg big" src="~/Content/images/StuInfoGraduate/linebig.png" /> | |||||
<img class="bottomImg small" src="~/Content/images/StuInfoGraduate/linesmall.png" /> | |||||
</div> | </div> | ||||
<script> | <script> | ||||
@@ -13,7 +13,6 @@ td { | |||||
} | } | ||||
.myPage { | .myPage { | ||||
background: linear-gradient(to bottom,#43A7FD,#5A8EFB) !important; | |||||
padding: 30px; | padding: 30px; | ||||
height: 100%; | height: 100%; | ||||
zoom: 0.8; | zoom: 0.8; | ||||
@@ -25,26 +24,40 @@ td { | |||||
padding: 0 8px; | padding: 0 8px; | ||||
} | } | ||||
.tableTop > div, .tableBottom > div { | |||||
color: #fff !important; | |||||
} | |||||
.tableTop > div { | |||||
color: #000 !important; | |||||
line-height:34px; | |||||
} | |||||
.tableTop span, .tableBottom span { | |||||
color: #fff !important; | |||||
} | |||||
.tableTop span { | |||||
color: #000 !important; | |||||
} | |||||
.tableBottom > div { | |||||
color: #1C71E3 !important; | |||||
} | |||||
.tableBottom span { | |||||
color: #1C71E3 !important; | |||||
} | |||||
.title { | .title { | ||||
font-size: 20px; | |||||
color: #fff !important; | |||||
text-align: center; | text-align: center; | ||||
margin-bottom: 12px; | |||||
width: 100%; | |||||
} | |||||
.title img{ | |||||
height:60px; | |||||
} | |||||
.line { | |||||
height: 4px; | |||||
width:100%; | |||||
margin:22px 0; | |||||
} | } | ||||
.tableBox { | .tableBox { | ||||
background: #fff !important; | background: #fff !important; | ||||
border-radius: 8px; | border-radius: 8px; | ||||
padding: 8px 24px; | |||||
padding: 8px 0px; | |||||
margin: 8px 0; | margin: 8px 0; | ||||
} | } | ||||
@@ -60,19 +73,53 @@ tr td { | |||||
tr.header td { | tr.header td { | ||||
padding: 8px 0; | padding: 8px 0; | ||||
border: 1px solid #fff; | |||||
background: #DFE9F2 !important; | |||||
} | } | ||||
tr:not(.header):nth-child(2n) td { | tr:not(.header):nth-child(2n) td { | ||||
background: #DFE9F2 !important; | |||||
} | } | ||||
.textBlod{ | |||||
font-weight:700 | |||||
} | |||||
.bottomImg{ | |||||
width:100%; | |||||
position:fixed; | |||||
bottom:0 | |||||
} | |||||
@media print { | @media print { | ||||
.noPrint { | .noPrint { | ||||
display: none; | display: none; | ||||
} | } | ||||
.myPage { | |||||
padding: 0px; | |||||
} | |||||
} | |||||
@media (max-width:29.7cm) { | |||||
.bottomImg.small{ | |||||
display:none; | |||||
} | |||||
.bottomImg.big { | |||||
display: inline-block; | |||||
} | |||||
} | |||||
@media (max-width:21cm) { | |||||
.tableTop { | |||||
display: block; | |||||
} | |||||
.tableTop > div { | |||||
display: inline-block; | |||||
width: 19.6%; | |||||
} | |||||
.bottomImg.small { | |||||
display: inline-block; | |||||
} | |||||
.bottomImg.big { | |||||
display: none; | |||||
} | |||||
} | } |