diff --git a/src/assets/homePage/bg.jpg b/src/assets/homePage/bg.jpg
new file mode 100644
index 0000000..b2d8e02
Binary files /dev/null and b/src/assets/homePage/bg.jpg differ
diff --git a/src/assets/homePage/itemOne.png b/src/assets/homePage/itemOne.png
new file mode 100644
index 0000000..8ef4a80
Binary files /dev/null and b/src/assets/homePage/itemOne.png differ
diff --git a/src/assets/homePage/itemThree.png b/src/assets/homePage/itemThree.png
new file mode 100644
index 0000000..4db860b
Binary files /dev/null and b/src/assets/homePage/itemThree.png differ
diff --git a/src/assets/homePage/itemTwo.png b/src/assets/homePage/itemTwo.png
new file mode 100644
index 0000000..7518a84
Binary files /dev/null and b/src/assets/homePage/itemTwo.png differ
diff --git a/src/views/homePage.vue b/src/views/homePage.vue
index 404b7a3..7fdff09 100644
--- a/src/views/homePage.vue
+++ b/src/views/homePage.vue
@@ -5,23 +5,28 @@
-
-
-
![]()
-
-
- {{ item.label }}
-
-
+
+
+
+
+
+
+
+
+
+
+
- 秉持“统一规范、高效联通、自主运算、智能提取”原则,健康服务中心创新构建健康监测、健康咨询、急救服务“三位一体”的数字化平台,打造覆盖预防、干预、急救全链条的智慧健康保障体系。该平台动态可视化追踪重点人群健康指标,依托远程医疗打破资源地域限制,构建“分钟级”急救响应通道,实现健康信息互联共享与闭环管理,推动健康服务从“被动应对”向“主动防控”升级,为员工身心健康构筑坚实防线,是守护油田员工健康的“数字哨兵”和新疆油田公司建设5000万吨现代化综合性能源公司的“健康基石”。
+
+ 秉持“统一规范、高效联通、自主运算、智能提取”原则,健康服务中心创新构建健康监测、健康咨询、急救服务“三位一体”的数字化平台,打造覆盖预防、干预、急救全链条的智慧健康保障体系。该平台动态可视化追踪重点人群健康指标,依托远程医疗打破资源地域限制,构建“分钟级”急救响应通道,实现健康信息互联共享与闭环管理,推动健康服务从“被动应对”向“主动防控”升级,为员工身心健康构筑坚实防线,是守护油田员工健康的“数字哨兵”和新疆油田公司建设5000万吨现代化综合性能源公司的“健康基石”。
+
@@ -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(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;
}