# routetool

**Repository Path**: joysong/routetool

## Basic Information

- **Project Name**: routetool
- **Description**: 路线制作工具
根据激光扫描点，生成路线文件内容
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-06-26
- **Last Updated**: 2023-04-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# routetool 前端
master分支将以routetool-backend为后端。编译结果也可以集成到后端代码中一起部署。

## 工作流
1、IGV工程师扫描激光地图；ADS工程师制作地图，更换routetool车间平面地图，并调整方向
2、根据蓝图录制点位，尽量录完整
3、将点坐标文件通过本工具导入数据库，并完善点的附加属性
4、参考规划图，设计生成所有路线
5、批量生成、导出路线文件
6、将配置文件同步到相关的车辆

## 设计与编码
### 地图大小配置
编辑data/mapsize.json，不同区域根据实际背景地图大小设置。
画布的尺寸与每张地图的大小一致。

### 更换背景地图
修改.env文件中的VUE_APP_REGION_ID来切换背景图

## 命令
### 开发模式下编译、热加载
```
yarn serve
```

### 编译
```
yarn build
```

### Lints and fixes files
```
yarn lint
```
## 配置
### 前端分离时
- .env.production
    1.修改区域VUE_APP_ADS_HOST、VUE_APP_REGION_ID
    2.修改路径：`VUE_APP_PUBLIC_PATH = "./api"`


### 前后端不分离时
- .env.production:

1. 修改区域VUE_APP_ADS_HOST、VUE_APP_REGION_ID
2. 修改路径：`VUE_APP_PUBLIC_PATH = "./"`


## 部署
### 前后端分离时
- yarn build 
- 启动nigix 和web服务
- 打开浏览器，输入 http://127.0.0.1:80

### 前后端不分离时
1. yarn build
2. 拷贝dist中的内容到后端应用的static文件夹中
3. mvn打包、部署、启动服务
4. 浏览器中输入 http://127.0.0.1:80

## 已经实现的功能
- 点、路线的地图展示，关联显示等
- 点的批量导入、修改、删除等
- 点的附加信息设置
- 路线的添加、文件保存、下载等
- 点、路线的查询

## todo list
- 批量生成路线文件
- 批量打包下载
- 批量生成二维码对接文件
- 批量更新到指定车辆（需要车辆控制系统支持）

## Complie Exceptions 

####  scss file contain png file
```shell
 ERROR  Failed to compile with 1 error                                                                                                                        下午10:55:30

This dependency was not found:

* @/assets/img/map2.png in ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/
src??ref--6-oneOf-1-2!./src/assets/map_blue.scss

To install it, you can run: npm install --save @/assets/img/map2.png
```

try:  `yarn add babel-plugin-import --dev `
not work.

尝试添加lang后起作用：
```css
<style lang="scss">
@import "../assets/map_blue.scss";
```