diff --git a/src/router/index.js b/src/router/index.js index 910c645..404e963 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -33,16 +33,6 @@ const pcRoutes = [ }, }, - // ============================================ 服务与支撑 ============================================ - { - path: '/services', - name: 'Services', - component: () => import('@/views/pc/services/index.vue'), - meta: { - title: '服务与支撑', - }, - }, - // ============================================ 新闻中心 ============================================ { path: '/news', @@ -126,9 +116,7 @@ const pcToMobileMap = { } // 移动端 → PC 路由映射（反向） -const mobileToPcMap = Object.fromEntries( - Object.entries(pcToMobileMap).map(([k, v]) => [v, k]) -) +const mobileToPcMap = Object.fromEntries(Object.entries(pcToMobileMap).map(([k, v]) => [v, k])) // 判断是否为移动端 function checkIsMobile() { diff --git a/src/router/mobile.js b/src/router/mobile.js index 9e7472c..3fc314b 100644 --- a/src/router/mobile.js +++ b/src/router/mobile.js @@ -26,14 +26,6 @@ const mobileRoutes = [ meta: {title: '产品详情'}, }, - // ============================================ 服务与支撑 ============================================ - { - path: '/m/services', - name: 'MobileServices', - component: () => import('@/views/mobile/services/index.vue'), - meta: {title: '服务与支撑'}, - }, - // ============================================ 新闻中心 ============================================ { path: '/m/news', diff --git a/src/views/mobile/news/detail.vue b/src/views/mobile/news/detail.vue index 4c71bdf..7202cca 100644 --- a/src/views/mobile/news/detail.vue +++ b/src/views/mobile/news/detail.vue @@ -3,6 +3,7 @@ import {onMounted, ref} from 'vue' import {useRoute, useRouter} from 'vue-router' import {ElMessage} from 'element-plus' import {getNewsDetail} from '@/api/index' +// import {list as mockList, newsDetail as mockDetail} from './mock.js' const route = useRoute() const detail = route.query @@ -35,6 +36,20 @@ const getDetail = () => { .catch(() => { showLoad.value = false }) } +// onMounted(() => { +// const newsItem = mockList.find((item) => item.id == detail.id) +// const detailItem = mockDetail.find((item) => item.id == detail.id) +// if (newsItem) { +// newsTitle.value = newsItem.title +// newsTime.value = newsItem.datetime +// newsSubTitle.value = newsItem.snapshot +// } +// if (detailItem) { +// newsContent.value = detailItem.article +// } +// showLoad.value = false +// }) + const toBack = () => { router.push('/m/news') } diff --git a/src/views/mobile/news/index.vue b/src/views/mobile/news/index.vue index 9cbb432..b5a02ff 100644 --- a/src/views/mobile/news/index.vue +++ b/src/views/mobile/news/index.vue @@ -3,6 +3,7 @@ import {ref, onMounted, nextTick, onActivated, onDeactivated} from 'vue' import Banner from '@/components/Banner/index.vue' import {useRouter} from 'vue-router' import {getNews} from '@/api/index' +// import {list as mockList} from './mock.js' const showLoad = ref(true) const newList = ref([]) @@ -20,15 +21,24 @@ async function getNewList() { .finally(() => { showLoad.value = false }) } +// onMounted(() => { +// newList.value = mockList +// showLoad.value = false +// }) + const toDetail = (item) => { router.push({path: '/m/news/detail', query: {id: item.id, slug: item.slug}}) } onActivated(async () => { await nextTick() - requestAnimationFrame(() => { window.scrollTo({top: scrollTop, behavior: 'instant'}) }) + requestAnimationFrame(() => { + window.scrollTo({top: scrollTop, behavior: 'instant'}) + }) +}) +onDeactivated(() => { + scrollTop = document.documentElement.scrollTop || document.body.scrollTop }) -onDeactivated(() => { scrollTop = document.documentElement.scrollTop || document.body.scrollTop }) diff --git a/src/views/mobile/news/mock.js b/src/views/mobile/news/mock.js new file mode 100644 index 0000000..138dbc3 --- /dev/null +++ b/src/views/mobile/news/mock.js @@ -0,0 +1,50 @@ +export const list = [ + { + id: 3, + title: 'Remote ID与无人机防碰撞技术：从长春航展相撞事件看低空安全未来', + slug: 'a5caa86d51984028b2b3fca83946e063', + cover_image: '/api/download/img/007c3bf8e3414783878bb33282088db3.png', + snapshot: + '2025年9月长春航展上，两架小鹏汇天eVTOL飞行器在编队演练中因间距不足发生接触并起火，虽无人员伤亡，却暴露出低空飞行器在避障能力与空域协同管理上的短板；在此背景下，Remote ID"电子车牌"技术、多源融合的防撞系统以及分层智能监管平台正成为构建低空安全体系的关键支撑，而国家标准GB 42590-2023的实施更标志着我国低空经济正从高速发展迈向安全优先、规范有序的新阶段。', + status: 'published', + datetime: '2025-09-30', + }, + { + id: 2, + title: '无人机强制国标实施，低空安全监管迎来新篇章', + slug: '4b7573cfbcaa42548fc46fabe060001e', + cover_image: '/api/download/img/b3d9d7e210f440b781686fa0be228d6a.png', + snapshot: + '2025年8月，上海环球金融中心400米高空两架无人机相撞坠落，再次暴露"黑飞"乱象；与此同时，我国首部民用无人机强制性国家标准GB 42590-2023已于2024年6月实施，结合远程识别、飞手定位等技术及各地低空监管平台建设，无人机监管正从被动追责转向主动防控，迈向法规与技术协同守护低空安全的新阶段。', + status: 'published', + datetime: '2025-09-01', + }, + { + id: 1, + title: '低空监管升级！无人机远程识别技术如何守护我们的隐私与安全', + slug: 'bd68b39a096646f189b9b5a2e9efd16c', + cover_image: '/api/download/img/9dd9f35298e844bda897a9b855bf484b.png', + snapshot: + '随着低空经济迅猛发展，无人机在物流、巡检、娱乐等领域广泛应用，但"黑飞"、偷拍、空中碰撞等安全与隐私风险也随之凸显。为应对挑战，公安大学低空安全研究中心推出"无人机广域识别解决方案"，依托国家强制标准Remote ID技术，实现对合作无人机的精准识别、定位与动态追踪。该方案结合低成本被动感知设备与配套预警APP，助力构建空天地一体化的三维监管体系。同时，新规强化飞手责任，严惩瞒报与违规行为。未来，全国低空智联网平台将整合审批、监视与避让技术，推动低空治理从"严控"走向"善管"，在保障安全与隐私的同时，释放低空经济更大潜能。', + status: 'published', + datetime: '2024-06-06', + }, +] + +export const newsDetail = [ + { + id: 3, + article: + '当无人机掠过城市天际线，当"空中出租车"从科幻走入现实，当农业植保进入精准智能时代——一个曾经被重力束缚的经济空间正被彻底打开。低空经济，这片离地千米以下的"黄金空域"，不再只是飞鸟与云朵的领地，而正成为推动社会发展的新引擎，重塑着我们的生产生活方式与城市肌理。\n低空经济的崛起首先是一场效率革命。在传统物流面临成本攀升与时效瓶颈的当下，无人机物流以"降维打击"之势开辟了新通路。从深圳的无人机快递快线，到四川凉山悬崖村的医疗物资空中生命线，低空运输将"小时级"配送压缩为"分钟级"，消除了地理隔阂，重构了时空经济版图。在广袤农田上空，植保无人机不仅将农药喷洒效率提升数倍，更通过精准施药降低了90%的用水量和30%的农药使用量，在提升农业效能的同时，为可持续发展写下生动注脚。这不仅是技术的胜利，更是人类以智慧突破自然约束，追求更高资源配置效率的文明进阶。\n低空经济更深层的影响在于其激发产业创新的"裂变效应"。它绝非孤立业态，而是一个具有极强牵引力的战略性新兴产业集群。其发展直接驱动高端制造、新材料、人工智能等技术的融合创新与迭代升级，催生了从飞行器研发、空域管理、通信导航到售后服务的全产业链体系。例如，eVTOL（电动垂直起降飞行器）的研发，就集中体现了电池能量密度、飞控系统、轻量化材料等尖端领域的突破。更值得期待的是，低空经济与旅游、教育、应急救援等场景的深度融合，正在孵化出空中观光、航空运动、城市管理等前所未有的新业态，为经济增长开辟出蔚蓝新境。\n然而，低空经济的翱翔之路并非一马平川。其繁荣发展的前提，是一个能够确保安全、有序、高效的低空运行体系。这呼唤着"天空治理"的现代化转型。空域如何划设？飞行如何监管？风险如何防范？这些都需要前瞻性的法规标准与先进的技术基础设施作为支撑。从美国的UAM（城市空中交通）概念到欧盟的U-space计划，全球主要经济体都在竞相构建自己的低空管理框架。对于中国而言，加快完善低空法规、推动空域管理改革、建设智慧空中交通管理系统，是必须跨越的关键一步，这考验着治理者的智慧与魄力。\n展望未来，低空经济描绘的是一幅立体多维的社会图景。它或将缓解地面交通的拥堵之苦，让通勤从二维平面跃入三维空间；它或将赋予偏远地区前所未有的可达性，促进公共服务的均等化；它甚至可能改变城市的形态与规划逻辑，让"天空友好型"建筑和基础设施成为新标准。这场变革关乎效率，更关乎公平；关乎经济，更关乎人文。\n低空经济时代的到来，意味着人类活动疆域的又一次重大拓展。它不仅是经济发展的新蓝海，更是社会进步的新阶梯。唯有以创新为翼、以规范为轨，我们才能驾驭这片充满希望的天空，让低空经济真正为人类社会赋能，开启一个更加高效、互联、美好的未来。', + }, + { + id: 2, + article: + '当无人机轻盈地掠过城市天际线，当"空中出租车"从科幻电影的银幕驶入现实规划的蓝图，一场静悄悄的"天空革命"正悄然降临。低空经济，这片离地千米以下的广阔空域，不再仅仅是飞鸟与航班的通道，它正以前所未有的深度和广度，渗透进寻常百姓家，深刻重塑着人类生活的面貌与体验。\n一、 效率变革：从"即刻送达"到"时空压缩"\n低空经济对生活最直观的冲击，是带来了极致的效率提升，重新定义了"快"与"便"。\n物流配送"分钟级"响应： 外卖、快递、生鲜药品的无人机配送，正逐步打破地面交通的桎梏。它不再受困于红灯、拥堵和复杂的"最后一公里"地形，能够实现点对点的直线飞行，将配送时间从"小时级"压缩至"分钟级"。想象一下，急需的药品或一份热腾腾的晚餐从天而降，这种便利将彻底改变我们的消费习惯和期待。城市通勤"三维化"拓展： 对于饱受通勤之苦的城市居民，eVTOL（电动垂直起降飞行器）为代表的城市空中交通（UAM），提供了全新的解决方案。它有望将地面数小时的通勤时间缩短至空中十几分钟，极大地解放了人们被浪费在路上的时间，有效缓解地面交通压力，让工作与生活的距离不再以平面里程衡量，而是以垂直起降的分钟数计算。\n二、 品质升级：从"基础满足"到"体验升华"\n低空经济不仅追求更快，更致力于更好，它正在提升生活品质的多个维度。\n医疗急救的"黄金通道"： 在生死攸关的时刻，低空飞行器可以构建一条空中生命线。无人机能快速运送血液、疫苗、急救器官；空中救护车能快速抵达事故现场或偏远地区，争分夺秒抢夺生机，极大提升了公共应急保障能力。\n环境监测与农业的"精准之眼"： 无人机搭载高清相机和多光谱传感器，可以大范围、精准地监测大气污染、排查污染源，守护蓝天绿水。在农业领域，精准植保、农田监测大大提升了农业生产效率与智能化水平，最终为人们的餐桌提供更安全、优质的食品保障。\n休闲娱乐的"全新视角"： 低空旅游提供了观赏山河湖海、城市风光的全新视角，空中摄影、航空运动等新型娱乐方式正吸引着越来越多追求独特体验的人们，丰富了大众的精神文化生活。三、 公平普惠：从"数字鸿沟"到"天空桥梁"\n低空经济还具有弥合地域差距、促进社会公平的潜力。\n打通偏远地区"末梢循环"： 对于山区、海岛、乡村等交通不便地区，低空物流和交通可以有效解决物资运输难、人员出行难的问题，让这些地区的居民也能享受到便捷的电商、高效的邮政和及时的医疗服务，助力城乡公共服务均等化。\n构建全域覆盖的"服务网络"： 与传统基础设施投入巨大不同，低空网络部署相对灵活，可以更快地覆盖更广阔的区域，为所有居民编织一张平等的、高效的空中服务网，减少因地理位置不同而导致的发展机会差异。\n四、 挑战与思考：拥抱变革中的理性声音\n低空经济在带来巨大便利的同时，也伴随着一系列需要全社会共同应对的挑战：\n安全与隐私： 飞行器的安全性是公众最大的关切。如何确保绝对飞行安全、避免碰撞、应对恶劣天气？同时，大量飞行器携带摄像设备，如何规范数据采集和使用，保护公民隐私不被侵犯？\n噪音与社区影响： 低空飞行器产生的噪音可能对社区生活造成干扰，需要在技术降噪和合理规划航线、起降点等方面审慎考量。\n法规与公众接受度： 空域管理法规需要持续完善，公众对这项新技术的认知和接受也需要一个过程，透明的沟通和良好的体验是关键。\n结语\n低空经济绝非遥远的概念，它正一步步从愿景走入现实，其影响力将如春雨般细密地浸润我们生活的方方面面。它承诺了一个更高效、更便捷、更公平的未来生活图景。面对这场"天空革命"，我们既要满怀热情地拥抱它带来的无限可能，也要以审慎和智慧应对其伴随的挑战，通过技术创新与制度保障的双轮驱动，确保低空经济真正安全、有序、高效地赋能每一个人，让人类的生活因这片新开拓的天空而更加美好。', + }, + { + id: 1, + article: + '2025年，中国的低空经济已不再是停留在纸面的概念或未来的愿景，而是进入了高速发展的"起飞"阶段。从国家顶层设计到地方实践探索，从技术突破到应用场景落地，低空经济正以惊人的速度重塑产业格局，成为培育"新质生产力"的关键领域和推动经济增长的新引擎。\n\n一、 政策强力驱动，顶层设计与地方行动协同并进\n低空经济的发展获得了前所未有的政策支持，已从"战略性新兴产业"的定位加速迈向规模化落地。\n国家战略定调： 2023年12月，中央经济工作会议首次将"低空经济"列为战略性新兴产业。2024年，该概念被写入政府工作报告，标志着其正式上升为国家战略。2025年，相关政策持续加码，国家发改委专门成立低空经济发展司，统筹规划发展，体现了国家层面推动的决心。\n地方"抢飞"热潮： 全国已有30多个省市将发展低空经济写入政府工作报告或出台专项政策。各地纷纷争做"天空之城"，欲向天空要GDP。例如，广东计划2026年产业规模达3000亿元，北京力争带动经济增长超1000亿元。合肥等地对载人eVTOL航线运营提供高额补贴，深圳、安徽、海南等地积极先行先试，形成了你追我赶的"抢飞"态势。\n\n二、 市场规模迅猛扩张，产业链条日趋完善\n在政策与技术的双重驱动下，低空经济的市场规模呈现爆发式增长。\n规模与增速： 据测算，2023年中国低空经济规模已超过5000亿元。2024年规模预计达到约6700亿元，而2025年预计将突破8500亿元，部分机构预测甚至可达1.5万亿元。市场普遍预期，到2030年，规模有望突破2万亿元，2035年或达3.5万亿元。\n企业活力迸发： 截至2025年，全国低空经济相关企业数量已超8.4万家，仅2025年上半年新增企业就超过1.2万家。其中，上市企业118家，专精特新"小巨人"企业211家，高新技术企业近4000家。大疆、亿航智能、小鹏汇天、峰飞航空等龙头企业在全球市场占据重要份额。\n产业链成熟： 产业链已形成较为完整的生态，涵盖上游的核心技术与零部件（如电池、飞控、传感器）、中游的飞行器制造（无人机、eVTOL、直升机等）以及下游的运营服务与基础设施（物流、旅游、培训、起降场建设等）。\n\n三、 技术与应用双轮驱动，商业化进程加速\n技术创新是低空经济发展的核心动力，应用场景的拓展则验证了其商业价值。\n核心技术突破： 在无人机研发、装备制造、新一代通信技术（如5G-A）方面，中国已处于全球领先地位。民用无人机注册数已突破百万架。在eVTOL（电动垂直起降飞行器）领域，亿航智能的EH216-S成为全球首个获得"三证齐全"（型号合格证、生产许可证、标准适航证）的机型，峰飞航空的V2000CG货运无人机也已获适航认证，标志着中国在该领域取得重大进展。\n应用场景百花齐放：\n低空物流： 美团、京东、顺丰等企业已开展常态化无人机配送，有效缓解城市交通拥堵。美团在深圳的无人机送餐、京东在重庆的物流航线已成为典范。\n农林植保： 无人机在农业领域的应用已非常成熟，大幅提升了作业效率，降低了人力成本。\n低空旅游与载人交通： 上海、杭州、重庆等地已开通低空载客常态化航线，"空中的士"项目逐步落地，为公众提供全新的出行和观光体验。\n应急救援与公共服务： 无人机在消防灭火、跨海医疗物资运输、灾情侦察、电力巡检、边境巡检等领域的应用日益广泛，展现出巨大社会价值。\n\n四、 挑战与瓶颈并存，发展之路仍需攻坚\n尽管发展势头迅猛，但低空经济要实现健康可持续发展，仍面临诸多挑战。\n基础设施短板： 通用机场和起降点数量严重不足。截至2023年底，全国在册通用机场仅449个，远低于美国。城市起降点、充电/换电站、通信导航监视（CNS）等"新基建"布局滞后，难以支撑大规模飞行活动。深圳计划2025年建成1200个起降点，凸显了补短板的紧迫性。\n空域管理与法规滞后： 空域开放不足30%，审批流程复杂，"黑飞"问题依然存在。全国性的《低空经济促进法》尚未出台，缺乏统一的空域分类管理标准和"一站式"飞行审批机制，多头管理现象导致协调难度大。\n核心技术"卡脖子"： 在高性能轻量化材料、高能量密度电池（eVTOL续航瓶颈）、航空发动机、高端航电系统、主控芯片等关键核心零部件上，仍存在对外依赖，自主创新能力有待加强。\n商业化与市场培育： 运营服务市场尚未成熟，消费类服务（如私人飞行、公务飞行）占比低，缺乏稳定成熟的盈利模式。eVTOL等高端载人飞行器造价高昂，初期市场有限，距离大众化普及尚有距离。消费者认知度和接受度有待提高。\n\n五、 区域格局：东部引领，多点开花\n低空经济的产业资源呈现集聚态势。广东省一省就聚集了全国20.6%的产业资源，拥有大疆、亿航等头部企业，产品创新和产业聚集度全国领先。长三角、粤港澳大湾区、成渝地区是主要增长极。中西部地区依托空域资源和政策试点（如四川是空域改革试点省份）也在加速追赶。\n\n结语\n2025年的中国低空经济，正处于从"政策热"向"产业热"、"应用热"转化的关键时期。政策支持、技术突破和市场需求形成了强大的发展合力。尽管在基础设施、空域管理、核心技术等方面仍需攻坚克难，但其作为"新质生产力"代表的巨大潜力已毋庸置疑。随着5G-A网络普及、空域管理改革深化、产业链协同创新，中国低空经济正蓄势待发，有望在未来十年内成长为一个数万亿级别的庞大市场，深刻改变人们的出行、物流和生产生活方式。', + }, +] diff --git a/src/views/mobile/product/hardwareSystem.vue b/src/views/mobile/product/hardwareSystem.vue index f7d6000..ba164ba 100644 --- a/src/views/mobile/product/hardwareSystem.vue +++ b/src/views/mobile/product/hardwareSystem.vue @@ -14,6 +14,17 @@ const hardwareSystemList = window.hardwareSystemList const title = computed(() => findLabelByUrl(window.nav.header, navStore.navIndex)) const currentPage = ref(1) +const projectList = [ + {label: '智慧物流配送', img: 'product/1.png'}, + {label: '要地防控', img: 'product/2.png'}, + {label: '关键基础设施守护', img: 'product/3.png'}, + {label: '规模化无人机巡检', img: 'product/4.png'}, + {label: '城市低空交通管理', img: 'product/5.png'}, + {label: '大型活动保障', img: 'product/7.png'}, + {label: '区域低空监管组网', img: 'product/6.png'}, + {label: '移动式低空安防', img: 'product/8.png'}, +] + function titleClick(item) { router.push({ path: '/m/product/detail', @@ -50,6 +61,17 @@ function titleClick(item) { + + +
+

应用案例

+
+
+ +
{{ item.label }}
+
+
+
@@ -58,6 +80,38 @@ function titleClick(item) { width: 100%; } +.section { + padding: 0 12px; + margin-bottom: 20px; + .section-title { + text-align: center; + font-size: 18px; + font-weight: 600; + color: #333; + margin: 20px 0 16px; + } +} + +.project-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 12px; +} + +.project-item { + img { + width: 100%; + height: auto; + border-radius: 4px; + } + .project-label { + text-align: center; + font-size: 13px; + color: #333; + margin-top: 6px; + } +} + .card-item { width: 100%; height: 100%; diff --git a/src/views/mobile/services/index.vue b/src/views/mobile/services/index.vue deleted file mode 100644 index edaa015..0000000 --- a/src/views/mobile/services/index.vue +++ /dev/null @@ -1,6 +0,0 @@ - - diff --git a/src/views/pc/services/index.vue b/src/views/pc/services/index.vue deleted file mode 100644 index 3c54ef7..0000000 --- a/src/views/pc/services/index.vue +++ /dev/null @@ -1,67 +0,0 @@ - - - - -