perf(optimization): 提升页面加载性能和用户体验- 在 sub-service 组件中添加图片预加载功能，提高图片加载速度- 移除 aboutSunful 页面中的重复背景样式，优化视觉效果-重构 devHistory 页面，添加 tabs 数据动态加载和条件渲染，提高页面响应性- 删除 healthily 和 life 页面的冗余数据和未使用图片，简化代码结构- 移除 seniorCareLifestyle 和 wealthEnrichment 页面中的硬编码数据，增加灵活性

src/components/page-subservice/sub-service.vue

@@ -24,10 +24,21 @@ export default {
     },
   },
   watch: {
-    active() {
+    active() {},
-      console.log(this.active)
+    list: {
-
+      handler(val) {
-      console.log(this.activeItem)
+        // 提前加载 然后清除
+        val.map((item) => {
+          item.data.map((i) => {
+            let img = document.createElement('img')
+            img.src = i.img ? i.img : i.image
+            img.onload = () => {
+              img = null
+            }
+          })
+        })
+      },
+      deep: true,
     },
   },
 }

src/generatedComponents/navbar.vue

@@ -68,9 +68,7 @@ export default {
     },
   },
   computed: {},
-  mounted() {
+  mounted() {},
-    console.log(this.$router)
-  },
   components: {
     [Popup.name]: Popup,
   },

src/views/nextPage/aboutSunful/index.vue

