<template>
  <div id="paishuixuncha">
    <div class="table">
      <el-table v-loading="XCloading" :data="drainageHouseholdList">
        <el-table-column type="index" label="序号" width="55" />
        <el-table-column label="工商执照" align="center" prop="businessLicense">
          <template #default="scope">
            <dict-tag :options="zzState" :value="scope.row.businessLicense" />
          </template>
        </el-table-column>
        <el-table-column label="是否排放工业、医疗污水" align="center" prop="pshAddress">
          <template #default="scope">
            <dict-tag :options="isState" :value="scope.row.pshAddress" />
          </template>
        </el-table-column>
        <el-table-column label="错排与混接" align="center" prop="locationDetail">
          <template #default="scope">
            <dict-tag :options="zzState" :value="scope.row.locationDetail" />
          </template>
        </el-table-column>
        <el-table-column label="是否有接驳井" align="center" prop="watershedZoning">
          <template #default="scope">
            <dict-tag :options="zzState" :value="scope.row.watershedZoning" />
          </template>
        </el-table-column>
        <el-table-column label="接驳点是否混接" align="center" prop="regionCode">
          <template #default="scope">
            <dict-tag :options="zzState" :value="scope.row.regionCode" />
          </template>
        </el-table-column>
        <el-table-column label="水流方向" align="center" prop="dutyPerson" />
        <el-table-column label="水流去向" align="center" prop="dutyTellPhone" />
        <el-table-column label="总排水量" align="center" prop="industryType" />
        <el-table-column label="排查责任人" align="center" prop="isStress" />
      </el-table>
    </div>
    <pagination
      v-show="XCtotal>0"
      :total="XCtotal"
      v-model:page="queryXCParams.pageNum"
      v-model:limit="queryXCParams.pageSize"
      @pagination="getXCList"
    />
  </div> 
</template>

<script setup name="paishuixuncha">
import { pagedrainageHousehold } from '@/api/MonitorAssetsOnMap';
const { proxy } = getCurrentInstance();
const isState= proxy.fixDict["isState"]
const zzState= proxy.fixDict["zzState"]
const props = defineProps({
  // 数据id
  dataID: {
    type: [String, Number],
  },
  dataCode: {
    type: String,
  },
  // 默认打开tabs的key
  RefreshName: {
    type: String,
  },
  tabsType: {
    type: String,
  },
  typeName: {
    type: String,
  },
});


const drainageHouseholdList = ref([]);
const XCloading = ref(true);
const XCtotal = ref(0);
const queryXCParams = reactive({
  pageNum: 1,
  pageSize: 10,
  pshId:props.dataID,
})

function getXCList() {
  XCloading.value = true;
  pagedrainageHousehold(queryXCParams).then(response => {
    drainageHouseholdList.value = response.data;
    XCtotal.value = response.total;
    XCloading.value = false;
  });
}
getXCList()
</script>
<style lang="scss" scoped>
@import '@/assets/styles/mapcss.scss';
#paishuixuncha{
  padding: 0 30px;
  height:100%;
  .table{
    height: calc(100% - 100px);
  }
}
</style>