接口调用已有接口

master
chen 2021-12-25 13:09:46 +08:00
parent 80c86eeaad
commit c0ea198a24
65 changed files with 1443 additions and 371 deletions

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>electron-banpai</title> <title>都江堰机关幼儿园</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

27
package-lock.json generated
View File

@ -9,6 +9,7 @@
"version": "1.0.0", "version": "1.0.0",
"dependencies": { "dependencies": {
"axios": "^0.24.0", "axios": "^0.24.0",
"mobile-detect": "^1.4.5",
"vue": "^2.5.2", "vue": "^2.5.2",
"vue-router": "^3.0.1" "vue-router": "^3.0.1"
}, },
@ -39,6 +40,7 @@
"rimraf": "^2.6.0", "rimraf": "^2.6.0",
"semver": "^5.3.0", "semver": "^5.3.0",
"shelljs": "^0.7.6", "shelljs": "^0.7.6",
"swiper": "^3.4.2",
"uglifyjs-webpack-plugin": "^1.1.1", "uglifyjs-webpack-plugin": "^1.1.1",
"url-loader": "^0.5.8", "url-loader": "^0.5.8",
"vue-loader": "^13.3.0", "vue-loader": "^13.3.0",
@ -6722,6 +6724,11 @@
"mkdirp": "bin/cmd.js" "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": { "node_modules/move-concurrently": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.nlark.com/move-concurrently/download/move-concurrently-1.0.1.tgz", "resolved": "https://registry.nlark.com/move-concurrently/download/move-concurrently-1.0.1.tgz",
@ -12055,6 +12062,15 @@
"js-yaml": "bin/js-yaml.js" "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": { "node_modules/tapable": {
"version": "0.2.9", "version": "0.2.9",
"resolved": "https://registry.npmmirror.com/tapable/download/tapable-0.2.9.tgz", "resolved": "https://registry.npmmirror.com/tapable/download/tapable-0.2.9.tgz",
@ -19673,6 +19689,11 @@
"minimist": "^1.2.5" "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": { "move-concurrently": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://registry.nlark.com/move-concurrently/download/move-concurrently-1.0.1.tgz", "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": { "tapable": {
"version": "0.2.9", "version": "0.2.9",
"resolved": "https://registry.npmmirror.com/tapable/download/tapable-0.2.9.tgz", "resolved": "https://registry.npmmirror.com/tapable/download/tapable-0.2.9.tgz",

View File

@ -11,6 +11,7 @@
}, },
"dependencies": { "dependencies": {
"axios": "^0.24.0", "axios": "^0.24.0",
"mobile-detect": "^1.4.5",
"vue": "^2.5.2", "vue": "^2.5.2",
"vue-router": "^3.0.1" "vue-router": "^3.0.1"
}, },

View File

@ -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;} .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;} .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;} .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 { .header-box {
position: sticky; position: sticky;
@ -34,7 +35,7 @@ img {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: 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%; background-size: 100% 100%;
width: 177px; width: 177px;
height: 162px; height: 162px;
@ -70,12 +71,12 @@ img {
} }
.activeTitle { .activeTitle {
color: #FFFFFF; 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%; background-size: 100% 100%;
} }
.activeTitle2 { .activeTitle2 {
color: #FFFFFF; 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%; background-size: 100% 100%;
} }
/* 天气 */ /* 天气 */
@ -115,7 +116,7 @@ img {
.left-one { .left-one {
position: relative; position: relative;
margin-bottom: 20px; margin-bottom: 20px;
background: url(../home/left-kuang.png) no-repeat; background: url(/static/home/left-kuang.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 390px; width: 390px;
height: 296px; height: 296px;
@ -180,7 +181,7 @@ img {
} }
.center-title {color: #7557CC;font-size: 36px;text-align: center;line-height: 40px;padding-top: 40px;} .center-title {color: #7557CC;font-size: 36px;text-align: center;line-height: 40px;padding-top: 40px;}
.center-img-box { .center-img-box {
background: url(../home/class-dongt.png) no-repeat; background: url(/static/home/class-dongt.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 967px; width: 967px;
height: 900px; height: 900px;
@ -198,7 +199,7 @@ img {
width: 390px; width: 390px;
height: 900px; height: 900px;
flex-shrink: 0; flex-shrink: 0;
background: url(../home/right-back.png) no-repeat; background: url(/static/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;} .right-content {color: #7557CC;text-align: center;height: 90%; overflow: hidden;overflow-y: scroll;}
@ -243,7 +244,7 @@ img {
.class-left-one { .class-left-one {
position: relative; position: relative;
margin-bottom: 20px; margin-bottom: 20px;
background: url(../home/right-back.png) no-repeat; background: url(/static/attendancedetail/babyactive-left.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 464px; width: 464px;
height: 826px; height: 826px;
@ -299,8 +300,14 @@ img {
} }
.teather-box { .teather-box {
display: flex; display: flex;
justify-content: space-around;
padding-bottom: 40px; padding-bottom: 40px;
width: 100%;
display: -webkit-box;
overflow-x: scroll;
-webkit-overflow-scrolling:touch;
}
.teather-box::-webkit-scrollbar{
display: none;
} }
.teather-box div { .teather-box div {
display: flex; display: flex;
@ -309,6 +316,8 @@ img {
font-size: 18px; font-size: 18px;
color: #666666; color: #666666;
margin-top: 30px; margin-top: 30px;
flex-shrink: 0;
margin-left: 30px;
} }
.teather-box span { .teather-box span {
margin-top: 10px; margin-top: 10px;
@ -333,14 +342,14 @@ img {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
background: url(../home/right-back.png) no-repeat; background: url(/static/attendancedetail/babyactive-right.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin-left: 30px; margin-left: 30px;
height: 826px; 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 {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;} .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-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 {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;} .time-right-box:last-child {margin-bottom: 0px;}
@ -514,7 +523,7 @@ img {
.noticeInfo-item { .noticeInfo-item {
display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;border-bottom: 1px solid #D3D3D3; 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 img{width: 21px;height: 21px;margin-right: 12px;}
.notice-title div{font-size: 18px;color: #3F3F3F;font-weight: bold;} .notice-title div{font-size: 18px;color: #3F3F3F;font-weight: bold;}
.noticeInfo-time {font-size: 14px;color: #959595;} .noticeInfo-time {font-size: 14px;color: #959595;}
@ -556,8 +565,34 @@ img {
.baby-name {font-size: 24px;font-weight: 800;color: #3F3F3F;} .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 {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;} .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 { .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;}
} }

View File

@ -4,18 +4,18 @@
<div class="attendance-box"> <div class="attendance-box">
<div class="attendance-left"> <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"> <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>{{item.title}}{{item.num}}</div>
</div> </div>
</div> </div>
<div class="attendance-right"> <div class="attendance-right">
<div v-if="!isNothing" class="attendance-right-item-box" v-for="(item,index) in teatherArr" :key="index"> <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> <span>{{item.teatherName}}</span>
<div :style="{background:['#9C7CFA','#FF9393','#D3D3D3','#F4B52F'][item.status]}">{{['正常','未到校','离校','请假'][item.status]}}</div> <div :style="{background:['#9C7CFA','#FF9393','#D3D3D3','#F4B52F'][item.status]}">{{['正常','未到校','离校','请假'][item.status]}}</div>
</div> </div>
<div v-if="isNothing" class="nothing-box"> <div v-if="isNothing" class="nothing-box">
<img src="../assets/attendancedetail/-s-暂无.png"> <img src="/static/attendancedetail/-s-暂无.png">
<div>{{['没有出勤','暂无离校','暂无未到校','没有请假'][navIndex]}}的宝宝</div> <div>{{['没有出勤','暂无离校','暂无未到校','没有请假'][navIndex]}}的宝宝</div>
</div> </div>
</div> </div>
@ -28,21 +28,21 @@
data() { data() {
return { return {
navArr:[ navArr:[
{icon:'../assets/attendancedetail/icon-attendancedetail.png',title:'出勤详情',num:12}, {icon:'/static/attendancedetail/icon-attendancedetail.png',title:'出勤详情',num:12},
{icon:'../assets/attendancedetail/icon-lixiao.png',title:'离校情况',num:0}, {icon:'/static/attendancedetail/icon-lixiao.png',title:'离校情况',num:0},
{icon:'../assets/attendancedetail/icon-qingj.png',title:'未到校宝宝',num:0}, {icon:'/static/attendancedetail/icon-weidao.png',title:'未到校宝宝',num:0},
{icon:'../assets/attendancedetail/icon-weidao.png',title:'请假宝宝',num:0}, {icon:'/static/attendancedetail/icon-qingj.png',title:'请假宝宝',num:0},
], ],
navIndex:0, navIndex:0,
teatherArr:[ teatherArr:[
{teatherImg:'',teatherName:'张跑跑',status:0}, {teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:0},
{teatherImg:'',teatherName:'张跑跑',status:1}, {teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:1},
{teatherImg:'',teatherName:'张跑跑',status:2}, {teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:2},
{teatherImg:'',teatherName:'张跑跑',status:3}, {teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:3},
{teatherImg:'',teatherName:'张跑跑',status:0}, {teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:0},
{teatherImg:'',teatherName:'张跑跑',status:0}, {teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:0},
{teatherImg:'',teatherName:'张跑跑',status:0}, {teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:0},
{teatherImg:'',teatherName:'张跑跑',status:0}, {teatherImg:'/static/seconds/tu-01.png',teatherName:'张跑跑',status:0},
], ],
isNothing:false isNothing:false
} }

View File

@ -8,8 +8,8 @@
<div class="class-left-one"> <div class="class-left-one">
<div class="baby-left-content"> <div class="baby-left-content">
<div class="class-left-title"> <div class="class-left-title">
<img src="../assets/home/flower.png" > <img src="/static/home/flower.png" >
<img src="../assets/home/flower.png" > <img src="/static/home/flower.png" >
<div class="pultitle">班级情况</div> <div class="pultitle">班级情况</div>
</div> </div>
<div class="baby-content-box"> <div class="baby-content-box">
@ -55,28 +55,30 @@
<!-- 右侧 --> <!-- 右侧 -->
<div class="class-main-right"> <div class="class-main-right">
<div class="class-left-title"> <div class="class-left-title">
<div class="pultitle">宝宝课表第15周2021年12月08日</div> <div class="pultitle">宝宝课表第{{weekNum}}{{dateTime}}</div>
</div> </div>
<div class="baby-content-box"> <div class="baby-content-box">
<div class="time-title-box"> <div class="time-title-box">
<div v-for="(item,index) in kebiaoArr" :key="index">{{item}}</div> <div v-for="(item,index) in kebiaoArr" :key="index">{{item}}</div>
</div> </div>
<template v-if="isNothing">
<div class="tiam-data-box" v-for="(item,index) in dataArr" :key="index"> <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 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 class="time-item clips1" style="border-radius: 10px 0 0 10px;display: flex;">
<div></div> <div></div>
<div>{{itemt.time}}</div> <div>{{itemt.TimePart}}</div>
</div> </div>
<div class="clips1 time-item">{{itemt.dayOne}}</div> <div class="clips1 time-item">{{itemt.Week1Name}}</div>
<div class="clips1 time-item">{{itemt.dayTwo}}</div> <div class="clips1 time-item">{{itemt.Week2Name}}</div>
<div class="clips1 time-item">{{itemt.dayThree}}</div> <div class="clips1 time-item">{{itemt.Week3Name}}</div>
<div class="clips1 time-item">{{itemt.dayFour}}</div> <div class="clips1 time-item">{{itemt.Week4Name}}</div>
<div class="clips1 time-item">{{itemt.dayFive}}</div> <div class="clips1 time-item">{{itemt.Week5Name}}</div>
</div> </div>
</div> </div>
</div> </div>
</template>
</div> </div>
</div> </div>
</div> </div>
@ -87,66 +89,58 @@
name: 'babyActivity', name: 'babyActivity',
data() { data() {
return { return {
weekNum:0,
dateTime:'2021年12月28日',
teatherArr:[ teatherArr:[
{name:'张芳芳',headImg:'../assets/seconds/tu-01.png'}, {name:'张芳芳',headImg:'/static/seconds/tu-01.png'},
{name:'张芳芳',headImg:'../assets/seconds/tu-01.png'}, {name:'张芳芳',headImg:'/static/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'},
], ],
kebiaoArr:['时间','星期一','星期二','星期三','星期四','星期五'], kebiaoArr:['时间','星期一','星期二','星期三','星期四','星期五'],
dataArr:[ dataArr:[],
{ isNothing:false
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:'养成教育及餐前准备'},
]
}
]
} }
}, },
methods: { 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() { mounted() {
//
this.getbabycourseEv();
//
this.getbabynowtimecourseEv();
} }
} }
</script> </script>

View File

@ -2,13 +2,13 @@
<div> <div>
<!-- 主体内容 --> <!-- 主体内容 -->
<div v-if="!showDetail" class="babyalbum-box"> <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=""> <img src="" alt="">
<span>{{item.babyName}}的相册</span> <span>{{item.babyName}}的相册</span>
<div :style="{background:'#9C7CFA'}">{{item.albumNum}}张图</div> <div :style="{background:'#9C7CFA'}">{{item.albumNum}}张图</div>
</div> </div>
<div v-if="isNothing" class="nothing-box"> <div v-if="!isNothing" class="nothing-box">
<img src="../assets/attendancedetail/-s-暂无.png"> <img src="/static/attendancedetail/-s-暂无.png">
<div>暂无宝宝相册</div> <div>暂无宝宝相册</div>
</div> </div>
</div> </div>
@ -24,17 +24,8 @@
name: 'babyActivity', name: 'babyActivity',
data() { data() {
return { return {
babyArr:[ babyArr:[],
{babyImg:'',babyName:'张跑跑',albumNum:0}, isNothing:true,
{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,
showDetail:false showDetail:false
} }
}, },
@ -44,10 +35,24 @@
}, },
backBaby(e){ backBaby(e){
this.showDetail = 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() { mounted() {
this.babyphotoEv();
} }
} }
</script> </script>

View File

@ -4,34 +4,34 @@
<div class="baby-detail-top"> <div class="baby-detail-top">
<div class="baby-top-box"> <div class="baby-top-box">
<div>宝宝相册>宝宝详情</div> <div>宝宝相册>宝宝详情</div>
<img src="../assets/kindergartenIntroduce/icon-back.png" @click="backBaby"> <img src="/static/kindergartenIntroduce/icon-back.png" @click="backBaby">
</div> </div>
<div class="baby-name">龚柯源的相册</div> <div class="baby-name">龚柯源的相册</div>
</div> </div>
<div class="baby-album-box"> <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 style="width: 80%;margin: 0 auto;">
<div class="swiper-container"> <div class="swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide" style="display: flex;justify-content: center;"> <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 class="swiper-slide" style="display: flex;justify-content: center;"> <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 class="swiper-slide" style="display: flex;justify-content: center;"> <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 class="swiper-slide" style="display: flex;justify-content: center;"> <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 class="swiper-slide" style="display: flex;justify-content: center;"> <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>
</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>
</div> </div>
</template> </template>

View File

@ -5,7 +5,7 @@
<!-- logo --> <!-- logo -->
<div class="logo-box"> <div class="logo-box">
<div class="logo"> <div class="logo">
<img src="../assets/home/logo.png"> <img src="/static/home/logo.png">
<div>都江堰市机关幼儿园</div> <div>都江堰市机关幼儿园</div>
</div> </div>
</div> </div>
@ -16,7 +16,7 @@
</div> </div>
<!-- 天气 --> <!-- 天气 -->
<div class="weather-box"> <div class="weather-box">
<img src="../assets/weather/1.png" style="margin-right: 10px;"> <img :src="weather" style="margin-right: 10px;">
<div> <div>
<div style="color: #FF9393;">{{date}}</div> <div style="color: #FF9393;">{{date}}</div>
<div class="weather-three"> <div class="weather-three">
@ -27,7 +27,7 @@
</div> </div>
</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> </div>
<!-- 头部导航 end --> <!-- 头部导航 end -->
@ -50,17 +50,17 @@
<!-- 底部 --> <!-- 底部 -->
<div class="footer"> <div class="footer">
<img src="../assets/home/foot-icon.png"> <img src="/static/home/foot-icon.png">
<img v-if="activeIndex==1" src="../assets/kindergartenIntroduce/chahua-01.png" > <img v-if="activeIndex==1" src="/static/kindergartenIntroduce/chahua-01.png" >
<img v-if="activeIndex==2" src="../assets/home/baby-foot.png"> <img v-if="activeIndex==2" src="/static/home/baby-foot.png">
<img v-if="activeIndex==3" src="../assets/attendancedetail/-s-插画.png"> <img v-if="activeIndex==3" src="/static/attendancedetail/-s-插画.png">
<img v-if="activeIndex==4 || activeIndex==5" src="../assets/babyalbum/-s-插画.png"> <img v-if="activeIndex==4 || activeIndex==5" src="/static/babyalbum/-s-插画.png">
</div> </div>
<!-- 网络弹框 --> <!-- 网络弹框 -->
<div v-if="isNetwork" class="popu-box"> <div v-if="isNetwork" class="popu-box">
<div class="item-row">班排设备ID*******</div> <div class="item-row">班排设备ID*******</div>
<div class="item-row">网络链接状态网络监测{{onLine?'已连接':'已断开'}}<img v-if="onLine" <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"> <div class="item-row">
<span style="flex-shrink: 0;">班牌显示模式</span> <span style="flex-shrink: 0;">班牌显示模式</span>
<div class="mode-box"> <div class="mode-box">
@ -129,8 +129,10 @@
temperature: '', // temperature: '', //
time: '', // time: '', //
timer: null, timer: null,
currentTemper:1,//
activeTitle: 'activeTitle', activeTitle: 'activeTitle',
isNetwork:false isNetwork:false,
weather:''
} }
}, },
methods: { 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.dateEv();
this.timer = setInterval(() => { this.timer = setInterval(() => {
this.dateEv(); this.dateEv();
}, 1000) }, 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)}` this.temperature = `${newtempera.low}-${newtempera.high}°C`;
}).catch((err) => {
console.log(err); }
})
}, },
// //
dateEv() { dateEv() {
@ -208,9 +235,10 @@
this.activeIndex = 0; this.activeIndex = 0;
this.isNetwork = false; this.isNetwork = false;
},100) },100)
} },
}, },
mounted() { mounted() {
this.weather = `/static/2.png`;
this.weatherEv(); this.weatherEv();
window.addEventListener('online', this.updateOnlineStatus); // window.addEventListener('online', this.updateOnlineStatus); //
window.addEventListener('offline', this.updateOnlineStatus); // window.addEventListener('offline', this.updateOnlineStatus); //

View File

@ -39,6 +39,7 @@
<div class="left-title"> <div class="left-title">
<div class="pultitle">宝宝食谱</div> <div class="pultitle">宝宝食谱</div>
</div> </div>
<block v-if="threeMeals.length!=0">
<div class="eat-three"> <div class="eat-three">
<div :class="threeMealIndex == index ? 'threeMealActive' : ''" <div :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)">
@ -52,6 +53,7 @@
<div class="clips2">{{ item.FoodName }}</div> <div class="clips2">{{ item.FoodName }}</div>
</div> </div>
</div> </div>
</block>
</div> </div>
</div> </div>
<!-- 通知公告 --> <!-- 通知公告 -->
@ -67,7 +69,7 @@
</div> </div>
<div class="notice-time"> <div class="notice-time">
<div>2021-11-15</div> <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> </div>
</div> </div>
@ -78,13 +80,13 @@
<div class="center-img-box"> <div class="center-img-box">
<div class="center-title">班级动态</div> <div class="center-title">班级动态</div>
<div class="img-box"> <div class="img-box">
<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> </div>
<!-- 提醒 --> <!-- 提醒 -->
<div class="remind-box"> <div class="remind-box">
<div class="msg-box"> <div class="msg-box">
<img src="../assets/home/icon-notice.png" /> <img src="/static/home/icon-notice.png" />
<div>{{ noticeData }}</div> <div>{{ noticeData }}</div>
</div> </div>
<div class="msg-box"> <div class="msg-box">
@ -103,6 +105,7 @@
<div class="pultitle">今日活动</div> <div class="pultitle">今日活动</div>
</div> </div>
<div class="right-content"> <div class="right-content">
<block v-if="noonArr.length!=0">
<div v-for="(item, index) in noonArr" :key="index"> <div v-for="(item, index) in noonArr" :key="index">
<div class="right-title">{{ item.Ampm }}</div> <div class="right-title">{{ item.Ampm }}</div>
<div class="line" style="margin: 0 6px"></div> <div class="line" style="margin: 0 6px"></div>
@ -112,6 +115,7 @@
<div class="clips3">{{ itemc.Name }}</div> <div class="clips3">{{ itemc.Name }}</div>
</div> </div>
</div> </div>
</block>
</div> </div>
</div> </div>
</div> </div>
@ -127,111 +131,7 @@
noticeData: [], noticeData: [],
babyBirthdayData: "", babyBirthdayData: "",
dynamicPictureData: "", dynamicPictureData: "",
noonArr: [{ noonArr: [],
title: "上午",
children: [{
time: "0830 - 0850",
content: "晨检,晨间活动晨间活动晨间活动晨间活动晨间活动晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
],
},
{
title: "中午",
children: [{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
],
},
{
title: "下午",
children: [{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
{
time: "0830 - 0850",
content: "晨检,晨间活动",
},
],
},
],
}; };
}, },
methods: { methods: {
@ -290,22 +190,94 @@
async dynamicPicture() { async dynamicPicture() {
let data = await this.$axios({ let data = await this.$axios({
// serviceAPI // serviceAPI
url: this.$https.dynamicPicture, url: this.$https.getupdatestudentlist,
methods: "post", methods: "post",
params: { params: {
EquipmentID: "yaohaotest001", EquipmentID: "yaohaotest001",
}, },
}); });
}, },
//
async babyBirthdayEv() {
let data = await this.$axios({
// serviceAPI
url: this.$https.babyBirthday,
methods: "post",
params: {
EquipmentGuid: "yaohaotest001",
},
});
},
}, },
mounted() { mounted() {
this.babyRecipeEv(); this.babyRecipeEv();
this.schedulingWeb(); this.schedulingWeb();
this.babyBirthday() this.babyBirthday()
this.dynamicPicture() 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() { created() {
this.notice(); this.notice();

View File

@ -5,10 +5,10 @@
<div class="attendance-left"> <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 @click="chooseNavEv(index)" class="introduction-item" :class="navIndex==index?'attendance-active':''" v-for="(item,index) in navArr" :key="index">
<div class="item-left"> <div class="item-left">
<img src=""> <img :src="item.icon">
<div>{{item.title}}</div> <div>{{item.title}}</div>
</div> </div>
<img src="../assets/kindergartenIntroduce/icon-choose.png" > <img src="/static/kindergartenIntroduce/icon-choose.png" >
</div> </div>
</div> </div>
<div class="introduction-right"> <div class="introduction-right">
@ -45,10 +45,10 @@
data() { data() {
return { return {
navArr:[ navArr:[
{icon:'../assets/attendancedetail/icon-attendancedetail.png',title:'园区介绍'}, {icon:'/static/kindergartenIntroduce/icon-parkIntroduce.png',title:'园区介绍'},
{icon:'../assets/attendancedetail/icon-lixiao.png',title:'教师风采'}, {icon:'/static/kindergartenIntroduce/icon-teacher-style.png',title:'教师风采'},
{icon:'../assets/attendancedetail/icon-qingj.png',title:'新闻动态'}, {icon:'/static/kindergartenIntroduce/icon-new.png',title:'新闻动态'},
{icon:'../assets/attendancedetail/icon-weidao.png',title:'公告信息'}, {icon:'/static/kindergartenIntroduce/icon-notice-msg.png',title:'公告信息'},
], ],
navIndex:0, navIndex:0,
} }

View File

@ -2,7 +2,7 @@
<div> <div>
<template v-if="!showDetail"> <template v-if="!showDetail">
<div class="news-box" v-for="(item,index) in dataArr" :key="index" @click="goDetail(index)"> <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 class="news-right-box">
<div> <div>
<div class="news-content-box"> <div class="news-content-box">
@ -15,7 +15,7 @@
<div class="clips3">{{item.content}}</div> <div class="clips3">{{item.content}}</div>
</div> </div>
<div class="news-num-box"> <div class="news-num-box">
<img src="../assets/kindergartenIntroduce/icon-browse.png"> <img src="/static/kindergartenIntroduce/icon-browse.png">
<div>{{item.num}}人浏览</div> <div>{{item.num}}人浏览</div>
</div> </div>
</div> </div>
@ -54,10 +54,21 @@
// //
backNews(e){ backNews(e){
this.showDetail = 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() { mounted() {
this.classnewsdetailsEv();
} }
} }
</script> </script>

View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<!-- <div class="yiqing-title" style="text-align: left;">攀枝花市西区第一幼儿园分园招生公告</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"> <div class="yiqing-content">
尊敬的各位家长<br /> 尊敬的各位家长<br />
攀枝花市西区第一幼儿园分园系全日制公办幼儿园由攀枝花市西区第一幼儿园统一管理隶属攀枝花市西区教育体育局 攀枝花市西区第一幼儿园分园系全日制公办幼儿园由攀枝花市西区第一幼儿园统一管理隶属攀枝花市西区教育体育局
@ -17,7 +17,7 @@
2018年秋季学期将面向西区招生共开设7个班 2018年秋季学期将面向西区招生共开设7个班
</div> --> </div> -->
<div class="yiqing-title clips1" style="text-align: left;padding-right: 50px;">{{dataObj.title}}</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"> <div class="yiqing-content">
{{dataObj.content}} {{dataObj.content}}
</div> </div>

View File

@ -2,10 +2,10 @@
<div> <div>
<div class="noticeInfo-item" v-for="(item,index) in dataArr" :key="index"> <div class="noticeInfo-item" v-for="(item,index) in dataArr" :key="index">
<div class="notice-title"> <div class="notice-title">
<img src="../assets/kindergartenIntroduce/icon-notice.png" alt=""> <img src="/static/kindergartenIntroduce/icon-notice.png" alt="">
<div class="clips1">{{item.title}}</div> <div class="clips1">{{item.Title}}</div>
</div> </div>
<div class="noticeInfo-time">{{item.time}}</div> <div class="noticeInfo-time flex-s0">{{item.PublishTime.split(' ')[0]}}</div>
</div> </div>
</div> </div>
</template> </template>
@ -15,40 +15,25 @@
name: 'noticeInfo', name: 'noticeInfo',
data() { data() {
return { return {
dataArr:[ 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'},
]
} }
}, },
methods: { 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() { mounted() {
this.getnoticeEv();
} }
} }
</script> </script>

View File

@ -1,20 +1,21 @@
<template> <template>
<div> <div>
<div class="yiqing-title" style="text-align: left">琦琦幼儿园</div> <div class="yiqing-title" style="text-align: left">琦琦幼儿园</div>
<div class="yiqing-content" v-html="introduceData.Remark"> <div class="yiqing-content">
<div style="margin-top: 26px"> <div v-html="introduceData.Remark"></div>
<img src="../assets/seconds/tu-01.png" /> <div class="introduce-img">
<img src="../assets/seconds/tu-01.png" /> <img :src="item" v-for="(item,index) in pictureArr" :key="index" />
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
introduceData:{} introduceData: {},
pictureArr:[]
}; };
}, },
methods: { methods: {
@ -29,13 +30,13 @@ export default {
}, },
}); });
this.introduceData = data.data.data; this.introduceData = data.data.data;
console.log(this.introduceData.Remark ); this.pictureArr = this.introduceData.PictureUrls;
}, },
}, },
mounted() { mounted() {
this.introduce() this.introduce()
}, },
}; };
</script> </script>
<style> <style>

View File

@ -3,8 +3,8 @@
<template v-if="!showDetail"> <template v-if="!showDetail">
<div class="teacherstyle-right"> <div class="teacherstyle-right">
<div class="teacherstyle-item-box" @click="goDetail(index)" v-for="(item,index) in teatherArr" :key="index"> <div class="teacherstyle-item-box" @click="goDetail(index)" v-for="(item,index) in teatherArr" :key="index">
<img src="" alt=""> <img :src="item.PictureUrls" alt="">
<span>{{item.teatherName}}</span> <span class="clips1">{{item.Title}}</span>
</div> </div>
</div> </div>
</template> </template>
@ -21,33 +21,34 @@
name: 'teacherStyle', name: 'teacherStyle',
data() { data() {
return { return {
teatherArr:[ 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},
],
teacherInfo:{}, teacherInfo:{},
showDetail:false showDetail:false
} }
}, },
methods: { methods: {
goDetail(e){ goDetail(e){
console.log(this.teatherArr[e].id);
this.teacherInfo = this.teatherArr[e]; this.teacherInfo = this.teatherArr[e];
this.showDetail = true; this.showDetail = true;
}, },
// //
backstyle(e){ backstyle(e){
this.showDetail = 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() { mounted() {
this.checkTeacherStyle();
} }
} }
</script> </script>

View File

@ -1,9 +1,9 @@
<template> <template>
<div> <div>
<div class="yiqing-title clips1 teacher-title">{{teacherInfo.teatherName}}</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"> <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 class="teacher-right-box">
<div>优秀教师方慧慧初级教师</div> <div>优秀教师方慧慧初级教师</div>
<div style="margin-top: 10px;"><span style="letter-spacing: 32px;"></span>10</div> <div style="margin-top: 10px;"><span style="letter-spacing: 32px;"></span>10</div>

View File

@ -6,7 +6,7 @@ const url = {
remind:host+'/api/admin/electronicclasscard/getreminder',//提醒 remind:host+'/api/admin/electronicclasscard/getreminder',//提醒
babyBirthday:host+'/api/admin/electronicclasscard/getbirthday',//获取当日宝宝生日 babyBirthday:host+'/api/admin/electronicclasscard/getbirthday',//获取当日宝宝生日
classStatus:host+"/api/admin/electronicclasscard/classstutasing",//班级运行状态 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 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', //天气接口
@ -15,7 +15,7 @@ const url = {
classnewsdetails:host+'/api/admin/electronicclasscard/classnewsdetails',// 班级动态详情 classnewsdetails:host+'/api/admin/electronicclasscard/classnewsdetails',// 班级动态详情
getnotice:host+'/api/admin/electronicclasscard/getnotice',// 公告列表 getnotice:host+'/api/admin/electronicclasscard/getnotice',// 公告列表
getstudentattendanceinfo:host + '/api/admin/electronicclasscard/getstudentattendanceinfo',//获取当天出勤详情(1到校情况2离校情况3未到校学生4请假学生) 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',//获取宝宝考勤详细 getuserattendanceinfo:host + '/api/admin/electronicclasscard/getuserattendanceinfo',//获取宝宝考勤详细
queryattendancebyid:host + '/api/admin/electronicclasscard/queryattendancebyid',//查询学生历史考勤、晨检记录 queryattendancebyid:host + '/api/admin/electronicclasscard/queryattendancebyid',//查询学生历史考勤、晨检记录
babyphoto:host + '/api/admin/electronicclasscard/babyphoto',//宝宝相册 babyphoto:host + '/api/admin/electronicclasscard/babyphoto',//宝宝相册

1012
src/utils/mobile-detect.js Normal file

File diff suppressed because one or more lines are too long

View File

Before

Width:  |  Height:  |  Size: 488 KiB

After

Width:  |  Height:  |  Size: 488 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

View File

Before

Width:  |  Height:  |  Size: 380 B

After

Width:  |  Height:  |  Size: 380 B

View File

Before

Width:  |  Height:  |  Size: 459 B

After

Width:  |  Height:  |  Size: 459 B

View File

Before

Width:  |  Height:  |  Size: 531 B

After

Width:  |  Height:  |  Size: 531 B

View File

Before

Width:  |  Height:  |  Size: 465 B

After

Width:  |  Height:  |  Size: 465 B

View File

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

Before

Width:  |  Height:  |  Size: 684 KiB

After

Width:  |  Height:  |  Size: 684 KiB

View File

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

Before

Width:  |  Height:  |  Size: 83 KiB

After

Width:  |  Height:  |  Size: 83 KiB

View File

Before

Width:  |  Height:  |  Size: 473 KiB

After

Width:  |  Height:  |  Size: 473 KiB

View File

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 74 KiB

View File

Before

Width:  |  Height:  |  Size: 530 B

After

Width:  |  Height:  |  Size: 530 B

View File

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.5 KiB

View File

Before

Width:  |  Height:  |  Size: 661 B

After

Width:  |  Height:  |  Size: 661 B

View File

Before

Width:  |  Height:  |  Size: 851 B

After

Width:  |  Height:  |  Size: 851 B

View File

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

View File

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

Before

Width:  |  Height:  |  Size: 732 B

After

Width:  |  Height:  |  Size: 732 B

View File

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

Before

Width:  |  Height:  |  Size: 471 KiB

After

Width:  |  Height:  |  Size: 471 KiB

View File

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

Before

Width:  |  Height:  |  Size: 454 B

After

Width:  |  Height:  |  Size: 454 B

View File

Before

Width:  |  Height:  |  Size: 328 B

After

Width:  |  Height:  |  Size: 328 B

View File

Before

Width:  |  Height:  |  Size: 439 B

After

Width:  |  Height:  |  Size: 439 B

View File

Before

Width:  |  Height:  |  Size: 495 B

After

Width:  |  Height:  |  Size: 495 B

View File

Before

Width:  |  Height:  |  Size: 518 B

After

Width:  |  Height:  |  Size: 518 B

View File

Before

Width:  |  Height:  |  Size: 512 B

After

Width:  |  Height:  |  Size: 512 B

View File

Before

Width:  |  Height:  |  Size: 496 B

After

Width:  |  Height:  |  Size: 496 B

View File

Before

Width:  |  Height:  |  Size: 413 KiB

After

Width:  |  Height:  |  Size: 413 KiB

View File

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB