新增教师详情

master
chen 2021-12-23 19:27:42 +08:00
parent 7c87f8d229
commit d05dd90b7b
9 changed files with 359 additions and 51 deletions

View File

@ -41,6 +41,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",

View File

@ -15,6 +15,7 @@ img {
.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;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;}
.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;}
/* 头部导航 */
.header-box {
position: sticky;
@ -456,8 +457,6 @@ img {
font-weight: bold;
color: #3F3F3F;
text-align: center;
border-bottom: 1px solid #D3D3D3;
padding-bottom: 15px;
}
.yiqing-content {
height: 680px;
@ -468,7 +467,10 @@ img {
color: #666666;
line-height: 30px;
margin-top: 18px;
border-top: 1px solid #D3D3D3;
padding-top: 15px;
}
.back-img {width: 48px;height: 48px;position: absolute;top: 20px;right: 20px;}
.yiqing-content::-webkit-scrollbar {
display: none;
}
@ -516,6 +518,35 @@ img {
.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;}
/* 新闻动态 */
.news-box {display: flex;border-bottom: 1px solid #D3D3D3;padding-bottom: 18px;margin-top: 18px;}
.news-box:first-child {margin-top: 0px;}
.news-img {width: 202px;height: auto;object-fit: cover;margin-right: 20px;flex-shrink: 0;}
.news-right-box {display: flex;flex-direction: column;justify-content: space-between;}
.news-content-box {display: flex;justify-content: space-between;align-items: flex-end;}
.news-content-box .clips1 {font-size: 20px;font-weight: 800;color: #3F3F3F;margin-right: 30px;}
.new-time-box {font-size: 14px;font-weight: 500;color: #959595;flex-shrink: 0;width: 170px;display: flex;justify-content: space-between;}
.news-right-box .clips3 {font-size: 16px;font-weight: 400;color: #666666;line-height: 30px;margin-top: 16px;margin-bottom: 24px;}
.news-num-box {display: flex;align-items: center;}
.news-num-box img {width: 21px;height: 14px;margin-right: 10px;}
.news-num-box div {font-size: 14px;font-weight: 500;color: #9C7CFA;}
/* 教师风采 */
.teacher-title {text-align: left;padding-right: 50px;}
.teacher-content-box {border-top: 1px solid #D3D3D3;margin-top: 18px;padding-top: 23px;display: flex;}
.teacher-img {width: 208px;height: 208px;border-radius: 100%;border: 5px solid #ECE6FF;flex-shrink: 0;margin-right: 58px;}
.teacher-right-box {font-size: 16px;color: #666666;line-height: 30px;}
/* 宝宝相册详情 */
.babyalbum-detail-box {
width: 1200px;
height: 818px;
background: #FFFFFF;
border: 3px solid #7557CC;
border-radius: 15px;
margin: 0 auto;
margin-top: 57px;
margin-bottom: 110px;
padding: 32px 40px;
}
@media screen and (min-width:768px) and (max-width:1024px) {
.header-box {
background-color: #000000;

View File

@ -1,19 +1,26 @@
<template>
<!-- 主体内容 -->
<div class="babyalbum-box">
<div class="babyalbum-item-box" 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>暂无宝宝相册</div>
<div>
<!-- 主体内容 -->
<div v-if="!showDetail" class="babyalbum-box">
<div 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>暂无宝宝相册</div>
</div>
</div>
<babyAlbumDetail v-if="showDetail" @backBaby="backBaby"></babyAlbumDetail>
</div>
</template>
<script>
import babyAlbumDetail from '@/components/babyAlbumDetail.vue';
export default {
components:{
babyAlbumDetail
},
name: 'babyActivity',
data() {
return {
@ -27,11 +34,17 @@
{babyImg:'',babyName:'张跑跑',albumNum:0},
{babyImg:'',babyName:'张跑跑',albumNum:0},
],
isNothing:false
isNothing:false,
showDetail:false
}
},
methods: {
goDetail(e){
this.showDetail = true;
},
backBaby(e){
this.showDetail = e;
}
},
mounted() {

View File

@ -0,0 +1,124 @@
<template>
<!-- 主体内容 -->
<div class="babyalbum-detail-box">
<div style="display: flex;align-items: center;justify-content: space-between;">
<div style="display: flex;align-items: center;">
<div
style="width: 268px;height: 48px;line-height: 48px;text-align: center; background: #C3AEFF;border-radius: 10px;color: #fff;font-size: 24px;font-weight: bold;color: #FFFFFF;margin-right: 10px;">
宝宝相册>宝宝详情</div>
<img src="../assets/kindergartenIntroduce/icon-back.png" @click="backBaby"
style="width: 48px;height: 48px;">
</div>
<div style="font-size: 24px;font-weight: 800;color: #3F3F3F;">龚柯源的相册</div>
</div>
<div
style="padding: 97px 0 126px 0;height: 100%; display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;position: relative;">
<img src="../assets/babyalbum/-s-选择1.png" class="swiper-button-prev" style="width: 58px;height: 58px;">
<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;">
</div>
<div class="swiper-slide" style="display: flex;justify-content: center;">
<img src="../assets/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;">
</div>
<div class="swiper-slide" style="display: flex;justify-content: center;">
<img src="../assets/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;">
</div>
</div>
</div>
</div>
<img src="../assets/babyalbum/-s-选择2.png" class="swiper-button-next" style="width: 58px;height: 58px;">
</div>
</div>
</template>
<script>
export default {
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
}
},
methods: {
//
backBaby() {
this.$emit('backBaby', false);
}
},
mounted() {
new Swiper('.swiper-container', {
watchSlidesProgress: true,
loop: true,
slidesPerView: 3, //'auto'
centeredSlides: true,
centeredSlidesBounds: true,
// 退
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
//
autoplay: false,
})
}
}
</script>
<style>
.swiper-slide {
width: 690px;
height: 515px;
z-index: 10;
transform: scale(.8);
}
.swiper-slide-active {
transform: scale(1);
z-index: 60;
}
</style>

View File

@ -1,34 +1,60 @@
<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;" >
<div class="yiqing-content">
尊敬的各位家长<br />
攀枝花市西区第一幼儿园分园系全日制公办幼儿园由攀枝花市西区第一幼儿园统一管理隶属攀枝花市西区教育体育局
攀枝花市西区第一幼儿园分园座落于西区清香坪梨华路紧邻市31中小园舍建筑面积2000平方米户外活动场地1600平方米园内设有标准化活动室寝室开设大小年龄段教学班7个按照总体规划将建成户外活动场地大型玩具区幼儿体能锻炼场地体验园等生活体验区<br />
指导思想<br />
依据西区学前教育招生工作相关规定严格按照相对就近免试入园及便民便利公开透明的招生工作要求强化责任意识和服务意识充分利用现有资源积极落实随迁子女的入园政策尽力满足学区内广大群众的需求努力做好2018年秋季学期西区第一幼儿园分园招生工作<br />
招生原则<br />
()坚持公开公正公平的原则<br />
在西区第一幼儿园分园竣工且相关部门验收合格后按区教育体育局统一规定时间和内容向社会公开招生信息和招生细则<br />
坚持满足36岁接受全日制学前教育为主的原则<br />
保证36岁幼儿接受学前教育满足入园要求
按照相关要求设定班级数<br />
2018年秋季学期将面向西区招生共开设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'" >
<div class="news-right-box">
<div>
<div class="news-content-box">
<div class="clips1">{{item.title}}</div>
<div class="new-time-box">
<span>{{item.time.split(' ')[0]}}</span>
<span>{{item.time.split(' ')[1]}}</span>
</div>
</div>
<div class="clips3">{{item.content}}</div>
</div>
<div class="news-num-box">
<img src="../assets/kindergartenIntroduce/icon-browse.png">
<div>{{item.num}}人浏览</div>
</div>
</div>
</div>
</template>
<newsInformationDetail v-if="showDetail" :dataObj="dataObj" @backNews="backNews"></newsInformationDetail>
</div>
</template>
<script>
import newsInformationDetail from '@/components/newsInformationDetail.vue';
export default {
components:{
newsInformationDetail
},
name: 'newsInformation',
data() {
return {
showDetail:false,
dataArr:[
{imgSrc:'',title:'西区第一幼儿园创新开学第一课西区第一幼',time:'2021-10-29 19:28:28',content:'伴随着2019年春天的着2019年春天的脚步西区第一幼儿园的孩着2019年春天的脚步西区第一幼儿园的孩脚步西区第一幼儿园的孩子们结束寒假回到想念已久的幼儿园。本学期开学第一课一改往年单一的内容除了开展例行的安全与常规教育外还特别贴近幼儿的生活实际以幼儿喜爱的方式分班级开展了“爱的抱抱”、“好久不见”、“美好的一天',num:'220'},
{imgSrc:'',title:'西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课',time:'2021-10-29 19:28:28',content:'伴随着2019年春天的着2019年春天的脚步西区第一幼儿园的孩着2019年春天的脚步西区第一幼儿园的孩脚步西区第一幼儿园的孩子们结束寒假回到想念已久的幼儿园。本学期开学第一课一改往年单一的内容除了开展例行的安全与常规教育外还特别贴近幼儿的生活实际以幼儿喜爱的方式分班级开展了“爱的抱抱”、“好久不见”、“美好的一天',num:'220'},
{imgSrc:'',title:'西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课',time:'2021-10-29 19:28:28',content:'伴随着2019年春天的着2019年春天的脚步西区第一幼儿园的孩着2019年春天的脚步西区第一幼儿园的孩脚步西区第一幼儿园的孩子们结束寒假回到想念已久的幼儿园。本学期开学第一课一改往年单一的内容除了开展例行的安全与常规教育外还特别贴近幼儿的生活实际以幼儿喜爱的方式分班级开展了“爱的抱抱”、“好久不见”、“美好的一天',num:'220'},
{imgSrc:'',title:'西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课',time:'2021-10-29 19:28:28',content:'伴随着2019年春天的着2019年春天的脚步西区第一幼儿园的孩着2019年春天的脚步西区第一幼儿园的孩脚步西区第一幼儿园的孩子们结束寒假回到想念已久的幼儿园。本学期开学第一课一改往年单一的内容除了开展例行的安全与常规教育外还特别贴近幼儿的生活实际以幼儿喜爱的方式分班级开展了“爱的抱抱”、“好久不见”、“美好的一天',num:'220'},
{imgSrc:'',title:'西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课西区第一幼儿园创新开学第一课',time:'2021-10-29 19:28:28',content:'伴随着2019年春天的着2019年春天的脚步西区第一幼儿园的孩着2019年春天的脚步西区第一幼儿园的孩脚步西区第一幼儿园的孩子们结束寒假回到想念已久的幼儿园。本学期开学第一课一改往年单一的内容除了开展例行的安全与常规教育外还特别贴近幼儿的生活实际以幼儿喜爱的方式分班级开展了“爱的抱抱”、“好久不见”、“美好的一天',num:'220'},
],
dataObj:''
}
},
methods: {
//
goDetail(e) {
this.dataObj = this.dataArr[e];
this.showDetail = true
},
//
backNews(e){
this.showDetail = e;
}
},
mounted() {

View File

@ -0,0 +1,55 @@
<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;" >
<div class="yiqing-content">
尊敬的各位家长<br />
攀枝花市西区第一幼儿园分园系全日制公办幼儿园由攀枝花市西区第一幼儿园统一管理隶属攀枝花市西区教育体育局
攀枝花市西区第一幼儿园分园座落于西区清香坪梨华路紧邻市31中小园舍建筑面积2000平方米户外活动场地1600平方米园内设有标准化活动室寝室开设大小年龄段教学班7个按照总体规划将建成户外活动场地大型玩具区幼儿体能锻炼场地体验园等生活体验区<br />
指导思想<br />
依据西区学前教育招生工作相关规定严格按照相对就近免试入园及便民便利公开透明的招生工作要求强化责任意识和服务意识充分利用现有资源积极落实随迁子女的入园政策尽力满足学区内广大群众的需求努力做好2018年秋季学期西区第一幼儿园分园招生工作<br />
招生原则<br />
()坚持公开公正公平的原则<br />
在西区第一幼儿园分园竣工且相关部门验收合格后按区教育体育局统一规定时间和内容向社会公开招生信息和招生细则<br />
坚持满足36岁接受全日制学前教育为主的原则<br />
保证36岁幼儿接受学前教育满足入园要求
按照相关要求设定班级数<br />
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">
<div class="yiqing-content">
{{dataObj.content}}
</div>
</div>
</template>
<script>
export default {
name: 'newsInformation',
props:{
dataObj:{
type:Object,
default:()=>{
return ''
}
}
},
data() {
return {
}
},
methods: {
backNews(){
this.$emit('backNews',false);
}
},
mounted() {
}
}
</script>
<style>
</style>

View File

@ -1,37 +1,50 @@
<template>
<div>
<div class="teacherstyle-right">
<div v-if="!isNothing" class="teacherstyle-item-box" v-for="(item,index) in teatherArr" :key="index">
<img src="" alt="">
<span>{{item.teatherName}}</span>
<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>
</div>
</div>
<div v-if="isNothing" class="nothing-box">
<img src="../assets/attendancedetail/-s-暂无.png">
<div>{{['没有出勤','暂无离校','暂无未到校','没有请假'][navIndex]}}的宝宝</div>
</div>
</div>
</template>
<teacherStyleDetail v-if="showDetail" :teacherInfo="teacherInfo" @backstyle="backstyle"></teacherStyleDetail>
</div>
</template>
<script>
import teacherStyleDetail from '@/components/teacherStyleDetail.vue';
export default {
components:{
teacherStyleDetail
},
name: 'teacherStyle',
data() {
return {
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},
{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:{},
showDetail:false
}
},
methods: {
goDetail(e){
console.log(this.teatherArr[e].id);
this.teacherInfo = this.teatherArr[e];
this.showDetail = true;
},
//
backstyle(e){
this.showDetail = e;
}
},
mounted() {

View File

@ -0,0 +1,44 @@
<template>
<div>
<div class="yiqing-title clips1 teacher-title">{{teacherInfo.teatherName}}</div>
<img src="../assets/kindergartenIntroduce/icon-back.png" class="back-img" @click="backstyle">
<div class="teacher-content-box">
<img src="../assets/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>
<div>教学业绩2011年学前教育专业毕业后考入攀枝花市实验幼儿园从事幼教事业已有整整10个年头在工作中始终保持着积极热情谦虚踏实的学习状态热心对待工作真心呵护幼儿诚心服务家长多次参加园级市级各类比赛均获得优异的成绩制作的教玩具插插乐获攀枝花市优秀玩教具比赛一等奖好玩的小动物获得四川省优秀玩教具比赛荣获二等奖论文如何提高小班幼儿参加体育活动的兴趣在中国幼儿教育学会主办的中国幼儿教育系统年度论文评选活动中荣获一等奖论文浅谈在建构游戏中构建有效的师幼互动参与了中国人生科学学会美育研究会十三五科研规划重点课题获得课题科研成果一等奖每一个孩子都是一颗会发光的星星找寻不同的角度发现不同的时间里孩子们发光发亮的美丽 我愿将自己全部的爱献给孩子们让他们在人生起跑线上跑好第一步</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'newsInformation',
props:{
teacherInfo:{
type:Object,
default:()=>{
return ''
}
}
},
data() {
return {
}
},
methods: {
backstyle(){
this.$emit('backstyle',false);
}
},
mounted() {
}
}
</script>
<style>
</style>

View File

@ -7,7 +7,8 @@ Vue.prototype.$axios = axios
import https from './config.js'
Vue.prototype.$https = https;
import router from './router'
import 'swiper/dist/css/swiper.min.css'
import 'swiper/dist/js/swiper.min'
/* eslint-disable no-new */
new Vue({
el: '#app',