完善设备id,网络监听
parent
9ec2bd6b74
commit
481c483043
|
@ -53,30 +53,39 @@ img {
|
||||||
padding: 0 60px;
|
padding: 0 60px;
|
||||||
}
|
}
|
||||||
.header-box .logo-box {
|
.header-box .logo-box {
|
||||||
display: flex;
|
/* display: flex; */
|
||||||
justify-content: center;
|
/* justify-content: center; */
|
||||||
align-items: center;
|
/* align-items: center; */
|
||||||
background: url(../../../static/img/home/logo-bottom.png) no-repeat;
|
/* background: url(../../../static/img/home/logo-bottom.png) no-repeat; */
|
||||||
background-size: 100% 100%;
|
/* background-size: 100% 100%; */
|
||||||
width: 177px;
|
/* width: 177px; */
|
||||||
height: 162px;
|
max-width: 500px;
|
||||||
margin-left: 16%;
|
/* height: 162px; */
|
||||||
margin-top: 20px;
|
/* margin-left: 16%; */
|
||||||
|
/* margin-top: 20px; */
|
||||||
|
margin-right: 3%;
|
||||||
}
|
}
|
||||||
.header-box .logo {
|
.header-box .logo {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
/* justify-content: center; */
|
||||||
|
/* justify-content: space-between; */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
/* flex-direction: column; */
|
||||||
|
max-width: 430px;
|
||||||
}
|
}
|
||||||
.logo img {
|
.logo img {
|
||||||
width: 76px;
|
/* object-fit: cover; */
|
||||||
|
min-width: 76px;
|
||||||
height: 76px;
|
height: 76px;
|
||||||
|
border-radius: 100%;
|
||||||
|
background-color: #9c7cfa;
|
||||||
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
.logo div {
|
.logo div {
|
||||||
color: #b7cc56;
|
color: #b7cc56;
|
||||||
font-size: 12.5px;
|
/* font-size: 12.5px; */
|
||||||
margin-top: 6px;
|
/* margin-top: 6px; */
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
.header-box .title-box {
|
.header-box .title-box {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -236,10 +245,12 @@ img {
|
||||||
height: 767px;
|
height: 767px;
|
||||||
}
|
}
|
||||||
.img-box {
|
.img-box {
|
||||||
margin: 76px 83px 0px 74px;
|
margin: 64px 76px 0px 72px;
|
||||||
position: relative;}
|
position: relative;}
|
||||||
.swiper-pagination {position: absolute;left: 50%;transform: translateX(-60%);bottom: 120px;z-index: -1;}
|
/* .swiper-container{border-radius: 10px;border: 5px solid #9c7cfa;height: 460px;} */
|
||||||
.home-slide{height: 430px;}
|
.home-swiper {border-radius: 10px;border: 5px solid #9c7cfa;height: 460px;}
|
||||||
|
.swiper-pagination {position: absolute;left: 50%;transform: translateX(-60%);bottom: 120px;}
|
||||||
|
.home-slide{height: 445px;overflow: hidden;}
|
||||||
.swiper-pagination .swiper-pagination-bullet {margin: 0 6px;}
|
.swiper-pagination .swiper-pagination-bullet {margin: 0 6px;}
|
||||||
.swiper-pagination .swiper-pagination-bullet-active {background-color: #9c7cfa;}
|
.swiper-pagination .swiper-pagination-bullet-active {background-color: #9c7cfa;}
|
||||||
.remind-box {display: flex;justify-content: center;margin-top: -30px;}
|
.remind-box {display: flex;justify-content: center;margin-top: -30px;}
|
||||||
|
@ -253,14 +264,14 @@ img {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 390px;
|
width: 390px;
|
||||||
/* height: 900px; */
|
/* height: 900px; */
|
||||||
height:767px;
|
height:800px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
background: url(../../../static/img/home/right-back.png) no-repeat;
|
background: url(../../../static/img/home/right-back.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
.img-box img{
|
.img-box img{
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: -1;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.right-content {color: #7557CC;text-align: center;
|
.right-content {color: #7557CC;text-align: center;
|
||||||
height: 90%;
|
height: 90%;
|
||||||
|
@ -319,7 +330,7 @@ overflow: hidden;overflow-y: scroll;}
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
/* height: 66px; */
|
/* height: 66px; */
|
||||||
height: 56px;
|
height: 60px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
|
@ -350,7 +361,8 @@ overflow: hidden;overflow-y: scroll;}
|
||||||
background-color: #f7f7f7;
|
background-color: #f7f7f7;
|
||||||
border-radius: 0px 0px 15px 15px;
|
border-radius: 0px 0px 15px 15px;
|
||||||
padding: 7px;
|
padding: 7px;
|
||||||
margin-top: 5px;
|
/* margin-top: 5px; */
|
||||||
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
.baby-content-box::-webkit-scrollbar {
|
.baby-content-box::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -590,6 +602,7 @@ overflow: hidden;overflow-y: scroll;}
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #3F3F3F;
|
color: #3F3F3F;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
height: 31px;
|
||||||
}
|
}
|
||||||
.yiqing-content {
|
.yiqing-content {
|
||||||
height: 680px;
|
height: 680px;
|
||||||
|
@ -700,7 +713,7 @@ overflow: hidden;overflow-y: scroll;}
|
||||||
|
|
||||||
.attenddetail-ring{display: flex;width: 100%;margin-left: 40px;font-size: 16px;color: #666666;}
|
.attenddetail-ring{display: flex;width: 100%;margin-left: 40px;font-size: 16px;color: #666666;}
|
||||||
.top-row {display: flex;align-items: center;}
|
.top-row {display: flex;align-items: center;}
|
||||||
.attenddetail-ring >div{margin-right: 90px;}
|
.attenddetail-ring >div{margin-right: 70px;}
|
||||||
.attenddetail-ring >div div:last-child{margin-top: 20px;}
|
.attenddetail-ring >div div:last-child{margin-top: 20px;}
|
||||||
.attendance-con{
|
.attendance-con{
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
@ -711,10 +724,15 @@ overflow: hidden;overflow-y: scroll;}
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
margin-bottom: 78px;
|
margin-bottom: 78px;
|
||||||
}
|
}
|
||||||
|
.attendance-con:last-child{
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.attendance-jian-item{width: 50%;margin-bottom: 20px;padding-bottom: 20px; border-bottom: 1px solid #d3d3d3;}
|
||||||
|
.attendance-jian-item:nth-last-child(1),.attendance-jian-item:nth-last-child(2){border-bottom: 1px solid #FFFFFF;}
|
||||||
.baby-img01{width: 119px;height: 119px;background: #D3D3D3;border: 5px solid #ECE6FF;border-radius: 50%;object-fit: cover;}
|
.baby-img01{width: 119px;height: 119px;background: #D3D3D3;border: 5px solid #ECE6FF;border-radius: 50%;object-fit: cover;}
|
||||||
.baby-img02{width: 245px;height: 154px;object-fit: cover; border-radius: 10px;display: flex;justify-content: center;align-items: center;background-color: #F3F3F3;margin-right: 20px;}
|
.baby-img02{width: 245px;height: 154px;object-fit: cover; border-radius: 10px;display: flex;justify-content: center;align-items: center;background-color: #F3F3F3;margin-right: 20px;}
|
||||||
.attend-title {text-align: left;padding-right: 50px;width: 100%;}
|
.attend-title {text-align: left;padding-right: 50px;width: 100%;}
|
||||||
.chengjian{display: flex;margin-top: 5px;font-size: 16px;color: #666666;}
|
.chengjian{display: flex;margin-top: 5px;font-size: 16px;color: #666666;justify-content: space-between;flex-wrap: wrap;}
|
||||||
.chengjian>div{display: flex;align-items: flex-end;width: 50%;line-height: 30px;}
|
.chengjian>div{display: flex;align-items: flex-end;width: 50%;line-height: 30px;}
|
||||||
.wellcome-img{position: fixed;z-index: 100;top: 0;left: 0;right: 0;bottom: 0;}
|
.wellcome-img{position: fixed;z-index: 100;top: 0;left: 0;right: 0;bottom: 0;}
|
||||||
.erro-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999999;display: flex;justify-content: center;align-items: center;background-color: #FFFFFF;}
|
.erro-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999999;display: flex;justify-content: center;align-items: center;background-color: #FFFFFF;}
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div style="width: 100%;">
|
<div style="width: 100%;">
|
||||||
<div class="yiqing-title attend-title">{{dataObj.First_Guarder}}</div>
|
<div class="yiqing-title attend-title">{{dataObj.StuName}}</div>
|
||||||
<img src="../../static/img/kindergartenIntroduce/icon-back.png" class="back-img" @click="backNews">
|
<img src="../../static/img/kindergartenIntroduce/icon-back.png" class="back-img" @click="backNews">
|
||||||
<div class="attendance-con">
|
<div class="attendance-con">
|
||||||
<div class="top-row">
|
<div class="top-row">
|
||||||
|
@ -12,10 +12,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-s0">
|
<div class="flex-s0">
|
||||||
<div>生日:{{dataObj.Born}}</div>
|
<div>生日:{{dataObj.Born}}</div>
|
||||||
<div>考勤卡:{{dataObj.IdCarld}}</div>
|
<div>考勤卡号:{{dataObj.AttendanceNum}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-s0">
|
<div class="flex-s0">
|
||||||
<div>家长:{{dataObj.Relation}} {{dataObj.StuName}}</div>
|
<div>家长:{{dataObj.Relation}} {{dataObj.First_Guarder}}</div>
|
||||||
<div>电话号码:{{dataObj.First_GuarderTel}}</div>
|
<div>电话号码:{{dataObj.First_GuarderTel}}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -24,32 +24,32 @@
|
||||||
<div class="yiqing-title attend-title">今日晨检考勤</div>
|
<div class="yiqing-title attend-title">今日晨检考勤</div>
|
||||||
<div class="attendance-con">
|
<div class="attendance-con">
|
||||||
<div class="chengjian" v-if="dataArr.length!=0">
|
<div class="chengjian" v-if="dataArr.length!=0">
|
||||||
<!-- <div v-for="(item,index) in dataArr" :key="index">
|
<div v-for="(item,index) in dataArr" :key="index" class="attendance-jian-item">
|
||||||
<img v-if="item.CheckDate!=null || item.CheckTime!=null" class="baby-img02" :src="dataObj.Head_Img" >
|
<img v-if="item.CheckDate!=null || item.CheckTime!=null" class="baby-img02" :src="dataObj.Head_Img" >
|
||||||
<div v-else class="baby-img02" >
|
<div v-else class="baby-img02" >
|
||||||
<img src="../../static/img/attendancedetail/icon-wu.png" style="width: 156px;height: 106px;" >
|
<img src="../../static/img/attendancedetail/icon-wu.png" style="width: 156px;height: 106px;" >
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div v-if="item.CheckType=='OnDuty'">入院时间:</div>
|
<div v-if="item.CheckType=='OnDuty'">入园时间:</div>
|
||||||
<div v-else>离院时间:</div>
|
<div v-else>离园时间:</div>
|
||||||
<div v-if="item.CheckType=='OnDuty'">
|
<div v-if="item.CheckType=='OnDuty'">
|
||||||
<div v-if="item.CheckDate!=null">{{item.CheckDate}}</div>
|
<div v-if="item.CheckDate!=null">{{item.CheckFullTime}}</div>
|
||||||
<div v-else>暂无数据展示</div>
|
<div v-else>暂无数据展示</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<div v-if="item.CheckTime!=null">{{item.CheckTime}}</div>
|
<div v-if="item.CheckTime!=null">{{item.CheckFullTime}}</div>
|
||||||
<div v-else>暂无数据展示</div>
|
<div v-else>暂无数据展示</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div>
|
||||||
<div>
|
<!-- <div>
|
||||||
<img v-if="dataArr[0].CheckDate!=null" class="baby-img02" :src="dataObj.Head_Img" >
|
<img v-if="dataArr[0].CheckDate!=null" class="baby-img02" :src="dataObj.Head_Img" >
|
||||||
<div v-else class="baby-img02" >
|
<div v-else class="baby-img02" >
|
||||||
<img src="../../static/img/attendancedetail/icon-wu.png" style="width: 156px;height: 106px;" >
|
<img src="../../static/img/attendancedetail/icon-wu.png" style="width: 156px;height: 106px;" >
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>入院时间:</div>
|
<div>入园时间:</div>
|
||||||
<div v-if="dataArr[0].CheckDate!=null">{{dataArr[0].CheckDate}}</div>
|
<div v-if="dataArr[0].CheckDate!=null">{{dataArr[0].CheckFullTime}}</div>
|
||||||
<div v-else>暂无数据展示</div>
|
<div v-else>暂无数据展示</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -59,11 +59,11 @@
|
||||||
<img src="../../static/img/attendancedetail/icon-wu.png" style="width: 156px;height: 106px;" >
|
<img src="../../static/img/attendancedetail/icon-wu.png" style="width: 156px;height: 106px;" >
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>离院时间:</div>
|
<div>离园时间:</div>
|
||||||
<div v-if="dataArr[1].CheckDate!=null">{{dataArr[0].CheckDate}}</div>
|
<div v-if="dataArr[1].CheckDate!=null">{{dataArr[1].CheckFullTime}}</div>
|
||||||
<div v-else>暂无数据展示</div>
|
<div v-else>暂无数据展示</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="chengjian" v-else>
|
<div class="chengjian" v-else>
|
||||||
<div>
|
<div>
|
||||||
|
@ -71,7 +71,7 @@
|
||||||
<img src="../../static/img/attendancedetail/icon-wu.png" style="width: 156px;height: 106px;" >
|
<img src="../../static/img/attendancedetail/icon-wu.png" style="width: 156px;height: 106px;" >
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>入院时间:</div>
|
<div>入园时间:</div>
|
||||||
<div>暂无数据展示</div>
|
<div>暂无数据展示</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -80,12 +80,16 @@
|
||||||
<img src="../../static/img/attendancedetail/icon-wu.png" style="width: 156px;height: 106px;" >
|
<img src="../../static/img/attendancedetail/icon-wu.png" style="width: 156px;height: 106px;" >
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<div>离院时间:</div>
|
<div>离园时间:</div>
|
||||||
<div>暂无数据展示</div>
|
<div>暂无数据展示</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-if="checkResult==4">
|
||||||
|
<div class="yiqing-title attend-title">请假原因</div>
|
||||||
|
<div class="attendance-con">{{dataObj.Contents}}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
@ -96,7 +100,7 @@
|
||||||
dataObj:{
|
dataObj:{
|
||||||
type:Object,
|
type:Object,
|
||||||
default:()=>{
|
default:()=>{
|
||||||
return ''
|
return {}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
dataArr:{
|
dataArr:{
|
||||||
|
@ -104,6 +108,10 @@
|
||||||
default:()=>{
|
default:()=>{
|
||||||
return []
|
return []
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
checkResult:{
|
||||||
|
type:Number,
|
||||||
|
default:0
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
@ -121,7 +129,7 @@
|
||||||
url: this.$https.getuserattendanceinfo,
|
url: this.$https.getuserattendanceinfo,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
UserGuid
|
UserGuid
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
|
@ -13,15 +13,15 @@
|
||||||
<div v-if="!showDetail" style="display: flex;flex-wrap: wrap;">
|
<div v-if="!showDetail" style="display: flex;flex-wrap: wrap;">
|
||||||
<div v-if="isNothing" class="attendance-right-item-box" @click="goDetail(index)" v-for="(item,index) in babyArr" :key="index">
|
<div v-if="isNothing" class="attendance-right-item-box" @click="goDetail(index)" v-for="(item,index) in babyArr" :key="index">
|
||||||
<img :src="item.Head_Img" alt="">
|
<img :src="item.Head_Img" alt="">
|
||||||
<span>{{item.DisplayName}}</span>
|
<span>{{item.StuName}}</span>
|
||||||
<div :style="{background:['#9C7CFA','#FF9393','#D3D3D3','#F4B52F'][item.CheckResult]}">{{['正常','未到校','离校','请假'][item.CheckResult]}}</div>
|
<div :style="{background:['','#9C7CFA','#D3D3D3','#FF9393','#F4B52F'][item.CheckResult]}">{{['','正常','离校','未到校','请假'][item.CheckResult]}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="!isNothing" class="nothing-box">
|
<div v-if="!isNothing" class="nothing-box">
|
||||||
<img src="../../static/img/attendancedetail/icon-nothing.png">
|
<img src="../../static/img/attendancedetail/icon-nothing.png">
|
||||||
<div>{{['没有出勤','暂无离校','暂无未到校','没有请假'][navIndex]}}的宝宝</div>
|
<div>{{['没有出勤','暂无离校','暂无未到校','没有请假'][navIndex]}}的宝宝</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<attendanceBabuDetail v-if="showDetail" :dataObj="dataObj" @backNews="backNews" :dataArr="dataArr"></attendanceBabuDetail>
|
<attendanceBabuDetail v-if="showDetail" :dataObj="dataObj" @backNews="backNews" :dataArr="dataArr" :checkResult="checkResult"></attendanceBabuDetail>
|
||||||
<loading :isShow="showLoading"></loading>
|
<loading :isShow="showLoading"></loading>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -51,7 +51,8 @@
|
||||||
dataArr:[],
|
dataArr:[],
|
||||||
stuIndex:0,
|
stuIndex:0,
|
||||||
showLoading:true,
|
showLoading:true,
|
||||||
showError:false
|
showError:false,
|
||||||
|
checkResult:''
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -62,6 +63,7 @@
|
||||||
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;
|
||||||
// 获取当前学生信息
|
// 获取当前学生信息
|
||||||
this.getupdatestudentlistEv(this.babyArr[e].StuGuid);
|
this.getupdatestudentlistEv(this.babyArr[e].StuGuid);
|
||||||
} else {
|
} else {
|
||||||
|
@ -74,10 +76,14 @@
|
||||||
},
|
},
|
||||||
chooseNavEv(e){
|
chooseNavEv(e){
|
||||||
this.navIndex = e;
|
this.navIndex = e;
|
||||||
|
let newType = 0;
|
||||||
|
if(e==1) newType = 2;
|
||||||
|
if(e==2) newType = 3;
|
||||||
|
if(e==3) newType = 4;
|
||||||
if(e==0){
|
if(e==0){
|
||||||
this.babyArr = this.cunArr;
|
this.babyArr = this.cunArr;
|
||||||
} else {
|
} else {
|
||||||
this.babyArr = this.cunArr.filter(item=>item.CheckResult===e);
|
this.babyArr = this.cunArr.filter(item=>item.CheckResult===newType);
|
||||||
}
|
}
|
||||||
this.babyArr.length ? this.isNothing = true : this.isNothing = false
|
this.babyArr.length ? this.isNothing = true : this.isNothing = false
|
||||||
this.showDetail = false;
|
this.showDetail = false;
|
||||||
|
@ -91,14 +97,18 @@
|
||||||
url: this.$https.getstudentattendanceinfo,
|
url: this.$https.getstudentattendanceinfo,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentGuid: "yaohaotest001"
|
EquipmentGuid: this.$storage.get('EquipmentID')
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=undefined){
|
if(data.data.data!=undefined){
|
||||||
let leftInfo = data.data.data;
|
let leftInfo = data.data.data;
|
||||||
|
// 出勤详情
|
||||||
this.navArr[0].num = leftInfo.outSchoolNum + leftInfo.notSchoolNum + leftInfo.leaveSchoolNum;
|
this.navArr[0].num = leftInfo.outSchoolNum + leftInfo.notSchoolNum + leftInfo.leaveSchoolNum;
|
||||||
|
// 离校
|
||||||
this.navArr[1].num = leftInfo.outSchoolNum;
|
this.navArr[1].num = leftInfo.outSchoolNum;
|
||||||
|
// 未到校
|
||||||
this.navArr[2].num = leftInfo.notSchoolNum;
|
this.navArr[2].num = leftInfo.notSchoolNum;
|
||||||
|
// 请假
|
||||||
this.navArr[3].num = leftInfo.leaveSchoolNum;
|
this.navArr[3].num = leftInfo.leaveSchoolNum;
|
||||||
this.babyArr = leftInfo.list;
|
this.babyArr = leftInfo.list;
|
||||||
this.cunArr = leftInfo.list;
|
this.cunArr = leftInfo.list;
|
||||||
|
|
|
@ -20,6 +20,7 @@
|
||||||
<div v-for="(item,index) in teatherArr" :key="index">
|
<div v-for="(item,index) in teatherArr" :key="index">
|
||||||
<img :src="item.AvatarUrl" >
|
<img :src="item.AvatarUrl" >
|
||||||
<span>{{item.TeacherName}}</span>
|
<span>{{item.TeacherName}}</span>
|
||||||
|
<!-- <label @click="goDetail(index)" style="font-size: 14px;margin-top: 10px;color: #9c7cfa;">查看详情</label> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -37,39 +38,49 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- 右侧 -->
|
<!-- 右侧 -->
|
||||||
<div class="class-main-right">
|
<div class="class-main-right">
|
||||||
<div class="class-left-title">
|
<div v-if="!showDetail">
|
||||||
<div class="pultitle" >宝宝课表第{{weekNum}}周({{dateTime}})</div>
|
<div class="class-left-title">
|
||||||
</div>
|
<!-- <div class="pultitle" >宝宝课表第{{weekNum}}周({{dateTime}})</div> -->
|
||||||
<div class="baby-content-box">
|
<div class="pultitle" >宝宝课表第{{weekNum}}周</div>
|
||||||
<div class="time-title-box">
|
|
||||||
<div v-for="(item,index) in kebiaoArr" :key="index">{{item}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
<template v-if="dataArr.length!=0">
|
<div class="baby-content-box">
|
||||||
<div class="tiam-data-box" v-for="(item,index) in dataArr" :key="index">
|
<div class="time-title-box">
|
||||||
<div class="time-left" :style="{background:['#C3AEFF','#F1D470','#FF9393'][index]}">{{item.Ampm}}</div>
|
<div v-for="(item,index) in kebiaoArr" :key="index">{{item}}</div>
|
||||||
<div style="width: 100%;">
|
</div>
|
||||||
<div class="time-right-box" v-for="(itemt,indext) in item.Content" :key="indext">
|
<template v-if="dataArr.length!=0">
|
||||||
<div class="time-item clips1" style="border-radius: 10px 0 0 10px;display: flex;">
|
<div class="tiam-data-box" v-for="(item,index) in dataArr" :key="index">
|
||||||
<div></div>
|
<div class="time-left" :style="{background:['#C3AEFF','#F1D470','#FF9393'][index]}">{{item.Ampm}}</div>
|
||||||
<div>{{itemt.TimePart}}</div>
|
<div style="width: 100%;">
|
||||||
|
<div class="time-right-box" v-for="(itemt,indext) in item.Content" :key="indext">
|
||||||
|
<div class="time-item clips1" style="border-radius: 10px 0 0 10px;display: flex;">
|
||||||
|
<div></div>
|
||||||
|
<div>{{itemt.TimePart}}</div>
|
||||||
|
</div>
|
||||||
|
<div class="clips1 time-item">{{itemt.Week1Name}}</div>
|
||||||
|
<div class="clips1 time-item">{{itemt.Week2Name}}</div>
|
||||||
|
<div class="clips1 time-item">{{itemt.Week3Name}}</div>
|
||||||
|
<div class="clips1 time-item">{{itemt.Week4Name}}</div>
|
||||||
|
<div class="clips1 time-item">{{itemt.Week5Name}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="clips1 time-item">{{itemt.Week1Name}}</div>
|
|
||||||
<div class="clips1 time-item">{{itemt.Week2Name}}</div>
|
|
||||||
<div class="clips1 time-item">{{itemt.Week3Name}}</div>
|
|
||||||
<div class="clips1 time-item">{{itemt.Week4Name}}</div>
|
|
||||||
<div class="clips1 time-item">{{itemt.Week5Name}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</template>
|
||||||
</template>
|
<loading :isShow="showLoading_right"></loading>
|
||||||
<loading :isShow="showLoading_right"></loading>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="showDetail" style="background-color: #FFFFFF;border: 3px solid #7240c5;width: 100%;height: 100%;border-radius: 20px;overflow: hidden;">
|
||||||
|
<teacherStyleDetail :teacherInfo="teacherInfo" @backstyle="backstyle"></teacherStyleDetail>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
import teacherStyleDetail from '@/components/teacherStyleDetail.vue';
|
||||||
export default {
|
export default {
|
||||||
|
components:{
|
||||||
|
teacherStyleDetail
|
||||||
|
},
|
||||||
name: 'babyActivity',
|
name: 'babyActivity',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -83,10 +94,47 @@
|
||||||
dangArr:[],
|
dangArr:[],
|
||||||
timer:null,
|
timer:null,
|
||||||
showLoading_right:true,
|
showLoading_right:true,
|
||||||
showError:false
|
showError:false,
|
||||||
|
showDetail:false,
|
||||||
|
teacherInfo:{}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 查看教师详情
|
||||||
|
goDetail(e){
|
||||||
|
if(this.$storage.get('network')){
|
||||||
|
this.teacherInfo = this.teatherArr[e];
|
||||||
|
console.log(this.teatherArr[e]);
|
||||||
|
// this.showLoading = true;
|
||||||
|
this.getteachers_demeanor_detailEv(this.teacherInfo.TeacherGuid);
|
||||||
|
} else {
|
||||||
|
this.showError = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 关闭教师详情
|
||||||
|
backstyle(){
|
||||||
|
this.showDetail = false;
|
||||||
|
},
|
||||||
|
async getteachers_demeanor_detailEv(guid) {
|
||||||
|
console.log(guid,'guid');
|
||||||
|
if(this.$storage.get('network')){
|
||||||
|
let data = await this.$axios({
|
||||||
|
// 调用 serviceAPI
|
||||||
|
url: this.$https.getteachers_demeanor_detail,
|
||||||
|
methods: "get",
|
||||||
|
params: {
|
||||||
|
Guid:guid,
|
||||||
|
OrgGuid:this.$storage.get('orgGuid')
|
||||||
|
},
|
||||||
|
});
|
||||||
|
this.teacherInfo = data.data.data;
|
||||||
|
this.$storage.set('teacherInfo',this.teacherInfo);
|
||||||
|
} else {
|
||||||
|
this.teacherInfo = this.$storage.get('teacherInfo');
|
||||||
|
}
|
||||||
|
this.showDetail = true;
|
||||||
|
// this.showLoading = false;
|
||||||
|
},
|
||||||
closeError(){
|
closeError(){
|
||||||
this.showError = false;
|
this.showError = false;
|
||||||
},
|
},
|
||||||
|
@ -98,7 +146,7 @@
|
||||||
url: this.$https.getbabycourse,
|
url: this.$https.getbabycourse,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=undefined){
|
if(data.data.data!=undefined){
|
||||||
|
@ -131,7 +179,7 @@
|
||||||
url: this.$https.schedulingWeb,
|
url: this.$https.schedulingWeb,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=undefined){
|
if(data.data.data!=undefined){
|
||||||
|
@ -158,7 +206,7 @@
|
||||||
url: this.$https.classStatus,
|
url: this.$https.classStatus,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=undefined){
|
if(data.data.data!=undefined){
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<div v-if="!showDetail" class="babyalbum-box">
|
<div v-if="!showDetail" class="babyalbum-box">
|
||||||
<div v-if="isNothing" class="babyalbum-item-box" @click="goDetail(index)" v-for="(item,index) in babyArr" :key="index">
|
<div v-if="isNothing" class="babyalbum-item-box" @click="goDetail(index)" v-for="(item,index) in babyArr" :key="index">
|
||||||
<img :src="item.Head_Img" alt="">
|
<img :src="item.Head_Img" alt="">
|
||||||
<span>{{item.StuName}}的相册</span>
|
<span>{{item.StuName}}</span>
|
||||||
<div :style="{background:'#9C7CFA'}">{{item.PhotoCount}}张图</div>
|
<div :style="{background:'#9C7CFA'}">{{item.PhotoCount}}张图</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="!isNothing" class="nothing-box" style="width: 100%;">
|
<div v-if="!isNothing" class="nothing-box" style="width: 100%;">
|
||||||
|
@ -60,7 +60,7 @@
|
||||||
url: this.$https.babyphoto,
|
url: this.$https.babyphoto,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=undefined){
|
if(data.data.data!=undefined){
|
||||||
|
|
|
@ -39,7 +39,7 @@
|
||||||
paginationClickable: true,
|
paginationClickable: true,
|
||||||
autoplay: 3000,
|
autoplay: 3000,
|
||||||
autoplayDisableOnInteraction: false,
|
autoplayDisableOnInteraction: false,
|
||||||
loop: true,
|
// loop: true,
|
||||||
coverflow: {
|
coverflow: {
|
||||||
rotate: 0,//旋转角度
|
rotate: 0,//旋转角度
|
||||||
stretch: 140,
|
stretch: 140,
|
||||||
|
|
|
@ -5,8 +5,11 @@
|
||||||
<!-- logo -->
|
<!-- logo -->
|
||||||
<div class="logo-box">
|
<div class="logo-box">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<img src="../../static/img/home/logo.png">
|
<img v-if="logoImg!=''" :src="logoImg" style="object-fit: cover;">
|
||||||
<div>都江堰市机关幼儿园</div>
|
<div style="display: flex;flex-direction: column;">
|
||||||
|
<span style="font-size: 33.8px;">都江堰市机关幼儿园</span>
|
||||||
|
<span style="font-size: 16px;">DOU JANG YAN JI GUAN YOU ER YUAN</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 文本导航 -->
|
<!-- 文本导航 -->
|
||||||
|
@ -76,7 +79,6 @@
|
||||||
控制操作:
|
控制操作:
|
||||||
<div class="refresh-btn" @click="refreshEv">刷新</div>
|
<div class="refresh-btn" @click="refreshEv">刷新</div>
|
||||||
<div class="back-btn" @click="backHomeEv">返回首页</div>
|
<div class="back-btn" @click="backHomeEv">返回首页</div>
|
||||||
<div>{{newnaem}}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<img v-if="wellcomeFlag" @click="closeWellcome" src="../../static/img/babyalbum/wellcome-baby.png" class="wellcome-img" >
|
<img v-if="wellcomeFlag" @click="closeWellcome" src="../../static/img/babyalbum/wellcome-baby.png" class="wellcome-img" >
|
||||||
|
@ -107,7 +109,7 @@
|
||||||
name: 'v-header',
|
name: 'v-header',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
titleArr: ['首页', '幼儿园介绍', '宝宝活动', '出勤详情', '宝宝相册', '疫情管理'],
|
titleArr: ['首页', '幼儿园介绍', '宝宝活动', '出勤详情', '宝宝相册', '疫情防控'],
|
||||||
activeIndex: 0,
|
activeIndex: 0,
|
||||||
cunIndex:0,
|
cunIndex:0,
|
||||||
modeArr: [{
|
modeArr: [{
|
||||||
|
@ -124,7 +126,7 @@
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
modeIndex:'-1',
|
modeIndex:'-1',
|
||||||
wellcomeFlag:false,
|
wellcomeFlag:false,//欢迎模式
|
||||||
onLine: navigator.onLine,
|
onLine: navigator.onLine,
|
||||||
list: [],
|
list: [],
|
||||||
city: '',
|
city: '',
|
||||||
|
@ -138,8 +140,7 @@
|
||||||
isNetwork:false,
|
isNetwork:false,
|
||||||
weather:'',
|
weather:'',
|
||||||
OrgGuid:'',
|
OrgGuid:'',
|
||||||
newnaem:'',
|
logoImg:'',
|
||||||
monitorTimer:null
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -179,13 +180,12 @@
|
||||||
type
|
type
|
||||||
} = e;
|
} = e;
|
||||||
this.onLine = type === 'online';
|
this.onLine = type === 'online';
|
||||||
|
|
||||||
if (this.onLine) {
|
if (this.onLine) {
|
||||||
this.refreshEv();
|
this.refreshEv();
|
||||||
this.weatherEv();
|
this.weatherEv();
|
||||||
this.isNetwork = false;
|
this.isNetwork = false;
|
||||||
} else {
|
} else {
|
||||||
this.isNetwork = true;
|
// this.isNetwork = true;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 天气
|
// 天气
|
||||||
|
@ -219,7 +219,7 @@
|
||||||
url: this.$https.weather,
|
url: this.$https.weather,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.code==200) {
|
if(data.data.code==200) {
|
||||||
|
@ -340,33 +340,32 @@
|
||||||
url: this.$https.classcardById,
|
url: this.$https.classcardById,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
let modeObj = data.data.data;
|
let modeObj = data.data.data;
|
||||||
if(modeObj!=null){
|
if(modeObj!=null){
|
||||||
|
this.clearChoose();
|
||||||
if(modeObj.Mode==1){
|
if(modeObj.Mode==1){
|
||||||
this.modeArr[0].isActive = true;
|
this.modeArr[0].isActive = true;
|
||||||
this.wellcomeFlag = true;
|
this.wellcomeFlag = true;
|
||||||
this.$storage.set('modeArr0',this.modeArr[0].isActive);
|
|
||||||
} else if(modeObj.Mode==2 || modeObj.Mode==0){
|
} else if(modeObj.Mode==2 || modeObj.Mode==0){
|
||||||
this.modeArr[1].isActive = true;
|
this.modeArr[1].isActive = true;
|
||||||
this.$storage.set('modeArr1',this.modeArr[1].isActive);
|
|
||||||
this.wellcomeFlag = false;
|
this.wellcomeFlag = false;
|
||||||
} else if(modeObj.Mode==4){
|
} else if(modeObj.Mode==4){
|
||||||
this.modeArr[2].isActive = true;
|
this.modeArr[2].isActive = true;
|
||||||
this.$storage.set('modeArr2',this.modeArr[2].isActive);
|
|
||||||
this.wellcomeFlag = false;
|
this.wellcomeFlag = false;
|
||||||
|
window.location.href = `./averydaydata/wisdomMedic.html`;
|
||||||
}
|
}
|
||||||
this.$storage.set('wellcomeFlag',this.wellcomeFlag);
|
this.$storage.set('wellcomeFlag',this.wellcomeFlag);
|
||||||
} else {
|
} else {
|
||||||
this.modeArr[1].isActive = true;
|
this.modeArr[1].isActive = true;
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.modeArr[0].isActive = this.$storage.get('modeArr0');
|
this.modeArr[1].isActive = true;
|
||||||
this.modeArr[1].isActive = this.$storage.get('modeArr1');
|
if(this.$storage.get('wellcomeFlag')!=undefined){
|
||||||
this.modeArr[2].isActive = this.$storage.get('modeArr2');
|
this.wellcomeFlag = this.$storage.get('wellcomeFlag');
|
||||||
this.wellcomeFlag = this.$storage.get('wellcomeFlag');
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
@ -387,73 +386,81 @@
|
||||||
},
|
},
|
||||||
// 获取设备型号(设备id)
|
// 获取设备型号(设备id)
|
||||||
obtainEv(){
|
obtainEv(){
|
||||||
// 引用mobile-detect文件
|
|
||||||
var MobileDetect = require('../utils/mobile-detect.js');
|
|
||||||
// 判断是不是手机
|
|
||||||
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
|
|
||||||
// console.log("是手机");
|
|
||||||
} else {
|
|
||||||
// console.log("不是手机");
|
|
||||||
}
|
|
||||||
var device_type = navigator.userAgent; //获取userAgent信息
|
|
||||||
var md = new MobileDetect(navigator.userAgent);
|
|
||||||
var os = md.os(); //获取系统
|
|
||||||
var model = "";
|
|
||||||
if (os == "iOS") { //ios系统的处理
|
|
||||||
model = md.mobile();
|
|
||||||
} else if (os == "AndroidOS") { //Android系统的处理
|
|
||||||
var sss = device_type.split(";");
|
|
||||||
model = sss[2].substring(0, sss[2].indexOf("Build/"));
|
|
||||||
}
|
|
||||||
this.$storage.set('EquipmentID',model);
|
|
||||||
|
|
||||||
this.weatherEv();
|
this.weatherEv();
|
||||||
|
this.introduce();
|
||||||
this.classcardByIdEv();
|
this.classcardByIdEv();
|
||||||
setTimeout(()=>{
|
setInterval(()=>{
|
||||||
this.classcardByIdEv();
|
this.classcardByIdEv();
|
||||||
},1000*180)
|
},1000*60)
|
||||||
// window.addEventListener('online', this.updateOnlineStatus); //网络由异常到正常时触发
|
|
||||||
// window.addEventListener('offline', this.updateOnlineStatus); //网络由正常到异常时触发
|
|
||||||
},
|
},
|
||||||
plusReady(){
|
plusReady(){
|
||||||
var that = this;
|
var that = this;
|
||||||
|
// 手机有效
|
||||||
|
// this.$storage.set('EquipmentID',plus.device.imei);
|
||||||
|
this.$storage.set('EquipmentID','yaohaotest001');
|
||||||
|
that.obtainEv();
|
||||||
|
if(plus.networkinfo.getCurrentType()!=1){
|
||||||
|
that.$storage.set('network',true);
|
||||||
|
that.onLine = true;
|
||||||
|
} else {
|
||||||
|
that.onLine = false;
|
||||||
|
}
|
||||||
|
// 网页网络监听有效
|
||||||
|
// window.addEventListener('online', this.updateOnlineStatus); //网络由异常到正常时触发
|
||||||
|
// window.addEventListener('offline', this.updateOnlineStatus); //网络由正常到异常时触发
|
||||||
//网络更改
|
//网络更改
|
||||||
document.addEventListener( "netchange", function() {
|
document.addEventListener( "netchange", function(res) {
|
||||||
var network = plus.networkinfo.getCurrentType();
|
var network = plus.networkinfo.getCurrentType();
|
||||||
if(network == 1) {
|
if(network == 1) {
|
||||||
|
// that.isNetwork = true;
|
||||||
that.$storage.set('network',false);
|
that.$storage.set('network',false);
|
||||||
that.isNetwork = true;
|
|
||||||
that.onLine = false;
|
that.onLine = false;
|
||||||
that.monitorEv();
|
// plus.nativeUI.toast('您的网络已断开');
|
||||||
plus.nativeUI.toast('您的网络已断开');
|
|
||||||
}else {
|
}else {
|
||||||
that.activeIndex = '-1';
|
that.activeIndex = '-1';
|
||||||
setTimeout(()=>{
|
setTimeout(()=>{
|
||||||
that.activeIndex = that.cunIndex;
|
that.activeIndex = that.cunIndex;
|
||||||
},100)
|
},100)
|
||||||
that.isNetwork = false;
|
that.isNetwork = false;
|
||||||
that.onLine = true;
|
|
||||||
that.obtainEv();
|
|
||||||
that.$storage.set('network',true);
|
that.$storage.set('network',true);
|
||||||
clearInterval(that.monitorTimer);
|
that.obtainEv();
|
||||||
plus.nativeUI.toast('您的网络已连接');
|
that.onLine = true;
|
||||||
|
// plus.nativeUI.toast('您的网络已连接');
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
monitorEv(){
|
// logo图标
|
||||||
this.monitorTimer = setInterval(()=>{
|
async introduce() {
|
||||||
this.plusReady();
|
if(this.$storage.get('network')){
|
||||||
},3000)
|
this.showError = false;
|
||||||
}
|
let data = await this.$axios({
|
||||||
|
// 调用 serviceAPI
|
||||||
|
url: this.$https.mechanism,
|
||||||
|
methods: "get",
|
||||||
|
params: {
|
||||||
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
if(data.data.data!=undefined){
|
||||||
|
this.logoImg = data.data.data.Img_Url;
|
||||||
|
this.$storage.set('logoImg',this.logoImg);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.logoImg = this.$storage.get('logoImg');
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.obtainEv();
|
|
||||||
var that = this;
|
var that = this;
|
||||||
|
that.obtainEv();
|
||||||
if (window.plus) {
|
if (window.plus) {
|
||||||
that.plusReady();
|
that.plusReady();
|
||||||
} else {
|
} else {
|
||||||
document.addEventListener("plusready", that.plusReady, false);
|
document.addEventListener("plusready", that.plusReady, false);
|
||||||
}
|
}
|
||||||
|
setTimeout(()=>{
|
||||||
|
that.plusReady();
|
||||||
|
},1000)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<div>
|
<div>
|
||||||
<error-page v-if="showError" @closeError="closeError"></error-page>
|
<error-page v-if="showError" @closeError="closeError"></error-page>
|
||||||
<!-- 主体内容 -->
|
<!-- 主体内容 -->
|
||||||
<div v-if="!showError" class="main-box">
|
<div class="main-box" v-else>
|
||||||
<!-- 左侧 -->
|
<!-- 左侧 -->
|
||||||
<div class="main-left">
|
<div class="main-left">
|
||||||
<!-- 班级详情 -->
|
<!-- 班级详情 -->
|
||||||
|
@ -31,7 +31,7 @@
|
||||||
<div class="left-one flex-s0">
|
<div class="left-one flex-s0">
|
||||||
<div class="left-content">
|
<div class="left-content">
|
||||||
<div class="left-title">
|
<div class="left-title">
|
||||||
<div class="pultitle">宝宝食谱</div>
|
<div class="pultitle">今日食谱</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="threeMeals.length!=0">
|
<div v-if="threeMeals.length!=0">
|
||||||
<div class="eat-three">
|
<div class="eat-three">
|
||||||
|
@ -58,11 +58,11 @@
|
||||||
<div class="pultitle">通知公告</div>
|
<div class="pultitle">通知公告</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="second-title">{{className}}</div>
|
<div class="second-title">{{className}}</div>
|
||||||
<div class="line" v-if="noticeObj!=''"></div>
|
<div class="line" v-if="noticeObj.Content!=''"></div>
|
||||||
<div class="three-content left-notice" v-if="noticeObj!=''">
|
<div class="three-content left-notice" v-if="noticeObj.Content!=''">
|
||||||
<div class="clips2">{{noticeObj.Content}}</div>
|
<div class="clips2">{{noticeObj.Content}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="notice-time" v-if="noticeObj!=''">
|
<div class="notice-time" v-if="noticeObj.Content!=''">
|
||||||
<div>{{noticeObj.PublishTime}}</div>
|
<div>{{noticeObj.PublishTime}}</div>
|
||||||
<div><img src="../../static/img/home/slices.png" />{{noticeObj.BroweTotal}}</div>
|
<div><img src="../../static/img/home/slices.png" />{{noticeObj.BroweTotal}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -76,7 +76,7 @@
|
||||||
<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 :options="swiperOption" style="z-index: -1;position: relative;">
|
<swiper class="home-swiper" v-if="classImgArr.length" :options="swiperOption" style="position: relative;">
|
||||||
<swiper-slide v-for="(item,index) in classImgArr" :key="index" class="home-slide" style="">
|
<swiper-slide v-for="(item,index) in classImgArr" :key="index" class="home-slide" style="">
|
||||||
<img :src="item" style="object-fit: cover;width: 100%;height: 100%;">
|
<img :src="item" style="object-fit: cover;width: 100%;height: 100%;">
|
||||||
</swiper-slide>
|
</swiper-slide>
|
||||||
|
@ -95,10 +95,6 @@
|
||||||
<div>宝宝提醒</div>
|
<div>宝宝提醒</div>
|
||||||
<div v-if="babyNotice!=0">{{babyNotice}}</div>
|
<div v-if="babyNotice!=0">{{babyNotice}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="msg-box">
|
|
||||||
<div>生日提醒</div>
|
|
||||||
<div v-if="remindData!=0">{{remindData}}</div>
|
|
||||||
</div>
|
|
||||||
<div class="msg-box">
|
<div class="msg-box">
|
||||||
<div >生日提醒</div>
|
<div >生日提醒</div>
|
||||||
<div v-if="babyBirthdayData!=0">{{babyBirthdayData}}</div>
|
<div v-if="babyBirthdayData!=0">{{babyBirthdayData}}</div>
|
||||||
|
@ -143,7 +139,6 @@
|
||||||
noonArr: [],
|
noonArr: [],
|
||||||
moId:"",
|
moId:"",
|
||||||
model:"",
|
model:"",
|
||||||
remindData:"",
|
|
||||||
className:'',//班级名称
|
className:'',//班级名称
|
||||||
teacherName:'',//老师姓名
|
teacherName:'',//老师姓名
|
||||||
classNum:'',//班级人数
|
classNum:'',//班级人数
|
||||||
|
@ -154,7 +149,10 @@
|
||||||
showLoading_three:true,
|
showLoading_three:true,
|
||||||
showLoading_four:true,
|
showLoading_four:true,
|
||||||
showLoading_five:true,
|
showLoading_five:true,
|
||||||
noticeObj:'',
|
noticeObj:{
|
||||||
|
PublishTime:'',
|
||||||
|
Content:''
|
||||||
|
},
|
||||||
classGuid:'',
|
classGuid:'',
|
||||||
timer:null,
|
timer:null,
|
||||||
|
|
||||||
|
@ -172,7 +170,8 @@
|
||||||
slideShadows : true
|
slideShadows : true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
showError:false
|
showError:false,
|
||||||
|
monitorTimer:null
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -191,7 +190,7 @@
|
||||||
url: this.$https.babyRecipe,
|
url: this.$https.babyRecipe,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001"
|
EquipmentID: this.$storage.get('EquipmentID')
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=undefined){
|
if(data.data.data!=undefined){
|
||||||
|
@ -199,7 +198,9 @@
|
||||||
this.$storage.set('threeMeals',this.threeMeals);
|
this.$storage.set('threeMeals',this.threeMeals);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.threeMeals = this.$storage.get('threeMeals');
|
if(this.$storage.get('threeMeals')!=undefined){
|
||||||
|
this.threeMeals = this.$storage.get('threeMeals');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
this.showLoading_two = false;
|
this.showLoading_two = false;
|
||||||
|
@ -212,7 +213,7 @@
|
||||||
url: this.$https.notice,
|
url: this.$https.notice,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001"
|
EquipmentID: this.$storage.get('EquipmentID')
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=null){
|
if(data.data.data!=null){
|
||||||
|
@ -226,8 +227,10 @@
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.noticeData = this.$storage.get('noticeData');
|
this.noticeData = this.$storage.get('noticeData');
|
||||||
this.noticeObj =this.$storage.get('noticeObj');
|
if(this.$storage.get('noticeObj')!=undefined){
|
||||||
this.noticeObj.PublishTime = this.$storage.get('PublishTime');
|
this.noticeObj = this.$storage.get('noticeObj');
|
||||||
|
this.noticeObj.PublishTime = this.$storage.get('PublishTime');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
this.showLoading_three = false;
|
this.showLoading_three = false;
|
||||||
},
|
},
|
||||||
|
@ -239,7 +242,7 @@
|
||||||
url: this.$https.schedulingWeb,
|
url: this.$https.schedulingWeb,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001"
|
EquipmentID: this.$storage.get('EquipmentID')
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=undefined){
|
if(data.data.data!=undefined){
|
||||||
|
@ -264,7 +267,7 @@
|
||||||
url: this.$https.babyBirthday,
|
url: this.$https.babyBirthday,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentGuid: "yaohaotest001"
|
EquipmentGuid: this.$storage.get('EquipmentID')
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
this.babyBirthdayData = data.data.count;
|
this.babyBirthdayData = data.data.count;
|
||||||
|
@ -282,7 +285,7 @@
|
||||||
url: this.$https.dynamicPicture,
|
url: this.$https.dynamicPicture,
|
||||||
methods: "post",
|
methods: "post",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001"
|
EquipmentID: this.$storage.get('EquipmentID')
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=null){
|
if(data.data.data!=null){
|
||||||
|
@ -290,7 +293,9 @@
|
||||||
this.$storage.set('classImgArr',this.classImgArr);
|
this.$storage.set('classImgArr',this.classImgArr);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.classImgArr = this.$storage.get('classImgArr');
|
if(this.$storage.get('classImgArr')!=undefined){
|
||||||
|
this.classImgArr = this.$storage.get('classImgArr');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
this.showLoading_four = false;
|
this.showLoading_four = false;
|
||||||
},
|
},
|
||||||
|
@ -302,7 +307,7 @@
|
||||||
url: this.$https.classStatus,
|
url: this.$https.classStatus,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001"
|
EquipmentID: this.$storage.get('EquipmentID')
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.code==200){
|
if(data.data.code==200){
|
||||||
|
@ -333,14 +338,23 @@
|
||||||
this.remindEv();
|
this.remindEv();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.className = this.$storage.get('className');
|
if(this.$storage.get('className')!=undefined){
|
||||||
this.teacherName = this.$storage.get('teacherName');
|
this.className = this.$storage.get('className');
|
||||||
this.classNum = this.$storage.get('classNum');
|
} else {
|
||||||
this.daoArr = this.$storage.get('daoArr');
|
|
||||||
this.classGuid = this.$storage.get('classGuid');
|
|
||||||
if(this.className==undefined){
|
|
||||||
this.showError = true;
|
this.showError = true;
|
||||||
}
|
}
|
||||||
|
if(this.$storage.get('teacherName')!=undefined){
|
||||||
|
this.teacherName = this.$storage.get('teacherName');
|
||||||
|
}
|
||||||
|
if(this.$storage.get('classNum')!=undefined){
|
||||||
|
this.classNum = this.$storage.get('classNum');
|
||||||
|
}
|
||||||
|
if(this.$storage.get('daoArr')!=undefined){
|
||||||
|
this.daoArr = this.$storage.get('daoArr');
|
||||||
|
}
|
||||||
|
if(this.$storage.get('classGuid')!=undefined){
|
||||||
|
this.classGuid = this.$storage.get('classGuid');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
this.showLoading_one = false;
|
this.showLoading_one = false;
|
||||||
},
|
},
|
||||||
|
@ -352,7 +366,7 @@
|
||||||
url: this.$https.remind,
|
url: this.$https.remind,
|
||||||
methods: "post",
|
methods: "post",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
page:1,
|
page:1,
|
||||||
limit:100,
|
limit:100,
|
||||||
ClassGuid:this.classGuid
|
ClassGuid:this.classGuid
|
||||||
|
@ -364,14 +378,60 @@
|
||||||
this.babyNotice = this.$storage.get('babyNotice');
|
this.babyNotice = this.$storage.get('babyNotice');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
plusReady(){
|
||||||
|
var that = this;
|
||||||
|
// 手机有效
|
||||||
|
// this.$storage.set('EquipmentID',plus.device.imei);
|
||||||
|
this.$storage.set('EquipmentID','yaohaotest001');
|
||||||
|
if(plus.networkinfo.getCurrentType()!=1){
|
||||||
|
that.$storage.set('network',true);
|
||||||
|
}
|
||||||
|
this.requestEv();
|
||||||
|
// 网页网络监听有效
|
||||||
|
// window.addEventListener('online', this.updateOnlineStatus); //网络由异常到正常时触发
|
||||||
|
// window.addEventListener('offline', this.updateOnlineStatus); //网络由正常到异常时触发
|
||||||
|
//网络更改
|
||||||
|
document.addEventListener( "netchange", function(res) {
|
||||||
|
var network = plus.networkinfo.getCurrentType();
|
||||||
|
if(network == 1) {
|
||||||
|
that.isNetwork = true;
|
||||||
|
that.$storage.set('network',false);
|
||||||
|
that.onLine = false;
|
||||||
|
// plus.nativeUI.toast('您的网络已断开');
|
||||||
|
}else {
|
||||||
|
that.activeIndex = '-1';
|
||||||
|
setTimeout(()=>{
|
||||||
|
that.activeIndex = that.cunIndex;
|
||||||
|
},100)
|
||||||
|
that.isNetwork = false;
|
||||||
|
that.$storage.set('network',true);
|
||||||
|
that.onLine = true;
|
||||||
|
// plus.nativeUI.toast('您的网络已连接');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
requestEv(){
|
||||||
|
// 班级详情
|
||||||
|
this.classStatusEv();
|
||||||
|
this.babyRecipeEv();
|
||||||
|
this.schedulingWeb();
|
||||||
|
this.babyBirthday();
|
||||||
|
this.dynamicPicture();
|
||||||
|
this.notice();
|
||||||
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.babyRecipeEv();
|
setTimeout(()=>{
|
||||||
this.schedulingWeb();
|
this.plusReady();
|
||||||
this.babyBirthday();
|
},500)
|
||||||
this.dynamicPicture();
|
let newTimer = setInterval(()=>{
|
||||||
// 班级详情
|
if(this.$storage.get('network')){
|
||||||
this.classStatusEv();
|
setTimeout(()=>{
|
||||||
|
this.requestEv();
|
||||||
|
clearInterval(newTimer);
|
||||||
|
},1000)
|
||||||
|
}
|
||||||
|
},1000)
|
||||||
setTimeout(()=>{
|
setTimeout(()=>{
|
||||||
this.timer = setInterval(()=>{
|
this.timer = setInterval(()=>{
|
||||||
// 宝宝提醒
|
// 宝宝提醒
|
||||||
|
@ -385,14 +445,6 @@
|
||||||
},
|
},
|
||||||
destroyed(){
|
destroyed(){
|
||||||
clearInterval(this.timer);
|
clearInterval(this.timer);
|
||||||
this.babyBirthday()
|
|
||||||
this.dynamicPicture()
|
|
||||||
|
|
||||||
// 班级详情
|
|
||||||
this.classStatusEv();
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.notice();
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -71,7 +71,7 @@
|
||||||
url: this.$https.getnews,
|
url: this.$https.getnews,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=undefined){
|
if(data.data.data!=undefined){
|
||||||
|
@ -106,7 +106,7 @@
|
||||||
url: this.$https.classnewsdetails,
|
url: this.$https.classnewsdetails,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
Guid:guid
|
Guid:guid
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
|
@ -59,7 +59,7 @@
|
||||||
url: this.$https.getnotice,
|
url: this.$https.getnotice,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=undefined){
|
if(data.data.data!=undefined){
|
||||||
|
@ -81,7 +81,7 @@
|
||||||
url: this.$https.classnewsdetails,
|
url: this.$https.classnewsdetails,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
Guid:guid
|
Guid:guid
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
|
@ -37,7 +37,7 @@
|
||||||
url: this.$https.mechanism,
|
url: this.$https.mechanism,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
EquipmentID: "yaohaotest001",
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=undefined){
|
if(data.data.data!=undefined){
|
||||||
|
|
|
@ -58,8 +58,7 @@
|
||||||
url: this.$https.getteachers_demeanor,
|
url: this.$https.getteachers_demeanor,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
// EquipmentID: this.$storage.get('EquipmentID'),
|
EquipmentID: this.$storage.get('EquipmentID'),
|
||||||
EquipmentID: "yaohaotest001",
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
if(data.data.data!=undefined){
|
if(data.data.data!=undefined){
|
||||||
|
@ -81,7 +80,6 @@
|
||||||
url: this.$https.getteachers_demeanor_detail,
|
url: this.$https.getteachers_demeanor_detail,
|
||||||
methods: "get",
|
methods: "get",
|
||||||
params: {
|
params: {
|
||||||
// EquipmentID: "yaohaotest001",
|
|
||||||
Guid:guid,
|
Guid:guid,
|
||||||
OrgGuid:this.$storage.get('orgGuid')
|
OrgGuid:this.$storage.get('orgGuid')
|
||||||
},
|
},
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
teacherInfo:{
|
teacherInfo:{
|
||||||
type:Object,
|
type:Object,
|
||||||
default:()=>{
|
default:()=>{
|
||||||
return ''
|
return {}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
@ -40,6 +40,7 @@
|
||||||
let cuo = yy_mm_dd.getTime() + '000';
|
let cuo = yy_mm_dd.getTime() + '000';
|
||||||
let cuo1 = cuo.slice(0,7);
|
let cuo1 = cuo.slice(0,7);
|
||||||
let cuo2 = cuo.slice(7);
|
let cuo2 = cuo.slice(7);
|
||||||
|
console.log(cuo1,cuo2,storage.get('orgGuid'));
|
||||||
let data = await this.$axios.post(
|
let data = await this.$axios.post(
|
||||||
// 调用 serviceAPI
|
// 调用 serviceAPI
|
||||||
'http://47.109.29.153:50014/api/kindergarten/epidemicmanagementinfo/getdatalistbyorgguid',
|
'http://47.109.29.153:50014/api/kindergarten/epidemicmanagementinfo/getdatalistbyorgguid',
|
||||||
|
@ -71,6 +72,7 @@
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
this.getdatalistbyorgguidStyle();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 413 KiB |
Loading…
Reference in New Issue