skjia
/
bonus-ui-canteen-screen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

merge into: skjia:main
Branches Tags
skjia:main
skjia:huodong
...
pull from: skjia:huodong
Branches Tags
skjia:huodong
skjia:main

3 Commits
main ... huodong

Author SHA1 Message Date
zzyuan 7d9765d68e 活动修改 2026-02-06 14:35:27 +08:00
zzyuan 90f5922c0b 冬至活动大屏修改 2025-12-16 16:55:42 +08:00
zzyuan 3c53aaedd3 活动-冬至 2025-12-16 15:58:36 +08:00
5 changed files with 58 additions and 45 deletions
Show Stats Expand all files Collapse all files

BIN
src/assets/images/background.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
src/assets/images/huodong1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 994 KiB

BIN
src/assets/images/huodong3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 436 KiB

101
src/views/view.vue
View File

@ -2,16 +2,23 @@
<div class="container">
<div class="topdiv">
<div class="dateTimeClass">
<span style="color:#D8E2FF;font-size: 24px;margin-top: 12px;">{{dateTime}}</span>
<span style="color:#F6F3BC;font-size: 24px;margin-top: 12px;">{{dateTime}}</span>
</div>
<div class="titlediv">
公示大屏
</div>
<div class="hourTimeClass">
<span style="color:#D8E2FF;font-size: 24px;margin-top: 12px;">{{hourTime}}</span>
<span style="color:#F6F3BC;font-size: 24px;margin-top: 12px;">{{hourTime}}</span>
</div>
</div>
<div style="height: auto;width: 100%;margin-bottom: 40px;">
<div style="height: auto;width: 100%;margin-bottom: 20px;">
<!-- <div class="partthree_title" style="font-size: 32px;"><span>活动公告</span></div> -->
<!-- <div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div> -->
<div style="display: flex;align-items: center;justify-content: center;flex-direction: column;height: 360px;overflow: hidden;">
<img style="width: 90%;" src="../assets/images/huodong3.png"/>
</div>
</div>
<!-- <div style="height: auto;width: 100%;margin-bottom: 40px;">
<div class="partthree_title"><span>健康晨检</span></div>
<div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
<div class="contentclass">
@ -20,8 +27,7 @@
<td>晨检</td>
<td>健康证</td>
</tr>
<tr style="height: 100%;width: 100%;">
<!-- 图表容器：统一设置固定宽高+100%填充，避免尺寸偏差 -->
<tr style="height: 100%;width: 100%;">
<td rowspan="5" style="width: 50%;">
<div style="width: 100%;height: 240px;display: flex;align-items: center;justify-content: center;">
<div ref="chartone" style="width: 90%;height: 90%;"></div>
@ -47,14 +53,16 @@
</tr>
</table>
</div>
</div>
<div style="height: auto;width: 100%;margin-bottom: 40px;">
</div> -->
<div style="height: auto;width: 100%;margin-bottom: 20px;">
<div class="partthree_title"><span>本周菜谱</span></div>
<div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
<!-- <div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div> -->
<div class="contentclass">
<div style="width: 80%;border: 1px solid rgba(191,191,255,0.04);margin-top: 10px;">
<div class="dishclass">
<img src="../assets/images/Frame1.png"/><span>早餐供应</span><img src="../assets/images/breakfast.png" style="float: right;"/>
<img src="../assets/images/Frame1.png"/>
<span>早餐供应</span>
<!-- <img src="../assets/images/breakfast.png" style="float: right;"/> -->
</div>
<div class="dishcontentclass">
<template v-if="onedataList.length>0">
@ -68,7 +76,9 @@
</div>
<div style="width: 80%;border: 2px solid rgba(191,191,255,0.04);margin-top: 10px;">
<div class="dishclass">
<img src="../assets/images/Frame2.png"/><span>午餐供应</span><img src="../assets/images/lunch.png" style="float: right;"/>
<img src="../assets/images/Frame2.png"/>
<span>午餐供应</span>
<!-- <img src="../assets/images/lunch.png" style="float: right;"/> -->
</div>
<div class="dishcontentclass">
<template v-if="twodataList.length>0">
@ -87,7 +97,9 @@
</div>
<div style="width: 80%;border: 2px solid rgba(191,191,255,0.04);margin-top: 10px;">
<div class="dishclass">
<img src="../assets/images/Frame.png"/><span>晚餐供应</span><img src="../assets/images/dinner.png" style="float: right;"/>
<img src="../assets/images/Frame.png"/>
<span>晚餐供应</span>
<!-- <img src="../assets/images/dinner.png" style="float: right;"/> -->
</div>
<div class="dishcontentclass">
<template v-if="fourdataList.length>0">
@ -101,7 +113,7 @@
</div>
<div style="height: auto;width: 90%;margin: 0 auto;">
<div class="partthree_title"><span>证件公示(健康证)</span></div>
<div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
<!-- <div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div> -->
<div style="width: 100%; height:100%; ">
<carousel :per-page="4" :mouse-drag="true" :autoplay="true" :autoplay-timeout="4000" :loop="true" >
<slide v-for="(item, index) in staffNums" :key="index">
@ -174,9 +186,9 @@ export default {
window.addEventListener('popstate', this.handlePopState);
this.getMorningCheck()
this.timer = setInterval(() => {
this.initData();
// this.initData();
}, 600000);
this.timer2 = setInterval(this.getCurrentTime, 1000);
// this.timer2 = setInterval(this.getCurrentTime, 1000);
setTimeout(()=>{
this.initData();
},1500)
@ -530,20 +542,18 @@ export default {
.container {
height: 100%;
width: 100%;
background-image: url("../assets/images/background.jpg");
// background: #000;
background-image: url("../assets/images/background.png");
background-size: cover;
background-position: center;
overflow-y: hidden; /* 保留垂直滚动（如果内容超出屏幕） */
// display: flex;
// justify-content: center;
// flex-wrap: wrap;
}
.topdiv{
width: 100%;
display: flex;
background-image: url("../assets/images/canteen1.png");
background-size: cover;
background-position: center;
// background-image: url("../assets/images/canteen1.png");
// background-size: cover;
// background-position: center;
height: 5%;
margin-bottom: 20px;
}
@ -554,12 +564,12 @@ export default {
font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
font-weight: normal;
font-size: 34px;
color: #E1EFFF;
color: #F6F3BC;
}
.dateTimeClass{
display: flex;
justify-content: center;
color:#fff;
color:#F6F3BC;
width:30%;
align-items: center;
}
@ -567,7 +577,7 @@ export default {
display: flex;
justify-content: center;
align-items: center;
color:#fff;
color:#F6F3BC;
width:30%;
}
.titlediv2{
@ -576,7 +586,7 @@ export default {
// height: 10px;
justify-content: center;
align-items: flex-start;
color:#fff;
color:#F6F3BC;
font-size: 28px;
// background-image: url("../assets/images/caidanline.png");
// background-size: cover;
@ -587,7 +597,7 @@ export default {
width: 100%;
justify-content: center;
flex-wrap: wrap;
color:#fff;
color:#F6F3BC;
}
.fegexian{
width: 50%;
@ -607,7 +617,7 @@ export default {
font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
font-weight: normal;
font-size: 24px;
color: #D8E2FF;
color: #F6F3BC;
text-align: left;
font-style: normal;
text-transform: none;
@ -616,10 +626,11 @@ export default {
margin: 1%;
}
.dishclass span{
background-image: linear-gradient(0deg, rgba(111,169,255,0.5) 30%, #6FA9FF 86%);
// background-image: linear-gradient(0deg, rgba(111,169,255,0.5) 30%, #6FA9FF 86%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
// color: transparent;
color: #F6F3BC;
}
.dishcontentclass{
display: flex;
@ -629,7 +640,7 @@ export default {
font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
font-weight: normal;
font-size: 22px;
color: #D8E2FF;
color: #F6F3BC;
text-align: left;
font-style: normal;
padding-bottom: 1%;
@ -647,10 +658,12 @@ export default {
font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
font-weight: bold;
font-size: 24px;
color: #6FA9FF;
color: #F6F3BC;
text-align: left;
font-style: normal;
}
.partthree{
height: 100%;
width: 85%;
@ -662,7 +675,7 @@ export default {
}
.partthree_title{
display: flex;
color:#fff;
color:#F6F3BC;
font-size: 25px;
justify-content: center;
margin-bottom: 5px;
@ -673,18 +686,18 @@ export default {
width: 100%;
justify-content: center;
}
.big-number {
font-size: 30px;
font-family: 'Arial', sans-serif;
color: #fff;
padding: 5px;
border-radius: 10px;
display: inline-flex;
}
.digit {
margin: 0 5px;
text-shadow: 0 0 10px rgba(255,255,255,0.5);
}
// .big-number {
// font-size: 30px;
// font-family: 'Arial', sans-serif;
// color: #fff;
// padding: 5px;
// border-radius: 10px;
// display: inline-flex;
// }
// .digit {
// margin: 0 5px;
// text-shadow: 0 0 10px rgba(255,255,255,0.5);
// }
table, th, td {
text-align: center;
}

2
vue.config.js
View File

@ -39,7 +39,7 @@ module.exports = {
// target: `http://192.168.0.61:58080`,
// target: `http://192.168.0.44:58085`,
// target: `http://127.0.0.1:48380`,
target: `http://192.168.20.234:48390`,
target: `http://192.168.1.114:48380`,
// target: `http://192.168.20.241:48380`,
changeOrigin: true,
pathRewrite: {