|
@@ -12,6 +12,7 @@
|
|
end-placeholder="结束日期"
|
|
end-placeholder="结束日期"
|
|
:default-time="['00:00:00', '23:45:00']"
|
|
:default-time="['00:00:00', '23:45:00']"
|
|
popper-class="cpp-popper"
|
|
popper-class="cpp-popper"
|
|
|
|
+ :picker-options="pickerOptions"
|
|
/>
|
|
/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="场站名称">
|
|
<el-form-item label="场站名称">
|
|
@@ -56,7 +57,7 @@
|
|
style="color: #FF0000">{{ this.forecastTypeInfo }}</span>]-[预测<span
|
|
style="color: #FF0000">{{ this.forecastTypeInfo }}</span>]-[预测<span
|
|
style="color: #FF0000">{{ this.forecastTypeInfo == '短期' ? 'D+' : 'T+' }}{{ this.agoInfo }}</span>]-结果统计
|
|
style="color: #FF0000">{{ this.forecastTypeInfo == '短期' ? 'D+' : 'T+' }}{{ this.agoInfo }}</span>]-结果统计
|
|
</div>
|
|
</div>
|
|
- <el-row :gutter="20">
|
|
|
|
|
|
+ <el-row :gutter="20" style="">
|
|
<el-col :span="8">
|
|
<el-col :span="8">
|
|
<vxe-table
|
|
<vxe-table
|
|
align="center"
|
|
align="center"
|
|
@@ -67,7 +68,7 @@
|
|
resizable
|
|
resizable
|
|
highlight-current-row
|
|
highlight-current-row
|
|
show-overflow
|
|
show-overflow
|
|
- height="790"
|
|
|
|
|
|
+ height="700"
|
|
:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
|
|
:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
|
|
:cell-class-name="cellClassName"
|
|
:cell-class-name="cellClassName"
|
|
>
|
|
>
|
|
@@ -92,12 +93,12 @@
|
|
</vxe-pager>
|
|
</vxe-pager>
|
|
|
|
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="16">
|
|
|
|
|
|
+ <el-col :span="16" style="margin-top: -47px">
|
|
<el-row>
|
|
<el-row>
|
|
- <div style="float:left;width: 100%;height: 413px" id="zqlCharts"></div>
|
|
|
|
|
|
+ <div style="float:left;width: 100%;height: 410px" id="zqlCharts"></div>
|
|
</el-row>
|
|
</el-row>
|
|
<el-row>
|
|
<el-row>
|
|
- <div style="float:left;width: 100%;height: 413px" id="pcCharts"></div>
|
|
|
|
|
|
+ <div style="float:left;width: 100%;height: 410px" id="pcCharts"></div>
|
|
|
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
@@ -132,7 +133,7 @@ export default {
|
|
pcChart: null,
|
|
pcChart: null,
|
|
zqlChart: null,
|
|
zqlChart: null,
|
|
activeName: 'first',
|
|
activeName: 'first',
|
|
- dateTime: [new Date(new Date().toLocaleDateString()).getTime() - 10 * 60 * 60 * 24 * 1000, new Date(new Date().toLocaleDateString()).getTime()],
|
|
|
|
|
|
+ dateTime: [new Date(new Date().toLocaleDateString()).getTime() - 15 * 60 * 60 * 24 * 1000, new Date(new Date().toLocaleDateString()).getTime() - 60 * 60 * 24 * 1000],
|
|
total: 0,
|
|
total: 0,
|
|
sortOrder: 'asc',
|
|
sortOrder: 'asc',
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
@@ -160,6 +161,11 @@ export default {
|
|
forecastTypeInfo: "",
|
|
forecastTypeInfo: "",
|
|
agoInfo: "",
|
|
agoInfo: "",
|
|
stationCodeInfo: "",
|
|
stationCodeInfo: "",
|
|
|
|
+ pickerOptions: {
|
|
|
|
+ disabledDate: (time) => {
|
|
|
|
+ return time.getTime() > new Date(new Date().toLocaleDateString()).getTime() -1
|
|
|
|
+ }
|
|
|
|
+ },
|
|
}
|
|
}
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -220,8 +226,8 @@ export default {
|
|
this.$message.warning("开始时间不能大于结束时间")
|
|
this.$message.warning("开始时间不能大于结束时间")
|
|
return
|
|
return
|
|
}
|
|
}
|
|
- if (endTime - startTime > 60 * 60 * 24 * 1000 * 15) {
|
|
|
|
- this.$message.warning("查询数据不能超过15天!")
|
|
|
|
|
|
+ if (endTime - startTime > 60 * 60 * 24 * 1000 * 30) {
|
|
|
|
+ this.$message.warning("查询数据不能超过30天!")
|
|
return
|
|
return
|
|
}
|
|
}
|
|
let queryParams = {
|
|
let queryParams = {
|
|
@@ -233,10 +239,8 @@ export default {
|
|
"forecastModel": '',
|
|
"forecastModel": '',
|
|
"ago": this.ago
|
|
"ago": this.ago
|
|
}
|
|
}
|
|
-
|
|
|
|
this.loading = true
|
|
this.loading = true
|
|
this.$axios.get('/accuracyPassRate/getByTimeBetweenAndForecastTypeAndDataSourcesAndForecastModelAndStationCode', {params: queryParams}).then(response => {
|
|
this.$axios.get('/accuracyPassRate/getByTimeBetweenAndForecastTypeAndDataSourcesAndForecastModelAndStationCode', {params: queryParams}).then(response => {
|
|
-
|
|
|
|
this.agoInfo = this.points().filter(s => s.value == this.ago)[0].label
|
|
this.agoInfo = this.points().filter(s => s.value == this.ago)[0].label
|
|
this.forecastTypeInfo = this.forecastTypeList.filter(s => s.value == this.forecastType)[0].label
|
|
this.forecastTypeInfo = this.forecastTypeList.filter(s => s.value == this.forecastType)[0].label
|
|
this.stationCodeInfo = this.stationList.filter(s => s.value == this.stationCode)[0].label
|
|
this.stationCodeInfo = this.stationList.filter(s => s.value == this.stationCode)[0].label
|
|
@@ -246,13 +250,12 @@ export default {
|
|
let times = []
|
|
let times = []
|
|
let pcDatas = []
|
|
let pcDatas = []
|
|
let zqlDatas = []
|
|
let zqlDatas = []
|
|
-
|
|
|
|
|
|
+ console.log(this.tableData)
|
|
this.tableData.forEach(t => {
|
|
this.tableData.forEach(t => {
|
|
times.push(t.time)
|
|
times.push(t.time)
|
|
zqlDatas.push(t.accuracy.replace("%", ""))
|
|
zqlDatas.push(t.accuracy.replace("%", ""))
|
|
- pcDatas.push(t.deviationSum.replace("%", ""))
|
|
|
|
|
|
+ pcDatas.push(t.deviationSum == null ? "" : t.deviationSum.replace("%", ""))
|
|
})
|
|
})
|
|
-
|
|
|
|
this.pcDraw(times, pcDatas)
|
|
this.pcDraw(times, pcDatas)
|
|
this.zqlDraw(times, zqlDatas)
|
|
this.zqlDraw(times, zqlDatas)
|
|
this.loading = false
|
|
this.loading = false
|
|
@@ -322,8 +325,8 @@ export default {
|
|
}],
|
|
}],
|
|
grid: {
|
|
grid: {
|
|
top: 100,
|
|
top: 100,
|
|
- left: '2%',
|
|
|
|
- right: '2%',
|
|
|
|
|
|
+ left: '3%',
|
|
|
|
+ right: '3%',
|
|
bottom: '10%',
|
|
bottom: '10%',
|
|
containLabel: true
|
|
containLabel: true
|
|
},
|
|
},
|
|
@@ -466,8 +469,8 @@ export default {
|
|
}],
|
|
}],
|
|
grid: {
|
|
grid: {
|
|
top: 100,
|
|
top: 100,
|
|
- left: '2%',
|
|
|
|
- right: '2%',
|
|
|
|
|
|
+ left: '3%',
|
|
|
|
+ right: '3%',
|
|
bottom: '10%',
|
|
bottom: '10%',
|
|
containLabel: true
|
|
containLabel: true
|
|
},
|
|
},
|