<template>
<!-- 历史水文 -->
  <div class="lishishuiwenHeHu ">
    <div class="popUpTable h100">

    
<el-table :data="tableData" class=" w100" stripe>
            <el-table-column prop="startTime" label="开始时间">
              <template #default="scope">
                  {{ moment(scope.row.startTime).format("YYYY-MM-DD HH:mm") }}
              </template>
            </el-table-column>
             <el-table-column prop="endTime" label="结束时间">
              <template #default="scope">
                  {{ moment(scope.row.endTime).format("YYYY-MM-DD HH:mm") }}
              </template>
            </el-table-column>
            <el-table-column prop="rainfall" label="累计降雨量(mm)"  />
            <el-table-column prop="jyjb" label="降雨级别" >
              <template #default="scope">
              <div>
                {{ RainfallLevelFun(scope.row.rainfall) }}
              </div>
            </template>
            </el-table-column>
            <el-table-column prop="disasterDescription" width="260" label="灾害描述 " :show-overflow-tooltip="true" />
          </el-table>
  </div></div>
</template>
<script setup name="lishishuiwenHeHu">
import {ref,reactive,onMounted} from "vue"
import { RainfallLevelFun } from '@/utils/util.js';

import { hisHydrologyList } from '@/api/MonitorAssetsOnMap';

const { proxy } = getCurrentInstance();
const props = defineProps({
  Getproperties:{
    type: Object,
  }
});
// 获取数据
const loading=ref(false)
const tableData=ref([

])

function gitDataFun() {
  loading.value=true
  // let params={
  //   id:props.Getproperties.id
  // }
  hisHydrologyList().then(res => {
    console.log('监测分析河湖水情 历史水文 ', res);
  loading.value=false
    if (res && res.code == 200) {
      tableData.value=res.data
    }
  },(error)=>{
    loading.value=false
  });
}
onMounted(() => {
  gitDataFun()
});

</script>
<style lang="scss" scoped>
.lishishuiwenHeHu {
  height: 100%;
    padding: 0px 15px;
    .el-table {
  height: 100%;
  background: #071645;
    }
        :deep(.el-scrollbar__wrap) {
      height: 100%;
      overflow-y: auto;
    
    }
}

</style>