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

src/views/screenAdaptation/App.vue

@@ -6,6 +6,23 @@
 <script>
     export default {
         name: 'App',
+//        beforeCreate(){
+//            //把需要动态切换的图片预加载
+//            let count = 0;
+//            let imgs = [
+//                //用require的方式添加图片地址，直接添加图片地址的话，在build打包之后会查找不到图片，因为打包之后的图片名称会有一个加密的字符串
+//                require('assets/images/secondPageTop01.png'),
+//                require('assets/images/secondPageTop02.png'),
+//                require('assets/images/topImgPartyBuild.png')
+//            ]
+//            for (let img of imgs) {
+//                let image = new Image();
+//                image.onload = () => {
+//                    count++;
+//                };
+//                image.src = img;
+//            }
+//        },
         data(){
             return{}
         },

src/views/screenAdaptation/common/portrait.vue

@@ -25,7 +25,7 @@
         },
         methods: {
             showMessage(){
-                this.$emit('showMessage')
+                //this.$emit('showMessage')
             },
             getImgSrc: function (personId) {
                 if (personId && personId != '') {
@@ -64,7 +64,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        cursor:pointer;
+        /*cursor:pointer;*/
         .ant-avatar {
             width: 32px;
             height: 32px;

src/views/screenAdaptation/main.js

@@ -23,6 +23,11 @@ Vue.use(Modal)
 Vue.use(vueBus)
 Vue.component('vueScroll', vuescroll)
 Vue.component('my-icon', MyIcon)
+
+import { imgsPreloader } from './utils/imgPreloader.js';
+import imgPreloaderList from './utils/imgPreloaderList.js';
+//图片预加载
+imgsPreloader(imgPreloaderList);
 var vue = new Vue({
     router,
     store,

src/views/screenAdaptation/menuConfig.js

@@ -825,7 +825,6 @@ const menuConfigDS = [
     },
 ]
 
-
 //洋浦学校菜单
 const menuConfigYP = [
     {
@@ -872,6 +871,7 @@ const menuConfigYP = [
         path: "/partyCenter",
         name: "partyCenterPage",
         imgUrl: "./3D/builds-b2/3d-res/texture/party-building.png",
+        partyUrl:"./3D/builds-b2/3d-res/texture/party-building-red.png",
         component: () => import("./pages/secondPages/secondPageBox.vue"),
         children: [
             {
@@ -890,6 +890,7 @@ const menuConfigYP = [
         path: "/adminCenter",
         name: "adminCenterPage",
         imgUrl: "./3D/builds-b2/3d-res/texture/admin.png",
+        partyUrl:"./3D/builds-b2/3d-res/texture/admin-red.png",
         component: () => import("./pages/secondPages/secondPageBox.vue"),
         children: [
             {
@@ -907,7 +908,8 @@ const menuConfigYP = [
         iconType: "icon-bukashenqing",
         path: "/safeCenter",
         name: "safeCenterPage",
-        imgUrl: "./3D/builds-b2/3d-res/texture/one.png",
+        imgUrl: "./3D/builds-b2/3d-res/texture/safe.png",
+        partyUrl:"./3D/builds-b2/3d-res/texture/safe-red.png",
         component: () => import("./pages/secondPages/secondPageBox.vue"),
         children: [
             {
@@ -946,7 +948,8 @@ const menuConfigYP = [
         iconType: "icon-pingtaiyingyongqingkuang",
         path: "/teachingCenter",
         name: "teachingCenterPage",
-        imgUrl: "./3D/builds-b2/3d-res/texture/three.png",
+        imgUrl: "./3D/builds-b2/3d-res/texture/teaching.png",
+        partyUrl:"./3D/builds-b2/3d-res/texture/teaching-red.png",
         component: () => import("./pages/secondPages/secondPageBox.vue"),
         children: [
             {
@@ -1021,6 +1024,7 @@ const menuConfigYP = [
         path: "/moralEducationCenter",
         name: "moralEducationCenterPage",
         imgUrl: "./3D/builds-b2/3d-res/texture/de-yu.png",
+        partyUrl:"./3D/builds-b2/3d-res/texture/deyu-red.png",
         component: () => import("./pages/secondPages/secondPageBox.vue"),
         children: [
             {
@@ -1035,12 +1039,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: "/moralEducationCenter/parentalServicesManagement",
+            //     name: "parentalServicesManagementPage",
+            //     component: () => import("./pages/moralEducationCenter/parentalServicesManagement.vue"),
+            // },
         ]
     },
     {
@@ -1050,6 +1054,7 @@ const menuConfigYP = [
         path: "/teacherAdminCenter",
         name: "teacherAdminCenterPage",
         imgUrl: "./3D/builds-b2/3d-res/texture/teacher.png",
+        partyUrl:"./3D/builds-b2/3d-res/texture/teacher-red.png",
         component: () => import("./pages/secondPages/secondPageBox.vue"),
         children: [
             {
@@ -1096,6 +1101,7 @@ const menuConfigYP = [
         name: "monitorCenterPage",
         iconType: "icon-zichanfenleitongji",
         imgUrl: "./3D/builds-b2/3d-res/texture/two.png",
+        partyUrl: "./3D/builds-b2/3d-res/texture/two-red.png",
         component: () => import("./pages/secondPages/secondPageBox.vue"),
         children: [
             {
@@ -1119,36 +1125,44 @@ const menuConfigYP = [
         path: "/serviceCenter",
         name: "serviceCenterPage",
         imgUrl: "./3D/builds-b2/3d-res/texture/six.png",
+        partyUrl:"./3D/builds-b2/3d-res/texture/six-red.png",
         component: () => import("./pages/secondPages/secondPageBox.vue"),
         children: [
             {
-                title: "校园之窗",
-                path: "/serviceCenter/schoolWindow",
-                name: "schoolWindowPage",
-                disable: true,
-                component: () => import("./pages/serviceCenter/serviceCenter.vue"),
-            },
-            {
-                title: "本周营养餐",
-                path: "/serviceCenter/schoolNutritiousMeal",
-                name: "schoolNutritiousMealPage",
-                disable: true,
-                component: () => import("./pages/serviceCenter/serviceCenter.vue"),
-            },
-            {
-                title: "校车管理",
-                path: "/serviceCenter/schoolBus",
-                name: "schoolBusPage",
-                disable: true,
-                component: () => import("./pages/serviceCenter/serviceCenter.vue"),
-            },
-            {
-                title: "招生通道",
-                path: "/serviceCenter/schoolAdmissionChannel",
-                name: "schoolAdmissionChannelPage",
+                title: "",
+                path: "/moralEducationCenter/parentalServicesManagement",
+                name: "parentalServicesManagementPage",
                 disable: true,
-                component: () => import("./pages/serviceCenter/serviceCenter.vue"),
+                component: () => import("./pages/moralEducationCenter/parentalServicesManagement.vue"),
             },
+            // {
+            //     title: "校园之窗",
+            //     path: "/serviceCenter/schoolWindow",
+            //     name: "schoolWindowPage",
+            //     disable: true,
+            //     component: () => import("./pages/serviceCenter/serviceCenter.vue"),
+            // },
+            // {
+            //     title: "本周营养餐",
+            //     path: "/serviceCenter/schoolNutritiousMeal",
+            //     name: "schoolNutritiousMealPage",
+            //     disable: true,
+            //     component: () => import("./pages/serviceCenter/serviceCenter.vue"),
+            // },
+            // {
+            //     title: "校车管理",
+            //     path: "/serviceCenter/schoolBus",
+            //     name: "schoolBusPage",
+            //     disable: true,
+            //     component: () => import("./pages/serviceCenter/serviceCenter.vue"),
+            // },
+            // {
+            //     title: "招生通道",
+            //     path: "/serviceCenter/schoolAdmissionChannel",
+            //     name: "schoolAdmissionChannelPage",
+            //     disable: true,
+            //     component: () => import("./pages/serviceCenter/serviceCenter.vue"),
+            // },
         ]
     },
 ]
@@ -1262,7 +1276,7 @@ const careerMenu = [
     {id: 7, title: "测评报告", icon: "icon-cepingbaogao", logo: require("./assets/images/application/shy/测评报告.png")},
 ]
 
-const menuConfig = menuConfigDS;
+const menuConfig = menuConfigYP;
 
 export {
     menuConfig,

src/views/screenAdaptation/pages/homePages/login/loginBox.vue

@@ -20,8 +20,8 @@
 <style scoped lang="scss">
     @import "../../../assets/scss/style";
     .login-box-style{
-        width: 673px;
-        height: 401px;
+        width: 600px;
+        height: 400px;
         box-shadow:inset 0px  0px 30px 0px rgba(32,116,247,0.3);
         border:2px solid #1379c8;
         position:relative;

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

@@ -1,46 +1,111 @@
 <template>
     <div class="menu-item-style" @click="menuClick">
         <div class="menu-img-style">
-            <img :src="menu.imgUrl"/>
+            <img :src="imgUrl"/>
         </div>
         <div class="menu-name-style">{{menu.title}}</div>
     </div>
 </template>
 <script>
+
     export default{
         data(){
-            return {}
+            return {
+                isPartyPage: false,
+                partyImg: require('../../../assets/images/partyImage/party-building.png'),
+                partyRedImg: require('../../../assets/images/partyImage/party-building-red.png'),
+                adminImg: require('../../../assets/images/partyImage/admin.png'),
+                adminRedImg: require('../../../assets/images/partyImage/admin-red.png'),
+                safeImg: require('../../../assets/images/partyImage/safe.png'),
+                safeRedImg: require('../../../assets/images/partyImage/safe-red.png'),
+                teachingImg: require('../../../assets/images/partyImage/teaching.png'),
+                teachingRedImg: require('../../../assets/images/partyImage/teaching-red.png'),
+                deyuImg: require('../../../assets/images/partyImage/de-yu.png'),
+                deyuRedImg: require('../../../assets/images/partyImage/de-yu-red.png'),
+                teacherImg: require('../../../assets/images/partyImage/teacher.png'),
+                teacherRedImg: require('../../../assets/images/partyImage/teacher-red.png'),
+                dataImg: require('../../../assets/images/partyImage/data.png'),
+                dataRedImg: require('../../../assets/images/partyImage/data-red.png'),
+                serviceImg: require('../../../assets/images/partyImage/service.png'),
+                serviceRedImg: require('../../../assets/images/partyImage/service-red.png'),
+                imgUrl: ""
+            }
+        },
+        watch: {
+            $route: {
+                handler(val, oldval){
+                    if (val.path === '/partyCenter/party') {
+                        this.isPartyPage = true;
+                    } else {
+                        this.isPartyPage = false;
+                    }
+                    this.changeMenu();
+                },
+            }
+        },
+        props: {
+            menu: {
+                type: Object,
+                default: {}
+            }
         },
-        props:{
-          menu:{
-              type:Object,
-              default:{}
-          }
+        mounted(){
+           this.changeMenu();
         },
-        methods:{
-            menuClick:function () {
-                this.$emit("menuClick",this.menu)
+        methods: {
+            menuClick: function () {
+                this.$emit("menuClick", this.menu)
+            },
+            changeMenu:function () {
+                switch (this.$props.menu.name) {
+                    case "partyCenterPage":
+                        this.imgUrl = this.isPartyPage?this.partyRedImg:this.partyImg;
+                        break;
+                    case "adminCenterPage":
+                        this.imgUrl = this.isPartyPage?this.adminRedImg:this.adminImg;
+                        break;
+                    case "safeCenterPage":
+                        this.imgUrl = this.isPartyPage?this.safeRedImg:this.safeImg;
+                        break;
+                    case "teachingCenterPage":
+                        this.imgUrl = this.isPartyPage?this.teachingRedImg:this.teachingImg;
+                        break;
+                    case "moralEducationCenterPage":
+                        this.imgUrl = this.isPartyPage?this.deyuRedImg:this.deyuImg;
+                        break;
+                    case "teacherAdminCenterPage":
+                        this.imgUrl = this.isPartyPage?this.teacherRedImg:this.teacherImg;
+                        break;
+                    case "monitorCenterPage":
+                        this.imgUrl = this.isPartyPage?this.dataRedImg:this.dataImg;
+                        break;
+                    case "serviceCenterPage":
+                        this.imgUrl = this.isPartyPage?this.serviceRedImg:this.serviceImg;
+                        break;
+                    default:
+                        break;
+                }
             }
         }
     }
 </script>
 <style scoped lang="scss">
-    .menu-item-style{
+    .menu-item-style {
         width: 120px;
         height: 150px;
         cursor: pointer;
         display: flex;
         flex-direction: column;
-        .menu-img-style{
+        .menu-img-style {
             width: 100px;
             height: 100px;
             margin: auto;
-            img{
+            img {
                 width: 100%;
                 height: 100%;
             }
         }
-        .menu-name-style{
+        .menu-name-style {
             width: 100%;
             height: 20px;
             margin-top: 20px;

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

@@ -87,8 +87,6 @@
             menuClick: function (menu) {
                 let identity_id = this.Cookie.get("identity_id");
                 let person_id = this.Cookie.get("person_id");
-                console.log("person_id:", person_id)
-                console.log("identity_id:", identity_id)
                 if (identity_id && identity_id !== "") {
                     if (parseInt(identity_id) === 5) {
                         this.$router.push({path: menu.path})

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

@@ -107,6 +107,7 @@
                         this.topImgUrl = topImgPartyBuild
                         this.isPartyCenter = true
                     } else {
+                        this.topImgUrl = topImg01
                         this.isPartyCenter = false
                     }
                 },

src/views/screenAdaptation/router/guards.js

@@ -23,19 +23,19 @@ const loginGuard = (to, from, next, options) => {
     const hasToken = getToken();
     //localStorage和cookie均校验
     if (hasToken && user && user.personId) {
-        // if(toPath === "/teachingCenter"){
-        //     //跳转教学中心
-        //     window.location.href="https://cloud.edusoa.com/DataCenter/TeachCenter.html";
-        //     return;
-        // }
-        // if(toPath === "/resourcesCenter"){
-        //     //跳转教学中心
-        //     window.location.href="https://cloud.edusoa.com/DataCenter/ResourceCenter.html";
-        //     return;
-        // }
+        if(toPath === "/teachingCenter"){
+            //跳转教学中心
+            window.location.href="https://www.edusoa.com/dsideal_yy/DataCenter/TeachCenter.html";
+            return;
+        }
+        if(toPath === "/resourcesCenter"){
+            //跳转教学中心
+            window.location.href="https://www.edusoa.com/dsideal_yy/DataCenter/ResourceCenter.html";
+            return;
+        }
         if(toPath === "/monitorCenter/information"){
             //跳转教学中心
-            window.location.href="https://cloud.edusoa.com/DataCenter/DataCenter.html";
+            window.location.href="https://www.edusoa.com/dsideal_yy/DataCenter/DataCenter.html";
             return;
         }
 

src/views/screenAdaptation/utils/imgPreloader.js

@@ -0,0 +1,22 @@
+/**
+ * Created by GD on 2022/9/19.
+ */
+const imgPreloader = url => {
+    return new Promise((resolve, reject) => {
+        let image = new Image();
+        image.src = url;
+        image.onload = () => {
+            resolve();
+        };
+        image.onerror = () => {
+            reject();
+        };
+    });
+};
+export const imgsPreloader = imgs => {
+    let promiseArr = [];
+    imgs.forEach(element => {
+        promiseArr.push(imgPreloader(element));
+    });
+    return Promise.all(promiseArr);
+};

src/views/screenAdaptation/utils/imgPreloaderList.js

@@ -0,0 +1,8 @@
+/**
+ * Created by GD on 2022/9/19.
+ */
+export default [
+    require('../assets/images/secondPageTop01.png'),
+    require('../assets/images/secondPageTop02.png'),
+    require('../assets/images/topImgPartyBuild.png')
+];