parent
48ea496b26
commit
12d0d628f1
@ -0,0 +1,182 @@
|
||||
<template>
|
||||
<CommonBox title="班级管理" class="moral-education-class-style">
|
||||
<div class="classManage">
|
||||
<div class="classManage-table">
|
||||
<div class="classManage-table-title">
|
||||
红旗班评比
|
||||
</div>
|
||||
<div class="classManage-tableBody">
|
||||
<a-table :columns="columns" :data-source="classManageTableData" :pagination="false" rowKey="index"
|
||||
:customRow="getCustomRow" @customRow=mouseenter>
|
||||
|
||||
</a-table>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<a-row class="classManage-bot">
|
||||
<a-col :span="11" class="classManage-pic">
|
||||
<div class="classManage-pic-title">
|
||||
班级文化
|
||||
</div>
|
||||
</a-col>
|
||||
<a-col offset="1" :span="12" class="classManage-event">
|
||||
<div class="classManage-event-title">
|
||||
时事新闻
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</div>
|
||||
</CommonBox>
|
||||
</template>
|
||||
<script>
|
||||
import CommonBox from '../secondPages/commonBox.vue';
|
||||
import {Carousel, Table, List, Icon, Avatar, Row, Col, Collapse} from 'ant-design-vue';
|
||||
export default{
|
||||
data(){
|
||||
return {
|
||||
classManageTableData: [
|
||||
{grade: '小学部分1年级', flag: '01班,05班', fraction: '103.25'},
|
||||
{grade: '小学部分2年级', flag: '02班', fraction: '103.25'},
|
||||
{grade: '小学部分3年级', flag: '03班,06班', fraction: '104.25'},
|
||||
{grade: '小学部分4年级', flag: '01班', fraction: '103.75'},
|
||||
{grade: '小学部分5年级', flag: '04班', fraction: '105'},
|
||||
{grade: '小学部分6年级', flag: '02班,03班', fraction: '105.25'},
|
||||
{grade: '小学部分1年级', flag: '03班,04班', fraction: '103.5'},
|
||||
{grade: '小学部分2年级', flag: '06班', fraction: '106'},
|
||||
{grade: '小学部分3年级', flag: '05班', fraction: '103'},
|
||||
],
|
||||
columns: [
|
||||
{
|
||||
title: '年级',
|
||||
dataIndex: 'grade',
|
||||
key: 'grade',
|
||||
align: "center",
|
||||
}, {
|
||||
title: '流动红旗班',
|
||||
dataIndex: 'flag',
|
||||
key: 'flag',
|
||||
align: "center",
|
||||
}, {
|
||||
title: '最高分',
|
||||
dataIndex: 'fraction',
|
||||
key: 'fraction',
|
||||
align: "center",
|
||||
}, {
|
||||
title: '详细',
|
||||
// dataIndex: 'index',
|
||||
// key: 'index',
|
||||
align: "center",
|
||||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getCustomRow () {
|
||||
let obj = {style: {}};
|
||||
obj['style']['color'] = '#00ffff';
|
||||
return obj;
|
||||
},
|
||||
mouseenter(record){
|
||||
// console.log(record)
|
||||
// onMouseenter: (event) => {
|
||||
// console.log(event)
|
||||
// }
|
||||
// },
|
||||
},
|
||||
components: {
|
||||
CommonBox,
|
||||
ARow: Row,
|
||||
ACol: Col,
|
||||
ACollapse: Collapse,
|
||||
ACollapsePanel: Collapse.Panel,
|
||||
ATable: Table,
|
||||
AList: List,
|
||||
AListItem: List.Item,
|
||||
ACarousel: Carousel,
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss" type="text/scss">
|
||||
.moral-education-class-style {
|
||||
width: 33%;
|
||||
height: 600px !important;
|
||||
color: #69D9FE;
|
||||
.classManage {
|
||||
width: 100%;
|
||||
.classManage-table {
|
||||
width: 100%;
|
||||
height: 290px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 20px;
|
||||
.classManage-table-title {
|
||||
|
||||
}
|
||||
.classManage-tableBody {
|
||||
margin-bottom: 15px;
|
||||
/deep/ .ant-table-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
/deep/ .ant-table-placeholder {
|
||||
/*background-color: transparent !important;*/
|
||||
/*border-top: none !important;*/
|
||||
/*border-bottom: none !important;*/
|
||||
}
|
||||
/deep/ .ant-table-body {
|
||||
.ant-table-thead > tr > th {
|
||||
/*background-color: transparent !important;*/
|
||||
background-color: #1c3369;
|
||||
color: white;
|
||||
border: 1px solid #4e9fb4;
|
||||
padding: 2px !important;
|
||||
}
|
||||
}
|
||||
/deep/ .ant-table-thead > tr > th {
|
||||
padding: 0 !important;
|
||||
}
|
||||
/deep/ .ant-table-tbody > tr > td {
|
||||
padding: 0 !important;
|
||||
}
|
||||
/deep/ .ant-table-tbody > tr > td {
|
||||
border: 1px solid #4e9fb4;
|
||||
}
|
||||
/deep/ .ant-table-tbody > tr > td:nth-child(2) {
|
||||
color: #F59A23;
|
||||
}
|
||||
/deep/ .ant-table-tbody > tr > td:nth-child(3) {
|
||||
color: #fff;
|
||||
/*#02A7F0*/
|
||||
}
|
||||
/*/deep/ .ant-table-tbody > tr > td:nth-child(4) {*/
|
||||
/*color: #02A7F0;*/
|
||||
/*}*/
|
||||
}
|
||||
}
|
||||
.classManage-bot {
|
||||
height: 290px;
|
||||
.classManage-pic {
|
||||
.classManage-pic-title {
|
||||
|
||||
}
|
||||
}
|
||||
.classManage-event {
|
||||
overflow: hidden;
|
||||
.classManage-event-title {
|
||||
}
|
||||
}
|
||||
}
|
||||
.classManage-table-title, .classManage-event-title, .classManage-pic-title {
|
||||
width: 130px;
|
||||
height: 28px;
|
||||
text-align: center;
|
||||
line-height: 28px;
|
||||
margin-bottom: 10px;
|
||||
transform: skewX(-27deg);
|
||||
margin-left: -8px;
|
||||
background: linear-gradient(to right, #1459C1, #041B5A);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,22 @@
|
||||
<template>
|
||||
<CommonBox title="班主任管理" class="moral-education-headmaster-style">
|
||||
</CommonBox>
|
||||
</template>
|
||||
<script>
|
||||
import CommonBox from '../secondPages/commonBox.vue';
|
||||
export default{
|
||||
data(){
|
||||
return {}
|
||||
},
|
||||
components:{
|
||||
CommonBox,
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss" type="text/scss">
|
||||
.moral-education-headmaster-style {
|
||||
width: 100%;
|
||||
height: 220px !important;
|
||||
}
|
||||
</style>
|
||||
@ -1,16 +1,44 @@
|
||||
<template>
|
||||
<div>
|
||||
生、班、师管理
|
||||
<div class="student-class-teacher-style">
|
||||
<div class="column-style">
|
||||
<StudentManage/>
|
||||
<classManage/>
|
||||
<headmasterManage/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import StudentManage from './studentManage.vue'
|
||||
import classManage from './classManage.vue'
|
||||
import headmasterManage from './headmasterManage.vue'
|
||||
export default{
|
||||
data(){
|
||||
return {}
|
||||
},
|
||||
components:{
|
||||
StudentManage,
|
||||
classManage,
|
||||
headmasterManage,
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
<style scoped lang="scss" type="text/scss">
|
||||
.student-class-teacher-style {
|
||||
width: 100%;
|
||||
height: 880px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 10px;
|
||||
.column-style {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-content: space-between;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue