动态化学校名称

master
chen 2022-04-28 16:49:18 +08:00
parent 767a977e85
commit 2da586b25f
7 changed files with 105 additions and 33 deletions

View File

@ -246,7 +246,7 @@ img {
} }
.img-box {margin: 3.5rem 4.375rem 0px 4.0625rem;position: relative;} .img-box {margin: 3.5rem 4.375rem 0px 4.0625rem;position: relative;}
/* .swiper-container{border-radius: 10px;border: 5px solid #9c7cfa;height: 460px;} */ /* .swiper-container{border-radius: 10px;border: 5px solid #9c7cfa;height: 460px;} */
.home-swiper {border-radius: 0.625rem;border: 0.3125rem solid #9c7cfa;height: 29.125rem;} .home-swiper {border-radius: 0.625rem;border: 0.3125rem solid #9c7cfa;height: 29.125rem;background-color: #000000;}
.swiper-pagination {position: absolute;left: 50%;transform: translateX(-60%);bottom: 7.5rem;} .swiper-pagination {position: absolute;left: 50%;transform: translateX(-60%);bottom: 7.5rem;}
.home-slide{height: 29.125rem;overflow: hidden;} .home-slide{height: 29.125rem;overflow: hidden;}
.home-slide img{object-fit: cover;width: 100%;height: 100%;} .home-slide img{object-fit: cover;width: 100%;height: 100%;}

View File

@ -36,6 +36,12 @@
attendanceBabuDetail attendanceBabuDetail
}, },
name: 'babyActivity', name: 'babyActivity',
props:{
current:{
type:Number,
default:0
}
},
data() { data() {
return { return {
navArr:[ navArr:[
@ -72,9 +78,25 @@
if(this.$storage.get('network')){ if(this.$storage.get('network')){
this.showLoading = true; this.showLoading = true;
this.stuIndex = e; this.stuIndex = e;
this.checkResult = this.babyArr[e].CheckResult; let stuguid = '';
if(this.type==0) {
this.checkResult = this.babyList1[e].CheckResult;
stuguid = this.babyList1[e].StuGuid;
} else if(this.type==1){
this.checkResult = this.babyList2[e].CheckResult;
stuguid = this.babyList2[e].StuGuid;
} else if(this.type==2){
this.checkResult = this.babyList3[e].CheckResult;
stuguid = this.babyList3[e].StuGuid;
} else if(this.type==3){
this.checkResult = this.babyList4[e].CheckResult;
stuguid = this.babyList4[e].StuGuid;
} else if(this.type==4){
this.checkResult = this.babyList5[e].CheckResult;
stuguid = this.babyList5[e].StuGuid;
}
// //
this.getupdatestudentlistEv(this.babyArr[e].StuGuid); this.getupdatestudentlistEv(stuguid);
} else { } else {
this.showError = true; this.showError = true;
} }
@ -100,6 +122,7 @@
async checkAttendanceNum(){ async checkAttendanceNum(){
if(this.$storage.get('network')){ if(this.$storage.get('network')){
this.showError = false; this.showError = false;
console.log(this.type);
let data = await this.$axios({ let data = await this.$axios({
// serviceAPI // serviceAPI
url: this.$https.getstudentattendanceinfo, url: this.$https.getstudentattendanceinfo,
@ -144,8 +167,8 @@
this.$storage.set('babyList5',this.babyList5); this.$storage.set('babyList5',this.babyList5);
// this.$storage.set('cunArr',this.cunArr); // this.$storage.set('cunArr',this.cunArr);
} else { } else {
this.babyArr = []; // this.babyArr = [];
this.$storage.set('babyArr',this.babyArr); // this.$storage.set('babyArr',this.babyArr);
} }
} else { } else {
this.navArr[0].num = this.$storage.get('num0'); this.navArr[0].num = this.$storage.get('num0');
@ -168,7 +191,7 @@
// //
async getupdatestudentlistEv(Guid){ async getupdatestudentlistEv(Guid){
if(this.$storage.get('network')){ if(this.$storage.get('network')){
this.getuserattendanceinfoEv(this.babyArr[this.stuIndex].StuGuid); this.getuserattendanceinfoEv(Guid);
let data = await this.$axios({ let data = await this.$axios({
// serviceAPI // serviceAPI
url:this.$https.getupdatestudentlist, url:this.$https.getupdatestudentlist,
@ -201,6 +224,8 @@
}, },
}, },
mounted() { mounted() {
this.navIndex = this.current;
this.type = this.current;
// //
this.checkAttendanceNum(); this.checkAttendanceNum();
} }

View File

@ -27,12 +27,12 @@
</div> </div>
<div class="plan-box"> <div class="plan-box">
<v-touch v-on:swipeleft="touchDayEv" v-on:swiperight="touchDayEv"> <v-touch v-on:swipeleft="touchDayEv" v-on:swiperight="touchDayEv">
<button type="button" :style="{ <button type="button" @click="touchDayEv" :style="{
backgroundColor:isDay?'#9C7CFA':'#FFFFFF', backgroundColor:isDay?'#9C7CFA':'#FFFFFF',
color:isDay?'#FFFFFF' : '#9C7CFA'}">{{weekText}}</button> color:isDay?'#FFFFFF' : '#9C7CFA'}">{{weekText}}</button>
</v-touch> </v-touch>
<v-touch v-on:swipeleft="touchMonthEv" v-on:swiperight="touchMonthEv"> <v-touch v-on:swipeleft="touchMonthEv" v-on:swiperight="touchMonthEv">
<button type="button" :style="{ <button type="button" @click="touchMonthEv" :style="{
backgroundColor:isMonth?'#9C7CFA':'#FFFFFF', backgroundColor:isMonth?'#9C7CFA':'#FFFFFF',
color:isMonth?'#FFFFFF' : '#9C7CFA'}">{{monthText}}</button> color:isMonth?'#FFFFFF' : '#9C7CFA'}">{{monthText}}</button>
</v-touch> </v-touch>
@ -354,7 +354,7 @@
} }
}, },
touchMonthEv(){ touchMonthEv(){
if(this.monthObj!=''){ if(this.monthObj!='' && this.monthObj!=undefined){
this.isMonth = true; this.isMonth = true;
} else { } else {
this.monthText = '查询数据为空'; this.monthText = '查询数据为空';
@ -517,16 +517,10 @@
); );
if(data.data.data!=undefined){ if(data.data.data!=undefined){
this.dayArr = data.data.data.list; this.dayArr = data.data.data.list;
// this.teatherArr = data.data.data.Teachers;
// this.className = data.data.data.ClassName;
this.$storage.set('dayArr',this.dayArr); this.$storage.set('dayArr',this.dayArr);
// this.$storage.set('teatherArracti',this.teatherArr);
// this.$storage.set('classNameactu',this.className);
} }
} else { } else {
this.dayArr = this.$storage.get('dayArr'); this.dayArr = this.$storage.get('dayArr');
// this.teatherArr = this.$storage.get('teatherArracti');
// this.className = this.$storage.get('classNameactu');
} }
}, },
// //
@ -553,8 +547,6 @@
} }
} else { } else {
this.monthObj = this.$storage.set('monthObj',this.monthObj); this.monthObj = this.$storage.set('monthObj',this.monthObj);
// this.teatherArr = this.$storage.get('teatherArracti');
// this.className = this.$storage.get('classNameactu');
} }
}, },
}, },

View File

@ -7,8 +7,9 @@
<div class="logo"> <div class="logo">
<img v-if="logoImg!=''" :src="logoImg" style="object-fit: cover;"> <img v-if="logoImg!=''" :src="logoImg" style="object-fit: cover;">
<div style="display: flex;flex-direction: column;"> <div style="display: flex;flex-direction: column;">
<span style="font-size: 33.8px;">都江堰市机关幼儿园</span> <span style="font-size: 33.8px;">{{className}}</span>
<span style="font-size: 18.1px;">DU JANG YAN JI GUAN YOU ER YUAN</span> <!-- <span style="font-size: 33.8px;">都江堰市机关幼儿园</span> -->
<!-- <span style="font-size: 18.1px;">DU JANG YAN JI GUAN YOU ER YUAN</span> -->
</div> </div>
</div> </div>
</div> </div>
@ -38,13 +39,13 @@
<!-- 首页 --> <!-- 首页 -->
<homepage v-if="activeIndex==0"></homepage> <homepage v-if="activeIndex==0" @numEv="numEv"></homepage>
<!-- 幼儿园介绍 --> <!-- 幼儿园介绍 -->
<kindIntroduction v-if="activeIndex==1"></kindIntroduction> <kindIntroduction v-if="activeIndex==1"></kindIntroduction>
<!-- 宝宝活动 --> <!-- 宝宝活动 -->
<babyActivity v-if="activeIndex==2"></babyActivity> <babyActivity v-if="activeIndex==2"></babyActivity>
<!-- 出勤详情 --> <!-- 出勤详情 -->
<attendanceDetail v-if="activeIndex==3"></attendanceDetail> <attendanceDetail v-if="activeIndex==3" :current="currentIndex"></attendanceDetail>
<!-- 宝宝相册 --> <!-- 宝宝相册 -->
<babyAlbum v-if="activeIndex==4"></babyAlbum> <babyAlbum v-if="activeIndex==4"></babyAlbum>
<!-- 疫情管理 --> <!-- 疫情管理 -->
@ -116,6 +117,7 @@
data() { data() {
return { return {
titleArr: ['首页', '幼儿园介绍', '宝宝活动', '出勤详情', '宝宝相册', '疫情防控'], titleArr: ['首页', '幼儿园介绍', '宝宝活动', '出勤详情', '宝宝相册', '疫情防控'],
className:'',//
activeIndex: 0, activeIndex: 0,
cunIndex: 0, cunIndex: 0,
modeArr: [{ modeArr: [{
@ -153,7 +155,8 @@
ver: 0, ver: 0,
s: '', s: '',
newwidth:document.body.clientWidth, newwidth:document.body.clientWidth,
newheight:document.body.clientHeight newheight:document.body.clientHeight,
currentIndex:0
} }
}, },
// metaInfo: { // metaInfo: {
@ -164,6 +167,11 @@
// ], // ],
// }, // },
methods: { methods: {
numEv(e){
// console.log(e,168);
this.chooseTitle(3);
this.currentIndex = e;
},
// //
closeWellcome() { closeWellcome() {
this.wellcomeFlag = false; this.wellcomeFlag = false;
@ -424,6 +432,7 @@
let serial = Build.SERIAL; let serial = Build.SERIAL;
this.$storage.set('EquipmentID',Build.SERIAL); this.$storage.set('EquipmentID',Build.SERIAL);
// this.$storage.set('EquipmentID','B520P2RXM0'); // this.$storage.set('EquipmentID','B520P2RXM0');
// this.$storage.set('EquipmentID','ZSX100873');
this.classCardId = this.$storage.get('EquipmentID'); this.classCardId = this.$storage.get('EquipmentID');
this.weatherEv(); this.weatherEv();
this.introduce(); this.introduce();
@ -468,6 +477,7 @@
if (this.$storage.get('network')) { if (this.$storage.get('network')) {
this.showError = false; this.showError = false;
this.logoImg = this.$storage.get('logoImg'); this.logoImg = this.$storage.get('logoImg');
this.className = this.$storage.get('className');
let data = await this.$axios({ let data = await this.$axios({
// serviceAPI // serviceAPI
url: this.$https.mechanism, url: this.$https.mechanism,
@ -479,9 +489,12 @@
if (data.data.data != undefined) { if (data.data.data != undefined) {
this.logoImg = data.data.data.Img_Url; this.logoImg = data.data.data.Img_Url;
this.$storage.set('logoImg', this.logoImg); this.$storage.set('logoImg', this.logoImg);
this.className = data.data.data.OrganName;
this.$storage.set('className', this.className);
} }
} else { } else {
this.logoImg = this.$storage.get('logoImg'); this.logoImg = this.$storage.get('logoImg');
this.className = this.$storage.get('className');
} }
}, },
}, },

View File

@ -19,7 +19,7 @@
</div> </div>
<div class="line" v-if="className!=''"></div> <div class="line" v-if="className!=''"></div>
<div class="left-last"> <div class="left-last">
<div v-for="(item,index) in daoArr" :key="index"> <div @click="chooseIndex(index)" v-for="(item,index) in daoArr" :key="index">
<div>{{item.num}}</div> <div>{{item.num}}</div>
<div>{{item.title}}</div> <div>{{item.title}}</div>
</div> </div>
@ -78,12 +78,13 @@
<div class="center-img-box"> <div class="center-img-box">
<div class="center-title">班级动态</div> <div class="center-title">班级动态</div>
<div class="img-box"> <div class="img-box">
<swiper class="home-swiper" v-if="classImgArr.length" :options="swiperOption" style="position: relative;"> <video v-if="videoSrc" width="100%" class="home-swiper" controls :src="videoSrc"></video>
<swiper class="home-swiper" v-if="classImgArr.length && videoSrc==''" :options="swiperOption" style="position: relative;">
<swiper-slide v-for="(item,index) in classImgArr" :key="index" class="home-slide"> <swiper-slide v-for="(item,index) in classImgArr" :key="index" class="home-slide">
<img :src="item"> <img :src="item">
</swiper-slide> </swiper-slide>
</swiper> </swiper>
<div class="swiper-pagination"></div> <div v-if="videoSrc==''" class="swiper-pagination"></div>
<loading :isShow="showLoading_four"></loading> <loading :isShow="showLoading_four"></loading>
</div> </div>
</div> </div>
@ -202,7 +203,8 @@
classCardId:'', classCardId:'',
diffHeight:'', diffHeight:'',
isNotice:false, isNotice:false,
classTimer:null// classTimer:null,//
videoSrc:''//
}; };
}, },
destroyed() { destroyed() {
@ -214,6 +216,43 @@
clearInterval(this.classTimer); clearInterval(this.classTimer);
}, },
methods: { methods: {
//
async getVideo(){
if(this.$storage.get('network')){
let data = await this.$axios({
// serviceAPI
url: this.$https.getVideo,
methods: "GET",
params: {
EquipmentID: this.$storage.get('EquipmentID')
},
});
if(data.data.data.VideoUrls!=undefined){
this.videoSrc = data.data.data.VideoUrls;
this.$storage.set('videoSrc',this.videoSrc);
}
if(data.data.data.PictureUrls.length){
this.classImgArr = data.data.data.PictureUrls;
this.$storage.set('classImgArr',this.classImgArr);
}
} else {
if(this.$storage.get('videoSrc')!=undefined){
this.videoSrc = this.$storage.get('videoSrc');
}
if(this.$storage.get('classImgArr')!=undefined){
this.classImgArr = this.$storage.get('classImgArr');
}
}
this.showLoading_four = false;
},
//
chooseIndex(index){
let current = '';
if(index==0) current = 1;
if(index==1) current = 3;
if(index==2) current = 4;
this.$emit('numEv',current)
},
// //
touchEv(){ touchEv(){
this.isNotice = true; this.isNotice = true;
@ -358,14 +397,14 @@
EquipmentID: this.$storage.get('EquipmentID') EquipmentID: this.$storage.get('EquipmentID')
}, },
}); });
if(data.data.data!=null){ // if(data.data.data!=null){
this.classImgArr = data.data.data.PictureUrls; // this.classImgArr = data.data.data.PictureUrls;
this.$storage.set('classImgArr',this.classImgArr); // this.$storage.set('classImgArr',this.classImgArr);
} // }
} else { } else {
if(this.$storage.get('classImgArr')!=undefined){ // if(this.$storage.get('classImgArr')!=undefined){
this.classImgArr = this.$storage.get('classImgArr'); // this.classImgArr = this.$storage.get('classImgArr');
} // }
} }
this.showLoading_four = false; this.showLoading_four = false;
}, },
@ -499,6 +538,8 @@
},1000*60) },1000*60)
setTimeout(()=>{ setTimeout(()=>{
this.plusReady(); this.plusReady();
//
this.getVideo();
},500) },500)
setTimeout(()=>{ setTimeout(()=>{
this.timer = setInterval(()=>{ this.timer = setInterval(()=>{

View File

@ -32,6 +32,7 @@ const url = {
getMonth:host + '/api/kindergarten/course_term_run/getdatalistbyorgguid',//月计划 getMonth:host + '/api/kindergarten/course_term_run/getdatalistbyorgguid',//月计划
// getDay:host + '/api/kindergarten/course_term_run/getweektermist',//周计划 // getDay:host + '/api/kindergarten/course_term_run/getweektermist',//周计划
getDay:host + '/api/kindergarten/course_term_run/getweekplan',//周计划 getDay:host + '/api/kindergarten/course_term_run/getweekplan',//周计划
getVideo:host + '/api/admin/electronicclasscard/getpicurlsnew',//首页视频
} }

BIN
static/img/home/logo01.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB