添加出勤详情接口

src/assets/css/electron.css

@@ -172,7 +172,7 @@ img {
 	font-size: 30px!important;font-weight: bold!important;
 }
 .meal-box {padding-top: 10px;display: flex;align-items: center;}
-.meal-box img {width: 130px;border-radius: 10px;object-fit: cover;margin-right: 34px;}
+.meal-box img {width: 130px;max-height: 106px; border-radius: 10px;object-fit: cover;margin-right: 34px;}
 .meal-box div {font-size: 18px;line-height: 30px;}
 .main-center {
 	margin: 0 20px;
@@ -201,7 +201,7 @@ img {
 	background: url(../home/right-back.png) no-repeat;
 	background-size: 100% 100%;
 }
-.right-content {color: #7557CC;text-align: center;height: 90%; overflow: hidden;overflow-y: scroll;margin-top: 10px;}
+.right-content {color: #7557CC;text-align: center;height: 90%; overflow: hidden;overflow-y: scroll;}
 .right-content::-webkit-scrollbar {
   display: none;
 }

src/components/attendanceDetail.vue

@@ -51,10 +51,22 @@
 			chooseNavEv(e){
 				this.navIndex = e;
 				this.isNothing = true;
+			},
+			// 获取出勤详情数量问题
+			async checkAttendanceNum(){
+				let data = await this.$axios({
+					// 调用 serviceAPI
+					url: this.$https.getstudentattendanceinfo,
+					methods: "get",
+					params: {
+						EquipmentID: "yaohaotest001",
+					},
+				});
+				console.log(data);  
 			}
 		},
 		mounted() {
-			
+			this.checkAttendanceNum();
 		}
 	}
 </script>

src/components/header.vue

@@ -27,7 +27,7 @@
 				</div>
 			</div>
 			<!-- 功能图标 -->
-			<div><img src="../assets/home/icon-set.png"></div>
+			<div><img @click="clickFun" src="../assets/home/icon-set.png"></div>
 		</div>
 		<!-- 头部导航 end -->
 		
@@ -74,8 +74,8 @@
 			</div>
 			<div class="item-row">
 				控制操作：
-				<div class="refresh-btn">刷新</div>
+				<div class="refresh-btn" @click="refreshEv">刷新</div>
-				<div class="back-btn">返回首页</div>
+				<div class="back-btn" @click="backHomeEv">返回首页</div>
 			</div>
 		</div>
 	</div>
@@ -107,6 +107,7 @@
 			return {
 				titleArr: ['首页', '幼儿园介绍', '宝宝活动', '出勤详情', '宝宝相册', '疫情管理'],
 				activeIndex: 0,
+				cunIndex:0,
 				modeArr: [{
 						isActive: true,
 						title: '欢迎模式'
@@ -142,7 +143,7 @@
 			},
 			// 导航切换
 			chooseTitle(e) {
-				this.activeIndex = e;
+				this.cunIndex = this.activeIndex = e;
 				e == 0 ? this.activeTitle = 'activeTitle' : this.activeTitle = 'activeTitle2';
 			},
 			// 网络状态
@@ -190,6 +191,24 @@
 				// 当前时间
 				this.time = `${hour < 10 ? '0'+hour : hour}:${minute < 10 ? '0'+minute : minute}`;
 			},
+			// 右上角按钮点击
+			clickFun(){
+				this.isNetwork = true;
+			},
+			refreshEv(){
+				this.activeIndex = '-1';
+				setTimeout(()=>{
+					this.activeIndex = this.cunIndex;
+					this.isNetwork = false;
+				},100)
+			},
+			backHomeEv(){
+				this.activeIndex = '-1';
+				setTimeout(()=>{
+					this.activeIndex = 0;
+					this.isNetwork = false;
+				},100)
+			}
 		},
 		mounted() {
 			this.weatherEv();

src/components/homepage.vue

@@ -40,18 +40,14 @@
 							<div class="pultitle">宝宝食谱</div>
 						</div>
 						<div class="eat-three">
-              <div
+							<div :class="threeMealIndex == index ? 'threeMealActive' : ''"
-                :class="threeMealIndex == index ? 'threeMealActive' : ''"
+								v-for="(item, index) in threeMeals" :key="index" @click="chooseMeal(index)">
-                v-for="(item, index) in threeMeals"
-                :key="index"
-                @click="chooseMeal(index)"
-              >
 								{{ item.Type }}
 							</div>
 						</div>
 						<div class="line"></div>
 						<div v-for="(item, index) in threeMeals" :key="index">
-              <div v-if="index == threeMealIndex" class="left-last meal-box">
+							<div v-if="index == threeMealIndex" class="meal-box">
 								<img :src="item.Images" />
 								<div class="clips2">{{ item.FoodName }}</div>
 							</div>
@@ -110,12 +106,8 @@
 					<div v-for="(item, index) in noonArr" :key="index">
 						<div class="right-title">{{ item.Ampm }}</div>
 						<div class="line" style="margin: 0 6px"></div>
-            <div
+						<div class="right-item-box" v-for="(itemc, indexc) in item.Content"
-              class="right-item-box"
+							:class="indexc % 2 != 0 ? 'oddActive' : ''" :key="indexc">
-              v-for="(itemc, indexc) in item.Content"
-              :class="indexc % 2 != 0 ? 'oddActive' : ''"
-              :key="indexc"
-            >
 							<div>{{ itemc.TimePart }}</div>
 							<div class="clips3">{{ itemc.Name }}</div>
 						</div>
@@ -126,20 +118,18 @@
 	</div>
 </template>
 <script>
-export default {
+	export default {
 		name: "homepage",
 		data() {
 			return {
 				threeMeals: ["早餐", "午餐", "晚餐"],
 				threeMealIndex: 0,
 				noticeData: [],
-	babyBirthdayData:"",
+				babyBirthdayData: "",
-	dynamicPictureData:"",
+				dynamicPictureData: "",
-      noonArr: [
+				noonArr: [{
-        {
 						title: "上午",
-          children: [
+						children: [{
-            {
 								time: "08：30 - 08：50",
 								content: "晨检，晨间活动晨间活动晨间活动晨间活动晨间活动晨间活动",
 							},
@@ -175,8 +165,7 @@ export default {
 					},
 					{
 						title: "中午",
-          children: [
+						children: [{
-            {
 								time: "08：30 - 08：50",
 								content: "晨检，晨间活动",
 							},
@@ -208,8 +197,7 @@ export default {
 					},
 					{
 						title: "下午",
-          children: [
+						children: [{
-            {
 								time: "08：30 - 08：50",
 								content: "晨检，晨间活动",
 							},
@@ -303,7 +291,7 @@ export default {
 				let data = await this.$axios({
 					// 调用 serviceAPI
 					url: this.$https.dynamicPicture,
-        methods: "get",
+					methods: "post",
 					params: {
 						EquipmentID: "yaohaotest001",
 					},
@@ -322,5 +310,5 @@ export default {
 		created() {
 			this.notice();
 		},
-};
+	};
 </script>

src/config.js

@@ -10,11 +10,14 @@ const url = {
 	schedulingWeb:host+"/api/admin/electronicclasscardcourse/getbabynowcourse", //查看当日宝宝课表（班排web）
 	notice:host+'/api/admin/electronicclasscard/getnoice',//通知
 	weather:host+ '/api/admin/electronicclasscard/getweather', //天气接口
-	introduce:host+'/api/admin/electronicclasscard/kindergartenintroduction'//幼儿园介绍
+	introduce:host+'/api/admin/electronicclasscard/kindergartenintroduction',//幼儿园介绍
-// 教师风采列表/api/admin/electronicclasscard/getteachers_demeanor
+	getteachers_demeanor:host+'/api/admin/electronicclasscard/getteachers_demeanor',// 教师风采列表
-// 班级动态详情/api/admin/electronicclasscard/classnewsdetails
+	classnewsdetails:host+'/api/admin/electronicclasscard/classnewsdetails',// 班级动态详情
-// 公告列表/api/admin/electronicclasscard/getnotice
+	getnotice:host+'/api/admin/electronicclasscard/getnotice',// 公告列表
-// 班级动态详情/api/admin/electronicclasscard/classnewsdetails
+	getstudentattendanceinfo:host + '/api/admin/electronicclasscard/getstudentattendanceinfo',//获取当天出勤详情(1：到校情况，2：离校情况，3：未到校学生，4：请假学生)
+	getupdatestudentlist:host + '/api/admin​/electronicclasscard​/getupdatestudentlist',//获取当个学生信息
+	getuserattendanceinfo:host + '/api/admin/electronicclasscard/getuserattendanceinfo',//获取宝宝考勤详细
+	queryattendancebyid:host + '/api/admin/electronicclasscard/queryattendancebyid'//查询学生历史考勤、晨检记录
 }
 
 module.exports = url