动态化学校名称
parent
767a977e85
commit
2da586b25f
|
@ -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%;}
|
||||||
|
|
|
@ -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();
|
||||||
}
|
}
|
||||||
|
|
|
@ -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');
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
@ -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');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
@ -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(()=>{
|
||||||
|
|
|
@ -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',//首页视频
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 204 KiB |
Loading…
Reference in New Issue