|
@ -9,9 +9,14 @@ |
|
|
range-separator="至" |
|
|
range-separator="至" |
|
|
start-placeholder="开始日期" |
|
|
start-placeholder="开始日期" |
|
|
end-placeholder="结束日期" |
|
|
end-placeholder="结束日期" |
|
|
value-format="yyyy-MM-dd" |
|
|
value-format="YYYY-MM-DD" |
|
|
></el-date-picker> |
|
|
></el-date-picker> |
|
|
<el-button class="search-btn !ml-12" type="primary" @click="handleSearch()">查询</el-button> |
|
|
<el-button |
|
|
|
|
|
class="search-btn !ml-12" |
|
|
|
|
|
type="primary" |
|
|
|
|
|
@click="handleSearch()" |
|
|
|
|
|
>查询</el-button |
|
|
|
|
|
> |
|
|
<el-button @click="resetSearch()">重置</el-button> |
|
|
<el-button @click="resetSearch()">重置</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -46,8 +51,14 @@ |
|
|
<div class="echarts-box-list"> |
|
|
<div class="echarts-box-list"> |
|
|
<div class="title">缺陷问题等级分析</div> |
|
|
<div class="title">缺陷问题等级分析</div> |
|
|
<div class="flex"> |
|
|
<div class="flex"> |
|
|
<div class="echarts-box echarts-box-left" ref="flawProblemPieRef"></div> |
|
|
<div |
|
|
<div class="echarts-box echarts-box-right" ref="flawProblemBarRef"></div> |
|
|
class="echarts-box echarts-box-left" |
|
|
|
|
|
ref="flawProblemPieRef" |
|
|
|
|
|
></div> |
|
|
|
|
|
<div |
|
|
|
|
|
class="echarts-box echarts-box-right" |
|
|
|
|
|
ref="flawProblemBarRef" |
|
|
|
|
|
></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -55,7 +66,10 @@ |
|
|
<div class="title">缺陷养护对比分析</div> |
|
|
<div class="title">缺陷养护对比分析</div> |
|
|
<div class="flex"> |
|
|
<div class="flex"> |
|
|
<div class="echarts-box echarts-box-left" ref="yhComparePieRef"></div> |
|
|
<div class="echarts-box echarts-box-left" ref="yhComparePieRef"></div> |
|
|
<div class="echarts-box echarts-box-right" ref="yhCompareBarRef"></div> |
|
|
<div |
|
|
|
|
|
class="echarts-box echarts-box-right" |
|
|
|
|
|
ref="yhCompareBarRef" |
|
|
|
|
|
></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -65,7 +79,11 @@ |
|
|
import { ref, onMounted, nextTick, onBeforeUnmount } from "vue"; |
|
|
import { ref, onMounted, nextTick, onBeforeUnmount } from "vue"; |
|
|
import * as echarts from "echarts"; |
|
|
import * as echarts from "echarts"; |
|
|
import { getV2PatrolStatisticChart } from "@/api/dike"; |
|
|
import { getV2PatrolStatisticChart } from "@/api/dike"; |
|
|
import { initCommonBarLineOptions, initCommonPieRingOptions, initCommonAngleAxisOptions } from "@/utils/echartsUtils"; |
|
|
import { |
|
|
|
|
|
initCommonBarLineOptions, |
|
|
|
|
|
initCommonPieRingOptions, |
|
|
|
|
|
initCommonAngleAxisOptions, |
|
|
|
|
|
} from "@/utils/echartsUtils"; |
|
|
|
|
|
|
|
|
const props = defineProps({ |
|
|
const props = defineProps({ |
|
|
resCode: { |
|
|
resCode: { |
|
@ -96,8 +114,12 @@ function requestFunc(data: any) { |
|
|
const { group } = data; |
|
|
const { group } = data; |
|
|
return getV2PatrolStatisticChart({ |
|
|
return getV2PatrolStatisticChart({ |
|
|
group, |
|
|
group, |
|
|
startTime: paramsData.value.timeRange[0] ? paramsData.value.timeRange[0] + " 00:00:00" : null, |
|
|
startTime: paramsData.value.timeRange[0] |
|
|
endTime: paramsData.value.timeRange[1] ? paramsData.value.timeRange[1] + " 23:59:59" : null, |
|
|
? paramsData.value.timeRange[0] + " 00:00:00" |
|
|
|
|
|
: null, |
|
|
|
|
|
endTime: paramsData.value.timeRange[1] |
|
|
|
|
|
? paramsData.value.timeRange[1] + " 23:59:59" |
|
|
|
|
|
: null, |
|
|
adcd: paramsData.value.adcd, |
|
|
adcd: paramsData.value.adcd, |
|
|
code: props.resCode, |
|
|
code: props.resCode, |
|
|
}); |
|
|
}); |
|
@ -126,7 +148,7 @@ function getTableData() { |
|
|
seriesOptions: { |
|
|
seriesOptions: { |
|
|
barWidth: 20, |
|
|
barWidth: 20, |
|
|
}, |
|
|
}, |
|
|
}), |
|
|
}) |
|
|
); |
|
|
); |
|
|
// 饼状图 |
|
|
// 饼状图 |
|
|
flawProblemPie.value?.dispose(); |
|
|
flawProblemPie.value?.dispose(); |
|
@ -209,7 +231,7 @@ function getTableData() { |
|
|
}, |
|
|
}, |
|
|
], |
|
|
], |
|
|
seriesOptions: {}, |
|
|
seriesOptions: {}, |
|
|
}), |
|
|
}) |
|
|
); |
|
|
); |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
@ -219,7 +241,9 @@ function getTableData() { |
|
|
if (res) { |
|
|
if (res) { |
|
|
if (res.yaxis?.length) { |
|
|
if (res.yaxis?.length) { |
|
|
yhSum.value = Number( |
|
|
yhSum.value = Number( |
|
|
res.yaxis.flatMap((v: any) => v.series)?.find((v: any) => v.code === "DF_BD_YH_SUM")?.sum ?? null, |
|
|
res.yaxis |
|
|
|
|
|
.flatMap((v: any) => v.series) |
|
|
|
|
|
?.find((v: any) => v.code === "DF_BD_YH_SUM")?.sum ?? null |
|
|
); |
|
|
); |
|
|
} |
|
|
} |
|
|
nextTick(() => { |
|
|
nextTick(() => { |
|
@ -234,7 +258,7 @@ function getTableData() { |
|
|
seriesOptions: { |
|
|
seriesOptions: { |
|
|
barWidth: 20, |
|
|
barWidth: 20, |
|
|
}, |
|
|
}, |
|
|
}), |
|
|
}) |
|
|
); |
|
|
); |
|
|
// 饼状图 |
|
|
// 饼状图 |
|
|
yhComparePie.value?.dispose(); |
|
|
yhComparePie.value?.dispose(); |
|
@ -347,12 +371,18 @@ onBeforeUnmount(() => { |
|
|
border-radius: 10px; |
|
|
border-radius: 10px; |
|
|
position: relative; |
|
|
position: relative; |
|
|
padding: 16px 24px; |
|
|
padding: 16px 24px; |
|
|
background: linear-gradient(180deg, #eafffc 0%, rgba(222, 255, 250, 0) 100%), #ffffff; |
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
#eafffc 0%, |
|
|
|
|
|
rgba(222, 255, 250, 0) 100% |
|
|
|
|
|
), |
|
|
|
|
|
#ffffff; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
&::after { |
|
|
&::after { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
content: ""; |
|
|
content: ""; |
|
|
background: url("@/assets/img/icon-attr-bg.png") no-repeat center center; |
|
|
background: url("@/assets/img/icon-attr-bg.png") no-repeat center |
|
|
|
|
|
center; |
|
|
width: 64px; |
|
|
width: 64px; |
|
|
height: 64px; |
|
|
height: 64px; |
|
|
right: -12px; |
|
|
right: -12px; |
|
|