# dispatch-platform

## 起步

### 安装

```
npm install
```

### 安装解决依赖冲突

```
npm install --legacy-peer-deps
```

### 开发环境启动

```
npm run serve
```

### 测试环境打包

```
npm run build
```

### 正式环境打包

```
npm run build:prod
```

## 环境说明

[参考文档](https://cli.vuejs.org/zh/guide/mode-and-env.html)

| 环境文件               | node: process.env.NODE_ENV / process.env.ENV | 说明   |
|--------------------|----------------------------------------------|------|
| `.env.development` | `development`/`development`                  | 开发环境 |
| `.env.staging`     | `production`/`staging`                       | 测试环境 |
| `.env.production`  | `production`/`production`                    | 正式环境 |

## ElementUI

通用组件如：表单、按钮等组件基于 ElementUI 开发

> 参考文档：[element-ui^2.15.13](https://element.eleme.cn/2.15/#/zh-CN/component/installation)

## ~~IM（弃用）~~

## ~~TRTC（弃用）~~

## 野火 IM

> 源码：[野火IM / vue-chat](https://gitee.com/wfchat/vue-chat)
>
> 文档：[开发文档](https://docs.wildfirechat.cn)

### 组件

- 视觉组件：`src/ui/*`
  - 聊天框主体：`src/ui/main/*`
  - 音视频视觉组件：`src/ui/voip/*`
- 核心功能：`src/wfc/*`
- 配置文件：`src/config.js`
- 独立状态管理：`src/store.js`

### 配置

修改`src/config.js`
```diff
- static APP_SERVER = 'https://app.wildfirechat.net';
+ static APP_SERVER = "https://testim.baibaodun.com.cn:8888";
```

### 注意事项

- **注意区分store！！** 
  - 要用*vuex的store*时这么写：`@/store/index`
  - 要用*野火的store*时这么写：`@/store.js`

## 高德地图

> 教程：[开发教程](https://lbs.amap.com/api/javascript-api/guide/abc/prepare)
>
> 高德地图 2.0 API：[地图 JSAPI 2.0](https://developer.amap.com/api/jsapi-v2/documentation#%e5%9c%b0%e5%9b%be-jsapi-2-0)

### 高德地图组件

- 组件路径：`src/components/AMap`
  - 地图主体：`src/components/AMap/map/index.vue`
  - 弹框：`src/components/AMap/infoWindow/index.vue`

### 高德地图开发者 Key

配置地址：`public/config/json`

```json
{
  "load": {
    "key": "******"
  }
}
```

## OpenLayers

> API 文档：[ol: ^7](https://openlayers.org/en/latest/apidoc/)