master
tangyi 2021-12-23 17:29:31 +08:00
parent 7c87f8d229
commit 88c06872ce
4 changed files with 373 additions and 266 deletions

View File

@ -171,7 +171,7 @@ img {
font-size: 30px!important;font-weight: bold!important; font-size: 30px!important;font-weight: bold!important;
} }
.meal-box {padding-top: 10px;display: flex;align-items: center;} .meal-box {padding-top: 10px;display: flex;align-items: center;}
.meal-box img {width: 130px;height: 106px;border-radius: 10px;object-fit: cover;margin-right: 34px;} .meal-box img {width: 130px;border-radius: 10px;object-fit: cover;margin-right: 34px;}
.meal-box div {font-size: 18px;line-height: 30px;} .meal-box div {font-size: 18px;line-height: 30px;}
.main-center { .main-center {
margin: 0 20px; margin: 0 20px;
@ -516,6 +516,7 @@ img {
.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;}
@media screen and (min-width:768px) and (max-width:1024px) { @media screen and (min-width:768px) and (max-width:1024px) {
.header-box { .header-box {
background-color: #000000; background-color: #000000;

View File

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

View File

@ -1,17 +1,41 @@
<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"> <div class="yiqing-content" v-html="introduceData.Remark">
新建攀枝花市西区第一幼儿园位于西区徐家渡路45号,园舍占地总面积为4632.5平方米总体规划大小年龄教学班9个每层设计三个班提供315个学位每班配备标准的活动室寝室教师办公室盥洗室等功能室活动室配备钢琴一体机等多媒体教育教学设备设施被授予攀枝花市一级幼儿园攀枝花市示范幼儿园攀枝花市绿色幼儿园攀枝花市示范家长学校攀枝花市文明单位攀枝花市花园单位攀枝花市巾帼文明示范岗四川省巾帼文明岗等荣誉称号 <div style="margin-top: 26px">
<div style="margin-top: 26px;"> <img src="../assets/seconds/tu-01.png" />
<img src="../assets/seconds/tu-01.png"> <img src="../assets/seconds/tu-01.png" />
<img src="../assets/seconds/tu-01.png"> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
export default {
data() {
return {
introduceData:{}
};
},
methods: {
//
async introduce() {
let data = await this.$axios({
// serviceAPI
url: this.$https.introduce,
methods: "get",
params: {
EquipmentID: "yaohaotest001",
},
});
this.introduceData = data.data.data;
console.log(this.introduceData.Remark );
},
},
mounted() {
this.introduce()
},
};
</script> </script>
<style> <style>

View File

@ -1,6 +1,20 @@
const host = 'http://47.109.29.153:50012' const host = 'http://47.109.29.153:50012'
const url = { const url = {
babyRecipe: host + '/api/admin/electronicclasscard/babyfood', mechanism:host+'/api/admin/electronicclasscard/getequipment_info',//获取机构信息
babyRecipe:host+'/api/admin/electronicclasscard/babyfood',//宝宝食谱
newsA:host+'/api/admin/electronicclasscard/newstotal',//首页消息数量
remind:host+'/api/admin/electronicclasscard/getreminder',//提醒
babyBirthday:host+'/api/admin/electronicclasscard/getbirthday',//获取当日宝宝生日
classStatus:host+"/api/admin/electronicclasscard/classstutasing",//班级运行状态
dynamicPicture:host+"/admin/electronicclasscard/getpicurls",//动态图片api
schedulingWeb:host+"/api/admin/electronicclasscardcourse/getbabynowcourse", //查看当日宝宝课表班排web
notice:host+'/api/admin/electronicclasscard/getnoice',//通知
weather:host+ '/api/admin/electronicclasscard/getweather', //天气接口
introduce:host+'/api/admin/electronicclasscard/kindergartenintroduction'//幼儿园介绍
// 教师风采列表/api/admin/electronicclasscard/getteachers_demeanor
// 班级动态详情/api/admin/electronicclasscard/classnewsdetails
// 公告列表/api/admin/electronicclasscard/getnotice
// 班级动态详情/api/admin/electronicclasscard/classnewsdetails
} }
module.exports = url module.exports = url