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


## 安装依赖

```bash
npm install
```

### 开发环境运行

```bash
npm run serve
```

### 生产环境打包

```bash
npm run build
```

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

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

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

### 规范安装与生效

首次拉取项目后执行：

```bash
npm install
```

### 常用命令

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

```bash
npm run format:check
```

自动格式化项目文件：

```bash
npm run format
```

### 推荐协作方式

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

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

## 路线

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的拼接地址逻辑
- 修改图片显示效果