# ff-ai-ep-underway

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Compile and Minify for Production

```sh
npm run build
```

### Run Unit Tests with [Vitest](https://vitest.dev/)

```sh
npm run test:unit
```

### Lint with [ESLint](https://eslint.org/)

```sh
npm run lint
```

```
ff-ai-ep-underway-vue
├─ .env.development
├─ .env.development.jingan
├─ .env.production
├─ .env.production.jingan
├─ .eslintrc.cjs
├─ .prettierrc.json
├─ index.html
├─ jsconfig.json
├─ package-lock.json
├─ package.json
├─ public
│  └─ favicon.ico
├─ README.md
├─ src
│  ├─ api
│  │  ├─ deviceApi.js
│  │  ├─ index.js
│  │  ├─ missionApi.js
│  │  ├─ monitorDataApi.js
│  │  ├─ sceneInfoApi.js
│  │  └─ thirdPartyDataApi.js
│  ├─ App.vue
│  ├─ assets
│  │  ├─ 3dmap.css
│  │  ├─ base.css
│  │  ├─ border.css
│  │  ├─ common-style.css
│  │  ├─ logo.svg
│  │  ├─ main.css
│  │  └─ mipmap
│  │     ├─ boat_driving.png
│  │     ├─ border.png
│  │     ├─ car_driving.png
│  │     ├─ car_offline.png
│  │     ├─ car_stop.png
│  │     ├─ company.png
│  │     ├─ c_level_0.png
│  │     ├─ c_level_1.png
│  │     ├─ c_level_2.png
│  │     ├─ c_level_no.png
│  │     ├─ data_chart.png
│  │     ├─ device.png
│  │     ├─ dust.png
│  │     ├─ ic_down_white.png
│  │     ├─ ic_up_white.png
│  │     ├─ location.png
│  │     ├─ oil_paint.png
│  │     ├─ other_smell.png
│  │     ├─ plastics.png
│  │     ├─ pungent.png
│  │     ├─ scene.png
│  │     ├─ scene_1.png
│  │     ├─ scene_15.png
│  │     ├─ scene_16.png
│  │     ├─ scene_17.png
│  │     ├─ scene_18.png
│  │     ├─ scene_19.png
│  │     ├─ scene_20.png
│  │     ├─ scene_4.png
│  │     ├─ scene_5.png
│  │     ├─ scene_6.png
│  │     ├─ shrink_left.png
│  │     ├─ shrink_right.png
│  │     ├─ slider_handle.png
│  │     ├─ stink.png
│  │     ├─ title_bg.png
│  │     ├─ underway-2.png
│  │     ├─ underway-3.png
│  │     ├─ underway.png
│  │     ├─ 微信图片_20210608110133.png
│  │     ├─ 微信图片_202106081101331.png
│  │     └─ 微信图片_202106081101332.png
│  ├─ components
│  │  ├─ animation
│  │  │  ├─ HistoricalTrajectory.vue
│  │  │  └─ TrajectoryState.vue
│  │  ├─ BaseCard.vue
│  │  ├─ CardButton.vue
│  │  ├─ CardDialog.vue
│  │  ├─ chart
│  │  │  ├─ GaugeChart.vue
│  │  │  ├─ ProgressLineChart.vue
│  │  │  └─ RealTimeLineChart.vue
│  │  ├─ core
│  │  │  ├─ CoreHeader.vue
│  │  │  └─ CoreMenu.vue
│  │  ├─ device
│  │  │  ├─ DeviceCreate.vue
│  │  │  └─ DeviceManage.vue
│  │  ├─ map
│  │  │  ├─ BaseMap.vue
│  │  │  ├─ ConfigManage.vue
│  │  │  ├─ MapLocation.vue
│  │  │  ├─ MapScene.vue
│  │  │  └─ MapToolbox.vue
│  │  ├─ MessageBox.vue
│  │  ├─ mission
│  │  │  ├─ MissionEdit.vue
│  │  │  ├─ MissionImport.vue
│  │  │  └─ MissionManage.vue
│  │  ├─ monitor
│  │  │  ├─ DataSummary.vue
│  │  │  ├─ DataTable.vue
│  │  │  ├─ FactorCheckbox.vue
│  │  │  ├─ FactorLegend.vue
│  │  │  ├─ FactorRadio.vue
│  │  │  ├─ FactorTrend.vue
│  │  │  ├─ VehicleData.vue
│  │  │  ├─ WeatherData-copy.vue
│  │  │  └─ WeatherData.vue
│  │  ├─ scene
│  │  │  └─ SceneSearch.vue
│  │  ├─ search
│  │  │  ├─ OptionDevice.vue
│  │  │  ├─ OptionLocation.vue
│  │  │  ├─ OptionLocation2.vue
│  │  │  ├─ OptionMission.vue
│  │  │  ├─ OptionTime.vue
│  │  │  ├─ OptionType.vue
│  │  │  └─ SearchBar.vue
│  │  └─ SliderBar.vue
│  ├─ components.d.ts
│  ├─ composables
│  │  ├─ defaultFactorType.js
│  │  ├─ fetchData.js
│  │  ├─ formConfirm.js
│  │  └─ messageBox.js
│  ├─ constant
│  │  ├─ checkbox-options
│  │  │  ├─ options-jingan.js
│  │  │  └─ options.js
│  │  ├─ checkbox-options.js
│  │  ├─ device-type.js
│  │  ├─ factor-name.js
│  │  ├─ factor-unit.js
│  │  ├─ location.js
│  │  ├─ radio-options
│  │  │  ├─ options-jingan.js
│  │  │  └─ options.js
│  │  ├─ radio-options.js
│  │  ├─ scene-types
│  │  │  ├─ options-jingan.js
│  │  │  └─ options.js
│  │  ├─ scene-types.js
│  │  └─ wind-dir.js
│  ├─ lib
│  │  ├─ jquery-3.5.1.min.js
│  │  ├─ jquery.soap.js
│  │  └─ jquery.xml2json.js
│  ├─ main.js
│  ├─ model
│  │  ├─ Factor.js
│  │  ├─ FactorDatas.js
│  │  ├─ FrameAnimation.js
│  │  └─ Legend.js
│  ├─ router
│  │  └─ index.js
│  ├─ stores
│  │  ├─ device.js
│  │  ├─ map-animation.js
│  │  ├─ mission.js
│  │  ├─ scene.js
│  │  └─ toolbox.js
│  ├─ styles
│  │  ├─ base.scss
│  │  ├─ elementUI.scss
│  │  └─ index.scss
│  ├─ test.xml
│  ├─ utils
│  │  ├─ chart
│  │  │  └─ chart-option.js
│  │  ├─ color.js
│  │  ├─ expand
│  │  │  └─ expand.js
│  │  ├─ factor
│  │  │  └─ data.js
│  │  ├─ file.js
│  │  ├─ map
│  │  │  ├─ 3dLayer.js
│  │  │  ├─ animation.js
│  │  │  ├─ calculate.js
│  │  │  ├─ dialog.js
│  │  │  ├─ grid.js
│  │  │  ├─ index.js
│  │  │  ├─ index_old.js
│  │  │  ├─ line.js
│  │  │  ├─ marks.js
│  │  │  ├─ sector.js
│  │  │  ├─ security.js
│  │  │  ├─ toolbox.js
│  │  │  └─ util.js
│  │  └─ number.js
│  └─ views
│     ├─ electricitymode
│     │  └─ ElectricityMode.vue
│     ├─ gridmonitor
│     │  └─ GridMode.vue
│     ├─ historymode
│     │  ├─ component
│     │  │  ├─ DataSheet.vue
│     │  │  └─ TrendAnalysis.vue
│     │  ├─ HistoryMode.vue
│     │  └─ HistoryMode2.vue
│     ├─ HomePage.vue
│     ├─ LoginPage.vue
│     ├─ LoginPage_Backup.vue
│     ├─ realtimemode
│     │  ├─ component
│     │  │  ├─ DashBoard.vue
│     │  │  ├─ DeviceChange.vue
│     │  │  └─ RealTimeTrend.vue
│     │  └─ RealtimeMode.vue
│     ├─ riskmodel
│     │  └─ RiskMode.vue
│     └─ underwaymix
│        └─ UnderwayMixMode.vue
├─ test
│  └─ grid_test_data.js
├─ vite.config.js
└─ vitest.config.js

```