chen
/
electron-ban-pai
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

添加出勤详情接口

master
chen 2021-12-24 09:56:55 +08:00
parent 25dbc6d82f
commit 1a849a7b10
5 changed files with 355 additions and 333 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/css/electron.css
View File

@ -172,7 +172,7 @@ img {
font-size: 30px!important;font-weight: bold!important; font-size: 30px!important;font-weight: bold!important;
} }
.meal-box {padding-top: 10px;display: flex;align-items: center;} .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;} .meal-box div {font-size: 18px;line-height: 30px;}
.main-center { .main-center {
margin: 0 20px; margin: 0 20px;
@ -201,7 +201,7 @@ img {
background: url(../home/right-back.png) no-repeat; background: url(../home/right-back.png) no-repeat;
background-size: 100% 100%; 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 { .right-content::-webkit-scrollbar {
display: none; display: none;
} }

14
src/components/attendanceDetail.vue
View File

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

27
src/components/header.vue
View File

@ -27,7 +27,7 @@
</div> </div>
</div> </div>
<!-- 功能图标 --> <!-- 功能图标 -->
<div><img src="../assets/home/icon-set.png"></div> <div><img @click="clickFun" src="../assets/home/icon-set.png"></div>
</div> </div>
<!-- 头部导航 end --> <!-- 头部导航 end -->
@ -74,8 +74,8 @@
</div> </div>
<div class="item-row"> <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> </div>
</div> </div>
@ -107,6 +107,7 @@
return { return {
titleArr: ['首页', '幼儿园介绍', '宝宝活动', '出勤详情', '宝宝相册', '疫情管理'], titleArr: ['首页', '幼儿园介绍', '宝宝活动', '出勤详情', '宝宝相册', '疫情管理'],
activeIndex: 0, activeIndex: 0,
cunIndex:0,
modeArr: [{ modeArr: [{
isActive: true, isActive: true,
title: '欢迎模式' title: '欢迎模式'
@ -142,7 +143,7 @@
}, },
// 导航切换 // 导航切换
chooseTitle(e) { chooseTitle(e) {
this.activeIndex = e; this.cunIndex = this.activeIndex = e;
e == 0 ? this.activeTitle = 'activeTitle' : this.activeTitle = 'activeTitle2'; e == 0 ? this.activeTitle = 'activeTitle' : this.activeTitle = 'activeTitle2';
}, },
// 网络状态 // 网络状态
@ -190,6 +191,24 @@
// 当前时间 // 当前时间
this.time = `${hour < 10 ? '0'+hour : hour}:${minute < 10 ? '0'+minute : minute}`; 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() { mounted() {
this.weatherEv(); this.weatherEv();

620
src/components/homepage.vue
View File

@ -1,326 +1,314 @@
<template> <template>
<div> <div>
<!-- 主体内容 --> <!-- 主体内容 -->
<div class="main"> <div class="main">
<!-- 左侧 --> <!-- 左侧 -->
<div class="main-left"> <div class="main-left">
<!-- 班级详情 --> <!-- 班级详情 -->
<div class="left-one"> <div class="left-one">
<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 class="second-title">中二班</div> <div class="second-title">中二班</div>
<div class="line"></div> <div class="line"></div>
<div class="three-content"> <div class="three-content">
<div>老师：罗敏 宋春雪 王愉</div> <div>老师：罗敏 宋春雪 王愉</div>
<div>班级人数：21</div> <div>班级人数：21</div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="left-last"> <div class="left-last">
<div> <div>
<div>0</div> <div>0</div>
<div>实到</div> <div>实到</div>
</div> </div>
<div> <div>
<div>0</div> <div>0</div>
<div>未到</div> <div>未到</div>
</div> </div>
<div> <div>
<div>0</div> <div>0</div>
<div>请假</div> <div>请假</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- 宝宝食谱 --> <!-- 宝宝食谱 -->
<div class="left-one"> <div class="left-one">
<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 class="eat-three"> <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" {{ item.Type }}
:key="index" </div>
@click="chooseMeal(index)" </div>
> <div class="line"></div>
{{ item.Type }} <div v-for="(item, index) in threeMeals" :key="index">
</div> <div v-if="index == threeMealIndex" class="meal-box">
</div> <img :src="item.Images" />
<div class="line"></div> <div class="clips2">{{ item.FoodName }}</div>
<div v-for="(item, index) in threeMeals" :key="index"> </div>
<div v-if="index == threeMealIndex" class="left-last meal-box"> </div>
<img :src="item.Images" /> </div>
<div class="clips2">{{ item.FoodName }}</div> </div>
</div> <!-- 通知公告 -->
</div> <div class="left-one">
</div> <div class="left-content">
</div> <div class="left-title">
<!-- 通知公告 --> <div class="pultitle">通知公告</div>
<div class="left-one"> </div>
<div class="left-content"> <div class="second-title">中二班</div>
<div class="left-title"> <div class="line"></div>
<div class="pultitle">通知公告</div> <div class="three-content left-notice">
</div> <div class="clips2">老师：罗敏 宋春</div>
<div class="second-title">中二班</div> </div>
<div class="line"></div> <div class="notice-time">
<div class="three-content left-notice"> <div>2021-11-15</div>
<div class="clips2">老师：罗敏 宋春</div> <div><img src="../assets/home/slices.png" />15</div>
</div> </div>
<div class="notice-time"> </div>
<div>2021-11-15</div> </div>
<div><img src="../assets/home/slices.png" />15</div> </div>
</div> <!-- 中部 -->
</div> <div class="main-center">
</div> <!-- 班级动态图文 -->
</div> <div class="center-img-box">
<!-- 中部 --> <div class="center-title">班级动态</div>
<div class="main-center"> <div class="img-box">
<!-- 班级动态图文 --> <img src="../assets/seconds/tu-01.png" style="object-fit: cover" />
<div class="center-img-box"> </div>
<div class="center-title">班级动态</div> </div>
<div class="img-box"> <!-- 提醒 -->
<img src="../assets/seconds/tu-01.png" style="object-fit: cover" /> <div class="remind-box">
</div> <div class="msg-box">
</div> <img src="../assets/home/icon-notice.png" />
<!-- 提醒 --> <div>{{ noticeData }}</div>
<div class="remind-box"> </div>
<div class="msg-box"> <div class="msg-box">
<img src="../assets/home/icon-notice.png" /> <div>宝宝提醒</div>
<div>{{ noticeData }}</div> <div>1</div>
</div> </div>
<div class="msg-box"> <div class="msg-box">
<div>宝宝提醒</div> <div>生日提醒</div>
<div>1</div> <div>1</div>
</div> </div>
<div class="msg-box"> </div>
<div>生日提醒</div> </div>
<div>1</div> <!-- 右侧 -->
</div> <div class="main-right">
</div> <div class="left-title">
</div> <div class="pultitle">今日活动</div>
<!-- 右侧 --> </div>
<div class="main-right"> <div class="right-content">
<div class="left-title"> <div v-for="(item, index) in noonArr" :key="index">
<div class="pultitle">今日活动</div> <div class="right-title">{{ item.Ampm }}</div>
</div> <div class="line" style="margin: 0 6px"></div>
<div class="right-content"> <div class="right-item-box" v-for="(itemc, indexc) in item.Content"
<div v-for="(item, index) in noonArr" :key="index"> :class="indexc % 2 != 0 ? 'oddActive' : ''" :key="indexc">
<div class="right-title">{{ item.Ampm }}</div> <div>{{ itemc.TimePart }}</div>
<div class="line" style="margin: 0 6px"></div> <div class="clips3">{{ itemc.Name }}</div>
<div </div>
class="right-item-box" </div>
v-for="(itemc, indexc) in item.Content" </div>
:class="indexc % 2 != 0 ? 'oddActive' : ''" </div>
:key="indexc" </div>
> </div>
<div>{{ itemc.TimePart }}</div>
<div class="clips3">{{ itemc.Name }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template> </template>
<script> <script>
export default { export default {
name: "homepage", name: "homepage",
data() { data() {
return { return {
threeMeals: ["早餐", "午餐", "晚餐"], threeMeals: ["早餐", "午餐", "晚餐"],
threeMealIndex: 0, threeMealIndex: 0,
noticeData: [], noticeData: [],
babyBirthdayData:"", babyBirthdayData: "",
dynamicPictureData:"", dynamicPictureData: "",
noonArr: [ noonArr: [{
{ title: "上午",
title: "上午", children: [{
children: [ time: "08：30 - 08：50",
{ content: "晨检，晨间活动晨间活动晨间活动晨间活动晨间活动晨间活动",
time: "08：30 - 08：50", },
content: "晨检，晨间活动晨间活动晨间活动晨间活动晨间活动晨间活动", {
}, time: "08：30 - 08：50",
{ content: "晨检，晨间活动",
time: "08：30 - 08：50", },
content: "晨检，晨间活动", {
}, time: "08：30 - 08：50",
{ content: "晨检，晨间活动",
time: "08：30 - 08：50", },
content: "晨检，晨间活动", {
}, time: "08：30 - 08：50",
{ content: "晨检，晨间活动",
time: "08：30 - 08：50", },
content: "晨检，晨间活动", {
}, time: "08：30 - 08：50",
{ content: "晨检，晨间活动",
time: "08：30 - 08：50", },
content: "晨检，晨间活动", {
}, time: "08：30 - 08：50",
{ content: "晨检，晨间活动",
time: "08：30 - 08：50", },
content: "晨检，晨间活动", {
}, time: "08：30 - 08：50",
{ content: "晨检，晨间活动",
time: "08：30 - 08：50", },
content: "晨检，晨间活动", {
}, time: "08：30 - 08：50",
{ content: "晨检，晨间活动",
time: "08：30 - 08：50", },
content: "晨检，晨间活动", ],
}, },
], {
}, title: "中午",
{ children: [{
title: "中午", time: "08：30 - 08：50",
children: [ content: "晨检，晨间活动",
{ },
time: "08：30 - 08：50", {
content: "晨检，晨间活动", time: "08：30 - 08：50",
}, content: "晨检，晨间活动",
{ },
time: "08：30 - 08：50", {
content: "晨检，晨间活动", time: "08：30 - 08：50",
}, content: "晨检，晨间活动",
{ },
time: "08：30 - 08：50", {
content: "晨检，晨间活动", time: "08：30 - 08：50",
}, content: "晨检，晨间活动",
{ },
time: "08：30 - 08：50", {
content: "晨检，晨间活动", time: "08：30 - 08：50",
}, content: "晨检，晨间活动",
{ },
time: "08：30 - 08：50", {
content: "晨检，晨间活动", time: "08：30 - 08：50",
}, content: "晨检，晨间活动",
{ },
time: "08：30 - 08：50", {
content: "晨检，晨间活动", time: "08：30 - 08：50",
}, content: "晨检，晨间活动",
{ },
time: "08：30 - 08：50", ],
content: "晨检，晨间活动", },
}, {
], title: "下午",
}, children: [{
{ time: "08：30 - 08：50",
title: "下午", content: "晨检，晨间活动",
children: [ },
{ {
time: "08：30 - 08：50", time: "08：30 - 08：50",
content: "晨检，晨间活动", content: "晨检，晨间活动",
}, },
{ {
time: "08：30 - 08：50", time: "08：30 - 08：50",
content: "晨检，晨间活动", content: "晨检，晨间活动",
}, },
{ {
time: "08：30 - 08：50", time: "08：30 - 08：50",
content: "晨检，晨间活动", content: "晨检，晨间活动",
}, },
{ {
time: "08：30 - 08：50", time: "08：30 - 08：50",
content: "晨检，晨间活动", content: "晨检，晨间活动",
}, },
{ {
time: "08：30 - 08：50", time: "08：30 - 08：50",
content: "晨检，晨间活动", content: "晨检，晨间活动",
}, },
{ {
time: "08：30 - 08：50", time: "08：30 - 08：50",
content: "晨检，晨间活动", content: "晨检，晨间活动",
}, },
{ {
time: "08：30 - 08：50", time: "08：30 - 08：50",
content: "晨检，晨间活动", content: "晨检，晨间活动",
}, },
{ ],
time: "08：30 - 08：50", },
content: "晨检，晨间活动", ],
}, };
], },
}, methods: {
], // 早中晚餐切换事件
}; chooseMeal(e) {
}, this.threeMealIndex = e;
methods: { },
// 早中晚餐切换事件 // 宝宝食谱
chooseMeal(e) { async babyRecipeEv() {
this.threeMealIndex = e; let data = await this.$axios({
}, // 调用 serviceAPI
// 宝宝食谱 url: this.$https.babyRecipe,
async babyRecipeEv() { methods: "get",
let data = await this.$axios({ params: {
// 调用 serviceAPI EquipmentID: "yaohaotest001",
url: this.$https.babyRecipe, },
methods: "get", });
params: { this.threeMeals = data.data.data;
EquipmentID: "yaohaotest001", },
},
});
this.threeMeals = data.data.data;
},
async notice() { async notice() {
let data = await this.$axios({ let data = await this.$axios({
// 调用 serviceAPI // 调用 serviceAPI
url: this.$https.notice, url: this.$https.notice,
methods: "get", methods: "get",
params: { params: {
EquipmentID: "yaohaotest001", EquipmentID: "yaohaotest001",
}, },
}); });
this.noticeData = data.data.count; this.noticeData = data.data.count;
}, },
async schedulingWeb() { async schedulingWeb() {
let data = await this.$axios({ let data = await this.$axios({
// 调用 serviceAPI // 调用 serviceAPI
url: this.$https.schedulingWeb, url: this.$https.schedulingWeb,
methods: "get", methods: "get",
params: { params: {
EquipmentID: "yaohaotest001", EquipmentID: "yaohaotest001",
}, },
}); });
this.noonArr = data.data.data[0].WeekData; this.noonArr = data.data.data[0].WeekData;
}, },
async babyBirthday() { async babyBirthday() {
let data = await this.$axios({ let data = await this.$axios({
// 调用 serviceAPI // 调用 serviceAPI
url: this.$https.babyBirthday, url: this.$https.babyBirthday,
methods: "get", methods: "get",
params: { params: {
EquipmentID: "yaohaotest001", EquipmentID: "yaohaotest001",
}, },
}); });
this.babyBirthdayData = data.data; this.babyBirthdayData = data.data;
}, },
async dynamicPicture() { async dynamicPicture() {
let data = await this.$axios({ let data = await this.$axios({
// 调用 serviceAPI // 调用 serviceAPI
url: this.$https.dynamicPicture, url: this.$https.dynamicPicture,
methods: "get", methods: "post",
params: { params: {
EquipmentID: "yaohaotest001", EquipmentID: "yaohaotest001",
}, },
}); });
}, },
}, },
mounted() { mounted() {
this.babyRecipeEv(); this.babyRecipeEv();
this.schedulingWeb(); this.schedulingWeb();
this.babyBirthday() this.babyBirthday()
this.dynamicPicture() this.dynamicPicture()
}, },
created() { created() {
this.notice(); this.notice();
}, },
}; };
</script> </script>

13
src/config.js
View File

@ -10,11 +10,14 @@ const url = {
schedulingWeb:host+"/api/admin/electronicclasscardcourse/getbabynowcourse", //查看当日宝宝课表（班排web） schedulingWeb:host+"/api/admin/electronicclasscardcourse/getbabynowcourse", //查看当日宝宝课表（班排web）
notice:host+'/api/admin/electronicclasscard/getnoice',//通知 notice:host+'/api/admin/electronicclasscard/getnoice',//通知
weather:host+ '/api/admin/electronicclasscard/getweather', //天气接口 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 module.exports = url