diff --git a/config/index.js b/config/index.js
index 6563782..70878c9 100644
--- a/config/index.js
+++ b/config/index.js
@@ -60,7 +60,7 @@
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
- assetsPublicPath: '/cloudBrainTest/',
+ assetsPublicPath: '/cloudBrainTest1/',
/**
* Source Maps
diff --git a/config/index.js b/config/index.js
index 6563782..70878c9 100644
--- a/config/index.js
+++ b/config/index.js
@@ -60,7 +60,7 @@
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
- assetsPublicPath: '/cloudBrainTest/',
+ assetsPublicPath: '/cloudBrainTest1/',
/**
* Source Maps
diff --git a/src/components/annularProgress/annularComp.vue b/src/components/annularProgress/annularComp.vue
index 9ebb040..d35776a 100644
--- a/src/components/annularProgress/annularComp.vue
+++ b/src/components/annularProgress/annularComp.vue
@@ -18,7 +18,8 @@
名称:{{data.name}}
- 在线设备数:{{value.online}}
+ 在线设备数:{{value.online}}
+
@@ -87,18 +88,21 @@
console.log('refreshValue')
// const val = this.value
if (val) {
- const online = Math.round(val.online / val.total * 100) // 求在线率
- this.data.online = online
- this.data.leave = 100 - online
+ // const rate = Math.round(val.online / val.total * 100) // 求在线率
+ const rate = Math.trunc((val.online / val.total) * 100) // 求在线率
+ console.log('refreshValue计算', val.online, val.total, Math.trunc(val.online / val.total))
+ this.data.online = rate
+ this.data.leave = 100 - rate
this.data.color = val.color[0]
this.data.name = val.name
this.data.echartData = {
id: val.id,
width: 0,
height: 0,
- percent: online,
+ percent: rate,
color: val.color
}
+ console.log('refreshValue计算', this.data, rate)
}
}
}
@@ -131,7 +135,7 @@
-webkit-transform: scale(.5);
b{
font-weight: bold;
- font-size: .1rem
+ font-size: 0.09rem
}
}
}
diff --git a/config/index.js b/config/index.js
index 6563782..70878c9 100644
--- a/config/index.js
+++ b/config/index.js
@@ -60,7 +60,7 @@
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
- assetsPublicPath: '/cloudBrainTest/',
+ assetsPublicPath: '/cloudBrainTest1/',
/**
* Source Maps
diff --git a/src/components/annularProgress/annularComp.vue b/src/components/annularProgress/annularComp.vue
index 9ebb040..d35776a 100644
--- a/src/components/annularProgress/annularComp.vue
+++ b/src/components/annularProgress/annularComp.vue
@@ -18,7 +18,8 @@
名称:{{data.name}}
- 在线设备数:{{value.online}}
+ 在线设备数:{{value.online}}
+
@@ -87,18 +88,21 @@
console.log('refreshValue')
// const val = this.value
if (val) {
- const online = Math.round(val.online / val.total * 100) // 求在线率
- this.data.online = online
- this.data.leave = 100 - online
+ // const rate = Math.round(val.online / val.total * 100) // 求在线率
+ const rate = Math.trunc((val.online / val.total) * 100) // 求在线率
+ console.log('refreshValue计算', val.online, val.total, Math.trunc(val.online / val.total))
+ this.data.online = rate
+ this.data.leave = 100 - rate
this.data.color = val.color[0]
this.data.name = val.name
this.data.echartData = {
id: val.id,
width: 0,
height: 0,
- percent: online,
+ percent: rate,
color: val.color
}
+ console.log('refreshValue计算', this.data, rate)
}
}
}
@@ -131,7 +135,7 @@
-webkit-transform: scale(.5);
b{
font-weight: bold;
- font-size: .1rem
+ font-size: 0.09rem
}
}
}
diff --git a/src/views/cityConstruction/components/iot/components/deviceOnline.vue b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
index 186729d..a8f7650 100644
--- a/src/views/cityConstruction/components/iot/components/deviceOnline.vue
+++ b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
@@ -25,48 +25,48 @@
return {
isShow: false,
data: [
- {
- 'name': '井盖状态监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '液位监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '燃气智能终端',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '有害气体监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '噪声记录仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '摄像头',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '路灯控制器',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- }
+ // {
+ // 'name': '井盖状态监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '液位监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '燃气智能终端',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '有害气体监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '噪声记录仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '摄像头',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '路灯控制器',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // }
]
}
},
diff --git a/config/index.js b/config/index.js
index 6563782..70878c9 100644
--- a/config/index.js
+++ b/config/index.js
@@ -60,7 +60,7 @@
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
- assetsPublicPath: '/cloudBrainTest/',
+ assetsPublicPath: '/cloudBrainTest1/',
/**
* Source Maps
diff --git a/src/components/annularProgress/annularComp.vue b/src/components/annularProgress/annularComp.vue
index 9ebb040..d35776a 100644
--- a/src/components/annularProgress/annularComp.vue
+++ b/src/components/annularProgress/annularComp.vue
@@ -18,7 +18,8 @@
名称:{{data.name}}
- 在线设备数:{{value.online}}
+ 在线设备数:{{value.online}}
+
@@ -87,18 +88,21 @@
console.log('refreshValue')
// const val = this.value
if (val) {
- const online = Math.round(val.online / val.total * 100) // 求在线率
- this.data.online = online
- this.data.leave = 100 - online
+ // const rate = Math.round(val.online / val.total * 100) // 求在线率
+ const rate = Math.trunc((val.online / val.total) * 100) // 求在线率
+ console.log('refreshValue计算', val.online, val.total, Math.trunc(val.online / val.total))
+ this.data.online = rate
+ this.data.leave = 100 - rate
this.data.color = val.color[0]
this.data.name = val.name
this.data.echartData = {
id: val.id,
width: 0,
height: 0,
- percent: online,
+ percent: rate,
color: val.color
}
+ console.log('refreshValue计算', this.data, rate)
}
}
}
@@ -131,7 +135,7 @@
-webkit-transform: scale(.5);
b{
font-weight: bold;
- font-size: .1rem
+ font-size: 0.09rem
}
}
}
diff --git a/src/views/cityConstruction/components/iot/components/deviceOnline.vue b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
index 186729d..a8f7650 100644
--- a/src/views/cityConstruction/components/iot/components/deviceOnline.vue
+++ b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
@@ -25,48 +25,48 @@
return {
isShow: false,
data: [
- {
- 'name': '井盖状态监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '液位监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '燃气智能终端',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '有害气体监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '噪声记录仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '摄像头',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '路灯控制器',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- }
+ // {
+ // 'name': '井盖状态监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '液位监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '燃气智能终端',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '有害气体监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '噪声记录仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '摄像头',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '路灯控制器',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // }
]
}
},
diff --git a/src/views/cityConstruction/components/plan/components/landUse.vue b/src/views/cityConstruction/components/plan/components/landUse.vue
index 2e12697..934d23e 100644
--- a/src/views/cityConstruction/components/plan/components/landUse.vue
+++ b/src/views/cityConstruction/components/plan/components/landUse.vue
@@ -30,6 +30,10 @@
+
+ 居住
+ 公共
+
名称:{{data.name}}
- 在线设备数:{{value.online}}
+ 在线设备数:{{value.online}}
+
@@ -87,18 +88,21 @@
console.log('refreshValue')
// const val = this.value
if (val) {
- const online = Math.round(val.online / val.total * 100) // 求在线率
- this.data.online = online
- this.data.leave = 100 - online
+ // const rate = Math.round(val.online / val.total * 100) // 求在线率
+ const rate = Math.trunc((val.online / val.total) * 100) // 求在线率
+ console.log('refreshValue计算', val.online, val.total, Math.trunc(val.online / val.total))
+ this.data.online = rate
+ this.data.leave = 100 - rate
this.data.color = val.color[0]
this.data.name = val.name
this.data.echartData = {
id: val.id,
width: 0,
height: 0,
- percent: online,
+ percent: rate,
color: val.color
}
+ console.log('refreshValue计算', this.data, rate)
}
}
}
@@ -131,7 +135,7 @@
-webkit-transform: scale(.5);
b{
font-weight: bold;
- font-size: .1rem
+ font-size: 0.09rem
}
}
}
diff --git a/src/views/cityConstruction/components/iot/components/deviceOnline.vue b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
index 186729d..a8f7650 100644
--- a/src/views/cityConstruction/components/iot/components/deviceOnline.vue
+++ b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
@@ -25,48 +25,48 @@
return {
isShow: false,
data: [
- {
- 'name': '井盖状态监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '液位监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '燃气智能终端',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '有害气体监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '噪声记录仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '摄像头',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '路灯控制器',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- }
+ // {
+ // 'name': '井盖状态监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '液位监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '燃气智能终端',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '有害气体监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '噪声记录仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '摄像头',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '路灯控制器',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // }
]
}
},
diff --git a/src/views/cityConstruction/components/plan/components/landUse.vue b/src/views/cityConstruction/components/plan/components/landUse.vue
index 2e12697..934d23e 100644
--- a/src/views/cityConstruction/components/plan/components/landUse.vue
+++ b/src/views/cityConstruction/components/plan/components/landUse.vue
@@ -30,6 +30,10 @@
+
+ 居住
+ 公共
+
+
+ 交通指数
+ 违法指数
+
@@ -125,7 +129,7 @@
}
},
created () {
- this.compChange()
+ // this.compChange()
this.getData()
},
methods: {
diff --git a/config/index.js b/config/index.js
index 6563782..70878c9 100644
--- a/config/index.js
+++ b/config/index.js
@@ -60,7 +60,7 @@
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
- assetsPublicPath: '/cloudBrainTest/',
+ assetsPublicPath: '/cloudBrainTest1/',
/**
* Source Maps
diff --git a/src/components/annularProgress/annularComp.vue b/src/components/annularProgress/annularComp.vue
index 9ebb040..d35776a 100644
--- a/src/components/annularProgress/annularComp.vue
+++ b/src/components/annularProgress/annularComp.vue
@@ -18,7 +18,8 @@
名称:{{data.name}}
- 在线设备数:{{value.online}}
+ 在线设备数:{{value.online}}
+
@@ -87,18 +88,21 @@
console.log('refreshValue')
// const val = this.value
if (val) {
- const online = Math.round(val.online / val.total * 100) // 求在线率
- this.data.online = online
- this.data.leave = 100 - online
+ // const rate = Math.round(val.online / val.total * 100) // 求在线率
+ const rate = Math.trunc((val.online / val.total) * 100) // 求在线率
+ console.log('refreshValue计算', val.online, val.total, Math.trunc(val.online / val.total))
+ this.data.online = rate
+ this.data.leave = 100 - rate
this.data.color = val.color[0]
this.data.name = val.name
this.data.echartData = {
id: val.id,
width: 0,
height: 0,
- percent: online,
+ percent: rate,
color: val.color
}
+ console.log('refreshValue计算', this.data, rate)
}
}
}
@@ -131,7 +135,7 @@
-webkit-transform: scale(.5);
b{
font-weight: bold;
- font-size: .1rem
+ font-size: 0.09rem
}
}
}
diff --git a/src/views/cityConstruction/components/iot/components/deviceOnline.vue b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
index 186729d..a8f7650 100644
--- a/src/views/cityConstruction/components/iot/components/deviceOnline.vue
+++ b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
@@ -25,48 +25,48 @@
return {
isShow: false,
data: [
- {
- 'name': '井盖状态监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '液位监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '燃气智能终端',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '有害气体监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '噪声记录仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '摄像头',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '路灯控制器',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- }
+ // {
+ // 'name': '井盖状态监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '液位监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '燃气智能终端',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '有害气体监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '噪声记录仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '摄像头',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '路灯控制器',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // }
]
}
},
diff --git a/src/views/cityConstruction/components/plan/components/landUse.vue b/src/views/cityConstruction/components/plan/components/landUse.vue
index 2e12697..934d23e 100644
--- a/src/views/cityConstruction/components/plan/components/landUse.vue
+++ b/src/views/cityConstruction/components/plan/components/landUse.vue
@@ -30,6 +30,10 @@
+
+ 居住
+ 公共
+
+
+ 交通指数
+ 违法指数
+
@@ -125,7 +129,7 @@
}
},
created () {
- this.compChange()
+ // this.compChange()
this.getData()
},
methods: {
diff --git a/src/views/mapViews/mars3dMap.vue b/src/views/mapViews/mars3dMap.vue
index 990d9d4..25c2bf5 100644
--- a/src/views/mapViews/mars3dMap.vue
+++ b/src/views/mapViews/mars3dMap.vue
@@ -87,6 +87,7 @@
import gridPopulation from './components/population/gridPopulation.vue'
import buildingPopulation from './components/population/buildingPopulation.vue'
import { formatDateDefault } from '../../utils'
+import mapKey from '../../../static/map.json'
// 导入必须的样式表
var Cesium = require('../../../node_modules/cesium/Source/Cesium')
export default {
@@ -94,7 +95,7 @@
components: {MapFrame, Button2, Button3, buildingPopulation, communityInfo, areaPopulation, gridPopulation},
data () {
return {
- mapType: 'vec',
+ mapType: 'img',
top: '250px',
showFrame: false,
showCommunityInfo: false,
@@ -191,7 +192,7 @@
children: [
{index: '21', name: '智慧管网', children: ['电子标识器', '液位监测仪', '消防栓防盗水监测仪', '有害气体监测仪', '井盖状态监测仪', '噪声记录仪', '燃气智能监测终端', '数据集中器']},
{index: '26', name: '智慧城管', children: []},
- {index: '22', name: '智慧工地', children: []},
+ {index: '22', name: '环境监测', children: []},
{index: '23', name: '一卡通', children: []},
{index: '25', name: '智慧园林', children: ['温湿度传感器', '水位检测器', 'PM2.5/PM10传感器']}
],
@@ -317,10 +318,19 @@
this.labelsRight[i].layersShowRight[j] = false
}
}
+
if (value.index === '05') { // 车辆
+ this.showCommunityInfo = false
+ this.showAreaPopulation = false
+ this.showGridPopulation = false
+ this.showBuildingPopulation = false
// 获取车辆并且渲染
this.drawCar()
} else if (value.index === '03') { // 事件监测
+ this.showCommunityInfo = false
+ this.showAreaPopulation = false
+ this.showGridPopulation = false
+ this.showBuildingPopulation = false
this.layers.feature.clear()
this.layers.polygon.clear()
this.singleSearch('事件监测', 'eventMonitor', '2V026Q9MNX', require('@/assets/images/icon-event.png'),
@@ -463,7 +473,7 @@
id: 'arcgis_labels',
name: '天地图注记',
type: 'xyz',
- url: 'https://t{s}.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=216ee92889e17ab1b083fae665d522b8',
+ url: `https://t{s}.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=${mapKey.tdtKey}`,
subdomains: '01234567',
crs: 'wgs84',
zIndex: 30,
@@ -473,7 +483,7 @@
}
// 创建三维地球场景
var map = new mars3d.Map('mars3dContainer', mapOptions)
- map.basemap = 'vec' // 默认加载地图
+ map.basemap = 'img' // 默认加载地图
map.scene.screenSpaceCameraController.enableCollisionDetection = false
// 设置鼠标
map.scene.screenSpaceCameraController.tiltEventTypes = [ Cesium.CameraEventType.RIGHT_DRAG ]
@@ -655,7 +665,7 @@
[ {name: '路灯编号', value: 'YSMC'}, {name: '设备地点', value: 'S_DZQC'} ], false)
} else if (value.index === '22') {
this.singleSearch('环境监测', 'B-ZH-0706', 'JFK37I1F45', require('@/assets/images/icon-camera-blu.png'),
- [ {name: '设备名称', value: 'YSMC'}, {name: '设备地点', value: 'S_DZQC'} ], false)
+ [ {name: '名称', value: 'YSMC'}, {name: '地点', value: 'S_DZQC'}, {name: '状态', value: 'BJZT'} ], false)
} else if (value === '城管执法事件') {
this.singleSearch(value, 'B-ZH-0402', '4X137UY07J', require('@/assets/images/icon-camera-blu.png'),
[ {name: '案件名称', value: 'YSMC'}, {name: '案件分类', value: 'XXDLXMC'}, {name: '案件详情', value: 'S_DZQC'} ], false)
@@ -729,7 +739,7 @@
this.showBuildingPopulation = true
this.$refs.buildingPopulationRef.initData()
} else if (value.index === 'new06') { // 城市交通-拥堵点
- this.singleSearch('拥堵点分布', '/traffic/jam', '05VA87X3PX', require('@/assets/images/icon-jam.png'),
+ this.singleSearch('拥堵点分布', '/traffic/jam', '05VA87X3PX', require('@/assets/images/icon-camera-red.png'),
[
{name: '名称', value: 'name'},
{name: '拥堵高发时段', value: 'congestion_period'},
@@ -750,7 +760,7 @@
{name: '地址', value: 'location'}
], false, true)
} else if (value.index === 'new08') { // 城市交通-高发事故点
- this.singleSearch('高发事故点分布', '/traffic/eventHigh', '05VA87X3PX', require('@/assets/images/icon-accident.png'),
+ this.singleSearch('高发事故点分布', '/traffic/eventHigh', '05VA87X3PX', require('@/assets/images/icon-camera-red.png'),
[
{name: '名称', value: 'name'},
{name: '事故类型', value: 'accident_type'},
@@ -891,7 +901,7 @@
let graphic = new mars3d.graphic.PolygonEntity({
positions: items,
style: {
- color: '#bebebe',
+ color: '#33c481',
opacity: 0.5,
outline: true,
outlineWidth: 2,
@@ -912,7 +922,7 @@
let graphic = new mars3d.graphic.PolygonEntity({
positions: items,
style: {
- color: '#bebebe',
+ color: '#33c481',
opacity: 0.5,
outline: true,
outlineWidth: 2,
diff --git a/config/index.js b/config/index.js
index 6563782..70878c9 100644
--- a/config/index.js
+++ b/config/index.js
@@ -60,7 +60,7 @@
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
- assetsPublicPath: '/cloudBrainTest/',
+ assetsPublicPath: '/cloudBrainTest1/',
/**
* Source Maps
diff --git a/src/components/annularProgress/annularComp.vue b/src/components/annularProgress/annularComp.vue
index 9ebb040..d35776a 100644
--- a/src/components/annularProgress/annularComp.vue
+++ b/src/components/annularProgress/annularComp.vue
@@ -18,7 +18,8 @@
名称:{{data.name}}
- 在线设备数:{{value.online}}
+ 在线设备数:{{value.online}}
+
@@ -87,18 +88,21 @@
console.log('refreshValue')
// const val = this.value
if (val) {
- const online = Math.round(val.online / val.total * 100) // 求在线率
- this.data.online = online
- this.data.leave = 100 - online
+ // const rate = Math.round(val.online / val.total * 100) // 求在线率
+ const rate = Math.trunc((val.online / val.total) * 100) // 求在线率
+ console.log('refreshValue计算', val.online, val.total, Math.trunc(val.online / val.total))
+ this.data.online = rate
+ this.data.leave = 100 - rate
this.data.color = val.color[0]
this.data.name = val.name
this.data.echartData = {
id: val.id,
width: 0,
height: 0,
- percent: online,
+ percent: rate,
color: val.color
}
+ console.log('refreshValue计算', this.data, rate)
}
}
}
@@ -131,7 +135,7 @@
-webkit-transform: scale(.5);
b{
font-weight: bold;
- font-size: .1rem
+ font-size: 0.09rem
}
}
}
diff --git a/src/views/cityConstruction/components/iot/components/deviceOnline.vue b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
index 186729d..a8f7650 100644
--- a/src/views/cityConstruction/components/iot/components/deviceOnline.vue
+++ b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
@@ -25,48 +25,48 @@
return {
isShow: false,
data: [
- {
- 'name': '井盖状态监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '液位监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '燃气智能终端',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '有害气体监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '噪声记录仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '摄像头',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '路灯控制器',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- }
+ // {
+ // 'name': '井盖状态监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '液位监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '燃气智能终端',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '有害气体监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '噪声记录仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '摄像头',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '路灯控制器',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // }
]
}
},
diff --git a/src/views/cityConstruction/components/plan/components/landUse.vue b/src/views/cityConstruction/components/plan/components/landUse.vue
index 2e12697..934d23e 100644
--- a/src/views/cityConstruction/components/plan/components/landUse.vue
+++ b/src/views/cityConstruction/components/plan/components/landUse.vue
@@ -30,6 +30,10 @@
+
+ 居住
+ 公共
+
+
+ 交通指数
+ 违法指数
+
@@ -125,7 +129,7 @@
}
},
created () {
- this.compChange()
+ // this.compChange()
this.getData()
},
methods: {
diff --git a/src/views/mapViews/mars3dMap.vue b/src/views/mapViews/mars3dMap.vue
index 990d9d4..25c2bf5 100644
--- a/src/views/mapViews/mars3dMap.vue
+++ b/src/views/mapViews/mars3dMap.vue
@@ -87,6 +87,7 @@
import gridPopulation from './components/population/gridPopulation.vue'
import buildingPopulation from './components/population/buildingPopulation.vue'
import { formatDateDefault } from '../../utils'
+import mapKey from '../../../static/map.json'
// 导入必须的样式表
var Cesium = require('../../../node_modules/cesium/Source/Cesium')
export default {
@@ -94,7 +95,7 @@
components: {MapFrame, Button2, Button3, buildingPopulation, communityInfo, areaPopulation, gridPopulation},
data () {
return {
- mapType: 'vec',
+ mapType: 'img',
top: '250px',
showFrame: false,
showCommunityInfo: false,
@@ -191,7 +192,7 @@
children: [
{index: '21', name: '智慧管网', children: ['电子标识器', '液位监测仪', '消防栓防盗水监测仪', '有害气体监测仪', '井盖状态监测仪', '噪声记录仪', '燃气智能监测终端', '数据集中器']},
{index: '26', name: '智慧城管', children: []},
- {index: '22', name: '智慧工地', children: []},
+ {index: '22', name: '环境监测', children: []},
{index: '23', name: '一卡通', children: []},
{index: '25', name: '智慧园林', children: ['温湿度传感器', '水位检测器', 'PM2.5/PM10传感器']}
],
@@ -317,10 +318,19 @@
this.labelsRight[i].layersShowRight[j] = false
}
}
+
if (value.index === '05') { // 车辆
+ this.showCommunityInfo = false
+ this.showAreaPopulation = false
+ this.showGridPopulation = false
+ this.showBuildingPopulation = false
// 获取车辆并且渲染
this.drawCar()
} else if (value.index === '03') { // 事件监测
+ this.showCommunityInfo = false
+ this.showAreaPopulation = false
+ this.showGridPopulation = false
+ this.showBuildingPopulation = false
this.layers.feature.clear()
this.layers.polygon.clear()
this.singleSearch('事件监测', 'eventMonitor', '2V026Q9MNX', require('@/assets/images/icon-event.png'),
@@ -463,7 +473,7 @@
id: 'arcgis_labels',
name: '天地图注记',
type: 'xyz',
- url: 'https://t{s}.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=216ee92889e17ab1b083fae665d522b8',
+ url: `https://t{s}.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=${mapKey.tdtKey}`,
subdomains: '01234567',
crs: 'wgs84',
zIndex: 30,
@@ -473,7 +483,7 @@
}
// 创建三维地球场景
var map = new mars3d.Map('mars3dContainer', mapOptions)
- map.basemap = 'vec' // 默认加载地图
+ map.basemap = 'img' // 默认加载地图
map.scene.screenSpaceCameraController.enableCollisionDetection = false
// 设置鼠标
map.scene.screenSpaceCameraController.tiltEventTypes = [ Cesium.CameraEventType.RIGHT_DRAG ]
@@ -655,7 +665,7 @@
[ {name: '路灯编号', value: 'YSMC'}, {name: '设备地点', value: 'S_DZQC'} ], false)
} else if (value.index === '22') {
this.singleSearch('环境监测', 'B-ZH-0706', 'JFK37I1F45', require('@/assets/images/icon-camera-blu.png'),
- [ {name: '设备名称', value: 'YSMC'}, {name: '设备地点', value: 'S_DZQC'} ], false)
+ [ {name: '名称', value: 'YSMC'}, {name: '地点', value: 'S_DZQC'}, {name: '状态', value: 'BJZT'} ], false)
} else if (value === '城管执法事件') {
this.singleSearch(value, 'B-ZH-0402', '4X137UY07J', require('@/assets/images/icon-camera-blu.png'),
[ {name: '案件名称', value: 'YSMC'}, {name: '案件分类', value: 'XXDLXMC'}, {name: '案件详情', value: 'S_DZQC'} ], false)
@@ -729,7 +739,7 @@
this.showBuildingPopulation = true
this.$refs.buildingPopulationRef.initData()
} else if (value.index === 'new06') { // 城市交通-拥堵点
- this.singleSearch('拥堵点分布', '/traffic/jam', '05VA87X3PX', require('@/assets/images/icon-jam.png'),
+ this.singleSearch('拥堵点分布', '/traffic/jam', '05VA87X3PX', require('@/assets/images/icon-camera-red.png'),
[
{name: '名称', value: 'name'},
{name: '拥堵高发时段', value: 'congestion_period'},
@@ -750,7 +760,7 @@
{name: '地址', value: 'location'}
], false, true)
} else if (value.index === 'new08') { // 城市交通-高发事故点
- this.singleSearch('高发事故点分布', '/traffic/eventHigh', '05VA87X3PX', require('@/assets/images/icon-accident.png'),
+ this.singleSearch('高发事故点分布', '/traffic/eventHigh', '05VA87X3PX', require('@/assets/images/icon-camera-red.png'),
[
{name: '名称', value: 'name'},
{name: '事故类型', value: 'accident_type'},
@@ -891,7 +901,7 @@
let graphic = new mars3d.graphic.PolygonEntity({
positions: items,
style: {
- color: '#bebebe',
+ color: '#33c481',
opacity: 0.5,
outline: true,
outlineWidth: 2,
@@ -912,7 +922,7 @@
let graphic = new mars3d.graphic.PolygonEntity({
positions: items,
style: {
- color: '#bebebe',
+ color: '#33c481',
opacity: 0.5,
outline: true,
outlineWidth: 2,
diff --git a/src/views/socialLive/socialLivelihoodRight.vue b/src/views/socialLive/socialLivelihoodRight.vue
index e74e6ad..34b4fa1 100644
--- a/src/views/socialLive/socialLivelihoodRight.vue
+++ b/src/views/socialLive/socialLivelihoodRight.vue
@@ -35,7 +35,7 @@
-
+
教育
医疗
diff --git a/config/index.js b/config/index.js
index 6563782..70878c9 100644
--- a/config/index.js
+++ b/config/index.js
@@ -60,7 +60,7 @@
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
- assetsPublicPath: '/cloudBrainTest/',
+ assetsPublicPath: '/cloudBrainTest1/',
/**
* Source Maps
diff --git a/src/components/annularProgress/annularComp.vue b/src/components/annularProgress/annularComp.vue
index 9ebb040..d35776a 100644
--- a/src/components/annularProgress/annularComp.vue
+++ b/src/components/annularProgress/annularComp.vue
@@ -18,7 +18,8 @@
名称:{{data.name}}
- 在线设备数:{{value.online}}
+ 在线设备数:{{value.online}}
+
@@ -87,18 +88,21 @@
console.log('refreshValue')
// const val = this.value
if (val) {
- const online = Math.round(val.online / val.total * 100) // 求在线率
- this.data.online = online
- this.data.leave = 100 - online
+ // const rate = Math.round(val.online / val.total * 100) // 求在线率
+ const rate = Math.trunc((val.online / val.total) * 100) // 求在线率
+ console.log('refreshValue计算', val.online, val.total, Math.trunc(val.online / val.total))
+ this.data.online = rate
+ this.data.leave = 100 - rate
this.data.color = val.color[0]
this.data.name = val.name
this.data.echartData = {
id: val.id,
width: 0,
height: 0,
- percent: online,
+ percent: rate,
color: val.color
}
+ console.log('refreshValue计算', this.data, rate)
}
}
}
@@ -131,7 +135,7 @@
-webkit-transform: scale(.5);
b{
font-weight: bold;
- font-size: .1rem
+ font-size: 0.09rem
}
}
}
diff --git a/src/views/cityConstruction/components/iot/components/deviceOnline.vue b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
index 186729d..a8f7650 100644
--- a/src/views/cityConstruction/components/iot/components/deviceOnline.vue
+++ b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
@@ -25,48 +25,48 @@
return {
isShow: false,
data: [
- {
- 'name': '井盖状态监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '液位监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '燃气智能终端',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '有害气体监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '噪声记录仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '摄像头',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '路灯控制器',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- }
+ // {
+ // 'name': '井盖状态监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '液位监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '燃气智能终端',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '有害气体监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '噪声记录仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '摄像头',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '路灯控制器',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // }
]
}
},
diff --git a/src/views/cityConstruction/components/plan/components/landUse.vue b/src/views/cityConstruction/components/plan/components/landUse.vue
index 2e12697..934d23e 100644
--- a/src/views/cityConstruction/components/plan/components/landUse.vue
+++ b/src/views/cityConstruction/components/plan/components/landUse.vue
@@ -30,6 +30,10 @@
+
+ 居住
+ 公共
+
+
+ 交通指数
+ 违法指数
+
@@ -125,7 +129,7 @@
}
},
created () {
- this.compChange()
+ // this.compChange()
this.getData()
},
methods: {
diff --git a/src/views/mapViews/mars3dMap.vue b/src/views/mapViews/mars3dMap.vue
index 990d9d4..25c2bf5 100644
--- a/src/views/mapViews/mars3dMap.vue
+++ b/src/views/mapViews/mars3dMap.vue
@@ -87,6 +87,7 @@
import gridPopulation from './components/population/gridPopulation.vue'
import buildingPopulation from './components/population/buildingPopulation.vue'
import { formatDateDefault } from '../../utils'
+import mapKey from '../../../static/map.json'
// 导入必须的样式表
var Cesium = require('../../../node_modules/cesium/Source/Cesium')
export default {
@@ -94,7 +95,7 @@
components: {MapFrame, Button2, Button3, buildingPopulation, communityInfo, areaPopulation, gridPopulation},
data () {
return {
- mapType: 'vec',
+ mapType: 'img',
top: '250px',
showFrame: false,
showCommunityInfo: false,
@@ -191,7 +192,7 @@
children: [
{index: '21', name: '智慧管网', children: ['电子标识器', '液位监测仪', '消防栓防盗水监测仪', '有害气体监测仪', '井盖状态监测仪', '噪声记录仪', '燃气智能监测终端', '数据集中器']},
{index: '26', name: '智慧城管', children: []},
- {index: '22', name: '智慧工地', children: []},
+ {index: '22', name: '环境监测', children: []},
{index: '23', name: '一卡通', children: []},
{index: '25', name: '智慧园林', children: ['温湿度传感器', '水位检测器', 'PM2.5/PM10传感器']}
],
@@ -317,10 +318,19 @@
this.labelsRight[i].layersShowRight[j] = false
}
}
+
if (value.index === '05') { // 车辆
+ this.showCommunityInfo = false
+ this.showAreaPopulation = false
+ this.showGridPopulation = false
+ this.showBuildingPopulation = false
// 获取车辆并且渲染
this.drawCar()
} else if (value.index === '03') { // 事件监测
+ this.showCommunityInfo = false
+ this.showAreaPopulation = false
+ this.showGridPopulation = false
+ this.showBuildingPopulation = false
this.layers.feature.clear()
this.layers.polygon.clear()
this.singleSearch('事件监测', 'eventMonitor', '2V026Q9MNX', require('@/assets/images/icon-event.png'),
@@ -463,7 +473,7 @@
id: 'arcgis_labels',
name: '天地图注记',
type: 'xyz',
- url: 'https://t{s}.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=216ee92889e17ab1b083fae665d522b8',
+ url: `https://t{s}.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=${mapKey.tdtKey}`,
subdomains: '01234567',
crs: 'wgs84',
zIndex: 30,
@@ -473,7 +483,7 @@
}
// 创建三维地球场景
var map = new mars3d.Map('mars3dContainer', mapOptions)
- map.basemap = 'vec' // 默认加载地图
+ map.basemap = 'img' // 默认加载地图
map.scene.screenSpaceCameraController.enableCollisionDetection = false
// 设置鼠标
map.scene.screenSpaceCameraController.tiltEventTypes = [ Cesium.CameraEventType.RIGHT_DRAG ]
@@ -655,7 +665,7 @@
[ {name: '路灯编号', value: 'YSMC'}, {name: '设备地点', value: 'S_DZQC'} ], false)
} else if (value.index === '22') {
this.singleSearch('环境监测', 'B-ZH-0706', 'JFK37I1F45', require('@/assets/images/icon-camera-blu.png'),
- [ {name: '设备名称', value: 'YSMC'}, {name: '设备地点', value: 'S_DZQC'} ], false)
+ [ {name: '名称', value: 'YSMC'}, {name: '地点', value: 'S_DZQC'}, {name: '状态', value: 'BJZT'} ], false)
} else if (value === '城管执法事件') {
this.singleSearch(value, 'B-ZH-0402', '4X137UY07J', require('@/assets/images/icon-camera-blu.png'),
[ {name: '案件名称', value: 'YSMC'}, {name: '案件分类', value: 'XXDLXMC'}, {name: '案件详情', value: 'S_DZQC'} ], false)
@@ -729,7 +739,7 @@
this.showBuildingPopulation = true
this.$refs.buildingPopulationRef.initData()
} else if (value.index === 'new06') { // 城市交通-拥堵点
- this.singleSearch('拥堵点分布', '/traffic/jam', '05VA87X3PX', require('@/assets/images/icon-jam.png'),
+ this.singleSearch('拥堵点分布', '/traffic/jam', '05VA87X3PX', require('@/assets/images/icon-camera-red.png'),
[
{name: '名称', value: 'name'},
{name: '拥堵高发时段', value: 'congestion_period'},
@@ -750,7 +760,7 @@
{name: '地址', value: 'location'}
], false, true)
} else if (value.index === 'new08') { // 城市交通-高发事故点
- this.singleSearch('高发事故点分布', '/traffic/eventHigh', '05VA87X3PX', require('@/assets/images/icon-accident.png'),
+ this.singleSearch('高发事故点分布', '/traffic/eventHigh', '05VA87X3PX', require('@/assets/images/icon-camera-red.png'),
[
{name: '名称', value: 'name'},
{name: '事故类型', value: 'accident_type'},
@@ -891,7 +901,7 @@
let graphic = new mars3d.graphic.PolygonEntity({
positions: items,
style: {
- color: '#bebebe',
+ color: '#33c481',
opacity: 0.5,
outline: true,
outlineWidth: 2,
@@ -912,7 +922,7 @@
let graphic = new mars3d.graphic.PolygonEntity({
positions: items,
style: {
- color: '#bebebe',
+ color: '#33c481',
opacity: 0.5,
outline: true,
outlineWidth: 2,
diff --git a/src/views/socialLive/socialLivelihoodRight.vue b/src/views/socialLive/socialLivelihoodRight.vue
index e74e6ad..34b4fa1 100644
--- a/src/views/socialLive/socialLivelihoodRight.vue
+++ b/src/views/socialLive/socialLivelihoodRight.vue
@@ -35,7 +35,7 @@
-
+
教育
医疗
diff --git a/static/map.json b/static/map.json
new file mode 100644
index 0000000..32d5ca1
--- /dev/null
+++ b/static/map.json
@@ -0,0 +1,4 @@
+{
+ "tdtKey": "42294073fb00551b34840b539e7fa50c",
+ "keyBak": "216ee92889e17ab1b083fae665d522b8"
+}
diff --git a/config/index.js b/config/index.js
index 6563782..70878c9 100644
--- a/config/index.js
+++ b/config/index.js
@@ -60,7 +60,7 @@
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
- assetsPublicPath: '/cloudBrainTest/',
+ assetsPublicPath: '/cloudBrainTest1/',
/**
* Source Maps
diff --git a/src/components/annularProgress/annularComp.vue b/src/components/annularProgress/annularComp.vue
index 9ebb040..d35776a 100644
--- a/src/components/annularProgress/annularComp.vue
+++ b/src/components/annularProgress/annularComp.vue
@@ -18,7 +18,8 @@
名称:{{data.name}}
- 在线设备数:{{value.online}}
+ 在线设备数:{{value.online}}
+
@@ -87,18 +88,21 @@
console.log('refreshValue')
// const val = this.value
if (val) {
- const online = Math.round(val.online / val.total * 100) // 求在线率
- this.data.online = online
- this.data.leave = 100 - online
+ // const rate = Math.round(val.online / val.total * 100) // 求在线率
+ const rate = Math.trunc((val.online / val.total) * 100) // 求在线率
+ console.log('refreshValue计算', val.online, val.total, Math.trunc(val.online / val.total))
+ this.data.online = rate
+ this.data.leave = 100 - rate
this.data.color = val.color[0]
this.data.name = val.name
this.data.echartData = {
id: val.id,
width: 0,
height: 0,
- percent: online,
+ percent: rate,
color: val.color
}
+ console.log('refreshValue计算', this.data, rate)
}
}
}
@@ -131,7 +135,7 @@
-webkit-transform: scale(.5);
b{
font-weight: bold;
- font-size: .1rem
+ font-size: 0.09rem
}
}
}
diff --git a/src/views/cityConstruction/components/iot/components/deviceOnline.vue b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
index 186729d..a8f7650 100644
--- a/src/views/cityConstruction/components/iot/components/deviceOnline.vue
+++ b/src/views/cityConstruction/components/iot/components/deviceOnline.vue
@@ -25,48 +25,48 @@
return {
isShow: false,
data: [
- {
- 'name': '井盖状态监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '液位监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '燃气智能终端',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '有害气体监测仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '噪声记录仪',
- 'total': 0,
- 'online': 0,
- 'color': ['#fc5e5f', '#f90006']
- },
- {
- 'name': '摄像头',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- },
- {
- 'name': '路灯控制器',
- 'total': 0,
- 'online': 0,
- 'color': ['#39edfb', '#19ddff']
- }
+ // {
+ // 'name': '井盖状态监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '液位监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '燃气智能终端',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '有害气体监测仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '噪声记录仪',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#fc5e5f', '#f90006']
+ // },
+ // {
+ // 'name': '摄像头',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // },
+ // {
+ // 'name': '路灯控制器',
+ // 'total': 0,
+ // 'online': 0,
+ // 'color': ['#39edfb', '#19ddff']
+ // }
]
}
},
diff --git a/src/views/cityConstruction/components/plan/components/landUse.vue b/src/views/cityConstruction/components/plan/components/landUse.vue
index 2e12697..934d23e 100644
--- a/src/views/cityConstruction/components/plan/components/landUse.vue
+++ b/src/views/cityConstruction/components/plan/components/landUse.vue
@@ -30,6 +30,10 @@
+
+ 居住
+ 公共
+
+
+ 交通指数
+ 违法指数
+
@@ -125,7 +129,7 @@
}
},
created () {
- this.compChange()
+ // this.compChange()
this.getData()
},
methods: {
diff --git a/src/views/mapViews/mars3dMap.vue b/src/views/mapViews/mars3dMap.vue
index 990d9d4..25c2bf5 100644
--- a/src/views/mapViews/mars3dMap.vue
+++ b/src/views/mapViews/mars3dMap.vue
@@ -87,6 +87,7 @@
import gridPopulation from './components/population/gridPopulation.vue'
import buildingPopulation from './components/population/buildingPopulation.vue'
import { formatDateDefault } from '../../utils'
+import mapKey from '../../../static/map.json'
// 导入必须的样式表
var Cesium = require('../../../node_modules/cesium/Source/Cesium')
export default {
@@ -94,7 +95,7 @@
components: {MapFrame, Button2, Button3, buildingPopulation, communityInfo, areaPopulation, gridPopulation},
data () {
return {
- mapType: 'vec',
+ mapType: 'img',
top: '250px',
showFrame: false,
showCommunityInfo: false,
@@ -191,7 +192,7 @@
children: [
{index: '21', name: '智慧管网', children: ['电子标识器', '液位监测仪', '消防栓防盗水监测仪', '有害气体监测仪', '井盖状态监测仪', '噪声记录仪', '燃气智能监测终端', '数据集中器']},
{index: '26', name: '智慧城管', children: []},
- {index: '22', name: '智慧工地', children: []},
+ {index: '22', name: '环境监测', children: []},
{index: '23', name: '一卡通', children: []},
{index: '25', name: '智慧园林', children: ['温湿度传感器', '水位检测器', 'PM2.5/PM10传感器']}
],
@@ -317,10 +318,19 @@
this.labelsRight[i].layersShowRight[j] = false
}
}
+
if (value.index === '05') { // 车辆
+ this.showCommunityInfo = false
+ this.showAreaPopulation = false
+ this.showGridPopulation = false
+ this.showBuildingPopulation = false
// 获取车辆并且渲染
this.drawCar()
} else if (value.index === '03') { // 事件监测
+ this.showCommunityInfo = false
+ this.showAreaPopulation = false
+ this.showGridPopulation = false
+ this.showBuildingPopulation = false
this.layers.feature.clear()
this.layers.polygon.clear()
this.singleSearch('事件监测', 'eventMonitor', '2V026Q9MNX', require('@/assets/images/icon-event.png'),
@@ -463,7 +473,7 @@
id: 'arcgis_labels',
name: '天地图注记',
type: 'xyz',
- url: 'https://t{s}.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=216ee92889e17ab1b083fae665d522b8',
+ url: `https://t{s}.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=${mapKey.tdtKey}`,
subdomains: '01234567',
crs: 'wgs84',
zIndex: 30,
@@ -473,7 +483,7 @@
}
// 创建三维地球场景
var map = new mars3d.Map('mars3dContainer', mapOptions)
- map.basemap = 'vec' // 默认加载地图
+ map.basemap = 'img' // 默认加载地图
map.scene.screenSpaceCameraController.enableCollisionDetection = false
// 设置鼠标
map.scene.screenSpaceCameraController.tiltEventTypes = [ Cesium.CameraEventType.RIGHT_DRAG ]
@@ -655,7 +665,7 @@
[ {name: '路灯编号', value: 'YSMC'}, {name: '设备地点', value: 'S_DZQC'} ], false)
} else if (value.index === '22') {
this.singleSearch('环境监测', 'B-ZH-0706', 'JFK37I1F45', require('@/assets/images/icon-camera-blu.png'),
- [ {name: '设备名称', value: 'YSMC'}, {name: '设备地点', value: 'S_DZQC'} ], false)
+ [ {name: '名称', value: 'YSMC'}, {name: '地点', value: 'S_DZQC'}, {name: '状态', value: 'BJZT'} ], false)
} else if (value === '城管执法事件') {
this.singleSearch(value, 'B-ZH-0402', '4X137UY07J', require('@/assets/images/icon-camera-blu.png'),
[ {name: '案件名称', value: 'YSMC'}, {name: '案件分类', value: 'XXDLXMC'}, {name: '案件详情', value: 'S_DZQC'} ], false)
@@ -729,7 +739,7 @@
this.showBuildingPopulation = true
this.$refs.buildingPopulationRef.initData()
} else if (value.index === 'new06') { // 城市交通-拥堵点
- this.singleSearch('拥堵点分布', '/traffic/jam', '05VA87X3PX', require('@/assets/images/icon-jam.png'),
+ this.singleSearch('拥堵点分布', '/traffic/jam', '05VA87X3PX', require('@/assets/images/icon-camera-red.png'),
[
{name: '名称', value: 'name'},
{name: '拥堵高发时段', value: 'congestion_period'},
@@ -750,7 +760,7 @@
{name: '地址', value: 'location'}
], false, true)
} else if (value.index === 'new08') { // 城市交通-高发事故点
- this.singleSearch('高发事故点分布', '/traffic/eventHigh', '05VA87X3PX', require('@/assets/images/icon-accident.png'),
+ this.singleSearch('高发事故点分布', '/traffic/eventHigh', '05VA87X3PX', require('@/assets/images/icon-camera-red.png'),
[
{name: '名称', value: 'name'},
{name: '事故类型', value: 'accident_type'},
@@ -891,7 +901,7 @@
let graphic = new mars3d.graphic.PolygonEntity({
positions: items,
style: {
- color: '#bebebe',
+ color: '#33c481',
opacity: 0.5,
outline: true,
outlineWidth: 2,
@@ -912,7 +922,7 @@
let graphic = new mars3d.graphic.PolygonEntity({
positions: items,
style: {
- color: '#bebebe',
+ color: '#33c481',
opacity: 0.5,
outline: true,
outlineWidth: 2,
diff --git a/src/views/socialLive/socialLivelihoodRight.vue b/src/views/socialLive/socialLivelihoodRight.vue
index e74e6ad..34b4fa1 100644
--- a/src/views/socialLive/socialLivelihoodRight.vue
+++ b/src/views/socialLive/socialLivelihoodRight.vue
@@ -35,7 +35,7 @@
-
+
教育
医疗
diff --git a/static/map.json b/static/map.json
new file mode 100644
index 0000000..32d5ca1
--- /dev/null
+++ b/static/map.json
@@ -0,0 +1,4 @@
+{
+ "tdtKey": "42294073fb00551b34840b539e7fa50c",
+ "keyBak": "216ee92889e17ab1b083fae665d522b8"
+}
diff --git a/static/plan.json b/static/plan.json
index 447d136..a02d323 100644
--- a/static/plan.json
+++ b/static/plan.json
@@ -122,8 +122,8 @@
{
"name": "液位监测仪",
"total": 320,
- "online": 320,
- "error": 0,
+ "online": 319,
+ "error": 1,
"color": ["#fc5e5f", "#f90006"]
},
{
@@ -143,8 +143,8 @@
{
"name": "噪声记录仪",
"total": 408,
- "online": 408,
- "error": 0,
+ "online": 406,
+ "error": 2,
"color": ["#fc5e5f", "#f90006"]
},
{