洋浦项目-学校管理情况

src/views/screenAdaptation/pages/monitorCenter/schoolDaily.vue

@@ -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,

src/views/screenAdaptation/pages/monitorCenter/schoolDaily/attendance.vue

@@ -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>

src/views/screenAdaptation/pages/monitorCenter/schoolDaily/civilization.vue

@@ -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>

src/views/screenAdaptation/pages/monitorCenter/schoolDaily/schoolStyle.vue

@@ -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>