update

1.调整首页图标及界面

src/views/homePage.vue

@@ -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 v-for="(item, index) in itemList" :key="`list-item-${index}`" @click="toOther(index)">-->
-                    <div>
+                <!--                    <div>-->
-                        <img :src="item.img" alt="" />
+                <!--                        <img :src="item.img" alt="" />-->
-                    </div>
+                <!--                    </div>-->
-                    <div>
+                <!--                    <div>-->
-                        {{ item.label }}
+                <!--                        {{ item.label }}-->
-                    </div>
+                <!--                    </div>-->
-                </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 consultPng from '/@/assets/img/homePage/consult.png';
-    import emergencyPng from '/@/assets/img/homePage/emergency.png';
+    // import emergencyPng from '/@/assets/img/homePage/emergency.png';
-    import monitorPng from '/@/assets/img/homePage/monitor.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 = [
+    // const itemList = [
-        {
+    //     {
-            label: '健康监测平台',
+    //         label: '健康监测平台',
-            img: monitorPng,
+    //         img: monitorPng,
-        },
+    //     },
-        {
+    //     {
-            label: '急救服务平台',
+    //         label: '急救服务平台',
-            img: emergencyPng,
+    //         img: emergencyPng,
-        },
+    //     },
-        {
+    //     {
-            label: '健康咨询平台',
+    //         label: '健康咨询平台',
-            img: consultPng,
+    //         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 {
+                > img {
-                    width: 480px;
+                    width: 560px;
-                    height: 520px;
+                    height: 220px;
-                    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);
-                    }
                 }
+
+                //> 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;
             }