@@ -532,9 +532,8 @@ export default {
 
   .business-scale {
     text-align: center;
-    background: #f0f2f5;
     padding: 27px 0 39px 0;
-    //background: #fff;
+    background: #fff;
     //& h3 {
     //  font-family: PingFangSC, PingFang SC;
     //  font-weight: 500;

src/views/nextPage/devHistory/index.vue

@@ -7,7 +7,7 @@
     </div>
     <div class="time-line">
       <div class="times">
-        <van-tabs v-model="active" scrollspy sticky :offset-top="offsetHeight">
+        <van-tabs v-model="active" scrollspy sticky :offset-top="offsetHeight" v-if="tabs && tabs.length > 0">
           <van-tab v-for="(item, index) in tabs" :title="item.title">
             <div class="lines">
               <div class="after-line" :class="{ lineActive: active === index }">
@@ -41,57 +41,7 @@ export default {
       headerImg,
       offsetHeight: 0,
       active: 0,
-      tabs: [
+      tabs: [],
-        {
-          title: '2025',
-          unit: '年',
-          content:
-            '2025年幸福人寿将生态建设提升为公司重点任务，与各个领域的前沿机构、组织、企业通力合作，围绕“健康医疗、养老服务、子女教育、财富管理、生活娱乐”五个方面，打造五位一体的“幸福生态圈”。',
-        },
-        {
-          title: '2023',
-          unit: '年',
-          content:
-            '幸福人寿全国空中客服业务中心在日肃兰州成立。通过“空中客服”这一全新服务模式，客户借助手机视频连线公司客服人员，即可在线办理业务享受优质快捷、有温度的服务体验。',
-        },
-        {
-          title: '2022',
-          unit: '年',
-          content: '幸福人寿创新推出品牌吉祥物“小福鹿鹿”完善公司品牌体系，极大提升了品牌活力。',
-        },
-        {
-          title: '2020',
-          unit: '年',
-          content:
-            '原中国银保监会批复幸福人寿变更股东的请示。中国信达资产管理股份有限公司持有的幸福人寿股权转让给诚泰财产保险股份有限公司和东莞市交通投资集团有限公司。<br/>为塑造品牌形象，持续提升品牌影响力，幸福人寿启用全新企业标识，发布了新版视觉识别体系。',
-        },
-        {
-          title: '2016',
-          unit: '年',
-          content: '经原中国保监会批复，幸福人寿获得经营税优健康险业务资格。\n',
-        },
-        {
-          title: '2015',
-          unit: '年',
-          content: '经原中国保监会批准，幸福人寿开发的“幸福房来宝”成为保险行业首款反向抵押养老保险产品。\n',
-        },
-        {
-          title: '2012',
-          unit: '年',
-          content: '幸福人寿VIP客户管理系统、咨询投诉系统、电子保单系统上线，致力于为客户提供更便捷、优质的服务。',
-        },
-        {
-          title: '2008',
-          unit: '年',
-          content: '幸福人寿与“国际SOS”签署《急难援助服务协议》，为客户提供全球范围内的紧急救援服务。',
-        },
-        {
-          title: '2007',
-          unit: '年',
-          content:
-            '2007年10月31日，获得原中国保监会的开业批复，11月5日，幸福人寿正式成立。幸福人寿电话中心正式上线运营，开通全国统一客户服务热线，整合电话接听、在线服务等功能，打造综合性服务平台。\n',
-        },
-      ],
       tableData: [],
     }
   },
@@ -231,6 +181,7 @@ export default {
         height: 100%;
         .van-tabs__nav {
           background: #c81d2d;
+          z-index: 1;
           padding: 10px 0;
           touch-action: unset !important;
           & .van-tab {

src/views/pages/healthily/index.vue

@@ -2,7 +2,6 @@
 import PageHeader from '@/components/page-header/page-header.vue'
 import ServiceItem from '@/components/service/index.vue'
 import SubService from '@/components/page-subservice/sub-service.vue'
-import { list } from './list'
 import PageFooter from '@/components/page-footer/page-footer.vue'
 import { getSysDictTree } from '@/api/generatedApi'
 import { findDictByCode, flattenArray, getDictIdByCode } from '@/assets/js/utils/dict-utils'
@@ -24,45 +23,30 @@ export default {
   },
   data() {
     return {
-      list,
       services: [
         {
           name: '防',
-          data: [{ name: '', description: '', img: '' }],
+          data: [],
         },
         {
           name: '筛',
-          data: [{ name: '', description: '', img: '' }],
+          data: [],
         },
         {
           name: '诊',
-          data: [{ name: '', description: '', img: '' }],
+          data: [],
         },
         {
           name: '治',
-          data: [{ name: '', description: '', img: '' }],
+          data: [],
         },
         {
           name: '康',
-          data: [{ name: '', description: '', img: '' }],
+          data: [],
         },
       ],
       groups: [],
-      comList: [
+      comList: [],
-        // '国新健康保障服务集团股份有限公司',
-        // '国控创智健康科技产业（安徽）有限公司',
-        // '上海细胞治疗集团',
-        // '安徽中吉生物科技有限公司',
-        // '广东康合慢病防治研究中心有限公司',
-        // '海南博鳌乐城合作发展有限公司',
-        // '优加健保健康科技（北京）有限公司',
-        // '上海瀚医健康管理咨询有限公司',
-        // '医加壹健康科技（北京）有限公司',
-        // '福缇健康医疗科技(海南)有限公司',
-        // '苏州唯理创新科技有限公司',
-        // '广东香雪干细胞再生医学科技有限公司',
-        // '远盟卓康医院管理有限公司',
-      ],
     }
   },
   mounted() {},
@@ -90,7 +74,6 @@ export default {
         // 查找服务内容节点
         const serviceSection = findDictByCode([healthyCareSection], 'JKWY-FWNR')
         if (serviceSection && serviceSection.children) {
-          console.log(serviceSection)
           // 遍历服务内容的子节点（防、筛、诊、治、康）
           serviceSection.children.forEach((child) => {
             // 根据dictCode匹配对应的服务类型

src/views/pages/healthily/list.js

@@ -1,153 +0,0 @@
-export const list = [
-  {
-    name: '防',
-    items: [
-      {
-        img: require('@/assets/images/healthily/fang/jkpc.webp'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        title: '健康评测',
-        desc: '通过专业评测与风险评估，生成清晰直观的健康报告，为您定制个性化健康管理方案，预防潜在疾病风险。',
-      },
-      {
-        img: require('@/assets/images/healthily/fang/jkzx.webp'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        title: '健康咨询',
-        desc: '拥有三甲医院医师、门诊专家组成的健康顾问团，为您提供一对一健康指导，解答健康疑问，助您科学规划生活方式。',
-      },
-      {
-        img: require('@/assets/images/healthily/fang/spys.webp'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        title: '视频医生',
-        desc: '7×24小时在线视频问诊，让您无需排队挂号，足不出户解决健康疑问。',
-      },
-      {
-        img: require('@/assets/images/healthily/fang/xbcc.webp'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        title: '细胞存储',
-        desc: '采用先进生物技术存储免疫细胞或干细胞，为未来健康保障预留宝贵生物资源，以达到增强机体免疫力，治疗免疫缺陷性疾病或恢复受损的免疫系统的目的。 ',
-      },
-    ],
-  },
-  {
-    name: '筛',
-    items: [
-      {
-        img: require('@/assets/images/healthily/shai/1.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        title: '体检服务',
-        desc: '专业体检机构定制体检套餐，生成清晰直观的健康报告，全方位评估健康状况，精准发现潜在风险。',
-      },
-      {
-        img: require('@/assets/images/healthily/shai/2.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        title: '基因筛查',
-        desc: '通过DNA检测技术，分析个体的遗传信息，评估疾病易感风险或携带致病基因的情况，为疾病预防和健康管理提供科学依据。',
-      },
-      {
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '通过高灵敏肿瘤早筛检查，对早期癌症进行预警，量化评估预后情况，构建早期癌症预防和预后监测体系。\n',
-        img: require('@/assets/images/healthily/shai/3.png'),
-        title: '高端检测',
-      },
-      {
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '针对心脑血管等高风险疾病，开展动态追踪监测，实现异常指标及时预警。\n',
-        img: require('@/assets/images/healthily/shai/4.png'),
-        title: '专项监测',
-      },
-    ],
-  },
-  {
-    name: '诊',
-    items: [
-      {
-        img: require('@/assets/images/healthily/zhen/yygh.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        title: '预约挂号',
-        desc: '通过线上预约或电话预约，您可自主选择全国千余家医院和科室，轻松完成预约挂号，告别排队困扰，实现轻松就医。',
-      },
-      {
-        img: require('@/assets/images/healthily/zhen/jzlt.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        title: '就诊绿通',
-        desc: '绿通服务覆盖全国30个省级行政区，140余座大中型城市，近2000家三甲医院，为您提供门诊预约、陪诊、住院加急等服务。',
-      },
-      {
-        img: require('@/assets/images/healthily/zhen/mdt.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        title: 'MDT多学科会诊  ',
-        desc: '整合多学科资深权威专家团队，针对肿瘤、肾衰、心衰等复杂病例进行联合诊疗，为患者制定个性化精准治疗方案，提升治疗效果。',
-      },
-      {
-        img: require('@/assets/images/healthily/zhen/gnjy.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        title: '国内救援  ',
-        desc: '24小时响应全国医疗转运需求，提供救护车、航空救援等全方位支持，保障危急患者快速抵达医院。',
-      },
-      {
-        img: require('@/assets/images/healthily/zhen/qqjy.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        title: '全球救援  ',
-        desc: '全球范围内共有40+救援中心，75万+认证服务合作商，为您打造全球高端救援服务计划，确保您在旅行或需要帮助时得到医疗及救援服务方面的综合服务。',
-      },
-    ],
-  },
-  {
-    name: '治',
-    items: [
-      {
-        img: require('@/assets/images/healthily/zhi/zd.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '快速协调全国三甲医院优质床位资源，优先安排住院治疗，确保患者及时获得专业医疗服务，缓解就医难题。',
-        title: '指定医院住院安排',
-      },
-      {
-        img: require('@/assets/images/healthily/zhi/zz.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '对接国内先进肿瘤治疗机构，高效预约质子重离子放疗，精准靶向癌细胞，提升癌症治疗效果，减少副作用。',
-        title: '质子重离子预约治疗',
-      },
-      {
-        img: require('@/assets/images/healthily/zhi/ts.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '联合权威专科医院及顶尖专家团队，提供缺血性脑卒中、阿尔茨海默症干预、Ⅱ型糖尿病、肺癌、乳腺癌等疑难病的特色诊疗服务，制定个性化精准治疗方案。\n',
-        title: '特色专科诊疗',
-      },
-      {
-        img: require('@/assets/images/healthily/zhi/hw.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '提供海外远程会诊服务，并可在获得第一诊疗意见的基础上，与患者协同制定海外权威医疗机构就医方案。\n',
-        title: '海外医疗服务',
-      },
-      {
-        img: require('@/assets/images/healthily/zhi/ty.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '突破DRG控费限制，为患者提供原研药、特药械和医学新技术的选择。\n',
-        title: '特药特械',
-      },
-    ],
-  },
-  {
-    name: '康',
-    items: [
-      {
-        img: require('@/assets/images/healthily/kang/mb.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '通过建立动态健康档案、分析采集患者关键指标、评估健康风险、管理营养饮食、医患远程互动、会诊转诊等，实现慢病患者全流程数据跟踪和管理。\n',
-        title: '慢病管理',
-      },
-      {
-        img: require('@/assets/images/healthily/kang/ky.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '联合专业康复机构，由专业评估师评估，进行重疾术后康复管理，术后护理、心理疏导、指导用药、生活指导、陪护人宣教等服务；使患者从社会、营养、心理、环境、运动等多个角度得到全面的健康维护和保障服务。\n',
-        title: '康养护理',
-      },
-      {
-        img: require('@/assets/images/healthily/kang/kf.png'),
-        icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '由资深康复医师团队定制运动训练、疼痛管理方案，通过远程指导+线下随访提升患者的康复质量。\n',
-        title: '康复咨询',
-      },
-    ],
-  },
-]

src/views/pages/life/index.vue

@@ -4,7 +4,6 @@ import GridIcon from '@/components/grid-icon/grid-icon.vue'
 import PageFooter from '@/components/page-footer/page-footer.vue'
 import Service from '@/components/service/index.vue'
 import SubService from '@/components/page-subservice/sub-service.vue'
-import { list } from './list'
 import { getSysDictTree } from '@/api/generatedApi'
 import { findDictByCode, flattenArray } from '@/assets/js/utils/dict-utils'
 export default {
@@ -28,7 +27,6 @@ export default {
   },
   data() {
     return {
-      list,
       headerImg: require('@/assets/images/life/headerImg.webp'),
       title: '生活优享',
       subTitle: '丰富体验，乐享时光 <br>  让每一天充满精彩',
@@ -65,17 +63,17 @@ export default {
         {
           name: '生活助手',
           type: 'lifeHelper',
-          data: [{ name: '', description: '', image: '' }],
+          data: [],
         },
         {
           name: '美好生活',
           type: 'goodLife',
-          data: [{ name: '', description: '', image: '' }],
+          data: [],
         },
         {
           name: '尊享体验',
           type: 'premiumExperience',
-          data: [{ name: '', description: '', image: '' }],
+          data: [],
         },
       ],
       groups: [],
@@ -215,7 +213,7 @@ export default {
           <template #default="{ active }">
             <div class="active-container">
               <div class="active-item" v-for="item in active.data" :key="item.title">
-                <img :src="item.image" alt="" v-lazy="item.image" />
+                <img :src="item.image" alt="" />
                 <div class="act-it-body">
                   <div class="flex">
                     <!--                    <img :src="item.icon" alt="" v-lazy="item.icon" />-->

src/views/pages/life/list.js

@@ -1,73 +0,0 @@
-export const list = [
-  {
-    name: '生活助手',
-    items: [
-      {
-        icon: require('@/assets/images/life/icon-4.webp'),
-        title: '品质特产',
-        desc:
-          '幸福人寿积极践行企业社会责任，深耕助农事业。依托全国分支机构网络，精选各地优质农产品与非遗手作，严格把控产地直供品质，让客户足不出户就能品味最地道的中国风味，体验最纯粹的匠心传承。',
-        img: require('@/assets/images/life/121201.webp')
-      },
-      {
-        icon: require('@/assets/images/life/icon-5.webp'),
-        title: '家政服务',
-        desc: '为您提供涵盖日常保洁、物品收纳、育儿协助等综合家政服务，通过规范化操作流程和专业服务团队，为您创造整洁有序的居家环境，提升生活品质。',
-        img: require('@/assets/images/life/121202.webp')
-      }
-    ]
-  },
-  {
-    name: '美好生活',
-    items: [
-      {
-        icon: require('@/assets/images/life/icon-5.webp'),
-        img: require('@/assets/images/life/mei/1.png'),
-        desc: '为您定制专属旅行方案，倾力打造全国精品旅游线路，自由行/跟团游随心选，让每次出发都充满惊喜。 ',
-        title: '随心游'
-      },
-      {
-        desc: '专业摄影团队倾力呈现，涵盖个人写真、亲子跟拍等多场景影像服务，捕捉自然动人瞬间，定格您的专属高光时刻。',
-        icon: require('@/assets/images/life/icon-5.webp'),
-        img: require('@/assets/images/life/mei/2.png'),
-        title: '美丽拍'
-      },
-      {
-        desc:
-          '为您精选私厨美食，策划主题娱乐，定制团建方案，一站式解决聚会需求，用专业视角洞察需求，用品质服务创造价值，让您的每次相聚都成为值得回味的精彩时刻。',
-        icon: require('@/assets/images/life/icon-5.webp'),
-        img: require('@/assets/images/life/mei/3.png'),
-        title: '欢乐聚'
-      }
-    ]
-  },
-  {
-    name: '尊享体验',
-    items: [
-      {
-        desc: '为您提供专属通道、舒适候机、精致茶歇，让您的旅途从出发开始就享受VIP级的尊贵礼遇与贴心服务。',
-        icon: require('@/assets/images/life/icon-5.webp'),
-        img: require('@/assets/images/life/zun/1.png'),
-        title: '机场/高铁贵宾厅'
-      },
-      {
-        desc: '深度结合节气文化，打造端午手作、中秋赏月等沉浸式体验活动，让您的传统节日焕发新意与仪式感。',
-        icon: require('@/assets/images/life/icon-5.webp'),
-        img: require('@/assets/images/life/zun/2.png'),
-        title: '传统节日专场活动'
-      },
-      {
-        desc: '专业宠物保姆提供上门喂养、宠物寄养等服务，配备实时视频反馈，让爱宠得到温暖照护，让您的出行更安心。',
-        icon: require('@/assets/images/life/icon-5.webp'),
-        img: require('@/assets/images/life/zun/3.png'),
-        title: '宠物托管'
-      },
-      {
-        desc: '结合您的所在地区，提供属地化生活服务，让服务更落地、更贴心。',
-        icon: require('@/assets/images/life/icon-5.webp'),
-        img: require('@/assets/images/life/zun/4.png'),
-        title: '地方特色服务'
-      }
-    ]
-  }
-]

src/views/pages/seniorCareLifestyle/index.vue

@@ -72,13 +72,7 @@ export default {
       },
       groups: [],
       list: list,
-      footerList: [
+      footerList: [],
-        '三胞集团有限公司',
-        '北京达康怡生健康管理有限公司',
-        '北京大雁养老服务有限公司',
-        '江苏九洲投资集团有限公司',
-        '老龄童（珠海横琴）康养科技有限公司',
-      ],
     }
   },
   watch: {

src/views/pages/wealthEnrichment/index.vue

@@ -99,7 +99,7 @@ export default {
         groups: [
           {
             name: '分组1',
-            data: [{ name: '' }],
+            data: [],
           },
         ],
       },