党建引领中心样式

src/components/common/modal/ModalPanel.vue

@@ -4,7 +4,7 @@
              :visible="show_modal" :dialogClass="(className!==''?className:'')+ ' dialog-style'" :maskClosable="false"
              :width="width !== ''?width:'30%'" @cancel.stop="optionClick($event,'cancel')" :zIndex="modalZIndex"
              :bodyStyle="{maxHeight:'calc(95vh - 33px)',overflow:'auto'}"
-
+             :class="{'party-dialog-style':isPartyCenter}"
     >
         <a-icon slot="closeIcon" type="close-circle" style="color: #999999;font-size: 1rem" title="关闭"/>
         <a-icon v-if="showOK" type="check-circle" class="ok-style" title="确定" @click.stop="optionClick($event,'ok')"/>
@@ -79,20 +79,32 @@
                 callback: null,
                 width: this.modalWidth,
                 className: this.modalClassName,
-                modalZIndex: this.zIndex
+                modalZIndex: this.zIndex,
+                isPartyCenter: false,
             }
         },
+        watch: {
+            $route: {
+                handler(val, oldval){
+                    if (val.path === '/partyCenter/party') {
+                        this.isPartyCenter = true
+                    } else {
+                        this.isPartyCenter = false
+                    }
+                },
+            },
+        },
         computed: {
             childDom: function () {
                 return this.dom_url === "" ? null : () => import(`@/${this.dom_url}`);
             }
         },
         mounted() {
+            this.getHref()
             if (this.addChildType === 'event') {
                 this.$bus.on(EventConfig.MODAL_SHOW, this.showModal);
                 this.$bus.on(EventConfig.MODAL_CLOSE, this.closeModal);
             }
-
         },
         beforeDestroy(){
             if (this.addChildType === 'event') {
@@ -101,6 +113,14 @@
             }
         },
         methods: {
+            getHref(){
+                this.href = window.location.hash
+                if (this.href === '#/partyCenter/party') {
+                    this.isPartyCenter = true
+                } else {
+                    this.isPartyCenter = false
+                }
+            },
             showModal: function (arys) {
                 this.title = arys[0].title;
                 this.dom_url = arys[0].dom_url;
@@ -145,6 +165,11 @@
             },
             modalClassName: function (newData) {
                 this.className = newData;
+            },
+            $route(val, oldval){
+                if (val.path === '/partyCenter/party') {
+
+                }
             }
         }
     }
@@ -160,36 +185,53 @@
             border: 1px solid #31a8fa;
             box-shadow: 0 4px 12px rgba(49, 168, 250, 0.5);
             background: #01123E;
