https://github.com/ibwei/smartoil

本项目主要实现了智慧油田抽油机监控平台的前端UI设计，与用户交互逻辑的编写，较高水平地完成了一个监控平台的基本功能。
https://github.com/ibwei/smartoil

amap vue

Last synced: 3 months ago
JSON representation

本项目主要实现了智慧油田抽油机监控平台的前端UI设计，与用户交互逻辑的编写，较高水平地完成了一个监控平台的基本功能。

• Host: GitHub
• URL: https://github.com/ibwei/smartoil
• Owner: ibwei
• Created: 2019-06-09T04:57:21.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-07-10T17:26:20.000Z (about 5 years ago)
• Last Synced: 2025-04-09T12:42:57.332Z (6 months ago)
• Topics: amap, vue
• Language: Vue
• Homepage:
• Size: 3.11 MB
• Stars: 9
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 智慧油田项目说明

### 1.项目概要

- 1.1概要

> 本项目主要实现了智慧油田抽油机监控平台的前端UI设计，与用户交互逻辑的编写，较高水平地完成了一个监控平台的基本功能。

- 1.2功能

> 本项目主要是实现了以下功能：温度时间变化表，湿度时间变化表，油田产量统计表，机器数据统计表，油田状态在地图上动态展示，绘制地图以及开发地图常用功能，在地图上标注输油管道，定点查询地理位置，自动添加地理标注，查找油田位置，统计油田信息，检测路线、轨迹回放、地图常用控件、示功图绘制、示功图简单故障分析、用户增删改查、登录、等功能。

- 1.3在线演示

[智慧油田筹集云云监控平台 http://www.gis.ibwei.com](http://www.gis.ibwei.com)

### 2.项目截图

![首页](http://b318.photo.store.qq.com/psb?/V132aIJM2QYmny/5TSu2K0i6kzXNZHD7rmG.1nGO6pJzrKGYPRExU7ytpY!/c/dD4BAAAAAAAA&bo=gAcQBAAAAAAAALU!&rf=mood_app)

![路径检测](http://b182.photo.store.qq.com/psb?/V132aIJM2QYmny/.7ZqWFyc6qKWWVneQ9pnYS1lJnibepYjrZvNINcQWj8!/c/dLYAAAAAAAAA&bo=gAcQBAAAAAAAALU!&rf=mood_app)

![轨迹回放](http://b197.photo.store.qq.com/psb?/V132aIJM2QYmny/tHYuC2XxuMBh7rF*qAKB8cP5*ytymcOq8fQhSEO.Ydg!/c/dMUAAAAAAAAA&bo=gAcQBAAAAAAAALU!&rf=mood_app)

### 3.主要技术

> 本项目主要用到了以下技术：

- 1.	高德地图开放平台JSAPI

- 2.	Vue.js  MVVM框架

- 3.	iView UI框架

- 4.	百度echarts图标框架

- 5.	Jquery js类库

- 6.	H5 web缓存

### 4.项目架构

![文件说明](http://a3.qpic.cn/psb?/V132aIJM2QYmny/7ERSX6JM*dzYvicQdkwZLzIoLC2289APbMRfUCf7e7k!/c/dL4AAAAAAAAA&ek=1&kp=1&pt=0&bo=xQKJBAAAAAADJ0g!&tl=1&vuin=997132391&tm=1560056400&sce=60-2-2&rf=0-0)

### 5.安装及运行

``` 在终端输入命令

# 安装依赖

npm install

# 本地演示

npm run dev

# 打包上线

npm run build

```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).