|
@@ -1,5 +1,5 @@
|
|
<template>
|
|
<template>
|
|
- <div id="index" style="padding-left:10rem">
|
|
+ <div id="index" style="padding-left:0rem">
|
|
<el-row type="flex" align="middle" justify="end" class="btn_bar">
|
|
<el-row type="flex" align="middle" justify="end" class="btn_bar">
|
|
<el-col :span="4" class="printingBtn">
|
|
<el-col :span="4" class="printingBtn">
|
|
<el-button type="primary" size="mini" @click="toPrint()">打印课程表</el-button>
|
|
<el-button type="primary" size="mini" @click="toPrint()">打印课程表</el-button>
|
|
@@ -19,11 +19,11 @@
|
|
<p style="text-align:center;padding:0 10px;color:#000;">课程</p>
|
|
<p style="text-align:center;padding:0 10px;color:#000;">课程</p>
|
|
<p style="text-align:left;padding:0 10px;color:#000;">时间</p>
|
|
<p style="text-align:left;padding:0 10px;color:#000;">时间</p>
|
|
</th>
|
|
</th>
|
|
- <th class="th" v-for="(date, index) in th" :key="index">
|
|
+ <th class="ths" v-for="(date, index) in th" :key="index">
|
|
<p>{{ date | getWeekDay }}</p>
|
|
<p>{{ date | getWeekDay }}</p>
|
|
<p>({{ date | getDay }})</p>
|
|
<p>({{ date | getDay }})</p>
|
|
</th>
|
|
</th>
|
|
- <th class="th beizhu">备注</th>
|
|
+ <th class="ths beizhu">备注</th>
|
|
</tr>
|
|
</tr>
|
|
<!-- 第一行需要合并2行单元格显示上午 -->
|
|
<!-- 第一行需要合并2行单元格显示上午 -->
|
|
<!-- 第三行需要合并3行单元格显示下午 -->
|
|
<!-- 第三行需要合并3行单元格显示下午 -->
|
|
@@ -34,17 +34,33 @@
|
|
<td>{{ time }}</td>
|
|
<td>{{ time }}</td>
|
|
<td v-for="(date, di) in th" :key="di" v-html="getLesson(date, time)"></td>
|
|
<td v-for="(date, di) in th" :key="di" v-html="getLesson(date, time)"></td>
|
|
<td rowspan="5" v-if="ti == 0">
|
|
<td rowspan="5" v-if="ti == 0">
|
|
- <p>
|
|
+ <div class="classInfo">
|
|
- 上课地点:<span>{{ data.jslocation || '' }}</span>
|
|
+ <p>上课地点</p>
|
|
- </p>
|
|
+ <p>{{ data.jslocation || '' }}</p>
|
|
- <p>
|
|
+ </div>
|
|
- 班主任:<span class="teacherName">{{ data.headteacher || '' }}</span>
|
|
+ <div class="classInfo">
|
|
- </p>
|
|
+ <p>班主任</p>
|
|
- <p>
|
|
+ <p>{{ data.headteacher || '' }}</p>
|
|
- 礼仪课:<span class="teacherName">{{ data.lyteacher || '' }}</span>
|
|
+ </div>
|
|
- </p>
|
|
+ <div class="classInfo">
|
|
|
|
+ <p>礼仪课</p>
|
|
|
|
+ <p>{{ data.lyteacher || '暂无' }}</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="classInfo">
|
|
|
|
+ <p>督导值班</p>
|
|
|
|
+ <p>{{ data.reteacher || '' }}</p>
|
|
|
|
+ </div>
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
</tr>
|
|
|
|
+ <tr>
|
|
|
|
+ <td colspan="2">教师签字</td>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td></td>
|
|
|
|
+ <td colspan="2"></td>
|
|
|
|
+ </tr>
|
|
</table>
|
|
</table>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -95,4 +111,13 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
@import '~@frame/style/timeTable.less';
|
|
@import '~@frame/style/timeTable.less';
|
|
|
|
+.classInfo {
|
|
|
|
+ margin: 10px 0;
|
|
|
|
+ p:first-child {
|
|
|
|
+ padding: 5px 0;
|
|
|
|
+ }
|
|
|
|
+ p:last-child {
|
|
|
|
+ color: #ff0000;
|
|
|
|
+ }
|
|
|
|
+}
|
|
</style>
|
|
</style>
|