-            .ant-modal-header {
-                padding: 36px 24px !important;
-                background: #01123E;
+        }
+        .ant-modal-header {
+            padding: 36px 24px !important;
+            background: #01123E;
+            color: #fff;
+            border-bottom: 1px solid #1067B0;
+            .ant-modal-title {
+                line-height: 2rem !important;
+                font-size: 1.6rem !important;
                 color: #fff;
-                border-bottom: 1px solid #1067B0;
-                .ant-modal-title {
-                    line-height: 2rem !important;
-                    font-size: 1.6rem !important;
-                    color: #fff;
-                }
             }
-            .ant-modal-close-x {
-                height: 2rem !important;
-                width: 2rem !important;
-                line-height: 2rem !important;
-                .anticon {
-                    color: #fff !important;
-                    font-size: 2.5rem !important;
-                    position: absolute !important;
-                    top: 13px !important;
-                    right: 20px !important;
-                }
+        }
+        .ant-modal-close-x {
+            height: 2rem !important;
+            width: 2rem !important;
+            line-height: 2rem !important;
+            .anticon {
+                color: #fff !important;
+                font-size: 2.5rem !important;
+                position: absolute !important;
+                top: 13px !important;
+                right: 20px !important;
             }
-            .ok-style {
-                position: absolute;
-                font-size: 1rem;
-                color: #31a8fa;
-                top: 0.5rem;
-                right: 2rem;
-                cursor: pointer;
+        }
+        .ok-style {
+            position: absolute;
+            font-size: 1rem;
+            color: #31a8fa;
+            top: 0.5rem;
+            right: 2rem;
+            cursor: pointer;
+        }
+    }
+
+    .party-dialog-style {
+        /deep/ .dialog-style {
+            .ant-modal-content {
+                border: 1px solid #FFFE00 !important;
+                box-shadow: 0 4px 12px rgba(178, 34, 34, 0.5) !important;
+                background: #961E03 !important;
+                .ant-modal-header {
+                    background: #961E03 !important;
+                    border-bottom: 1px solid #FFFE00 !important;
+                }
+                .info-content-style {
+                    background: none !important;
+                }
             }
         }
     }

src/views/screenAdaptation/common/commonInfo.vue

@@ -23,7 +23,8 @@
                     <div v-html="contentHtml"></div>
                 </vue-scroll>
             </div>
-            <img src="../assets/images/modalLogo.png" alt="" class="title-logo-png">
+            <img v-if="!isPartyCenter" src="../assets/images/modalLogo.png" alt="" class="title-logo-png">
+            <img v-if="isPartyCenter" src="../assets/images/partyModalLogo.png" alt="" class="title-logo-png">
         </div>
     </modal-panel>
 </template>
@@ -77,6 +78,7 @@
                 contentHtml: this.$props.infoObj && this.$props.infoObj.content ? this.$props.infoObj.content : "",
 //                uploadPerson:"",
 //                contentHtml:"",
+                isPartyCenter: false,
             }
         },
         watch: {
@@ -95,14 +97,32 @@
                 this.infoTitle = newData.title;
                 this.infoArr = newData.infoArr;
                 this.contentHtml = newData.content;
-            }
+            },
+            $route: {
+                handler(val, oldval){
+                    if (val.path === '/partyCenter/party') {
+                        this.isPartyCenter = true
+                    } else {
+                        this.isPartyCenter = false
+                    }
+                },
+            },
         },
         mounted(){
+            this.getHref()
 //            if (this.infoId && this.infoId !== "") {
 //                this.getDataInfo();
 //            }
         },
         methods: {
+            getHref(){
+                this.href = window.location.hash
+                if (this.href === '#/partyCenter/party') {
+                    this.isPartyCenter = true
+                } else {
+                    this.isPartyCenter = false
+                }
+            },
             //获取数据明细数据
             getDataInfo: function () {
                 if (!this.infoId || this.infoId === "") {

src/views/screenAdaptation/pages/homePages/menuTop/personInfo.vue

@@ -2,11 +2,12 @@
     <div class="login-perosn-info-style">
         <!--        <Portrait :personId="personId"/>-->
         <Portrait :personId="personId" @showMessage="showMessage"/>
-        <span>{{personName}}</span>
-        <div v-if="operateType === 1" class="back-style" title="退出" @click="signOut">
+        <span :class="{'spanColor':isPartyCenter}">{{personName}}</span>
+        <div v-if="operateType === 1" class=back-style      title="退出"
+             @click="signOut">
             <a-icon type="rollback"/>
         </div>
-        <div v-else class="back-style" title="回到首页" @click="toMainPage">
+        <div v-else :class="{'back-style':true,'party-back-style':isPartyCenter}" title="回到首页" @click="toMainPage">
             <a-icon type="home" theme="filled"/>
         </div>
         <PersonMsgModal :visible="visible" @cancelModal="cancelModal" :full_name="full_name" :user_name="user_name"
@@ -34,14 +35,36 @@
                 phone_number: '',
                 // TEL 手机号
                 // identity_num   身份证号
+                isPartyCenter: false,
 
             }
         },
         props: ['operateType'],//1 退出 2 回到首页
+        watch: {
+            $route(val, oldval){
+                if (val.path === '/partyCenter/party') {
+                    this.isPartyCenter = true
+                } else {
+                    this.isPartyCenter = false
+                }
+            },
+        },
         created() {
+            this.getHref()
             this.getData()
         },
+        mounted(){
+//            this.getHref()
+        },
         methods: {
+            getHref(){
+                this.href = window.location.hash
+                if (this.href === '#/partyCenter/party') {
+                    this.isPartyCenter = true
+                } else {
+                    this.isPartyCenter = false
+                }
+            },
             getData() {
                 this.user_name = this.$store.state.userStore.user.personName
                 console.log('个人信息', this.$store.state.userStore)
@@ -89,7 +112,9 @@
             color: $color-default-bright;
             font-size: 20px;
         }
-
+        .spanColor {
+            color: #fff !important;
+        }
         .back-style {
             width: 30px;
             height: 30px;
@@ -102,6 +127,10 @@
             color: #0a1f3f;
             cursor: pointer;
         }
+        .party-back-style {
+            background-color: #FFAE00 !important;
+            color: #991403 !important;
+        }
 
     }
 </style>

src/views/screenAdaptation/pages/homePages/menuTop/time.vue

@@ -1,7 +1,11 @@
 <template>
     <div class="time-box-style">
-        <a-icon type="calendar" class="light-color-style"/>
-        <span class="light-color-style time-text-style" style="margin-left: 0.5rem">{{ dateYear }} {{ dateDay }}</span>
+        <a-icon type="calendar" :class="{'party-light-color-style':isPartyCenter,'light-color-style':!isPartyCenter}"/>
+        <span
+                :class="{'party-time-text-style':isPartyCenter,'time-text-style':!isPartyCenter}"
+                style="margin-left: 0.5rem">
+            {{ dateYear }} {{ dateDay }}
+        </span>
         <!--<span class="light-color-style" style="padding-left: 10px;"> {{ dateWeek }}</span>-->
     </div>
 </template>
@@ -16,10 +20,27 @@
                 dateYear: null,
 //                dateWeek: null,
                 weekday: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
+                isPartyCenter: false,
+                href: '',
             }
         },
