-
-
-
-
![]()
-
-
-
{{ item.value }}
-
{{ item.unit }}
-
-
-
-
-
-
- ![]()
-
-
- {{ item.label }}
-
-
-
- {{ item.value }}
- {{ item.unit }}
-
-
-
+
+
{{item.time}}
+
+ {{item.value}}
+
@@ -44,44 +17,23 @@ export default {
components: { Card },
data() {
return {
- // 左边的列表
- leftList: {
- 'PM2.5': { label: 'PM2.5', value: 68, unit: 'μg/m³', image: require('../assets/images/command-center/icon-pm25.png') },
- 'PM10': { label: 'PM10', value: 36, unit: 'μg/m³', image: require('../assets/images/command-center/icon-pm10.png') },
- '噪音': { label: '噪音', value: 13, unit: '%dB', image: require('../assets/images/command-center/icon-noise.png') }
- },
- // 右边的列表
- rightList: {
- temperature: { label: '温度', value: 22, unit: '℃', image: require('../assets/images/command-center/icon-temperature.png') },
- humidity: { label: '湿度', value: 16, unit: 'RH', image: require('../assets/images/command-center/icon-humidity.png') },
- windSpeed: {
- label: '风速',
- value: 60,
- unit: 'km/h',
- image: require('../assets/images/command-center/icon-windSpeed.png'),
- color: '#f66629',
- valueBackgroundImage: require('../assets/images/command-center/block3.png')
+ list:[
+ {time:'10月14日 11:29',value:'2022年10月13日广州市新冠肺炎疫情情况-广州本地宝',
+ href:'http://gz.bendibao.com/news/20221014/content326288.shtml'
},
- windDirection: {
- label: '风向',
- value: '东南',
- unit: '风',
- image: require('../assets/images/command-center/icon-windDirection.png')
+ {time:'10月14日 09:14',value:'10月13日广州新增本土确诊25例和无症状3例(含12例无症状确诊)',
+ href:'http://gz.bendibao.com/news/20221014/content326265.shtml'
},
- barometricPressure: {
- label: '大气压',
- value: 101,
- unit: 'KPa',
- image: require('../assets/images/command-center/icon-barometricPressure.png')
- }
- }
+ // {time:'10月13日 11:32',value:'2022年10月12日广州市新冠肺炎疫情情况-广州本地宝',
+ // href:'http://gz.bendibao.com/news/20221013/content326216.shtml'
+ // },
+ ]
}
},
created() {
- this.getList()
+
},
methods: {
- getList() {},
}
}
@@ -89,92 +41,59 @@ export default {
diff --git a/src/views/projectAdmin/fourEngin/command/rightTwo.vue b/src/views/projectAdmin/fourEngin/command/rightTwo.vue
index 8c166700..3c5f5fef 100644
--- a/src/views/projectAdmin/fourEngin/command/rightTwo.vue
+++ b/src/views/projectAdmin/fourEngin/command/rightTwo.vue
@@ -48,7 +48,14 @@ export default {
noRectificationNum: undefined, // 未整改数量
totalNum: undefined, // 总数量
},
- list: []
+ list: [
+ {dangerName:'防水'},
+ {dangerName:'门窗'},
+ {dangerName:'钢结构工程'},
+ {dangerName:'建筑装饰装修'},
+ {dangerName:'主体结构'},
+ {dangerName:'建筑电气'},
+ ]
}
},
created() {
@@ -84,7 +91,7 @@ export default {
getList() {
listQualityManagement({ projectSn: this.projectSn }).then(res => {
console.log('质量问题库: ', res);
- this.list = res.result;
+ // this.list = res.result;
})
},
/** 初始化chart */
@@ -92,26 +99,26 @@ export default {
const myChart = echarts.init(this.$refs.chart)
const option = {
- backgroundColor: '#182337',
+ backgroundColor: '#182337', //整个背景图色
tooltip: {
trigger: 'item'
},
title: {
text: '质量问题数',
- left: '48%',
+ left: '40%',
top: '55%',
textAlign: 'center',
textStyle: {
fontSize: '14',
color: '#8f929b',
- fontWeight: '400'
+ fontWeight: '400',
}
},
series: [
{
type: 'pie',
- radius: ['60%', '53%'],
- center: ['50%', '50%'],
+ radius: ['70%', '63%'],
+ center: ['40%', '50%'],
hoverAnimation: false,
label: {
normal: {
@@ -163,8 +170,8 @@ export default {
type: 'pie',
hoverAnimation: false,
legendHoverLink: false,
- radius: ['47%', '45%'],
- center: ['50%', '50%'],
+ radius: ['57%', '55%'],
+ center: ['40%', '50%'],
color: ['#182337', '#60d3d0'],
label: {
normal: {
@@ -210,7 +217,7 @@ export default {
height: 100%;
> .left {
- width: 50%;
+ width: 40%;
height: 100%;
}
diff --git a/yarn.lock b/yarn.lock
index 818d45b0..9bccfa7b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4192,6 +4192,13 @@
"resolved" "https://registry.npmmirror.com/dom-to-image/-/dom-to-image-2.6.0.tgz"
"version" "2.6.0"
+"dom7@^2.1.5":
+ "integrity" "sha512-xnhwVgyOh3eD++/XGtH+5qBwYTgCm0aW91GFgPJ3XG+jlsRLyJivnbP0QmUBFhI+Oaz9FV0s7cxgXHezwOEBYA=="
+ "resolved" "https://registry.npmmirror.com/dom7/-/dom7-2.1.5.tgz"
+ "version" "2.1.5"
+ dependencies:
+ "ssr-window" "^2.0.0"
+
"domain-browser@^1.1.1":
"integrity" "sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA=="
"resolved" "https://registry.npmmirror.com/domain-browser/-/domain-browser-1.2.0.tgz"
@@ -10000,6 +10007,11 @@
"safer-buffer" "^2.0.2"
"tweetnacl" "~0.14.0"
+"ssr-window@^2.0.0":
+ "integrity" "sha512-NXzN+/HPObKAx191H3zKlYomE5WrVIkoCB5IaSdvKokxTpjBdWfr0RaP+1Z5KOfDT0ZVz+2tdtiBkhsEQ9p+0A=="
+ "resolved" "https://registry.npmmirror.com/ssr-window/-/ssr-window-2.0.0.tgz"
+ "version" "2.0.0"
+
"ssri@^6.0.1":
"integrity" "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA=="
"version" "6.0.1"
@@ -10394,6 +10406,14 @@
"unquote" "~1.1.1"
"util.promisify" "~1.0.0"
+"swiper@^5.2.0":
+ "integrity" "sha512-7QjA0XpdOmiMoClfaZ2lYN6ICHcMm72LXiY+NF4fQLFidigameaofvpjEEiTQuw3xm5eksG5hzkaRsjQX57vtA=="
+ "resolved" "https://registry.npmmirror.com/swiper/-/swiper-5.4.5.tgz"
+ "version" "5.4.5"
+ dependencies:
+ "dom7" "^2.1.5"
+ "ssr-window" "^2.0.0"
+
"tapable@^0.2.7":
"integrity" "sha512-2wsvQ+4GwBvLPLWsNfLCDYGsW6xb7aeC6utq2Qh0PFwgEy7K7dsma9Jsmb2zSQj7GvYAyUGSntLtsv++GmgL1A=="
"resolved" "https://registry.npmmirror.com/tapable/-/tapable-0.2.9.tgz"
@@ -10965,6 +10985,11 @@
"resolved" "https://registry.npmmirror.com/vm-browserify/-/vm-browserify-1.1.2.tgz"
"version" "1.1.2"
+"vue-awesome-swiper@4.0":
+ "integrity" "sha512-yzp93S1DBucR16ouzKn7QBQojqGX6yHPEuVIioYp4U4Eyk0rxe0RRVQcUnZXi05bM5MwCvCKXtgaY31N5tTi7g=="
+ "resolved" "https://registry.npmmirror.com/vue-awesome-swiper/-/vue-awesome-swiper-4.0.4.tgz"
+ "version" "4.0.4"
+
"vue-cli-plugin-element@~1.0.1":
"integrity" "sha512-OJSOnJtn7f1v/8xX+MJae+RrE8WguhiiG9QTBx/MNOPXYsxqut6Ommo+ZD3raNc7eryhqdM2T/DlMfdvIKpCtw=="
"resolved" "https://registry.npmmirror.com/vue-cli-plugin-element/-/vue-cli-plugin-element-1.0.1.tgz"
