diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/src/components/Map/components/supplyLayer.vue b/src/components/Map/components/supplyLayer.vue index e64f114..0375e9f 100644 --- a/src/components/Map/components/supplyLayer.vue +++ b/src/components/Map/components/supplyLayer.vue @@ -121,7 +121,7 @@ const supply = item.supply const position = [this.citiesPositions[item.name].x, this.citiesPositions[item.name].y] const html = `${item['name']}
- 实时供给：${supply.toFixed(2)}万m³` + 实时输气：${supply.toFixed(2)}万m³` const color = this.colorList[i % 10] this.addWall(item.name, position, supply * this.index, color, html) } diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/src/components/Map/components/supplyLayer.vue b/src/components/Map/components/supplyLayer.vue index e64f114..0375e9f 100644 --- a/src/components/Map/components/supplyLayer.vue +++ b/src/components/Map/components/supplyLayer.vue @@ -121,7 +121,7 @@ const supply = item.supply const position = [this.citiesPositions[item.name].x, this.citiesPositions[item.name].y] const html = `${item['name']}
- 实时供给：${supply.toFixed(2)}万m³` + 实时输气：${supply.toFixed(2)}万m³` const color = this.colorList[i % 10] this.addWall(item.name, position, supply * this.index, color, html) } diff --git a/src/router/modules/system.js b/src/router/modules/system.js index 33df287..93f9ac6 100644 --- a/src/router/modules/system.js +++ b/src/router/modules/system.js @@ -105,6 +105,12 @@ component: () => import('@/views/system/log/loginLog'), // Parent router-view name: 'LoginLog', meta: { title: '登录日志', permission: ['/loginLog'] } + }, + { + path: '/scadaConfig', + component: () => import('@/views/scada/scadaConfig'), // Parent router-view + name: 'ScadaConfig', + meta: { title: '报表配置', permission: ['/scadaConfig'] } } ] } ] diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/src/components/Map/components/supplyLayer.vue b/src/components/Map/components/supplyLayer.vue index e64f114..0375e9f 100644 --- a/src/components/Map/components/supplyLayer.vue +++ b/src/components/Map/components/supplyLayer.vue @@ -121,7 +121,7 @@ const supply = item.supply const position = [this.citiesPositions[item.name].x, this.citiesPositions[item.name].y] const html = `${item['name']}
- 实时供给：${supply.toFixed(2)}万m³` + 实时输气：${supply.toFixed(2)}万m³` const color = this.colorList[i % 10] this.addWall(item.name, position, supply * this.index, color, html) } diff --git a/src/router/modules/system.js b/src/router/modules/system.js index 33df287..93f9ac6 100644 --- a/src/router/modules/system.js +++ b/src/router/modules/system.js @@ -105,6 +105,12 @@ component: () => import('@/views/system/log/loginLog'), // Parent router-view name: 'LoginLog', meta: { title: '登录日志', permission: ['/loginLog'] } + }, + { + path: '/scadaConfig', + component: () => import('@/views/scada/scadaConfig'), // Parent router-view + name: 'ScadaConfig', + meta: { title: '报表配置', permission: ['/scadaConfig'] } } ] } ] diff --git a/src/views/login/index.vue b/src/views/login/index.vue index cfc91e7..55b55f9 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -12,13 +12,14 @@ - + - diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/src/components/Map/components/supplyLayer.vue b/src/components/Map/components/supplyLayer.vue index e64f114..0375e9f 100644 --- a/src/components/Map/components/supplyLayer.vue +++ b/src/components/Map/components/supplyLayer.vue @@ -121,7 +121,7 @@ const supply = item.supply const position = [this.citiesPositions[item.name].x, this.citiesPositions[item.name].y] const html = `${item['name']}
- 实时供给：${supply.toFixed(2)}万m³` + 实时输气：${supply.toFixed(2)}万m³` const color = this.colorList[i % 10] this.addWall(item.name, position, supply * this.index, color, html) } diff --git a/src/router/modules/system.js b/src/router/modules/system.js index 33df287..93f9ac6 100644 --- a/src/router/modules/system.js +++ b/src/router/modules/system.js @@ -105,6 +105,12 @@ component: () => import('@/views/system/log/loginLog'), // Parent router-view name: 'LoginLog', meta: { title: '登录日志', permission: ['/loginLog'] } + }, + { + path: '/scadaConfig', + component: () => import('@/views/scada/scadaConfig'), // Parent router-view + name: 'ScadaConfig', + meta: { title: '报表配置', permission: ['/scadaConfig'] } } ] } ] diff --git a/src/views/login/index.vue b/src/views/login/index.vue index cfc91e7..55b55f9 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -12,13 +12,14 @@ - + - diff --git a/src/views/maps/mapOverview2.vue b/src/views/maps/mapOverview2.vue index 8481861..a44a904 100644 --- a/src/views/maps/mapOverview2.vue +++ b/src/views/maps/mapOverview2.vue @@ -23,7 +23,7 @@
- + diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/src/components/Map/components/supplyLayer.vue b/src/components/Map/components/supplyLayer.vue index e64f114..0375e9f 100644 --- a/src/components/Map/components/supplyLayer.vue +++ b/src/components/Map/components/supplyLayer.vue @@ -121,7 +121,7 @@ const supply = item.supply const position = [this.citiesPositions[item.name].x, this.citiesPositions[item.name].y] const html = `${item['name']}
- 实时供给：${supply.toFixed(2)}万m³` + 实时输气：${supply.toFixed(2)}万m³` const color = this.colorList[i % 10] this.addWall(item.name, position, supply * this.index, color, html) } diff --git a/src/router/modules/system.js b/src/router/modules/system.js index 33df287..93f9ac6 100644 --- a/src/router/modules/system.js +++ b/src/router/modules/system.js @@ -105,6 +105,12 @@ component: () => import('@/views/system/log/loginLog'), // Parent router-view name: 'LoginLog', meta: { title: '登录日志', permission: ['/loginLog'] } + }, + { + path: '/scadaConfig', + component: () => import('@/views/scada/scadaConfig'), // Parent router-view + name: 'ScadaConfig', + meta: { title: '报表配置', permission: ['/scadaConfig'] } } ] } ] diff --git a/src/views/login/index.vue b/src/views/login/index.vue index cfc91e7..55b55f9 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -12,13 +12,14 @@ - + - diff --git a/src/views/maps/mapOverview2.vue b/src/views/maps/mapOverview2.vue index 8481861..a44a904 100644 --- a/src/views/maps/mapOverview2.vue +++ b/src/views/maps/mapOverview2.vue @@ -23,7 +23,7 @@
- + diff --git a/src/views/scada/components/dianchangConfig.vue b/src/views/scada/components/dianchangConfig.vue new file mode 100644 index 0000000..2e4030f --- /dev/null +++ b/src/views/scada/components/dianchangConfig.vue @@ -0,0 +1,76 @@ + + + + + + diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/src/components/Map/components/supplyLayer.vue b/src/components/Map/components/supplyLayer.vue index e64f114..0375e9f 100644 --- a/src/components/Map/components/supplyLayer.vue +++ b/src/components/Map/components/supplyLayer.vue @@ -121,7 +121,7 @@ const supply = item.supply const position = [this.citiesPositions[item.name].x, this.citiesPositions[item.name].y] const html = `${item['name']}
- 实时供给：${supply.toFixed(2)}万m³` + 实时输气：${supply.toFixed(2)}万m³` const color = this.colorList[i % 10] this.addWall(item.name, position, supply * this.index, color, html) } diff --git a/src/router/modules/system.js b/src/router/modules/system.js index 33df287..93f9ac6 100644 --- a/src/router/modules/system.js +++ b/src/router/modules/system.js @@ -105,6 +105,12 @@ component: () => import('@/views/system/log/loginLog'), // Parent router-view name: 'LoginLog', meta: { title: '登录日志', permission: ['/loginLog'] } + }, + { + path: '/scadaConfig', + component: () => import('@/views/scada/scadaConfig'), // Parent router-view + name: 'ScadaConfig', + meta: { title: '报表配置', permission: ['/scadaConfig'] } } ] } ] diff --git a/src/views/login/index.vue b/src/views/login/index.vue index cfc91e7..55b55f9 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -12,13 +12,14 @@ - + - diff --git a/src/views/maps/mapOverview2.vue b/src/views/maps/mapOverview2.vue index 8481861..a44a904 100644 --- a/src/views/maps/mapOverview2.vue +++ b/src/views/maps/mapOverview2.vue @@ -23,7 +23,7 @@
- + diff --git a/src/views/scada/components/dianchangConfig.vue b/src/views/scada/components/dianchangConfig.vue new file mode 100644 index 0000000..2e4030f --- /dev/null +++ b/src/views/scada/components/dianchangConfig.vue @@ -0,0 +1,76 @@ + + + + + + diff --git a/src/views/scada/components/inGasConfig.vue b/src/views/scada/components/inGasConfig.vue new file mode 100644 index 0000000..c72267a --- /dev/null +++ b/src/views/scada/components/inGasConfig.vue @@ -0,0 +1,84 @@ + + + + + + diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/src/components/Map/components/supplyLayer.vue b/src/components/Map/components/supplyLayer.vue index e64f114..0375e9f 100644 --- a/src/components/Map/components/supplyLayer.vue +++ b/src/components/Map/components/supplyLayer.vue @@ -121,7 +121,7 @@ const supply = item.supply const position = [this.citiesPositions[item.name].x, this.citiesPositions[item.name].y] const html = `${item['name']}
- 实时供给：${supply.toFixed(2)}万m³` + 实时输气：${supply.toFixed(2)}万m³` const color = this.colorList[i % 10] this.addWall(item.name, position, supply * this.index, color, html) } diff --git a/src/router/modules/system.js b/src/router/modules/system.js index 33df287..93f9ac6 100644 --- a/src/router/modules/system.js +++ b/src/router/modules/system.js @@ -105,6 +105,12 @@ component: () => import('@/views/system/log/loginLog'), // Parent router-view name: 'LoginLog', meta: { title: '登录日志', permission: ['/loginLog'] } + }, + { + path: '/scadaConfig', + component: () => import('@/views/scada/scadaConfig'), // Parent router-view + name: 'ScadaConfig', + meta: { title: '报表配置', permission: ['/scadaConfig'] } } ] } ] diff --git a/src/views/login/index.vue b/src/views/login/index.vue index cfc91e7..55b55f9 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -12,13 +12,14 @@ - + - diff --git a/src/views/maps/mapOverview2.vue b/src/views/maps/mapOverview2.vue index 8481861..a44a904 100644 --- a/src/views/maps/mapOverview2.vue +++ b/src/views/maps/mapOverview2.vue @@ -23,7 +23,7 @@
- + diff --git a/src/views/scada/components/dianchangConfig.vue b/src/views/scada/components/dianchangConfig.vue new file mode 100644 index 0000000..2e4030f --- /dev/null +++ b/src/views/scada/components/dianchangConfig.vue @@ -0,0 +1,76 @@ + + + + + + diff --git a/src/views/scada/components/inGasConfig.vue b/src/views/scada/components/inGasConfig.vue new file mode 100644 index 0000000..c72267a --- /dev/null +++ b/src/views/scada/components/inGasConfig.vue @@ -0,0 +1,84 @@ + + + + + + diff --git a/src/views/scada/components/inReverseConfig.vue b/src/views/scada/components/inReverseConfig.vue new file mode 100644 index 0000000..40b7aaf --- /dev/null +++ b/src/views/scada/components/inReverseConfig.vue @@ -0,0 +1,83 @@ + + + + + + diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/src/components/Map/components/supplyLayer.vue b/src/components/Map/components/supplyLayer.vue index e64f114..0375e9f 100644 --- a/src/components/Map/components/supplyLayer.vue +++ b/src/components/Map/components/supplyLayer.vue @@ -121,7 +121,7 @@ const supply = item.supply const position = [this.citiesPositions[item.name].x, this.citiesPositions[item.name].y] const html = `${item['name']}
- 实时供给：${supply.toFixed(2)}万m³` + 实时输气：${supply.toFixed(2)}万m³` const color = this.colorList[i % 10] this.addWall(item.name, position, supply * this.index, color, html) } diff --git a/src/router/modules/system.js b/src/router/modules/system.js index 33df287..93f9ac6 100644 --- a/src/router/modules/system.js +++ b/src/router/modules/system.js @@ -105,6 +105,12 @@ component: () => import('@/views/system/log/loginLog'), // Parent router-view name: 'LoginLog', meta: { title: '登录日志', permission: ['/loginLog'] } + }, + { + path: '/scadaConfig', + component: () => import('@/views/scada/scadaConfig'), // Parent router-view + name: 'ScadaConfig', + meta: { title: '报表配置', permission: ['/scadaConfig'] } } ] } ] diff --git a/src/views/login/index.vue b/src/views/login/index.vue index cfc91e7..55b55f9 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -12,13 +12,14 @@ - + - diff --git a/src/views/maps/mapOverview2.vue b/src/views/maps/mapOverview2.vue index 8481861..a44a904 100644 --- a/src/views/maps/mapOverview2.vue +++ b/src/views/maps/mapOverview2.vue @@ -23,7 +23,7 @@
- + diff --git a/src/views/scada/components/dianchangConfig.vue b/src/views/scada/components/dianchangConfig.vue new file mode 100644 index 0000000..2e4030f --- /dev/null +++ b/src/views/scada/components/dianchangConfig.vue @@ -0,0 +1,76 @@ + + + + + + diff --git a/src/views/scada/components/inGasConfig.vue b/src/views/scada/components/inGasConfig.vue new file mode 100644 index 0000000..c72267a --- /dev/null +++ b/src/views/scada/components/inGasConfig.vue @@ -0,0 +1,84 @@ + + + + + + diff --git a/src/views/scada/components/inReverseConfig.vue b/src/views/scada/components/inReverseConfig.vue new file mode 100644 index 0000000..40b7aaf --- /dev/null +++ b/src/views/scada/components/inReverseConfig.vue @@ -0,0 +1,83 @@ + + + + + + diff --git a/src/views/scada/components/lianluoxianConfig.vue b/src/views/scada/components/lianluoxianConfig.vue new file mode 100644 index 0000000..cfe3419 --- /dev/null +++ b/src/views/scada/components/lianluoxianConfig.vue @@ -0,0 +1,83 @@ + + + + + + diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/src/components/Map/components/supplyLayer.vue b/src/components/Map/components/supplyLayer.vue index e64f114..0375e9f 100644 --- a/src/components/Map/components/supplyLayer.vue +++ b/src/components/Map/components/supplyLayer.vue @@ -121,7 +121,7 @@ const supply = item.supply const position = [this.citiesPositions[item.name].x, this.citiesPositions[item.name].y] const html = `${item['name']}
- 实时供给：${supply.toFixed(2)}万m³` + 实时输气：${supply.toFixed(2)}万m³` const color = this.colorList[i % 10] this.addWall(item.name, position, supply * this.index, color, html) } diff --git a/src/router/modules/system.js b/src/router/modules/system.js index 33df287..93f9ac6 100644 --- a/src/router/modules/system.js +++ b/src/router/modules/system.js @@ -105,6 +105,12 @@ component: () => import('@/views/system/log/loginLog'), // Parent router-view name: 'LoginLog', meta: { title: '登录日志', permission: ['/loginLog'] } + }, + { + path: '/scadaConfig', + component: () => import('@/views/scada/scadaConfig'), // Parent router-view + name: 'ScadaConfig', + meta: { title: '报表配置', permission: ['/scadaConfig'] } } ] } ] diff --git a/src/views/login/index.vue b/src/views/login/index.vue index cfc91e7..55b55f9 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -12,13 +12,14 @@ - + - diff --git a/src/views/maps/mapOverview2.vue b/src/views/maps/mapOverview2.vue index 8481861..a44a904 100644 --- a/src/views/maps/mapOverview2.vue +++ b/src/views/maps/mapOverview2.vue @@ -23,7 +23,7 @@
- + diff --git a/src/views/scada/components/dianchangConfig.vue b/src/views/scada/components/dianchangConfig.vue new file mode 100644 index 0000000..2e4030f --- /dev/null +++ b/src/views/scada/components/dianchangConfig.vue @@ -0,0 +1,76 @@ + + + + + + diff --git a/src/views/scada/components/inGasConfig.vue b/src/views/scada/components/inGasConfig.vue new file mode 100644 index 0000000..c72267a --- /dev/null +++ b/src/views/scada/components/inGasConfig.vue @@ -0,0 +1,84 @@ + + + + + + diff --git a/src/views/scada/components/inReverseConfig.vue b/src/views/scada/components/inReverseConfig.vue new file mode 100644 index 0000000..40b7aaf --- /dev/null +++ b/src/views/scada/components/inReverseConfig.vue @@ -0,0 +1,83 @@ + + + + + + diff --git a/src/views/scada/components/lianluoxianConfig.vue b/src/views/scada/components/lianluoxianConfig.vue new file mode 100644 index 0000000..cfe3419 --- /dev/null +++ b/src/views/scada/components/lianluoxianConfig.vue @@ -0,0 +1,83 @@ + + + + + + diff --git a/src/views/scada/components/outGasConfig.vue b/src/views/scada/components/outGasConfig.vue new file mode 100644 index 0000000..5b5a061 --- /dev/null +++ b/src/views/scada/components/outGasConfig.vue @@ -0,0 +1,84 @@ + + + + + + diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/src/components/Map/components/supplyLayer.vue b/src/components/Map/components/supplyLayer.vue index e64f114..0375e9f 100644 --- a/src/components/Map/components/supplyLayer.vue +++ b/src/components/Map/components/supplyLayer.vue @@ -121,7 +121,7 @@ const supply = item.supply const position = [this.citiesPositions[item.name].x, this.citiesPositions[item.name].y] const html = `${item['name']}
- 实时供给：${supply.toFixed(2)}万m³` + 实时输气：${supply.toFixed(2)}万m³` const color = this.colorList[i % 10] this.addWall(item.name, position, supply * this.index, color, html) } diff --git a/src/router/modules/system.js b/src/router/modules/system.js index 33df287..93f9ac6 100644 --- a/src/router/modules/system.js +++ b/src/router/modules/system.js @@ -105,6 +105,12 @@ component: () => import('@/views/system/log/loginLog'), // Parent router-view name: 'LoginLog', meta: { title: '登录日志', permission: ['/loginLog'] } + }, + { + path: '/scadaConfig', + component: () => import('@/views/scada/scadaConfig'), // Parent router-view + name: 'ScadaConfig', + meta: { title: '报表配置', permission: ['/scadaConfig'] } } ] } ] diff --git a/src/views/login/index.vue b/src/views/login/index.vue index cfc91e7..55b55f9 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -12,13 +12,14 @@ - + - diff --git a/src/views/maps/mapOverview2.vue b/src/views/maps/mapOverview2.vue index 8481861..a44a904 100644 --- a/src/views/maps/mapOverview2.vue +++ b/src/views/maps/mapOverview2.vue @@ -23,7 +23,7 @@
- + diff --git a/src/views/scada/components/dianchangConfig.vue b/src/views/scada/components/dianchangConfig.vue new file mode 100644 index 0000000..2e4030f --- /dev/null +++ b/src/views/scada/components/dianchangConfig.vue @@ -0,0 +1,76 @@ + + + + + + diff --git a/src/views/scada/components/inGasConfig.vue b/src/views/scada/components/inGasConfig.vue new file mode 100644 index 0000000..c72267a --- /dev/null +++ b/src/views/scada/components/inGasConfig.vue @@ -0,0 +1,84 @@ + + + + + + diff --git a/src/views/scada/components/inReverseConfig.vue b/src/views/scada/components/inReverseConfig.vue new file mode 100644 index 0000000..40b7aaf --- /dev/null +++ b/src/views/scada/components/inReverseConfig.vue @@ -0,0 +1,83 @@ + + + + + + diff --git a/src/views/scada/components/lianluoxianConfig.vue b/src/views/scada/components/lianluoxianConfig.vue new file mode 100644 index 0000000..cfe3419 --- /dev/null +++ b/src/views/scada/components/lianluoxianConfig.vue @@ -0,0 +1,83 @@ + + + + + + diff --git a/src/views/scada/components/outGasConfig.vue b/src/views/scada/components/outGasConfig.vue new file mode 100644 index 0000000..5b5a061 --- /dev/null +++ b/src/views/scada/components/outGasConfig.vue @@ -0,0 +1,84 @@ + + + + + + diff --git a/src/views/scada/components/yechangConfig.vue b/src/views/scada/components/yechangConfig.vue new file mode 100644 index 0000000..30709d6 --- /dev/null +++ b/src/views/scada/components/yechangConfig.vue @@ -0,0 +1,84 @@ + + + + + + diff --git a/README-zh.md b/README-zh.md index eecdd8d..495e771 100644 --- a/README-zh.md +++ b/README-zh.md @@ -3,9 +3,56 @@ > 华新燃气驾驶舱项目 -## 相关项目 +## 项目简介 -本项目源于vue-admin-template，一个极简的 vue admin 管理后台 它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 +本项目是华新燃气集团驾驶舱项目系统前端代码。 基于 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数据目录 +``` ## 安装前提 @@ -23,8 +70,8 @@ ## 安装步骤 ```bash -# 克隆项目 -git clone http://111.198.10.15:12003/gitbucket/git/wangxiaoying/dcms_front.git +# 移动到项目目录下 +cd cockpit_hxrq_front # 安装依赖 npm install @@ -32,14 +79,12 @@ # 建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题 npm install --registry=https://registry.npm.taobao.org -# Serve with hot reload at localhost:9528 +# 项目启动 npm run dev -# Build for production with minification +# 项目打包， 命令完成项目将打包至dist目录下 npm run build -# Build for production and view the bundle analyzer report -npm run build --report ``` ## 配置文件属性解释 @@ -48,24 +93,29 @@ ```` { - "title": "智慧城管平台", - "baseUrl": "http://111.198.10.15:11409/", - "sameWindow": true, - "city":"崇仁县", + "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", - "center":[27.75962, 116.06021], - "zoom":15 + "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: 后台地址 -- sameWindow: 是否要在同一个窗口打开子系统，true为是，false为否，选择false将在新窗口打开子系统 +- biUrl: BI访问地址 +- sameWindow: 子系统是否在同一窗口打开 +- toDashboard: 暂时无用 +- biLogin: BI登录校验地址 +- dashUrl: 移动端主页地址 - city: 城市，暂无用处 - mapUrl: 地图地址 - labelUrl: 地图标注地址 -- center: 默认地图中心坐标 [纬度，经度] -- zoom: 默认缩放级别，数字 @@ -74,12 +124,12 @@ ## 浏览器支持情况 -主流浏览器和IE 10+. +主流浏览器和IE 11+. | [IE / Edge](http://godban.github.io/browsers-support-badges/)
IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | --------- | --------- | --------- | --------- | -| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions +| IE11, Edge| last 2 versions| last 2 versions| last 2 versions ## License -Copyright (c) 2019-present WangXiaoying +Copyright (c) 2020-present WangXiaoying diff --git a/src/api/scada.js b/src/api/scada.js new file mode 100644 index 0000000..f1b2452 --- /dev/null +++ b/src/api/scada.js @@ -0,0 +1,22 @@ +import request from '@/utils/request' +// 获取配置参数 +export function getConfig(params) { + return request({ + url: 'bizRelation/listPage', + method: 'get', + params:{ + ...params, + limit: 10000, + offset:1 + } + }) +} + +// 保存配置参数 +export function saveConfig(params){ + return request({ + url: 'bizRelation/update', + method: 'get', + params + }) +} diff --git a/src/components/Map/components/supplyLayer.vue b/src/components/Map/components/supplyLayer.vue index e64f114..0375e9f 100644 --- a/src/components/Map/components/supplyLayer.vue +++ b/src/components/Map/components/supplyLayer.vue @@ -121,7 +121,7 @@ const supply = item.supply const position = [this.citiesPositions[item.name].x, this.citiesPositions[item.name].y] const html = `${item['name']}
- 实时供给：${supply.toFixed(2)}万m³` + 实时输气：${supply.toFixed(2)}万m³` const color = this.colorList[i % 10] this.addWall(item.name, position, supply * this.index, color, html) } diff --git a/src/router/modules/system.js b/src/router/modules/system.js index 33df287..93f9ac6 100644 --- a/src/router/modules/system.js +++ b/src/router/modules/system.js @@ -105,6 +105,12 @@ component: () => import('@/views/system/log/loginLog'), // Parent router-view name: 'LoginLog', meta: { title: '登录日志', permission: ['/loginLog'] } + }, + { + path: '/scadaConfig', + component: () => import('@/views/scada/scadaConfig'), // Parent router-view + name: 'ScadaConfig', + meta: { title: '报表配置', permission: ['/scadaConfig'] } } ] } ] diff --git a/src/views/login/index.vue b/src/views/login/index.vue index cfc91e7..55b55f9 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -12,13 +12,14 @@ - + - diff --git a/src/views/maps/mapOverview2.vue b/src/views/maps/mapOverview2.vue index 8481861..a44a904 100644 --- a/src/views/maps/mapOverview2.vue +++ b/src/views/maps/mapOverview2.vue @@ -23,7 +23,7 @@
- + diff --git a/src/views/scada/components/dianchangConfig.vue b/src/views/scada/components/dianchangConfig.vue new file mode 100644 index 0000000..2e4030f --- /dev/null +++ b/src/views/scada/components/dianchangConfig.vue @@ -0,0 +1,76 @@ + + + + + + diff --git a/src/views/scada/components/inGasConfig.vue b/src/views/scada/components/inGasConfig.vue new file mode 100644 index 0000000..c72267a --- /dev/null +++ b/src/views/scada/components/inGasConfig.vue @@ -0,0 +1,84 @@ + + + + + + diff --git a/src/views/scada/components/inReverseConfig.vue b/src/views/scada/components/inReverseConfig.vue new file mode 100644 index 0000000..40b7aaf --- /dev/null +++ b/src/views/scada/components/inReverseConfig.vue @@ -0,0 +1,83 @@ + + + + + + diff --git a/src/views/scada/components/lianluoxianConfig.vue b/src/views/scada/components/lianluoxianConfig.vue new file mode 100644 index 0000000..cfe3419 --- /dev/null +++ b/src/views/scada/components/lianluoxianConfig.vue @@ -0,0 +1,83 @@ + + + + + + diff --git a/src/views/scada/components/outGasConfig.vue b/src/views/scada/components/outGasConfig.vue new file mode 100644 index 0000000..5b5a061 --- /dev/null +++ b/src/views/scada/components/outGasConfig.vue @@ -0,0 +1,84 @@ + + + + + + diff --git a/src/views/scada/components/yechangConfig.vue b/src/views/scada/components/yechangConfig.vue new file mode 100644 index 0000000..30709d6 --- /dev/null +++ b/src/views/scada/components/yechangConfig.vue @@ -0,0 +1,84 @@ + + + + + + diff --git a/src/views/scada/scadaConfig.vue b/src/views/scada/scadaConfig.vue new file mode 100644 index 0000000..ac69a3b --- /dev/null +++ b/src/views/scada/scadaConfig.vue @@ -0,0 +1,210 @@ + + + + + +