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>
|
<template>
|
||||||
<div>
|
<div class="student-class-teacher-style">
|
||||||
生、班、师管理
|
<div class="column-style">
|
||||||
|
<StudentManage/>
|
||||||
|
<classManage/>
|
||||||
|
<headmasterManage/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import StudentManage from './studentManage.vue'
|
||||||
|
import classManage from './classManage.vue'
|
||||||
|
import headmasterManage from './headmasterManage.vue'
|
||||||
export default{
|
export default{
|
||||||
data(){
|
data(){
|
||||||
return {}
|
return {}
|
||||||
|
},
|
||||||
|
components:{
|
||||||
|
StudentManage,
|
||||||
|
classManage,
|
||||||
|
headmasterManage,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</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