@@ -9,37 +12,71 @@
+
diff --git a/src/views/dashboard/components/waterCountByAreaBar.vue b/src/views/dashboard/components/waterCountByAreaBar.vue
new file mode 100644
index 0000000..954fffe
--- /dev/null
+++ b/src/views/dashboard/components/waterCountByAreaBar.vue
@@ -0,0 +1,195 @@
+
+
+
+ 本月
+ 近7日
+ 昨日
+ 今日
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
diff --git a/src/views/dashboard/components/waterCountByDay.vue b/src/views/dashboard/components/waterCountByDay.vue
index d5c2912..d47e358 100644
--- a/src/views/dashboard/components/waterCountByDay.vue
+++ b/src/views/dashboard/components/waterCountByDay.vue
@@ -1,6 +1,5 @@
-
近1年
近6月
@@ -8,6 +7,7 @@
近1月
近1周
+
@@ -23,8 +23,8 @@
beginTime: '',
endTime: ''
},
- title:{
- text: '各分区用水走势'
+ title: {
+ text: '用水走势图'
},
chartSettings: {
labelMap: {
@@ -37,33 +37,33 @@
'dept7': '制管作业区',
'dept8': '滑道作业区',
'dept9': '码头作业区',
- 'dept10': '车间生产区',
+ 'dept10': '车间生产区'
},
- metrics: ['dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ metrics: ['dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
dimension: ['date']
},
extend: {
- grid:{
- top:120
+ grid: {
+ top: 120
},
- yAxis:{
- name:'用水量(吨)',
- position:'left'
+ yAxis: {
+ name: '用水量(吨)',
+ position: 'left'
},
- legend:{
+ legend: {
// type: 'scroll',
- top:'40px'
+ top: '40px'
}
},
chartData: {
- columns: ['date', 'dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ columns: ['date', 'dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
rows: []
}
}
},
mounted() {
+ this.changeTime('month')
this.fetchData()
-
},
methods: {
fetchData() {
@@ -76,17 +76,17 @@
// })
// 模拟数据
this.chartData.rows = [
- { date: '11月29日', dept1: 153, dept2: 43, dept3:1,dept4:1,dept5:1,dept6:7,dept7:6, dept8:2,dept9:1, dept10:3},
- { date: '11月30日', dept1: 150, dept2: 30, dept3:2,dept4:1,dept5:4,dept6:6,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月1日 ', dept1: 143, dept2: 23, dept3:3,dept4:2,dept5:2,dept6:7,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月2日 ', dept1: 173, dept2: 23, dept3:4,dept4:4,dept5:1,dept6:1,dept7:8, dept8:2,dept9:1, dept10:3},
- { date: '12月3日 ', dept1: 272, dept2: 52, dept3:5,dept4:1,dept5:4,dept6:7,dept7:9, dept8:2,dept9:1, dept10:3},
- { date: '12月4日 ', dept1: 253, dept2: 53, dept3:6,dept4:5,dept5:5,dept6:2,dept7:9, dept8:2,dept9:1, dept10:3}
+ { date: '11月29日', dept1: 153, dept2: 43, dept3: 1, dept4: 1, dept5: 1, dept6: 7, dept7: 6, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '11月30日', dept1: 150, dept2: 30, dept3: 2, dept4: 1, dept5: 4, dept6: 6, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月1日 ', dept1: 143, dept2: 23, dept3: 3, dept4: 2, dept5: 2, dept6: 7, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月2日 ', dept1: 173, dept2: 23, dept3: 4, dept4: 4, dept5: 1, dept6: 1, dept7: 8, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月3日 ', dept1: 272, dept2: 52, dept3: 5, dept4: 1, dept5: 4, dept6: 7, dept7: 9, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月4日 ', dept1: 253, dept2: 53, dept3: 6, dept4: 5, dept5: 5, dept6: 2, dept7: 9, dept8: 2, dept9: 1, dept10: 3 }
]
},
- changeTime(timeType){
+ changeTime(timeType) {
let beginTime
- switch(timeType){
+ switch (timeType) {
case 'year':
beginTime = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
this.listQuery.beginTime = beginTime.Format('yyyy-MM-dd')
@@ -119,12 +119,12 @@
.container{
position:relative;
.function{
- position:absolute;
- z-index:200;
- bottom: 10px;
- left: 0;
+ /*position:absolute;*/
+ /*z-index:200;*/
+ /*bottom: 10px;*/
+ /*left: 0;*/
width:100%;
- height: 32px;
+ height: 28px;
display: flex;
justify-content: center;
}
diff --git a/src/views/dashboard/components/waterCountByDept.vue b/src/views/dashboard/components/waterCountByDept.vue
index 5145dd6..c65569c 100644
--- a/src/views/dashboard/components/waterCountByDept.vue
+++ b/src/views/dashboard/components/waterCountByDept.vue
@@ -1,6 +1,6 @@
+
-
近1年
近6月
@@ -8,37 +8,48 @@
近1月
近1周
+
+
+ {{item.name}}
+
diff --git a/src/views/deviceConfig/components/editWatchConfig.vue b/src/views/deviceConfig/components/editWatchConfig.vue
new file mode 100644
index 0000000..757cbc7
--- /dev/null
+++ b/src/views/deviceConfig/components/editWatchConfig.vue
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d139e20..3f2aa60 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -94,11 +94,11 @@
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
- },
- {
- test: /\.js$/,
- loader: '@open-wc/webpack-import-meta-loader'
}
+ // {
+ // test: /\.js$/,
+ // loader: '@open-wc/webpack-import-meta-loader'
+ // }
]
},
plugins: [new VueLoaderPlugin()],
diff --git a/config/dev.env.js b/config/dev.env.js
index e57df7d..36f7d4a 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -6,9 +6,9 @@
// 将两个配置对象合并,最终结果是 NODE_ENV:‘"development"'
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
-
// BASE_API: '"http://42.81.160.165:2022/smartwell"'
// BASE_API: '"http://111.198.10.15:11304"'
// BASE_API: '"http://111.198.10.15:11643"'
- BASE_API: '"http://111.198.10.15:11409/smartwell"'
+ // BASE_API: '"http://111.198.10.15:11409/smartwell"' //可以用
+ BASE_API: '"http://192.168.43.66:11643/smartwell"' //彭先洪
})
diff --git a/package.json b/package.json
index d3b9271..471cdb3 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
"vuex": "3.0.1"
},
"devDependencies": {
- "@open-wc/webpack-import-meta-loader": "^0.4.7",
"autoprefixer": "8.5.0",
"babel-core": "6.26.0",
"babel-eslint": "8.2.6",
diff --git a/src/api/area.js b/src/api/area.js
index 974ce81..c5d88cf 100644
--- a/src/api/area.js
+++ b/src/api/area.js
@@ -39,6 +39,13 @@
params
})
}
+export function getDoorAreaTree(params) {
+ return request({
+ url: 'device/getAreas',
+ method: 'get',
+ params
+ })
+}
// 区域类型查询
export function getAreaType() {
return request({
diff --git a/src/api/data.js b/src/api/data.js
index db5c8d0..d1fdd27 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -18,6 +18,14 @@
params
})
}
+// 水表数据查询
+export function getWatchData(params) {
+ return request({
+ url: 'waterMeterData/listPage',
+ method: 'get',
+ params
+ })
+}
// 物位数据查询
export function getObjectData(params) {
diff --git a/src/api/overview.js b/src/api/overview.js
index 2e62e69..12d78c2 100644
--- a/src/api/overview.js
+++ b/src/api/overview.js
@@ -2,6 +2,20 @@
* 井总览模块接口
*/
import request from '@/utils/request'
+
+// 首页
+export function getWatchStatistic() {
+ return request({
+ url: 'waterStatistic/overview',
+ method: 'get'
+ })
+}
+export function waterMeterCount() {
+ return request({
+ url: 'waterMeterData/count',
+ method: 'get'
+ })
+}
// 井查询
export function getWellList(params) {
return request({
diff --git a/src/components/AreaSelect/areaSelectDialog.vue b/src/components/AreaSelect/areaSelectDialog.vue
new file mode 100644
index 0000000..fb1cd4d
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectDialog.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectInput.vue b/src/components/AreaSelect/areaSelectInput.vue
new file mode 100644
index 0000000..bdf5dcf
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectInput.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectTree.vue b/src/components/AreaSelect/areaSelectTree.vue
new file mode 100644
index 0000000..c587fca
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectTree.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/singleSelect.vue b/src/components/AreaSelect/singleSelect.vue
new file mode 100644
index 0000000..ba15b20
--- /dev/null
+++ b/src/components/AreaSelect/singleSelect.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
new file mode 100644
index 0000000..d70262c
--- /dev/null
+++ b/src/components/BigData/Card1/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+ {{ title[0] }} {{ context[0] }}
+
+
+ {{ title[1] }} {{ context[1] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 1acabef..2bd7a1b 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -1,7 +1,7 @@
-
+
diff --git a/src/utils/request.js b/src/utils/request.js
index eb45e3f..96766f8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -44,7 +44,7 @@
location.reload() // 为了重新实例化vue-router对象 避免bug
})
} else {
- debugger
+ // debugger
console.log(res)
Message({
showClose: true,
diff --git a/src/views/alarmStatics/alarmStatics.vue b/src/views/alarmStatics/alarmStatics.vue
index db2f478..e13fb0e 100644
--- a/src/views/alarmStatics/alarmStatics.vue
+++ b/src/views/alarmStatics/alarmStatics.vue
@@ -4,8 +4,8 @@
-
- 按区域统计报警
+
+
@@ -13,9 +13,10 @@
+
+
diff --git a/src/views/alarmStatics/components/alarmStaticsByDept.vue b/src/views/alarmStatics/components/alarmStaticsByDept.vue
index 2168fdf..0ab2ee6 100644
--- a/src/views/alarmStatics/components/alarmStaticsByDept.vue
+++ b/src/views/alarmStatics/components/alarmStaticsByDept.vue
@@ -32,7 +32,7 @@
按权属单位统计报警情况
-
+
-
+
+
+ 近1年
+ 近6月
+ 近3月
+ 近1月
+ 近1周
+
+
+
+
diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue
index 7ff9ba3..6c36bcb 100644
--- a/src/views/dashboard/components/DeviceCount.vue
+++ b/src/views/dashboard/components/DeviceCount.vue
@@ -18,7 +18,7 @@
right: 60
}
this.title = {
- text: '设备数量统计'
+ text: '管网资产统计'
}
this.chartSettings = {
itemStyle: {
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index da2888e..c04cf16 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,5 +1,8 @@
+
+
+
@@ -9,37 +12,71 @@
+
diff --git a/src/views/dashboard/components/waterCountByAreaBar.vue b/src/views/dashboard/components/waterCountByAreaBar.vue
new file mode 100644
index 0000000..954fffe
--- /dev/null
+++ b/src/views/dashboard/components/waterCountByAreaBar.vue
@@ -0,0 +1,195 @@
+
+
+
+ 本月
+ 近7日
+ 昨日
+ 今日
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
diff --git a/src/views/dashboard/components/waterCountByDay.vue b/src/views/dashboard/components/waterCountByDay.vue
index d5c2912..d47e358 100644
--- a/src/views/dashboard/components/waterCountByDay.vue
+++ b/src/views/dashboard/components/waterCountByDay.vue
@@ -1,6 +1,5 @@
-
近1年
近6月
@@ -8,6 +7,7 @@
近1月
近1周
+
@@ -23,8 +23,8 @@
beginTime: '',
endTime: ''
},
- title:{
- text: '各分区用水走势'
+ title: {
+ text: '用水走势图'
},
chartSettings: {
labelMap: {
@@ -37,33 +37,33 @@
'dept7': '制管作业区',
'dept8': '滑道作业区',
'dept9': '码头作业区',
- 'dept10': '车间生产区',
+ 'dept10': '车间生产区'
},
- metrics: ['dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ metrics: ['dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
dimension: ['date']
},
extend: {
- grid:{
- top:120
+ grid: {
+ top: 120
},
- yAxis:{
- name:'用水量(吨)',
- position:'left'
+ yAxis: {
+ name: '用水量(吨)',
+ position: 'left'
},
- legend:{
+ legend: {
// type: 'scroll',
- top:'40px'
+ top: '40px'
}
},
chartData: {
- columns: ['date', 'dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ columns: ['date', 'dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
rows: []
}
}
},
mounted() {
+ this.changeTime('month')
this.fetchData()
-
},
methods: {
fetchData() {
@@ -76,17 +76,17 @@
// })
// 模拟数据
this.chartData.rows = [
- { date: '11月29日', dept1: 153, dept2: 43, dept3:1,dept4:1,dept5:1,dept6:7,dept7:6, dept8:2,dept9:1, dept10:3},
- { date: '11月30日', dept1: 150, dept2: 30, dept3:2,dept4:1,dept5:4,dept6:6,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月1日 ', dept1: 143, dept2: 23, dept3:3,dept4:2,dept5:2,dept6:7,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月2日 ', dept1: 173, dept2: 23, dept3:4,dept4:4,dept5:1,dept6:1,dept7:8, dept8:2,dept9:1, dept10:3},
- { date: '12月3日 ', dept1: 272, dept2: 52, dept3:5,dept4:1,dept5:4,dept6:7,dept7:9, dept8:2,dept9:1, dept10:3},
- { date: '12月4日 ', dept1: 253, dept2: 53, dept3:6,dept4:5,dept5:5,dept6:2,dept7:9, dept8:2,dept9:1, dept10:3}
+ { date: '11月29日', dept1: 153, dept2: 43, dept3: 1, dept4: 1, dept5: 1, dept6: 7, dept7: 6, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '11月30日', dept1: 150, dept2: 30, dept3: 2, dept4: 1, dept5: 4, dept6: 6, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月1日 ', dept1: 143, dept2: 23, dept3: 3, dept4: 2, dept5: 2, dept6: 7, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月2日 ', dept1: 173, dept2: 23, dept3: 4, dept4: 4, dept5: 1, dept6: 1, dept7: 8, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月3日 ', dept1: 272, dept2: 52, dept3: 5, dept4: 1, dept5: 4, dept6: 7, dept7: 9, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月4日 ', dept1: 253, dept2: 53, dept3: 6, dept4: 5, dept5: 5, dept6: 2, dept7: 9, dept8: 2, dept9: 1, dept10: 3 }
]
},
- changeTime(timeType){
+ changeTime(timeType) {
let beginTime
- switch(timeType){
+ switch (timeType) {
case 'year':
beginTime = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
this.listQuery.beginTime = beginTime.Format('yyyy-MM-dd')
@@ -119,12 +119,12 @@
.container{
position:relative;
.function{
- position:absolute;
- z-index:200;
- bottom: 10px;
- left: 0;
+ /*position:absolute;*/
+ /*z-index:200;*/
+ /*bottom: 10px;*/
+ /*left: 0;*/
width:100%;
- height: 32px;
+ height: 28px;
display: flex;
justify-content: center;
}
diff --git a/src/views/dashboard/components/waterCountByDept.vue b/src/views/dashboard/components/waterCountByDept.vue
index 5145dd6..c65569c 100644
--- a/src/views/dashboard/components/waterCountByDept.vue
+++ b/src/views/dashboard/components/waterCountByDept.vue
@@ -1,6 +1,6 @@
+
-
近1年
近6月
@@ -8,37 +8,48 @@
近1月
近1周
+
+
+ {{item.name}}
+
diff --git a/src/views/deviceConfig/components/editWatchConfig.vue b/src/views/deviceConfig/components/editWatchConfig.vue
new file mode 100644
index 0000000..757cbc7
--- /dev/null
+++ b/src/views/deviceConfig/components/editWatchConfig.vue
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listLiquidConfig.vue b/src/views/deviceConfig/components/listLiquidConfig.vue
index f590b1c..24ade89 100644
--- a/src/views/deviceConfig/components/listLiquidConfig.vue
+++ b/src/views/deviceConfig/components/listLiquidConfig.vue
@@ -2,15 +2,15 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d139e20..3f2aa60 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -94,11 +94,11 @@
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
- },
- {
- test: /\.js$/,
- loader: '@open-wc/webpack-import-meta-loader'
}
+ // {
+ // test: /\.js$/,
+ // loader: '@open-wc/webpack-import-meta-loader'
+ // }
]
},
plugins: [new VueLoaderPlugin()],
diff --git a/config/dev.env.js b/config/dev.env.js
index e57df7d..36f7d4a 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -6,9 +6,9 @@
// 将两个配置对象合并,最终结果是 NODE_ENV:‘"development"'
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
-
// BASE_API: '"http://42.81.160.165:2022/smartwell"'
// BASE_API: '"http://111.198.10.15:11304"'
// BASE_API: '"http://111.198.10.15:11643"'
- BASE_API: '"http://111.198.10.15:11409/smartwell"'
+ // BASE_API: '"http://111.198.10.15:11409/smartwell"' //可以用
+ BASE_API: '"http://192.168.43.66:11643/smartwell"' //彭先洪
})
diff --git a/package.json b/package.json
index d3b9271..471cdb3 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
"vuex": "3.0.1"
},
"devDependencies": {
- "@open-wc/webpack-import-meta-loader": "^0.4.7",
"autoprefixer": "8.5.0",
"babel-core": "6.26.0",
"babel-eslint": "8.2.6",
diff --git a/src/api/area.js b/src/api/area.js
index 974ce81..c5d88cf 100644
--- a/src/api/area.js
+++ b/src/api/area.js
@@ -39,6 +39,13 @@
params
})
}
+export function getDoorAreaTree(params) {
+ return request({
+ url: 'device/getAreas',
+ method: 'get',
+ params
+ })
+}
// 区域类型查询
export function getAreaType() {
return request({
diff --git a/src/api/data.js b/src/api/data.js
index db5c8d0..d1fdd27 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -18,6 +18,14 @@
params
})
}
+// 水表数据查询
+export function getWatchData(params) {
+ return request({
+ url: 'waterMeterData/listPage',
+ method: 'get',
+ params
+ })
+}
// 物位数据查询
export function getObjectData(params) {
diff --git a/src/api/overview.js b/src/api/overview.js
index 2e62e69..12d78c2 100644
--- a/src/api/overview.js
+++ b/src/api/overview.js
@@ -2,6 +2,20 @@
* 井总览模块接口
*/
import request from '@/utils/request'
+
+// 首页
+export function getWatchStatistic() {
+ return request({
+ url: 'waterStatistic/overview',
+ method: 'get'
+ })
+}
+export function waterMeterCount() {
+ return request({
+ url: 'waterMeterData/count',
+ method: 'get'
+ })
+}
// 井查询
export function getWellList(params) {
return request({
diff --git a/src/components/AreaSelect/areaSelectDialog.vue b/src/components/AreaSelect/areaSelectDialog.vue
new file mode 100644
index 0000000..fb1cd4d
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectDialog.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectInput.vue b/src/components/AreaSelect/areaSelectInput.vue
new file mode 100644
index 0000000..bdf5dcf
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectInput.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectTree.vue b/src/components/AreaSelect/areaSelectTree.vue
new file mode 100644
index 0000000..c587fca
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectTree.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/singleSelect.vue b/src/components/AreaSelect/singleSelect.vue
new file mode 100644
index 0000000..ba15b20
--- /dev/null
+++ b/src/components/AreaSelect/singleSelect.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
new file mode 100644
index 0000000..d70262c
--- /dev/null
+++ b/src/components/BigData/Card1/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+ {{ title[0] }} {{ context[0] }}
+
+
+ {{ title[1] }} {{ context[1] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 1acabef..2bd7a1b 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -1,7 +1,7 @@
-
+
diff --git a/src/utils/request.js b/src/utils/request.js
index eb45e3f..96766f8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -44,7 +44,7 @@
location.reload() // 为了重新实例化vue-router对象 避免bug
})
} else {
- debugger
+ // debugger
console.log(res)
Message({
showClose: true,
diff --git a/src/views/alarmStatics/alarmStatics.vue b/src/views/alarmStatics/alarmStatics.vue
index db2f478..e13fb0e 100644
--- a/src/views/alarmStatics/alarmStatics.vue
+++ b/src/views/alarmStatics/alarmStatics.vue
@@ -4,8 +4,8 @@
-
- 按区域统计报警
+
+
@@ -13,9 +13,10 @@
+
+
diff --git a/src/views/alarmStatics/components/alarmStaticsByDept.vue b/src/views/alarmStatics/components/alarmStaticsByDept.vue
index 2168fdf..0ab2ee6 100644
--- a/src/views/alarmStatics/components/alarmStaticsByDept.vue
+++ b/src/views/alarmStatics/components/alarmStaticsByDept.vue
@@ -32,7 +32,7 @@
按权属单位统计报警情况
-
+
-
+
+
+ 近1年
+ 近6月
+ 近3月
+ 近1月
+ 近1周
+
+
+
+
diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue
index 7ff9ba3..6c36bcb 100644
--- a/src/views/dashboard/components/DeviceCount.vue
+++ b/src/views/dashboard/components/DeviceCount.vue
@@ -18,7 +18,7 @@
right: 60
}
this.title = {
- text: '设备数量统计'
+ text: '管网资产统计'
}
this.chartSettings = {
itemStyle: {
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index da2888e..c04cf16 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,5 +1,8 @@
+
+
+
@@ -9,37 +12,71 @@
+
diff --git a/src/views/dashboard/components/waterCountByAreaBar.vue b/src/views/dashboard/components/waterCountByAreaBar.vue
new file mode 100644
index 0000000..954fffe
--- /dev/null
+++ b/src/views/dashboard/components/waterCountByAreaBar.vue
@@ -0,0 +1,195 @@
+
+
+
+ 本月
+ 近7日
+ 昨日
+ 今日
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
diff --git a/src/views/dashboard/components/waterCountByDay.vue b/src/views/dashboard/components/waterCountByDay.vue
index d5c2912..d47e358 100644
--- a/src/views/dashboard/components/waterCountByDay.vue
+++ b/src/views/dashboard/components/waterCountByDay.vue
@@ -1,6 +1,5 @@
-
近1年
近6月
@@ -8,6 +7,7 @@
近1月
近1周
+
@@ -23,8 +23,8 @@
beginTime: '',
endTime: ''
},
- title:{
- text: '各分区用水走势'
+ title: {
+ text: '用水走势图'
},
chartSettings: {
labelMap: {
@@ -37,33 +37,33 @@
'dept7': '制管作业区',
'dept8': '滑道作业区',
'dept9': '码头作业区',
- 'dept10': '车间生产区',
+ 'dept10': '车间生产区'
},
- metrics: ['dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ metrics: ['dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
dimension: ['date']
},
extend: {
- grid:{
- top:120
+ grid: {
+ top: 120
},
- yAxis:{
- name:'用水量(吨)',
- position:'left'
+ yAxis: {
+ name: '用水量(吨)',
+ position: 'left'
},
- legend:{
+ legend: {
// type: 'scroll',
- top:'40px'
+ top: '40px'
}
},
chartData: {
- columns: ['date', 'dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ columns: ['date', 'dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
rows: []
}
}
},
mounted() {
+ this.changeTime('month')
this.fetchData()
-
},
methods: {
fetchData() {
@@ -76,17 +76,17 @@
// })
// 模拟数据
this.chartData.rows = [
- { date: '11月29日', dept1: 153, dept2: 43, dept3:1,dept4:1,dept5:1,dept6:7,dept7:6, dept8:2,dept9:1, dept10:3},
- { date: '11月30日', dept1: 150, dept2: 30, dept3:2,dept4:1,dept5:4,dept6:6,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月1日 ', dept1: 143, dept2: 23, dept3:3,dept4:2,dept5:2,dept6:7,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月2日 ', dept1: 173, dept2: 23, dept3:4,dept4:4,dept5:1,dept6:1,dept7:8, dept8:2,dept9:1, dept10:3},
- { date: '12月3日 ', dept1: 272, dept2: 52, dept3:5,dept4:1,dept5:4,dept6:7,dept7:9, dept8:2,dept9:1, dept10:3},
- { date: '12月4日 ', dept1: 253, dept2: 53, dept3:6,dept4:5,dept5:5,dept6:2,dept7:9, dept8:2,dept9:1, dept10:3}
+ { date: '11月29日', dept1: 153, dept2: 43, dept3: 1, dept4: 1, dept5: 1, dept6: 7, dept7: 6, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '11月30日', dept1: 150, dept2: 30, dept3: 2, dept4: 1, dept5: 4, dept6: 6, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月1日 ', dept1: 143, dept2: 23, dept3: 3, dept4: 2, dept5: 2, dept6: 7, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月2日 ', dept1: 173, dept2: 23, dept3: 4, dept4: 4, dept5: 1, dept6: 1, dept7: 8, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月3日 ', dept1: 272, dept2: 52, dept3: 5, dept4: 1, dept5: 4, dept6: 7, dept7: 9, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月4日 ', dept1: 253, dept2: 53, dept3: 6, dept4: 5, dept5: 5, dept6: 2, dept7: 9, dept8: 2, dept9: 1, dept10: 3 }
]
},
- changeTime(timeType){
+ changeTime(timeType) {
let beginTime
- switch(timeType){
+ switch (timeType) {
case 'year':
beginTime = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
this.listQuery.beginTime = beginTime.Format('yyyy-MM-dd')
@@ -119,12 +119,12 @@
.container{
position:relative;
.function{
- position:absolute;
- z-index:200;
- bottom: 10px;
- left: 0;
+ /*position:absolute;*/
+ /*z-index:200;*/
+ /*bottom: 10px;*/
+ /*left: 0;*/
width:100%;
- height: 32px;
+ height: 28px;
display: flex;
justify-content: center;
}
diff --git a/src/views/dashboard/components/waterCountByDept.vue b/src/views/dashboard/components/waterCountByDept.vue
index 5145dd6..c65569c 100644
--- a/src/views/dashboard/components/waterCountByDept.vue
+++ b/src/views/dashboard/components/waterCountByDept.vue
@@ -1,6 +1,6 @@
+
-
近1年
近6月
@@ -8,37 +8,48 @@
近1月
近1周
+
+
+ {{item.name}}
+
diff --git a/src/views/deviceConfig/components/editWatchConfig.vue b/src/views/deviceConfig/components/editWatchConfig.vue
new file mode 100644
index 0000000..757cbc7
--- /dev/null
+++ b/src/views/deviceConfig/components/editWatchConfig.vue
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listLiquidConfig.vue b/src/views/deviceConfig/components/listLiquidConfig.vue
index f590b1c..24ade89 100644
--- a/src/views/deviceConfig/components/listLiquidConfig.vue
+++ b/src/views/deviceConfig/components/listLiquidConfig.vue
@@ -2,15 +2,15 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listWatchConfig.vue b/src/views/deviceConfig/components/listWatchConfig.vue
new file mode 100644
index 0000000..d162620
--- /dev/null
+++ b/src/views/deviceConfig/components/listWatchConfig.vue
@@ -0,0 +1,357 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 批量导入
+
+ 新增
+
+
+
+
+
+
+
+ {{ scope.row[column.value] }}
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d139e20..3f2aa60 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -94,11 +94,11 @@
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
- },
- {
- test: /\.js$/,
- loader: '@open-wc/webpack-import-meta-loader'
}
+ // {
+ // test: /\.js$/,
+ // loader: '@open-wc/webpack-import-meta-loader'
+ // }
]
},
plugins: [new VueLoaderPlugin()],
diff --git a/config/dev.env.js b/config/dev.env.js
index e57df7d..36f7d4a 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -6,9 +6,9 @@
// 将两个配置对象合并,最终结果是 NODE_ENV:‘"development"'
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
-
// BASE_API: '"http://42.81.160.165:2022/smartwell"'
// BASE_API: '"http://111.198.10.15:11304"'
// BASE_API: '"http://111.198.10.15:11643"'
- BASE_API: '"http://111.198.10.15:11409/smartwell"'
+ // BASE_API: '"http://111.198.10.15:11409/smartwell"' //可以用
+ BASE_API: '"http://192.168.43.66:11643/smartwell"' //彭先洪
})
diff --git a/package.json b/package.json
index d3b9271..471cdb3 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
"vuex": "3.0.1"
},
"devDependencies": {
- "@open-wc/webpack-import-meta-loader": "^0.4.7",
"autoprefixer": "8.5.0",
"babel-core": "6.26.0",
"babel-eslint": "8.2.6",
diff --git a/src/api/area.js b/src/api/area.js
index 974ce81..c5d88cf 100644
--- a/src/api/area.js
+++ b/src/api/area.js
@@ -39,6 +39,13 @@
params
})
}
+export function getDoorAreaTree(params) {
+ return request({
+ url: 'device/getAreas',
+ method: 'get',
+ params
+ })
+}
// 区域类型查询
export function getAreaType() {
return request({
diff --git a/src/api/data.js b/src/api/data.js
index db5c8d0..d1fdd27 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -18,6 +18,14 @@
params
})
}
+// 水表数据查询
+export function getWatchData(params) {
+ return request({
+ url: 'waterMeterData/listPage',
+ method: 'get',
+ params
+ })
+}
// 物位数据查询
export function getObjectData(params) {
diff --git a/src/api/overview.js b/src/api/overview.js
index 2e62e69..12d78c2 100644
--- a/src/api/overview.js
+++ b/src/api/overview.js
@@ -2,6 +2,20 @@
* 井总览模块接口
*/
import request from '@/utils/request'
+
+// 首页
+export function getWatchStatistic() {
+ return request({
+ url: 'waterStatistic/overview',
+ method: 'get'
+ })
+}
+export function waterMeterCount() {
+ return request({
+ url: 'waterMeterData/count',
+ method: 'get'
+ })
+}
// 井查询
export function getWellList(params) {
return request({
diff --git a/src/components/AreaSelect/areaSelectDialog.vue b/src/components/AreaSelect/areaSelectDialog.vue
new file mode 100644
index 0000000..fb1cd4d
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectDialog.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectInput.vue b/src/components/AreaSelect/areaSelectInput.vue
new file mode 100644
index 0000000..bdf5dcf
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectInput.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectTree.vue b/src/components/AreaSelect/areaSelectTree.vue
new file mode 100644
index 0000000..c587fca
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectTree.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/singleSelect.vue b/src/components/AreaSelect/singleSelect.vue
new file mode 100644
index 0000000..ba15b20
--- /dev/null
+++ b/src/components/AreaSelect/singleSelect.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
new file mode 100644
index 0000000..d70262c
--- /dev/null
+++ b/src/components/BigData/Card1/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+ {{ title[0] }} {{ context[0] }}
+
+
+ {{ title[1] }} {{ context[1] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 1acabef..2bd7a1b 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -1,7 +1,7 @@
-
+
diff --git a/src/utils/request.js b/src/utils/request.js
index eb45e3f..96766f8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -44,7 +44,7 @@
location.reload() // 为了重新实例化vue-router对象 避免bug
})
} else {
- debugger
+ // debugger
console.log(res)
Message({
showClose: true,
diff --git a/src/views/alarmStatics/alarmStatics.vue b/src/views/alarmStatics/alarmStatics.vue
index db2f478..e13fb0e 100644
--- a/src/views/alarmStatics/alarmStatics.vue
+++ b/src/views/alarmStatics/alarmStatics.vue
@@ -4,8 +4,8 @@
-
- 按区域统计报警
+
+
@@ -13,9 +13,10 @@
+
+
diff --git a/src/views/alarmStatics/components/alarmStaticsByDept.vue b/src/views/alarmStatics/components/alarmStaticsByDept.vue
index 2168fdf..0ab2ee6 100644
--- a/src/views/alarmStatics/components/alarmStaticsByDept.vue
+++ b/src/views/alarmStatics/components/alarmStaticsByDept.vue
@@ -32,7 +32,7 @@
按权属单位统计报警情况
-
+
-
+
+
+ 近1年
+ 近6月
+ 近3月
+ 近1月
+ 近1周
+
+
+
+
diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue
index 7ff9ba3..6c36bcb 100644
--- a/src/views/dashboard/components/DeviceCount.vue
+++ b/src/views/dashboard/components/DeviceCount.vue
@@ -18,7 +18,7 @@
right: 60
}
this.title = {
- text: '设备数量统计'
+ text: '管网资产统计'
}
this.chartSettings = {
itemStyle: {
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index da2888e..c04cf16 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,5 +1,8 @@
+
+
+
@@ -9,37 +12,71 @@
+
diff --git a/src/views/dashboard/components/waterCountByAreaBar.vue b/src/views/dashboard/components/waterCountByAreaBar.vue
new file mode 100644
index 0000000..954fffe
--- /dev/null
+++ b/src/views/dashboard/components/waterCountByAreaBar.vue
@@ -0,0 +1,195 @@
+
+
+
+ 本月
+ 近7日
+ 昨日
+ 今日
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
diff --git a/src/views/dashboard/components/waterCountByDay.vue b/src/views/dashboard/components/waterCountByDay.vue
index d5c2912..d47e358 100644
--- a/src/views/dashboard/components/waterCountByDay.vue
+++ b/src/views/dashboard/components/waterCountByDay.vue
@@ -1,6 +1,5 @@
-
近1年
近6月
@@ -8,6 +7,7 @@
近1月
近1周
+
@@ -23,8 +23,8 @@
beginTime: '',
endTime: ''
},
- title:{
- text: '各分区用水走势'
+ title: {
+ text: '用水走势图'
},
chartSettings: {
labelMap: {
@@ -37,33 +37,33 @@
'dept7': '制管作业区',
'dept8': '滑道作业区',
'dept9': '码头作业区',
- 'dept10': '车间生产区',
+ 'dept10': '车间生产区'
},
- metrics: ['dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ metrics: ['dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
dimension: ['date']
},
extend: {
- grid:{
- top:120
+ grid: {
+ top: 120
},
- yAxis:{
- name:'用水量(吨)',
- position:'left'
+ yAxis: {
+ name: '用水量(吨)',
+ position: 'left'
},
- legend:{
+ legend: {
// type: 'scroll',
- top:'40px'
+ top: '40px'
}
},
chartData: {
- columns: ['date', 'dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ columns: ['date', 'dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
rows: []
}
}
},
mounted() {
+ this.changeTime('month')
this.fetchData()
-
},
methods: {
fetchData() {
@@ -76,17 +76,17 @@
// })
// 模拟数据
this.chartData.rows = [
- { date: '11月29日', dept1: 153, dept2: 43, dept3:1,dept4:1,dept5:1,dept6:7,dept7:6, dept8:2,dept9:1, dept10:3},
- { date: '11月30日', dept1: 150, dept2: 30, dept3:2,dept4:1,dept5:4,dept6:6,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月1日 ', dept1: 143, dept2: 23, dept3:3,dept4:2,dept5:2,dept6:7,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月2日 ', dept1: 173, dept2: 23, dept3:4,dept4:4,dept5:1,dept6:1,dept7:8, dept8:2,dept9:1, dept10:3},
- { date: '12月3日 ', dept1: 272, dept2: 52, dept3:5,dept4:1,dept5:4,dept6:7,dept7:9, dept8:2,dept9:1, dept10:3},
- { date: '12月4日 ', dept1: 253, dept2: 53, dept3:6,dept4:5,dept5:5,dept6:2,dept7:9, dept8:2,dept9:1, dept10:3}
+ { date: '11月29日', dept1: 153, dept2: 43, dept3: 1, dept4: 1, dept5: 1, dept6: 7, dept7: 6, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '11月30日', dept1: 150, dept2: 30, dept3: 2, dept4: 1, dept5: 4, dept6: 6, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月1日 ', dept1: 143, dept2: 23, dept3: 3, dept4: 2, dept5: 2, dept6: 7, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月2日 ', dept1: 173, dept2: 23, dept3: 4, dept4: 4, dept5: 1, dept6: 1, dept7: 8, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月3日 ', dept1: 272, dept2: 52, dept3: 5, dept4: 1, dept5: 4, dept6: 7, dept7: 9, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月4日 ', dept1: 253, dept2: 53, dept3: 6, dept4: 5, dept5: 5, dept6: 2, dept7: 9, dept8: 2, dept9: 1, dept10: 3 }
]
},
- changeTime(timeType){
+ changeTime(timeType) {
let beginTime
- switch(timeType){
+ switch (timeType) {
case 'year':
beginTime = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
this.listQuery.beginTime = beginTime.Format('yyyy-MM-dd')
@@ -119,12 +119,12 @@
.container{
position:relative;
.function{
- position:absolute;
- z-index:200;
- bottom: 10px;
- left: 0;
+ /*position:absolute;*/
+ /*z-index:200;*/
+ /*bottom: 10px;*/
+ /*left: 0;*/
width:100%;
- height: 32px;
+ height: 28px;
display: flex;
justify-content: center;
}
diff --git a/src/views/dashboard/components/waterCountByDept.vue b/src/views/dashboard/components/waterCountByDept.vue
index 5145dd6..c65569c 100644
--- a/src/views/dashboard/components/waterCountByDept.vue
+++ b/src/views/dashboard/components/waterCountByDept.vue
@@ -1,6 +1,6 @@
+
-
近1年
近6月
@@ -8,37 +8,48 @@
近1月
近1周
+
+
+ {{item.name}}
+
diff --git a/src/views/deviceConfig/components/editWatchConfig.vue b/src/views/deviceConfig/components/editWatchConfig.vue
new file mode 100644
index 0000000..757cbc7
--- /dev/null
+++ b/src/views/deviceConfig/components/editWatchConfig.vue
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listLiquidConfig.vue b/src/views/deviceConfig/components/listLiquidConfig.vue
index f590b1c..24ade89 100644
--- a/src/views/deviceConfig/components/listLiquidConfig.vue
+++ b/src/views/deviceConfig/components/listLiquidConfig.vue
@@ -2,15 +2,15 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listWatchConfig.vue b/src/views/deviceConfig/components/listWatchConfig.vue
new file mode 100644
index 0000000..d162620
--- /dev/null
+++ b/src/views/deviceConfig/components/listWatchConfig.vue
@@ -0,0 +1,357 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 批量导入
+
+ 新增
+
+
+
+
+
+
+
+ {{ scope.row[column.value] }}
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/deviceConfig.vue b/src/views/deviceConfig/deviceConfig.vue
index c5ae5ba..65bcea5 100644
--- a/src/views/deviceConfig/deviceConfig.vue
+++ b/src/views/deviceConfig/deviceConfig.vue
@@ -1,6 +1,9 @@
+
+
+
@@ -16,7 +19,7 @@
-
+
@@ -31,20 +34,23 @@
import ListDigConfig from './components/listDigConfig'
import ListNoiseConfig from './components/listNoiseConfig'
import { hasPermission } from '@/utils/permission'
+import ListWatchConfig from './components/listWatchConfig'
export default {
name: 'DeviceConfig',
- components: { ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
+ components: { ListWatchConfig, ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
data() {
return {
- activeName: 'liquid'
+ activeName: 'watch'
}
},
created() {
- this.caclActive()
+ // this.caclActive()
},
methods: {
handleClick(tab, event) {
- if (tab.name === 'liquid') {
+ if (tab.name === 'watch') {
+ this.$refs.watchConfig.fetchData()
+ } if (tab.name === 'liquid') {
this.$refs.liquidConfig.fetchData()
} else if (tab.name === 'harmful') {
this.$refs.harmfulConfig.fetchData()
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d139e20..3f2aa60 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -94,11 +94,11 @@
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
- },
- {
- test: /\.js$/,
- loader: '@open-wc/webpack-import-meta-loader'
}
+ // {
+ // test: /\.js$/,
+ // loader: '@open-wc/webpack-import-meta-loader'
+ // }
]
},
plugins: [new VueLoaderPlugin()],
diff --git a/config/dev.env.js b/config/dev.env.js
index e57df7d..36f7d4a 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -6,9 +6,9 @@
// 将两个配置对象合并,最终结果是 NODE_ENV:‘"development"'
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
-
// BASE_API: '"http://42.81.160.165:2022/smartwell"'
// BASE_API: '"http://111.198.10.15:11304"'
// BASE_API: '"http://111.198.10.15:11643"'
- BASE_API: '"http://111.198.10.15:11409/smartwell"'
+ // BASE_API: '"http://111.198.10.15:11409/smartwell"' //可以用
+ BASE_API: '"http://192.168.43.66:11643/smartwell"' //彭先洪
})
diff --git a/package.json b/package.json
index d3b9271..471cdb3 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
"vuex": "3.0.1"
},
"devDependencies": {
- "@open-wc/webpack-import-meta-loader": "^0.4.7",
"autoprefixer": "8.5.0",
"babel-core": "6.26.0",
"babel-eslint": "8.2.6",
diff --git a/src/api/area.js b/src/api/area.js
index 974ce81..c5d88cf 100644
--- a/src/api/area.js
+++ b/src/api/area.js
@@ -39,6 +39,13 @@
params
})
}
+export function getDoorAreaTree(params) {
+ return request({
+ url: 'device/getAreas',
+ method: 'get',
+ params
+ })
+}
// 区域类型查询
export function getAreaType() {
return request({
diff --git a/src/api/data.js b/src/api/data.js
index db5c8d0..d1fdd27 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -18,6 +18,14 @@
params
})
}
+// 水表数据查询
+export function getWatchData(params) {
+ return request({
+ url: 'waterMeterData/listPage',
+ method: 'get',
+ params
+ })
+}
// 物位数据查询
export function getObjectData(params) {
diff --git a/src/api/overview.js b/src/api/overview.js
index 2e62e69..12d78c2 100644
--- a/src/api/overview.js
+++ b/src/api/overview.js
@@ -2,6 +2,20 @@
* 井总览模块接口
*/
import request from '@/utils/request'
+
+// 首页
+export function getWatchStatistic() {
+ return request({
+ url: 'waterStatistic/overview',
+ method: 'get'
+ })
+}
+export function waterMeterCount() {
+ return request({
+ url: 'waterMeterData/count',
+ method: 'get'
+ })
+}
// 井查询
export function getWellList(params) {
return request({
diff --git a/src/components/AreaSelect/areaSelectDialog.vue b/src/components/AreaSelect/areaSelectDialog.vue
new file mode 100644
index 0000000..fb1cd4d
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectDialog.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectInput.vue b/src/components/AreaSelect/areaSelectInput.vue
new file mode 100644
index 0000000..bdf5dcf
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectInput.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectTree.vue b/src/components/AreaSelect/areaSelectTree.vue
new file mode 100644
index 0000000..c587fca
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectTree.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/singleSelect.vue b/src/components/AreaSelect/singleSelect.vue
new file mode 100644
index 0000000..ba15b20
--- /dev/null
+++ b/src/components/AreaSelect/singleSelect.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
new file mode 100644
index 0000000..d70262c
--- /dev/null
+++ b/src/components/BigData/Card1/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+ {{ title[0] }} {{ context[0] }}
+
+
+ {{ title[1] }} {{ context[1] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 1acabef..2bd7a1b 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -1,7 +1,7 @@
-
+
diff --git a/src/utils/request.js b/src/utils/request.js
index eb45e3f..96766f8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -44,7 +44,7 @@
location.reload() // 为了重新实例化vue-router对象 避免bug
})
} else {
- debugger
+ // debugger
console.log(res)
Message({
showClose: true,
diff --git a/src/views/alarmStatics/alarmStatics.vue b/src/views/alarmStatics/alarmStatics.vue
index db2f478..e13fb0e 100644
--- a/src/views/alarmStatics/alarmStatics.vue
+++ b/src/views/alarmStatics/alarmStatics.vue
@@ -4,8 +4,8 @@
-
- 按区域统计报警
+
+
@@ -13,9 +13,10 @@
+
+
diff --git a/src/views/alarmStatics/components/alarmStaticsByDept.vue b/src/views/alarmStatics/components/alarmStaticsByDept.vue
index 2168fdf..0ab2ee6 100644
--- a/src/views/alarmStatics/components/alarmStaticsByDept.vue
+++ b/src/views/alarmStatics/components/alarmStaticsByDept.vue
@@ -32,7 +32,7 @@
按权属单位统计报警情况
-
+
-
+
+
+ 近1年
+ 近6月
+ 近3月
+ 近1月
+ 近1周
+
+
+
+
diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue
index 7ff9ba3..6c36bcb 100644
--- a/src/views/dashboard/components/DeviceCount.vue
+++ b/src/views/dashboard/components/DeviceCount.vue
@@ -18,7 +18,7 @@
right: 60
}
this.title = {
- text: '设备数量统计'
+ text: '管网资产统计'
}
this.chartSettings = {
itemStyle: {
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index da2888e..c04cf16 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,5 +1,8 @@
+
+
+
@@ -9,37 +12,71 @@
+
diff --git a/src/views/dashboard/components/waterCountByAreaBar.vue b/src/views/dashboard/components/waterCountByAreaBar.vue
new file mode 100644
index 0000000..954fffe
--- /dev/null
+++ b/src/views/dashboard/components/waterCountByAreaBar.vue
@@ -0,0 +1,195 @@
+
+
+
+ 本月
+ 近7日
+ 昨日
+ 今日
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
diff --git a/src/views/dashboard/components/waterCountByDay.vue b/src/views/dashboard/components/waterCountByDay.vue
index d5c2912..d47e358 100644
--- a/src/views/dashboard/components/waterCountByDay.vue
+++ b/src/views/dashboard/components/waterCountByDay.vue
@@ -1,6 +1,5 @@
-
近1年
近6月
@@ -8,6 +7,7 @@
近1月
近1周
+
@@ -23,8 +23,8 @@
beginTime: '',
endTime: ''
},
- title:{
- text: '各分区用水走势'
+ title: {
+ text: '用水走势图'
},
chartSettings: {
labelMap: {
@@ -37,33 +37,33 @@
'dept7': '制管作业区',
'dept8': '滑道作业区',
'dept9': '码头作业区',
- 'dept10': '车间生产区',
+ 'dept10': '车间生产区'
},
- metrics: ['dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ metrics: ['dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
dimension: ['date']
},
extend: {
- grid:{
- top:120
+ grid: {
+ top: 120
},
- yAxis:{
- name:'用水量(吨)',
- position:'left'
+ yAxis: {
+ name: '用水量(吨)',
+ position: 'left'
},
- legend:{
+ legend: {
// type: 'scroll',
- top:'40px'
+ top: '40px'
}
},
chartData: {
- columns: ['date', 'dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ columns: ['date', 'dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
rows: []
}
}
},
mounted() {
+ this.changeTime('month')
this.fetchData()
-
},
methods: {
fetchData() {
@@ -76,17 +76,17 @@
// })
// 模拟数据
this.chartData.rows = [
- { date: '11月29日', dept1: 153, dept2: 43, dept3:1,dept4:1,dept5:1,dept6:7,dept7:6, dept8:2,dept9:1, dept10:3},
- { date: '11月30日', dept1: 150, dept2: 30, dept3:2,dept4:1,dept5:4,dept6:6,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月1日 ', dept1: 143, dept2: 23, dept3:3,dept4:2,dept5:2,dept6:7,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月2日 ', dept1: 173, dept2: 23, dept3:4,dept4:4,dept5:1,dept6:1,dept7:8, dept8:2,dept9:1, dept10:3},
- { date: '12月3日 ', dept1: 272, dept2: 52, dept3:5,dept4:1,dept5:4,dept6:7,dept7:9, dept8:2,dept9:1, dept10:3},
- { date: '12月4日 ', dept1: 253, dept2: 53, dept3:6,dept4:5,dept5:5,dept6:2,dept7:9, dept8:2,dept9:1, dept10:3}
+ { date: '11月29日', dept1: 153, dept2: 43, dept3: 1, dept4: 1, dept5: 1, dept6: 7, dept7: 6, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '11月30日', dept1: 150, dept2: 30, dept3: 2, dept4: 1, dept5: 4, dept6: 6, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月1日 ', dept1: 143, dept2: 23, dept3: 3, dept4: 2, dept5: 2, dept6: 7, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月2日 ', dept1: 173, dept2: 23, dept3: 4, dept4: 4, dept5: 1, dept6: 1, dept7: 8, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月3日 ', dept1: 272, dept2: 52, dept3: 5, dept4: 1, dept5: 4, dept6: 7, dept7: 9, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月4日 ', dept1: 253, dept2: 53, dept3: 6, dept4: 5, dept5: 5, dept6: 2, dept7: 9, dept8: 2, dept9: 1, dept10: 3 }
]
},
- changeTime(timeType){
+ changeTime(timeType) {
let beginTime
- switch(timeType){
+ switch (timeType) {
case 'year':
beginTime = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
this.listQuery.beginTime = beginTime.Format('yyyy-MM-dd')
@@ -119,12 +119,12 @@
.container{
position:relative;
.function{
- position:absolute;
- z-index:200;
- bottom: 10px;
- left: 0;
+ /*position:absolute;*/
+ /*z-index:200;*/
+ /*bottom: 10px;*/
+ /*left: 0;*/
width:100%;
- height: 32px;
+ height: 28px;
display: flex;
justify-content: center;
}
diff --git a/src/views/dashboard/components/waterCountByDept.vue b/src/views/dashboard/components/waterCountByDept.vue
index 5145dd6..c65569c 100644
--- a/src/views/dashboard/components/waterCountByDept.vue
+++ b/src/views/dashboard/components/waterCountByDept.vue
@@ -1,6 +1,6 @@
+
-
近1年
近6月
@@ -8,37 +8,48 @@
近1月
近1周
+
+
+ {{item.name}}
+
diff --git a/src/views/deviceConfig/components/editWatchConfig.vue b/src/views/deviceConfig/components/editWatchConfig.vue
new file mode 100644
index 0000000..757cbc7
--- /dev/null
+++ b/src/views/deviceConfig/components/editWatchConfig.vue
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listLiquidConfig.vue b/src/views/deviceConfig/components/listLiquidConfig.vue
index f590b1c..24ade89 100644
--- a/src/views/deviceConfig/components/listLiquidConfig.vue
+++ b/src/views/deviceConfig/components/listLiquidConfig.vue
@@ -2,15 +2,15 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listWatchConfig.vue b/src/views/deviceConfig/components/listWatchConfig.vue
new file mode 100644
index 0000000..d162620
--- /dev/null
+++ b/src/views/deviceConfig/components/listWatchConfig.vue
@@ -0,0 +1,357 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 批量导入
+
+ 新增
+
+
+
+
+
+
+
+ {{ scope.row[column.value] }}
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/deviceConfig.vue b/src/views/deviceConfig/deviceConfig.vue
index c5ae5ba..65bcea5 100644
--- a/src/views/deviceConfig/deviceConfig.vue
+++ b/src/views/deviceConfig/deviceConfig.vue
@@ -1,6 +1,9 @@
+
+
+
@@ -16,7 +19,7 @@
-
+
@@ -31,20 +34,23 @@
import ListDigConfig from './components/listDigConfig'
import ListNoiseConfig from './components/listNoiseConfig'
import { hasPermission } from '@/utils/permission'
+import ListWatchConfig from './components/listWatchConfig'
export default {
name: 'DeviceConfig',
- components: { ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
+ components: { ListWatchConfig, ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
data() {
return {
- activeName: 'liquid'
+ activeName: 'watch'
}
},
created() {
- this.caclActive()
+ // this.caclActive()
},
methods: {
handleClick(tab, event) {
- if (tab.name === 'liquid') {
+ if (tab.name === 'watch') {
+ this.$refs.watchConfig.fetchData()
+ } if (tab.name === 'liquid') {
this.$refs.liquidConfig.fetchData()
} else if (tab.name === 'harmful') {
this.$refs.harmfulConfig.fetchData()
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index aaabfc2..e8ce6a8 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -146,11 +146,11 @@
width: 140,
align: 'center'
},
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '设备安装日期',
value: 'installDate',
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d139e20..3f2aa60 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -94,11 +94,11 @@
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
- },
- {
- test: /\.js$/,
- loader: '@open-wc/webpack-import-meta-loader'
}
+ // {
+ // test: /\.js$/,
+ // loader: '@open-wc/webpack-import-meta-loader'
+ // }
]
},
plugins: [new VueLoaderPlugin()],
diff --git a/config/dev.env.js b/config/dev.env.js
index e57df7d..36f7d4a 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -6,9 +6,9 @@
// 将两个配置对象合并,最终结果是 NODE_ENV:‘"development"'
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
-
// BASE_API: '"http://42.81.160.165:2022/smartwell"'
// BASE_API: '"http://111.198.10.15:11304"'
// BASE_API: '"http://111.198.10.15:11643"'
- BASE_API: '"http://111.198.10.15:11409/smartwell"'
+ // BASE_API: '"http://111.198.10.15:11409/smartwell"' //可以用
+ BASE_API: '"http://192.168.43.66:11643/smartwell"' //彭先洪
})
diff --git a/package.json b/package.json
index d3b9271..471cdb3 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
"vuex": "3.0.1"
},
"devDependencies": {
- "@open-wc/webpack-import-meta-loader": "^0.4.7",
"autoprefixer": "8.5.0",
"babel-core": "6.26.0",
"babel-eslint": "8.2.6",
diff --git a/src/api/area.js b/src/api/area.js
index 974ce81..c5d88cf 100644
--- a/src/api/area.js
+++ b/src/api/area.js
@@ -39,6 +39,13 @@
params
})
}
+export function getDoorAreaTree(params) {
+ return request({
+ url: 'device/getAreas',
+ method: 'get',
+ params
+ })
+}
// 区域类型查询
export function getAreaType() {
return request({
diff --git a/src/api/data.js b/src/api/data.js
index db5c8d0..d1fdd27 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -18,6 +18,14 @@
params
})
}
+// 水表数据查询
+export function getWatchData(params) {
+ return request({
+ url: 'waterMeterData/listPage',
+ method: 'get',
+ params
+ })
+}
// 物位数据查询
export function getObjectData(params) {
diff --git a/src/api/overview.js b/src/api/overview.js
index 2e62e69..12d78c2 100644
--- a/src/api/overview.js
+++ b/src/api/overview.js
@@ -2,6 +2,20 @@
* 井总览模块接口
*/
import request from '@/utils/request'
+
+// 首页
+export function getWatchStatistic() {
+ return request({
+ url: 'waterStatistic/overview',
+ method: 'get'
+ })
+}
+export function waterMeterCount() {
+ return request({
+ url: 'waterMeterData/count',
+ method: 'get'
+ })
+}
// 井查询
export function getWellList(params) {
return request({
diff --git a/src/components/AreaSelect/areaSelectDialog.vue b/src/components/AreaSelect/areaSelectDialog.vue
new file mode 100644
index 0000000..fb1cd4d
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectDialog.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectInput.vue b/src/components/AreaSelect/areaSelectInput.vue
new file mode 100644
index 0000000..bdf5dcf
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectInput.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectTree.vue b/src/components/AreaSelect/areaSelectTree.vue
new file mode 100644
index 0000000..c587fca
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectTree.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/singleSelect.vue b/src/components/AreaSelect/singleSelect.vue
new file mode 100644
index 0000000..ba15b20
--- /dev/null
+++ b/src/components/AreaSelect/singleSelect.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
new file mode 100644
index 0000000..d70262c
--- /dev/null
+++ b/src/components/BigData/Card1/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+ {{ title[0] }} {{ context[0] }}
+
+
+ {{ title[1] }} {{ context[1] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 1acabef..2bd7a1b 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -1,7 +1,7 @@
-
+
diff --git a/src/utils/request.js b/src/utils/request.js
index eb45e3f..96766f8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -44,7 +44,7 @@
location.reload() // 为了重新实例化vue-router对象 避免bug
})
} else {
- debugger
+ // debugger
console.log(res)
Message({
showClose: true,
diff --git a/src/views/alarmStatics/alarmStatics.vue b/src/views/alarmStatics/alarmStatics.vue
index db2f478..e13fb0e 100644
--- a/src/views/alarmStatics/alarmStatics.vue
+++ b/src/views/alarmStatics/alarmStatics.vue
@@ -4,8 +4,8 @@
-
- 按区域统计报警
+
+
@@ -13,9 +13,10 @@
+
+
diff --git a/src/views/alarmStatics/components/alarmStaticsByDept.vue b/src/views/alarmStatics/components/alarmStaticsByDept.vue
index 2168fdf..0ab2ee6 100644
--- a/src/views/alarmStatics/components/alarmStaticsByDept.vue
+++ b/src/views/alarmStatics/components/alarmStaticsByDept.vue
@@ -32,7 +32,7 @@
按权属单位统计报警情况
-
+
-
+
+
+ 近1年
+ 近6月
+ 近3月
+ 近1月
+ 近1周
+
+
+
+
diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue
index 7ff9ba3..6c36bcb 100644
--- a/src/views/dashboard/components/DeviceCount.vue
+++ b/src/views/dashboard/components/DeviceCount.vue
@@ -18,7 +18,7 @@
right: 60
}
this.title = {
- text: '设备数量统计'
+ text: '管网资产统计'
}
this.chartSettings = {
itemStyle: {
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index da2888e..c04cf16 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,5 +1,8 @@
+
+
+
@@ -9,37 +12,71 @@
+
diff --git a/src/views/dashboard/components/waterCountByAreaBar.vue b/src/views/dashboard/components/waterCountByAreaBar.vue
new file mode 100644
index 0000000..954fffe
--- /dev/null
+++ b/src/views/dashboard/components/waterCountByAreaBar.vue
@@ -0,0 +1,195 @@
+
+
+
+ 本月
+ 近7日
+ 昨日
+ 今日
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
diff --git a/src/views/dashboard/components/waterCountByDay.vue b/src/views/dashboard/components/waterCountByDay.vue
index d5c2912..d47e358 100644
--- a/src/views/dashboard/components/waterCountByDay.vue
+++ b/src/views/dashboard/components/waterCountByDay.vue
@@ -1,6 +1,5 @@
-
近1年
近6月
@@ -8,6 +7,7 @@
近1月
近1周
+
@@ -23,8 +23,8 @@
beginTime: '',
endTime: ''
},
- title:{
- text: '各分区用水走势'
+ title: {
+ text: '用水走势图'
},
chartSettings: {
labelMap: {
@@ -37,33 +37,33 @@
'dept7': '制管作业区',
'dept8': '滑道作业区',
'dept9': '码头作业区',
- 'dept10': '车间生产区',
+ 'dept10': '车间生产区'
},
- metrics: ['dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ metrics: ['dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
dimension: ['date']
},
extend: {
- grid:{
- top:120
+ grid: {
+ top: 120
},
- yAxis:{
- name:'用水量(吨)',
- position:'left'
+ yAxis: {
+ name: '用水量(吨)',
+ position: 'left'
},
- legend:{
+ legend: {
// type: 'scroll',
- top:'40px'
+ top: '40px'
}
},
chartData: {
- columns: ['date', 'dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ columns: ['date', 'dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
rows: []
}
}
},
mounted() {
+ this.changeTime('month')
this.fetchData()
-
},
methods: {
fetchData() {
@@ -76,17 +76,17 @@
// })
// 模拟数据
this.chartData.rows = [
- { date: '11月29日', dept1: 153, dept2: 43, dept3:1,dept4:1,dept5:1,dept6:7,dept7:6, dept8:2,dept9:1, dept10:3},
- { date: '11月30日', dept1: 150, dept2: 30, dept3:2,dept4:1,dept5:4,dept6:6,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月1日 ', dept1: 143, dept2: 23, dept3:3,dept4:2,dept5:2,dept6:7,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月2日 ', dept1: 173, dept2: 23, dept3:4,dept4:4,dept5:1,dept6:1,dept7:8, dept8:2,dept9:1, dept10:3},
- { date: '12月3日 ', dept1: 272, dept2: 52, dept3:5,dept4:1,dept5:4,dept6:7,dept7:9, dept8:2,dept9:1, dept10:3},
- { date: '12月4日 ', dept1: 253, dept2: 53, dept3:6,dept4:5,dept5:5,dept6:2,dept7:9, dept8:2,dept9:1, dept10:3}
+ { date: '11月29日', dept1: 153, dept2: 43, dept3: 1, dept4: 1, dept5: 1, dept6: 7, dept7: 6, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '11月30日', dept1: 150, dept2: 30, dept3: 2, dept4: 1, dept5: 4, dept6: 6, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月1日 ', dept1: 143, dept2: 23, dept3: 3, dept4: 2, dept5: 2, dept6: 7, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月2日 ', dept1: 173, dept2: 23, dept3: 4, dept4: 4, dept5: 1, dept6: 1, dept7: 8, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月3日 ', dept1: 272, dept2: 52, dept3: 5, dept4: 1, dept5: 4, dept6: 7, dept7: 9, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月4日 ', dept1: 253, dept2: 53, dept3: 6, dept4: 5, dept5: 5, dept6: 2, dept7: 9, dept8: 2, dept9: 1, dept10: 3 }
]
},
- changeTime(timeType){
+ changeTime(timeType) {
let beginTime
- switch(timeType){
+ switch (timeType) {
case 'year':
beginTime = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
this.listQuery.beginTime = beginTime.Format('yyyy-MM-dd')
@@ -119,12 +119,12 @@
.container{
position:relative;
.function{
- position:absolute;
- z-index:200;
- bottom: 10px;
- left: 0;
+ /*position:absolute;*/
+ /*z-index:200;*/
+ /*bottom: 10px;*/
+ /*left: 0;*/
width:100%;
- height: 32px;
+ height: 28px;
display: flex;
justify-content: center;
}
diff --git a/src/views/dashboard/components/waterCountByDept.vue b/src/views/dashboard/components/waterCountByDept.vue
index 5145dd6..c65569c 100644
--- a/src/views/dashboard/components/waterCountByDept.vue
+++ b/src/views/dashboard/components/waterCountByDept.vue
@@ -1,6 +1,6 @@
+
-
近1年
近6月
@@ -8,37 +8,48 @@
近1月
近1周
+
+
+ {{item.name}}
+
diff --git a/src/views/deviceConfig/components/editWatchConfig.vue b/src/views/deviceConfig/components/editWatchConfig.vue
new file mode 100644
index 0000000..757cbc7
--- /dev/null
+++ b/src/views/deviceConfig/components/editWatchConfig.vue
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listLiquidConfig.vue b/src/views/deviceConfig/components/listLiquidConfig.vue
index f590b1c..24ade89 100644
--- a/src/views/deviceConfig/components/listLiquidConfig.vue
+++ b/src/views/deviceConfig/components/listLiquidConfig.vue
@@ -2,15 +2,15 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listWatchConfig.vue b/src/views/deviceConfig/components/listWatchConfig.vue
new file mode 100644
index 0000000..d162620
--- /dev/null
+++ b/src/views/deviceConfig/components/listWatchConfig.vue
@@ -0,0 +1,357 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 批量导入
+
+ 新增
+
+
+
+
+
+
+
+ {{ scope.row[column.value] }}
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/deviceConfig.vue b/src/views/deviceConfig/deviceConfig.vue
index c5ae5ba..65bcea5 100644
--- a/src/views/deviceConfig/deviceConfig.vue
+++ b/src/views/deviceConfig/deviceConfig.vue
@@ -1,6 +1,9 @@
+
+
+
@@ -16,7 +19,7 @@
-
+
@@ -31,20 +34,23 @@
import ListDigConfig from './components/listDigConfig'
import ListNoiseConfig from './components/listNoiseConfig'
import { hasPermission } from '@/utils/permission'
+import ListWatchConfig from './components/listWatchConfig'
export default {
name: 'DeviceConfig',
- components: { ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
+ components: { ListWatchConfig, ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
data() {
return {
- activeName: 'liquid'
+ activeName: 'watch'
}
},
created() {
- this.caclActive()
+ // this.caclActive()
},
methods: {
handleClick(tab, event) {
- if (tab.name === 'liquid') {
+ if (tab.name === 'watch') {
+ this.$refs.watchConfig.fetchData()
+ } if (tab.name === 'liquid') {
this.$refs.liquidConfig.fetchData()
} else if (tab.name === 'harmful') {
this.$refs.harmfulConfig.fetchData()
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index aaabfc2..e8ce6a8 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -146,11 +146,11 @@
width: 140,
align: 'center'
},
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '设备安装日期',
value: 'installDate',
diff --git a/src/views/deviceStatics/components/deviceCountByDept.vue b/src/views/deviceStatics/components/deviceCountByDept.vue
index bc713a1..cc3da09 100644
--- a/src/views/deviceStatics/components/deviceCountByDept.vue
+++ b/src/views/deviceStatics/components/deviceCountByDept.vue
@@ -2,7 +2,7 @@
- 各单位设备安装情况数量统计
+ 设备安装情况数量统计
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d139e20..3f2aa60 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -94,11 +94,11 @@
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
- },
- {
- test: /\.js$/,
- loader: '@open-wc/webpack-import-meta-loader'
}
+ // {
+ // test: /\.js$/,
+ // loader: '@open-wc/webpack-import-meta-loader'
+ // }
]
},
plugins: [new VueLoaderPlugin()],
diff --git a/config/dev.env.js b/config/dev.env.js
index e57df7d..36f7d4a 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -6,9 +6,9 @@
// 将两个配置对象合并,最终结果是 NODE_ENV:‘"development"'
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
-
// BASE_API: '"http://42.81.160.165:2022/smartwell"'
// BASE_API: '"http://111.198.10.15:11304"'
// BASE_API: '"http://111.198.10.15:11643"'
- BASE_API: '"http://111.198.10.15:11409/smartwell"'
+ // BASE_API: '"http://111.198.10.15:11409/smartwell"' //可以用
+ BASE_API: '"http://192.168.43.66:11643/smartwell"' //彭先洪
})
diff --git a/package.json b/package.json
index d3b9271..471cdb3 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
"vuex": "3.0.1"
},
"devDependencies": {
- "@open-wc/webpack-import-meta-loader": "^0.4.7",
"autoprefixer": "8.5.0",
"babel-core": "6.26.0",
"babel-eslint": "8.2.6",
diff --git a/src/api/area.js b/src/api/area.js
index 974ce81..c5d88cf 100644
--- a/src/api/area.js
+++ b/src/api/area.js
@@ -39,6 +39,13 @@
params
})
}
+export function getDoorAreaTree(params) {
+ return request({
+ url: 'device/getAreas',
+ method: 'get',
+ params
+ })
+}
// 区域类型查询
export function getAreaType() {
return request({
diff --git a/src/api/data.js b/src/api/data.js
index db5c8d0..d1fdd27 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -18,6 +18,14 @@
params
})
}
+// 水表数据查询
+export function getWatchData(params) {
+ return request({
+ url: 'waterMeterData/listPage',
+ method: 'get',
+ params
+ })
+}
// 物位数据查询
export function getObjectData(params) {
diff --git a/src/api/overview.js b/src/api/overview.js
index 2e62e69..12d78c2 100644
--- a/src/api/overview.js
+++ b/src/api/overview.js
@@ -2,6 +2,20 @@
* 井总览模块接口
*/
import request from '@/utils/request'
+
+// 首页
+export function getWatchStatistic() {
+ return request({
+ url: 'waterStatistic/overview',
+ method: 'get'
+ })
+}
+export function waterMeterCount() {
+ return request({
+ url: 'waterMeterData/count',
+ method: 'get'
+ })
+}
// 井查询
export function getWellList(params) {
return request({
diff --git a/src/components/AreaSelect/areaSelectDialog.vue b/src/components/AreaSelect/areaSelectDialog.vue
new file mode 100644
index 0000000..fb1cd4d
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectDialog.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectInput.vue b/src/components/AreaSelect/areaSelectInput.vue
new file mode 100644
index 0000000..bdf5dcf
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectInput.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectTree.vue b/src/components/AreaSelect/areaSelectTree.vue
new file mode 100644
index 0000000..c587fca
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectTree.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/singleSelect.vue b/src/components/AreaSelect/singleSelect.vue
new file mode 100644
index 0000000..ba15b20
--- /dev/null
+++ b/src/components/AreaSelect/singleSelect.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
new file mode 100644
index 0000000..d70262c
--- /dev/null
+++ b/src/components/BigData/Card1/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+ {{ title[0] }} {{ context[0] }}
+
+
+ {{ title[1] }} {{ context[1] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 1acabef..2bd7a1b 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -1,7 +1,7 @@
-
+
diff --git a/src/utils/request.js b/src/utils/request.js
index eb45e3f..96766f8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -44,7 +44,7 @@
location.reload() // 为了重新实例化vue-router对象 避免bug
})
} else {
- debugger
+ // debugger
console.log(res)
Message({
showClose: true,
diff --git a/src/views/alarmStatics/alarmStatics.vue b/src/views/alarmStatics/alarmStatics.vue
index db2f478..e13fb0e 100644
--- a/src/views/alarmStatics/alarmStatics.vue
+++ b/src/views/alarmStatics/alarmStatics.vue
@@ -4,8 +4,8 @@
-
- 按区域统计报警
+
+
@@ -13,9 +13,10 @@
+
+
diff --git a/src/views/alarmStatics/components/alarmStaticsByDept.vue b/src/views/alarmStatics/components/alarmStaticsByDept.vue
index 2168fdf..0ab2ee6 100644
--- a/src/views/alarmStatics/components/alarmStaticsByDept.vue
+++ b/src/views/alarmStatics/components/alarmStaticsByDept.vue
@@ -32,7 +32,7 @@
按权属单位统计报警情况
-
+
-
+
+
+ 近1年
+ 近6月
+ 近3月
+ 近1月
+ 近1周
+
+
+
+
diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue
index 7ff9ba3..6c36bcb 100644
--- a/src/views/dashboard/components/DeviceCount.vue
+++ b/src/views/dashboard/components/DeviceCount.vue
@@ -18,7 +18,7 @@
right: 60
}
this.title = {
- text: '设备数量统计'
+ text: '管网资产统计'
}
this.chartSettings = {
itemStyle: {
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index da2888e..c04cf16 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,5 +1,8 @@
+
+
+
@@ -9,37 +12,71 @@
+
diff --git a/src/views/dashboard/components/waterCountByAreaBar.vue b/src/views/dashboard/components/waterCountByAreaBar.vue
new file mode 100644
index 0000000..954fffe
--- /dev/null
+++ b/src/views/dashboard/components/waterCountByAreaBar.vue
@@ -0,0 +1,195 @@
+
+
+
+ 本月
+ 近7日
+ 昨日
+ 今日
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
diff --git a/src/views/dashboard/components/waterCountByDay.vue b/src/views/dashboard/components/waterCountByDay.vue
index d5c2912..d47e358 100644
--- a/src/views/dashboard/components/waterCountByDay.vue
+++ b/src/views/dashboard/components/waterCountByDay.vue
@@ -1,6 +1,5 @@
-
近1年
近6月
@@ -8,6 +7,7 @@
近1月
近1周
+
@@ -23,8 +23,8 @@
beginTime: '',
endTime: ''
},
- title:{
- text: '各分区用水走势'
+ title: {
+ text: '用水走势图'
},
chartSettings: {
labelMap: {
@@ -37,33 +37,33 @@
'dept7': '制管作业区',
'dept8': '滑道作业区',
'dept9': '码头作业区',
- 'dept10': '车间生产区',
+ 'dept10': '车间生产区'
},
- metrics: ['dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ metrics: ['dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
dimension: ['date']
},
extend: {
- grid:{
- top:120
+ grid: {
+ top: 120
},
- yAxis:{
- name:'用水量(吨)',
- position:'left'
+ yAxis: {
+ name: '用水量(吨)',
+ position: 'left'
},
- legend:{
+ legend: {
// type: 'scroll',
- top:'40px'
+ top: '40px'
}
},
chartData: {
- columns: ['date', 'dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ columns: ['date', 'dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
rows: []
}
}
},
mounted() {
+ this.changeTime('month')
this.fetchData()
-
},
methods: {
fetchData() {
@@ -76,17 +76,17 @@
// })
// 模拟数据
this.chartData.rows = [
- { date: '11月29日', dept1: 153, dept2: 43, dept3:1,dept4:1,dept5:1,dept6:7,dept7:6, dept8:2,dept9:1, dept10:3},
- { date: '11月30日', dept1: 150, dept2: 30, dept3:2,dept4:1,dept5:4,dept6:6,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月1日 ', dept1: 143, dept2: 23, dept3:3,dept4:2,dept5:2,dept6:7,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月2日 ', dept1: 173, dept2: 23, dept3:4,dept4:4,dept5:1,dept6:1,dept7:8, dept8:2,dept9:1, dept10:3},
- { date: '12月3日 ', dept1: 272, dept2: 52, dept3:5,dept4:1,dept5:4,dept6:7,dept7:9, dept8:2,dept9:1, dept10:3},
- { date: '12月4日 ', dept1: 253, dept2: 53, dept3:6,dept4:5,dept5:5,dept6:2,dept7:9, dept8:2,dept9:1, dept10:3}
+ { date: '11月29日', dept1: 153, dept2: 43, dept3: 1, dept4: 1, dept5: 1, dept6: 7, dept7: 6, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '11月30日', dept1: 150, dept2: 30, dept3: 2, dept4: 1, dept5: 4, dept6: 6, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月1日 ', dept1: 143, dept2: 23, dept3: 3, dept4: 2, dept5: 2, dept6: 7, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月2日 ', dept1: 173, dept2: 23, dept3: 4, dept4: 4, dept5: 1, dept6: 1, dept7: 8, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月3日 ', dept1: 272, dept2: 52, dept3: 5, dept4: 1, dept5: 4, dept6: 7, dept7: 9, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月4日 ', dept1: 253, dept2: 53, dept3: 6, dept4: 5, dept5: 5, dept6: 2, dept7: 9, dept8: 2, dept9: 1, dept10: 3 }
]
},
- changeTime(timeType){
+ changeTime(timeType) {
let beginTime
- switch(timeType){
+ switch (timeType) {
case 'year':
beginTime = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
this.listQuery.beginTime = beginTime.Format('yyyy-MM-dd')
@@ -119,12 +119,12 @@
.container{
position:relative;
.function{
- position:absolute;
- z-index:200;
- bottom: 10px;
- left: 0;
+ /*position:absolute;*/
+ /*z-index:200;*/
+ /*bottom: 10px;*/
+ /*left: 0;*/
width:100%;
- height: 32px;
+ height: 28px;
display: flex;
justify-content: center;
}
diff --git a/src/views/dashboard/components/waterCountByDept.vue b/src/views/dashboard/components/waterCountByDept.vue
index 5145dd6..c65569c 100644
--- a/src/views/dashboard/components/waterCountByDept.vue
+++ b/src/views/dashboard/components/waterCountByDept.vue
@@ -1,6 +1,6 @@
+
-
近1年
近6月
@@ -8,37 +8,48 @@
近1月
近1周
+
+
+ {{item.name}}
+
diff --git a/src/views/deviceConfig/components/editWatchConfig.vue b/src/views/deviceConfig/components/editWatchConfig.vue
new file mode 100644
index 0000000..757cbc7
--- /dev/null
+++ b/src/views/deviceConfig/components/editWatchConfig.vue
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listLiquidConfig.vue b/src/views/deviceConfig/components/listLiquidConfig.vue
index f590b1c..24ade89 100644
--- a/src/views/deviceConfig/components/listLiquidConfig.vue
+++ b/src/views/deviceConfig/components/listLiquidConfig.vue
@@ -2,15 +2,15 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listWatchConfig.vue b/src/views/deviceConfig/components/listWatchConfig.vue
new file mode 100644
index 0000000..d162620
--- /dev/null
+++ b/src/views/deviceConfig/components/listWatchConfig.vue
@@ -0,0 +1,357 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 批量导入
+
+ 新增
+
+
+
+
+
+
+
+ {{ scope.row[column.value] }}
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/deviceConfig.vue b/src/views/deviceConfig/deviceConfig.vue
index c5ae5ba..65bcea5 100644
--- a/src/views/deviceConfig/deviceConfig.vue
+++ b/src/views/deviceConfig/deviceConfig.vue
@@ -1,6 +1,9 @@
+
+
+
@@ -16,7 +19,7 @@
-
+
@@ -31,20 +34,23 @@
import ListDigConfig from './components/listDigConfig'
import ListNoiseConfig from './components/listNoiseConfig'
import { hasPermission } from '@/utils/permission'
+import ListWatchConfig from './components/listWatchConfig'
export default {
name: 'DeviceConfig',
- components: { ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
+ components: { ListWatchConfig, ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
data() {
return {
- activeName: 'liquid'
+ activeName: 'watch'
}
},
created() {
- this.caclActive()
+ // this.caclActive()
},
methods: {
handleClick(tab, event) {
- if (tab.name === 'liquid') {
+ if (tab.name === 'watch') {
+ this.$refs.watchConfig.fetchData()
+ } if (tab.name === 'liquid') {
this.$refs.liquidConfig.fetchData()
} else if (tab.name === 'harmful') {
this.$refs.harmfulConfig.fetchData()
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index aaabfc2..e8ce6a8 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -146,11 +146,11 @@
width: 140,
align: 'center'
},
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '设备安装日期',
value: 'installDate',
diff --git a/src/views/deviceStatics/components/deviceCountByDept.vue b/src/views/deviceStatics/components/deviceCountByDept.vue
index bc713a1..cc3da09 100644
--- a/src/views/deviceStatics/components/deviceCountByDept.vue
+++ b/src/views/deviceStatics/components/deviceCountByDept.vue
@@ -2,7 +2,7 @@
- 各单位设备安装情况数量统计
+ 设备安装情况数量统计
diff --git a/src/views/deviceStatics/deviceStatics.vue b/src/views/deviceStatics/deviceStatics.vue
index b347f84..707d39a 100644
--- a/src/views/deviceStatics/deviceStatics.vue
+++ b/src/views/deviceStatics/deviceStatics.vue
@@ -1,10 +1,10 @@
-
-
-
-
+
+
+
+
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d139e20..3f2aa60 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -94,11 +94,11 @@
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
- },
- {
- test: /\.js$/,
- loader: '@open-wc/webpack-import-meta-loader'
}
+ // {
+ // test: /\.js$/,
+ // loader: '@open-wc/webpack-import-meta-loader'
+ // }
]
},
plugins: [new VueLoaderPlugin()],
diff --git a/config/dev.env.js b/config/dev.env.js
index e57df7d..36f7d4a 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -6,9 +6,9 @@
// 将两个配置对象合并,最终结果是 NODE_ENV:‘"development"'
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
-
// BASE_API: '"http://42.81.160.165:2022/smartwell"'
// BASE_API: '"http://111.198.10.15:11304"'
// BASE_API: '"http://111.198.10.15:11643"'
- BASE_API: '"http://111.198.10.15:11409/smartwell"'
+ // BASE_API: '"http://111.198.10.15:11409/smartwell"' //可以用
+ BASE_API: '"http://192.168.43.66:11643/smartwell"' //彭先洪
})
diff --git a/package.json b/package.json
index d3b9271..471cdb3 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
"vuex": "3.0.1"
},
"devDependencies": {
- "@open-wc/webpack-import-meta-loader": "^0.4.7",
"autoprefixer": "8.5.0",
"babel-core": "6.26.0",
"babel-eslint": "8.2.6",
diff --git a/src/api/area.js b/src/api/area.js
index 974ce81..c5d88cf 100644
--- a/src/api/area.js
+++ b/src/api/area.js
@@ -39,6 +39,13 @@
params
})
}
+export function getDoorAreaTree(params) {
+ return request({
+ url: 'device/getAreas',
+ method: 'get',
+ params
+ })
+}
// 区域类型查询
export function getAreaType() {
return request({
diff --git a/src/api/data.js b/src/api/data.js
index db5c8d0..d1fdd27 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -18,6 +18,14 @@
params
})
}
+// 水表数据查询
+export function getWatchData(params) {
+ return request({
+ url: 'waterMeterData/listPage',
+ method: 'get',
+ params
+ })
+}
// 物位数据查询
export function getObjectData(params) {
diff --git a/src/api/overview.js b/src/api/overview.js
index 2e62e69..12d78c2 100644
--- a/src/api/overview.js
+++ b/src/api/overview.js
@@ -2,6 +2,20 @@
* 井总览模块接口
*/
import request from '@/utils/request'
+
+// 首页
+export function getWatchStatistic() {
+ return request({
+ url: 'waterStatistic/overview',
+ method: 'get'
+ })
+}
+export function waterMeterCount() {
+ return request({
+ url: 'waterMeterData/count',
+ method: 'get'
+ })
+}
// 井查询
export function getWellList(params) {
return request({
diff --git a/src/components/AreaSelect/areaSelectDialog.vue b/src/components/AreaSelect/areaSelectDialog.vue
new file mode 100644
index 0000000..fb1cd4d
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectDialog.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectInput.vue b/src/components/AreaSelect/areaSelectInput.vue
new file mode 100644
index 0000000..bdf5dcf
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectInput.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectTree.vue b/src/components/AreaSelect/areaSelectTree.vue
new file mode 100644
index 0000000..c587fca
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectTree.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/singleSelect.vue b/src/components/AreaSelect/singleSelect.vue
new file mode 100644
index 0000000..ba15b20
--- /dev/null
+++ b/src/components/AreaSelect/singleSelect.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
new file mode 100644
index 0000000..d70262c
--- /dev/null
+++ b/src/components/BigData/Card1/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+ {{ title[0] }} {{ context[0] }}
+
+
+ {{ title[1] }} {{ context[1] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 1acabef..2bd7a1b 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -1,7 +1,7 @@
-
+
diff --git a/src/utils/request.js b/src/utils/request.js
index eb45e3f..96766f8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -44,7 +44,7 @@
location.reload() // 为了重新实例化vue-router对象 避免bug
})
} else {
- debugger
+ // debugger
console.log(res)
Message({
showClose: true,
diff --git a/src/views/alarmStatics/alarmStatics.vue b/src/views/alarmStatics/alarmStatics.vue
index db2f478..e13fb0e 100644
--- a/src/views/alarmStatics/alarmStatics.vue
+++ b/src/views/alarmStatics/alarmStatics.vue
@@ -4,8 +4,8 @@
-
- 按区域统计报警
+
+
@@ -13,9 +13,10 @@
+
+
diff --git a/src/views/alarmStatics/components/alarmStaticsByDept.vue b/src/views/alarmStatics/components/alarmStaticsByDept.vue
index 2168fdf..0ab2ee6 100644
--- a/src/views/alarmStatics/components/alarmStaticsByDept.vue
+++ b/src/views/alarmStatics/components/alarmStaticsByDept.vue
@@ -32,7 +32,7 @@
按权属单位统计报警情况
-
+
-
+
+
+ 近1年
+ 近6月
+ 近3月
+ 近1月
+ 近1周
+
+
+
+
diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue
index 7ff9ba3..6c36bcb 100644
--- a/src/views/dashboard/components/DeviceCount.vue
+++ b/src/views/dashboard/components/DeviceCount.vue
@@ -18,7 +18,7 @@
right: 60
}
this.title = {
- text: '设备数量统计'
+ text: '管网资产统计'
}
this.chartSettings = {
itemStyle: {
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index da2888e..c04cf16 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,5 +1,8 @@
+
+
+
@@ -9,37 +12,71 @@
+
diff --git a/src/views/dashboard/components/waterCountByAreaBar.vue b/src/views/dashboard/components/waterCountByAreaBar.vue
new file mode 100644
index 0000000..954fffe
--- /dev/null
+++ b/src/views/dashboard/components/waterCountByAreaBar.vue
@@ -0,0 +1,195 @@
+
+
+
+ 本月
+ 近7日
+ 昨日
+ 今日
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
diff --git a/src/views/dashboard/components/waterCountByDay.vue b/src/views/dashboard/components/waterCountByDay.vue
index d5c2912..d47e358 100644
--- a/src/views/dashboard/components/waterCountByDay.vue
+++ b/src/views/dashboard/components/waterCountByDay.vue
@@ -1,6 +1,5 @@
-
近1年
近6月
@@ -8,6 +7,7 @@
近1月
近1周
+
@@ -23,8 +23,8 @@
beginTime: '',
endTime: ''
},
- title:{
- text: '各分区用水走势'
+ title: {
+ text: '用水走势图'
},
chartSettings: {
labelMap: {
@@ -37,33 +37,33 @@
'dept7': '制管作业区',
'dept8': '滑道作业区',
'dept9': '码头作业区',
- 'dept10': '车间生产区',
+ 'dept10': '车间生产区'
},
- metrics: ['dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ metrics: ['dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
dimension: ['date']
},
extend: {
- grid:{
- top:120
+ grid: {
+ top: 120
},
- yAxis:{
- name:'用水量(吨)',
- position:'left'
+ yAxis: {
+ name: '用水量(吨)',
+ position: 'left'
},
- legend:{
+ legend: {
// type: 'scroll',
- top:'40px'
+ top: '40px'
}
},
chartData: {
- columns: ['date', 'dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ columns: ['date', 'dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
rows: []
}
}
},
mounted() {
+ this.changeTime('month')
this.fetchData()
-
},
methods: {
fetchData() {
@@ -76,17 +76,17 @@
// })
// 模拟数据
this.chartData.rows = [
- { date: '11月29日', dept1: 153, dept2: 43, dept3:1,dept4:1,dept5:1,dept6:7,dept7:6, dept8:2,dept9:1, dept10:3},
- { date: '11月30日', dept1: 150, dept2: 30, dept3:2,dept4:1,dept5:4,dept6:6,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月1日 ', dept1: 143, dept2: 23, dept3:3,dept4:2,dept5:2,dept6:7,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月2日 ', dept1: 173, dept2: 23, dept3:4,dept4:4,dept5:1,dept6:1,dept7:8, dept8:2,dept9:1, dept10:3},
- { date: '12月3日 ', dept1: 272, dept2: 52, dept3:5,dept4:1,dept5:4,dept6:7,dept7:9, dept8:2,dept9:1, dept10:3},
- { date: '12月4日 ', dept1: 253, dept2: 53, dept3:6,dept4:5,dept5:5,dept6:2,dept7:9, dept8:2,dept9:1, dept10:3}
+ { date: '11月29日', dept1: 153, dept2: 43, dept3: 1, dept4: 1, dept5: 1, dept6: 7, dept7: 6, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '11月30日', dept1: 150, dept2: 30, dept3: 2, dept4: 1, dept5: 4, dept6: 6, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月1日 ', dept1: 143, dept2: 23, dept3: 3, dept4: 2, dept5: 2, dept6: 7, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月2日 ', dept1: 173, dept2: 23, dept3: 4, dept4: 4, dept5: 1, dept6: 1, dept7: 8, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月3日 ', dept1: 272, dept2: 52, dept3: 5, dept4: 1, dept5: 4, dept6: 7, dept7: 9, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月4日 ', dept1: 253, dept2: 53, dept3: 6, dept4: 5, dept5: 5, dept6: 2, dept7: 9, dept8: 2, dept9: 1, dept10: 3 }
]
},
- changeTime(timeType){
+ changeTime(timeType) {
let beginTime
- switch(timeType){
+ switch (timeType) {
case 'year':
beginTime = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
this.listQuery.beginTime = beginTime.Format('yyyy-MM-dd')
@@ -119,12 +119,12 @@
.container{
position:relative;
.function{
- position:absolute;
- z-index:200;
- bottom: 10px;
- left: 0;
+ /*position:absolute;*/
+ /*z-index:200;*/
+ /*bottom: 10px;*/
+ /*left: 0;*/
width:100%;
- height: 32px;
+ height: 28px;
display: flex;
justify-content: center;
}
diff --git a/src/views/dashboard/components/waterCountByDept.vue b/src/views/dashboard/components/waterCountByDept.vue
index 5145dd6..c65569c 100644
--- a/src/views/dashboard/components/waterCountByDept.vue
+++ b/src/views/dashboard/components/waterCountByDept.vue
@@ -1,6 +1,6 @@
+
-
近1年
近6月
@@ -8,37 +8,48 @@
近1月
近1周
+
+
+ {{item.name}}
+
diff --git a/src/views/deviceConfig/components/editWatchConfig.vue b/src/views/deviceConfig/components/editWatchConfig.vue
new file mode 100644
index 0000000..757cbc7
--- /dev/null
+++ b/src/views/deviceConfig/components/editWatchConfig.vue
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listLiquidConfig.vue b/src/views/deviceConfig/components/listLiquidConfig.vue
index f590b1c..24ade89 100644
--- a/src/views/deviceConfig/components/listLiquidConfig.vue
+++ b/src/views/deviceConfig/components/listLiquidConfig.vue
@@ -2,15 +2,15 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listWatchConfig.vue b/src/views/deviceConfig/components/listWatchConfig.vue
new file mode 100644
index 0000000..d162620
--- /dev/null
+++ b/src/views/deviceConfig/components/listWatchConfig.vue
@@ -0,0 +1,357 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 批量导入
+
+ 新增
+
+
+
+
+
+
+
+ {{ scope.row[column.value] }}
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/deviceConfig.vue b/src/views/deviceConfig/deviceConfig.vue
index c5ae5ba..65bcea5 100644
--- a/src/views/deviceConfig/deviceConfig.vue
+++ b/src/views/deviceConfig/deviceConfig.vue
@@ -1,6 +1,9 @@
+
+
+
@@ -16,7 +19,7 @@
-
+
@@ -31,20 +34,23 @@
import ListDigConfig from './components/listDigConfig'
import ListNoiseConfig from './components/listNoiseConfig'
import { hasPermission } from '@/utils/permission'
+import ListWatchConfig from './components/listWatchConfig'
export default {
name: 'DeviceConfig',
- components: { ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
+ components: { ListWatchConfig, ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
data() {
return {
- activeName: 'liquid'
+ activeName: 'watch'
}
},
created() {
- this.caclActive()
+ // this.caclActive()
},
methods: {
handleClick(tab, event) {
- if (tab.name === 'liquid') {
+ if (tab.name === 'watch') {
+ this.$refs.watchConfig.fetchData()
+ } if (tab.name === 'liquid') {
this.$refs.liquidConfig.fetchData()
} else if (tab.name === 'harmful') {
this.$refs.harmfulConfig.fetchData()
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index aaabfc2..e8ce6a8 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -146,11 +146,11 @@
width: 140,
align: 'center'
},
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '设备安装日期',
value: 'installDate',
diff --git a/src/views/deviceStatics/components/deviceCountByDept.vue b/src/views/deviceStatics/components/deviceCountByDept.vue
index bc713a1..cc3da09 100644
--- a/src/views/deviceStatics/components/deviceCountByDept.vue
+++ b/src/views/deviceStatics/components/deviceCountByDept.vue
@@ -2,7 +2,7 @@
- 各单位设备安装情况数量统计
+ 设备安装情况数量统计
diff --git a/src/views/deviceStatics/deviceStatics.vue b/src/views/deviceStatics/deviceStatics.vue
index b347f84..707d39a 100644
--- a/src/views/deviceStatics/deviceStatics.vue
+++ b/src/views/deviceStatics/deviceStatics.vue
@@ -1,10 +1,10 @@
-
-
-
-
+
+
+
+
diff --git a/src/views/overview/overviewSimple.vue b/src/views/overview/overviewSimple.vue
index 4637e27..44e5708 100644
--- a/src/views/overview/overviewSimple.vue
+++ b/src/views/overview/overviewSimple.vue
@@ -6,17 +6,17 @@
-
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
搜索
@@ -115,7 +115,7 @@
}, // 筛选条件
columns: [
{
- text: '井编号',
+ text: '水表检查井编号',
value: 'wellCode',
width: 220,
align: 'center'
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d139e20..3f2aa60 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -94,11 +94,11 @@
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
- },
- {
- test: /\.js$/,
- loader: '@open-wc/webpack-import-meta-loader'
}
+ // {
+ // test: /\.js$/,
+ // loader: '@open-wc/webpack-import-meta-loader'
+ // }
]
},
plugins: [new VueLoaderPlugin()],
diff --git a/config/dev.env.js b/config/dev.env.js
index e57df7d..36f7d4a 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -6,9 +6,9 @@
// 将两个配置对象合并,最终结果是 NODE_ENV:‘"development"'
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
-
// BASE_API: '"http://42.81.160.165:2022/smartwell"'
// BASE_API: '"http://111.198.10.15:11304"'
// BASE_API: '"http://111.198.10.15:11643"'
- BASE_API: '"http://111.198.10.15:11409/smartwell"'
+ // BASE_API: '"http://111.198.10.15:11409/smartwell"' //可以用
+ BASE_API: '"http://192.168.43.66:11643/smartwell"' //彭先洪
})
diff --git a/package.json b/package.json
index d3b9271..471cdb3 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
"vuex": "3.0.1"
},
"devDependencies": {
- "@open-wc/webpack-import-meta-loader": "^0.4.7",
"autoprefixer": "8.5.0",
"babel-core": "6.26.0",
"babel-eslint": "8.2.6",
diff --git a/src/api/area.js b/src/api/area.js
index 974ce81..c5d88cf 100644
--- a/src/api/area.js
+++ b/src/api/area.js
@@ -39,6 +39,13 @@
params
})
}
+export function getDoorAreaTree(params) {
+ return request({
+ url: 'device/getAreas',
+ method: 'get',
+ params
+ })
+}
// 区域类型查询
export function getAreaType() {
return request({
diff --git a/src/api/data.js b/src/api/data.js
index db5c8d0..d1fdd27 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -18,6 +18,14 @@
params
})
}
+// 水表数据查询
+export function getWatchData(params) {
+ return request({
+ url: 'waterMeterData/listPage',
+ method: 'get',
+ params
+ })
+}
// 物位数据查询
export function getObjectData(params) {
diff --git a/src/api/overview.js b/src/api/overview.js
index 2e62e69..12d78c2 100644
--- a/src/api/overview.js
+++ b/src/api/overview.js
@@ -2,6 +2,20 @@
* 井总览模块接口
*/
import request from '@/utils/request'
+
+// 首页
+export function getWatchStatistic() {
+ return request({
+ url: 'waterStatistic/overview',
+ method: 'get'
+ })
+}
+export function waterMeterCount() {
+ return request({
+ url: 'waterMeterData/count',
+ method: 'get'
+ })
+}
// 井查询
export function getWellList(params) {
return request({
diff --git a/src/components/AreaSelect/areaSelectDialog.vue b/src/components/AreaSelect/areaSelectDialog.vue
new file mode 100644
index 0000000..fb1cd4d
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectDialog.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectInput.vue b/src/components/AreaSelect/areaSelectInput.vue
new file mode 100644
index 0000000..bdf5dcf
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectInput.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectTree.vue b/src/components/AreaSelect/areaSelectTree.vue
new file mode 100644
index 0000000..c587fca
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectTree.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/singleSelect.vue b/src/components/AreaSelect/singleSelect.vue
new file mode 100644
index 0000000..ba15b20
--- /dev/null
+++ b/src/components/AreaSelect/singleSelect.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
new file mode 100644
index 0000000..d70262c
--- /dev/null
+++ b/src/components/BigData/Card1/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+ {{ title[0] }} {{ context[0] }}
+
+
+ {{ title[1] }} {{ context[1] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 1acabef..2bd7a1b 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -1,7 +1,7 @@
-
+
diff --git a/src/utils/request.js b/src/utils/request.js
index eb45e3f..96766f8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -44,7 +44,7 @@
location.reload() // 为了重新实例化vue-router对象 避免bug
})
} else {
- debugger
+ // debugger
console.log(res)
Message({
showClose: true,
diff --git a/src/views/alarmStatics/alarmStatics.vue b/src/views/alarmStatics/alarmStatics.vue
index db2f478..e13fb0e 100644
--- a/src/views/alarmStatics/alarmStatics.vue
+++ b/src/views/alarmStatics/alarmStatics.vue
@@ -4,8 +4,8 @@
-
- 按区域统计报警
+
+
@@ -13,9 +13,10 @@
+
+
diff --git a/src/views/alarmStatics/components/alarmStaticsByDept.vue b/src/views/alarmStatics/components/alarmStaticsByDept.vue
index 2168fdf..0ab2ee6 100644
--- a/src/views/alarmStatics/components/alarmStaticsByDept.vue
+++ b/src/views/alarmStatics/components/alarmStaticsByDept.vue
@@ -32,7 +32,7 @@
按权属单位统计报警情况
-
+
-
+
+
+ 近1年
+ 近6月
+ 近3月
+ 近1月
+ 近1周
+
+
+
+
diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue
index 7ff9ba3..6c36bcb 100644
--- a/src/views/dashboard/components/DeviceCount.vue
+++ b/src/views/dashboard/components/DeviceCount.vue
@@ -18,7 +18,7 @@
right: 60
}
this.title = {
- text: '设备数量统计'
+ text: '管网资产统计'
}
this.chartSettings = {
itemStyle: {
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index da2888e..c04cf16 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,5 +1,8 @@
+
+
+
@@ -9,37 +12,71 @@
+
diff --git a/src/views/dashboard/components/waterCountByAreaBar.vue b/src/views/dashboard/components/waterCountByAreaBar.vue
new file mode 100644
index 0000000..954fffe
--- /dev/null
+++ b/src/views/dashboard/components/waterCountByAreaBar.vue
@@ -0,0 +1,195 @@
+
+
+
+ 本月
+ 近7日
+ 昨日
+ 今日
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
diff --git a/src/views/dashboard/components/waterCountByDay.vue b/src/views/dashboard/components/waterCountByDay.vue
index d5c2912..d47e358 100644
--- a/src/views/dashboard/components/waterCountByDay.vue
+++ b/src/views/dashboard/components/waterCountByDay.vue
@@ -1,6 +1,5 @@
-
近1年
近6月
@@ -8,6 +7,7 @@
近1月
近1周
+
@@ -23,8 +23,8 @@
beginTime: '',
endTime: ''
},
- title:{
- text: '各分区用水走势'
+ title: {
+ text: '用水走势图'
},
chartSettings: {
labelMap: {
@@ -37,33 +37,33 @@
'dept7': '制管作业区',
'dept8': '滑道作业区',
'dept9': '码头作业区',
- 'dept10': '车间生产区',
+ 'dept10': '车间生产区'
},
- metrics: ['dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ metrics: ['dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
dimension: ['date']
},
extend: {
- grid:{
- top:120
+ grid: {
+ top: 120
},
- yAxis:{
- name:'用水量(吨)',
- position:'left'
+ yAxis: {
+ name: '用水量(吨)',
+ position: 'left'
},
- legend:{
+ legend: {
// type: 'scroll',
- top:'40px'
+ top: '40px'
}
},
chartData: {
- columns: ['date', 'dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ columns: ['date', 'dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
rows: []
}
}
},
mounted() {
+ this.changeTime('month')
this.fetchData()
-
},
methods: {
fetchData() {
@@ -76,17 +76,17 @@
// })
// 模拟数据
this.chartData.rows = [
- { date: '11月29日', dept1: 153, dept2: 43, dept3:1,dept4:1,dept5:1,dept6:7,dept7:6, dept8:2,dept9:1, dept10:3},
- { date: '11月30日', dept1: 150, dept2: 30, dept3:2,dept4:1,dept5:4,dept6:6,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月1日 ', dept1: 143, dept2: 23, dept3:3,dept4:2,dept5:2,dept6:7,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月2日 ', dept1: 173, dept2: 23, dept3:4,dept4:4,dept5:1,dept6:1,dept7:8, dept8:2,dept9:1, dept10:3},
- { date: '12月3日 ', dept1: 272, dept2: 52, dept3:5,dept4:1,dept5:4,dept6:7,dept7:9, dept8:2,dept9:1, dept10:3},
- { date: '12月4日 ', dept1: 253, dept2: 53, dept3:6,dept4:5,dept5:5,dept6:2,dept7:9, dept8:2,dept9:1, dept10:3}
+ { date: '11月29日', dept1: 153, dept2: 43, dept3: 1, dept4: 1, dept5: 1, dept6: 7, dept7: 6, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '11月30日', dept1: 150, dept2: 30, dept3: 2, dept4: 1, dept5: 4, dept6: 6, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月1日 ', dept1: 143, dept2: 23, dept3: 3, dept4: 2, dept5: 2, dept6: 7, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月2日 ', dept1: 173, dept2: 23, dept3: 4, dept4: 4, dept5: 1, dept6: 1, dept7: 8, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月3日 ', dept1: 272, dept2: 52, dept3: 5, dept4: 1, dept5: 4, dept6: 7, dept7: 9, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月4日 ', dept1: 253, dept2: 53, dept3: 6, dept4: 5, dept5: 5, dept6: 2, dept7: 9, dept8: 2, dept9: 1, dept10: 3 }
]
},
- changeTime(timeType){
+ changeTime(timeType) {
let beginTime
- switch(timeType){
+ switch (timeType) {
case 'year':
beginTime = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
this.listQuery.beginTime = beginTime.Format('yyyy-MM-dd')
@@ -119,12 +119,12 @@
.container{
position:relative;
.function{
- position:absolute;
- z-index:200;
- bottom: 10px;
- left: 0;
+ /*position:absolute;*/
+ /*z-index:200;*/
+ /*bottom: 10px;*/
+ /*left: 0;*/
width:100%;
- height: 32px;
+ height: 28px;
display: flex;
justify-content: center;
}
diff --git a/src/views/dashboard/components/waterCountByDept.vue b/src/views/dashboard/components/waterCountByDept.vue
index 5145dd6..c65569c 100644
--- a/src/views/dashboard/components/waterCountByDept.vue
+++ b/src/views/dashboard/components/waterCountByDept.vue
@@ -1,6 +1,6 @@
+
-
近1年
近6月
@@ -8,37 +8,48 @@
近1月
近1周
+
+
+ {{item.name}}
+
diff --git a/src/views/deviceConfig/components/editWatchConfig.vue b/src/views/deviceConfig/components/editWatchConfig.vue
new file mode 100644
index 0000000..757cbc7
--- /dev/null
+++ b/src/views/deviceConfig/components/editWatchConfig.vue
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listLiquidConfig.vue b/src/views/deviceConfig/components/listLiquidConfig.vue
index f590b1c..24ade89 100644
--- a/src/views/deviceConfig/components/listLiquidConfig.vue
+++ b/src/views/deviceConfig/components/listLiquidConfig.vue
@@ -2,15 +2,15 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listWatchConfig.vue b/src/views/deviceConfig/components/listWatchConfig.vue
new file mode 100644
index 0000000..d162620
--- /dev/null
+++ b/src/views/deviceConfig/components/listWatchConfig.vue
@@ -0,0 +1,357 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 批量导入
+
+ 新增
+
+
+
+
+
+
+
+ {{ scope.row[column.value] }}
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/deviceConfig.vue b/src/views/deviceConfig/deviceConfig.vue
index c5ae5ba..65bcea5 100644
--- a/src/views/deviceConfig/deviceConfig.vue
+++ b/src/views/deviceConfig/deviceConfig.vue
@@ -1,6 +1,9 @@
+
+
+
@@ -16,7 +19,7 @@
-
+
@@ -31,20 +34,23 @@
import ListDigConfig from './components/listDigConfig'
import ListNoiseConfig from './components/listNoiseConfig'
import { hasPermission } from '@/utils/permission'
+import ListWatchConfig from './components/listWatchConfig'
export default {
name: 'DeviceConfig',
- components: { ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
+ components: { ListWatchConfig, ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
data() {
return {
- activeName: 'liquid'
+ activeName: 'watch'
}
},
created() {
- this.caclActive()
+ // this.caclActive()
},
methods: {
handleClick(tab, event) {
- if (tab.name === 'liquid') {
+ if (tab.name === 'watch') {
+ this.$refs.watchConfig.fetchData()
+ } if (tab.name === 'liquid') {
this.$refs.liquidConfig.fetchData()
} else if (tab.name === 'harmful') {
this.$refs.harmfulConfig.fetchData()
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index aaabfc2..e8ce6a8 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -146,11 +146,11 @@
width: 140,
align: 'center'
},
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '设备安装日期',
value: 'installDate',
diff --git a/src/views/deviceStatics/components/deviceCountByDept.vue b/src/views/deviceStatics/components/deviceCountByDept.vue
index bc713a1..cc3da09 100644
--- a/src/views/deviceStatics/components/deviceCountByDept.vue
+++ b/src/views/deviceStatics/components/deviceCountByDept.vue
@@ -2,7 +2,7 @@
- 各单位设备安装情况数量统计
+ 设备安装情况数量统计
diff --git a/src/views/deviceStatics/deviceStatics.vue b/src/views/deviceStatics/deviceStatics.vue
index b347f84..707d39a 100644
--- a/src/views/deviceStatics/deviceStatics.vue
+++ b/src/views/deviceStatics/deviceStatics.vue
@@ -1,10 +1,10 @@
-
-
-
-
+
+
+
+
diff --git a/src/views/overview/overviewSimple.vue b/src/views/overview/overviewSimple.vue
index 4637e27..44e5708 100644
--- a/src/views/overview/overviewSimple.vue
+++ b/src/views/overview/overviewSimple.vue
@@ -6,17 +6,17 @@
-
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
搜索
@@ -115,7 +115,7 @@
}, // 筛选条件
columns: [
{
- text: '井编号',
+ text: '水表检查井编号',
value: 'wellCode',
width: 220,
align: 'center'
diff --git a/src/views/wellManage/addWell.vue b/src/views/wellManage/addWell.vue
index ab32aa8..2d0270f 100644
--- a/src/views/wellManage/addWell.vue
+++ b/src/views/wellManage/addWell.vue
@@ -78,40 +78,45 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
- 区/县
-
-
-
-
-
-
-
- 街道/镇
-
-
-
+
-
+
+
+
+
+
+
+
@@ -146,10 +151,11 @@
import { getWellType, addWell } from '@/api/well'
import { Uploadimg } from '@/api/common'
import DeptSelect from '@/components/DeptSelect'
+import AreaSelectTree from '@/components/AreaSelect/areaSelectTree'
export default {
name: 'AddWell',
- components: { SelectTree, DeptSelect },
+ components: { SelectTree, DeptSelect, AreaSelectTree },
data() {
const validateDeep = (rule, value, callback) => {
if (value !== '') {
@@ -188,6 +194,7 @@
return {
dialogFormVisible: false, // 对话框是否显示
dialogStatus: '', // 对话框类型:create,update
+ node: null,
wellForm: {
wellCode: '', // 井编号
wellName: '', // 井名称
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d139e20..3f2aa60 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -94,11 +94,11 @@
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
- },
- {
- test: /\.js$/,
- loader: '@open-wc/webpack-import-meta-loader'
}
+ // {
+ // test: /\.js$/,
+ // loader: '@open-wc/webpack-import-meta-loader'
+ // }
]
},
plugins: [new VueLoaderPlugin()],
diff --git a/config/dev.env.js b/config/dev.env.js
index e57df7d..36f7d4a 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -6,9 +6,9 @@
// 将两个配置对象合并,最终结果是 NODE_ENV:‘"development"'
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
-
// BASE_API: '"http://42.81.160.165:2022/smartwell"'
// BASE_API: '"http://111.198.10.15:11304"'
// BASE_API: '"http://111.198.10.15:11643"'
- BASE_API: '"http://111.198.10.15:11409/smartwell"'
+ // BASE_API: '"http://111.198.10.15:11409/smartwell"' //可以用
+ BASE_API: '"http://192.168.43.66:11643/smartwell"' //彭先洪
})
diff --git a/package.json b/package.json
index d3b9271..471cdb3 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
"vuex": "3.0.1"
},
"devDependencies": {
- "@open-wc/webpack-import-meta-loader": "^0.4.7",
"autoprefixer": "8.5.0",
"babel-core": "6.26.0",
"babel-eslint": "8.2.6",
diff --git a/src/api/area.js b/src/api/area.js
index 974ce81..c5d88cf 100644
--- a/src/api/area.js
+++ b/src/api/area.js
@@ -39,6 +39,13 @@
params
})
}
+export function getDoorAreaTree(params) {
+ return request({
+ url: 'device/getAreas',
+ method: 'get',
+ params
+ })
+}
// 区域类型查询
export function getAreaType() {
return request({
diff --git a/src/api/data.js b/src/api/data.js
index db5c8d0..d1fdd27 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -18,6 +18,14 @@
params
})
}
+// 水表数据查询
+export function getWatchData(params) {
+ return request({
+ url: 'waterMeterData/listPage',
+ method: 'get',
+ params
+ })
+}
// 物位数据查询
export function getObjectData(params) {
diff --git a/src/api/overview.js b/src/api/overview.js
index 2e62e69..12d78c2 100644
--- a/src/api/overview.js
+++ b/src/api/overview.js
@@ -2,6 +2,20 @@
* 井总览模块接口
*/
import request from '@/utils/request'
+
+// 首页
+export function getWatchStatistic() {
+ return request({
+ url: 'waterStatistic/overview',
+ method: 'get'
+ })
+}
+export function waterMeterCount() {
+ return request({
+ url: 'waterMeterData/count',
+ method: 'get'
+ })
+}
// 井查询
export function getWellList(params) {
return request({
diff --git a/src/components/AreaSelect/areaSelectDialog.vue b/src/components/AreaSelect/areaSelectDialog.vue
new file mode 100644
index 0000000..fb1cd4d
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectDialog.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectInput.vue b/src/components/AreaSelect/areaSelectInput.vue
new file mode 100644
index 0000000..bdf5dcf
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectInput.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectTree.vue b/src/components/AreaSelect/areaSelectTree.vue
new file mode 100644
index 0000000..c587fca
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectTree.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/singleSelect.vue b/src/components/AreaSelect/singleSelect.vue
new file mode 100644
index 0000000..ba15b20
--- /dev/null
+++ b/src/components/AreaSelect/singleSelect.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
new file mode 100644
index 0000000..d70262c
--- /dev/null
+++ b/src/components/BigData/Card1/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+ {{ title[0] }} {{ context[0] }}
+
+
+ {{ title[1] }} {{ context[1] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 1acabef..2bd7a1b 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -1,7 +1,7 @@
-
+
diff --git a/src/utils/request.js b/src/utils/request.js
index eb45e3f..96766f8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -44,7 +44,7 @@
location.reload() // 为了重新实例化vue-router对象 避免bug
})
} else {
- debugger
+ // debugger
console.log(res)
Message({
showClose: true,
diff --git a/src/views/alarmStatics/alarmStatics.vue b/src/views/alarmStatics/alarmStatics.vue
index db2f478..e13fb0e 100644
--- a/src/views/alarmStatics/alarmStatics.vue
+++ b/src/views/alarmStatics/alarmStatics.vue
@@ -4,8 +4,8 @@
-
- 按区域统计报警
+
+
@@ -13,9 +13,10 @@
+
+
diff --git a/src/views/alarmStatics/components/alarmStaticsByDept.vue b/src/views/alarmStatics/components/alarmStaticsByDept.vue
index 2168fdf..0ab2ee6 100644
--- a/src/views/alarmStatics/components/alarmStaticsByDept.vue
+++ b/src/views/alarmStatics/components/alarmStaticsByDept.vue
@@ -32,7 +32,7 @@
按权属单位统计报警情况
-
+
-
+
+
+ 近1年
+ 近6月
+ 近3月
+ 近1月
+ 近1周
+
+
+
+
diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue
index 7ff9ba3..6c36bcb 100644
--- a/src/views/dashboard/components/DeviceCount.vue
+++ b/src/views/dashboard/components/DeviceCount.vue
@@ -18,7 +18,7 @@
right: 60
}
this.title = {
- text: '设备数量统计'
+ text: '管网资产统计'
}
this.chartSettings = {
itemStyle: {
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index da2888e..c04cf16 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,5 +1,8 @@
+
+
+
@@ -9,37 +12,71 @@
+
diff --git a/src/views/dashboard/components/waterCountByAreaBar.vue b/src/views/dashboard/components/waterCountByAreaBar.vue
new file mode 100644
index 0000000..954fffe
--- /dev/null
+++ b/src/views/dashboard/components/waterCountByAreaBar.vue
@@ -0,0 +1,195 @@
+
+
+
+ 本月
+ 近7日
+ 昨日
+ 今日
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
diff --git a/src/views/dashboard/components/waterCountByDay.vue b/src/views/dashboard/components/waterCountByDay.vue
index d5c2912..d47e358 100644
--- a/src/views/dashboard/components/waterCountByDay.vue
+++ b/src/views/dashboard/components/waterCountByDay.vue
@@ -1,6 +1,5 @@
-
近1年
近6月
@@ -8,6 +7,7 @@
近1月
近1周
+
@@ -23,8 +23,8 @@
beginTime: '',
endTime: ''
},
- title:{
- text: '各分区用水走势'
+ title: {
+ text: '用水走势图'
},
chartSettings: {
labelMap: {
@@ -37,33 +37,33 @@
'dept7': '制管作业区',
'dept8': '滑道作业区',
'dept9': '码头作业区',
- 'dept10': '车间生产区',
+ 'dept10': '车间生产区'
},
- metrics: ['dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ metrics: ['dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
dimension: ['date']
},
extend: {
- grid:{
- top:120
+ grid: {
+ top: 120
},
- yAxis:{
- name:'用水量(吨)',
- position:'left'
+ yAxis: {
+ name: '用水量(吨)',
+ position: 'left'
},
- legend:{
+ legend: {
// type: 'scroll',
- top:'40px'
+ top: '40px'
}
},
chartData: {
- columns: ['date', 'dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ columns: ['date', 'dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
rows: []
}
}
},
mounted() {
+ this.changeTime('month')
this.fetchData()
-
},
methods: {
fetchData() {
@@ -76,17 +76,17 @@
// })
// 模拟数据
this.chartData.rows = [
- { date: '11月29日', dept1: 153, dept2: 43, dept3:1,dept4:1,dept5:1,dept6:7,dept7:6, dept8:2,dept9:1, dept10:3},
- { date: '11月30日', dept1: 150, dept2: 30, dept3:2,dept4:1,dept5:4,dept6:6,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月1日 ', dept1: 143, dept2: 23, dept3:3,dept4:2,dept5:2,dept6:7,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月2日 ', dept1: 173, dept2: 23, dept3:4,dept4:4,dept5:1,dept6:1,dept7:8, dept8:2,dept9:1, dept10:3},
- { date: '12月3日 ', dept1: 272, dept2: 52, dept3:5,dept4:1,dept5:4,dept6:7,dept7:9, dept8:2,dept9:1, dept10:3},
- { date: '12月4日 ', dept1: 253, dept2: 53, dept3:6,dept4:5,dept5:5,dept6:2,dept7:9, dept8:2,dept9:1, dept10:3}
+ { date: '11月29日', dept1: 153, dept2: 43, dept3: 1, dept4: 1, dept5: 1, dept6: 7, dept7: 6, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '11月30日', dept1: 150, dept2: 30, dept3: 2, dept4: 1, dept5: 4, dept6: 6, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月1日 ', dept1: 143, dept2: 23, dept3: 3, dept4: 2, dept5: 2, dept6: 7, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月2日 ', dept1: 173, dept2: 23, dept3: 4, dept4: 4, dept5: 1, dept6: 1, dept7: 8, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月3日 ', dept1: 272, dept2: 52, dept3: 5, dept4: 1, dept5: 4, dept6: 7, dept7: 9, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月4日 ', dept1: 253, dept2: 53, dept3: 6, dept4: 5, dept5: 5, dept6: 2, dept7: 9, dept8: 2, dept9: 1, dept10: 3 }
]
},
- changeTime(timeType){
+ changeTime(timeType) {
let beginTime
- switch(timeType){
+ switch (timeType) {
case 'year':
beginTime = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
this.listQuery.beginTime = beginTime.Format('yyyy-MM-dd')
@@ -119,12 +119,12 @@
.container{
position:relative;
.function{
- position:absolute;
- z-index:200;
- bottom: 10px;
- left: 0;
+ /*position:absolute;*/
+ /*z-index:200;*/
+ /*bottom: 10px;*/
+ /*left: 0;*/
width:100%;
- height: 32px;
+ height: 28px;
display: flex;
justify-content: center;
}
diff --git a/src/views/dashboard/components/waterCountByDept.vue b/src/views/dashboard/components/waterCountByDept.vue
index 5145dd6..c65569c 100644
--- a/src/views/dashboard/components/waterCountByDept.vue
+++ b/src/views/dashboard/components/waterCountByDept.vue
@@ -1,6 +1,6 @@
+
-
近1年
近6月
@@ -8,37 +8,48 @@
近1月
近1周
+
+
+ {{item.name}}
+
diff --git a/src/views/deviceConfig/components/editWatchConfig.vue b/src/views/deviceConfig/components/editWatchConfig.vue
new file mode 100644
index 0000000..757cbc7
--- /dev/null
+++ b/src/views/deviceConfig/components/editWatchConfig.vue
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listLiquidConfig.vue b/src/views/deviceConfig/components/listLiquidConfig.vue
index f590b1c..24ade89 100644
--- a/src/views/deviceConfig/components/listLiquidConfig.vue
+++ b/src/views/deviceConfig/components/listLiquidConfig.vue
@@ -2,15 +2,15 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/components/listWatchConfig.vue b/src/views/deviceConfig/components/listWatchConfig.vue
new file mode 100644
index 0000000..d162620
--- /dev/null
+++ b/src/views/deviceConfig/components/listWatchConfig.vue
@@ -0,0 +1,357 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 批量导入
+
+ 新增
+
+
+
+
+
+
+
+ {{ scope.row[column.value] }}
+
+
+
+
+ 编辑
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/deviceConfig/deviceConfig.vue b/src/views/deviceConfig/deviceConfig.vue
index c5ae5ba..65bcea5 100644
--- a/src/views/deviceConfig/deviceConfig.vue
+++ b/src/views/deviceConfig/deviceConfig.vue
@@ -1,6 +1,9 @@
+
+
+
@@ -16,7 +19,7 @@
-
+
@@ -31,20 +34,23 @@
import ListDigConfig from './components/listDigConfig'
import ListNoiseConfig from './components/listNoiseConfig'
import { hasPermission } from '@/utils/permission'
+import ListWatchConfig from './components/listWatchConfig'
export default {
name: 'DeviceConfig',
- components: { ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
+ components: { ListWatchConfig, ListNoiseConfig, ListDigConfig, ListTempConfig, ListHarmfulConfig, ListGasConfig, ListLiquidConfig },
data() {
return {
- activeName: 'liquid'
+ activeName: 'watch'
}
},
created() {
- this.caclActive()
+ // this.caclActive()
},
methods: {
handleClick(tab, event) {
- if (tab.name === 'liquid') {
+ if (tab.name === 'watch') {
+ this.$refs.watchConfig.fetchData()
+ } if (tab.name === 'liquid') {
this.$refs.liquidConfig.fetchData()
} else if (tab.name === 'harmful') {
this.$refs.harmfulConfig.fetchData()
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index aaabfc2..e8ce6a8 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -146,11 +146,11 @@
width: 140,
align: 'center'
},
- {
- text: '权属单位',
- value: 'deptName',
- align: 'center'
- },
+ // {
+ // text: '权属单位',
+ // value: 'deptName',
+ // align: 'center'
+ // },
{
text: '设备安装日期',
value: 'installDate',
diff --git a/src/views/deviceStatics/components/deviceCountByDept.vue b/src/views/deviceStatics/components/deviceCountByDept.vue
index bc713a1..cc3da09 100644
--- a/src/views/deviceStatics/components/deviceCountByDept.vue
+++ b/src/views/deviceStatics/components/deviceCountByDept.vue
@@ -2,7 +2,7 @@
- 各单位设备安装情况数量统计
+ 设备安装情况数量统计
diff --git a/src/views/deviceStatics/deviceStatics.vue b/src/views/deviceStatics/deviceStatics.vue
index b347f84..707d39a 100644
--- a/src/views/deviceStatics/deviceStatics.vue
+++ b/src/views/deviceStatics/deviceStatics.vue
@@ -1,10 +1,10 @@
-
-
-
-
+
+
+
+
diff --git a/src/views/overview/overviewSimple.vue b/src/views/overview/overviewSimple.vue
index 4637e27..44e5708 100644
--- a/src/views/overview/overviewSimple.vue
+++ b/src/views/overview/overviewSimple.vue
@@ -6,17 +6,17 @@
-
+
-
-
-
-
-
+
+
+
+
+
+
+
+
+
搜索
@@ -115,7 +115,7 @@
}, // 筛选条件
columns: [
{
- text: '井编号',
+ text: '水表检查井编号',
value: 'wellCode',
width: 220,
align: 'center'
diff --git a/src/views/wellManage/addWell.vue b/src/views/wellManage/addWell.vue
index ab32aa8..2d0270f 100644
--- a/src/views/wellManage/addWell.vue
+++ b/src/views/wellManage/addWell.vue
@@ -78,40 +78,45 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
- 区/县
-
-
-
-
-
-
-
- 街道/镇
-
-
-
+
-
+
+
+
+
+
+
+
@@ -146,10 +151,11 @@
import { getWellType, addWell } from '@/api/well'
import { Uploadimg } from '@/api/common'
import DeptSelect from '@/components/DeptSelect'
+import AreaSelectTree from '@/components/AreaSelect/areaSelectTree'
export default {
name: 'AddWell',
- components: { SelectTree, DeptSelect },
+ components: { SelectTree, DeptSelect, AreaSelectTree },
data() {
const validateDeep = (rule, value, callback) => {
if (value !== '') {
@@ -188,6 +194,7 @@
return {
dialogFormVisible: false, // 对话框是否显示
dialogStatus: '', // 对话框类型:create,update
+ node: null,
wellForm: {
wellCode: '', // 井编号
wellName: '', // 井名称
diff --git a/src/views/wellManage/detailWell.vue b/src/views/wellManage/detailWell.vue
index af1de4b..3133564 100644
--- a/src/views/wellManage/detailWell.vue
+++ b/src/views/wellManage/detailWell.vue
@@ -32,11 +32,11 @@
-
-
-
-
-
+
+
+
+
+
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d139e20..3f2aa60 100644
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -94,11 +94,11 @@
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
- },
- {
- test: /\.js$/,
- loader: '@open-wc/webpack-import-meta-loader'
}
+ // {
+ // test: /\.js$/,
+ // loader: '@open-wc/webpack-import-meta-loader'
+ // }
]
},
plugins: [new VueLoaderPlugin()],
diff --git a/config/dev.env.js b/config/dev.env.js
index e57df7d..36f7d4a 100644
--- a/config/dev.env.js
+++ b/config/dev.env.js
@@ -6,9 +6,9 @@
// 将两个配置对象合并,最终结果是 NODE_ENV:‘"development"'
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
-
// BASE_API: '"http://42.81.160.165:2022/smartwell"'
// BASE_API: '"http://111.198.10.15:11304"'
// BASE_API: '"http://111.198.10.15:11643"'
- BASE_API: '"http://111.198.10.15:11409/smartwell"'
+ // BASE_API: '"http://111.198.10.15:11409/smartwell"' //可以用
+ BASE_API: '"http://192.168.43.66:11643/smartwell"' //彭先洪
})
diff --git a/package.json b/package.json
index d3b9271..471cdb3 100644
--- a/package.json
+++ b/package.json
@@ -38,7 +38,6 @@
"vuex": "3.0.1"
},
"devDependencies": {
- "@open-wc/webpack-import-meta-loader": "^0.4.7",
"autoprefixer": "8.5.0",
"babel-core": "6.26.0",
"babel-eslint": "8.2.6",
diff --git a/src/api/area.js b/src/api/area.js
index 974ce81..c5d88cf 100644
--- a/src/api/area.js
+++ b/src/api/area.js
@@ -39,6 +39,13 @@
params
})
}
+export function getDoorAreaTree(params) {
+ return request({
+ url: 'device/getAreas',
+ method: 'get',
+ params
+ })
+}
// 区域类型查询
export function getAreaType() {
return request({
diff --git a/src/api/data.js b/src/api/data.js
index db5c8d0..d1fdd27 100644
--- a/src/api/data.js
+++ b/src/api/data.js
@@ -18,6 +18,14 @@
params
})
}
+// 水表数据查询
+export function getWatchData(params) {
+ return request({
+ url: 'waterMeterData/listPage',
+ method: 'get',
+ params
+ })
+}
// 物位数据查询
export function getObjectData(params) {
diff --git a/src/api/overview.js b/src/api/overview.js
index 2e62e69..12d78c2 100644
--- a/src/api/overview.js
+++ b/src/api/overview.js
@@ -2,6 +2,20 @@
* 井总览模块接口
*/
import request from '@/utils/request'
+
+// 首页
+export function getWatchStatistic() {
+ return request({
+ url: 'waterStatistic/overview',
+ method: 'get'
+ })
+}
+export function waterMeterCount() {
+ return request({
+ url: 'waterMeterData/count',
+ method: 'get'
+ })
+}
// 井查询
export function getWellList(params) {
return request({
diff --git a/src/components/AreaSelect/areaSelectDialog.vue b/src/components/AreaSelect/areaSelectDialog.vue
new file mode 100644
index 0000000..fb1cd4d
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectDialog.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectInput.vue b/src/components/AreaSelect/areaSelectInput.vue
new file mode 100644
index 0000000..bdf5dcf
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectInput.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/areaSelectTree.vue b/src/components/AreaSelect/areaSelectTree.vue
new file mode 100644
index 0000000..c587fca
--- /dev/null
+++ b/src/components/AreaSelect/areaSelectTree.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/AreaSelect/singleSelect.vue b/src/components/AreaSelect/singleSelect.vue
new file mode 100644
index 0000000..ba15b20
--- /dev/null
+++ b/src/components/AreaSelect/singleSelect.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
new file mode 100644
index 0000000..d70262c
--- /dev/null
+++ b/src/components/BigData/Card1/index.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+ {{ title[0] }} {{ context[0] }}
+
+
+ {{ title[1] }} {{ context[1] }}
+
+
+
+
+
+
+
+
+
diff --git a/src/components/DeptSelect/index.vue b/src/components/DeptSelect/index.vue
index 1acabef..2bd7a1b 100644
--- a/src/components/DeptSelect/index.vue
+++ b/src/components/DeptSelect/index.vue
@@ -1,7 +1,7 @@
-
+
diff --git a/src/utils/request.js b/src/utils/request.js
index eb45e3f..96766f8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -44,7 +44,7 @@
location.reload() // 为了重新实例化vue-router对象 避免bug
})
} else {
- debugger
+ // debugger
console.log(res)
Message({
showClose: true,
diff --git a/src/views/alarmStatics/alarmStatics.vue b/src/views/alarmStatics/alarmStatics.vue
index db2f478..e13fb0e 100644
--- a/src/views/alarmStatics/alarmStatics.vue
+++ b/src/views/alarmStatics/alarmStatics.vue
@@ -4,8 +4,8 @@
-
- 按区域统计报警
+
+
@@ -13,9 +13,10 @@
+
+
diff --git a/src/views/alarmStatics/components/alarmStaticsByDept.vue b/src/views/alarmStatics/components/alarmStaticsByDept.vue
index 2168fdf..0ab2ee6 100644
--- a/src/views/alarmStatics/components/alarmStaticsByDept.vue
+++ b/src/views/alarmStatics/components/alarmStaticsByDept.vue
@@ -32,7 +32,7 @@
按权属单位统计报警情况
-
+
-
+
+
+ 近1年
+ 近6月
+ 近3月
+ 近1月
+ 近1周
+
+
+
+
diff --git a/src/views/dashboard/components/DeviceCount.vue b/src/views/dashboard/components/DeviceCount.vue
index 7ff9ba3..6c36bcb 100644
--- a/src/views/dashboard/components/DeviceCount.vue
+++ b/src/views/dashboard/components/DeviceCount.vue
@@ -18,7 +18,7 @@
right: 60
}
this.title = {
- text: '设备数量统计'
+ text: '管网资产统计'
}
this.chartSettings = {
itemStyle: {
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index da2888e..c04cf16 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -1,5 +1,8 @@
+
+
+
@@ -9,37 +12,71 @@
+
diff --git a/src/views/dashboard/components/waterCountByAreaBar.vue b/src/views/dashboard/components/waterCountByAreaBar.vue
new file mode 100644
index 0000000..954fffe
--- /dev/null
+++ b/src/views/dashboard/components/waterCountByAreaBar.vue
@@ -0,0 +1,195 @@
+
+
+
+ 本月
+ 近7日
+ 昨日
+ 今日
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
diff --git a/src/views/dashboard/components/waterCountByDay.vue b/src/views/dashboard/components/waterCountByDay.vue
index d5c2912..d47e358 100644
--- a/src/views/dashboard/components/waterCountByDay.vue
+++ b/src/views/dashboard/components/waterCountByDay.vue
@@ -1,6 +1,5 @@
-
近1年
近6月
@@ -8,6 +7,7 @@
近1月
近1周
+
@@ -23,8 +23,8 @@
beginTime: '',
endTime: ''
},
- title:{
- text: '各分区用水走势'
+ title: {
+ text: '用水走势图'
},
chartSettings: {
labelMap: {
@@ -37,33 +37,33 @@
'dept7': '制管作业区',
'dept8': '滑道作业区',
'dept9': '码头作业区',
- 'dept10': '车间生产区',
+ 'dept10': '车间生产区'
},
- metrics: ['dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ metrics: ['dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
dimension: ['date']
},
extend: {
- grid:{
- top:120
+ grid: {
+ top: 120
},
- yAxis:{
- name:'用水量(吨)',
- position:'left'
+ yAxis: {
+ name: '用水量(吨)',
+ position: 'left'
},
- legend:{
+ legend: {
// type: 'scroll',
- top:'40px'
+ top: '40px'
}
},
chartData: {
- columns: ['date', 'dept2', 'dept1','dept3','dept4','dept5','dept6','dept7','dept8','dept9','dept10'],
+ columns: ['date', 'dept2', 'dept1', 'dept3', 'dept4', 'dept5', 'dept6', 'dept7', 'dept8', 'dept9', 'dept10'],
rows: []
}
}
},
mounted() {
+ this.changeTime('month')
this.fetchData()
-
},
methods: {
fetchData() {
@@ -76,17 +76,17 @@
// })
// 模拟数据
this.chartData.rows = [
- { date: '11月29日', dept1: 153, dept2: 43, dept3:1,dept4:1,dept5:1,dept6:7,dept7:6, dept8:2,dept9:1, dept10:3},
- { date: '11月30日', dept1: 150, dept2: 30, dept3:2,dept4:1,dept5:4,dept6:6,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月1日 ', dept1: 143, dept2: 23, dept3:3,dept4:2,dept5:2,dept6:7,dept7:3, dept8:2,dept9:1, dept10:3},
- { date: '12月2日 ', dept1: 173, dept2: 23, dept3:4,dept4:4,dept5:1,dept6:1,dept7:8, dept8:2,dept9:1, dept10:3},
- { date: '12月3日 ', dept1: 272, dept2: 52, dept3:5,dept4:1,dept5:4,dept6:7,dept7:9, dept8:2,dept9:1, dept10:3},
- { date: '12月4日 ', dept1: 253, dept2: 53, dept3:6,dept4:5,dept5:5,dept6:2,dept7:9, dept8:2,dept9:1, dept10:3}
+ { date: '11月29日', dept1: 153, dept2: 43, dept3: 1, dept4: 1, dept5: 1, dept6: 7, dept7: 6, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '11月30日', dept1: 150, dept2: 30, dept3: 2, dept4: 1, dept5: 4, dept6: 6, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月1日 ', dept1: 143, dept2: 23, dept3: 3, dept4: 2, dept5: 2, dept6: 7, dept7: 3, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月2日 ', dept1: 173, dept2: 23, dept3: 4, dept4: 4, dept5: 1, dept6: 1, dept7: 8, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月3日 ', dept1: 272, dept2: 52, dept3: 5, dept4: 1, dept5: 4, dept6: 7, dept7: 9, dept8: 2, dept9: 1, dept10: 3 },
+ { date: '12月4日 ', dept1: 253, dept2: 53, dept3: 6, dept4: 5, dept5: 5, dept6: 2, dept7: 9, dept8: 2, dept9: 1, dept10: 3 }
]
},
- changeTime(timeType){
+ changeTime(timeType) {
let beginTime
- switch(timeType){
+ switch (timeType) {
case 'year':
beginTime = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
this.listQuery.beginTime = beginTime.Format('yyyy-MM-dd')
@@ -119,12 +119,12 @@
.container{
position:relative;
.function{
- position:absolute;
- z-index:200;
- bottom: 10px;
- left: 0;
+ /*position:absolute;*/
+ /*z-index:200;*/
+ /*bottom: 10px;*/
+ /*left: 0;*/
width:100%;
- height: 32px;
+ height: 28px;
display: flex;
justify-content: center;
}
diff --git a/src/views/dashboard/components/waterCountByDept.vue b/src/views/dashboard/components/waterCountByDept.vue
index 5145dd6..c65569c 100644
--- a/src/views/dashboard/components/waterCountByDept.vue
+++ b/src/views/dashboard/components/waterCountByDept.vue
@@ -1,6 +1,6 @@
+
-
近1年
近6月
@@ -8,37 +8,48 @@
近1月
近1周
+
+
+ {{item.name}}
+
diff --git a/src/views/deviceConfig/components/editWatchConfig.vue b/src/views/deviceConfig/components/editWatchConfig.vue
new file mode 100644
index 0000000..757cbc7
--- /dev/null
+++ b/src/views/deviceConfig/components/editWatchConfig.vue
@@ -0,0 +1,320 @@
+
+
+
+
+
+
+