diff --git a/index.html b/index.html
index 585010b..62792f8 100644
--- a/index.html
+++ b/index.html
@@ -5,12 +5,13 @@
燃谷科技(南京)有限公司
-
+
-
+
+
diff --git a/package.json b/package.json
index 189fe04..b2dc6d8 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
"dependencies": {
"@vueuse/core": "^13.8.0",
"axios": "^1.12.2",
+ "crypto-js": "^4.2.0",
"element-plus": "^2.11.1",
"js-cookie": "^3.0.5",
"mitt": "^3.0.1",
diff --git a/public/nav/index.js b/public/config/nav.js
similarity index 85%
rename from public/nav/index.js
rename to public/config/nav.js
index 7531f91..492bb69 100644
--- a/public/nav/index.js
+++ b/public/config/nav.js
@@ -10,13 +10,13 @@ window.nav = {
{
id: 2.1,
label: '空域感知矩阵',
- url: '/product/monitorSystem',
+ url: '/product/hardwareSystem',
hasChildren: false,
},
{
id: 2.2,
label: '低空智控中枢',
- url: '/product/remoteDevice',
+ url: '/product/softwareSystem',
hasChildren: false,
},
],
@@ -33,8 +33,8 @@ window.nav = {
url: '',
hasChildren: true,
children: [
- {id: 1.1, label: '空域感知矩阵', url: '/product/monitorSystem'},
- {id: 1.2, label: '低空智控中枢', url: '/product/remoteDevice'},
+ {id: 1.1, label: '空域感知矩阵', url: '/product/hardwareSystem'},
+ {id: 1.2, label: '低空智控中枢', url: '/product/softwareSystem'},
],
},
// {
diff --git a/public/config/product.js b/public/config/product.js
new file mode 100644
index 0000000..ae25da3
--- /dev/null
+++ b/public/config/product.js
@@ -0,0 +1,177 @@
+window.advantages = `
+ ★ 提供业界领先的性价比解决方案。
+ ★ 内置4G全网通,无需外接网络,即装即用。
+ ★ 宽电压输入,轻松应对电压不稳等复杂情况。
+ ★ 超低功耗设计,极大节约长期用电与运维成本。
+ ★ 极致轻量,极大拓宽了安装位置与应用场景。
+ ★ 灵活可调的侦测模式,满足从安防到巡检的全场景需求。
+ ★ 具备升级能力,当前投资可平滑演进至更高专业层级。
+ `
+
+window.hardwareSystemList = [
+ {
+ id: 'm1',
+ type: 'hardwareSystem',
+ title: 'RGRID-Lite',
+ subTitle: '无人机Remote ID远程识别设备',
+ imgUrl: 'product/detail/m1.png',
+ description: `
+ RGRID-Lite 是一款专为国标无人机远程识别设计的地面监测设备。它能够精准获取低空目标区域内无人机的实时位置、飞手位置、唯一SN识别码等关键信息,并动态显示与记录无人机及飞手的移动轨迹。所有数据实时上传至后台系统,支持长期存储与便捷回溯,为空域监管提供完整的数据支撑。
+ 设备采用轻量化与一体化设计,部署灵活,可快速适配多种复杂安装环境。凭借超低功耗特性,可搭配UPS不间断电源或太阳能供电系统,实现长时间稳定运行。同时,内置4G全网通模块,无需依赖外部网络,彻底解决供电与传输难题。
+ RGRID-Lite 在具备卓越性能的同时,展现出优异的性价比,广泛适用于各类低空监管场景。设备支持功能定制与二次开发,可根据用户需求灵活扩展,是构建低成本、高效率无人机监管体系的理想之选。
+ `,
+ },
+ {
+ id: 'm2',
+ type: 'hardwareSystem',
+ title: 'RGRID-Ped',
+ subTitle: '无人机Remote ID远程识别模块',
+ imgUrl: 'product/detail/m2.png',
+ description: `
+ RGRID-Ped 是一款遵循国标GB42590-2023的便携式无人机远程识别模块。它能够精准监测并获取目标空域内无人机的多项关键数据,包括实时位置、飞手位置、唯一SN识别码、飞行型号、航速与高度等,并实时推送至用户平台。
+ 该模块采用高度集成化设计,体积小巧、功耗极低,具备完善的接口与通信协议,可快速适配并嵌入各类无人机反制、监管或作业设备中,轻松应对有限的内部空间要求。同时,模块支持全方位的二次开发与功能定制,为各类集成应用提供可靠、灵活的低空感知核心。
+ `,
+ },
+ {
+ id: 'm3',
+ type: 'hardwareSystem',
+ title: 'RGRID-Mob',
+ subTitle: '无人机Remote ID远程识别手持设备',
+ imgUrl: 'product/detail/m3.png',
+ description: `
+ RGRID-Mob 是一款符合国标 GB42590-2023 的便携式无人机远程识别设备,专为机动巡检与快速部署场景设计。它可精准监测目标空域内无人机的实时位置、飞手位置、唯一SN识别码等关键信息,并实时显示与记录无人机与飞手的动态轨迹。所有数据同步上传至后台,支持长期存储与灵活调阅,为空域执法与现场处置提供完整信息支撑。
+ 设备支持多终端协同管理,用户可通过移动端小程序实时查看数据,指挥中心亦能通过大屏系统统览全局。系统具备分级权限管理功能,支持多级账户与设备组网,实现权限分离与协同指挥。手机端集成一键导航功能,可快速定位飞手位置;指挥平台则全面监管辖区内所有设备状态与每架被侦测无人机的详细数据,真正实现“前端机动侦测—后端统一指挥”的一体化管控闭环。
+ RGRID-Mob 重量轻、体积小,可随身挂载,便于野外作业与快速机动。内置4G数据传输模块,开机即用,无需复杂配对,极大提升部署效率与操作便捷性,是应对突发低空监管任务的理想移动侦测终端。
+ `,
+ },
+]
+
+window.softwareSystemList = [
+ {
+ id: 'r1',
+ type: 'softwareSystem',
+ title: '低空综合监管及应用服务平台',
+ imgUrl: 'product/detail/r1.jpg',
+ video: 'display.mp4',
+ card: [
+ {id: 1, title: '三维总览', content: '基于数字孪生技术,通过三维和传感器状态数据,实现对真实状态的数字化呈现。'},
+ {id: 2, title: '实时监管', content: '基于人工智能算法,智能识别判定各类预警,实现全面的智能监测与管理。'},
+ {id: 3, title: '传感器监测', content: '对无人机、机场、反无人机设备、ADS-B设备等各类设备的布署和状态全面监控。'},
+ {
+ id: 4,
+ title: '综合审批',
+ content: '对各类申请审批数据的汇总与分类统计,全面了解不同来源、类型和条件的申请和审批情况。',
+ },
+ {id: 5, title: '重点目标', content: '对辖区内的关键目标分类统计和位置呈现,以提供全面的目标信息和空间分布视角。'},
+ {id: 6, title: '辖区信息', content: '操作员情况、备案飞行器信息、相关企业等信息不同维度的综合展示。'},
+ ],
+ description: `
+ 低空全域运营中枢,是构建于数字孪生技术之上的低空管理核心平台。它通过精准的三维建模与全域传感器数据融合,将物理空域完整复现为动态的数字世界,实现对无人机、机场、反制设备等所有单元部署与运行状态的全局洞察。
+ 平台深度融合人工智能算法,具备实时智能监管与预警研判能力,确保对空域异常事件的精准识别与快速响应。同时,系统集成了从空域申请审批、重点目标管理到辖区人员、航空器及企业信息的多维度综合管理功能,在一个平台上完成了从全景感知、智能决策到协同处置的全流程闭环,真正实现了低空运营的“一图总览、一体指挥、一站服务”。
`,
+ },
+ {
+ id: 'r2',
+ type: 'softwareSystem',
+ title: '低空综合态势平台',
+ imgUrl: 'product/detail/r2.jpg',
+ video: '2.mp4',
+ card: [
+ {
+ id: 1,
+ title: '区域化监管',
+ content: '按地理或行政划分区域,通过数据隔离与协同机制,实现灵活的区域自治或跨域联动管控。',
+ },
+ {
+ id: 2,
+ title: '海量设备接入',
+ content: '基于微服务架构设计,支持万级设备高并发接入与弹性扩展,确保稳定性和可靠性。',
+ },
+ {
+ id: 3,
+ title: '多源数据融合',
+ content: '整合传感器、外部系统及各类数据,构建全域动态分析模型,强化低空态势决策支撑。',
+ },
+ {id: 4, title: '私有化部署', content: '支持本地化安全部署,提供定制化方案与云端协同管控能力,保障数据自主可控。'},
+ {
+ id: 5,
+ title: 'SaaS服务',
+ content: '云端多租户架构,按需弹性扩展,提供低运维成本标准化服务,支持数据共享与任务协同。',
+ },
+ {id: 6, title: '数据接口服务', content: '开放标准化API与多协议接口,打通跨平台数据交互,推动低空生态互联互通。'},
+ ],
+ description: `
+ 低空综合态势平台,是面向全域低空监管与协同运营的新一代数字化基础设施。平台基于微服务架构设计,具备万级设备高并发接入与弹性扩展能力,确保系统在高负载下的稳定可靠运行。通过整合多源传感器数据与外部系统信息,平台构建起全域动态分析模型,实现从感知到决策的智能闭环,显著提升低空态势的洞察力与响应效率。
+ 在部署方式上,平台全面支持私有化与SaaS化双模式:既可通过本地化部署保障数据安全与自主可控,也支持云端多租户架构,以标准化服务降低运维成本,促进跨组织数据共享与任务协同。同时,平台引入灵活的区域化监管机制,支持按地理或行政单元进行数据隔离与业务协同,实现从区域自治到跨域联动的精准管控。
+ 为构建开放的低空数字生态,平台提供标准化API与多协议接口,打通跨系统数据壁垒,推动各类设备、系统与服务的互联互通,为低空产业的规模化发展提供坚实的技术底座。
`,
+ },
+ {
+ id: 'r3',
+ type: 'softwareSystem',
+ title: '低空管控系统',
+ imgUrl: 'product/detail/r3.jpg',
+ video: '3.mp4',
+ card: [
+ {
+ id: 1,
+ title: '黑白名单管理',
+ content: '对无人机的多层次监控,如告警、处置或放行,以确保阵地内空域的安全与可控。',
+ },
+ {id: 2, title: '处置策略执行', content: '自动通过采取入侵警告、拦截或干扰等措施,迅速应对检测到的潜在威胁。'},
+ {id: 3, title: '历史预警管理', content: '审查历史安全事件,提供信息导出功能,以支持分析、报告和决策过程。'},
+ ],
+ description: `
+ 低空管控系统是为核心阵地提供精准化、智能化空域防御的指挥中枢。系统支持对多个分散阵地的统一管理,实时监控所有设备状态,并对空域内目标进行持续跟踪与智能告警。
+ 通过内置的黑白名单管理机制,系统可对无人机进行精准识别与差异化处置。一旦发现潜在威胁,指挥员可快速下发处置指令,或由系统自动执行预设的反制策略——从入侵警告到主动干扰,实现对空域风险的快速响应与有效化解。
+ 所有预警与处置记录均被完整保存于系统之中,支持历史数据的查询、导出与深度分析,为优化布防策略、复盘处置流程与生成合规报告提供坚实的数据支撑,全面提升阵地空域的持久安全与管控效能。
`,
+ },
+ {
+ id: 'r4',
+ type: 'softwareSystem',
+ title: '低空应用系统',
+ imgUrl: 'product/detail/r4.jpg',
+ video: '4.mp4',
+ card: [
+ {
+ id: 1,
+ title: '设备信息管理',
+ content: '无人机全生命周期管理,无人机设备的合理调度、机库管理,以及飞行人员的信息记录和培训管理。',
+ },
+ {id: 2, title: '任务航线规划', content: '高效规划无人机的飞行路径,确保全面而准确地覆盖目标区域。'},
+ {
+ id: 3,
+ title: '任务调度管理',
+ content:
+ '涵盖规划、调度、执行和监控巡检任务全过程。有效规划和优化无人机的飞行计划,设定巡检区域和时间,监测任务进度,实时获取数据。',
+ },
+ ],
+ description: `
+ 低空应用系统是面向行业无人机作业的一体化智能调度与管理平台。系统提供从设备、人员到任务的全流程数字化管理,实现对无人机设备的合理调配、全生命周期维护,以及对飞行人员的规范信息管理与培训记录。
+ 在任务执行层面,系统支持高效规划无人机的飞行路径,通过航线粗细采样点的灵活设置,确保对目标区域实现精准覆盖与高效扫描。用户可便捷完成巡检标注,系统自动整合飞行数据与巡检结果,快速生成结构化报告,为作业分析与决策提供可靠依据。
+ 平台同时提供完整的任务调度管理功能,覆盖从任务规划、计划优化、过程监控到数据回传的全链路,有效提升无人机在巡检、测绘等场景中的自动化水平与作业效率,推动低空应用的集约化与智能化运营。
`,
+ },
+ {
+ id: 'r5',
+ type: 'softwareSystem',
+ title: '低空仿真系统',
+ imgUrl: 'product/detail/r5.jpg',
+ video: '5.mp4',
+ card: [
+ {
+ id: 1,
+ title: '航空器孪生',
+ content:
+ '航空器孪生是指利用数字化技术和仿真模型创建的虚拟飞行器,与实际飞行器实时同步,并能够模拟其行为、性能和运行情况。帮助飞行员和维护人员进行培训、飞行仿真、性能分析和故障诊断,从而提高飞行器的安全性、效率性和可靠性。为飞行员和运营商提供更好的训练和支持,同时降低了飞行试验和维护成本。',
+ },
+ {
+ id: 2,
+ title: '监管传感器孪生',
+ content:
+ '整合低空监管传感器、环境传感器和支撑传感器等各类传感器的智能系统,旨在实现对低空空域的实时监测和管理。通过监测飞行器活动、环境参数和相关数据,并将其与数字化模型实时同步,该系统能够提供全面的低空环境评估、低空空域监管和飞行器安全保障,为低空飞行提供了可靠的技术支持。',
+ },
+ ],
+ description: `
+ 低空仿真系统是构建于数字孪生技术之上的专业化模拟推演平台,旨在为低空运行提供高保真、全流程的虚拟仿真环境。
+ 系统通过构建航空器数字孪生体,实现对真实飞行器的精准映射与行为模拟。虚拟飞行器可与实体设备实时同步,支持飞行仿真、性能分析与故障复现,广泛应用于飞行员训练、维护诊断与运行评估,显著提升飞行安全与运维效率,同时大幅降低实装训练与试验成本。
+ 同时,系统集成监管传感器孪生网络,对部署于真实环境中的各类监测设备进行数字化建模与数据同步。通过对飞行器活动、环境参数等多源信息的融合分析,系统可实现对低空空域的实时态势复现、运行风险评估与监管策略预演,为低空监管体系的规划部署、效能验证与优化调控提供关键决策支持。
`,
+ },
+]
diff --git a/public/static/images/main/banner.png b/public/static/images/main/banner.png
deleted file mode 100644
index eceacf5..0000000
Binary files a/public/static/images/main/banner.png and /dev/null differ
diff --git a/public/static/images/news/1.png b/public/static/images/news/1.png
deleted file mode 100644
index 8535915..0000000
Binary files a/public/static/images/news/1.png and /dev/null differ
diff --git a/public/static/images/news/2.png b/public/static/images/news/2.png
deleted file mode 100644
index 6c5a6eb..0000000
Binary files a/public/static/images/news/2.png and /dev/null differ
diff --git a/public/static/images/news/3.png b/public/static/images/news/3.png
deleted file mode 100644
index b857d8c..0000000
Binary files a/public/static/images/news/3.png and /dev/null differ
diff --git a/public/static/images/news/4.png b/public/static/images/news/4.png
deleted file mode 100644
index dc5cee7..0000000
Binary files a/public/static/images/news/4.png and /dev/null differ
diff --git a/public/static/images/product/detail/6.png b/public/static/images/product/detail/m1.png
similarity index 100%
rename from public/static/images/product/detail/6.png
rename to public/static/images/product/detail/m1.png
diff --git a/public/static/images/product/detail/1.png b/public/static/images/product/detail/m2.png
similarity index 100%
rename from public/static/images/product/detail/1.png
rename to public/static/images/product/detail/m2.png
diff --git a/public/static/images/product/detail/4.png b/public/static/images/product/detail/m3.png
similarity index 100%
rename from public/static/images/product/detail/4.png
rename to public/static/images/product/detail/m3.png
diff --git a/public/static/images/product/detail/r1.jpg b/public/static/images/product/detail/r1.jpg
new file mode 100644
index 0000000..5cd0a92
Binary files /dev/null and b/public/static/images/product/detail/r1.jpg differ
diff --git a/public/static/images/product/detail/r2.jpg b/public/static/images/product/detail/r2.jpg
new file mode 100644
index 0000000..fe54579
Binary files /dev/null and b/public/static/images/product/detail/r2.jpg differ
diff --git a/public/static/images/product/detail/r3.jpg b/public/static/images/product/detail/r3.jpg
new file mode 100644
index 0000000..a4e6fe6
Binary files /dev/null and b/public/static/images/product/detail/r3.jpg differ
diff --git a/public/static/images/product/detail/r4.jpg b/public/static/images/product/detail/r4.jpg
new file mode 100644
index 0000000..86081f2
Binary files /dev/null and b/public/static/images/product/detail/r4.jpg differ
diff --git a/public/static/images/product/detail/r5.jpg b/public/static/images/product/detail/r5.jpg
new file mode 100644
index 0000000..90fc827
Binary files /dev/null and b/public/static/images/product/detail/r5.jpg differ
diff --git a/public/static/video/2.mp4 b/public/static/video/2.mp4
new file mode 100644
index 0000000..a757ad2
Binary files /dev/null and b/public/static/video/2.mp4 differ
diff --git a/public/static/video/3.mp4 b/public/static/video/3.mp4
new file mode 100644
index 0000000..5f85181
Binary files /dev/null and b/public/static/video/3.mp4 differ
diff --git a/public/static/video/4.mp4 b/public/static/video/4.mp4
new file mode 100644
index 0000000..532f0ff
Binary files /dev/null and b/public/static/video/4.mp4 differ
diff --git a/public/static/video/5.mp4 b/public/static/video/5.mp4
new file mode 100644
index 0000000..5676802
Binary files /dev/null and b/public/static/video/5.mp4 differ
diff --git a/public/static/images/main/display.mp4 b/public/static/video/display.mp4
similarity index 100%
rename from public/static/images/main/display.mp4
rename to public/static/video/display.mp4
diff --git a/public/static/video/video.zip b/public/static/video/video.zip
new file mode 100644
index 0000000..e6f4325
Binary files /dev/null and b/public/static/video/video.zip differ
diff --git a/src/api/index.js b/src/api/index.js
index 6027946..c38662d 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -3,8 +3,26 @@ import request from '@/utils/request'
// 获取访问接口
export function visit(data) {
return request({
- url: '/tracking',
+ url: '/tracking/',
method: 'post',
data,
})
}
+
+// 获取新闻列表
+export function getNews(params) {
+ return request({
+ url: '/news',
+ method: 'get',
+ params,
+ })
+}
+
+// 获取新闻列表
+export function getNewsDetail(params) {
+ return request({
+ url: '/news/details',
+ method: 'get',
+ params,
+ })
+}
diff --git a/src/assets/styles/variable.scss b/src/assets/styles/variable.scss
index f4a75af..67ec124 100644
--- a/src/assets/styles/variable.scss
+++ b/src/assets/styles/variable.scss
@@ -8,5 +8,7 @@ $nav_font_size: 18px;
$border: 2px solid red;
+$border_radius: 8px;
+
// header nav
$header_nav_height: 80px;
diff --git a/src/components/meta/index.vue b/src/components/meta/index.vue
index 8cccda9..23a66d6 100644
--- a/src/components/meta/index.vue
+++ b/src/components/meta/index.vue
@@ -5,18 +5,18 @@ onMounted(() => {})
-
ID/无人机低空监管设备 无人机定位设备/无人机飞手定位设备/无人机侦测设备/Remote ID无人机远程识别模块 Remote
-
Remote ID无人机识别设备/符合GB-42590-2023/无人机远程识别发射模块 无人机远程识别设备/无人机RID/Remote
+
ID/无人机低空监管设备 无人机定位设备/无人机飞手定位设备/无人机侦测设备/software ID无人机远程识别模块 software
+
software ID无人机识别设备/符合GB-42590-2023/无人机远程识别发射模块 无人机远程识别设备/无人机RID/software
ID无人机远程识别广播模块/RID无人机识别/无人机飞手远程定位设备
无人机测距模块/无人机侦测监管设备/RID无人机识别/无人机定位器/无人机飞手定位器
无人机侦测定位设备/迷你无人机识别模块/低空经济无人机识别设备/单兵无人机侦测识别设备
-
无人机探测器/防撞机无人机定位设备/Remote ID无人机预警仪
-
全向无人机探测设备/无人机定位飞手定位设备/安防安保无人机监测设备/RID无人机识别/Remote ID远程识别模块
+
无人机探测器/防撞机无人机定位设备/software ID无人机预警仪
+
全向无人机探测设备/无人机定位飞手定位设备/安防安保无人机监测设备/RID无人机识别/software ID远程识别模块
无人机侦测设备飞手定位飞行轨迹/UAV无线电侦测设备/无人机GPS GNSS定位设备
无人机RID广播识别模块/无人机探测飞手定位飞行轨迹/专业级无人机预警侦测设备 无人机航拍防撞设备/无人机Remote
-
ID国标定位侦测设备/低空安防无人机监管 无人机识别跟踪设备/RID无人机定位模块/Remote
-
ID无人机定位跟踪设备带飞手定位飞行轨迹 自主研发无人机侦测定位模块/Remote
-
ID无人机远程识别设备/飞机定位飞行轨迹飞手定位无人机识别模块源头厂家 无人机标签识别设备/Remote
+
ID国标定位侦测设备/低空安防无人机监管 无人机识别跟踪设备/RID无人机定位模块/software
+
ID无人机定位跟踪设备带飞手定位飞行轨迹 自主研发无人机侦测定位模块/software
+
ID无人机远程识别设备/飞机定位飞行轨迹飞手定位无人机识别模块源头厂家 无人机标签识别设备/software
ID无人机侦测定位设备/远程广播模块识别 无人机远程识别地面站/RID无人机识别/无人机巡检智能识别模块/无人机定位飞手定位
diff --git a/src/home.vue b/src/home.vue
index a028410..a89fc84 100644
--- a/src/home.vue
+++ b/src/home.vue
@@ -5,47 +5,48 @@ import {onMounted, ref, watch} from 'vue'
import {visit} from '@/api/index'
import axios from 'axios'
-onMounted(() => {
- getUrl()
-})
-
-const referrer = ref('')
+const referrer = ref(document.referrer || '')
const ipUrl = ref('')
-console.log('11===>', window.location)
-function getUrl() {
- referrer.value = document.referrer
+const CACHE_KEY = 'ip'
+const TIME_KEY = 'ipFetchTime'
+const CACHE_MIN = 60 * 60 * 1000 // 1h
- axios
- .get('https://api64.ipify.org?format=json')
- .then(({data}) => {
- ipUrl.value = data.ip
- })
- .catch(console.error)
+async function getUrl() {
+ const now = Date.now()
+ const cachedIp = sessionStorage.getItem(CACHE_KEY)
+ const cachedTime = sessionStorage.getItem(TIME_KEY)
+
+ if (cachedIp && cachedTime && now - Number(cachedTime) < CACHE_MIN) {
+ ipUrl.value = cachedIp
+ return cachedIp
+ }
+
+ try {
+ const {data} = await axios.get('https://api64.ipify.org?format=json')
+ ipUrl.value = data.ip
+ sessionStorage.setItem(CACHE_KEY, data.ip)
+ sessionStorage.setItem(TIME_KEY, now.toString())
+ postVisit()
+ } catch (e) {
+ console.error('获取 IP 失败:', e)
+ }
}
-async function postVisit() {
- let params = {
+function postVisit() {
+ const params = {
timestamp: new Date(),
url: window.location.href,
referrer: referrer.value,
real_ip: ipUrl.value,
}
- let {code, msg} = await visit(params)
+
+ visit(params).then((res) => {})
}
-watch(
- () => [referrer.value, ipUrl.value],
- ([refer, ipUrl]) => {
- if (refer && ipUrl) {
- postVisit()
- }
- },
- {
- deep: true,
- immediate: true,
- }
-)
+onMounted(async () => {
+ await getUrl()
+})
diff --git a/src/router/index.js b/src/router/index.js
index 77b7435..ae5b340 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3,20 +3,22 @@ import {createWebHashHistory, createRouter} from 'vue-router'
import HomeView from '@/views/homepage/index.vue'
const routes = [
+ // ============================================ 首页 ============================================
{path: '/', component: HomeView},
+
// ============================================ 产品中心 ============================================
{
- path: '/product/monitorSystem',
- name: 'MonitorSystem',
- component: () => import('@/views/product/monitorSystem.vue'),
+ path: '/product/hardwareSystem',
+ name: 'HardwareSystem',
+ component: () => import('@/views/product/hardwareSystem.vue'),
meta: {
title: '低空监管体系',
},
},
{
- path: '/product/remoteDevice',
- name: 'RemoteDevice',
- component: () => import('@/views/product/remoteDevice.vue'),
+ path: '/product/softwareSystem',
+ name: 'SoftwareSystem',
+ component: () => import('@/views/product/softwareSystem.vue'),
meta: {
title: '低空远程识别设备',
},
@@ -29,6 +31,7 @@ const routes = [
title: '产品详情',
},
},
+
// ============================================ 服务与支撑 ============================================
{
path: '/services',
@@ -38,6 +41,7 @@ const routes = [
title: '服务与支撑',
},
},
+
// ============================================ 新闻中心 ============================================
{
path: '/news',
@@ -55,6 +59,7 @@ const routes = [
title: '新闻详情',
},
},
+
// ============================================ 关于我们 ============================================
{
path: '/about',
@@ -64,6 +69,7 @@ const routes = [
title: '关于我们',
},
},
+
// ============================================ 联系我们 ============================================
{
path: '/link',
@@ -73,6 +79,7 @@ const routes = [
title: '联系我们',
},
},
+
// ============================================ 下载中心 ============================================
{
path: '/download',
@@ -89,6 +96,13 @@ const router = createRouter({
routes,
})
+// router.beforeEach(async (to, from, next) => {
+// const {useNavStore} = await import('@/store/nav.js')
+// const navStore = useNavStore()
+// navStore.setLoad(true)
+// next()
+// })
+
router.afterEach((to, from) => {
// 只有路径变化时才滚动到顶部
if (to.path !== from.path) {
diff --git a/src/store/nav.js b/src/store/nav.js
index c48c840..b55684a 100644
--- a/src/store/nav.js
+++ b/src/store/nav.js
@@ -5,6 +5,7 @@ export const useNavStore = defineStore(
'nav',
() => {
const navIndex = ref('/')
+ const showLoad = ref(true)
const changeNavIndex = (id) => {
if (!id) {
@@ -14,9 +15,16 @@ export const useNavStore = defineStore(
}
}
+ const setLoad = (status) => {
+ console.log('status===>', status)
+ showLoad.value = status
+ }
+
return {
navIndex,
+ showLoad,
changeNavIndex,
+ setLoad,
}
},
{
diff --git a/src/utils/cryptojs.js b/src/utils/cryptojs.js
new file mode 100644
index 0000000..38275cc
--- /dev/null
+++ b/src/utils/cryptojs.js
@@ -0,0 +1,28 @@
+import CryptoJS from 'crypto-js'
+
+const key = CryptoJS.enc.Utf8.parse('k+tsU5mZz1BY+P8z')
+const iv = CryptoJS.enc.Utf8.parse('k+tsU5mZz1BY+P8z')
+
+// crypto-js加密
+export function cryptoEncrypt(word) {
+ const srcs = CryptoJS.enc.Utf8.parse(word)
+ const encrypted = CryptoJS.AES.encrypt(srcs, key, {
+ iv,
+ mode: CryptoJS.mode.CBC,
+ padding: CryptoJS.pad.Pkcs7,
+ })
+ return encrypted.ciphertext.toString(CryptoJS.enc.Base64)
+}
+
+// crypto-js解密
+export function cryptoDecrypt(word) {
+ const encryptedHexStr = CryptoJS.enc.Base64.parse(word)
+ const srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr)
+ const decrypt = CryptoJS.AES.decrypt(srcs, key, {
+ iv,
+ mode: CryptoJS.mode.CBC,
+ padding: CryptoJS.pad.Pkcs7,
+ })
+ const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8)
+ return decryptedStr.toString()
+}
diff --git a/src/utils/request.js b/src/utils/request.js
index 421dd92..0296050 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -2,9 +2,7 @@
* axios 封装
*/
import axios from 'axios'
-import {ElMessage, ElMessageBox} from 'element-plus'
import {tansParams} from '@/utils/index'
-import {getToken, removeToken, removeUserTenantInfo} from '@/utils/auth'
// 配置基础URL
const baseURL = window.config?.baseUrl || 'http://work.rangutech.cn:9131'
@@ -21,14 +19,6 @@ const service = axios.create({
// 请求拦截器
service.interceptors.request.use(
(config) => {
- // 是否需要设置 token
- const isToken = (config.headers || {}).isToken === false
-
- // 添加token到请求头
- if (getToken() && !isToken) {
- config.headers.Authorization = `Bearer ${getToken()}`
- }
-
// GET请求参数处理
if (config.method?.toLowerCase() === 'get' && config.params) {
const urlParams = tansParams(config.params)
@@ -48,80 +38,22 @@ service.interceptors.request.use(
service.interceptors.response.use(
(response) => {
const {data, config} = response
-
// 处理二进制数据响应
if (config.responseType === 'blob' || config.responseType === 'arraybuffer') {
return data
}
-
// 正常响应处理
if (response.status === 200) {
return data
}
-
// 异常响应处理
return Promise.reject(response)
},
(error) => {
const {config, response, message} = error
-
console.error('Response error:', {config, response, message})
-
- // 处理认证错误
- if (response && [401, 471, 472].includes(response.status)) {
- handleAuthError(config, response)
- return Promise.reject(error)
- }
-
- // 处理网络错误
- handleNetworkError(message)
-
return Promise.reject(error)
}
)
-/**
- * 处理认证错误
- */
-function handleAuthError(config, response) {
- const excludeUrls = ['/Token/Logout', '/Token/Access']
-
- if (!excludeUrls.includes(config.url)) {
- ElMessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', {
- confirmButtonText: '重新登录',
- cancelButtonText: '取消',
- type: 'warning',
- })
- .then(() => {
- removeToken()
- removeUserTenantInfo()
- // 这里需要导入store
- // store.dispatch('LogOut').then(() => {});
- window.location.reload() // 简单重载页面
- })
- .catch(() => {
- // 用户取消操作
- })
- }
-}
-
-/**
- * 处理网络错误
- */
-function handleNetworkError(message) {
- let errorMsg = message
-
- if (message === 'Network Error') {
- errorMsg = '网络连接异常,请检查网络设置'
- } else if (message.includes('timeout')) {
- errorMsg = '请求超时,请稍后重试'
- }
-
- ElMessage({
- message: errorMsg,
- type: 'error',
- duration: 1000,
- })
-}
-
export default service
diff --git a/src/views/homepage/index.vue b/src/views/homepage/index.vue
index f4c3d8b..1e1a764 100644
--- a/src/views/homepage/index.vue
+++ b/src/views/homepage/index.vue
@@ -1,44 +1,72 @@
-
+
-
-
-
-
-
{{ item }}
+
+
+
+
+
![]()
+
+
+
+