洋浦学校八大中心 德育管理前端

src/views/screenAdaptation/menuConfig.js

@@ -947,6 +947,12 @@ const menuConfigYP = [
                 name: "virtueBodyHealthArtManagementPage",
                 component: () => import("./pages/moralEducationCenter/virtueBodyHealthArtManagement.vue"),
             },
+            {
+                title: "家长服务管理",
+                path: "/moralEducationCenter/parentalServicesManagement",
+                name: "parentalServicesManagementPage",
+                component: () => import("./pages/moralEducationCenter/parentalServicesManagement.vue"),
+            },
             // {
             //     title: "学生信息",
             //     path: "/studentAdminCenter/studentInfo",

src/views/screenAdaptation/pages/homePages/threeDimensionalSchoolModel/menuRight.vue

@@ -46,6 +46,12 @@
                     this.$refs.menuBox3D.style.transform = "translateX(300px)";
                 }
             },
+            hiddenMenuFlag:function () {
+                if (this.showMenuFlag) {
+                    this.showMenuFlag = false;
+                    this.$refs.menuBox3D.style.transform = "translateX(300px)";
+                }
+            },
             menuClick:function (menu) {
                 this.$router.push({path:menu.path})
             }

src/views/screenAdaptation/pages/moralEducationCenter/parentalServices/courseScheduleQuery.vue

