|
@@ -2,10 +2,10 @@
|
|
|
<div class="wdRosePage">
|
|
|
<div style="height: 2220px">
|
|
|
<h3>2.3.5 主风向分析</h3>
|
|
|
- <div><span class="text">{{ windTowerInfo.name }}测风设备实测数据风向和分布如下图所示。各层风向占比趋于一致,主导风向为{{ wdRoseInfo.wd }}方向。</span>
|
|
|
+ <div><span class="text">{{ windTowerInfo.name }}测风设备实测数据风向和分布如下图所示</span>
|
|
|
</div>
|
|
|
- <div class="wdRose">
|
|
|
- <div v-for="(item,index) of wdRoseInfo.data" class="wdRoseBox">
|
|
|
+ <div class="wdRose" v-if="wdRoseInfo.length>0">
|
|
|
+ <div v-for="(item,index) of wdRoseInfo" class="wdRoseBox">
|
|
|
<div :id="'wdItem'+index" style="width:100%;height: 250px;"/>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -16,7 +16,7 @@
|
|
|
border
|
|
|
:header-row-style="{color: '#000'}"
|
|
|
class="pdfTable">
|
|
|
- <el-table-column prop="height" align="center" label="高度"></el-table-column>
|
|
|
+ <el-table-column prop="height" align="center" label="高度" width="65px"></el-table-column>
|
|
|
<el-table-column prop="N" align="center" label="N"></el-table-column>
|
|
|
<el-table-column prop="NNW" align="center" label="NNW"></el-table-column>
|
|
|
<el-table-column prop="NW" align="center" label="NW"></el-table-column>
|
|
@@ -50,7 +50,7 @@
|
|
|
border
|
|
|
:header-row-style="{color: '#000'}"
|
|
|
class="pdfTable">
|
|
|
- <el-table-column prop="height" align="center" label="高度"></el-table-column>
|
|
|
+ <el-table-column prop="height" align="center" label="高度" width="65px"></el-table-column>
|
|
|
<el-table-column prop="N" align="center" label="N"></el-table-column>
|
|
|
<el-table-column prop="NNW" align="center" label="NNW"></el-table-column>
|
|
|
<el-table-column prop="NW" align="center" label="NW"></el-table-column>
|
|
@@ -76,64 +76,94 @@
|
|
|
<script>
|
|
|
export default {
|
|
|
name: "wdRose",
|
|
|
- props: {info: Object},
|
|
|
+ props: {info: Object,pData: Array},
|
|
|
watch: {
|
|
|
info: {
|
|
|
immediate: true,
|
|
|
handler(value) {
|
|
|
this.windTowerInfo = value
|
|
|
}
|
|
|
+ },
|
|
|
+ pData: {
|
|
|
+ immediate: true,
|
|
|
+ handler(value) {
|
|
|
+ // console.log(value)
|
|
|
+ if(value !== undefined || value !== null || value.length>0){
|
|
|
+ let wdRoseInfo = []
|
|
|
+ let powerData = []
|
|
|
+ for(let item of value){
|
|
|
+ wdRoseInfo.push({
|
|
|
+ height:item.height,
|
|
|
+ data:item.wd
|
|
|
+ })
|
|
|
+ powerData.push({
|
|
|
+ height:item.height,
|
|
|
+ data:item.power
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.wdRoseInfo = wdRoseInfo
|
|
|
+ this.powerData = powerData
|
|
|
+ // console.log(this.wdRoseInfo,this.powerData)
|
|
|
+ let _self = this
|
|
|
+ this.$nextTick(()=>{
|
|
|
+ _self.initWdRose()
|
|
|
+ })
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
windTowerInfo: {},
|
|
|
/*风向玫瑰图*/
|
|
|
- wdRoseInfo: {
|
|
|
- wd: '西南',// 主风向
|
|
|
- data: [//玫瑰图数据
|
|
|
- {
|
|
|
- height: '10',
|
|
|
- data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
- }, {
|
|
|
- height: '50',
|
|
|
- data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
- }, {
|
|
|
- height: '80',
|
|
|
- data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
- }, {
|
|
|
- height: '100',
|
|
|
- data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
- },
|
|
|
- ]
|
|
|
- },
|
|
|
+ wdRoseInfo: [
|
|
|
+ // wd: '西南',// 主风向
|
|
|
+ //玫瑰图数据
|
|
|
+ // {
|
|
|
+ // height: '10',
|
|
|
+ // data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // height: '50',
|
|
|
+ // data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
+ // }, {
|
|
|
+ // height: '80',
|
|
|
+ // data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
+ // }, {
|
|
|
+ // height: '100',
|
|
|
+ // data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
+ // }
|
|
|
+ ],
|
|
|
powerData: [//玫瑰图数据
|
|
|
- {
|
|
|
- height: '10',
|
|
|
- data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
- }, {
|
|
|
- height: '50',
|
|
|
- data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
- }, {
|
|
|
- height: '80',
|
|
|
- data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
- }, {
|
|
|
- height: '100',
|
|
|
- data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
- },
|
|
|
+ // {
|
|
|
+ // height: '10',
|
|
|
+ // data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
+ // }, {
|
|
|
+ // height: '50',
|
|
|
+ // data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
+ // }, {
|
|
|
+ // height: '80',
|
|
|
+ // data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
+ // }, {
|
|
|
+ // height: '100',
|
|
|
+ // data: [{"N": 0}, {"NNE": 0.23}, {"NE": 0.93}, {"ENE": 0}, {"E": 0}, {"ESE": 0}, {"SE": 0}, {"SSE": 0.12}, {"S": 6.6}, {"SSW": 9.84}, {"SW": 18.87}, {"WSW": 21.06}, {"W": 6.25}, {"WNW": 3.59}, {"NW": 5.09}, {"NNW": 5.9}]
|
|
|
+ // },
|
|
|
],
|
|
|
wdTable:[],
|
|
|
powerTable:[]
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.initWdRose()
|
|
|
+
|
|
|
},
|
|
|
methods: {
|
|
|
initWdRose() {
|
|
|
let wdTable = []
|
|
|
let powerTable = []
|
|
|
- this.wdRoseInfo.data.forEach((item, index) => {
|
|
|
+ this.wdRoseInfo.forEach((item, index) => {
|
|
|
let data = item.data
|
|
|
let power = []
|
|
|
if (data != null) {
|
|
@@ -144,7 +174,7 @@ export default {
|
|
|
temp.height = item.height
|
|
|
for (let value of data) {
|
|
|
for (let key in value) {
|
|
|
- temp[key] = value[key]
|
|
|
+ temp[key] = value[key]+ '%'
|
|
|
}
|
|
|
}
|
|
|
wdTable.push(temp)
|
|
@@ -161,7 +191,7 @@ export default {
|
|
|
temp.height = item.height
|
|
|
for (let value of data) {
|
|
|
for (let key in value) {
|
|
|
- temp[key] = value[key]
|
|
|
+ temp[key] = value[key] + '%'
|
|
|
}
|
|
|
}
|
|
|
powerTable.push(temp)
|
|
@@ -182,7 +212,7 @@ export default {
|
|
|
shape: 'circle',
|
|
|
center: ['52%', '55%'],
|
|
|
nameGap: 5,
|
|
|
- indicator: [{name: 'N'}, {name: 'NNW'}, {name: 'NW'}, {name: 'WNW'}, {name: 'W'}, {name: 'WSW'}, {name: 'SW'},
|
|
|
+ indicator: [{name: 'N', max: 100}, {name: 'NNW'}, {name: 'NW'}, {name: 'WNW'}, {name: 'W'}, {name: 'WSW'}, {name: 'SW'},
|
|
|
{name: 'SSW'}, {name: 'S'}, {name: 'SSE'}, {name: 'SE'}, {name: 'ESE'}, {name: 'E'}, {name: 'ENE'}, {name: 'NE'}, {name: 'NNE'}],
|
|
|
splitArea: {
|
|
|
areaStyle: {
|
|
@@ -203,7 +233,7 @@ export default {
|
|
|
data: [{value: data,}],
|
|
|
}],
|
|
|
};
|
|
|
- myCharts.setOption(option)
|
|
|
+ myCharts.setOption(option,true)
|
|
|
window.addEventListener('resize', () => {
|
|
|
if (myCharts) {
|
|
|
myCharts.resize()
|
|
@@ -252,7 +282,7 @@ export default {
|
|
|
// coordinateSystem: 'polar'
|
|
|
}],
|
|
|
};
|
|
|
- myCharts.setOption(option)
|
|
|
+ myCharts.setOption(option,true)
|
|
|
// myCharts.dispatchAction({
|
|
|
// type: 'showTip',
|
|
|
// seriesIndex: 0,//第几条series
|
|
@@ -315,4 +345,11 @@ export default {
|
|
|
color: #000000;
|
|
|
font-size: 20px;
|
|
|
}
|
|
|
+.pdfTableDiv /deep/ .el-table .cell{
|
|
|
+ padding-left: 0px;
|
|
|
+ padding-right: 0px;
|
|
|
+}
|
|
|
+.pdfTableDiv /deep/ .el-table--border .el-table__cell:first-child .cell {
|
|
|
+ padding-left: 0px;
|
|
|
+}
|
|
|
</style>
|