intellioa
/
super-fusion-platform
mirror of http://10.10.14.221/feiliming/oa-project-vue.git
6
0
Fork 0
Code Issues Projects Releases Wiki Activity

洋浦项目-学校管理情况

Browse Source
init
gongdi 4 years ago
parent a83d1e677f
commit fc793c9c2c
4 changed files with 192 additions and 36 deletions
Show Stats Download Patch File Download Diff File

6
src/views/screenAdaptation/pages/monitorCenter/schoolDaily.vue
Unescape View File

@ -2,7 +2,7 @@
<div class="school-daily-style">
<div class="column-style">
<Attendance/>
<Civilization/>
<SchoolStyle/>
</div>
<div class="column-style">
<SourceStudents/>
@ -19,7 +19,7 @@
* 校园日常情况
* */
import Attendance from './schoolDaily/attendance.vue';
import Civilization from './schoolDaily/civilization.vue';
import SchoolStyle from './schoolDaily/schoolStyle.vue';
import SourceStudents from './schoolDaily/sourceStudents.vue';
import TeachingConditions from './schoolDaily/teachingConditions.vue';
import Security from './schoolDaily/security.vue';
@ -30,7 +30,7 @@
},
components:{
Attendance,
Civilization,
SchoolStyle,
SourceStudents,
TeachingConditions,
Security,

110
src/views/screenAdaptation/pages/monitorCenter/schoolDaily/attendance.vue
Unescape View File

@ -1,6 +1,6 @@
<template>
<CommonBox title="考勤情况" class="attendance-box-style">
<a-table :columns="columns" :data-source="tableData" :pagination="false" rowKey="index" :customRow="getCustomRow" />
</CommonBox>
</template>
<script>
@ -8,18 +8,93 @@
* 学生、教师考勤情况
* */
import CommonBox from '../../secondPages/commonBox.vue';
import {Table} from 'ant-design-vue';
export default{
data(){
return {
columns: [
{
title: '',
dataIndex: 'index',
key: 'index',
align: "center",
},
{
title: '总数',
dataIndex: 'totalNum',
key: 'totalNum',
align: "center",
},
{
title: '实到',
dataIndex: 'realNum',
key: 'realNum',
align: "center",
},
{
title: '迟到',
dataIndex: 'lateNum',
key: 'lateNum',
align: "center",
},
{
title: '请假',
dataIndex: 'leaveNum',
key: 'leaveNum',
align: "center",
},
{
title: '公出',
dataIndex: 'publicNum',
key: 'publicNum',
align: "center",
},
{
title: '托管',
dataIndex: 'trusteeshipNum',
key: 'trusteeshipNum',
align: "center",
},
{
title: '发热',
dataIndex: 'feverNum',
key: 'feverNum',
align: "center",
},
{
title: '隔离',
dataIndex: 'quarantineNum',
key: 'quarantineNum',
align: "center",
},
{
title: '疫苗',
dataIndex: 'vaccinesNum',
key: 'vaccinesNum',
align: "center",
},
],
tableData: [
{index:"教职工",totalNum:257,realNum:250,lateNum:3,leaveNum:1,publicNum:3,trusteeshipNum:'--',feverNum:0,quarantineNum:0,vaccinesNum:257},
{index:"学生",totalNum:1280,realNum:1270,lateNum:8,leaveNum:10,publicNum:'--',trusteeshipNum:568,feverNum:0,quarantineNum:0,vaccinesNum:1196}
]
}
},
methods: {
methods:{
getCustomRow: function (record) {
let obj = {style: {}};
if (record.index === '学生') {
obj['style']['color'] = '#fbc637';
}
if (record.index === '教职工') {
obj['style']['color'] = '#00ffff';
}
return obj;
},
},
components: {
CommonBox
CommonBox,
ATable: Table
}
}
</script>
@ -28,6 +103,27 @@
width: 100%;
height: 260px;
padding: 25px 10px 10px 10px;
display: flex;
justify-content: center;
align-items: center;
/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;
}
}
/deep/ .ant-table-thead > tr > th, .ant-table-tbody > tr > td{
padding: 10px !important;
}
/deep/ .ant-table-tbody > tr > td{
border: 1px solid #4e9fb4;
}
}
</style>

26
src/views/screenAdaptation/pages/monitorCenter/schoolDaily/civilization.vue
Unescape View File

@ -1,26 +0,0 @@
<template>
<CommonBox title="文明校园" class="school-civilization-style">
</CommonBox>
</template>
<script>
/*
* 文明校园
* */
import CommonBox from '../../secondPages/commonBox.vue';
export default{
data(){
return {}
},
components: {
CommonBox
}
}
</script>
<style scoped lang="scss">
.school-civilization-style {
width: 100%;
height: 570px;
padding: 25px 10px 10px 10px;
}
</style>

86
src/views/screenAdaptation/pages/monitorCenter/schoolDaily/schoolStyle.vue
Unescape View File

@ -0,0 +1,86 @@
<template>
<CommonBox title="校园风采" class="school-style-style">
<div class="select-top-style">
<span :class="'select-item-style border-right-style' + (selectType === 1?' select-style':'')"
@click="typeChange(1)">学生</span>
<span :class="'select-item-style' + (selectType === 2?' select-style':'')"
@click="typeChange(2)">教师</span>
</div>
<div class="school-style-content-style">
<a-tabs :activeKey="paneKey">
<a-tab-pane :key="1" tab="Tab 1">
</a-tab-pane>
<a-tab-pane :key="2" tab="Tab 2">
</a-tab-pane>
</a-tabs>
</div>
</CommonBox>
</template>
<script>
/*
* 校园风采
* */
import CommonBox from '../../secondPages/commonBox.vue';
import {Tabs} from 'ant-design-vue';
export default{
data(){
return {
selectType: 1,//1 学生 2 教师
paneKey:1
}
},
methods: {
typeChange: function (type) {
if (this.selectType !== type) {
this.selectType = type;
this.paneKey = type;
}
}
},
components: {
CommonBox,
ATabs: Tabs,
ATabPane: Tabs.TabPane,
}
}
</script>
<style scoped lang="scss">
.school-style-style {
width: 100%;
height: 570px;
padding: 25px 10px 10px 10px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
.select-top-style {
width: 100%;
height: 20px;
text-align: right;
margin-top: 10px;
.select-item-style {
color: #1379c8;
padding: 0 10px;
font-size: 16px;
cursor: pointer;
}
.border-right-style {
border-right: 1px solid #1379c8;
}
.select-style {
color: #00ffff;
cursor: default;
}
}
.school-style-content-style{
width: 100%;
height: 490px;
margin-top: 10px;
/deep/ .ant-tabs-bar{
display: none !important;
}
}
}
</style>
Write Preview
Loading…
Cancel
Save