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 @@
{{ dateInfo?.day }} {{ dateInfo?.times }}{{ rightDate }}
-
{{ getCenterInfo.screenTitle || '健康服务中心' }}
+
健康服务中心
-
-
- -
-
- {{ 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; }