+        watch: {
+            $route: {
+                handler(val, oldval){
+                    if (val.path === '/partyCenter/party') {
+                        this.isPartyCenter = true
+                    } else {
+                        this.isPartyCenter = false
+                    }
+                },
+            },
+        },
+        created(){
+            this.getHref()
+        },
         mounted(){
             this.timeFn();
+//            this.getHref();
         },
         methods: {
             timeFn() {
@@ -29,6 +50,14 @@
 //                    this.dateWeek = this.weekday[new Date().getDay()]
                 }, 100)
             },
+            getHref(){
+                this.href = window.location.hash
+                if (this.href === '#/partyCenter/party') {
+                    this.isPartyCenter = true
+                } else {
+                    this.isPartyCenter = false
+                }
+            },
         },
         beforeDestroy () {
             clearInterval(this.timing)
@@ -39,16 +68,24 @@
     }
 </script>
 <style scoped lang="scss">
-    .time-box-style{
+    .time-box-style {
         min-width: 200px;
         font-size: 20px;
-        .time-text-style{
+        .light-color-style {
+            color: #00fcff !important;
+        }
+        .party-light-color-style {
+            color: #fff !important;
+        }
+        .time-text-style {
             /*font-family: 'lightFont';*/
             font-size: 20px;
             color: #00fcff !important;
         }
-        .light-color-style{
-            color: #00fcff !important;
+        .party-time-text-style {
+            font-size: 20px;
+            color: #fff !important;
         }
+
     }
 </style>

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

@@ -11,77 +11,119 @@
     export default{
         data(){
             return {
-                imgSrc:""
+                imgSrc: ""
             }
         },
-        props:{
-            menu:{
-                type:Object
+        props: {
+            menu: {
+                type: Object
             }
         },
         mounted(){
             this.imgSrc = this.getImgSrc();
         },
-        methods:{
-            menuClick:function () {
-                this.$emit("menuClick",this.menu)
+        methods: {
+            menuClick: function () {
+                this.$emit("menuClick", this.menu)
             },
-            getImgSrc:function () {
+            getImgSrc: function () {
                 let path = this.menu.path;
                 let imgSrc = "";
-                switch (path){
-                    case '/partyCenter':
-                        //党建引领中心
-                        imgSrc = require('../../../assets/images/menu/partyCenter.png');
-                        break;
-                    case '/adminCenter':
-                        //行政管理
-                        imgSrc = require('../../../assets/images/menu/administration.png');
-                        break;
-                    case '/safeCenter':
-                        //安全管理
-                        imgSrc = require('../../../assets/images/menu/safe.png');
-                        break;
-                    case '/teachingCenter':
-                        //教学管理中心
-                        imgSrc = require('../../../assets/images/menu/teaching.png');
-                        break;
-                    case '/resourcesCenter':
-                        //教学资源中心
-                        imgSrc = require('../../../assets/images/menu/resources.png');
-                        break;
-                    case '/studentAdminCenter':
-                        //德育管理中心
-                        imgSrc = require('../../../assets/images/menu/studentAdmin.png');
-                        break;
-                    case '/teacherAdminCenter':
-                        //教师管理中心
-                        imgSrc = require('../../../assets/images/menu/teacherAdmin.png');
-                        break;
-                    case '/monitorCenter':
-                        //运行数据中心
-                        imgSrc = require('../../../assets/images/menu/monitor.png');
-                        break;
-                    case '/serviceCenter':
-                        //家长服务中心
-                        imgSrc = require('../../../assets/images/menu/service.png');
-                        break;
+                if (window.location.hash === '#/partyCenter/party') {
+                    switch (path) {
+                        case '/partyCenter':
+                            //党建引领中心
+                            imgSrc = require('../../../assets/images/menu/party_party.png');
+                            break;
+                        case '/adminCenter':
+                            //行政管理
+                            imgSrc = require('../../../assets/images/menu/party_administration.png');
+                            break;
+                        case '/safeCenter':
+                            //安全管理
+                            imgSrc = require('../../../assets/images/menu/party_safe.png');
+                            break;
+                        case '/teachingCenter':
+                            //教学管理中心
+                            imgSrc = require('../../../assets/images/menu/party_teachManege.png');
+                            break;
+                        case '/resourcesCenter':
+                            //教学资源中心
+                            imgSrc = require('../../../assets/images/menu/resources.png');
+                            break;
+                        case '/studentAdminCenter':
+                            //德育管理中心
+                            imgSrc = require('../../../assets/images/menu/party_moral.png');
+                            break;
+                        case '/teacherAdminCenter':
+                            //教师管理中心
+                            imgSrc = require('../../../assets/images/menu/party_teacher.png');
+                            break;
+                        case '/monitorCenter':
+                            //运行数据中心
+                            imgSrc = require('../../../assets/images/menu/party_function.png');
+                            break;
+                        case '/serviceCenter':
+                            //家长服务中心
+                            imgSrc = require('../../../assets/images/menu/party_moral.png');
+                            break;
+                    }
+                } else {
+                    switch (path) {
+                        case '/partyCenter':
+                            //党建引领中心
+                            imgSrc = require('../../../assets/images/menu/partyCenter.png');
+                            break;
+                        case '/adminCenter':
+                            //行政管理
+                            imgSrc = require('../../../assets/images/menu/administration.png');
+                            break;
+                        case '/safeCenter':
+                            //安全管理
+                            imgSrc = require('../../../assets/images/menu/safe.png');
+                            break;
+                        case '/teachingCenter':
+                            //教学管理中心
+                            imgSrc = require('../../../assets/images/menu/teaching.png');
+                            break;
+                        case '/resourcesCenter':
+                            //教学资源中心
+                            imgSrc = require('../../../assets/images/menu/resources.png');
+                            break;
+                        case '/studentAdminCenter':
+                            //德育管理中心
+                            imgSrc = require('../../../assets/images/menu/studentAdmin.png');
+                            break;
+                        case '/teacherAdminCenter':
+                            //教师管理中心
+                            imgSrc = require('../../../assets/images/menu/teacherAdmin.png');
+                            break;
+                        case '/monitorCenter':
+                            //运行数据中心
+                            imgSrc = require('../../../assets/images/menu/monitor.png');
+                            break;
+                        case '/serviceCenter':
+                            //家长服务中心
+                            imgSrc = require('../../../assets/images/menu/service.png');
+                            break;
+                    }
                 }
+
                 return imgSrc;
             }
         }
     }
 </script>
 <style scoped lang="scss">
-    .menu-box-style{
+    .menu-box-style {
         width: 380px;
         height: 300px;
         position: relative;
-        img{
+        img {
             width: 100%;
             height: 100%;
         }
-        .menu-item-style{
+        .menu-item-style {
             width: 380px;
             height: 300px;
             position: absolute;
@@ -92,14 +134,14 @@
             align-items: center;
             flex-direction: column;
             cursor: pointer;
-            .menu-name-style{
+            .menu-name-style {
                 font-size: 24px;
             }
-            .menu-img-style{
+            .menu-img-style {
                 width: 120px;
                 height: 120px;
                 margin-top: 5px;
-                img{
+                img {
                     width: 100%;
                     height: 100%;
                 }

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

@@ -1,16 +1,17 @@
 <template>
-    <div class="common-box-style">
+    <div :class="{'common-box-style':true,'common-box-party-style':isPartyCenter}">
         <div class="common-box-title-style">
             <!--<img :src="require('../../assets/images/boxTitle.png')" style="width:100%;height: 100%"/>-->
-            <div class="title-box-line left-line-style"></div>
-            <div class="title-box-style">
-                <div class="angle-border left-top-border"></div>
-                <div class="angle-border right-top-border"></div>
-                <div class="angle-border left-bottom-border"></div>
-                <div class="angle-border right-bottom-border"></div>
+            <div :class="{'title-box-line':true,'left-line-style':isPartyCenter}"></div>
+            <div class="title-box-style" :class="{'party-title-box-style':isPartyCenter}">
+                <div class="angle-border left-top-border" :class="{'party-left-top-border':isPartyCenter}"></div>
+                <div class="angle-border right-top-border" :class="{'party-right-top-border':isPartyCenter}"></div>
+                <div class="angle-border left-bottom-border" :class="{'party-left-bottom-border':isPartyCenter}"></div>
+                <div class="angle-border right-bottom-border"
+                     :class="{'party-right-bottom-border':isPartyCenter}"></div>
                 <span class="common-box-title">{{title}}</span>
             </div>
-            <div class="title-box-line right-line-style"></div>
+            <div :class="{'title-box-line':true,'right-line-style':isPartyCenter}"></div>
         </div>
         <!--<dv-border-box-12>{{title}}</dv-border-box-12>-->
         <slot></slot>
@@ -18,18 +19,40 @@
 </template>
 <script>
     /*
-    * 模块外框
-    * */
+     * 模块外框
+     * */
     export default{
         data(){
-            return {}
+            return {
+                href: '',
+                isPartyCenter: false,
+            }
+        },
+        props: ['title'],
+        created(){
+            this.getHref()
         },
-        props:['title']
+        mounted(){
+
+        },
+        methods: {
+            getHref(){
+                let href = window.location.hash
+                if (href === '#/partyCenter/party') {
+                    this.isPartyCenter = true
+                }
+            },
+        }
     }
 </script>
 <style scoped lang="scss">
     @import "../../assets/scss/style";
-    .common-box-style{
+
+    .common-box-party-style {
+        border: 1px solid #FFFF00 !important;
+    }
+
+    .common-box-style {
         width: 100%;
         height: auto;
         padding: 25px 20px 10px 20px;
@@ -39,7 +62,7 @@
         display: flex;
         justify-content: center;
         /*margin-top: 50px;*/
-        .common-box-title-style{
+        .common-box-title-style {
             width: 300px;
             height: 35px;
             line-height: 35px;
@@ -50,12 +73,23 @@
             top: -17px;
             border-radius: 15px;
             /*background-color: #094193;*/
-            .title-box-line{
+            .title-box-line {
                 width: 40px;
                 border-bottom: 3px solid $color-default-bright;
                 margin-top: 3px;
             }
-            .title-box-style{
+            .left-line-style {
+                border-bottom: 3px solid #FFAE00 !important;
+            }
+            .right-line-style {
+                border-bottom: 3px solid #FFAE00 !important;
+            }
+            .party-title-box-style {
+                background: linear-gradient(to top, #D01004, #F19049) !important;
+                background: -moz-linear-gradient(to top, #D01004, #F19049) !important;
+                background: -webkit-linear-gradient(top, #D01004, #F19049) !important;
+            }
+            .title-box-style {
                 width: 180px;
                 height: 100%;
                 display: flex;
@@ -67,42 +101,58 @@
                 color: white;
                 position: relative;
                 /*.common-box-title{*/
-                    /*position: absolute;*/
-                    /*font-size: 18px;*/
+                /*position: absolute;*/
+                /*font-size: 18px;*/
                 /*}*/
-                .angle-border{
+                .angle-border {
                     position: absolute;
                     width: 12px;
                     height: 12px;
                 }
-                .left-top-border{
+                .left-top-border {
                     top: 0;
                     left: 0;
                     border-left: 1px solid $color-default-bright;
                     border-top: 1px solid $color-default-bright;
                     border-top-left-radius: 5px;
                 }
-                .right-top-border{
+                .party-left-top-border {
+                    border-left: 1px solid #FFFF00 !important;
+                    border-top: 1px solid #FFFF00 !important;
+                }
+                .right-top-border {
                     top: 0;
                     right: -1px;
                     border-right: 1px solid $color-default-bright;
                     border-top: 1px solid $color-default-bright;
                     border-top-right-radius: 5px;
                 }
-                .left-bottom-border{
+                .party-right-top-border {
+                    border-right: 1px solid #FFFF00 !important;
+                    border-top: 1px solid #FFFF00 !important;
+                }
+                .left-bottom-border {
                     bottom: 0;
                     left: 0;
                     border-bottom: 1px solid $color-default-bright;
                     border-left: 1px solid $color-default-bright;
                     border-bottom-left-radius: 5px;
                 }
-                .right-bottom-border{
+                .party-left-bottom-border {
+                    border-bottom: 1px solid #FFFF00 !important;
+                    border-left: 1px solid #FFFF00 !important;
+                }
+                .right-bottom-border {
                     bottom: 0;
                     right: -1px;
                     border-right: 1px solid $color-default-bright;
                     border-bottom: 1px solid $color-default-bright;
                     border-bottom-right-radius: 5px;
                 }
+                .party-right-bottom-border {
+                    border-right: 1px solid #FFFF00 !important;
+                    border-bottom: 1px solid #FFFF00 !important;
+                }
             }
         }
     }

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

@@ -3,7 +3,7 @@
         <img :src="topImgUrl"/>
         <div class="page-left-style" :style="{width:leftWidth + '%'}">
             <!--<div class="page-left-style">-->
-            <div class="page-title-style">
+            <div class="page-title-style" :class="{'party-page-title-style':isPartyCenter}">
                 <span class="text">{{title}}</span>
             </div>
             <div class="page-menu-style">
@@ -86,6 +86,7 @@
                 systemData: [],
                 layoutData: {},
                 showWorkBenchButton: true,//是否展示工作台顶部操作按钮
+                isPartyCenter: false,
             }
         },
         computed: {
@@ -103,6 +104,9 @@
                     this.emitRouteChange(val.path);
                     if (val.path === '/partyCenter/party') {
                         this.topImgUrl = topImgPartyBuild
+                        this.isPartyCenter = true
+                    } else {
+                        this.isPartyCenter = false
                     }
                 },
                 // 深度观察监听
@@ -119,13 +123,13 @@
             }
         },
         mounted(){
+            this.getHref()
             this.emitRouteChange(this.$route.path);
             this.$bus.on("topCountChange", this.changeCount);
             this.$bus.on("totalCountChange", this.changeTotalCount);
             this.$bus.on("systemDataChange", this.changeSystemData);
             this.$bus.on("layOutSettingChange", this.changeLayOutSetting);
             this.$bus.on("toDoBtnClick", this.toDoBtnClick);
-            this.getHref()
         },
         methods: {
             getHref(){
@@ -133,6 +137,9 @@
                 href = window.location.href.slice(window.location.href.indexOf('#') + 1)
                 if (href === '/partyCenter/party') {
                     this.topImgUrl = topImgPartyBuild
+                    this.isPartyCenter = true
+                } else {
+                    this.isPartyCenter = false
                 }
             },
             filterMenuAry: function (path) {
@@ -332,6 +339,7 @@
             position: absolute;
             top: 0;
             left: 0;
+
             .page-title-style {
                 font-size: 18px;
                 width: 450px;
@@ -345,6 +353,10 @@
                     font-size: 32px;
                 }
             }
+            .party-page-title-style {
+                font-weight: 550;
+                color: #FFF799 !important;
+            }
             .page-menu-style {
                 font-size: 18px;
                 width: calc(100% - 450px);