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

src/views/screenAdaptation/menuConfig.js

@@ -1105,17 +1105,18 @@ const menuConfigYP = [
         component: () => import("./pages/secondPages/secondPageBox.vue"),
         children: [
             {
-                title: "学校管理情况",
+                //title: "学校管理情况",
+                title: "",
                 path: "/monitorCenter/daily",
                 name: "daily",
                 component: () => import("./pages/monitorCenter/schoolDaily.vue"),
             },
-            {
-                title: "信息化应用情况",
-                path: "/monitorCenter/information",
-                name: "information",
-                component: () => import("./pages/monitorCenter/schoolInformation.vue"),
-            }
+            // {
+            //     title: "信息化应用情况",
+            //     path: "/monitorCenter/information",
+            //     name: "information",
+            //     component: () => import("./pages/monitorCenter/schoolInformation.vue"),
+            // }
         ]
     },
     {

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

@@ -67,11 +67,15 @@
             border-bottom-right-radius: 10px;
             .student-info-text-style{
                 width: 100%;
+                padding: 0 10px;
                 text-align: center;
                 color: white !important;
                 opacity: 1 !important;
                 height: 20px;
                 line-height: 20px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
             }
             .light-text-style{
                 color: $color-default-bright !important;

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

@@ -54,7 +54,7 @@
     import StudentInfo from './studentInfo.vue';
     import InterConfig from '../../../adminCenter/servicePlatform/interConfig';
     import {swiper, swiperSlide} from 'vue-awesome-swiper'
-    import 'swiper/css/swiper.css'
+    import 'swiper/dist/css/swiper.css'
     export default{
         data(){
             return {

src/views/screenAdaptation/pages/partyCenter/studyPower.vue

@@ -2,12 +2,11 @@
     <CommonBox title="学习强国" class="party-center-study-power-style">
         <div class="studyStrong">
             <a-row type="flex" justify="space-between" class="row" wrap>
-                <a-col class="aCol" v-for="(item,i) in colList" :key="i">
+                <a-col class="aCol" v-for="(item,i) in colList" :key="i" @click="menuClick(item)">
                     <img :src="item.src" alt="">
                     <p>{{item.title}}</p>
                 </a-col>
             </a-row>
-
         </div>
     </CommonBox>
 </template>
@@ -21,21 +20,29 @@
         data(){
             return {
                 colList: [
-                    {title: '学习新思想', src: require('./images/icon1.png')},
-                    {title: '十九大时间', src: require('./images/icon2.png')},
-                    {title: '学习理论', src: require('./images/icon3.png')},
-                    {title: '红色中国', src: require('./images/icon4.png')},
-                    {title: '学习科学', src: require('./images/icon5.png')},
-                    {title: '环球视野', src: require('./images/icon6.png')},
-                    {title: '习近平交汇', src: require('./images/icon7.png')},
-                    {title: '学习电视台', src: require('./images/icon8.png')},
-                    {title: '学习电台', src: require('./images/icon9.png')},
-                    {title: '学习慕课', src: require('./images/icon10.png')},
-                    {title: '学习文化', src: require('./images/icon11.png')},
-                    {title: '强军兴军', src: require('./images/icon12.png')},
+                    {title: '思想', src: require('./images/icon1.png'),url:"https://www.xuexi.cn/cc72a0454287bdedb7e2c156db55e818/71eb7214c6c0c1f5e6ec6e29564decb4.html"},
+                    {title: '习近平文汇', src: require('./images/icon7.png'),url:"https://www.xuexi.cn/5c90534c80d14c060d6683fa960e3676/82573c005c024095037d2186a02244cb.html"},
+//                    {title: '十九大时间', src: require('./images/icon2.png')},
+                    {title: '学习理论', src: require('./images/icon3.png'),url:"https://www.xuexi.cn/xxqg.html?id=3cba33e067d64ded8a1a503f0774675c"},
+                    {title: '红色中国', src: require('./images/icon4.png'),url:"https://www.xuexi.cn/482f31e90c481f2161a19ecfcbb91f8b/e6109f421e472b4399b006ba21bc2ecd.html"},
+                    {title: '学习科学', src: require('./images/icon5.png'),url:"https://www.xuexi.cn/896bddc5f57a423b857a85eb40f98945/72742e3e40c96ade71e42b6e7ed42419.html"},
+                    {title: '国际', src: require('./images/icon6.png'),url:"https://www.xuexi.cn/261c9a142ef8e6375ed554815a26d585/f2d8ff735982530b7a8c9bb90fa99f68.html"},
+                    {title: '学习电视台', src: require('./images/icon8.png'),url:"https://www.xuexi.cn/0809b8b6ab8a81a4f55ce9cbefa16eff/ae60b027cb83715fd0eeb7bb2527e88b.html"},
+                    {title: '学习电台', src: require('./images/icon9.png'),url:"https://www.xuexi.cn/xxqg.html?id=e433dab0149a4d42bb914b7a296ea7ff"},
+//                    {title: '学习慕课', src: require('./images/icon10.png')},
+                    {title: '强军兴军', src: require('./images/icon12.png'),url:"https://www.xuexi.cn/a9d25ec4ca996c6100d2982d33a1d8b2/4f02a12dd5663651422f5c55e10ef19e.html"},
+                    {title: '学习文化', src: require('./images/icon11.png'),url:"https://www.xuexi.cn/b069a45c80585e78b558c64306bfdf92/53194398355c363c5c635c74a70c7b45.html"},
                 ]
             }
         },
+        methods:{
+            menuClick:function (menu) {
+                let url = menu.url;
+                if (url && url !== ""){
+                    window.open(url)
+                }
+            }
+        },
         components: {
             CommonBox,
             ARow: Row,
@@ -59,7 +66,7 @@
             .aCol {
                 display: inline-block;
                 background: rgba(255, 255, 255, .5);
-                width: 14%;
+                width: 16%;
                 position: relative;
                 border-radius: 8px;
                 color: #fff;