qp_onemap_ui

青浦一张图门户

青浦一张图门户资源聚焦于资源预览的高效性与便捷性核心需求，打造轻量化、高适配的资源快速预览解决方案，覆盖各类图片素材场景的预览诉求，旨在解决传统资源查看中加载繁琐、信息获取不直观、筛选效率低等问题。

安装依赖

npm install

开发环境运行

npm run serve

生产环境打包

npm run build

代码格式规范（团队统一）

为避免不同开发同学缩进和格式不一致，项目已接入以下统一规范：

• .editorconfig：统一基础格式（缩进、换行、编码等）
• Prettier：统一代码风格（分号、引号、换行、逗号等）

规范安装与生效

首次拉取项目后执行：

npm install

常用命令

检查当前仓库是否符合格式规范：

npm run format:check

自动格式化项目文件：

npm run format

推荐协作方式

1. 建议统一使用 IDE 的“保存时格式化（Prettier）”。
2. 新接入规范时，建议由负责人单独执行一次全量格式化并单独提交，减少后续无效 diff。

Customize configuration

See Configuration Reference.

路线

vue + axios + element-plus + less

业务模块对应关系

skszk 时空算子库 skmh 时空门户 wgn 微功能 yygl 应用管理 xxfk 信息反馈 yxgl 运行管理

业务模块说明

src路径下的api、assets/images、components、views中都有以 模块名称首字母英文命名 的文件或文件夹

注：example相关文件、文件夹、变量皆为示例用途

api 为接口文件夹，存放各模块接口调用的js文件，使用时可参照 api/example.js 中的代码为例，将各自模块的接口使用集成到各自的文件中；

api/common.js为通用接口js文件，例如登录接口、认证接口，其他模块在使用时可做参考文件使用；

引入需要使用的请求方法，拼接请求，export导出方法，在需使用方法的vue中import对应js文件后使用方法；

各类使用方法可在src/utils/request.js中查找，若缺少可补充完善

可参考App.vue文件中登录接口的使用方法。

assets为静态资源目录，主要用于存放静态图片，assets/images为静态资源图片目录。

components 为vue组件库，在路由中如果有需要集成的组件可以放置在相应目录中，在集成到views里相应路由中。

views为路由视图文件夹，已创建各模块的父级路由；

根据各模块需要制作的页面，在相应的文件夹下创建子路由vue文件；

若有 新增/删除 子路由 的情况，需同步在router中进行更新。

通用文件说明

public/static中，config文件夹下config.js用于定义全局变量文件夹，各模块需要使用的全局变量需在config对应的各模块下定义，用以区分避免混淆

地图开发

参考 views/example/Map.vue

其他

系统默认登录，登录请求在App.vue中，登录后用户信息、token存放在localStorage中，可使用 localStorage.getItem("token")获取；

接口在请求时无论当前接口是否需要token，在请求头中都会添加token，配置在src/utils/request.js中

若开发过程中哪有不妥之处可以跟我沟通，若创建分支开发，模块开发完成后请合并到主分支中

项目更新说明

2026-02-5

• 地图开发引擎插件包引入代码集成到App.vue中
• 并在App.vue的mounted函数中注册一个全局函数loadScripts
• loadScripts函数传入参数类型为Aarry，Aarry的值为需要当前地图开发所需插件的数组
• config.js中更新各模块引入插件包的数据组织方式
• 相应修改可见 src/views/example/Map.vue 示例

2026-03-6

• 移除 xxfk 文件夹

2026-03-18

• 更新后的业务模块对应关系
• sksjgl 时空数据管理
• skmh 时空门户
• wgn 微功能
• yygl 应用管理
• yxgl 运行管理

2026-03-24

• 二维GIS引擎修改

• 原描述信息：二维 GIS 引擎是面向地理空间信息处理的轻量化基础组件，为各类 二维GIS 应用提供底层技术支撑。它以平面地理空间数据为核心，聚焦二维场景下的空间数据管理、可视化渲染、空间分析与交互操作，是二维 GIS 应用的技术底座

• 原访问地址：http://121.43.55.7:10021/map_widget/#/qpmap

• 图片：需要截取原访问地址的图片，用于展示地图开发引擎的功能

2026-03-30

• 微功能模块界面修改
• 所有界面展示调整修改，头部分显示数字样式修改。

2026-04-14

• 增加首页打开一张地图的功能，实现以抽屉方式展示效果，获取Token后展示出一张图
• 时空门户页面数据获取动态数据上图展示
• 微功能中心的大批量数据处理任务添加“OBJ 三维模型轻量化”任务。并在《任务管理》页面添加失败重试按钮
• 放开header中的《数据管理中心》菜单并配置《时空门户》中的“二维GIS引擎”配置，跳转暂时是占位404页面
• 任务搜索栏显示调整

2026-04-16

• 优化大批量任务生命流程：提交大批量任务后直接运行，并在运行失败后把错误信息返回给前端展示
• 修复场景页面元素提交拦截BUG
• 整个项目修改，适配政务网络环境
• 数据管理中心跳转页面修改
• 任务管理数据预览修改

2026-04-20

• 修改显示首页和运行管理的页面布局
• 微功能增加时空预览和政务网和互联网时的地图切换显示修改
• 运行管理服务类型共享修改
• 场景页面的绘制功能，如果参数类型中包含pointZ、polylineZ、polygonZ，那么用户在绘制的时候需要绘制三维坐标，高程默认是0
• 应用中心判断是否有访问和运行管理图表名称显示修改

2026-06-10

• 区级特色信息统计隐藏
• 修改应用中心内容,增加申请审批功能
• 增加首页跳转至一张图的功能

2026-08-17

• 运行管理-信息反馈页面修改
• 配置文件中增加proxy地址，增加一网协同登录获取信息，增加跳转至一张图2024的拼接地址逻辑
• 修改图片显示效果