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

init
gongdi 3 years ago
parent a924eb7a89
commit fbc7dfd280

@ -20,7 +20,7 @@
</div> </div>
<div class="add-record-row-style"> <div class="add-record-row-style">
<div class="li-box li-left"><span class="must-option-style">*</span>正文</div> <div class="li-box li-left"><span class="must-option-style">*</span>正文</div>
<div class="li-box li-right"> <div class="li-box li-right li-right-editor">
<!--<rich-editor editorId="defaultValueEditor" ref="editor" :content="infoContent"/>--> <!--<rich-editor editorId="defaultValueEditor" ref="editor" :content="infoContent"/>-->
<!--<wang-editor></wang-editor>--> <!--<wang-editor></wang-editor>-->
<my-editor ref="myEditor" :content="infoContent"></my-editor> <my-editor ref="myEditor" :content="infoContent"></my-editor>
@ -178,6 +178,9 @@
border-right: 0 !important; border-right: 0 !important;
} }
} }
.li-right-editor{
min-height: 20rem;
}
} }
.button-row-style { .button-row-style {
width: 50%; width: 50%;

@ -33,7 +33,7 @@
}, },
watch: { watch: {
$route: { $route: {
handler(val, oldval){ handler: function (val, oldval) {
if (val.path === '/partyCenter/party') { if (val.path === '/partyCenter/party') {
this.isPartyPage = true; this.isPartyPage = true;
} else { } else {
@ -41,6 +41,7 @@
} }
this.changeMenu(); this.changeMenu();
}, },
deep: true
} }
}, },
props: { props: {
@ -50,37 +51,43 @@
} }
}, },
mounted(){ mounted(){
this.changeMenu(); let path = this.$route.path;
if (path === '/partyCenter/party') {
this.isPartyPage = true;
} else {
this.isPartyPage = false;
}
this.changeMenu();
}, },
methods: { methods: {
menuClick: function () { menuClick: function () {
this.$emit("menuClick", this.menu) this.$emit("menuClick", this.menu)
}, },
changeMenu:function () { changeMenu: function () {
switch (this.$props.menu.name) { switch (this.$props.menu.name) {
case "partyCenterPage": case "partyCenterPage":
this.imgUrl = this.isPartyPage?this.partyRedImg:this.partyImg; this.imgUrl = this.isPartyPage ? this.partyRedImg : this.partyImg;
break; break;
case "adminCenterPage": case "adminCenterPage":
this.imgUrl = this.isPartyPage?this.adminRedImg:this.adminImg; this.imgUrl = this.isPartyPage ? this.adminRedImg : this.adminImg;
break; break;
case "safeCenterPage": case "safeCenterPage":
this.imgUrl = this.isPartyPage?this.safeRedImg:this.safeImg; this.imgUrl = this.isPartyPage ? this.safeRedImg : this.safeImg;
break; break;
case "teachingCenterPage": case "teachingCenterPage":
this.imgUrl = this.isPartyPage?this.teachingRedImg:this.teachingImg; this.imgUrl = this.isPartyPage ? this.teachingRedImg : this.teachingImg;
break; break;
case "moralEducationCenterPage": case "moralEducationCenterPage":
this.imgUrl = this.isPartyPage?this.deyuRedImg:this.deyuImg; this.imgUrl = this.isPartyPage ? this.deyuRedImg : this.deyuImg;
break; break;
case "teacherAdminCenterPage": case "teacherAdminCenterPage":
this.imgUrl = this.isPartyPage?this.teacherRedImg:this.teacherImg; this.imgUrl = this.isPartyPage ? this.teacherRedImg : this.teacherImg;
break; break;
case "monitorCenterPage": case "monitorCenterPage":
this.imgUrl = this.isPartyPage?this.dataRedImg:this.dataImg; this.imgUrl = this.isPartyPage ? this.dataRedImg : this.dataImg;
break; break;
case "serviceCenterPage": case "serviceCenterPage":
this.imgUrl = this.isPartyPage?this.serviceRedImg:this.serviceImg; this.imgUrl = this.isPartyPage ? this.serviceRedImg : this.serviceImg;
break; break;
default: default:
break; break;

@ -37,7 +37,7 @@
</a-row> </a-row>
<div class="brandList"> <div class="brandList">
<vue-scroll :ops="listScroll" :style="showPage?'height:35rem':'height:35rem'" class="score-list-div"> <vue-scroll :ops="listScroll" :style="showPage?'height:35rem':'height:35rem'" class="score-list-div">
<a-list item-layout="horizontal" :data-source="dataList"> <a-list item-layout="horizontal" :data-source="dataList" :locale="{emptyText:'暂无数据'}">
<a-list-item slot="renderItem" slot-scope="item" class="listItem" @click="showInfo(item)"> <a-list-item slot="renderItem" slot-scope="item" class="listItem" @click="showInfo(item)">
<a-avatar :src="getImgURL(item.imgObj)"/> <a-avatar :src="getImgURL(item.imgObj)"/>
<p class="p1"> <p class="p1">

@ -16,7 +16,7 @@
<div class="botText"> <div class="botText">
<vue-scroll :ops="listScroll" :style="showPage?'height:14rem':'height:14rem'" <vue-scroll :ops="listScroll" :style="showPage?'height:14rem':'height:14rem'"
class="score-list-div"> class="score-list-div">
<a-list item-layout="horizontal" :data-source="dataList"> <a-list item-layout="horizontal" :data-source="dataList" :locale="{emptyText:'暂无数据'}">
<a-list-item slot="renderItem" slot-scope="item" class="teamListLi" @click="showInfo(item)"> <a-list-item slot="renderItem" slot-scope="item" class="teamListLi" @click="showInfo(item)">
<p class="contentText"> <p class="contentText">
<span style="width: 7px;height: 7px;margin-right:5px;border-radius: 50%;background: #fff;margin-left: -5px;display: inline-block;"></span> <span style="width: 7px;height: 7px;margin-right:5px;border-radius: 50%;background: #fff;margin-left: -5px;display: inline-block;"></span>

@ -4,7 +4,7 @@
<div class="leftList"> <div class="leftList">
<vue-scroll :ops="listScroll" :style="showPage?'height:21rem':'height:22rem'" <vue-scroll :ops="listScroll" :style="showPage?'height:21rem':'height:22rem'"
class="score-list-div"> class="score-list-div">
<a-list item-layout="horizontal" :data-source="dataList"> <a-list item-layout="horizontal" :data-source="dataList" :locale="{emptyText:'暂无数据'}">
<a-list-item slot="renderItem" slot-scope="item" class="teamListLi" @click="showInfo(item)"> <a-list-item slot="renderItem" slot-scope="item" class="teamListLi" @click="showInfo(item)">
<p class="contentText"> <p class="contentText">
<span style="width: 7px;height: 7px;margin-right:5px;border-radius: 50%;background: #fff;margin-left: -5px;display: inline-block;"></span> <span style="width: 7px;height: 7px;margin-right:5px;border-radius: 50%;background: #fff;margin-left: -5px;display: inline-block;"></span>

@ -102,14 +102,15 @@
watch: { watch: {
$route: { $route: {
handler(val, oldval){ handler(val, oldval){
console.log("val:",val)
this.emitRouteChange(val.path); this.emitRouteChange(val.path);
if (val.path === '/partyCenter/party') { // if (val.path === '/partyCenter/party') {
this.topImgUrl = topImgPartyBuild // this.topImgUrl = topImgPartyBuild
this.isPartyCenter = true // this.isPartyCenter = true
} else { // } else {
this.topImgUrl = topImg01 // this.topImgUrl = topImg01
this.isPartyCenter = false // this.isPartyCenter = false
} // }
}, },
// //
deep: true, deep: true,
@ -137,6 +138,7 @@
methods: { methods: {
getHref(){ getHref(){
this.href = window.location.hash this.href = window.location.hash
console.log(this.$route.path)
if (this.href === '#/partyCenter/party') { if (this.href === '#/partyCenter/party') {
this.topImgUrl = topImgPartyBuild this.topImgUrl = topImgPartyBuild
this.isPartyCenter = true this.isPartyCenter = true
@ -196,10 +198,12 @@
} }
}, },
changeBackImg: function (path) { changeBackImg: function (path) {
if (this.href === '#/partyCenter/party') { if (path === '/partyCenter/party') {
this.topImgUrl = topImgPartyBuild this.topImgUrl = topImgPartyBuild
this.isPartyCenter = true this.isPartyCenter = true;
this.showWorkBenchButton = false;
} else { } else {
this.isPartyCenter = false;
if (path.indexOf("workBench") > 0) { if (path.indexOf("workBench") > 0) {
// //
if (path === "/workBench/application") { if (path === "/workBench/application") {

@ -4,5 +4,21 @@
export default [ export default [
require('../assets/images/secondPageTop01.png'), require('../assets/images/secondPageTop01.png'),
require('../assets/images/secondPageTop02.png'), require('../assets/images/secondPageTop02.png'),
require('../assets/images/topImgPartyBuild.png') require('../assets/images/topImgPartyBuild.png'),
require('../assets/images/partyImage/party-building.png'),
require('../assets/images/partyImage/party-building-red.png'),
require('../assets/images/partyImage/admin.png'),
require('../assets/images/partyImage/admin-red.png'),
require('../assets/images/partyImage/safe.png'),
require('../assets/images/partyImage/safe-red.png'),
require('../assets/images/partyImage/teaching.png'),
require('../assets/images/partyImage/teaching-red.png'),
require('../assets/images/partyImage/de-yu.png'),
require('../assets/images/partyImage/de-yu-red.png'),
require('../assets/images/partyImage/teacher.png'),
require('../assets/images/partyImage/teacher-red.png'),
require('../assets/images/partyImage/data.png'),
require('../assets/images/partyImage/data-red.png'),
require('../assets/images/partyImage/service.png'),
require('../assets/images/partyImage/service-red.png'),
]; ];

Loading…
Cancel
Save