接口调用已有接口
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<title>electron-banpai</title>
|
||||
<title>都江堰机关幼儿园</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@
|
|||
"version": "1.0.0",
|
||||
"dependencies": {
|
||||
"axios": "^0.24.0",
|
||||
"mobile-detect": "^1.4.5",
|
||||
"vue": "^2.5.2",
|
||||
"vue-router": "^3.0.1"
|
||||
},
|
||||
|
|
@ -39,6 +40,7 @@
|
|||
"rimraf": "^2.6.0",
|
||||
"semver": "^5.3.0",
|
||||
"shelljs": "^0.7.6",
|
||||
"swiper": "^3.4.2",
|
||||
"uglifyjs-webpack-plugin": "^1.1.1",
|
||||
"url-loader": "^0.5.8",
|
||||
"vue-loader": "^13.3.0",
|
||||
|
|
@ -6722,6 +6724,11 @@
|
|||
"mkdirp": "bin/cmd.js"
|
||||
}
|
||||
},
|
||||
"node_modules/mobile-detect": {
|
||||
"version": "1.4.5",
|
||||
"resolved": "https://registry.nlark.com/mobile-detect/download/mobile-detect-1.4.5.tgz",
|
||||
"integrity": "sha1-2jk8PEE8oam83ZztZTw4KBwPtq0="
|
||||
},
|
||||
"node_modules/move-concurrently": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.nlark.com/move-concurrently/download/move-concurrently-1.0.1.tgz",
|
||||
|
|
@ -12055,6 +12062,15 @@
|
|||
"js-yaml": "bin/js-yaml.js"
|
||||
}
|
||||
},
|
||||
"node_modules/swiper": {
|
||||
"version": "3.4.2",
|
||||
"resolved": "https://registry.npmmirror.com/swiper/download/swiper-3.4.2.tgz",
|
||||
"integrity": "sha512-bXolyzBIawQRluQwFbN8DYpe6Q02bKJ2/h4JV+6dzN/WX8a8ZFPa+F0o8z7hEHSyh2NzKkTWaogaTZYVfgmKTw==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">= 4.7.0"
|
||||
}
|
||||
},
|
||||
"node_modules/tapable": {
|
||||
"version": "0.2.9",
|
||||
"resolved": "https://registry.npmmirror.com/tapable/download/tapable-0.2.9.tgz",
|
||||
|
|
@ -19673,6 +19689,11 @@
|
|||
"minimist": "^1.2.5"
|
||||
}
|
||||
},
|
||||
"mobile-detect": {
|
||||
"version": "1.4.5",
|
||||
"resolved": "https://registry.nlark.com/mobile-detect/download/mobile-detect-1.4.5.tgz",
|
||||
"integrity": "sha1-2jk8PEE8oam83ZztZTw4KBwPtq0="
|
||||
},
|
||||
"move-concurrently": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.nlark.com/move-concurrently/download/move-concurrently-1.0.1.tgz",
|
||||
|
|
@ -24105,6 +24126,12 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"swiper": {
|
||||
"version": "3.4.2",
|
||||
"resolved": "https://registry.npmmirror.com/swiper/download/swiper-3.4.2.tgz",
|
||||
"integrity": "sha512-bXolyzBIawQRluQwFbN8DYpe6Q02bKJ2/h4JV+6dzN/WX8a8ZFPa+F0o8z7hEHSyh2NzKkTWaogaTZYVfgmKTw==",
|
||||
"dev": true
|
||||
},
|
||||
"tapable": {
|
||||
"version": "0.2.9",
|
||||
"resolved": "https://registry.npmmirror.com/tapable/download/tapable-0.2.9.tgz",
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"axios": "^0.24.0",
|
||||
"mobile-detect": "^1.4.5",
|
||||
"vue": "^2.5.2",
|
||||
"vue-router": "^3.0.1"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@ img {
|
|||
.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
||||
.clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
||||
.clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;}
|
||||
.flex-s0{flex-shrink: 0;}
|
||||
/* 头部导航 */
|
||||
.header-box {
|
||||
position: sticky;
|
||||
|
|
@ -34,7 +35,7 @@ img {
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: url(../home/logo-bottom.png) no-repeat;
|
||||
background: url(/static/home/logo-bottom.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 177px;
|
||||
height: 162px;
|
||||
|
|
@ -70,12 +71,12 @@ img {
|
|||
}
|
||||
.activeTitle {
|
||||
color: #FFFFFF;
|
||||
background: url(../home/title-bottom-01.png) no-repeat;
|
||||
background: url(/static/home/title-bottom-01.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.activeTitle2 {
|
||||
color: #FFFFFF;
|
||||
background: url(../home/title-bottom-02.png) no-repeat;
|
||||
background: url(/static/home/title-bottom-02.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
/* 天气 */
|
||||
|
|
@ -115,7 +116,7 @@ img {
|
|||
.left-one {
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
background: url(../home/left-kuang.png) no-repeat;
|
||||
background: url(/static/home/left-kuang.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 390px;
|
||||
height: 296px;
|
||||
|
|
@ -180,7 +181,7 @@ img {
|
|||
}
|
||||
.center-title {color: #7557CC;font-size: 36px;text-align: center;line-height: 40px;padding-top: 40px;}
|
||||
.center-img-box {
|
||||
background: url(../home/class-dongt.png) no-repeat;
|
||||
background: url(/static/home/class-dongt.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 967px;
|
||||
height: 900px;
|
||||
|
|
@ -198,7 +199,7 @@ img {
|
|||
width: 390px;
|
||||
height: 900px;
|
||||
flex-shrink: 0;
|
||||
background: url(../home/right-back.png) no-repeat;
|
||||
background: url(/static/home/right-back.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.right-content {color: #7557CC;text-align: center;height: 90%; overflow: hidden;overflow-y: scroll;}
|
||||
|
|
@ -243,7 +244,7 @@ img {
|
|||
.class-left-one {
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
background: url(../home/right-back.png) no-repeat;
|
||||
background: url(/static/attendancedetail/babyactive-left.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
width: 464px;
|
||||
height: 826px;
|
||||
|
|
@ -299,8 +300,14 @@ img {
|
|||
}
|
||||
.teather-box {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
padding-bottom: 40px;
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
overflow-x: scroll;
|
||||
-webkit-overflow-scrolling:touch;
|
||||
}
|
||||
.teather-box::-webkit-scrollbar{
|
||||
display: none;
|
||||
}
|
||||
.teather-box div {
|
||||
display: flex;
|
||||
|
|
@ -309,6 +316,8 @@ img {
|
|||
font-size: 18px;
|
||||
color: #666666;
|
||||
margin-top: 30px;
|
||||
flex-shrink: 0;
|
||||
margin-left: 30px;
|
||||
}
|
||||
.teather-box span {
|
||||
margin-top: 10px;
|
||||
|
|
@ -333,14 +342,14 @@ img {
|
|||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
background: url(../home/right-back.png) no-repeat;
|
||||
background: url(/static/attendancedetail/babyactive-right.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-left: 30px;
|
||||
height: 826px;
|
||||
}
|
||||
.time-title-box {background-color: #9C7CFA;font-size: 18px;font-weight: bold;color: #FFFFFF; height: 34px;border-radius: 10px;line-height: 34px;display: flex;justify-content: space-around;}
|
||||
.time-title-box div{width: 16%;text-align: center;}
|
||||
.tiam-data-box {display: flex;position: relative;align-items: center;margin-top: 10px;}
|
||||
.tiam-data-box {display: flex;position: relative;align-items: center;margin-top: 10px;min-height: 120px;}
|
||||
.time-left {position: absolute;left: 0;top: 0;bottom: 0; width: 40px;background-color: #C3AEFF;padding: 10px 7px;font-size: 24px;color: #FFFFFF;line-height: 40px;border-radius: 10px;display: flex;justify-content: center;align-items: center;margin-right: 10px;}
|
||||
.time-right-box {display: flex;justify-content: space-around;text-align: center;height: 37px;background: #FFFFFF;border-radius: 10px;line-height: 37px;margin-bottom: 5px;}
|
||||
.time-right-box:last-child {margin-bottom: 0px;}
|
||||
|
|
@ -514,7 +523,7 @@ img {
|
|||
.noticeInfo-item {
|
||||
display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;border-bottom: 1px solid #D3D3D3;
|
||||
}
|
||||
.notice-title {display: flex;align-items: center;padding-bottom: 16px;}
|
||||
.notice-title {display: flex;align-items: center;padding-bottom: 16px;margin-right: 20px;}
|
||||
.notice-title img{width: 21px;height: 21px;margin-right: 12px;}
|
||||
.notice-title div{font-size: 18px;color: #3F3F3F;font-weight: bold;}
|
||||
.noticeInfo-time {font-size: 14px;color: #959595;}
|
||||
|
|
@ -556,8 +565,34 @@ img {
|
|||
.baby-name {font-size: 24px;font-weight: 800;color: #3F3F3F;}
|
||||
.baby-album-box {padding: 97px 0 126px 0;height: 100%; display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;position: relative;}
|
||||
.baby-album-box > img {width: 58px;height: 58px;}
|
||||
@media screen and (min-width:768px) and (max-width:1024px) {
|
||||
.introduce-img {display: flex;flex-wrap: wrap;}
|
||||
.introduce-img img {margin: 10px 10px 0 0;}
|
||||
@media screen and (min-width:768px) and (max-width:1400px) {
|
||||
.header-box {
|
||||
background-color: #000000;
|
||||
height: 70px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.main {
|
||||
margin: 40px 0 70px 0;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.left-one {
|
||||
width: 250px;
|
||||
height: 200px;
|
||||
}
|
||||
.line {margin: 5px 0;}
|
||||
.left-title {font-size: 18px;height: 46px;}
|
||||
.left-content {padding: 0 10px;}
|
||||
.second-title {font-size: 16px;}
|
||||
.three-content {font-size: 14px;line-height: 24px;}
|
||||
.left-last > div div:nth-child(1) {font-size: 16px;}
|
||||
.left-last > div div:nth-child(2) {font-size: 14px;}
|
||||
.threeMealActive {font-size: 20px!important;}
|
||||
.eat-three {font-size: 18px;}
|
||||
.meal-box img {width: 76px;
|
||||
max-height: 70px;
|
||||
margin-right: 15px;}
|
||||
.meal-box div {font-size: 14px;line-height: 24px;}
|
||||
.notice-time { margin-top: 10px;font-size: 14px;}
|
||||
.main-center{width: auto;}
|
||||
}
|
||||
|
|
@ -4,18 +4,18 @@
|
|||
<div class="attendance-box">
|
||||
<div class="attendance-left">
|
||||
<div @click="chooseNavEv(index)" class="attendance-left-item-box" :class="navIndex==index?'attendance-active':''" v-for="(item,index) in navArr" :key="index">
|
||||
<img src="">
|
||||
<img :src="item.icon">
|
||||
<div>{{item.title}}（{{item.num}}）</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="attendance-right">
|
||||
<div v-if="!isNothing" class="attendance-right-item-box" v-for="(item,index) in teatherArr" :key="index">
|
||||
<img src="" alt="">
|
||||
<img :src="item.teatherImg" alt="">
|
||||
<span>{{item.teatherName}}</span>
|
||||
<div :style="{background:['#9C7CFA','#FF9393','#D3D3D3','#F4B52F'][item.status]}">{{['正常','未到校','离校','请假'][item.status]}}</div>
|
||||
</div>
|
||||
<div v-if="isNothing" class="nothing-box">
|
||||
<img src="../assets/attendancedetail/-s-暂无.png">
|
||||
<img src="/static/attendancedetail/-s-暂无.png">
|
||||
<div>{{['没有出勤','暂无离校','暂无未到校','没有请假'][navIndex]}}的宝宝</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -28,21 +28,21 @@
|
|||
data() {
|
||||
return {
|
||||
navArr:[
|
||||
{icon:'../assets/attendancedetail/icon-attendancedetail.png',title:'出勤详情',num:12},
|
||||
{icon:'../assets/attendancedetail/icon-lixiao.png',title:'离校情况',num:0},
|
||||
{icon:'../assets/attendancedetail/icon-qingj.png',title:'未到校宝宝',num:0},
|
||||
{icon:'../assets/attendancedetail/icon-weidao.png',title:'请假宝宝',num:0},
|
||||
{icon:'/static/attendancedetail/icon-attendancedetail.png',title:'出勤详情',num:12},
|
||||
{icon:'/static/attendancedetail/icon-lixiao.png',title:'离校情况',num:0},
|
||||
{icon:'/static/attendancedetail/icon-weidao.png',title:'未到校宝宝',num:0},
|
||||
{icon:'/static/attendancedetail/icon-qingj.png',title:'请假宝宝',num:0},
|
||||
],
|
||||
navIndex:0,
|
||||
teatherArr:[
|
||||
{teatherImg:'',teatherName:'张跑跑',status:0},
|
||||
{teatherImg:'',teatherName:'张跑跑',status:1},
|
||||
{teatherImg:'',teatherName:'张跑跑',status:2},
|
||||
{teatherImg:'',teatherName:'张跑跑',status:3},
|
||||
{teatherImg:'',teatherName:'张跑跑',status:0},
|
||||
{teatherImg:'',teatherName:'张跑跑',status:0},
|
||||
{teatherImg:'',teatherName:'张跑跑',status:0},
|
||||
{teatherImg:'',teatherName:'张跑跑',status:0},
|
||||
{teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:0},
|
||||
{teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:1},
|
||||
{teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:2},
|
||||
{teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:3},
|
||||
{teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:0},
|
||||
{teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:0},
|
||||
{teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:0},
|
||||
{teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:0},
|
||||
],
|
||||
isNothing:false
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,8 +8,8 @@
|
|||
<div class="class-left-one">
|
||||
<div class="baby-left-content">
|
||||
<div class="class-left-title">
|
||||
<img src="../assets/home/flower.png" >
|
||||
<img src="../assets/home/flower.png" >
|
||||
<img src="/static/home/flower.png" >
|
||||
<img src="/static/home/flower.png" >
|
||||
<div class="pultitle">班级情况</div>
|
||||
</div>
|
||||
<div class="baby-content-box">
|
||||
|
|
@ -55,28 +55,30 @@
|
|||
<!-- 右侧 -->
|
||||
<div class="class-main-right">
|
||||
<div class="class-left-title">
|
||||
<div class="pultitle">宝宝课表第15周（2021年12月08日）</div>
|
||||
<div class="pultitle">宝宝课表第{{weekNum}}周（{{dateTime}}）</div>
|
||||
</div>
|
||||
<div class="baby-content-box">
|
||||
<div class="time-title-box">
|
||||
<div v-for="(item,index) in kebiaoArr" :key="index">{{item}}</div>
|
||||
</div>
|
||||
<template v-if="isNothing">
|
||||
<div class="tiam-data-box" v-for="(item,index) in dataArr" :key="index">
|
||||
<div class="time-left" :style="{background:['#C3AEFF','#F1D470','#FF9393'][index]}">{{item.title}}</div>
|
||||
<div class="time-left" :style="{background:['#C3AEFF','#F1D470','#FF9393'][index]}">{{item.Ampm}}</div>
|
||||
<div style="width: 100%;">
|
||||
<div class="time-right-box" v-for="(itemt,indext) in item.children" :key="indext">
|
||||
<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.time}}</div>
|
||||
<div>{{itemt.TimePart}}</div>
|
||||
</div>
|
||||
<div class="clips1 time-item">{{itemt.dayOne}}</div>
|
||||
<div class="clips1 time-item">{{itemt.dayTwo}}</div>
|
||||
<div class="clips1 time-item">{{itemt.dayThree}}</div>
|
||||
<div class="clips1 time-item">{{itemt.dayFour}}</div>
|
||||
<div class="clips1 time-item">{{itemt.dayFive}}</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>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -87,66 +89,58 @@
|
|||
name: 'babyActivity',
|
||||
data() {
|
||||
return {
|
||||
weekNum:0,
|
||||
dateTime:'2021年12月28日',
|
||||
teatherArr:[
|
||||
{name:'张芳芳',headImg:'../assets/seconds/tu-01.png'},
|
||||
{name:'张芳芳',headImg:'../assets/seconds/tu-01.png'},
|
||||
{name:'张芳芳',headImg:'../assets/seconds/tu-01.png'},
|
||||
{name:'张芳芳',headImg:'/static/seconds/tu-01.png'},
|
||||
{name:'张芳芳',headImg:'/static/seconds/tu-01.png'},
|
||||
{name:'张芳芳',headImg:'/static/seconds/tu-01.png'},
|
||||
{name:'张芳芳',headImg:'/static/seconds/tu-01.png'},
|
||||
{name:'张芳芳',headImg:'/static/seconds/tu-01.png'},
|
||||
],
|
||||
kebiaoArr:['时间','星期一','星期二','星期三','星期四','星期五'],
|
||||
dataArr:[
|
||||
{
|
||||
title:'上午',
|
||||
children:[
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
]
|
||||
},
|
||||
{
|
||||
title:'中午',
|
||||
children:[
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
]
|
||||
},{
|
||||
title:'下午',
|
||||
children:[
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
{time:'08:00-08:30',dayOne:'养成教育及餐前准备',dayTwo:'养成教育及餐前准备',dayThree:'养成教育及餐前准备',dayFour:'养成教育及餐前准备',dayFive:'养成教育及餐前准备'},
|
||||
]
|
||||
}
|
||||
]
|
||||
dataArr:[],
|
||||
isNothing:false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getbabycourseEv() {
|
||||
let data = await this.$axios({
|
||||
// 调用 serviceAPI
|
||||
url: this.$https.getbabycourse,
|
||||
methods: "get",
|
||||
params: {
|
||||
EquipmentID: "yaohaotest001",
|
||||
},
|
||||
});
|
||||
let newData = data.data.data;
|
||||
// 第几周
|
||||
this.weekNum = newData[0].NowWeekNo;
|
||||
// 时间
|
||||
let newTime = newData[0].NowDate.slice(0,10).split('/');
|
||||
this.dateTime = `${newTime[2]}年${newTime[1]}月${newTime[0]}日`;
|
||||
// 一周安排
|
||||
this.dataArr = newData[0].WeekData;
|
||||
if(this.dataArr.length) this.isNothing = true;
|
||||
},
|
||||
async getbabynowtimecourseEv() {
|
||||
let data = await this.$axios({
|
||||
// 调用 serviceAPI
|
||||
url: this.$https.getbabynowtimecourse,
|
||||
methods: "get",
|
||||
params: {
|
||||
EquipmentID: "yaohaotest001",
|
||||
},
|
||||
});
|
||||
console.log(data.data.data);
|
||||
},
|
||||
|
||||
},
|
||||
mounted() {
|
||||
|
||||
// 查看一周的宝宝课表
|
||||
this.getbabycourseEv();
|
||||
// 查看当前课程及下节课内容
|
||||
this.getbabynowtimecourseEv();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -2,13 +2,13 @@
|
|||
<div>
|
||||
<!-- 主体内容 -->
|
||||
<div v-if="!showDetail" class="babyalbum-box">
|
||||
<div 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="" alt="">
|
||||
<span>{{item.babyName}}的相册</span>
|
||||
<div :style="{background:'#9C7CFA'}">{{item.albumNum}}张图</div>
|
||||
</div>
|
||||
<div v-if="isNothing" class="nothing-box">
|
||||
<img src="../assets/attendancedetail/-s-暂无.png">
|
||||
<div v-if="!isNothing" class="nothing-box">
|
||||
<img src="/static/attendancedetail/-s-暂无.png">
|
||||
<div>暂无宝宝相册</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -24,17 +24,8 @@
|
|||
name: 'babyActivity',
|
||||
data() {
|
||||
return {
|
||||
babyArr:[
|
||||
{babyImg:'',babyName:'张跑跑',albumNum:0},
|
||||
{babyImg:'',babyName:'张跑跑',albumNum:0},
|
||||
{babyImg:'',babyName:'张跑跑',albumNum:0},
|
||||
{babyImg:'',babyName:'张跑跑',albumNum:0},
|
||||
{babyImg:'',babyName:'张跑跑',albumNum:0},
|
||||
{babyImg:'',babyName:'张跑跑',albumNum:0},
|
||||
{babyImg:'',babyName:'张跑跑',albumNum:0},
|
||||
{babyImg:'',babyName:'张跑跑',albumNum:0},
|
||||
],
|
||||
isNothing:false,
|
||||
babyArr:[],
|
||||
isNothing:true,
|
||||
showDetail:false
|
||||
}
|
||||
},
|
||||
|
|
@ -44,10 +35,24 @@
|
|||
},
|
||||
backBaby(e){
|
||||
this.showDetail = e;
|
||||
},
|
||||
async babyphotoEv() {
|
||||
let data = await this.$axios({
|
||||
// 调用 serviceAPI
|
||||
url: this.$https.babyphoto,
|
||||
methods: "get",
|
||||
params: {
|
||||
EquipmentID: "yaohaotest001",
|
||||
},
|
||||
});
|
||||
this.babyArr = data.data.data;
|
||||
if(this.babyArr.length==0) {
|
||||
this.isNothing = false;
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
|
||||
this.babyphotoEv();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -4,34 +4,34 @@
|
|||
<div class="baby-detail-top">
|
||||
<div class="baby-top-box">
|
||||
<div>宝宝相册>宝宝详情</div>
|
||||
<img src="../assets/kindergartenIntroduce/icon-back.png" @click="backBaby">
|
||||
<img src="/static/kindergartenIntroduce/icon-back.png" @click="backBaby">
|
||||
</div>
|
||||
<div class="baby-name">龚柯源的相册</div>
|
||||
</div>
|
||||
<div class="baby-album-box">
|
||||
<img src="../assets/babyalbum/-s-选择1.png" class="swiper-button-prev">
|
||||
<img src="/static/babyalbum/-s-选择1.png" class="swiper-button-prev">
|
||||
<div style="width: 80%;margin: 0 auto;">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide" style="display: flex;justify-content: center;">
|
||||
<img src="../assets/seconds/tu-01.png" style="width: 100%;object-fit: cover;">
|
||||
<img src="/static/seconds/tu-01.png" style="width: 100%;object-fit: cover;">
|
||||
</div>
|
||||
<div class="swiper-slide" style="display: flex;justify-content: center;">
|
||||
<img src="../assets/seconds/tu-01.png" style="width: 100%;object-fit: cover;">
|
||||
<img src="/static/seconds/tu-01.png" style="width: 100%;object-fit: cover;">
|
||||
</div>
|
||||
<div class="swiper-slide" style="display: flex;justify-content: center;">
|
||||
<img src="../assets/seconds/tu-01.png" style="width: 100%;object-fit: cover;">
|
||||
<img src="/static/seconds/tu-01.png" style="width: 100%;object-fit: cover;">
|
||||
</div>
|
||||
<div class="swiper-slide" style="display: flex;justify-content: center;">
|
||||
<img src="../assets/seconds/tu-01.png" style="width: 100%;object-fit: cover;">
|
||||
<img src="/static/seconds/tu-01.png" style="width: 100%;object-fit: cover;">
|
||||
</div>
|
||||
<div class="swiper-slide" style="display: flex;justify-content: center;">
|
||||
<img src="../assets/seconds/tu-01.png" style="width: 100%;object-fit: cover;">
|
||||
<img src="/static/seconds/tu-01.png" style="width: 100%;object-fit: cover;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="../assets/babyalbum/-s-选择2.png" class="swiper-button-next">
|
||||
<img src="/static/babyalbum/-s-选择2.png" class="swiper-button-next">
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<!-- logo -->
|
||||
<div class="logo-box">
|
||||
<div class="logo">
|
||||
<img src="../assets/home/logo.png">
|
||||
<img src="/static/home/logo.png">
|
||||
<div>都江堰市机关幼儿园</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</div>
|
||||
<!-- 天气 -->
|
||||
<div class="weather-box">
|
||||
<img src="../assets/weather/1.png" style="margin-right: 10px;">
|
||||
<img :src="weather" style="margin-right: 10px;">
|
||||
<div>
|
||||
<div style="color: #FF9393;">{{date}}</div>
|
||||
<div class="weather-three">
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 功能图标 -->
|
||||
<div><img @click="clickFun" src="../assets/home/icon-set.png"></div>
|
||||
<div><img @click="clickFun" src="/static/home/icon-set.png"></div>
|
||||
</div>
|
||||
<!-- 头部导航 end -->
|
||||
|
||||
|
|
@ -50,17 +50,17 @@
|
|||
|
||||
<!-- 底部 -->
|
||||
<div class="footer">
|
||||
<img src="../assets/home/foot-icon.png">
|
||||
<img v-if="activeIndex==1" src="../assets/kindergartenIntroduce/chahua-01.png" >
|
||||
<img v-if="activeIndex==2" src="../assets/home/baby-foot.png">
|
||||
<img v-if="activeIndex==3" src="../assets/attendancedetail/-s-插画.png">
|
||||
<img v-if="activeIndex==4 || activeIndex==5" src="../assets/babyalbum/-s-插画.png">
|
||||
<img src="/static/home/foot-icon.png">
|
||||
<img v-if="activeIndex==1" src="/static/kindergartenIntroduce/chahua-01.png" >
|
||||
<img v-if="activeIndex==2" src="/static/home/baby-foot.png">
|
||||
<img v-if="activeIndex==3" src="/static/attendancedetail/-s-插画.png">
|
||||
<img v-if="activeIndex==4 || activeIndex==5" src="/static/babyalbum/-s-插画.png">
|
||||
</div>
|
||||
<!-- 网络弹框 -->
|
||||
<div v-if="isNetwork" class="popu-box">
|
||||
<div class="item-row">班排设备ID：*******</div>
|
||||
<div class="item-row">网络链接状态：网络监测（{{onLine?'已连接':'已断开'}}）<img v-if="onLine"
|
||||
src="../assets/home/icon-link.png" style="width: 20px;"></div>
|
||||
src="/static/home/icon-link.png" style="width: 20px;"></div>
|
||||
<div class="item-row">
|
||||
<span style="flex-shrink: 0;">班牌显示模式：</span>
|
||||
<div class="mode-box">
|
||||
|
|
@ -129,8 +129,10 @@
|
|||
temperature: '', //天气温度
|
||||
time: '', //当前时间
|
||||
timer: null,
|
||||
currentTemper:1,//
|
||||
activeTitle: 'activeTitle',
|
||||
isNetwork:false
|
||||
isNetwork:false,
|
||||
weather:''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -157,22 +159,47 @@
|
|||
}
|
||||
},
|
||||
// 天气
|
||||
weatherEv() {
|
||||
// weatherEv() {
|
||||
// // 获取时间
|
||||
// this.dateEv();
|
||||
// this.timer = setInterval(() => {
|
||||
// this.dateEv();
|
||||
// }, 1000)
|
||||
// var that = this;
|
||||
// this.$axios.get('http://wthrcdn.etouch.cn/weather_mini?city=' + '成都').then((res) => {
|
||||
// let weatherList = res.data.data.forecast;
|
||||
// // 星期几
|
||||
// this.week = weatherList[0].date.slice(weatherList[0].date.indexOf('日') + 1);
|
||||
// // 当天气温
|
||||
// this.temperature = `${weatherList[0].low.slice(2,-1)} -${weatherList[0].high.slice(2)}`
|
||||
// }).catch((err) => {
|
||||
// console.log(err);
|
||||
// })
|
||||
// },
|
||||
// 宝宝食谱
|
||||
async weatherEv() {
|
||||
let data = await this.$axios({
|
||||
// 调用 serviceAPI
|
||||
url: this.$https.weather,
|
||||
methods: "get",
|
||||
params: {
|
||||
EquipmentID: "yaohaotest001",
|
||||
},
|
||||
});
|
||||
console.log(data.data.data);
|
||||
if(data.data.code==200) {
|
||||
// 获取时间
|
||||
this.dateEv();
|
||||
this.timer = setInterval(() => {
|
||||
this.dateEv();
|
||||
}, 1000)
|
||||
var that = this;
|
||||
this.$axios.get('http://wthrcdn.etouch.cn/weather_mini?city=' + '成都').then((res) => {
|
||||
let weatherList = res.data.data.forecast;
|
||||
// 星期几
|
||||
this.week = weatherList[0].date.slice(weatherList[0].date.indexOf('日') + 1);
|
||||
this.week = data.data.data.week;
|
||||
let newtempera = data.data.data.weather.result.forecasts[0];
|
||||
// 当天气温
|
||||
this.temperature = `${weatherList[0].low.slice(2,-1)} -${weatherList[0].high.slice(2)}`
|
||||
}).catch((err) => {
|
||||
console.log(err);
|
||||
})
|
||||
this.temperature = `${newtempera.low}-${newtempera.high}°C`;
|
||||
|
||||
}
|
||||
},
|
||||
// 当前时间
|
||||
dateEv() {
|
||||
|
|
@ -208,9 +235,10 @@
|
|||
this.activeIndex = 0;
|
||||
this.isNetwork = false;
|
||||
},100)
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.weather = `/static/2.png`;
|
||||
this.weatherEv();
|
||||
window.addEventListener('online', this.updateOnlineStatus); //网络由异常到正常时触发
|
||||
window.addEventListener('offline', this.updateOnlineStatus); //网络由正常到异常时触发
|
||||
|
|
|
|||
|
|
@ -39,6 +39,7 @@
|
|||
<div class="left-title">
|
||||
<div class="pultitle">宝宝食谱</div>
|
||||
</div>
|
||||
<block v-if="threeMeals.length!=0">
|
||||
<div class="eat-three">
|
||||
<div :class="threeMealIndex == index ? 'threeMealActive' : ''"
|
||||
v-for="(item, index) in threeMeals" :key="index" @click="chooseMeal(index)">
|
||||
|
|
@ -52,6 +53,7 @@
|
|||
<div class="clips2">{{ item.FoodName }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</block>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 通知公告 -->
|
||||
|
|
@ -67,7 +69,7 @@
|
|||
</div>
|
||||
<div class="notice-time">
|
||||
<div>2021-11-15</div>
|
||||
<div><img src="../assets/home/slices.png" />15</div>
|
||||
<div><img src="/static/home/slices.png" />15</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -78,13 +80,13 @@
|
|||
<div class="center-img-box">
|
||||
<div class="center-title">班级动态</div>
|
||||
<div class="img-box">
|
||||
<img src="../assets/seconds/tu-01.png" style="object-fit: cover" />
|
||||
<img src="/static/seconds/tu-01.png" style="object-fit: cover" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- 提醒 -->
|
||||
<div class="remind-box">
|
||||
<div class="msg-box">
|
||||
<img src="../assets/home/icon-notice.png" />
|
||||
<img src="/static/home/icon-notice.png" />
|
||||
<div>{{ noticeData }}</div>
|
||||
</div>
|
||||
<div class="msg-box">
|
||||
|
|
@ -103,6 +105,7 @@
|
|||
<div class="pultitle">今日活动</div>
|
||||
</div>
|
||||
<div class="right-content">
|
||||
<block v-if="noonArr.length!=0">
|
||||
<div v-for="(item, index) in noonArr" :key="index">
|
||||
<div class="right-title">{{ item.Ampm }}</div>
|
||||
<div class="line" style="margin: 0 6px"></div>
|
||||
|
|
@ -112,6 +115,7 @@
|
|||
<div class="clips3">{{ itemc.Name }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</block>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -127,111 +131,7 @@
|
|||
noticeData: [],
|
||||
babyBirthdayData: "",
|
||||
dynamicPictureData: "",
|
||||
noonArr: [{
|
||||
title: "上午",
|
||||
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: "晨检，晨间活动",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "中午",
|
||||
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: "晨检，晨间活动",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "下午",
|
||||
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: "晨检，晨间活动",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
noonArr: [],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -290,22 +190,94 @@
|
|||
async dynamicPicture() {
|
||||
let data = await this.$axios({
|
||||
// 调用 serviceAPI
|
||||
url: this.$https.dynamicPicture,
|
||||
url: this.$https.getupdatestudentlist,
|
||||
methods: "post",
|
||||
params: {
|
||||
EquipmentID: "yaohaotest001",
|
||||
},
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
|
||||
// 获取当日宝宝生日
|
||||
async babyBirthdayEv() {
|
||||
let data = await this.$axios({
|
||||
// 调用 serviceAPI
|
||||
url: this.$https.babyBirthday,
|
||||
methods: "post",
|
||||
params: {
|
||||
EquipmentGuid: "yaohaotest001",
|
||||
},
|
||||
});
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.babyRecipeEv();
|
||||
this.schedulingWeb();
|
||||
this.babyBirthday()
|
||||
this.dynamicPicture()
|
||||
// // 引用mobile-detect文件
|
||||
// var MobileDetect = require('../utils/mobile-detect.js');
|
||||
// console.log(navigator.language, '当前系统语言');
|
||||
// // 判断是不是手机
|
||||
// if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
|
||||
// // this.is_telephone = "是";
|
||||
// console.log("是手机");
|
||||
// } else {
|
||||
// // this.is_telephone = "不是";
|
||||
// console.log("不是手机");
|
||||
// }
|
||||
// // 检测是浏览器端还是微信端
|
||||
// let ua = navigator.userAgent.toLowerCase();
|
||||
// // 微信端
|
||||
// if (String(ua.match(/MicroMessenger/i)) === 'micromessenger') {
|
||||
// console.log('是微信');
|
||||
// // this.isWechat = true
|
||||
// } else {
|
||||
// // this.isWechat = false
|
||||
// console.log('不是微信');
|
||||
// }
|
||||
// var md = new MobileDetect(navigator.userAgent);
|
||||
// // 品牌
|
||||
// console.log(md.mobile(), '手机品牌');
|
||||
// // 操作系统
|
||||
// console.log(md.os(), '操作系统');
|
||||
// var device_type = navigator.userAgent; //获取userAgent信息
|
||||
// var networkStr = device_type.match(/NetType\/\w+/) ? device_type.match(/NetType\/\w+/)[0] : 'NetType/other';
|
||||
// networkStr = networkStr.toLowerCase().replace('nettype/', '');
|
||||
// var networkType;
|
||||
// switch (networkStr) {
|
||||
// case 'wifi':
|
||||
// networkType = 'wifi';
|
||||
// break;
|
||||
// case '4g':
|
||||
// networkType = '4g';
|
||||
// break;
|
||||
// case '3g':
|
||||
// networkType = '3g';
|
||||
// break;
|
||||
// case '3gnet':
|
||||
// networkType = '3g';
|
||||
// break;
|
||||
// case '2g':
|
||||
// networkType = '2g';
|
||||
// break;
|
||||
// default:
|
||||
// networkType = 'other';
|
||||
// }
|
||||
// // this.device_network_type = networkType;
|
||||
// console.log(networkType, '网络类型');
|
||||
// var os = md.os(); //获取系统
|
||||
// var model = "";
|
||||
// if (os == "iOS") { //ios系统的处理
|
||||
// model = md.mobile();
|
||||
// } else if (os == "AndroidOS") { //Android系统的处理
|
||||
// var sss = device_type.split(";");
|
||||
// var i = sss.contains("Build/");
|
||||
// if (i > -1) {
|
||||
// model = sss[i].substring(0, sss[i].indexOf("Build/"));
|
||||
// }
|
||||
// }
|
||||
// console.log(model, '手机型号');
|
||||
|
||||
},
|
||||
created() {
|
||||
this.notice();
|
||||
|
|
|
|||
|
|
@ -5,10 +5,10 @@
|
|||
<div class="attendance-left">
|
||||
<div @click="chooseNavEv(index)" class="introduction-item" :class="navIndex==index?'attendance-active':''" v-for="(item,index) in navArr" :key="index">
|
||||
<div class="item-left">
|
||||
<img src="">
|
||||
<img :src="item.icon">
|
||||
<div>{{item.title}}</div>
|
||||
</div>
|
||||
<img src="../assets/kindergartenIntroduce/icon-choose.png" >
|
||||
<img src="/static/kindergartenIntroduce/icon-choose.png" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="introduction-right">
|
||||
|
|
@ -45,10 +45,10 @@
|
|||
data() {
|
||||
return {
|
||||
navArr:[
|
||||
{icon:'../assets/attendancedetail/icon-attendancedetail.png',title:'园区介绍'},
|
||||
{icon:'../assets/attendancedetail/icon-lixiao.png',title:'教师风采'},
|
||||
{icon:'../assets/attendancedetail/icon-qingj.png',title:'新闻动态'},
|
||||
{icon:'../assets/attendancedetail/icon-weidao.png',title:'公告信息'},
|
||||
{icon:'/static/kindergartenIntroduce/icon-parkIntroduce.png',title:'园区介绍'},
|
||||
{icon:'/static/kindergartenIntroduce/icon-teacher-style.png',title:'教师风采'},
|
||||
{icon:'/static/kindergartenIntroduce/icon-new.png',title:'新闻动态'},
|
||||
{icon:'/static/kindergartenIntroduce/icon-notice-msg.png',title:'公告信息'},
|
||||
],
|
||||
navIndex:0,
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div>
|
||||
<template v-if="!showDetail">
|
||||
<div class="news-box" v-for="(item,index) in dataArr" :key="index" @click="goDetail(index)">
|
||||
<img class="news-img" :src="item.imgSrc || '../assets/seconds/tu-01.png'" >
|
||||
<img class="news-img" :src="item.imgSrc || '/static/seconds/tu-01.png'" >
|
||||
<div class="news-right-box">
|
||||
<div>
|
||||
<div class="news-content-box">
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
<div class="clips3">{{item.content}}</div>
|
||||
</div>
|
||||
<div class="news-num-box">
|
||||
<img src="../assets/kindergartenIntroduce/icon-browse.png">
|
||||
<img src="/static/kindergartenIntroduce/icon-browse.png">
|
||||
<div>{{item.num}}人浏览</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -54,10 +54,21 @@
|
|||
// 继承详情返回事件
|
||||
backNews(e){
|
||||
this.showDetail = e;
|
||||
}
|
||||
},
|
||||
async classnewsdetailsEv() {
|
||||
let data = await this.$axios({
|
||||
// 调用 serviceAPI
|
||||
url: this.$https.classnewsdetails,
|
||||
methods: "get",
|
||||
params: {
|
||||
EquipmentID: "yaohaotest001",
|
||||
},
|
||||
});
|
||||
console.log(data.data.data);
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
|
||||
this.classnewsdetailsEv();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div>
|
||||
<!-- <div class="yiqing-title" style="text-align: left;">攀枝花市西区第一幼儿园分园招生公告</div>
|
||||
<img src="../assets/kindergartenIntroduce/icon-back.png" style="width: 48px;height: 48px;position: absolute;top: 20px;right: 20px;" >
|
||||
<img src="/static/kindergartenIntroduce/icon-back.png" style="width: 48px;height: 48px;position: absolute;top: 20px;right: 20px;" >
|
||||
<div class="yiqing-content">
|
||||
尊敬的各位家长：<br />
|
||||
攀枝花市西区第一幼儿园分园系全日制公办幼儿园，由攀枝花市西区第一幼儿园统一管理。隶属攀枝花市西区教育体育局。
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
2018年秋季学期将面向西区招生；共开设7个班。
|
||||
</div> -->
|
||||
<div class="yiqing-title clips1" style="text-align: left;padding-right: 50px;">{{dataObj.title}}</div>
|
||||
<img src="../assets/kindergartenIntroduce/icon-back.png" class="back-img" @click="backNews">
|
||||
<img src="/static/kindergartenIntroduce/icon-back.png" class="back-img" @click="backNews">
|
||||
<div class="yiqing-content">
|
||||
{{dataObj.content}}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
<div>
|
||||
<div class="noticeInfo-item" v-for="(item,index) in dataArr" :key="index">
|
||||
<div class="notice-title">
|
||||
<img src="../assets/kindergartenIntroduce/icon-notice.png" alt="">
|
||||
<div class="clips1">{{item.title}}</div>
|
||||
<img src="/static/kindergartenIntroduce/icon-notice.png" alt="">
|
||||
<div class="clips1">{{item.Title}}</div>
|
||||
</div>
|
||||
<div class="noticeInfo-time">{{item.time}}</div>
|
||||
<div class="noticeInfo-time flex-s0">{{item.PublishTime.split(' ')[0]}}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -15,40 +15,25 @@
|
|||
name: 'noticeInfo',
|
||||
data() {
|
||||
return {
|
||||
dataArr:[
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
{title:'攀枝花市西区第一幼儿园分园招生公告',time:'2021-9-15'},
|
||||
]
|
||||
dataArr:[]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
async getnoticeEv() {
|
||||
let data = await this.$axios({
|
||||
// 调用 serviceAPI
|
||||
url: this.$https.getnotice,
|
||||
methods: "get",
|
||||
params: {
|
||||
EquipmentID: "yaohaotest001",
|
||||
},
|
||||
});
|
||||
this.dataArr = data.data.data;
|
||||
// console.log(data.data.data);
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
|
||||
this.getnoticeEv();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="yiqing-title" style="text-align: left">琦琦幼儿园</div>
|
||||
<div class="yiqing-content" v-html="introduceData.Remark">
|
||||
<div style="margin-top: 26px">
|
||||
<img src="../assets/seconds/tu-01.png" />
|
||||
<img src="../assets/seconds/tu-01.png" />
|
||||
<div class="yiqing-content">
|
||||
<div v-html="introduceData.Remark"></div>
|
||||
<div class="introduce-img">
|
||||
<img :src="item" v-for="(item,index) in pictureArr" :key="index" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -14,7 +14,8 @@
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
introduceData:{}
|
||||
introduceData: {},
|
||||
pictureArr:[]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -29,7 +30,7 @@ export default {
|
|||
},
|
||||
});
|
||||
this.introduceData = data.data.data;
|
||||
console.log(this.introduceData.Remark );
|
||||
this.pictureArr = this.introduceData.PictureUrls;
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<template v-if="!showDetail">
|
||||
<div class="teacherstyle-right">
|
||||
<div class="teacherstyle-item-box" @click="goDetail(index)" v-for="(item,index) in teatherArr" :key="index">
|
||||
<img src="" alt="">
|
||||
<span>{{item.teatherName}}</span>
|
||||
<img :src="item.PictureUrls" alt="">
|
||||
<span class="clips1">{{item.Title}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -21,33 +21,34 @@
|
|||
name: 'teacherStyle',
|
||||
data() {
|
||||
return {
|
||||
teatherArr:[
|
||||
{id:1,teatherImg:'',teatherName:'张跑跑',status:0},
|
||||
{id:2,teatherImg:'',teatherName:'张跑跑',status:1},
|
||||
{id:3,teatherImg:'',teatherName:'张跑跑',status:2},
|
||||
{id:4,teatherImg:'',teatherName:'张跑跑',status:3},
|
||||
{id:5,teatherImg:'',teatherName:'张跑跑',status:0},
|
||||
{id:6,teatherImg:'',teatherName:'张跑跑',status:0},
|
||||
{id:7,teatherImg:'',teatherName:'张跑跑',status:0},
|
||||
{id:8,teatherImg:'',teatherName:'张跑跑',status:0},
|
||||
],
|
||||
teatherArr:[],
|
||||
teacherInfo:{},
|
||||
showDetail:false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goDetail(e){
|
||||
console.log(this.teatherArr[e].id);
|
||||
this.teacherInfo = this.teatherArr[e];
|
||||
this.showDetail = true;
|
||||
},
|
||||
// 继承详情返回事件
|
||||
backstyle(e){
|
||||
this.showDetail = e;
|
||||
}
|
||||
},
|
||||
async checkTeacherStyle() {
|
||||
let data = await this.$axios({
|
||||
// 调用 serviceAPI
|
||||
url: this.$https.getteachers_demeanor,
|
||||
methods: "get",
|
||||
params: {
|
||||
EquipmentID: "yaohaotest001",
|
||||
},
|
||||
});
|
||||
this.teatherArr = data.data.data;
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
|
||||
this.checkTeacherStyle();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="yiqing-title clips1 teacher-title">{{teacherInfo.teatherName}}</div>
|
||||
<img src="../assets/kindergartenIntroduce/icon-back.png" class="back-img" @click="backstyle">
|
||||
<img src="/static/kindergartenIntroduce/icon-back.png" class="back-img" @click="backstyle">
|
||||
<div class="teacher-content-box">
|
||||
<img src="../assets/seconds/tu-01.png" class="teacher-img" >
|
||||
<img src="/static/seconds/tu-01.png" class="teacher-img" >
|
||||
<div class="teacher-right-box">
|
||||
<div>优秀教师：方慧慧（初级教师）</div>
|
||||
<div style="margin-top: 10px;"><span style="letter-spacing: 32px;">教</span>龄：10年</div>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ const url = {
|
|||
remind:host+'/api/admin/electronicclasscard/getreminder',//提醒
|
||||
babyBirthday:host+'/api/admin/electronicclasscard/getbirthday',//获取当日宝宝生日
|
||||
classStatus:host+"/api/admin/electronicclasscard/classstutasing",//班级运行状态
|
||||
dynamicPicture:host+"/admin/electronicclasscard/getpicurls",//动态图片api
|
||||
dynamicPicture:host+"/api/admin/electronicclasscard/getpicurls",//动态图片api
|
||||
schedulingWeb:host+"/api/admin/electronicclasscardcourse/getbabynowcourse", //查看当日宝宝课表（班排web）
|
||||
notice:host+'/api/admin/electronicclasscard/getnoice',//通知
|
||||
weather:host+ '/api/admin/electronicclasscard/getweather', //天气接口
|
||||
|
|
@ -15,7 +15,7 @@ const url = {
|
|||
classnewsdetails:host+'/api/admin/electronicclasscard/classnewsdetails',// 班级动态详情
|
||||
getnotice:host+'/api/admin/electronicclasscard/getnotice',// 公告列表
|
||||
getstudentattendanceinfo:host + '/api/admin/electronicclasscard/getstudentattendanceinfo',//获取当天出勤详情(1：到校情况，2：离校情况，3：未到校学生，4：请假学生)
|
||||
getupdatestudentlist:host + '/api/admin/electronicclasscard/getupdatestudentlist',//获取当个学生信息
|
||||
getupdatestudentlist:host + '/api/admin/electronicclasscard/getupdatestudentlist',//获取当前学生信息
|
||||
getuserattendanceinfo:host + '/api/admin/electronicclasscard/getuserattendanceinfo',//获取宝宝考勤详细
|
||||
queryattendancebyid:host + '/api/admin/electronicclasscard/queryattendancebyid',//查询学生历史考勤、晨检记录
|
||||
babyphoto:host + '/api/admin/electronicclasscard/babyphoto',//宝宝相册
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 488 KiB After Width: | Height: | Size: 488 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 380 B After Width: | Height: | Size: 380 B |
|
Before Width: | Height: | Size: 459 B After Width: | Height: | Size: 459 B |
|
Before Width: | Height: | Size: 531 B After Width: | Height: | Size: 531 B |
|
Before Width: | Height: | Size: 465 B After Width: | Height: | Size: 465 B |
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 684 KiB After Width: | Height: | Size: 684 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 83 KiB |
|
Before Width: | Height: | Size: 473 KiB After Width: | Height: | Size: 473 KiB |
|
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 530 B After Width: | Height: | Size: 530 B |
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 661 B After Width: | Height: | Size: 661 B |
|
Before Width: | Height: | Size: 851 B After Width: | Height: | Size: 851 B |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 732 B After Width: | Height: | Size: 732 B |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 471 KiB After Width: | Height: | Size: 471 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 454 B After Width: | Height: | Size: 454 B |
|
Before Width: | Height: | Size: 328 B After Width: | Height: | Size: 328 B |
|
Before Width: | Height: | Size: 439 B After Width: | Height: | Size: 439 B |
|
Before Width: | Height: | Size: 495 B After Width: | Height: | Size: 495 B |
|
Before Width: | Height: | Size: 518 B After Width: | Height: | Size: 518 B |
|
Before Width: | Height: | Size: 512 B After Width: | Height: | Size: 512 B |
|
Before Width: | Height: | Size: 496 B After Width: | Height: | Size: 496 B |
|
Before Width: | Height: | Size: 413 KiB After Width: | Height: | Size: 413 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |