diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/views/gasDashboard/components/DeviceCount.vue b/src/views/gasDashboard/components/DeviceCount.vue
index 91bafbf..c777fe5 100644
--- a/src/views/gasDashboard/components/DeviceCount.vue
+++ b/src/views/gasDashboard/components/DeviceCount.vue
@@ -44,22 +44,15 @@
}
},
mounted() {
- // TODO:待调试真接口
this.fetchData()
- this.chartData.rows = [
- { 'deviceType': '气体流量计', 'deviceCount': 20, '下单用户': 1093, '下单率': 0.32 },
- { 'deviceType': '供水泄露监测仪', 'deviceCount': 20, '下单用户': 3230, '下单率': 0.26 },
- { 'deviceType': '气体泄露监测仪', 'deviceCount': 50, '下单用户': 2623, '下单率': 0.76 },
- { 'deviceType': '腐蚀速率监测仪', 'deviceCount': 10, '下单用户': 1423, '下单率': 0.49 }
- ]
},
methods: {
fetchData() {
const data = {
- extra: 1
+ extra: '0'
}
deviceStaticsByType(data).then(response => {
- // this.chartData.rows = response.data
+ this.chartData.rows = response.data
})
}
}
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/views/gasDashboard/components/DeviceCount.vue b/src/views/gasDashboard/components/DeviceCount.vue
index 91bafbf..c777fe5 100644
--- a/src/views/gasDashboard/components/DeviceCount.vue
+++ b/src/views/gasDashboard/components/DeviceCount.vue
@@ -44,22 +44,15 @@
}
},
mounted() {
- // TODO:待调试真接口
this.fetchData()
- this.chartData.rows = [
- { 'deviceType': '气体流量计', 'deviceCount': 20, '下单用户': 1093, '下单率': 0.32 },
- { 'deviceType': '供水泄露监测仪', 'deviceCount': 20, '下单用户': 3230, '下单率': 0.26 },
- { 'deviceType': '气体泄露监测仪', 'deviceCount': 50, '下单用户': 2623, '下单率': 0.76 },
- { 'deviceType': '腐蚀速率监测仪', 'deviceCount': 10, '下单用户': 1423, '下单率': 0.49 }
- ]
},
methods: {
fetchData() {
const data = {
- extra: 1
+ extra: '0'
}
deviceStaticsByType(data).then(response => {
- // this.chartData.rows = response.data
+ this.chartData.rows = response.data
})
}
}
diff --git a/src/views/gasDashboard/components/corrodeCountByDay.vue b/src/views/gasDashboard/components/corrodeCountByDay.vue
index 24f9766..3a97391 100644
--- a/src/views/gasDashboard/components/corrodeCountByDay.vue
+++ b/src/views/gasDashboard/components/corrodeCountByDay.vue
@@ -27,7 +27,7 @@
endTime: ''
},
title: {
- text: '腐蚀速率用气走势图'
+ text: '腐蚀速率走势图'
},
chartSettings: {
labelMap: { date: '日期' },
@@ -39,7 +39,7 @@
top: 120
},
yAxis: {
- name: '用气量(吨)',
+ name: '腐蚀率(%)',
position: 'left'
},
legend: {
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/views/gasDashboard/components/DeviceCount.vue b/src/views/gasDashboard/components/DeviceCount.vue
index 91bafbf..c777fe5 100644
--- a/src/views/gasDashboard/components/DeviceCount.vue
+++ b/src/views/gasDashboard/components/DeviceCount.vue
@@ -44,22 +44,15 @@
}
},
mounted() {
- // TODO:待调试真接口
this.fetchData()
- this.chartData.rows = [
- { 'deviceType': '气体流量计', 'deviceCount': 20, '下单用户': 1093, '下单率': 0.32 },
- { 'deviceType': '供水泄露监测仪', 'deviceCount': 20, '下单用户': 3230, '下单率': 0.26 },
- { 'deviceType': '气体泄露监测仪', 'deviceCount': 50, '下单用户': 2623, '下单率': 0.76 },
- { 'deviceType': '腐蚀速率监测仪', 'deviceCount': 10, '下单用户': 1423, '下单率': 0.49 }
- ]
},
methods: {
fetchData() {
const data = {
- extra: 1
+ extra: '0'
}
deviceStaticsByType(data).then(response => {
- // this.chartData.rows = response.data
+ this.chartData.rows = response.data
})
}
}
diff --git a/src/views/gasDashboard/components/corrodeCountByDay.vue b/src/views/gasDashboard/components/corrodeCountByDay.vue
index 24f9766..3a97391 100644
--- a/src/views/gasDashboard/components/corrodeCountByDay.vue
+++ b/src/views/gasDashboard/components/corrodeCountByDay.vue
@@ -27,7 +27,7 @@
endTime: ''
},
title: {
- text: '腐蚀速率用气走势图'
+ text: '腐蚀速率走势图'
},
chartSettings: {
labelMap: { date: '日期' },
@@ -39,7 +39,7 @@
top: 120
},
yAxis: {
- name: '用气量(吨)',
+ name: '腐蚀率(%)',
position: 'left'
},
legend: {
diff --git a/src/views/gasDashboard/components/watchGasAlarmBar.vue b/src/views/gasDashboard/components/watchGasAlarmBar.vue
index d4b88a9..54783cc 100644
--- a/src/views/gasDashboard/components/watchGasAlarmBar.vue
+++ b/src/views/gasDashboard/components/watchGasAlarmBar.vue
@@ -24,11 +24,10 @@
},
labelMap: {
'areaName': '分区',
- 'alarm': '报警数',
- 'warning': '预警数'
+ 'alarm': '报警数'
},
dimension: ['areaName'],
- metrics: ['alarm', 'warning']
+ metrics: ['alarm']
},
grid: {
right: 40,
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/views/gasDashboard/components/DeviceCount.vue b/src/views/gasDashboard/components/DeviceCount.vue
index 91bafbf..c777fe5 100644
--- a/src/views/gasDashboard/components/DeviceCount.vue
+++ b/src/views/gasDashboard/components/DeviceCount.vue
@@ -44,22 +44,15 @@
}
},
mounted() {
- // TODO:待调试真接口
this.fetchData()
- this.chartData.rows = [
- { 'deviceType': '气体流量计', 'deviceCount': 20, '下单用户': 1093, '下单率': 0.32 },
- { 'deviceType': '供水泄露监测仪', 'deviceCount': 20, '下单用户': 3230, '下单率': 0.26 },
- { 'deviceType': '气体泄露监测仪', 'deviceCount': 50, '下单用户': 2623, '下单率': 0.76 },
- { 'deviceType': '腐蚀速率监测仪', 'deviceCount': 10, '下单用户': 1423, '下单率': 0.49 }
- ]
},
methods: {
fetchData() {
const data = {
- extra: 1
+ extra: '0'
}
deviceStaticsByType(data).then(response => {
- // this.chartData.rows = response.data
+ this.chartData.rows = response.data
})
}
}
diff --git a/src/views/gasDashboard/components/corrodeCountByDay.vue b/src/views/gasDashboard/components/corrodeCountByDay.vue
index 24f9766..3a97391 100644
--- a/src/views/gasDashboard/components/corrodeCountByDay.vue
+++ b/src/views/gasDashboard/components/corrodeCountByDay.vue
@@ -27,7 +27,7 @@
endTime: ''
},
title: {
- text: '腐蚀速率用气走势图'
+ text: '腐蚀速率走势图'
},
chartSettings: {
labelMap: { date: '日期' },
@@ -39,7 +39,7 @@
top: 120
},
yAxis: {
- name: '用气量(吨)',
+ name: '腐蚀率(%)',
position: 'left'
},
legend: {
diff --git a/src/views/gasDashboard/components/watchGasAlarmBar.vue b/src/views/gasDashboard/components/watchGasAlarmBar.vue
index d4b88a9..54783cc 100644
--- a/src/views/gasDashboard/components/watchGasAlarmBar.vue
+++ b/src/views/gasDashboard/components/watchGasAlarmBar.vue
@@ -24,11 +24,10 @@
},
labelMap: {
'areaName': '分区',
- 'alarm': '报警数',
- 'warning': '预警数'
+ 'alarm': '报警数'
},
dimension: ['areaName'],
- metrics: ['alarm', 'warning']
+ metrics: ['alarm']
},
grid: {
right: 40,
diff --git a/src/views/gasDashboard/components/waterNote.vue b/src/views/gasDashboard/components/waterNote.vue
index d2fb0db..89c62d9 100644
--- a/src/views/gasDashboard/components/waterNote.vue
+++ b/src/views/gasDashboard/components/waterNote.vue
@@ -96,7 +96,6 @@
})
console.log(currentList)
updateNoteList(currentList).then(res => {
- console.log(res, '======7890')
this.editMode = false
this.$message.success('保存成功')
}).catch(e => {
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/views/gasDashboard/components/DeviceCount.vue b/src/views/gasDashboard/components/DeviceCount.vue
index 91bafbf..c777fe5 100644
--- a/src/views/gasDashboard/components/DeviceCount.vue
+++ b/src/views/gasDashboard/components/DeviceCount.vue
@@ -44,22 +44,15 @@
}
},
mounted() {
- // TODO:待调试真接口
this.fetchData()
- this.chartData.rows = [
- { 'deviceType': '气体流量计', 'deviceCount': 20, '下单用户': 1093, '下单率': 0.32 },
- { 'deviceType': '供水泄露监测仪', 'deviceCount': 20, '下单用户': 3230, '下单率': 0.26 },
- { 'deviceType': '气体泄露监测仪', 'deviceCount': 50, '下单用户': 2623, '下单率': 0.76 },
- { 'deviceType': '腐蚀速率监测仪', 'deviceCount': 10, '下单用户': 1423, '下单率': 0.49 }
- ]
},
methods: {
fetchData() {
const data = {
- extra: 1
+ extra: '0'
}
deviceStaticsByType(data).then(response => {
- // this.chartData.rows = response.data
+ this.chartData.rows = response.data
})
}
}
diff --git a/src/views/gasDashboard/components/corrodeCountByDay.vue b/src/views/gasDashboard/components/corrodeCountByDay.vue
index 24f9766..3a97391 100644
--- a/src/views/gasDashboard/components/corrodeCountByDay.vue
+++ b/src/views/gasDashboard/components/corrodeCountByDay.vue
@@ -27,7 +27,7 @@
endTime: ''
},
title: {
- text: '腐蚀速率用气走势图'
+ text: '腐蚀速率走势图'
},
chartSettings: {
labelMap: { date: '日期' },
@@ -39,7 +39,7 @@
top: 120
},
yAxis: {
- name: '用气量(吨)',
+ name: '腐蚀率(%)',
position: 'left'
},
legend: {
diff --git a/src/views/gasDashboard/components/watchGasAlarmBar.vue b/src/views/gasDashboard/components/watchGasAlarmBar.vue
index d4b88a9..54783cc 100644
--- a/src/views/gasDashboard/components/watchGasAlarmBar.vue
+++ b/src/views/gasDashboard/components/watchGasAlarmBar.vue
@@ -24,11 +24,10 @@
},
labelMap: {
'areaName': '分区',
- 'alarm': '报警数',
- 'warning': '预警数'
+ 'alarm': '报警数'
},
dimension: ['areaName'],
- metrics: ['alarm', 'warning']
+ metrics: ['alarm']
},
grid: {
right: 40,
diff --git a/src/views/gasDashboard/components/waterNote.vue b/src/views/gasDashboard/components/waterNote.vue
index d2fb0db..89c62d9 100644
--- a/src/views/gasDashboard/components/waterNote.vue
+++ b/src/views/gasDashboard/components/waterNote.vue
@@ -96,7 +96,6 @@
})
console.log(currentList)
updateNoteList(currentList).then(res => {
- console.log(res, '======7890')
this.editMode = false
this.$message.success('保存成功')
}).catch(e => {
diff --git a/src/views/gasOverview/gasOverviewSimple.vue b/src/views/gasOverview/gasOverviewSimple.vue
index 7b61965..889ed8b 100644
--- a/src/views/gasOverview/gasOverviewSimple.vue
+++ b/src/views/gasOverview/gasOverviewSimple.vue
@@ -94,6 +94,12 @@
var watch_icon_layer = null // 水表图标层
var zs_model_layer = null // 噪声模型层
var zs_icon_layer = null // 噪声图标层
+var rq_model_layer = null // 燃气模型层
+var rq_icon_layer = null // 燃气图标层
+var qt_model_layer = null // 气体流量计模型层
+var qt_icon_layer = null // 气体流量计图标层
+var fs_model_layer = null // 腐蚀速率监测仪模型层
+var fs_icon_layer = null // 腐蚀速率监测仪图标层
export default {
name: 'OverviewSimple',
components: {},
@@ -218,26 +224,60 @@
methods: {
// 设备展示
handleCheckedCitiesChange(val) {
- console.log(val, '000000000000000000000000000000')
+ console.log(val)
+ if (val.length === 0) {
+ window.map.removeLayer(zs_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(zs_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(well_model_layer)
+ }
val.forEach(item => {
- if (item.indexOf('远传水表') === -1) {
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
+ // if (item.indexOf('腐蚀速率监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.fsModel()
+ // } else if (item.indexOf('气体流量计') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.qtModel()
+ // } else if (item.indexOf('气体泄露监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.rqModel()
+ // } else
+ if (item.indexOf('供水泄露监测仪') === -1) {
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
window.map.removeLayer(well_model_layer)
this.wellMode()
- this.zsMoel()
- } else if (item.indexOf('供水泄露监测仪') === -1) {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(well_model_layer)
- this.wellMode()
- this.watchModel()
- } else {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
- window.map.removeLayer(well_model_layer)
+ this.zsModel()
}
})
},
@@ -388,9 +428,12 @@
// 初始化井,设备
async initPoints() {
this.wellMode()
- this.watchModel()
this.zsMoel()
+ // this.rqModel()
+ // this.qtModel()
+ // this.fsModel()
},
+ // 井
wellMode() {
// 井
getMapping(this.listQuery.keywords).then(response => {
@@ -470,6 +513,124 @@
}
})
},
+ // 腐蚀速率监测仪
+ fsModel() {
+ const params = '14'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (fs_model_layer !== null) window.map.removeLayer(fs_model_layer)
+ fs_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_model_layer)
+
+ if (fs_icon_layer !== null) window.map.removeLayer(fs_icon_layer)
+ fs_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ fs_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/fs.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ fs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/fs.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体流量计
+ qtModel() {
+ const params = '15'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (qt_model_layer !== null) window.map.removeLayer(qt_model_layer)
+ qt_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_model_layer)
+
+ if (qt_icon_layer !== null) window.map.removeLayer(qt_icon_layer)
+ qt_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ qt_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/qt.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ qt_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/qt.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体泄露监测仪(原燃气)
+ rqModel() {
+ const params = '4'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (rq_model_layer !== null) window.map.removeLayer(rq_model_layer)
+ rq_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_model_layer)
+
+ if (rq_icon_layer !== null) window.map.removeLayer(rq_icon_layer)
+ rq_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ rq_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/rq.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ rq_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/rq.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 供水泄露监测仪(原噪声)
zsMoel() {
const params = '8'
getMapping(params, this.listQuery.keywords).then(response => {
@@ -489,7 +650,7 @@
scale: 1,
heading: 90
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
zs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
id: response.data[i].devcode,
@@ -501,7 +662,7 @@
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
}
this.refreshAlarm()
@@ -558,7 +719,7 @@
this.alarmList = response.data
if (this.alarmList.length > 0) {
this.hasAlarm = true
- }
+ }
for (const alarm of response.data) {
for (const watch of watch_icon_layer.graphics) {
if (alarm.devcode === watch.options.id) {
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/views/gasDashboard/components/DeviceCount.vue b/src/views/gasDashboard/components/DeviceCount.vue
index 91bafbf..c777fe5 100644
--- a/src/views/gasDashboard/components/DeviceCount.vue
+++ b/src/views/gasDashboard/components/DeviceCount.vue
@@ -44,22 +44,15 @@
}
},
mounted() {
- // TODO:待调试真接口
this.fetchData()
- this.chartData.rows = [
- { 'deviceType': '气体流量计', 'deviceCount': 20, '下单用户': 1093, '下单率': 0.32 },
- { 'deviceType': '供水泄露监测仪', 'deviceCount': 20, '下单用户': 3230, '下单率': 0.26 },
- { 'deviceType': '气体泄露监测仪', 'deviceCount': 50, '下单用户': 2623, '下单率': 0.76 },
- { 'deviceType': '腐蚀速率监测仪', 'deviceCount': 10, '下单用户': 1423, '下单率': 0.49 }
- ]
},
methods: {
fetchData() {
const data = {
- extra: 1
+ extra: '0'
}
deviceStaticsByType(data).then(response => {
- // this.chartData.rows = response.data
+ this.chartData.rows = response.data
})
}
}
diff --git a/src/views/gasDashboard/components/corrodeCountByDay.vue b/src/views/gasDashboard/components/corrodeCountByDay.vue
index 24f9766..3a97391 100644
--- a/src/views/gasDashboard/components/corrodeCountByDay.vue
+++ b/src/views/gasDashboard/components/corrodeCountByDay.vue
@@ -27,7 +27,7 @@
endTime: ''
},
title: {
- text: '腐蚀速率用气走势图'
+ text: '腐蚀速率走势图'
},
chartSettings: {
labelMap: { date: '日期' },
@@ -39,7 +39,7 @@
top: 120
},
yAxis: {
- name: '用气量(吨)',
+ name: '腐蚀率(%)',
position: 'left'
},
legend: {
diff --git a/src/views/gasDashboard/components/watchGasAlarmBar.vue b/src/views/gasDashboard/components/watchGasAlarmBar.vue
index d4b88a9..54783cc 100644
--- a/src/views/gasDashboard/components/watchGasAlarmBar.vue
+++ b/src/views/gasDashboard/components/watchGasAlarmBar.vue
@@ -24,11 +24,10 @@
},
labelMap: {
'areaName': '分区',
- 'alarm': '报警数',
- 'warning': '预警数'
+ 'alarm': '报警数'
},
dimension: ['areaName'],
- metrics: ['alarm', 'warning']
+ metrics: ['alarm']
},
grid: {
right: 40,
diff --git a/src/views/gasDashboard/components/waterNote.vue b/src/views/gasDashboard/components/waterNote.vue
index d2fb0db..89c62d9 100644
--- a/src/views/gasDashboard/components/waterNote.vue
+++ b/src/views/gasDashboard/components/waterNote.vue
@@ -96,7 +96,6 @@
})
console.log(currentList)
updateNoteList(currentList).then(res => {
- console.log(res, '======7890')
this.editMode = false
this.$message.success('保存成功')
}).catch(e => {
diff --git a/src/views/gasOverview/gasOverviewSimple.vue b/src/views/gasOverview/gasOverviewSimple.vue
index 7b61965..889ed8b 100644
--- a/src/views/gasOverview/gasOverviewSimple.vue
+++ b/src/views/gasOverview/gasOverviewSimple.vue
@@ -94,6 +94,12 @@
var watch_icon_layer = null // 水表图标层
var zs_model_layer = null // 噪声模型层
var zs_icon_layer = null // 噪声图标层
+var rq_model_layer = null // 燃气模型层
+var rq_icon_layer = null // 燃气图标层
+var qt_model_layer = null // 气体流量计模型层
+var qt_icon_layer = null // 气体流量计图标层
+var fs_model_layer = null // 腐蚀速率监测仪模型层
+var fs_icon_layer = null // 腐蚀速率监测仪图标层
export default {
name: 'OverviewSimple',
components: {},
@@ -218,26 +224,60 @@
methods: {
// 设备展示
handleCheckedCitiesChange(val) {
- console.log(val, '000000000000000000000000000000')
+ console.log(val)
+ if (val.length === 0) {
+ window.map.removeLayer(zs_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(zs_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(well_model_layer)
+ }
val.forEach(item => {
- if (item.indexOf('远传水表') === -1) {
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
+ // if (item.indexOf('腐蚀速率监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.fsModel()
+ // } else if (item.indexOf('气体流量计') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.qtModel()
+ // } else if (item.indexOf('气体泄露监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.rqModel()
+ // } else
+ if (item.indexOf('供水泄露监测仪') === -1) {
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
window.map.removeLayer(well_model_layer)
this.wellMode()
- this.zsMoel()
- } else if (item.indexOf('供水泄露监测仪') === -1) {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(well_model_layer)
- this.wellMode()
- this.watchModel()
- } else {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
- window.map.removeLayer(well_model_layer)
+ this.zsModel()
}
})
},
@@ -388,9 +428,12 @@
// 初始化井,设备
async initPoints() {
this.wellMode()
- this.watchModel()
this.zsMoel()
+ // this.rqModel()
+ // this.qtModel()
+ // this.fsModel()
},
+ // 井
wellMode() {
// 井
getMapping(this.listQuery.keywords).then(response => {
@@ -470,6 +513,124 @@
}
})
},
+ // 腐蚀速率监测仪
+ fsModel() {
+ const params = '14'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (fs_model_layer !== null) window.map.removeLayer(fs_model_layer)
+ fs_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_model_layer)
+
+ if (fs_icon_layer !== null) window.map.removeLayer(fs_icon_layer)
+ fs_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ fs_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/fs.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ fs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/fs.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体流量计
+ qtModel() {
+ const params = '15'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (qt_model_layer !== null) window.map.removeLayer(qt_model_layer)
+ qt_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_model_layer)
+
+ if (qt_icon_layer !== null) window.map.removeLayer(qt_icon_layer)
+ qt_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ qt_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/qt.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ qt_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/qt.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体泄露监测仪(原燃气)
+ rqModel() {
+ const params = '4'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (rq_model_layer !== null) window.map.removeLayer(rq_model_layer)
+ rq_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_model_layer)
+
+ if (rq_icon_layer !== null) window.map.removeLayer(rq_icon_layer)
+ rq_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ rq_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/rq.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ rq_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/rq.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 供水泄露监测仪(原噪声)
zsMoel() {
const params = '8'
getMapping(params, this.listQuery.keywords).then(response => {
@@ -489,7 +650,7 @@
scale: 1,
heading: 90
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
zs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
id: response.data[i].devcode,
@@ -501,7 +662,7 @@
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
}
this.refreshAlarm()
@@ -558,7 +719,7 @@
this.alarmList = response.data
if (this.alarmList.length > 0) {
this.hasAlarm = true
- }
+ }
for (const alarm of response.data) {
for (const watch of watch_icon_layer.graphics) {
if (alarm.devcode === watch.options.id) {
diff --git a/static/images/icon/fs.png b/static/images/icon/fs.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/fs.png
Binary files differ
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/views/gasDashboard/components/DeviceCount.vue b/src/views/gasDashboard/components/DeviceCount.vue
index 91bafbf..c777fe5 100644
--- a/src/views/gasDashboard/components/DeviceCount.vue
+++ b/src/views/gasDashboard/components/DeviceCount.vue
@@ -44,22 +44,15 @@
}
},
mounted() {
- // TODO:待调试真接口
this.fetchData()
- this.chartData.rows = [
- { 'deviceType': '气体流量计', 'deviceCount': 20, '下单用户': 1093, '下单率': 0.32 },
- { 'deviceType': '供水泄露监测仪', 'deviceCount': 20, '下单用户': 3230, '下单率': 0.26 },
- { 'deviceType': '气体泄露监测仪', 'deviceCount': 50, '下单用户': 2623, '下单率': 0.76 },
- { 'deviceType': '腐蚀速率监测仪', 'deviceCount': 10, '下单用户': 1423, '下单率': 0.49 }
- ]
},
methods: {
fetchData() {
const data = {
- extra: 1
+ extra: '0'
}
deviceStaticsByType(data).then(response => {
- // this.chartData.rows = response.data
+ this.chartData.rows = response.data
})
}
}
diff --git a/src/views/gasDashboard/components/corrodeCountByDay.vue b/src/views/gasDashboard/components/corrodeCountByDay.vue
index 24f9766..3a97391 100644
--- a/src/views/gasDashboard/components/corrodeCountByDay.vue
+++ b/src/views/gasDashboard/components/corrodeCountByDay.vue
@@ -27,7 +27,7 @@
endTime: ''
},
title: {
- text: '腐蚀速率用气走势图'
+ text: '腐蚀速率走势图'
},
chartSettings: {
labelMap: { date: '日期' },
@@ -39,7 +39,7 @@
top: 120
},
yAxis: {
- name: '用气量(吨)',
+ name: '腐蚀率(%)',
position: 'left'
},
legend: {
diff --git a/src/views/gasDashboard/components/watchGasAlarmBar.vue b/src/views/gasDashboard/components/watchGasAlarmBar.vue
index d4b88a9..54783cc 100644
--- a/src/views/gasDashboard/components/watchGasAlarmBar.vue
+++ b/src/views/gasDashboard/components/watchGasAlarmBar.vue
@@ -24,11 +24,10 @@
},
labelMap: {
'areaName': '分区',
- 'alarm': '报警数',
- 'warning': '预警数'
+ 'alarm': '报警数'
},
dimension: ['areaName'],
- metrics: ['alarm', 'warning']
+ metrics: ['alarm']
},
grid: {
right: 40,
diff --git a/src/views/gasDashboard/components/waterNote.vue b/src/views/gasDashboard/components/waterNote.vue
index d2fb0db..89c62d9 100644
--- a/src/views/gasDashboard/components/waterNote.vue
+++ b/src/views/gasDashboard/components/waterNote.vue
@@ -96,7 +96,6 @@
})
console.log(currentList)
updateNoteList(currentList).then(res => {
- console.log(res, '======7890')
this.editMode = false
this.$message.success('保存成功')
}).catch(e => {
diff --git a/src/views/gasOverview/gasOverviewSimple.vue b/src/views/gasOverview/gasOverviewSimple.vue
index 7b61965..889ed8b 100644
--- a/src/views/gasOverview/gasOverviewSimple.vue
+++ b/src/views/gasOverview/gasOverviewSimple.vue
@@ -94,6 +94,12 @@
var watch_icon_layer = null // 水表图标层
var zs_model_layer = null // 噪声模型层
var zs_icon_layer = null // 噪声图标层
+var rq_model_layer = null // 燃气模型层
+var rq_icon_layer = null // 燃气图标层
+var qt_model_layer = null // 气体流量计模型层
+var qt_icon_layer = null // 气体流量计图标层
+var fs_model_layer = null // 腐蚀速率监测仪模型层
+var fs_icon_layer = null // 腐蚀速率监测仪图标层
export default {
name: 'OverviewSimple',
components: {},
@@ -218,26 +224,60 @@
methods: {
// 设备展示
handleCheckedCitiesChange(val) {
- console.log(val, '000000000000000000000000000000')
+ console.log(val)
+ if (val.length === 0) {
+ window.map.removeLayer(zs_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(zs_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(well_model_layer)
+ }
val.forEach(item => {
- if (item.indexOf('远传水表') === -1) {
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
+ // if (item.indexOf('腐蚀速率监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.fsModel()
+ // } else if (item.indexOf('气体流量计') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.qtModel()
+ // } else if (item.indexOf('气体泄露监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.rqModel()
+ // } else
+ if (item.indexOf('供水泄露监测仪') === -1) {
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
window.map.removeLayer(well_model_layer)
this.wellMode()
- this.zsMoel()
- } else if (item.indexOf('供水泄露监测仪') === -1) {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(well_model_layer)
- this.wellMode()
- this.watchModel()
- } else {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
- window.map.removeLayer(well_model_layer)
+ this.zsModel()
}
})
},
@@ -388,9 +428,12 @@
// 初始化井,设备
async initPoints() {
this.wellMode()
- this.watchModel()
this.zsMoel()
+ // this.rqModel()
+ // this.qtModel()
+ // this.fsModel()
},
+ // 井
wellMode() {
// 井
getMapping(this.listQuery.keywords).then(response => {
@@ -470,6 +513,124 @@
}
})
},
+ // 腐蚀速率监测仪
+ fsModel() {
+ const params = '14'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (fs_model_layer !== null) window.map.removeLayer(fs_model_layer)
+ fs_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_model_layer)
+
+ if (fs_icon_layer !== null) window.map.removeLayer(fs_icon_layer)
+ fs_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ fs_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/fs.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ fs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/fs.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体流量计
+ qtModel() {
+ const params = '15'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (qt_model_layer !== null) window.map.removeLayer(qt_model_layer)
+ qt_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_model_layer)
+
+ if (qt_icon_layer !== null) window.map.removeLayer(qt_icon_layer)
+ qt_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ qt_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/qt.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ qt_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/qt.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体泄露监测仪(原燃气)
+ rqModel() {
+ const params = '4'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (rq_model_layer !== null) window.map.removeLayer(rq_model_layer)
+ rq_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_model_layer)
+
+ if (rq_icon_layer !== null) window.map.removeLayer(rq_icon_layer)
+ rq_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ rq_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/rq.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ rq_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/rq.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 供水泄露监测仪(原噪声)
zsMoel() {
const params = '8'
getMapping(params, this.listQuery.keywords).then(response => {
@@ -489,7 +650,7 @@
scale: 1,
heading: 90
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
zs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
id: response.data[i].devcode,
@@ -501,7 +662,7 @@
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
}
this.refreshAlarm()
@@ -558,7 +719,7 @@
this.alarmList = response.data
if (this.alarmList.length > 0) {
this.hasAlarm = true
- }
+ }
for (const alarm of response.data) {
for (const watch of watch_icon_layer.graphics) {
if (alarm.devcode === watch.options.id) {
diff --git a/static/images/icon/fs.png b/static/images/icon/fs.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/fs.png
Binary files differ
diff --git a/static/images/icon/qt.png b/static/images/icon/qt.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/qt.png
Binary files differ
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/views/gasDashboard/components/DeviceCount.vue b/src/views/gasDashboard/components/DeviceCount.vue
index 91bafbf..c777fe5 100644
--- a/src/views/gasDashboard/components/DeviceCount.vue
+++ b/src/views/gasDashboard/components/DeviceCount.vue
@@ -44,22 +44,15 @@
}
},
mounted() {
- // TODO:待调试真接口
this.fetchData()
- this.chartData.rows = [
- { 'deviceType': '气体流量计', 'deviceCount': 20, '下单用户': 1093, '下单率': 0.32 },
- { 'deviceType': '供水泄露监测仪', 'deviceCount': 20, '下单用户': 3230, '下单率': 0.26 },
- { 'deviceType': '气体泄露监测仪', 'deviceCount': 50, '下单用户': 2623, '下单率': 0.76 },
- { 'deviceType': '腐蚀速率监测仪', 'deviceCount': 10, '下单用户': 1423, '下单率': 0.49 }
- ]
},
methods: {
fetchData() {
const data = {
- extra: 1
+ extra: '0'
}
deviceStaticsByType(data).then(response => {
- // this.chartData.rows = response.data
+ this.chartData.rows = response.data
})
}
}
diff --git a/src/views/gasDashboard/components/corrodeCountByDay.vue b/src/views/gasDashboard/components/corrodeCountByDay.vue
index 24f9766..3a97391 100644
--- a/src/views/gasDashboard/components/corrodeCountByDay.vue
+++ b/src/views/gasDashboard/components/corrodeCountByDay.vue
@@ -27,7 +27,7 @@
endTime: ''
},
title: {
- text: '腐蚀速率用气走势图'
+ text: '腐蚀速率走势图'
},
chartSettings: {
labelMap: { date: '日期' },
@@ -39,7 +39,7 @@
top: 120
},
yAxis: {
- name: '用气量(吨)',
+ name: '腐蚀率(%)',
position: 'left'
},
legend: {
diff --git a/src/views/gasDashboard/components/watchGasAlarmBar.vue b/src/views/gasDashboard/components/watchGasAlarmBar.vue
index d4b88a9..54783cc 100644
--- a/src/views/gasDashboard/components/watchGasAlarmBar.vue
+++ b/src/views/gasDashboard/components/watchGasAlarmBar.vue
@@ -24,11 +24,10 @@
},
labelMap: {
'areaName': '分区',
- 'alarm': '报警数',
- 'warning': '预警数'
+ 'alarm': '报警数'
},
dimension: ['areaName'],
- metrics: ['alarm', 'warning']
+ metrics: ['alarm']
},
grid: {
right: 40,
diff --git a/src/views/gasDashboard/components/waterNote.vue b/src/views/gasDashboard/components/waterNote.vue
index d2fb0db..89c62d9 100644
--- a/src/views/gasDashboard/components/waterNote.vue
+++ b/src/views/gasDashboard/components/waterNote.vue
@@ -96,7 +96,6 @@
})
console.log(currentList)
updateNoteList(currentList).then(res => {
- console.log(res, '======7890')
this.editMode = false
this.$message.success('保存成功')
}).catch(e => {
diff --git a/src/views/gasOverview/gasOverviewSimple.vue b/src/views/gasOverview/gasOverviewSimple.vue
index 7b61965..889ed8b 100644
--- a/src/views/gasOverview/gasOverviewSimple.vue
+++ b/src/views/gasOverview/gasOverviewSimple.vue
@@ -94,6 +94,12 @@
var watch_icon_layer = null // 水表图标层
var zs_model_layer = null // 噪声模型层
var zs_icon_layer = null // 噪声图标层
+var rq_model_layer = null // 燃气模型层
+var rq_icon_layer = null // 燃气图标层
+var qt_model_layer = null // 气体流量计模型层
+var qt_icon_layer = null // 气体流量计图标层
+var fs_model_layer = null // 腐蚀速率监测仪模型层
+var fs_icon_layer = null // 腐蚀速率监测仪图标层
export default {
name: 'OverviewSimple',
components: {},
@@ -218,26 +224,60 @@
methods: {
// 设备展示
handleCheckedCitiesChange(val) {
- console.log(val, '000000000000000000000000000000')
+ console.log(val)
+ if (val.length === 0) {
+ window.map.removeLayer(zs_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(zs_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(well_model_layer)
+ }
val.forEach(item => {
- if (item.indexOf('远传水表') === -1) {
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
+ // if (item.indexOf('腐蚀速率监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.fsModel()
+ // } else if (item.indexOf('气体流量计') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.qtModel()
+ // } else if (item.indexOf('气体泄露监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.rqModel()
+ // } else
+ if (item.indexOf('供水泄露监测仪') === -1) {
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
window.map.removeLayer(well_model_layer)
this.wellMode()
- this.zsMoel()
- } else if (item.indexOf('供水泄露监测仪') === -1) {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(well_model_layer)
- this.wellMode()
- this.watchModel()
- } else {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
- window.map.removeLayer(well_model_layer)
+ this.zsModel()
}
})
},
@@ -388,9 +428,12 @@
// 初始化井,设备
async initPoints() {
this.wellMode()
- this.watchModel()
this.zsMoel()
+ // this.rqModel()
+ // this.qtModel()
+ // this.fsModel()
},
+ // 井
wellMode() {
// 井
getMapping(this.listQuery.keywords).then(response => {
@@ -470,6 +513,124 @@
}
})
},
+ // 腐蚀速率监测仪
+ fsModel() {
+ const params = '14'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (fs_model_layer !== null) window.map.removeLayer(fs_model_layer)
+ fs_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_model_layer)
+
+ if (fs_icon_layer !== null) window.map.removeLayer(fs_icon_layer)
+ fs_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ fs_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/fs.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ fs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/fs.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体流量计
+ qtModel() {
+ const params = '15'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (qt_model_layer !== null) window.map.removeLayer(qt_model_layer)
+ qt_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_model_layer)
+
+ if (qt_icon_layer !== null) window.map.removeLayer(qt_icon_layer)
+ qt_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ qt_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/qt.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ qt_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/qt.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体泄露监测仪(原燃气)
+ rqModel() {
+ const params = '4'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (rq_model_layer !== null) window.map.removeLayer(rq_model_layer)
+ rq_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_model_layer)
+
+ if (rq_icon_layer !== null) window.map.removeLayer(rq_icon_layer)
+ rq_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ rq_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/rq.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ rq_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/rq.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 供水泄露监测仪(原噪声)
zsMoel() {
const params = '8'
getMapping(params, this.listQuery.keywords).then(response => {
@@ -489,7 +650,7 @@
scale: 1,
heading: 90
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
zs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
id: response.data[i].devcode,
@@ -501,7 +662,7 @@
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
}
this.refreshAlarm()
@@ -558,7 +719,7 @@
this.alarmList = response.data
if (this.alarmList.length > 0) {
this.hasAlarm = true
- }
+ }
for (const alarm of response.data) {
for (const watch of watch_icon_layer.graphics) {
if (alarm.devcode === watch.options.id) {
diff --git a/static/images/icon/fs.png b/static/images/icon/fs.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/fs.png
Binary files differ
diff --git a/static/images/icon/qt.png b/static/images/icon/qt.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/qt.png
Binary files differ
diff --git a/static/images/icon/rq.png b/static/images/icon/rq.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/rq.png
Binary files differ
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/views/gasDashboard/components/DeviceCount.vue b/src/views/gasDashboard/components/DeviceCount.vue
index 91bafbf..c777fe5 100644
--- a/src/views/gasDashboard/components/DeviceCount.vue
+++ b/src/views/gasDashboard/components/DeviceCount.vue
@@ -44,22 +44,15 @@
}
},
mounted() {
- // TODO:待调试真接口
this.fetchData()
- this.chartData.rows = [
- { 'deviceType': '气体流量计', 'deviceCount': 20, '下单用户': 1093, '下单率': 0.32 },
- { 'deviceType': '供水泄露监测仪', 'deviceCount': 20, '下单用户': 3230, '下单率': 0.26 },
- { 'deviceType': '气体泄露监测仪', 'deviceCount': 50, '下单用户': 2623, '下单率': 0.76 },
- { 'deviceType': '腐蚀速率监测仪', 'deviceCount': 10, '下单用户': 1423, '下单率': 0.49 }
- ]
},
methods: {
fetchData() {
const data = {
- extra: 1
+ extra: '0'
}
deviceStaticsByType(data).then(response => {
- // this.chartData.rows = response.data
+ this.chartData.rows = response.data
})
}
}
diff --git a/src/views/gasDashboard/components/corrodeCountByDay.vue b/src/views/gasDashboard/components/corrodeCountByDay.vue
index 24f9766..3a97391 100644
--- a/src/views/gasDashboard/components/corrodeCountByDay.vue
+++ b/src/views/gasDashboard/components/corrodeCountByDay.vue
@@ -27,7 +27,7 @@
endTime: ''
},
title: {
- text: '腐蚀速率用气走势图'
+ text: '腐蚀速率走势图'
},
chartSettings: {
labelMap: { date: '日期' },
@@ -39,7 +39,7 @@
top: 120
},
yAxis: {
- name: '用气量(吨)',
+ name: '腐蚀率(%)',
position: 'left'
},
legend: {
diff --git a/src/views/gasDashboard/components/watchGasAlarmBar.vue b/src/views/gasDashboard/components/watchGasAlarmBar.vue
index d4b88a9..54783cc 100644
--- a/src/views/gasDashboard/components/watchGasAlarmBar.vue
+++ b/src/views/gasDashboard/components/watchGasAlarmBar.vue
@@ -24,11 +24,10 @@
},
labelMap: {
'areaName': '分区',
- 'alarm': '报警数',
- 'warning': '预警数'
+ 'alarm': '报警数'
},
dimension: ['areaName'],
- metrics: ['alarm', 'warning']
+ metrics: ['alarm']
},
grid: {
right: 40,
diff --git a/src/views/gasDashboard/components/waterNote.vue b/src/views/gasDashboard/components/waterNote.vue
index d2fb0db..89c62d9 100644
--- a/src/views/gasDashboard/components/waterNote.vue
+++ b/src/views/gasDashboard/components/waterNote.vue
@@ -96,7 +96,6 @@
})
console.log(currentList)
updateNoteList(currentList).then(res => {
- console.log(res, '======7890')
this.editMode = false
this.$message.success('保存成功')
}).catch(e => {
diff --git a/src/views/gasOverview/gasOverviewSimple.vue b/src/views/gasOverview/gasOverviewSimple.vue
index 7b61965..889ed8b 100644
--- a/src/views/gasOverview/gasOverviewSimple.vue
+++ b/src/views/gasOverview/gasOverviewSimple.vue
@@ -94,6 +94,12 @@
var watch_icon_layer = null // 水表图标层
var zs_model_layer = null // 噪声模型层
var zs_icon_layer = null // 噪声图标层
+var rq_model_layer = null // 燃气模型层
+var rq_icon_layer = null // 燃气图标层
+var qt_model_layer = null // 气体流量计模型层
+var qt_icon_layer = null // 气体流量计图标层
+var fs_model_layer = null // 腐蚀速率监测仪模型层
+var fs_icon_layer = null // 腐蚀速率监测仪图标层
export default {
name: 'OverviewSimple',
components: {},
@@ -218,26 +224,60 @@
methods: {
// 设备展示
handleCheckedCitiesChange(val) {
- console.log(val, '000000000000000000000000000000')
+ console.log(val)
+ if (val.length === 0) {
+ window.map.removeLayer(zs_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(zs_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(well_model_layer)
+ }
val.forEach(item => {
- if (item.indexOf('远传水表') === -1) {
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
+ // if (item.indexOf('腐蚀速率监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.fsModel()
+ // } else if (item.indexOf('气体流量计') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.qtModel()
+ // } else if (item.indexOf('气体泄露监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.rqModel()
+ // } else
+ if (item.indexOf('供水泄露监测仪') === -1) {
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
window.map.removeLayer(well_model_layer)
this.wellMode()
- this.zsMoel()
- } else if (item.indexOf('供水泄露监测仪') === -1) {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(well_model_layer)
- this.wellMode()
- this.watchModel()
- } else {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
- window.map.removeLayer(well_model_layer)
+ this.zsModel()
}
})
},
@@ -388,9 +428,12 @@
// 初始化井,设备
async initPoints() {
this.wellMode()
- this.watchModel()
this.zsMoel()
+ // this.rqModel()
+ // this.qtModel()
+ // this.fsModel()
},
+ // 井
wellMode() {
// 井
getMapping(this.listQuery.keywords).then(response => {
@@ -470,6 +513,124 @@
}
})
},
+ // 腐蚀速率监测仪
+ fsModel() {
+ const params = '14'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (fs_model_layer !== null) window.map.removeLayer(fs_model_layer)
+ fs_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_model_layer)
+
+ if (fs_icon_layer !== null) window.map.removeLayer(fs_icon_layer)
+ fs_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ fs_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/fs.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ fs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/fs.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体流量计
+ qtModel() {
+ const params = '15'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (qt_model_layer !== null) window.map.removeLayer(qt_model_layer)
+ qt_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_model_layer)
+
+ if (qt_icon_layer !== null) window.map.removeLayer(qt_icon_layer)
+ qt_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ qt_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/qt.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ qt_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/qt.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体泄露监测仪(原燃气)
+ rqModel() {
+ const params = '4'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (rq_model_layer !== null) window.map.removeLayer(rq_model_layer)
+ rq_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_model_layer)
+
+ if (rq_icon_layer !== null) window.map.removeLayer(rq_icon_layer)
+ rq_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ rq_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/rq.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ rq_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/rq.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 供水泄露监测仪(原噪声)
zsMoel() {
const params = '8'
getMapping(params, this.listQuery.keywords).then(response => {
@@ -489,7 +650,7 @@
scale: 1,
heading: 90
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
zs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
id: response.data[i].devcode,
@@ -501,7 +662,7 @@
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
}
this.refreshAlarm()
@@ -558,7 +719,7 @@
this.alarmList = response.data
if (this.alarmList.length > 0) {
this.hasAlarm = true
- }
+ }
for (const alarm of response.data) {
for (const watch of watch_icon_layer.graphics) {
if (alarm.devcode === watch.options.id) {
diff --git a/static/images/icon/fs.png b/static/images/icon/fs.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/fs.png
Binary files differ
diff --git a/static/images/icon/qt.png b/static/images/icon/qt.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/qt.png
Binary files differ
diff --git a/static/images/icon/rq.png b/static/images/icon/rq.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/rq.png
Binary files differ
diff --git a/static/model/fs.glb b/static/model/fs.glb
new file mode 100644
index 0000000..17e08b0
--- /dev/null
+++ b/static/model/fs.glb
Binary files differ
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/views/gasDashboard/components/DeviceCount.vue b/src/views/gasDashboard/components/DeviceCount.vue
index 91bafbf..c777fe5 100644
--- a/src/views/gasDashboard/components/DeviceCount.vue
+++ b/src/views/gasDashboard/components/DeviceCount.vue
@@ -44,22 +44,15 @@
}
},
mounted() {
- // TODO:待调试真接口
this.fetchData()
- this.chartData.rows = [
- { 'deviceType': '气体流量计', 'deviceCount': 20, '下单用户': 1093, '下单率': 0.32 },
- { 'deviceType': '供水泄露监测仪', 'deviceCount': 20, '下单用户': 3230, '下单率': 0.26 },
- { 'deviceType': '气体泄露监测仪', 'deviceCount': 50, '下单用户': 2623, '下单率': 0.76 },
- { 'deviceType': '腐蚀速率监测仪', 'deviceCount': 10, '下单用户': 1423, '下单率': 0.49 }
- ]
},
methods: {
fetchData() {
const data = {
- extra: 1
+ extra: '0'
}
deviceStaticsByType(data).then(response => {
- // this.chartData.rows = response.data
+ this.chartData.rows = response.data
})
}
}
diff --git a/src/views/gasDashboard/components/corrodeCountByDay.vue b/src/views/gasDashboard/components/corrodeCountByDay.vue
index 24f9766..3a97391 100644
--- a/src/views/gasDashboard/components/corrodeCountByDay.vue
+++ b/src/views/gasDashboard/components/corrodeCountByDay.vue
@@ -27,7 +27,7 @@
endTime: ''
},
title: {
- text: '腐蚀速率用气走势图'
+ text: '腐蚀速率走势图'
},
chartSettings: {
labelMap: { date: '日期' },
@@ -39,7 +39,7 @@
top: 120
},
yAxis: {
- name: '用气量(吨)',
+ name: '腐蚀率(%)',
position: 'left'
},
legend: {
diff --git a/src/views/gasDashboard/components/watchGasAlarmBar.vue b/src/views/gasDashboard/components/watchGasAlarmBar.vue
index d4b88a9..54783cc 100644
--- a/src/views/gasDashboard/components/watchGasAlarmBar.vue
+++ b/src/views/gasDashboard/components/watchGasAlarmBar.vue
@@ -24,11 +24,10 @@
},
labelMap: {
'areaName': '分区',
- 'alarm': '报警数',
- 'warning': '预警数'
+ 'alarm': '报警数'
},
dimension: ['areaName'],
- metrics: ['alarm', 'warning']
+ metrics: ['alarm']
},
grid: {
right: 40,
diff --git a/src/views/gasDashboard/components/waterNote.vue b/src/views/gasDashboard/components/waterNote.vue
index d2fb0db..89c62d9 100644
--- a/src/views/gasDashboard/components/waterNote.vue
+++ b/src/views/gasDashboard/components/waterNote.vue
@@ -96,7 +96,6 @@
})
console.log(currentList)
updateNoteList(currentList).then(res => {
- console.log(res, '======7890')
this.editMode = false
this.$message.success('保存成功')
}).catch(e => {
diff --git a/src/views/gasOverview/gasOverviewSimple.vue b/src/views/gasOverview/gasOverviewSimple.vue
index 7b61965..889ed8b 100644
--- a/src/views/gasOverview/gasOverviewSimple.vue
+++ b/src/views/gasOverview/gasOverviewSimple.vue
@@ -94,6 +94,12 @@
var watch_icon_layer = null // 水表图标层
var zs_model_layer = null // 噪声模型层
var zs_icon_layer = null // 噪声图标层
+var rq_model_layer = null // 燃气模型层
+var rq_icon_layer = null // 燃气图标层
+var qt_model_layer = null // 气体流量计模型层
+var qt_icon_layer = null // 气体流量计图标层
+var fs_model_layer = null // 腐蚀速率监测仪模型层
+var fs_icon_layer = null // 腐蚀速率监测仪图标层
export default {
name: 'OverviewSimple',
components: {},
@@ -218,26 +224,60 @@
methods: {
// 设备展示
handleCheckedCitiesChange(val) {
- console.log(val, '000000000000000000000000000000')
+ console.log(val)
+ if (val.length === 0) {
+ window.map.removeLayer(zs_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(zs_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(well_model_layer)
+ }
val.forEach(item => {
- if (item.indexOf('远传水表') === -1) {
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
+ // if (item.indexOf('腐蚀速率监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.fsModel()
+ // } else if (item.indexOf('气体流量计') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.qtModel()
+ // } else if (item.indexOf('气体泄露监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.rqModel()
+ // } else
+ if (item.indexOf('供水泄露监测仪') === -1) {
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
window.map.removeLayer(well_model_layer)
this.wellMode()
- this.zsMoel()
- } else if (item.indexOf('供水泄露监测仪') === -1) {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(well_model_layer)
- this.wellMode()
- this.watchModel()
- } else {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
- window.map.removeLayer(well_model_layer)
+ this.zsModel()
}
})
},
@@ -388,9 +428,12 @@
// 初始化井,设备
async initPoints() {
this.wellMode()
- this.watchModel()
this.zsMoel()
+ // this.rqModel()
+ // this.qtModel()
+ // this.fsModel()
},
+ // 井
wellMode() {
// 井
getMapping(this.listQuery.keywords).then(response => {
@@ -470,6 +513,124 @@
}
})
},
+ // 腐蚀速率监测仪
+ fsModel() {
+ const params = '14'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (fs_model_layer !== null) window.map.removeLayer(fs_model_layer)
+ fs_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_model_layer)
+
+ if (fs_icon_layer !== null) window.map.removeLayer(fs_icon_layer)
+ fs_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ fs_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/fs.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ fs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/fs.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体流量计
+ qtModel() {
+ const params = '15'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (qt_model_layer !== null) window.map.removeLayer(qt_model_layer)
+ qt_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_model_layer)
+
+ if (qt_icon_layer !== null) window.map.removeLayer(qt_icon_layer)
+ qt_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ qt_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/qt.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ qt_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/qt.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体泄露监测仪(原燃气)
+ rqModel() {
+ const params = '4'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (rq_model_layer !== null) window.map.removeLayer(rq_model_layer)
+ rq_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_model_layer)
+
+ if (rq_icon_layer !== null) window.map.removeLayer(rq_icon_layer)
+ rq_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ rq_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/rq.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ rq_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/rq.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 供水泄露监测仪(原噪声)
zsMoel() {
const params = '8'
getMapping(params, this.listQuery.keywords).then(response => {
@@ -489,7 +650,7 @@
scale: 1,
heading: 90
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
zs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
id: response.data[i].devcode,
@@ -501,7 +662,7 @@
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
}
this.refreshAlarm()
@@ -558,7 +719,7 @@
this.alarmList = response.data
if (this.alarmList.length > 0) {
this.hasAlarm = true
- }
+ }
for (const alarm of response.data) {
for (const watch of watch_icon_layer.graphics) {
if (alarm.devcode === watch.options.id) {
diff --git a/static/images/icon/fs.png b/static/images/icon/fs.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/fs.png
Binary files differ
diff --git a/static/images/icon/qt.png b/static/images/icon/qt.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/qt.png
Binary files differ
diff --git a/static/images/icon/rq.png b/static/images/icon/rq.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/rq.png
Binary files differ
diff --git a/static/model/fs.glb b/static/model/fs.glb
new file mode 100644
index 0000000..17e08b0
--- /dev/null
+++ b/static/model/fs.glb
Binary files differ
diff --git a/static/model/qt.glb b/static/model/qt.glb
new file mode 100644
index 0000000..17e08b0
--- /dev/null
+++ b/static/model/qt.glb
Binary files differ
diff --git a/src/api/gasOverview.js b/src/api/gasOverview.js
index 256bfb4..e0b52d4 100644
--- a/src/api/gasOverview.js
+++ b/src/api/gasOverview.js
@@ -74,11 +74,10 @@
}
// 用气事记查询
-export function getNoteList(params) {
+export function getNoteList(type) {
return request({
- url: '/note/list',
- method: 'get',
- params
+ url: '/note/list/' + type,
+ method: 'get'
})
}
diff --git a/src/views/dataManage/deviceData/listCorrodeData.vue b/src/views/dataManage/deviceData/listCorrodeData.vue
index 132abd4..f34e15b 100644
--- a/src/views/dataManage/deviceData/listCorrodeData.vue
+++ b/src/views/dataManage/deviceData/listCorrodeData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '电量',
value: 'cell',
@@ -121,16 +121,16 @@
value: 'uptime',
align: 'center'
},
- {
- text: '上传时间',
- value: 'logtime',
- align: 'center'
- },
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '上传时间',
value: 'uptime',
diff --git a/src/views/dataManage/deviceData/listGasflowData.vue b/src/views/dataManage/deviceData/listGasflowData.vue
index 4cd4090..ec5b637 100644
--- a/src/views/dataManage/deviceData/listGasflowData.vue
+++ b/src/views/dataManage/deviceData/listGasflowData.vue
@@ -101,11 +101,11 @@
value: 'deviceTypeName',
align: 'center'
},
- {
- text: '区域全拼',
- value: 'areaFullName',
- align: 'center'
- },
+ // {
+ // text: '区域全拼',
+ // value: 'areaFullName',
+ // align: 'center'
+ // },
{
text: '地址',
value: 'position',
@@ -145,12 +145,12 @@
text: '采集时间',
value: 'uptime',
align: 'center'
- },
- {
- text: '记录时间',
- value: 'logtime',
- align: 'center'
}
+ // {
+ // text: '记录时间',
+ // value: 'logtime',
+ // align: 'center'
+ // }
], // 显示列
multipleSelection: [], // 多选选中项
list: [], // 列表数据
diff --git a/src/views/gasDashboard/components/AlarmCountByDept.vue b/src/views/gasDashboard/components/AlarmCountByDept.vue
index c7cd4e3..2d797e7 100644
--- a/src/views/gasDashboard/components/AlarmCountByDept.vue
+++ b/src/views/gasDashboard/components/AlarmCountByDept.vue
@@ -57,7 +57,7 @@
}
},
watch:{
- query(val){
+ query(val) {
this.fetchData()
}
},
@@ -71,8 +71,3 @@
}
}
-
diff --git a/src/views/gasDashboard/components/DeviceCount.vue b/src/views/gasDashboard/components/DeviceCount.vue
index 91bafbf..c777fe5 100644
--- a/src/views/gasDashboard/components/DeviceCount.vue
+++ b/src/views/gasDashboard/components/DeviceCount.vue
@@ -44,22 +44,15 @@
}
},
mounted() {
- // TODO:待调试真接口
this.fetchData()
- this.chartData.rows = [
- { 'deviceType': '气体流量计', 'deviceCount': 20, '下单用户': 1093, '下单率': 0.32 },
- { 'deviceType': '供水泄露监测仪', 'deviceCount': 20, '下单用户': 3230, '下单率': 0.26 },
- { 'deviceType': '气体泄露监测仪', 'deviceCount': 50, '下单用户': 2623, '下单率': 0.76 },
- { 'deviceType': '腐蚀速率监测仪', 'deviceCount': 10, '下单用户': 1423, '下单率': 0.49 }
- ]
},
methods: {
fetchData() {
const data = {
- extra: 1
+ extra: '0'
}
deviceStaticsByType(data).then(response => {
- // this.chartData.rows = response.data
+ this.chartData.rows = response.data
})
}
}
diff --git a/src/views/gasDashboard/components/corrodeCountByDay.vue b/src/views/gasDashboard/components/corrodeCountByDay.vue
index 24f9766..3a97391 100644
--- a/src/views/gasDashboard/components/corrodeCountByDay.vue
+++ b/src/views/gasDashboard/components/corrodeCountByDay.vue
@@ -27,7 +27,7 @@
endTime: ''
},
title: {
- text: '腐蚀速率用气走势图'
+ text: '腐蚀速率走势图'
},
chartSettings: {
labelMap: { date: '日期' },
@@ -39,7 +39,7 @@
top: 120
},
yAxis: {
- name: '用气量(吨)',
+ name: '腐蚀率(%)',
position: 'left'
},
legend: {
diff --git a/src/views/gasDashboard/components/watchGasAlarmBar.vue b/src/views/gasDashboard/components/watchGasAlarmBar.vue
index d4b88a9..54783cc 100644
--- a/src/views/gasDashboard/components/watchGasAlarmBar.vue
+++ b/src/views/gasDashboard/components/watchGasAlarmBar.vue
@@ -24,11 +24,10 @@
},
labelMap: {
'areaName': '分区',
- 'alarm': '报警数',
- 'warning': '预警数'
+ 'alarm': '报警数'
},
dimension: ['areaName'],
- metrics: ['alarm', 'warning']
+ metrics: ['alarm']
},
grid: {
right: 40,
diff --git a/src/views/gasDashboard/components/waterNote.vue b/src/views/gasDashboard/components/waterNote.vue
index d2fb0db..89c62d9 100644
--- a/src/views/gasDashboard/components/waterNote.vue
+++ b/src/views/gasDashboard/components/waterNote.vue
@@ -96,7 +96,6 @@
})
console.log(currentList)
updateNoteList(currentList).then(res => {
- console.log(res, '======7890')
this.editMode = false
this.$message.success('保存成功')
}).catch(e => {
diff --git a/src/views/gasOverview/gasOverviewSimple.vue b/src/views/gasOverview/gasOverviewSimple.vue
index 7b61965..889ed8b 100644
--- a/src/views/gasOverview/gasOverviewSimple.vue
+++ b/src/views/gasOverview/gasOverviewSimple.vue
@@ -94,6 +94,12 @@
var watch_icon_layer = null // 水表图标层
var zs_model_layer = null // 噪声模型层
var zs_icon_layer = null // 噪声图标层
+var rq_model_layer = null // 燃气模型层
+var rq_icon_layer = null // 燃气图标层
+var qt_model_layer = null // 气体流量计模型层
+var qt_icon_layer = null // 气体流量计图标层
+var fs_model_layer = null // 腐蚀速率监测仪模型层
+var fs_icon_layer = null // 腐蚀速率监测仪图标层
export default {
name: 'OverviewSimple',
components: {},
@@ -218,26 +224,60 @@
methods: {
// 设备展示
handleCheckedCitiesChange(val) {
- console.log(val, '000000000000000000000000000000')
+ console.log(val)
+ if (val.length === 0) {
+ window.map.removeLayer(zs_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(zs_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(well_model_layer)
+ }
val.forEach(item => {
- if (item.indexOf('远传水表') === -1) {
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
+ // if (item.indexOf('腐蚀速率监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.fsModel()
+ // } else if (item.indexOf('气体流量计') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(rq_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(rq_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.qtModel()
+ // } else if (item.indexOf('气体泄露监测仪') === -1) {
+ // window.map.removeLayer(zs_model_layer)
+ // window.map.removeLayer(qt_model_layer)
+ // window.map.removeLayer(fs_model_layer)
+ // window.map.removeLayer(zs_icon_layer)
+ // window.map.removeLayer(qt_icon_layer)
+ // window.map.removeLayer(fs_icon_layer)
+ // window.map.removeLayer(well_model_layer)
+ // this.wellMode()
+ // this.rqModel()
+ // } else
+ if (item.indexOf('供水泄露监测仪') === -1) {
+ window.map.removeLayer(rq_model_layer)
+ window.map.removeLayer(qt_model_layer)
+ window.map.removeLayer(fs_model_layer)
+ window.map.removeLayer(rq_icon_layer)
+ window.map.removeLayer(qt_icon_layer)
+ window.map.removeLayer(fs_icon_layer)
window.map.removeLayer(well_model_layer)
this.wellMode()
- this.zsMoel()
- } else if (item.indexOf('供水泄露监测仪') === -1) {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(well_model_layer)
- this.wellMode()
- this.watchModel()
- } else {
- window.map.removeLayer(zs_model_layer)
- window.map.removeLayer(zs_icon_layer)
- window.map.removeLayer(watch_model_layer)
- window.map.removeLayer(watch_icon_layer)
- window.map.removeLayer(well_model_layer)
+ this.zsModel()
}
})
},
@@ -388,9 +428,12 @@
// 初始化井,设备
async initPoints() {
this.wellMode()
- this.watchModel()
this.zsMoel()
+ // this.rqModel()
+ // this.qtModel()
+ // this.fsModel()
},
+ // 井
wellMode() {
// 井
getMapping(this.listQuery.keywords).then(response => {
@@ -470,6 +513,124 @@
}
})
},
+ // 腐蚀速率监测仪
+ fsModel() {
+ const params = '14'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (fs_model_layer !== null) window.map.removeLayer(fs_model_layer)
+ fs_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_model_layer)
+
+ if (fs_icon_layer !== null) window.map.removeLayer(fs_icon_layer)
+ fs_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(fs_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ fs_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/fs.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ fs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/fs.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `腐蚀速率监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体流量计
+ qtModel() {
+ const params = '15'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (qt_model_layer !== null) window.map.removeLayer(qt_model_layer)
+ qt_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_model_layer)
+
+ if (qt_icon_layer !== null) window.map.removeLayer(qt_icon_layer)
+ qt_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(qt_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ qt_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/qt.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ qt_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/qt.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体流量计
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 气体泄露监测仪(原燃气)
+ rqModel() {
+ const params = '4'
+ getMapping(params, this.listQuery.keywords).then(response => {
+ if (response.code === 200) {
+ if (rq_model_layer !== null) window.map.removeLayer(rq_model_layer)
+ rq_model_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_model_layer)
+
+ if (rq_icon_layer !== null) window.map.removeLayer(rq_icon_layer)
+ rq_icon_layer = new mars3d.layer.GraphicLayer()
+ window.map.addLayer(rq_icon_layer)
+ for (let i = 0; i < response.data.length; i++) {
+ rq_model_layer.addGraphic(new mars3d.graphic.ModelPrimitive({
+ position: [response.data[i].longitude, response.data[i].latitude, 0],
+ style: {
+ url: '../static/model/rq.glb',
+ scale: 1,
+ heading: 90
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ rq_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
+ id: response.data[i].devcode,
+ position: [response.data[i].longitude, response.data[i].latitude, 1],
+ style: {
+ image: '../static/images/icon/rq.png',
+ scale: 1,
+ horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
+ verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
+ },
+ popup: `气体泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ }))
+ }
+ this.refreshAlarm()
+ }
+ })
+ },
+ // 供水泄露监测仪(原噪声)
zsMoel() {
const params = '8'
getMapping(params, this.listQuery.keywords).then(response => {
@@ -489,7 +650,7 @@
scale: 1,
heading: 90
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
zs_icon_layer.addGraphic(new mars3d.graphic.BillboardEntity({
id: response.data[i].devcode,
@@ -501,7 +662,7 @@
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
scaleByDistance: new Cesium.NearFarScalar(10, 1, 2000, 0.3)
},
- popup: `噪声记录仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
+ popup: `供水泄露监测仪
设备编号:${response.data[i].devcode}
设备型号:${response.data[i].modelName}
设备类型:${response.data[i].deviceTypeName}
井编号:${response.data[i].wellCode}
所属单位:${response.data[i].deptName}
详细位置:${response.data[i].position}`
}))
}
this.refreshAlarm()
@@ -558,7 +719,7 @@
this.alarmList = response.data
if (this.alarmList.length > 0) {
this.hasAlarm = true
- }
+ }
for (const alarm of response.data) {
for (const watch of watch_icon_layer.graphics) {
if (alarm.devcode === watch.options.id) {
diff --git a/static/images/icon/fs.png b/static/images/icon/fs.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/fs.png
Binary files differ
diff --git a/static/images/icon/qt.png b/static/images/icon/qt.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/qt.png
Binary files differ
diff --git a/static/images/icon/rq.png b/static/images/icon/rq.png
new file mode 100644
index 0000000..f63a23c
--- /dev/null
+++ b/static/images/icon/rq.png
Binary files differ
diff --git a/static/model/fs.glb b/static/model/fs.glb
new file mode 100644
index 0000000..17e08b0
--- /dev/null
+++ b/static/model/fs.glb
Binary files differ
diff --git a/static/model/qt.glb b/static/model/qt.glb
new file mode 100644
index 0000000..17e08b0
--- /dev/null
+++ b/static/model/qt.glb
Binary files differ
diff --git a/static/model/rq.glb b/static/model/rq.glb
new file mode 100644
index 0000000..17e08b0
--- /dev/null
+++ b/static/model/rq.glb
Binary files differ