|
|
@ -88,71 +88,70 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script setup lang="ts"> |
|
|
|
import { ref, watch } from 'vue'; |
|
|
|
import dayjs from 'dayjs'; |
|
|
|
import { getReservoirCZAlarmPageData } from '@/api/reservoir'; |
|
|
|
import { ref, watch } from "vue"; |
|
|
|
import dayjs from "dayjs"; |
|
|
|
import { getReservoirCZAlarmPageData } from "@/api/reservoir"; |
|
|
|
|
|
|
|
const props = defineProps({ |
|
|
|
resCode: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
} |
|
|
|
default: "", |
|
|
|
}, |
|
|
|
}); |
|
|
|
const dateRange: any = ref('0'); |
|
|
|
const startDate: any = ref(dayjs().subtract(1, 'month').format('YYYY-MM-DD HH:mm:ss')); |
|
|
|
const endDate: any = ref(dayjs().format('YYYY-MM-DD HH:mm:ss')); |
|
|
|
const dateRange: any = ref("0"); |
|
|
|
const startDate: any = ref(dayjs().subtract(1, "month").format("YYYY-MM-DD HH:mm:ss")); |
|
|
|
const endDate: any = ref(dayjs().format("YYYY-MM-DD HH:mm:ss")); |
|
|
|
const tableData: any = ref([]); |
|
|
|
const paramsData: any = ref({ |
|
|
|
pageSize: 10, |
|
|
|
pageNum: 1, |
|
|
|
total: 0 |
|
|
|
total: 0, |
|
|
|
}); |
|
|
|
const emit = defineEmits(['node-click']); |
|
|
|
watch( |
|
|
|
() => props.resCode, |
|
|
|
(val) => { |
|
|
|
getTableData(val); |
|
|
|
}, |
|
|
|
{ immediate: true } |
|
|
|
{ immediate: true }, |
|
|
|
); |
|
|
|
|
|
|
|
// onMounted(() => { |
|
|
|
// getTableData(); |
|
|
|
// }); |
|
|
|
|
|
|
|
function getTableData(code = '') { |
|
|
|
function getTableData(code = "") { |
|
|
|
getReservoirCZAlarmPageData({ |
|
|
|
startDate: startDate.value + ' 00:00:00', |
|
|
|
endDate: endDate.value + ' 23:59:59', |
|
|
|
startDate: startDate.value + " 00:00:00", |
|
|
|
endDate: endDate.value + " 23:59:59", |
|
|
|
pageSize: paramsData.value.pageSize, |
|
|
|
pageNum: paramsData.value.pageNum |
|
|
|
pageNum: paramsData.value.pageNum, |
|
|
|
}).then((res: any) => { |
|
|
|
console.log('res >>>>> ', res); |
|
|
|
console.log("res >>>>> ", res); |
|
|
|
tableData.value = res.records || []; |
|
|
|
paramsData.value.total = res.total; |
|
|
|
}); |
|
|
|
} |
|
|
|
function handleChangeDate(value: any) { |
|
|
|
switch (value) { |
|
|
|
case '0': |
|
|
|
startDate.value = dayjs().subtract(1, 'month').format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
endDate.value = dayjs().format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
case "0": |
|
|
|
startDate.value = dayjs().subtract(1, "month").format("YYYY-MM-DD HH:mm:ss"); |
|
|
|
endDate.value = dayjs().format("YYYY-MM-DD HH:mm:ss"); |
|
|
|
break; |
|
|
|
case '1': |
|
|
|
startDate.value = dayjs().subtract(1, 'day').format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
endDate.value = dayjs().format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
case "1": |
|
|
|
startDate.value = dayjs().subtract(1, "day").format("YYYY-MM-DD HH:mm:ss"); |
|
|
|
endDate.value = dayjs().format("YYYY-MM-DD HH:mm:ss"); |
|
|
|
break; |
|
|
|
case '2': |
|
|
|
startDate.value = dayjs().subtract(7, 'day').format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
endDate.value = dayjs().format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
case "2": |
|
|
|
startDate.value = dayjs().subtract(7, "day").format("YYYY-MM-DD HH:mm:ss"); |
|
|
|
endDate.value = dayjs().format("YYYY-MM-DD HH:mm:ss"); |
|
|
|
break; |
|
|
|
case '3': |
|
|
|
startDate.value = dayjs().subtract(3, 'month').format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
endDate.value = dayjs().format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
case "3": |
|
|
|
startDate.value = dayjs().subtract(3, "month").format("YYYY-MM-DD HH:mm:ss"); |
|
|
|
endDate.value = dayjs().format("YYYY-MM-DD HH:mm:ss"); |
|
|
|
break; |
|
|
|
case '4': |
|
|
|
startDate.value = dayjs().subtract(1, 'year').format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
endDate.value = dayjs().format('YYYY-MM-DD HH:mm:ss'); |
|
|
|
case "4": |
|
|
|
startDate.value = dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss"); |
|
|
|
endDate.value = dayjs().format("YYYY-MM-DD HH:mm:ss"); |
|
|
|
break; |
|
|
|
default: |
|
|
|
break; |
|
|
|