@@ -0,0 +1,27 @@
+<template>
+    <CommonBox title="课表查询" class="course-schedule-query-box-style">
+
+
+    </CommonBox>
+</template>
+<script>
+    /*
+    * 课表查询
+    * */
+    import CommonBox from '../../secondPages/commonBox.vue';
+    export default{
+        data(){
+            return {}
+        },
+        components:{
+            CommonBox
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .course-schedule-query-box-style{
+        width: 400px;
+        height: 380px;
+        display: flex;
+    }
+</style>

src/views/screenAdaptation/pages/moralEducationCenter/parentalServices/parentingClasses.vue

@@ -0,0 +1,27 @@
+<template>
+    <CommonBox title="家长学校" class="parenting-classes-box-style">
+
+
+    </CommonBox>
+</template>
+<script>
+    /*
+    * 家长学校
+    * */
+    import CommonBox from '../../secondPages/commonBox.vue';
+    export default{
+        data(){
+            return {}
+        },
+        components:{
+            CommonBox
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .parenting-classes-box-style{
+        width: 800px;
+        height: 450px;
+        display: flex;
+    }
+</style>

src/views/screenAdaptation/pages/moralEducationCenter/parentalServices/platformThroughTrain.vue

@@ -0,0 +1,26 @@
+<template>
+    <CommonBox title="平台直通车" class="platform-through-train-box-style">
+
+    </CommonBox>
+</template>
+<script>
+    /*
+    * 平台直通车
+    * */
+    import CommonBox from '../../secondPages/commonBox.vue';
+    export default{
+        data(){
+            return {}
+        },
+        components:{
+            CommonBox
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .platform-through-train-box-style{
+        width: 400px;
+        height: 200px;
+        display: flex;
+    }
+</style>

src/views/screenAdaptation/pages/moralEducationCenter/parentalServices/povertyAlleviation.vue

@@ -0,0 +1,29 @@
+<template>
+    <CommonBox title="脱贫攻坚" class="poverty-alleviation-box-style">
+
+
+    </CommonBox>
+</template>
+
+
+<script>
+    /*
+    * 学生活动
+    * */
+    import CommonBox from '../../secondPages/commonBox.vue';
+    export default{
+        data(){
+            return {}
+        },
+        components:{
+            CommonBox
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .poverty-alleviation-box-style{
+        width: 600px;
+        height: 450px;
+        display: flex;
+    }
+</style>

src/views/screenAdaptation/pages/moralEducationCenter/parentalServices/principalMailbox.vue

@@ -0,0 +1,27 @@
+<template>
+    <CommonBox title="校长信箱" class="principal-mailbox-box-style">
+
+
+    </CommonBox>
+</template>
+<script>
+    /*
+    * 校长信箱
+    * */
+    import CommonBox from '../../secondPages/commonBox.vue';
+    export default{
+        data(){
+            return {}
+        },
+        components:{
+            CommonBox
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .principal-mailbox-box-style{
+        width: 400px;
+        height: 200px;
+        display: flex;
+    }
+</style>

src/views/screenAdaptation/pages/moralEducationCenter/parentalServices/recipes.vue

@@ -0,0 +1,27 @@
+<template>
+    <CommonBox title="食谱" class="recipes-box-style">
+
+
+    </CommonBox>
+</template>
+<script>
+    /*
+    * 食谱
+    * */
+    import CommonBox from '../../secondPages/commonBox.vue';
+    export default{
+        data(){
+            return {}
+        },
+        components:{
+            CommonBox
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .recipes-box-style{
+        width: 800px;
+        height: 380px;
+        display: flex;
+    }
+</style>

src/views/screenAdaptation/pages/moralEducationCenter/parentalServices/studentActivities.vue

@@ -0,0 +1,29 @@
+<template>
+    <CommonBox title="学生活动" class="student-activities-box-style">
+
+
+    </CommonBox>
+</template>
+
+
+<script>
+    /*
+    * 学生活动
+    * */
+    import CommonBox from '../../secondPages/commonBox.vue';
+    export default{
+        data(){
+            return {}
+        },
+        components:{
+            CommonBox
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .student-activities-box-style{
+        width: 600px;
+        height: 380px;
+        display: flex;
+    }
+</style>

src/views/screenAdaptation/pages/moralEducationCenter/parentalServicesManagement.vue

@@ -0,0 +1,72 @@
+<template>
+    <div class="moral-education-center-parental-services-style">
+        <div class="row-style">
+            <StudentActivities/>
+            <CourseScheduleQuery/>
+            <Recipes/>
+        </div>
+        <div class="row-bottom-style">
+            <PovertyAlleviation/>
+            <ParentingClasses/>
+            <div class="bottom-right-content-style">
+                <PrincipalMailbox/>
+                <PlatformThroughTrain/>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    /*
+    * 家长服务
+    * */
+    import StudentActivities from './parentalServices/studentActivities.vue';
+    import CourseScheduleQuery from './parentalServices/courseScheduleQuery.vue';
+    import Recipes from './parentalServices/recipes.vue';
+    import PovertyAlleviation from './parentalServices/povertyAlleviation.vue';
+    import ParentingClasses from './parentalServices/parentingClasses.vue';
+    import PrincipalMailbox from './parentalServices/principalMailbox.vue';
+    import PlatformThroughTrain from './parentalServices/platformThroughTrain.vue';
+    export default{
+        data(){
+            return {}
+        },
+        components:{
+            StudentActivities,
+            CourseScheduleQuery,
+            Recipes,
+            PovertyAlleviation,
+            ParentingClasses,
+            PrincipalMailbox,
+            PlatformThroughTrain
+        }
+    }
+</script>
+<style scoped lang="scss">
+    .moral-education-center-parental-services-style{
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        margin-top: 10px;
+        .row-style{
+            width: 100%;
+            height: 430px;
+            padding: 10px;
+            display: flex;
+            justify-content: space-between;
+        }
+        .row-bottom-style{
+            width: 100%;
+            height: 500px;
+            padding: 10px;
+            display: flex;
+            justify-content: space-between;
+            .bottom-right-content-style{
+                width: 400px;
+                height: 450px;
+                display: flex;
+                flex-direction: column;
+                justify-content: space-between;
+            }
+        }
+    }
+</style>

src/views/screenAdaptation/pages/secondPages/secondPageBox.vue

@@ -7,7 +7,7 @@
                 <div class="body-box">
                     <router-view/>
                     <div class="content-right-style" style="pointer-events: none">
-                        <MenuRight/>
+                        <MenuRight id="navigationMenuId" ref="navigationMenu"/>
                     </div>
                 </div>
             </div>
@@ -28,6 +28,13 @@
             }
         },
         mounted(){
+            let _this = this;
+            document.addEventListener('click',function(e){
+                let menuDiv = document.getElementById("navigationMenuId");
+                if (!e.path.includes(menuDiv)) {
+                    _this.$refs.navigationMenu.hiddenMenuFlag();
+                }
+            });
             this.cancelLoading();
         },
         watch:{