|
@@ -7,6 +7,11 @@
|
|
<el-button type="primary" size="mini" @click="display = 'listView'">打印预览</el-button>
|
|
<el-button type="primary" size="mini" @click="display = 'listView'">打印预览</el-button>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24">
|
|
<el-col :span="24">
|
|
|
|
+ <el-col :span="24" class="signclass">
|
|
|
|
+ <p>
|
|
|
|
+ 期数:<span>{{ signclass.batch }}</span> 班主任:<span>{{ signclass.headteacher }}</span>
|
|
|
|
+ </p>
|
|
|
|
+ </el-col>
|
|
<el-table border :data="list" size="small" style="border: solid #cecece;">
|
|
<el-table border :data="list" size="small" style="border: solid #cecece;">
|
|
<el-table-column align="center" label="姓名" prop="name"></el-table-column>
|
|
<el-table-column align="center" label="姓名" prop="name"></el-table-column>
|
|
<el-table-column align="center" label="性别" prop="gender"></el-table-column>
|
|
<el-table-column align="center" label="性别" prop="gender"></el-table-column>
|
|
@@ -31,7 +36,12 @@
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="24" class="printList" ref="print">
|
|
<el-col :span="24" class="printList" ref="print">
|
|
- <div>
|
|
|
|
|
|
+ <div class="signclass">
|
|
|
|
+ <p>
|
|
|
|
+ 期数:<span>{{ signclass.batch }}</span> 班主任:<span>{{ signclass.headteacher }}</span>
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="printInfo">
|
|
<p>
|
|
<p>
|
|
<span class="textOver xuhao">序号</span>
|
|
<span class="textOver xuhao">序号</span>
|
|
<span class="textOver one">姓名</span>
|
|
<span class="textOver one">姓名</span>
|
|
@@ -73,6 +83,7 @@ export default {
|
|
name: 'print-sign',
|
|
name: 'print-sign',
|
|
props: {
|
|
props: {
|
|
list: { type: Array, default: () => [] },
|
|
list: { type: Array, default: () => [] },
|
|
|
|
+ signclass: { type: Object },
|
|
},
|
|
},
|
|
components: {},
|
|
components: {},
|
|
data: function() {
|
|
data: function() {
|
|
@@ -101,7 +112,7 @@ export default {
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
.printList {
|
|
.printList {
|
|
width: 1050px;
|
|
width: 1050px;
|
|
- div {
|
|
|
|
|
|
+ .printInfo {
|
|
// height: 890px;
|
|
// height: 890px;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
// border: 1px solid #000;
|
|
// border: 1px solid #000;
|
|
@@ -131,7 +142,7 @@ export default {
|
|
border-right: 1px solid #000;
|
|
border-right: 1px solid #000;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .list:nth-child(39) {
|
|
|
|
|
|
+ .list:nth-child(37) {
|
|
border-bottom: 1px solid #000;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
}
|
|
.list:last-child {
|
|
.list:last-child {
|
|
@@ -182,4 +193,14 @@ export default {
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
+.signclass {
|
|
|
|
+ margin: 15px 0;
|
|
|
|
+ p {
|
|
|
|
+ text-align: center;
|
|
|
|
+ span {
|
|
|
|
+ color: #ff0000;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
</style>
|
|
</style>
|