|
@ -16,7 +16,7 @@ |
|
|
v-model="dateArr" |
|
|
v-model="dateArr" |
|
|
type="daterange" |
|
|
type="daterange" |
|
|
range-separator="至" |
|
|
range-separator="至" |
|
|
value-format="yyyy-MM-dd" |
|
|
value-format="YYYY-MM-DD" |
|
|
start-placeholder="开始日期" |
|
|
start-placeholder="开始日期" |
|
|
end-placeholder="结束日期" |
|
|
end-placeholder="结束日期" |
|
|
> |
|
|
> |
|
@ -85,7 +85,7 @@ const props = defineProps({ |
|
|
const cascaderOptions = ref([]); |
|
|
const cascaderOptions = ref([]); |
|
|
const showType = ref("1"); |
|
|
const showType = ref("1"); |
|
|
const cascaderArr = ref([]); |
|
|
const cascaderArr = ref([]); |
|
|
const dataArr = ref([]); |
|
|
const dateArr = ref([]); |
|
|
const cascaderProps = { |
|
|
const cascaderProps = { |
|
|
expandTrigger: "hover", |
|
|
expandTrigger: "hover", |
|
|
label: "stnm", |
|
|
label: "stnm", |
|
@ -119,11 +119,10 @@ const echartsRef4 = ref(); |
|
|
function getData() { |
|
|
function getData() { |
|
|
switch (showType.value) { |
|
|
switch (showType.value) { |
|
|
case "1": |
|
|
case "1": |
|
|
console.log("dataArr.value >> ", dataArr.value); |
|
|
|
|
|
// 处理获取指标数据 |
|
|
// 处理获取指标数据 |
|
|
getReservoirMonitorIndexData({ |
|
|
getReservoirMonitorIndexData({ |
|
|
startTime: dataArr.value ? dataArr.value[0] + " 00:00:00" : "", |
|
|
startTime: dateArr.value?.length ? dateArr.value[0] + " 00:00:00" : "", |
|
|
endTime: dataArr.value ? dataArr.value[1] + " 23:59:59" : "", |
|
|
endTime: dateArr.value?.length ? dateArr.value[1] + " 23:59:59" : "", |
|
|
group: "SK", |
|
|
group: "SK", |
|
|
resCode: props.resCode, |
|
|
resCode: props.resCode, |
|
|
stcd: cascaderArr.value[0] || "", |
|
|
stcd: cascaderArr.value[0] || "", |
|
@ -255,8 +254,8 @@ function initLineOptions(data: any) { |
|
|
function getEchartsData() { |
|
|
function getEchartsData() { |
|
|
// 水库基本情况 |
|
|
// 水库基本情况 |
|
|
getReservoirCZMonitorEchartsData({ |
|
|
getReservoirCZMonitorEchartsData({ |
|
|
startTime: dataArr.value ? dataArr.value[0] + " 00:00:00" : "", |
|
|
startTime: dateArr.value?.length ? dateArr.value[0] + " 00:00:00" : "", |
|
|
endTime: dataArr.value ? dataArr.value[1] + " 23:59:59" : "", |
|
|
endTime: dateArr.value?.length ? dateArr.value[1] + " 23:59:59" : "", |
|
|
resCode: props.resCode, |
|
|
resCode: props.resCode, |
|
|
stcd: cascaderArr.value[0] || "", |
|
|
stcd: cascaderArr.value[0] || "", |
|
|
mpcd: cascaderArr.value[1] || "", |
|
|
mpcd: cascaderArr.value[1] || "", |
|
@ -268,8 +267,8 @@ function getEchartsData() { |
|
|
}); |
|
|
}); |
|
|
// 环境情况 |
|
|
// 环境情况 |
|
|
getReservoirCZMonitorEchartsData({ |
|
|
getReservoirCZMonitorEchartsData({ |
|
|
startTime: dataArr.value ? dataArr.value[0] + " 00:00:00" : "", |
|
|
startTime: dateArr.value?.length ? dateArr.value[0] + " 00:00:00" : "", |
|
|
endTime: dataArr.value ? dataArr.value[1] + " 23:59:59" : "", |
|
|
endTime: dateArr.value?.length ? dateArr.value[1] + " 23:59:59" : "", |
|
|
resCode: props.resCode, |
|
|
resCode: props.resCode, |
|
|
stcd: cascaderArr.value[0] || "", |
|
|
stcd: cascaderArr.value[0] || "", |
|
|
elementType: "ENV", |
|
|
elementType: "ENV", |
|
@ -280,8 +279,8 @@ function getEchartsData() { |
|
|
}); |
|
|
}); |
|
|
// 应变应力 |
|
|
// 应变应力 |
|
|
getReservoirCZMonitorEchartsData({ |
|
|
getReservoirCZMonitorEchartsData({ |
|
|
startTime: dataArr.value ? dataArr.value[0] + " 00:00:00" : "", |
|
|
startTime: dateArr.value?.length ? dateArr.value[0] + " 00:00:00" : "", |
|
|
endTime: dataArr.value ? dataArr.value[1] + " 23:59:59" : "", |
|
|
endTime: dateArr.value?.length ? dateArr.value[1] + " 23:59:59" : "", |
|
|
resCode: props.resCode, |
|
|
resCode: props.resCode, |
|
|
mpcd: cascaderArr.value[1] || "", |
|
|
mpcd: cascaderArr.value[1] || "", |
|
|
elementType: "C_STRESS", |
|
|
elementType: "C_STRESS", |
|
@ -322,6 +321,9 @@ onMounted(() => { |
|
|
height: 32px !important; |
|
|
height: 32px !important; |
|
|
line-height: 32px !important; |
|
|
line-height: 32px !important; |
|
|
} |
|
|
} |
|
|
|
|
|
:deep(.sy-range-editor--small) .sy-range-input { |
|
|
|
|
|
color: rgba(0, 0, 0, 0.9) !important; |
|
|
|
|
|
} |
|
|
.search-box { |
|
|
.search-box { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|