华新燃气驾驶舱

华新燃气驾驶舱项目

项目简介

本项目是华新燃气集团驾驶舱项目系统前端代码。基于 Element UI & axios & Mars3D。功能包括单点登录；系统管理（资源管理、组织管理、部门管理、角色管理、字典管理、区域管理、用户管理、日志管理）；人员管理；专题大屏所需内嵌地图部分页面，其中包括：

管网数据应用专题（综合业务专题）
需求专题
供应专题
储备专题
气象专题
管网分布专题
高后果区专题
第三方施工专题
水保隐患专题
巡线专题
重点用户专题
塌陷专题

目录结构简述

-src 源代码目录
|--- api 接口目录
|--- components 组件目录
|--- assets 资源目录
|--- views 页面目录
|--- |--- dashboard 九宫格主页目录
|--- |--- errorPage 错误页面
|--- |--- login 登录页面
|--- |--- maps 地图页面
|--- |--- |--- mapOverview2.vue 综合专题地图
|--- |--- |--- constructionThreat.vue 第三方施工专题
|--- |--- |--- highConsequenceArea.vue 高后果区专题
|--- |--- |--- needTopic.vue 需求专题
|--- |--- |--- pipeOverview.vue 管网专题
|--- |--- |--- routeTopic.vue 巡线专题
|--- |--- |--- sinkThreat.vue 塌陷专题
|--- |--- |--- storageTopic.vue 储备专题
|--- |--- |--- supplyTopic.vue 供应专题
|--- |--- |--- vip.vue 重点用户
|--- |--- |--- waterThreat2.vue 水保隐患
|--- |--- |--- weatherTopic.vue 气象专题
|--- |--- system 系统管理页面目录
|--- utils 工具目录
|--- router 路由目录
|--- store vuex目录
|--- icons 图标目录
-static 静态资源存放目录
-config 配置目录
-build 项目构建目录
-theme 主题目录
-mock mock数据目录

安装前提

安装nodejs

去nodejs官网下载安装包

安装完成之后，在cmd中检查Node.js版本，输出版本号则表示安装成功

node --version

安装步骤

# 移动到项目目录下
cd cockpit_hxrq_front

# 安装依赖
npm install

# 建议不要用cnpm  安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 项目启动
npm run dev

# 项目打包， 命令完成项目将打包至dist目录下
npm run build

配置文件属性解释

static/project.config.json

{
  "title": "管理者驾驶舱",
  "baseUrl": "http://59.49.106.24:8080/cockpit/",
  "biUrl": "http://59.49.106.24:9001",
  "sameWindow": false,
  "toDashboard": false,
  "biLogin": "http://59.49.106.24:9001/sso/integrationConfig/login",
  "dashUrl": "http://59.49.106.24:9001/mobile/browse/1/06C7CB6A9DDD4175AC6DDD8EAF977D63?",
  "city":"太原市",
  "mapUrl":"https://t0.tianditu.gov.cn/vec_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8",
  "labelUrl":"https://t0.tianditu.gov.cn/cva_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=216ee92889e17ab1b083fae665d522b8"
}

title: 系统名称
baseUrl: 后台地址
biUrl: BI访问地址
sameWindow: 子系统是否在同一窗口打开
toDashboard: 暂时无用
biLogin: BI登录校验地址
dashUrl: 移动端主页地址
city: 城市，暂无用处
mapUrl: 地图地址
labelUrl: 地图标注地址

浏览器支持情况

主流浏览器和IE 11+.

IE / Edge	Firefox	Chrome	Safari
IE11, Edge	last 2 versions	last 2 versions	last 2 versions