qp_onemap_ui

qp_onemap

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

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中

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

更新

0.0.1

地图开发引擎插件包引入代码集成到App.vue中

并在App.vue的mounted函数中注册一个全局函数loadScripts

loadScripts函数传入参数类型为Aarry，Aarry的值为需要当前地图开发所需插件

config.js中更新各模块引入插件包的数据组织方式

相应修改可见 src/views/example/Map.vue 示例

0.0.2

移除 xxfk 文件夹

更新后的业务模块对应关系

sksjgl 时空数据管理 skmh 时空门户 wgn 微功能 yygl 应用管理 yxgl 运行管理