renkang/xj-screen
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source 
1.调整首页图标及界面
This commit is contained in:
weixin
2025-11-04 09:32:06 +08:00
parent ef86526095
commit c7f571399a
5 changed files with 69 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/homePage/bg.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

src/assets/homePage/itemOne.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 271 KiB

src/assets/homePage/itemThree.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 304 KiB

src/assets/homePage/itemTwo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 243 KiB

src/views/homePage.vue
+69 -54
View File
@@ -5,23 +5,28 @@
<div class="sun-title-left">
{{ dateInfo?.day }} {{ dateInfo?.times }}<span style="margin-left: 30px">{{ rightDate }}</span>
</div>
<div class="sun-title-center">{{ getCenterInfo.screenTitle || '健康服务中心' }}</div>
<div class="sun-title-center">健康服务中心</div>
<div class="sun-title-right"></div>
</div>
<div class="body-box">
<div class="item-list-d">
<div v-for="(item, index) in itemList" :key="`list-item-${index}`" @click="toOther(index)">
<div>
<img :src="item.img" alt="" />
</div>
<div>
{{ item.label }}
</div>
</div>
<!-- <div v-for="(item, index) in itemList" :key="`list-item-${index}`" @click="toOther(index)">-->
<!-- <div>-->
<!-- <img :src="item.img" alt="" />-->
<!-- </div>-->
<!-- <div>-->
<!-- {{ item.label }}-->
<!-- </div>-->
<!-- </div>-->
<template v-for="(item, index) in imgList" :key="`img-list-${index}`">
<img :src="item" alt="" @click="toOther(index)" />
</template>
</div>
<div class="bottom-d">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;秉持“统一规范、高效联通、自主运算、智能提取”原则，健康服务中心创新构建健康监测、健康咨询、急救服务“三位一体”的数字化平台，打造覆盖预防、干预、急救全链条的智慧健康保障体系。该平台动态可视化追踪重点人群健康指标，依托远程医疗打破资源地域限制，构建“分钟级”急救响应通道，实现健康信息互联共享与闭环管理，推动健康服务从“被动应对”向“主动防控”升级，为员工身心健康构筑坚实防线，是守护油田员工健康的“数字哨兵”和新疆油田公司建设5000万吨现代化综合性能源公司的“健康基石”。
<span style="word-break: break-all">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;秉持“统一规范、高效联通、自主运算、智能提取”原则，健康服务中心创新构建健康监测、健康咨询、急救服务“三位一体”的数字化平台，打造覆盖预防、干预、急救全链条的智慧健康保障体系。该平台动态可视化追踪重点人群健康指标，依托远程医疗打破资源地域限制，构建“分钟级”急救响应通道，实现健康信息互联共享与闭环管理，推动健康服务从“被动应对”向“主动防控”升级，为员工身心健康构筑坚实防线，是守护油田员工健康的“数字哨兵”和新疆油田公司建设5000万吨现代化综合性能源公司的“健康基石”。
</span>
</div>
<div class="spin-d" v-if="loading">
@@ -38,9 +43,12 @@
import { getAuthCache } from '/@/utils/auth.ts';
import { startTime } from '/@/utils/utils.ts';
const { getCenterInfo } = useUserStore();
import consultPng from '/@/assets/img/homePage/consult.png';
import emergencyPng from '/@/assets/img/homePage/emergency.png';
import monitorPng from '/@/assets/img/homePage/monitor.png';
// import consultPng from '/@/assets/img/homePage/consult.png';
// import emergencyPng from '/@/assets/img/homePage/emergency.png';
// import monitorPng from '/@/assets/img/homePage/monitor.png';
import itemOnePng from '/@/assets/homePage/itemOne.png';
import itemTwoPng from '/@/assets/homePage/itemTwo.png';
import itemThreePng from '/@/assets/homePage/itemThree.png';
import { useRouter } from 'vue-router';
import { queryAnYanTokenApi } from '/@/views/indexSun/indexSun.api.ts';
import { message } from 'ant-design-vue';
@@ -51,21 +59,22 @@
const initDate = ref(startTime);
const router = useRouter();
const loading = ref<boolean>(false);
const imgList = [itemOnePng, itemTwoPng, itemThreePng];
const itemList = [
{
label: '健康监测平台',
img: monitorPng,
},
{
label: '急救服务平台',
img: emergencyPng,
},
{
label: '健康咨询平台',
img: consultPng,
},
];
// const itemList = [
// {
// label: '健康监测平台',
// img: monitorPng,
// },
// {
// label: '急救服务平台',
// img: emergencyPng,
// },
// {
// label: '健康咨询平台',
// img: consultPng,
// },
// ];
onMounted(() => {
getTime();
@@ -149,7 +158,7 @@
.sun-screen-box {
height: 100vh;
letter-spacing: 2px;
background: url('/@/assets/indexSun/bigBg.png') no-repeat;
background: url('/@/assets/homePage/bg.jpg') no-repeat;
background-size: 100% 100%;
display: flex;
flex-direction: column;
@@ -191,7 +200,7 @@
flex: 1;
display: flex;
flex-direction: column;
padding: 0 151px;
padding: 0 80px;
position: relative;
.item-list-d {
@@ -199,31 +208,36 @@
justify-content: space-between;
padding-top: 130px;
> div {
width: 480px;
height: 520px;
border: 1px solid #77849e;
border-radius: 10px;
color: #ffffff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-weight: 400;
font-size: 40px;
cursor: pointer;
background: rgba(21, 38, 87, 0.2);
img {
width: 234px;
height: 253px;
}
&:hover {
border-color: #00ccff;
color: #00ccff;
background: rgba(21, 38, 87, 0.6);
}
> img {
width: 560px;
height: 220px;
}
//> div {
// width: 480px;
// height: 520px;
// border: 1px solid #77849e;
// border-radius: 10px;
// color: #ffffff;
// display: flex;
// flex-direction: column;
// justify-content: center;
// align-items: center;
// font-weight: 400;
// font-size: 40px;
// cursor: pointer;
// background: rgba(21, 38, 87, 0.2);
// img {
// width: 234px;
// height: 253px;
// }
//
// &:hover {
// border-color: #00ccff;
// color: #00ccff;
// background: rgba(21, 38, 87, 0.6);
// }
//}
}
.bottom-d {
@@ -232,7 +246,8 @@
justify-content: center;
align-items: center;
font-weight: 500;
font-size: 18px;
font-family: HarmonyOS Sans SC;
font-size: 36px;
color: #c9daff;
}