visu_lifeline/src/components/tableInfo.vue

<template>
  <div class="box-row" style="width: 1550px">
    <div class="sjxq_list">
      <div class="sjxq_btn">
      <!-- 管线管理筛查项 -->
      <div v-if="type=='燃气管线'" class="sjxq_inp">
        <el-input v-model="searchCode" placeholder="管线名称查询" clearable class="input-width" style="width: 180px;">
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="区划名称查询" clearable class="input-width" style="width: 180px;">
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='燃气窨井设施'" class="sjxq_inp">
        <el-input v-model="searchCode" placeholder="区划名称查询" clearable class="input-width">
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="所在道路查询" clearable class="input-width">
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='燃气维修台账'" class="sjxq_inp">
        <el-input v-model="searchCode" placeholder="工单编号" clearable class="input-width">
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='燃气场站信息'" class="sjxq_inp">
        <el-input v-model="searchCode" placeholder="场站编号" clearable class="input-width">
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="地市编码" clearable class="input-width">
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='供热管线'" class="sjxq_inp">
        <el-input v-model="searchCode" placeholder="管线编码查询" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="区划名称查询" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='热源厂信息'" class="sjxq_inp">
        <el-input v-model="searchValue" placeholder="热源厂名称" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='换热站信息'" class="sjxq_inp">
        <el-input v-model="searchValue" placeholder="换热站名称" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchCode" placeholder="换热站编号" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='供热窨井'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="附属设施编码" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="区划名称" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='供水管线'" class="sjxq_inp">
        <el-input v-model="searchCode" placeholder="管线编码查询" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="区划名称查询" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='供水窨井设施'" class="sjxq_inp">
        <el-input v-model="searchCode" placeholder="附属设施编码" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="地市编码查询" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='供水泵站信息'" class="sjxq_inp">
        <el-input v-model="searchCode" placeholder="地市编码" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="泵站名称" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='供水维修记录信息'" class="sjxq_inp">
        <el-input v-model="searchCode" placeholder="维修单编号" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="区划名称" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='供水项目库信息'" class="sjxq_inp">
        <el-input v-model="searchValue" placeholder="项目建设规划信息" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='排水管线'" class="sjxq_inp">
        <el-input v-model="searchCode" placeholder="所在道路" clearable  style="width: 180px;">
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="管线编码" clearable  style="width: 180px;">
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='排水窨井信息'" class="sjxq_inp">
        <el-input v-model="searchCode" placeholder="井盖材质" clearable >
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="所在道路" clearable >
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='排水泵站信息'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="泵站编号" clearable >
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="泵站名称" clearable >
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='下穿立交信息'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="下穿立交编号" clearable >
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="下穿立交名称" clearable >
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='易涝点信息'" class="sjxq_inp">
        <el-input v-model="searchValue" placeholder="易涝点名称" clearable >
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='雨量站信息'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="雨量站编号" clearable >
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="雨量站名称" clearable >
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='污水处理厂信息'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="污水厂编号" clearable >
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="污水厂名称" clearable >
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='堤防信息'" class="sjxq_inp">
        <el-input v-model="searchValue" placeholder="堤防名称" clearable >
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='调蓄设施信息'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="设施编号" clearable >
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="设施名称" clearable >
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='管廊本体信息'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="管廊编码" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="区划名称" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='管廊设施数量'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="附属设施编码" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="区划名称" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='管廊隐患信息'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="隐患编号" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="隐患描述" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='管廊养护维修'" class="sjxq_inp">
        <el-input v-model="searchValue" placeholder="维修地址" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='桥梁基本信息'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="桥梁编号" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="桥梁名称" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='联跨墩信息'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="联编号" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="所属桥梁名称" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='检查病害信息'" class="sjxq_inp">
        <el-input v-model="searchCode"  placeholder="病害编号" clearable>
          <template #append></template>
        </el-input>
        <el-input v-model="searchValue" placeholder="部件名称" clearable>
          <template #append></template>
        </el-input>
      </div>
      <div v-if="type=='桥梁养护维修'" class="sjxq_inp">
        <el-input v-model="searchValue" placeholder="维修地址" clearable>
          <template #append></template>
        </el-input>
      </div>
      <!-- 搜索 && 重置 -->
      <div class="btnOption_contain">
        <el-button @click="TableInfoSearch" >搜索</el-button>
        <el-button @click="TableInfoReset" >重置</el-button>
      </div>
      </div>
      <el-table
        :data="tableList" element-loading-text="数据正在加载中..."
        ref="tableRef"   :cell-style="cellStyle"
        @row-click="tableRowHasClick"
        style="width: 100%">
        <template slot="empty">
          <p>{{ dataText }}</p>
        </template>
        <el-table-column
          show-overflow-tooltip
          align="center"
          v-for="(table,idx) in tablePropAndLabel"
          :prop="table.prop"
          :label="table.label"
          :key="idx"
          v-if="!table.hidden"
        >
          <template slot-scope="scope">
            <dict-tag
              v-if="table.isDict"
              :options="dict.type[table.dictKey]"
              :value="scope.row[table.prop]"
            />
            <image-preview v-else-if="table.isImg" :src="scope.row[table.prop]" :width="50" :height="50"/>
            <img v-else-if="table.isFile"
                 style="width: 3rem;height: 3rem; margin: 2px;"
                 @click="handleFileClick(scope.row[table.prop])"
                 :src="require('@/assets/fileTypeImage/file.png')"
            />
            <!-- 默认显示内容 -->
            <span v-else>{{ scope.row[table.prop] }}</span>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center">
          <template slot-scope="scope">
            <el-button size="mini" type="text" style="color:#fff;width: 70px;" @click="previewDetail(type,scope.row)">查看
            </el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-pagination
        @current-change="tableListSizeChange"
        :current-page="pagerCount"
        :page-size="pageSize"
        layout="total, prev, pager, next, jumper"
        :total="total">
      </el-pagination>
    </div>
    <DetailDialog ref="detailDialog" />
  </div>
</template>

<script>
import Cookies from 'js-cookie'
import DetailDialog from "@/components/DetailDialog/index.vue";
import {
  gasViewGetGasManholeList,
  gasViewGetGasPipeList,
  gasViewGetGasRepairRecordList,
  gasViewGetGasStationList
} from "@/api/ThermalPower";
import {
  getHeatingPipeList,
  getManholeList,
  getPlantList,
  getStationList,
} from "@/api/tableInfo";
import {
  getProjectRepositoryList,
  getPumpStationList,
  getRepairOrderList,
  getWaterPipeList,
  waterGetManholeList
} from "@/api/water";
import {
  easyFloodList, embankmentList,
  manholeList,
  overpassList,
  pipeList,
  pumpingStationList,
  rainGaugeStationList, sewageTreatmentPlantsList, storageFacilitiesList
} from "@/api/paishui";
import {
  utilityTunnelBodyInformationList,
  utilityTunnelMaintenanceRepairList,
  utilityTunnelManholeList,
  utilityTunnelHiddenDangerList,
} from "@/api/UtillityTunnel";
import {
  bridgeViewGetBridgeAllyCrossPierList,
  bridgeViewGetBridgeCheckDiseaseList,
  bridgeViewGetBridgeInfoList, bridgeViewGetBridgeMaintenanceRepairList
} from "@/api/qiaoliang";

export default {
  name: "tableInfo",
  dicts: ['pressure_level','utilityTunnel_body_type','utilityTunnel_repair_properties','utilityTunnel_fult_type','items_type'],
  components: {
    DetailDialog
  },
  data() {
    return {
      deptId:Cookies.get('deptId'),
      type:'',
      pagerCount: 1,
      pageSize: 10,
      total: 0,
      dataText:'',
      tablePropAndLabel:[],
      tableList:[],
      tableListVisible:false,
      searchValue:'',
      searchCode:'',
      searchTime:'',
    }
  },
  methods:{
    initializationTable(type){
      this.type = type;
      this.TableInfoHandler(type,1)
    },
    headStyle({
                row,
                column,
                rowIndex,
                columnIndex
              }) {
      return '#112543;';
    },
    cellStyle({
                row,
                column,
                rowIndex,
                columnIndex
              }) {
      if (rowIndex % 2 === 0) {
        // return 'background-color: #112543;';
      } else {
        // return 'background-color: #112543;';
      }
    },
    rowStyle({
               row,
               rowIndex
             }) {
      if (rowIndex % 2 === 0) {
        return 'background-color: #091025;';
      } else {
        return 'background-color: #0f5526;';
      }
    },
    tableRowHasClick(e){
      // TODO:
    },
    previewDetail(type, row) {
      /****************************************************************燃气部分*******************************************************/
      if (type == "燃气管线") {
        let obj = {
          '管线名称': row.pipeName,
          '管线编码': row.pipeCode,
          '管线类别': row.pipeType,
          '地市编码': row.cityCode,
          '区划名称': row.districtName,
          '起点编号': row.startPointCode,
          '终点编号': row.endPointCode,
          '起点高程': row.startPointElevation,
          '终点高程': row.endPointElevation,
          '起点埋深': row.startpointDepth,
          '终点埋深': row.endPointDepth,
          '管径': row.pipeDiameter,
          '材质': row.material,
          '压力': row.pressure,
          '压力级别': this.dict.type.pressure_level.find(item => item.value == row.pressureLevel)?.label,
          '流向': row.flowDirection,
          '埋深日期': row.layingDate,
          '埋深类型': row.layingType,
          '线型': row.lineType,
          '所在道路': row.roadName,
          '权属单位名称': row.ownerName,
          '权属单位信用代码': row.ownerCreditCode,
          '建设年代': row.constructionYear,
          '部门id': row.deptId,
          '部门名称': row.deptName,
          '长度': row.length,
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "燃气窨井设施") {
        let obj = {
          '附属设施编码': row.facilityCode,
          '物探点号': row.explorationPointNo,
          '地市编码': row.cityCode,
          '窨井经度': row.manholeLongitude,
          '窨井纬度': row.manholeLatitude,
          '区划名称': row.districtName,
          '高程': row.elevation,
          '埋深': row.burialDepth,
          '特征点': row.characteristicPoint,
          '附属物': row.appurtenance,
          '所在道路': row.roadName,
          '点符号旋转角': row.symbolRotationAngle,
          '井底埋深': row.bottomDepth,
          '井盖形状': row.coverShape,
          '井盖材质': row.coverMaterial,
          '井盖尺寸': row.coverSize,
          '检修井材质': row.manholeMaterial,
          '井脖深': row.neckDepth,
          '井室规格': row.chamberSpecification,
          '窨井性质': row.manholeNature,
          '安装日期': row.installationDate,
          '安装单位名称': row.installerName,
          '安装单位统一社会信用代码': row.installerCreditCode,
          '权属单位名称': row.ownerName,
          '权属单位统一信用代码': row.ownerCreditCode,
          '使用单位名称': row.userName,
          '使用单位统一信用代码': row.userCreditCode,
          '维修责任单位名称': row.maintenanceUnitName,
          '维修责任单位统一信用代码': row.maintenanceUnitCreditCode,
          '部门id': row.deptId,
          '部门名称': row.deptName
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "燃气维修台账") {
        let obj = {
          '工单编号': row.workOrderNumber,
          '所属机构': row.belongingAgency,
          '地市编码': row.cityCode,
          '区划名称': row.regionalName,
          '维修地址': row.repairAddress,
          '压力级别': row.pressureLevel,
          '维修性质': row.repairNature,
          '维修故障类型': row.repairFaultType,
          '经度': row.longitude,
          '纬度': row.latitude,
          '报修时间': row.reportTime,
          '抢修完成时间': row.repairCompleteTime,
          '维修时间': row.repairTime,
          '管材': row.pipeMaterial,
          '抢修内容及结果': row.repairContentAndResult,
          '抢修单位名称': row.repairUnitName,
          '抢修单位统一社会信用代码': row.uscc,
          '信息来源': row.informationSource,
          '数据创建时间': row.createTime,
          '数据更新时间': row.updateTime,
          '部门id': row.deptId,
          '部门名称': row.deptName
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "燃气场站信息") {
        let obj = {
          '场站编号': row.stationNumber,
          '名称': row.name,
          '地市编码': row.cityCode,
          '区划名称': row.regionalName,
          '经度': row.longitude,
          '纬度': row.latitude,
          '地址': row.address,
          '场站类型': row.stationType,
          '流量': row.flowRate,
          '累计值': row.cumulativeValue,
          '计划值': row.plannedValue,
          '数据创建时间': row.createTime,
          '数据更新时间': row.updateTime,
          '部门id': row.deptId,
          '部门名称': row.deptName
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      /****************************************************************燃气部分*******************************************************/
      /****************************************************************供热部分*******************************************************/
      else if (type == "供热管线") {
        let obj = {
          '管线编码': row.pipelineCode,
          '管线类别': row.pipelineCategory,
          '地市编码': row.cityCode,
          '区划名称': row.districtName,
          '起点编号': row.startPointId,
          '终点编号': row.endPointId,
          '起点高程': row.startPointElevation,
          '终点高程': row.endPointElevation,
          '经度': row.longitude,
          '纬度': row.latitude,
          '起点埋深': row.startPointBurialDepth,
          '终点埋深': row.endPointBurialDepth,
          '管径': row.pipeDiameter,
          '材质': row.material,
          '保温材质': row.insulationMaterial,
          '保温层厚度': row.insulationLayerThickness,
          '保护层材质': row.protectiveLayerMaterial,
          '保护层厚度': row.protectiveLayerThickness,
          '压力级别': row.pressureLevel,
          '压力': row.pressure,
          '流向': row.flowDirection,
          '埋深日期': row.burialDate,
          '埋深类型': row.burialType,
          '管道年限': row.pipelineAge,
          '线型': row.pipelineType,
          '所在道路': row.roadName,
          '权属单位名称': row.ownershipUnitName,
          '权属单位信用代码': row.ownershipUnitCreditCode,
          '使用单位名称': row.usageUnitName,
          '使用单位信用代码': row.usageUnitCreditCode,
          '维修责任单位名称': row.maintenanceUnitName,
          '维修责任单位信用代码': row.maintenanceUnitCreditCode,
          '建设年代': row.constructionYear,
          '部门名称': row.deptName,
          '长度': row.length
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "热源厂信息") {
        let obj = {
          "热源厂名称": row.plantName,
          "区划名称": row.districtName,
          "经度": row.longitude,
          "纬度": row.latitude,
          "热源类型": row.heatSourceType,
          "供热范围": row.heatingRange,
          "供热能力": row.heatingCapacity,
          "值班电话": row.dutyPhone,
          "地址": row.address,
          "占地面积": row.floorArea,
          "权属单位名称": row.ownerUnitName,
          "权属单位信用代码": row.ownerUnitCode,
          "投入使用时间": row.useStartDate,
          "部门名称": row.deptName,
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "换热站信息") {
        let obj = {
          "换热站名称": row.heatStationName,
          "换热站编号": row.heatStationCode,
          "供热范围": row.heatingRange,
          "供热面积": row.heatingArea,
          "换热器供热能力": row.heatExchangeCapacity,
          "循环泵功率": row.circulationPumpPower,
          "循环泵流量": row.circulationPumpFlow,
          "循环泵扬程": row.circulationPumpHead,
          "补水泵功率": row.feedPumpPower,
          "补水泵流量": row.feedPumpFlow,
          "补水泵扬程": row.feedPumpHead,
          "补水泵出厂日期": row.manufacturingTime,
          "权属单位名称": row.ownerUnitName,
          "权属单位信用代码": row.uscc,
          "使用单位名称": row.useUnitName,
          "使用单位信用代码": row.uucc,
          "维修责任单位名称": row.maintenanceUnitName,
          "维修责任单位信用代码": row.ucc,
          "地市编码": row.cityCode,
          "区划名称": row.regionalName,
          "经度": row.longitude,
          "纬度": row.latitude,
          "值班电话": row.dutyPhone,
          "地址": row.address,
          "投入使用时间": row.putUseTime,
          // "设备编码": row.deviceCode,
          "部门名称": row.deptName,
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "供热窨井") {
        let obj = {
          '附属设施编码': row.facilityCode,
          '物探点号': row.explorationPointNo,
          '地市编码': row.cityCode,
          '窨井经度': row.manholeLongitude,
          '窨井纬度': row.manholeLatitude,
          '区划名称': row.districtName,
          '高程': row.elevation,
          '埋深': row.burialDepth,
          '特征点': row.characteristicPoint,
          '附属物': row.appurtenance,
          '所在道路': row.roadName,
          '点符号旋转角': row.symbolRotationAngle,
          '井底埋深': row.bottomDepth,
          '井盖形状': row.coverShape,
          '井盖材质': row.coverMaterial,
          '井盖尺寸': row.coverSize,
          '检修井材质': row.manholeMaterial,
          '井脖深': row.neckDepth,
          '井室规格': row.chamberSpecification,
          '窨井性质': row.manholeNature,
          '安装日期': row.installationDate,
          '安装单位名称': row.installerName,
          '安装单位社会信用代码': row.installerCreditCode,
          '权属单位名称': row.ownerName,
          '权属单位信用代码': row.ownerCreditCode,
          '使用单位名称': row.userName,
          '使用单位信用代码': row.userCreditCode,
          '维修责任单位名称': row.maintenanceUnitName,
          '维修责任单位信用代码': row.maintenanceUnitCreditCode,
          '部门名称': row.deptName,
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      /****************************************************************供热部分*******************************************************/
      /****************************************************************供水部分*******************************************************/
      else if (type == "供水管线") {
        let obj = {
          "设施编码": row.facilityCode,
          "设施起点位置": row.facilityStartAddr,
          "设施终点位置": row.facilityEndAddr,
          "管线段编码": row.pipeCode,
          "管线类别": row.pipeType,
          "管线类别名称": row.pipeTypeLabel,
          "地市编码": row.cityCode,
          "区划ID": row.regionalId,
          "区划名称": row.regionalName,
          "起点编号": row.pipeStartNum,
          "终点编号": row.pipeEndNum,
          "起点高程": row.pipeStartElevation,
          "终点高程": row.pipeEndElevation,
          "起点埋深": row.startDepth,
          "终点埋深": row.endDepth,
          "管径": row.pipeDiameter,
          "材质": row.material,
          "压力级别": row.pressureLevel,
          "压力": row.pressure,
          "流向": row.flowDirection,
          "埋深类型": row.depthType,
          "管道年限": row.duration,
          "管线状态": row.pipeStatus,
          "供水性质": row.supplyNature,
          "权属单位名称": row.belongDeptName,
          "权属单位社会信用代码": row.uscc,
          "建设年代": row.constructionTime,
          "长度": row.length,
          // "部门": row.deptName,
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "供水窨井设施") {
        let obj = {
          // '设施编码': row.id,
          '附属设施编码': row.facilityCode,
          '窨井编码': row.manholeCode,
          '经度': row.lng,
          '纬度': row.lat,
          '物探点号': row.gsp,
          '地市编码': row.cityCode,
          '区划名称': row.regionalName,
          '高程': row.elevation,
          '埋深': row.depth,
          '特征点': row.character,
          '附属物': row.annex,
          '所在道路': row.road,
          '点符号旋转角': row.psra,
          '井底埋深': row.wellBottomDepth,
          '井盖形状': row.coverShape,
          '井盖材质': row.coverMaterial,
          '井盖尺寸': row.coverSize,
          '检修井材质': row.chamberMaterial,
          '井脖深': row.neckDepth,
          '井室规格': row.chamberSize,
          '安装日期': row.installTime,
          '安装单位名称': row.installDeptName,
          '权属单位社会信用代码': row.uscc,
          '长度': row.length,
          // '创建时间': row.createTime,
          // '更新时间': row.updateTime,
          // '部门Id': row.deptId,
          // '部门': row.deptName
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "供水泵站信息") {
        let obj = {
          // "id": row.id,
          "地市编码": row.cityCode,
          "区划名称": row.regionalName,
          "泵站编码": row.pumpStationCode,
          "泵站名称": row.pumpStationName,
          "泵站类型": row.pumpStationType,
          "泵站结构形式": row.structural,
          "经度": row.lng,
          "纬度": row.lat,
          "地址": row.address,
          "建设单位": row.builder,
          "运管单位": row.maintainer,
          "设计单位": row.designer,
          "勘察单位": row.surveyor,
          "施工单位": row.construction,
          "建成年月": row.buildTime,
          "设计供水能力": row.designCapacity,
          "服务范围": row.serviceScope,
          "服务面积": row.serviceArea,
          "服务人口": row.servicePopulation,
          "水泵数量": row.pumpsCount,
          "水泵编号": row.pumpCode,
          "水泵流量": row.pumpFlowrate,
          "扬程": row.lift,
          "功率": row.power,
          "设备类型": row.pumpType,
          "生产厂家": row.manufacturer,
          "出厂日期": row.productionTime,
          "安装日期": row.installTime,
          "清水池容积": row.tankCapacity,
          "当前蓄水量": row.storageCapacity,
          "进水压力": row.inletPressure,
          "出水压力": row.outletPressure,
          "进水流量": row.inletFlow,
          "出水流量": row.outletFlow,
          "在线水质监测": row.quality,
          // "创建时间": row.createTime,
          // "更新时间": row.updateTime,
          // "部门id": row.deptId,
          // "部门名称": row.deptName

        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "供水维修记录信息") {
        let obj = {
          "维修单编号": row.repairFormId,
          "地市编码": row.cityCode,
          "区划名称": row.regionalName,
          "修复时间": row.repairTime,
          "具体位置": row.exactLocation,
          "管材": row.pipeMaterial,
          "管径": row.pipeDiameter,
          "建设年代": row.constructionTime,
          "经度": row.lng,
          "纬度": row.lat,
          "接口填料": row.filler,
          "防腐材料": row.embalmMaterial,
          "路面种类": row.roadType,
          "地基土壤": row.foundationSoil,
          "漏水类型": row.leakType,
          "突发爆管": row.crack,
          "漏损部位": row.leakLocation,
          "爆管原因": row.crackReason,
          "维修方法": row.repairMethods,
          // "部门": row.deptName,
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "供水项目库信息") {
        let obj = {
          "项目建设规划信息": row.constructionInformation,
          "项目清单明细": row.inventoryDetails,
          "项目进度": row.progress,
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      /****************************************************************供水部分*******************************************************/
      /****************************************************************排水部分*******************************************************/
      else if (type == '排水管线') {
        let obj = {
          '管线编码': row.pipelineCode,
          '管线类别': row.pipelineCategory,
          '地市编码': row.cityCode,
          '区划名称': row.districtName,
          '起点编号': row.startPointId,
          '终点编号': row.endPointId,
          '起点高程': row.startPointElevation,
          '终点高程': row.endPointElevation,
          '起点埋深': row.startPointBurialDepth,
          '终点埋深': row.endPointBurialDepth,
          '管径': row.pipeDiameter,
          '材质': row.material,
          '压力级别': row.pressureLevel,
          '压力': row.pressure,
          '流向': row.flowDirection,
          '压力类型': row.pressureType,
          '埋深日期': row.burialTime,
          '埋设类型': row.burialType,
          '断面形式': row.crossSectionalForm,
          '管道年限': row.pipelineAge,
          '线型': row.pipelineType,
          '所在道路': row.roadName,
          '权属单位名称': row.ownershipUnitName,
          '权属单位统一信用代码': row.ownershipUnitCreditCode,
          '建设年代': row.constructionYear,
          '部门名称': row.deptName,
          '长度': row.length,
          '经度': row.longitude,
          '纬度': row.latitude,
        }
        this.$refs.detailDialog.openDetail(type, obj);
      }
      else if (type == '排水窨井信息') {
        let obj = {
          '窨井编码': row.manholeCode,
          '窨井经度': row.longitude,
          '窨井纬度': row.latitude,
          '物探点号': row.explorationPointNo,
          '地市编码': row.cityCode,
          '区划名称': row.districtName,
          '高程': row.elevation,
          '埋深': row.burialDepth,
          '特征点': row.characteristicPoint,
          '附属物': row.appurtenance,
          '所在道路': row.roadName,
          '旋转角度': row.symbolRotationAngle,
          '井底埋深': row.bottomDepth,
          '井盖形状': row.coverShape,
          '井盖材质': row.coverMaterial,
          '井盖尺寸': row.coverSize,
          '检修井材质': row.manholeMaterial,
          '井脖深': row.neckDepth,
          '井室规格': row.chamberSpecification,
          '安装日期': row.installationDate,
          '安装单位名称': row.installerName,
          '安装单位统一社会信用代码': row.installerCreditCode,
          '部门名称': row.deptName
        }
        this.$refs.detailDialog.openDetail(type,obj);
      }
      else if (type == '排水泵站信息') {
        let obj = {
          '泵站编号': row.pumpingStationCode,
          '泵站名称': row.pumpingStationName,
          '地市编码': row.cityCode,
          '区划名称': row.districtName,
          '泵站类型': row.pumpingStationType,
          '经度': row.longitude,
          '纬度': row.latitude,
          '地址': row.address,
          '拥有泵数量': row.pumpCount,
          '设计雨水排水能力': row.designedRainwaterDrainageCapacity,
          '设计污水排水能力': row.designedSewageDrainageCapacity,
          '服务范围': row.serviceRange,
          '服务面积': row.serviceArea,
          '责任人': row.responsiblePerson,
          '责任人联系方式': row.contactNumber,
          '泵编号': row.pumpCode,
          '泵抽水功率': row.pumpPower,
          '设备类型': row.equipmentType,
          '生产厂家': row.manufacturer,
          '出厂日期': row.productionDate,
          '安装日期': row.installationDate,
          '创建时间': row.createTime,
          '更新时间': row.updateTime,
          '备注': row.remark,
          '部门名称': row.deptName
        }
        this.$refs.detailDialog.openDetail(type,obj);
      }
      else if (type == '下穿立交信息') {
        let obj = {
          '下穿立交编号': row.overpassCode,
          '下穿立交名称': row.overpassName,
          '地市编码': row.cityCode,
          '区划名称': row.districtName,
          '经度': row.longitude,
          '纬度': row.latitude,
          '地址': row.address,
          '集水面积': row.catchmentArea,
          '创建时间': row.createTime,
          '更新时间': row.updateTime,
          '备注': row.remark,
          '部门名称': row.deptName
        }
        this.$refs.detailDialog.openDetail(type,obj);
      }
      else if (type == '易涝点信息') {
        let obj = {
          '易涝点编号': row.floodCode,
          '易涝点名称': row.floodName,
          '积水深度': row.waterDepth,
          '地市编码': row.cityCode,
          '区划名称': row.districtName,
          '经度': row.longitude,
          '纬度': row.latitude,
          '地址': row.address,
          '所在道路': row.roadName,
          '最长积水时间': row.maxWaterTime,
          '最大积水面积': row.maxWaterArea,
          '积水原因': row.floodReason,
          '负责人': row.responsiblePerson,
          '负责人联系方式': row.contactNumber,
          '易涝点产生时间': row.floodOccurTime,
          '整改状态': row.rectifyStatus,
          '整改时间': row.rectifyTime,
          '整改措施': row.rectifyMeasures,
          '创建时间': row.createTime,
          '更新时间': row.updateTime,
          '备注': row.remark,
          '部门名称': row.deptName
        }
        this.$refs.detailDialog.openDetail(type,obj);
      }
      else if (type == '雨量站信息') {
        let obj = {
          '站点编号': row.stationCode,
          '站点名称': row.stationName,
          '站点类型': row.stationType,
          '地市编码': row.cityCode,
          '区划名称': row.districtName,
          '地址': row.address,
          '经度': row.longitude,
          '纬度': row.latitude,
          '报警水位': row.alarmWaterLevel,
          '设施状态': row.facilityStatus,
          '数据创建时间': row.createTime,
          '数据更新时间': row.updateTime,
          '部门名称': row.deptName
        }
        this.$refs.detailDialog.openDetail(type,obj);
      }
      else if (type == '污水处理厂信息') {
        let obj = {
          '污水厂编号': row.plantCode,
          '污水厂名称': row.plantName,
          '地址': row.address,
          '地市编码': row.cityCode,
          '区划名称': row.regionalName,
          '处理规模': row.treatmentCapacity,
          '经度': row.longitude,
          '纬度': row.latitude,
          '所在道路': row.roadName,
          '建设单位名称': row.constructionUnit,
          '建设单位统一社会信用代码': row.cuc,
          '建设时间': row.constructionTime,
          '运营单位名称': row.operationUnit,
          '运营单位统一社会信用代码': row.ouc,
          '管理单位名称': row.managementUnit,
          '管理单位统一社会信用代码': row.muc,
          '占地面积': row.landArea,
          '污水处理设施': row.treatmentFacilities,
          '设施类型': row.facilityType,
          '排水去向': row.drainageDestination,
          '处理工艺': row.treatmentProcess,
          '污泥去向': row.sludgeDestination,
          '数据创建时间': row.createTime,
          '数据更新时间': row.updateTime,
          '部门名称': row.deptName
        }
        this.$refs.detailDialog.openDetail(type,obj);
      }
      else if (type == '堤防信息') {
        let obj = {
          '堤防编号': row.embankmentCode,
          '名称': row.name,
          '地市编码': row.cityCode,
          '区划名称': row.regionalName,
          '类型': row.type,
          '等级': row.level,
          '类型描述': row.typeDescription,
          '起点位置': row.startPosition,
          '终点位置': row.endPosition,
          '位置信息': row.positionInfo,
          '经度': row.longitude,
          '纬度': row.latitude,
          '创建时间': row.createTime,
          '更新时间': row.updateTime,
          '部门名称': row.deptName
        }
        this.$refs.detailDialog.openDetail(type,obj);
      }
      else if (type == '调蓄设施信息') {
        let obj = {
          '设施编号': row.facilityCode,
          '设施名称': row.facilityName,
          '设施类型': row.facilityType,
          '地理编码': row.geoCode,
          '区划名称': row.regionalName,
          '设计容量': row.designCapacity,
          '设计流量': row.designFlow,
          '占地面积': row.landArea,
          '材质': row.material,
          '进水口数量': row.inletCount,
          '出水口数量': row.outletCount,
          '当前水位': row.currentWaterLevel,
          '当前蓄水量': row.currentStorage,
          '进水流量': row.inflowRate,
          '出水流量': row.outflowRate,
          '污泥去向': row.sludgeDestination,
          '经度': row.longitude,
          '纬度': row.latitude,
          '创建时间': row.createTime,
          '更新时间': row.updateTime,
          '部门名称': row.deptName
        }
        this.$refs.detailDialog.openDetail(type,obj);
      }
      /****************************************************************排水部分*******************************************************/
      /****************************************************************管廊部分*******************************************************/
      else if (type == "管廊本体信息") {
        let obj = {
          "管廊编码": row.tunnelCode,
          "管廊类别": this.dict.type.utilityTunnel_body_type.find(item => item.value == row.tunnelCategory)?.label,
          "地市编码": row.cityCode,
          "区划名称": row.districtName,
          "起点编号": row.startPointNo,
          "终点编号": row.endPointNo,
          "起点高程(米)": row.startElevation,
          "终点高程(米)": row.endElevation,
          "起点埋深(米)": row.startBuriedDepth,
          "终点埋深(米)": row.endBuriedDepth,
          "管径": row.diameter,
          "材质": row.material,
          "压力级别": row.pressureLevel,
          "压力(MPa)": row.pressureValue,
          "流向": row.flowDirection,
          "埋深日期": row.buriedDate,
          "埋深类型": row.buriedType,
          "管道年限(年)": row.pipelineAge,
          "线型": row.lineType,
          "所在道路": row.locatedRoad,
          "权属单位名称": row.ownerName,
          "权属单位统一信用代码": row.ownerCreditCode,
          "建设年代": row.constructionYear,
          // "部门": row.deptName,
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "管廊设施数量") {
        let obj = {
          // "id号": row.id,
          "附属设施编码": row.facilityCode,
          "物探点号": row.surveyPointNo,
          "窨井经度": row.longitude,
          "窨井纬度": row.latitude,
          "地市编码": row.cityCode,
          "区划名称": row.districtName,
          "高程": row.elevation,
          "埋深": row.buriedDepth,
          "特征点": row.featurePoint,
          "附属物": row.appurtenance,
          "所在道路": row.roadName,
          "点符号旋转角": row.symbolRotation,
          "井底埋深": row.bottomDepth,
          "井盖形状": row.coverShape,
          "井盖材质": row.coverMaterial,
          "井盖尺寸": row.coverSize,
          "检修井材质": row.manholeMaterial,
          "井脖深": row.neckDepth,
          "井室规格": row.chamberSpec,
          "安装日期": row.installDate,
          "安装单位名称": row.installUnit,
          "安装单位社会信用": row.unitCreditCode,
          // "部门id": row.deptId,
          // "部门名称": row.deptName
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "管廊隐患信息") {
        let obj = {
          "隐患编号": row.dangerId,
          "隐患描述": row.dangerDesc,
          "地市编码": row.cityCode,
          "区划名称": row.districtName,
          "隐患类型": this.dict.type.items_type.find(item => item.value == row.dangerType)?.label,
          "隐患点地址": row.address,
          "经度": row.longitude,
          "纬度": row.latitude,
          "所属机构整改状态": row.orgStatus,
          "上报人": row.reporter,
          "上报人单位": row.reporterUnit,
          "上报时间": row.reportTime,
          "整改负责人": row.responsiblePerson,
          "联系方式": row.contact,
          "计划整改时间": row.planFixTime,
          "实际整改时间": row.actualFixTime,
          "整改结果反馈": row.fixResult,
          "部门名称": row.deptName,
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "管廊养护维修") {
        let obj = {
          "维修地址": row.repairAddress,
          "维修性质": this.dict.type.utilityTunnel_repair_properties.find(item => item.value == row.repairNature)?.label,
          "维修故障类型": this.dict.type.utilityTunnel_fult_type.find(item => item.value == row.faultType)?.label,
          "经度": row.longitude,
          "纬度": row.latitude,
          "维修时间": row.repairTime
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      /****************************************************************管廊部分*******************************************************/
      /****************************************************************桥梁部分*******************************************************/
      else if (type == "桥梁基本信息") {
        let obj = {
          '桥梁编号': row.bridgeCode,
          '桥梁名称': row.bridgeName,
          '地理位置及经纬度': row.locationDescription,
          '地市编码': row.cityCode,
          '区划名称': row.districtName,
          '桥梁结构': row.structureType,
          '跨径组合': row.spanCombination,
          '桥梁总长度': row.totalLength,
          '桥梁宽度': row.width,
          '经度': row.longitude,
          '纬度': row.latitude,
          '养护单位': row.maintenanceUnit,
          '建设单位名称': row.constructionUnit,
          '建设年代': row.constructionYear,
          '设计单位名称': row.designUnit,
          '监理单位名称': row.supervisionUnit,
          '施工单位名称': row.constructionUnitName,
          '桥梁基本信息描述': row.description,
          '部门id': row.deptId,
          '部门名称': row.deptName,
          '创建时间': row.createTime,
          '更新时间': row.updateTime
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "联跨墩信息") {
        let obj = {
          '联编号': row.allyCode,
          '地市编码': row.cityCode,
          '区划名称': row.districtName,
          '所属桥梁编号': row.bridgeCode,
          '所属桥梁名称': row.bridgeName,
          '联顺序编号': row.allyOrderCode,
          '跨编号': row.crossCode,
          '所属联编号': row.belongAllyCode,
          '起始墩号': row.startPierCode,
          '结束墩号': row.endPierCode,
          '长度': row.length,
          '桥墩编号': row.pierCode,
          '所属跨编号': row.belongCrossCode,
          '桥墩型式': row.pierType,
          '部门ID': row.deptId,
          '所属部门': row.deptName,
          '创建者': row.createBy,
          '创建时间': row.createTime,
          '更新者': row.updateBy,
          '更新时间': row.updateTime
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "检查病害信息") {
        let obj = {
          '病害编号': row.diseaseCode,
          '地市编码': row.cityCode,
          '区划名称': row.districtName,
          '部件名称': row.componentName,
          '构件编号': row.componentCode,
          '缺损类型': row.defectType,
          '记录编号': row.recordCode,
          '缺损范围': row.defectScope,
          '保养建议': row.maintenanceAdvice,
          '部门id': row.deptId,
          '部门名称': row.deptName,
          '创建时间': row.createTime,
          '更新时间': row.updateTime
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      else if (type == "桥梁养护维修") {
        let obj = {
          '维修地址': row.repairAddress,
          '维修性质': row.repairNature,
          '维修故障类型': row.repairFaultType,
          '经度': row.longitude,
          '纬度': row.latitude,
          '维修时间': row.repairTime,
          '部门id': row.deptId,
          '部门名称': row.deptName,
          '创建时间': row.createTime,
          '更新时间': row.updateTime
        };
        this.$refs.detailDialog.openDetail(type,obj);
        return;
      }
      /****************************************************************桥梁部分*******************************************************/
    },
    handleFileClick(url) {
      if (url) {
        window.open(url, '_blank')
      }
    },
    //列表数据
    TableInfoHandler(type, pageNum) {
      this.pagerCount = pageNum;
      this.type = type
      this.tablePropAndLabel = []
      this.tableList = []
      if (!pageNum) {
        this.searchValue = ''
        this.searchCode = ''
        this.searchTime = ''
      }
      /****************************************************************燃气部分*******************************************************/
      if(type == '燃气管线'){
        this.tableListVisible = true
        gasViewGetGasPipeList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            pipeName: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            districtName: this.searchValue
          } : {}),
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: 'id',label: '主键',hidden: true},
            {prop: 'pipeName',label: '管线名称'},
            {prop: 'pipeCode',label: '管线编码'},
            {prop: 'pipeType',label: '管线类别'},
            {prop: 'cityCode',label: '地市编码',hidden: true},
            {prop: 'districtName',label: '区划名称'},
            {prop: 'startPointCode',label: '起点编号',hidden: true},
            {prop: 'endPointCode',label: '终点编号',hidden: true},
            {prop: 'startPointElevation',label: '起点高程',hidden: true},
            {prop: 'endPointElevation',label: '终点高程',hidden: true},
            {prop: 'startpointDepth',label: '起点埋深',hidden: true},
            {prop: 'endPointDepth',label: '终点埋深',hidden: true},
            {prop: 'pipeDiameter',label: '管径',hidden: true},
            {prop: 'material',label: '材质',hidden: true},
            {prop: 'pressureLevel',label: '压力级别',hidden: true,isDict: true,dictKey: 'pressure_level'},
            {prop: 'pressure',label: '压力',hidden: true},
            {prop: 'flowDirection',label: '流向',hidden: true},
            {prop: 'layingDate',label: '埋深日期',hidden: true},
            {prop: 'layingType',label: '埋深类型',hidden: true},
            {prop: 'lineType',label: '线型',hidden: true},
            {prop: 'roadName',label: '所在道路',hidden: true},
            {prop: 'ownerName',label: '权属单位名称',hidden: true},
            {prop: 'ownerCreditCode',label: '权属单位信用代码',hidden: true},
            {prop: 'constructionYear',label: '建设年代',hidden: true},
            {prop: 'deptId',label: '部门id',hidden: true},
            {prop: 'deptName',label: '部门名称',hidden: true},
            {prop: 'length',label: '长度',hidden: true},
            {prop: 'yId',label: '数据源',hidden: true},
            {prop: 'yName',label: '数据集',hidden: true},
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if(type == '燃气窨井设施'){
        this.tableListVisible = true
        gasViewGetGasManholeList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            districtName: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            roadName: this.searchValue
          } : {}),
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: 'id', label: '主键ID', hidden: true},
            {prop: 'facilityCode', label: '附属设施编码'},
            {prop: 'explorationPointNo', label: '物探点号', hidden: true},
            {prop: 'cityCode', label: '地市编码'},
            {prop: 'manholeLongitude', label: '窨井经度', hidden: true},
            {prop: 'manholeLatitude', label: '窨井纬度', hidden: true},
            {prop: 'districtName', label: '区划名称'},
            {prop: 'elevation', label: '高程', hidden: true},
            {prop: 'burialDepth', label: '埋深', hidden: true},
            {prop: 'characteristicPoint', label: '特征点', hidden: true},
            {prop: 'appurtenance', label: '附属物', hidden: true},
            {prop: 'roadName', label: '所在道路'},
            {prop: 'symbolRotationAngle', label: '点符号旋转角', hidden: true},
            {prop: 'bottomDepth', label: '井底埋深', hidden: true},
            {prop: 'coverShape', label: '井盖形状', hidden: true},
            {prop: 'coverMaterial', label: '井盖材质', hidden: true},
            {prop: 'coverSize', label: '井盖尺寸', hidden: true},
            {prop: 'manholeMaterial', label: '检修井材质', hidden: true},
            {prop: 'neckDepth', label: '井脖深', hidden: true},
            {prop: 'chamberSpecification', label: '井室规格', hidden: true},
            {prop: 'manholeNature', label: '窨井性质', hidden: true},
            {prop: 'installationDate', label: '安装日期', hidden: true},
            {prop: 'installerName', label: '安装单位名称', hidden: true},
            {prop: 'installerCreditCode', label: '安装单位统一社会信用代码', hidden: true},
            {prop: 'ownerName', label: '权属单位名称', hidden: true},
            {prop: 'ownerCreditCode', label: '权属单位统一信用代码', hidden: true},
            {prop: 'userName', label: '使用单位名称', hidden: true},
            {prop: 'userCreditCode', label: '使用单位统一信用代码', hidden: true},
            {prop: 'maintenanceUnitName', label: '维修责任单位名称', hidden: true},
            {prop: 'maintenanceUnitCreditCode', label: '维修责任单位统一信用代码', hidden: true},
            {prop: 'deptId', label: '部门id', hidden: true},
            {prop: 'deptName', label: '部门名称', hidden: true}
          ]
          this.tableList = res.rows
          this.total = res.total
          this.latKey = 'manholeLatitude'
          this.lonKey = 'manholeLongitude'
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if(type == '燃气维修台账'){
        this.tableListVisible = true
        gasViewGetGasRepairRecordList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            workOrderNumber: this.searchCode
          } : {}),
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: 'id', label: '主键ID', hidden: true},
            {prop: 'workOrderNumber', label: '工单编号'},
            {prop: 'belongingAgency', label: '所属机构', hidden: true},
            {prop: 'cityCode', label: '地市编码', hidden: true},
            {prop: 'regionalName', label: '区划名称', hidden: true},
            {prop: 'repairAddress', label: '维修地址'},
            {prop: 'pressureLevel', label: '压力级别', hidden: true},
            {prop: 'repairNature', label: '维修性质', hidden: true},
            {prop: 'repairFaultType', label: '维修故障类型', hidden: true},
            {prop: 'longitude', label: '经度', hidden: true},
            {prop: 'latitude', label: '纬度', hidden: true},
            {prop: 'reportTime', label: '报修时间'},
            {prop: 'repairCompleteTime', label: '抢修完成时间', hidden: true},
            {prop: 'repairTime', label: '维修时间', hidden: true},
            {prop: 'pipeMaterial', label: '管材', hidden: true},
            {prop: 'repairContentAndResult', label: '抢修内容及结果', hidden: true},
            {prop: 'repairUnitName', label: '抢修单位名称', hidden: true},
            {prop: 'uscc', label: '抢修单位统一社会信用代码', hidden: true},
            {prop: 'informationSource', label: '信息来源', hidden: true},
            {prop: 'createTime', label: '数据创建时间', hidden: true},
            {prop: 'updateTime', label: '数据更新时间', hidden: true},
            {prop: 'deptId', label: '部门id', hidden: true},
            {prop: 'deptName', label: '部门名称', hidden: true}
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if(type == '燃气场站信息'){
        this.tableListVisible = true
        gasViewGetGasStationList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            stationNumber: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            cityCode: this.searchValue
          } : {}),
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: 'id', label: '主键ID', hidden: true},
            {prop: 'stationNumber', label: '场站编号'},
            {prop: 'name', label: '名称'},
            {prop: 'cityCode', label: '地市编码'},
            {prop: 'regionalName', label: '区划名称'},
            {prop: 'longitude', label: '经度', hidden: true},
            {prop: 'latitude', label: '纬度', hidden: true},
            {prop: 'address', label: '地址', hidden: true},
            {prop: 'stationType', label: '场站类型', hidden: true},
            {prop: 'flowRate', label: '流量', hidden: true},
            {prop: 'cumulativeValue', label: '累计值', hidden: true},
            {prop: 'plannedValue', label: '计划值', hidden: true},
            {prop: 'createTime', label: '数据创建时间', hidden: true},
            {prop: 'updateTime', label: '数据更新时间', hidden: true},
            {prop: 'deptId', label: '部门id', hidden: true},
            {prop: 'deptName', label: '部门名称', hidden: true}
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      /****************************************************************燃气部分*******************************************************/
      /****************************************************************供热部分*******************************************************/
      else if (type == '供热管线') {
        this.tableListVisible = true
        setTimeout(() => {
          this.checkedBaseDOptions = [172];
          this.$refs.supermap.reload(this.checkedBaseDOptions)
        }, 5000)
        getHeatingPipeList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            pipelineCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            districtName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {
              prop: 'id',
              label: '主键',
              hidden: true
            },
            {
              prop: 'pipelineCode',
              label: '管线编码'
            },
            {
              prop: 'pipelineCategory',
              label: '管线类别',
            },
            {
              prop: 'cityCode',
              label: '地市编码',
              hidden: true
            },
            {
              prop: 'districtName',
              label: '区划名称'
            },
            {
              prop: 'startPointId',
              label: '起点编号',
              hidden: true
            },
            {
              prop: 'endPointId',
              label: '终点编号',
              hidden: true
            },
            {
              prop: 'startPointElevation',
              label: '起点高程',
              hidden: true
            },
            {
              prop: 'endPointElevation',
              label: '终点高程',
              hidden: true
            },
            {
              prop: 'longitude',
              label: '经度',
              hidden: true
            },
            {
              prop: 'latitude',
              label: '纬度',
              hidden: true
            },
            {
              prop: 'startPointBurialDepth',
              label: '起点埋深',
              hidden: true
            },
            {
              prop: 'endPointBurialDepth',
              label: '终点埋深',
              hidden: true
            },
            {
              prop: 'pipeDiameter',
              label: '管径',
              hidden: true
            },
            {
              prop: 'material',
              label: '材质',
              hidden: true
            },
            {
              prop: 'insulationMaterial',
              label: '保温材质',
              hidden: true
            },
            {
              prop: 'insulationLayerThickness',
              label: '保温层厚度',
              hidden: true
            },
            {
              prop: 'protectiveLayerMaterial',
              label: '保护层材质',
              hidden: true
            },
            {
              prop: 'protectiveLayerThickness',
              label: '保护层厚度',
              hidden: true
            },
            {
              prop: 'pressureLevel',
              label: '压力级别',
              hidden: true
            },
            {
              prop: 'pressure',
              label: '压力',
              hidden: true
            },
            {
              prop: 'flowDirection',
              label: '流向',
              hidden: true
            },
            {
              prop: 'burialDate',
              label: '埋深日期',
              hidden: true
            },
            {
              prop: 'burialType',
              label: '埋深类型',
              hidden: true
            },
            {
              prop: 'pipelineAge',
              label: '管道年限',
              hidden: true
            },
            {
              prop: 'pipelineType',
              label: '线型',
              hidden: true
            },
            {
              prop: 'roadName',
              label: '所在道路',
              hidden: true
            },
            {
              prop: 'ownershipUnitName',
              label: '权属单位名称',
              hidden: true
            },
            {
              prop: 'ownershipUnitCreditCode',
              label: '权属单位信用代码',
              hidden: true
            },
            {
              prop: 'usageUnitName',
              label: '使用单位名称',
              hidden: true
            },
            {
              prop: 'usageUnitCreditCode',
              label: '使用单位信用代码',
              hidden: true
            },
            {
              prop: 'maintenanceUnitName',
              label: '维修责任单位名称',
              hidden: true
            },
            {
              prop: 'maintenanceUnitCreditCode',
              label: '维修责任单位信用代码',
              hidden: true
            },
            {
              prop: 'constructionYear',
              label: '建设年代',
              hidden: true
            },
            {
              prop: 'deptId',
              label: '部门id',
              hidden: true
            },
            {
              prop: 'deptName',
              label: '部门名称',
              hidden: true
            },
            {
              prop: 'length',
              label: '长度',
              hidden: true
            },
            {
              prop: 'source',
              label: '数据源',
              hidden: true
            },
            {
              prop: 'dataSet',
              label: '数据集',
              hidden: true
            },
            {
              prop: 'smId',
              label: 'SMID',
              hidden: true
            },
          ]
          this.tableList = res.rows
          this.total = res.total
          this.latKey = 'latitude'
          this.lonKey = 'longitude'
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if (type == '换热站信息') {
        this.tableListVisible = true
        getStationList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            heatStationCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            heatStationName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [{
            prop: `id`,
            label: '主键ID',
            hidden: true
          },
            {
              prop: `heatStationName`,
              label: '换热站名称'
            },
            {
              prop: `heatStationCode`,
              label: '换热站编号'
            },
            {
              prop: `heatingRange`,
              label: '供热范围',
              hidden: true
            },
            {
              prop: `heatingArea`,
              label: '供热面积',
              hidden: true
            },
            {
              prop: `heatExchangeCapacity`,
              label: '换热器供热能力',
              hidden: true
            },
            {
              prop: `circulationPumpPower`,
              label: '循环泵功率',
              hidden: true
            },
            {
              prop: `circulationPumpFlow`,
              label: '循环泵流量',
              hidden: true
            },
            {
              prop: `circulationPumpHead`,
              label: '循环泵扬程',
              hidden: true
            },
            {
              prop: `feedPumpPower`,
              label: '补水泵功率',
              hidden: true
            },
            {
              prop: `feedPumpFlow`,
              label: '补水泵流量',
              hidden: true
            },
            {
              prop: `feedPumpHead`,
              label: '补水泵扬程',
              hidden: true
            },
            {
              prop: `manufacturingTime`,
              label: '补水泵出厂日期',
              hidden: true
            },
            {
              prop: `ownerUnitName`,
              label: '权属单位名称',
              hidden: true
            },
            {
              prop: `uscc`,
              label: '权属单位信用代码',
              hidden: true
            },
            {
              prop: `useUnitName`,
              label: '使用单位名称',
              hidden: true
            },
            {
              prop: `uucc`,
              label: '使用单位信用代码',
              hidden: true
            },
            {
              prop: `maintenanceUnitName`,
              label: '维修责任单位名称',
              hidden: true
            },
            {
              prop: `ucc`,
              label: '维修责任单位信用代码',
              hidden: true
            },
            {
              prop: `cityCode`,
              label: '地市编码',
              hidden: true
            },
            {
              prop: `regionalName`,
              label: '区划名称',
              hidden: true
            },
            {
              prop: `longitude`,
              label: '经度',
              hidden: true
            },
            {
              prop: `latitude`,
              label: '纬度',
              hidden: true
            },
            {
              prop: `dutyPhone`,
              label: '值班电话'
            },
            {
              prop: `address`,
              label: '地址',
              hidden: true
            },
            {
              prop: `putUseTime`,
              label: '投入使用时间',
              hidden: true
            },
            // {prop:`createTime`,label:'数据创建时间'},
            // {prop:`updateTime`,label:'数据更新时间'},
            // {prop:`deviceCode`,label:'设备编码'},
            // {prop:`deptId`,label:'部门id'},
            {
              prop: `deptName`,
              label: '部门名称',
              hidden: true
            },
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if (type == '热源厂信息') {
        this.tableListVisible = true
        getPlantList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            heatStationCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            plantName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [{
            prop: `id`,
            label: '主键ID',
            hidden: true
          },
            {
              prop: `plantName`,
              label: '热源厂名称'
            },
            {
              prop: `districtName`,
              label: '区划名称'
            },
            {
              prop: `longitude`,
              label: '经度',
              hidden: true
            },
            {
              prop: `latitude`,
              label: '纬度',
              hidden: true
            },
            {
              prop: `heatSourceType`,
              label: '热源类型',
              hidden: true
            },
            {
              prop: `heatingRange`,
              label: '供热范围',
              hidden: true
            },
            {
              prop: `heatingCapacity`,
              label: '供热能力',
              hidden: true
            },
            {
              prop: `dutyPhone`,
              label: '值班电话'
            },
            {
              prop: `address`,
              label: '地址',
              hidden: true
            },
            {
              prop: `floorArea`,
              label: '占地面积',
              hidden: true
            },
            {
              prop: `ownerUnitName`,
              label: '权属单位名称',
              hidden: true
            },
            {
              prop: `ownerUnitCode`,
              label: '权属单位信用代码',
              hidden: true
            },
            {
              prop: `useStartDate`,
              label: '投入使用时间',
              hidden: true
            },
            {
              prop: `deptName`,
              label: '部门名称',
              hidden: true
            },
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if (type == '供热窨井') {
        this.tableListVisible = true
        getManholeList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            facilityCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            districtName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [{
            prop: 'id',
            label: '主键',
            hidden: true
          },
            {
              prop: `facilityCode`,
              label: '设施编码'
            },
            {
              prop: `explorationPointNo`,
              label: '物探点号'
            },
            {
              prop: `cityCode`,
              label: '地市编码',
              hidden: true
            },
            {
              prop: `manholeLongitude`,
              label: '窨井经度',
              hidden: true
            },
            {
              prop: `manholeLatitude`,
              label: '窨井纬度',
              hidden: true
            },
            {
              prop: `districtName`,
              label: '区划名称'
            },
            {
              prop: `elevation`,
              label: '高程',
              hidden: true
            },
            {
              prop: `burialDepth`,
              label: '埋深',
              hidden: true
            },
            {
              prop: `characteristicPoint`,
              label: '特征点',
              hidden: true
            },
            {
              prop: `appurtenance`,
              label: '附属物',
              hidden: true
            },
            {
              prop: `roadName`,
              label: '所在道路',
              hidden: true
            },
            {
              prop: `symbolRotationAngle`,
              label: '点符号旋转角',
              hidden: true
            },
            {
              prop: `bottomDepth`,
              label: '井底埋深',
              hidden: true
            },
            {
              prop: `coverShape`,
              label: '井盖形状',
              hidden: true
            },
            {
              prop: `coverMaterial`,
              label: '井盖材质',
              hidden: true
            },
            {
              prop: `coverSize`,
              label: '井盖尺寸',
              hidden: true
            },
            {
              prop: `manholeMaterial`,
              label: '检修井材质',
              hidden: true
            },
            {
              prop: `neckDepth`,
              label: '井脖深',
              hidden: true
            },
            {
              prop: `chamberSpecification`,
              label: '井室规格',
              hidden: true
            },
            {
              prop: `manholeNature`,
              label: '窨井性质',
              hidden: true
            },
            {
              prop: `installationDate`,
              label: '安装日期',
              hidden: true
            },
            {
              prop: `installerName`,
              label: '安装单位名称',
              hidden: true
            },
            {
              prop: `installerCreditCode`,
              label: '安装单位统一社会信用代码',
              hidden: true
            },
            {
              prop: `ownerName`,
              label: '权属单位名称',
              hidden: true
            },
            {
              prop: `ownerCreditCode`,
              label: '权属单位信用代码',
              hidden: true
            },
            {
              prop: `userName`,
              label: '使用单位名称',
              hidden: true
            },
            {
              prop: `userCreditCode`,
              label: '使用单位信用代码',
              hidden: true
            },
            {
              prop: `maintenanceUnitName`,
              label: '维修责任单位名称',
              hidden: true
            },
            {
              prop: `maintenanceUnitCreditCode`,
              label: '维修责任单位信用代码',
              hidden: true
            },
            {
              prop: `deptId`,
              label: '部门id',
              hidden: true
            },
            {
              prop: `deptName`,
              label: '部门名称',
              hidden: true
            },
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      /****************************************************************供热部分*******************************************************/
      /****************************************************************供水部分*******************************************************/
      else if (type == '供水管线') {
        this.tableListVisible = true
        getWaterPipeList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            pipeCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            regionalName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: "facilityCode" ,label: "设施编码",hidden: true},
            {prop: "facilityStartAddr" ,label: "设施起点位置",hidden: true},
            {prop: "facilityEndAddr" ,label: "设施终点位置",hidden: true},
            {prop: "pipeCode" ,label: "管线段编码",},
            {prop: "pipeType" ,label: "管线类别",hidden: true},
            {prop: "pipeTypeLabel" ,label: "管线类别名称",},
            {prop: "cityCode" ,label: "地市编码",hidden: true},
            {prop: "regionalId" ,label: "区划ID",hidden: true},
            {prop: "regionalName" ,label: "区划名称"},
            {prop: "pipeStartNum" ,label: "起点编号",hidden: true},
            {prop: "pipeEndNum" ,label: "终点编号",hidden: true},
            {prop: "pipeStartElevation" ,label: "起点高程",hidden: true},
            {prop: "pipeEndElevation" ,label: "终点高程",hidden: true},
            {prop: "startDepth" ,label: "起点埋深",hidden: true},
            {prop: "endDepth" ,label: "终点埋深",hidden: true},
            {prop: "pipeDiameter" ,label: "管径",},
            {prop: "material" ,label: "材质",},
            {prop: "pressureLevel" ,label: "压力级别",hidden: true},
            {prop: "pressure" ,label: "压力",hidden: true},
            {prop: "flowDirection" ,label: "流向",hidden: true},
            {prop: "depthType" ,label: "埋深类型",hidden: true},
            {prop: "duration" ,label: "管道年限",hidden: true},
            {prop: "pipeStatus" ,label: "管线状态",hidden: true},
            {prop: "supplyNature" ,label: "供水性质",hidden: true},
            {prop: "belongDeptName" ,label: "权属单位名称",hidden: true},
            {prop: "uscc" ,label: "权属单位社会信用代码",hidden: true},
            {prop: "constructionTime" ,label: "建设年代",hidden: true},
            {prop: "createTime" ,label: "",hidden: true},
            {prop: "updateTime" ,label: "",hidden: true},
            {prop: "length" ,label: "长度",hidden: true},
            {prop: "deptId",label: "部门Id",hidden: true},
            {prop: "deptName" ,label: "部门",hidden: true},
          ]
          this.tableList = res.rows
          this.total = res.total
          this.latKey = 'latitude'
          this.lonKey = 'longitude'
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if (type == '供水窨井设施') {
        this.tableListVisible = true
        waterGetManholeList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            manholeCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            cityCode: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: "facilityCode" ,label: "设施编码",hidden: true},
            {prop: "id" ,label: "设施编码",hidden: true},
            {prop: "manholeCode",label: "窨井编码"},
            {prop: "lng",label: "经度",hidden: true},
            {prop: "lat",label: "纬度",hidden: true},
            {prop: "gsp",label: "物探点号",hidden: true},
            {prop: "cityCode",label: "地市编码"},
            {prop: "regionalName",label: "区划名称"},
            {prop: "elevation",label: "高程",hidden: true},
            {prop: "depth",label: "埋深",hidden: true},
            {prop: "character",label: "特征点",hidden: true},
            {prop: "annex",label: "附属物",hidden: true},
            {prop: "road",label: "所在道路",hidden: true},
            {prop: "psra",label: "点符号旋转角",hidden: true},
            {prop: "wellBottomDepth",label: "井底埋深",hidden: true},
            {prop: "coverShape",label: "井盖形状",hidden: true},
            {prop: "coverMaterial",label: "井盖材质",hidden: true},
            {prop: "coverSize",label: "井盖尺寸",hidden: true},
            {prop: "chamberMaterial",label: "检修井材质",hidden: true},
            {prop: "neckDepth",label: "井脖深",hidden: true},
            {prop: "chamberSize",label: "井室规格",hidden: true},
            {prop: "installTime",label: "安装日期",hidden: true},
            {prop: "installDeptName",label: "安装单位名称",hidden: true},
            {prop: "uscc",label: "权属单位统一社会信用代码",hidden: true},
            {prop: "length" ,label: "长度",hidden: true},
            {prop: "createTime" ,label: "",hidden: true},
            {prop: "updateTime" ,label: "",hidden: true},
            {prop: "deptId",label: "部门Id",hidden: true},
            {prop: "deptName" ,label: "部门",hidden: true},
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if (type == '供水维修记录信息') {
        this.tableListVisible = true
        getRepairOrderList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            repairFormId: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            regionalName: this.searchValue
          } : {}),
          ...(this.searchTime ? {
            repairTime: this.searchTime
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: "id",label: "id",hidden: true},
            {prop: "repairFormId",label: "维修单编号"},
            {prop: "cityCode",label: "地市编码",hidden: true},
            {prop: "regionalName",label: "区划名称"},
            {prop: "repairTime",label: "修复时间"},
            {prop: "exactLocation",label: "具体位置"},
            {prop: "pipeMaterial",label: "管材",hidden: true},
            {prop: "pipeDiameter",label: "管径",hidden: true},
            {prop: "constructionTime",label: "建设年代",hidden: true},
            {prop: "lng",label: "经度",hidden: true},
            {prop: "lat",label: "纬度",hidden: true},
            {prop: "filler",label: "接口填料",hidden: true},
            {prop: "embalmMaterial",label: "防腐材料",hidden: true},
            {prop: "roadType",label: "路面种类",hidden: true},
            {prop: "foundationSoil",label: "地基土壤",hidden: true},
            {prop: "leakType",label: "漏水类型",hidden: true},
            {prop: "crack",label: "突发爆管",hidden: true},
            {prop: "leakLocation",label: "漏损部位",hidden: true},
            {prop: "crackReason",label: "爆管原因",hidden: true},
            {prop: "repairMethods",label: "维修方法",hidden: true},
            {prop: "createTime" ,label: "",hidden: true},
            {prop: "updateTime" ,label: "",hidden: true},
            {prop: "deptId",label: "部门Id",hidden: true},
            {prop: "deptName" ,label: "部门",hidden: true},
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if (type == '供水泵站信息') {
        this.tableListVisible = true
        getPumpStationList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            cityCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            pumpStationName: this.searchValue
          } : {}),
          ...(this.searchTime ? {
            repairTime: this.searchTime
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: "id",label: "id",hidden: true},
            {prop: "cityCode",label: "地市编码"},
            {prop: "regionalName",label: "区划名称",hidden: true},
            {prop: "pumpStationCode",label: "泵站编码",hidden: true},
            {prop: "pumpStationName",label: "泵站名称"},
            {prop: "pumpStationType",label: "泵站类型"},
            {prop: "structural",label: "泵站结构形式",hidden: true},
            {prop: "lng",label: "经度",hidden: true},
            {prop: "lat",label: "纬度",hidden: true},
            {prop: "address",label: "地址"},
            {prop: "builder",label: "建设单位",hidden: true},
            {prop: "maintainer",label: "运管单位",hidden: true},
            {prop: "designer",label: "设计单位",hidden: true},
            {prop: "surveyor",label: "勘察单位",hidden: true},
            {prop: "construction",label: "施工单位",hidden: true},
            {prop: "buildTime",label: "建成年月",hidden: true},
            {prop: "designCapacity",label: "设计供水能力",hidden: true},
            {prop: "serviceScope",label: "服务范围",hidden: true},
            {prop: "serviceArea",label: "服务面积",hidden: true},
            {prop: "servicePopulation",label: "服务人口",hidden: true},
            {prop: "pumpsCount",label: "水泵数量",hidden: true},
            {prop: "pumpCode",label: "水泵编号",hidden: true},
            {prop: "pumpFlowrate",label: "水泵流量",hidden: true},
            {prop: "lift",label: "扬程",hidden: true},
            {prop: "power",label: "功率",hidden: true},
            {prop: "pumpType",label: "设备类型",hidden: true},
            {prop: "manufacturer",label: "生产厂家",hidden: true},
            {prop: "productionTime",label: "出厂日期",hidden: true},
            {prop: "installTime",label: "安装日期",hidden: true},
            {prop: "tankCapacity",label: "清水池容积",hidden: true},
            {prop: "storageCapacity",label: "当前蓄水量",hidden: true},
            {prop: "inletPressure",label: "进水压力",hidden: true},
            {prop: "outletPressure",label: "出水压力",hidden: true},
            {prop: "inletFlow",label: "进水流量",hidden: true},
            {prop: "outletFlow",label: "出水流量",hidden: true},
            {prop: "quality",label: "在线水质监测",hidden: true},
            {prop: "createTime",label: "创建时间",hidden: true},
            {prop: "updateTime",label: "更新时间",hidden: true},
            {prop: "deptId",label: "部门id",hidden: true},
            {prop: "deptName",label: "部门名称",hidden: true},
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if (type == '供水项目库信息') {
        this.tableListVisible = true
        getProjectRepositoryList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchValue ? {
            constructionInformation: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {
              prop: `userId`,
              label: '用户ID',
              hidden: true
            },
            {
              prop: `constructionInformation`,
              label: '项目建设规划信息'
            },
            {
              prop: `inventoryDetails`,
              label: '项目清单明细'
            },
            // {prop:`email`,label:'用户邮箱'},
            {
              prop: `progress`,
              label: '项目进度'
            },
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      /****************************************************************供水部分*******************************************************/
      /****************************************************************排水部分*******************************************************/
      else if (type == '排水管线'){
        pipeList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            roadName: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            pipelineCode: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: `id`, label: '主键Id',hidden: true},
            {prop: `pipelineCode`, label: '管线编码'},
            {prop: `pipelineCategory`, label: '管线类别'},
            {prop: `cityCode`, label: '地市编码',hidden: true},
            {prop: `districtName`, label: '区划名称',hidden: true},
            {prop: `startPointId`, label: '起点编号',hidden: true},
            {prop: `endPointId`, label: '终点编号',hidden: true},
            {prop: `startPointElevation`, label: '起点高程',hidden: true},
            {prop: `endPointElevation`, label: '终点高程',hidden: true},
            {prop: `startPointBurialDepth`, label: '起点埋深',hidden: true},
            {prop: `endPointBurialDepth`, label: '终点埋深',hidden: true},
            {prop: `pipeDiameter`, label: '管径',hidden: true},
            {prop: `material`, label: '材质',hidden: true},
            {prop: `pressureLevel`, label: '压力级别',hidden: true},
            {prop: `pressure`, label: '压力',hidden: true},
            {prop: `flowDirection`, label: '流向',hidden: true},
            {prop: `pressureType`, label: '压力类型',hidden: true},
            {prop: `burialTime`, label: '埋深日期',hidden: true},
            {prop: `burialType`, label: '埋设类型',hidden: true},
            {prop: `crossSectionalForm`, label: '断面形式',hidden: true},
            {prop: `pipelineAge`, label: '管道年限',hidden: true},
            {prop: `pipelineType`, label: '线型',hidden: true},
            {prop: `roadName`, label: '所在道路'},
            {prop: `ownershipUnitName`, label: '权属单位名称',hidden: true},
            {prop: `ownershipUnitCreditCode`, label: '权属单位统一信用代码',hidden: true},
            {prop: `constructionYear`, label: '建设年代',hidden: true},
            {prop: `deptName`, label: '部门名称',hidden: true},
            {prop: `length`, label: '长度',hidden: true},
            {prop: `longitude`, label: '经度',hidden: true},
            {prop: `latitude`, label: '纬度',hidden: true},
          ]
          // 地图绑定落点
          setTimeout(() => {
            this.tableList = res.rows
            this.total = res.total
            if (res.rows) {
              this.dataText = "暂无数据"
            }
          })
        })
      }
      else if (type == '排水窨井信息'){
        manholeList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            coverMaterial: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            roadName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: `id`, label: '主键ID',hidden: true},
            {prop: `manholeCode`, label: '窨井编码'},
            {prop: `longitude`, label: '窨井经度',hidden: true},
            {prop: `latitude`, label: '窨井纬度',hidden: true},
            {prop: `explorationPointNo`, label: '物探点号',hidden: true},
            {prop: `cityCode`, label: '地市编码',hidden: true},
            {prop: `districtName`, label: '区划名称',hidden: true},
            {prop: `elevation`, label: '高程',hidden: true},
            {prop: `burialDepth`, label: '埋深',hidden: true},
            {prop: `characteristicPoint`, label: '特征点',hidden: true},
            {prop: `appurtenance`, label: '附属物',hidden: true},
            {prop: `roadName`, label: '所在道路'},
            {prop: `symbolRotationAngle`, label: '旋转角度',hidden: true},
            {prop: `bottomDepth`, label: '井底埋深',hidden: true},
            {prop: `coverShape`, label: '井盖形状',hidden: true},
            {prop: `coverMaterial`, label: '井盖材质'},
            {prop: `coverSize`, label: '井盖尺寸',hidden: true},
            {prop: `manholeMaterial`, label: '检修井材质',hidden: true},
            {prop: `neckDepth`, label: '井脖深',hidden: true},
            {prop: `chamberSpecification`, label: '井室规格',hidden: true},
            {prop: `installationDate`, label: '安装日期',hidden: true},
            {prop: `installerName`, label: '安装单位名称',hidden: true},
            {prop: `installerCreditCode`, label: '安装单位统一社会信用代码',hidden: true},
            {prop: `deptName`, label: '部门名称',hidden: true}
          ]
          setTimeout(() => {
            this.tableList = res.rows
            this.total = res.total
            if (res.rows) {
              this.dataText = "暂无数据"
            }
          })
        })
      }
      else if (type == '排水泵站信息'){
        pumpingStationList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            pumpingStationCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            pumpingStationName: this.searchValue
          } : {}),
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: `id`, label: '主键ID',hidden: true},
            {prop: `pumpingStationCode`, label: '泵站编号'},
            {prop: `pumpingStationName`, label: '泵站名称'},
            {prop: `cityCode`, label: '地市编码',hidden: true},
            {prop: `districtName`, label: '区划名称'},
            {prop: `pumpingStationType`, label: '泵站类型',hidden: true},
            {prop: `longitude`, label: '经度',hidden: true},
            {prop: `latitude`, label: '纬度',hidden: true},
            {prop: `address`, label: '地址',hidden: true},
            {prop: `pumpCount`, label: '拥有泵数量',hidden: true},
            {prop: `designedRainwaterDrainageCapacity`, label: '设计雨水排水能力',hidden: true},
            {prop: `designedSewageDrainageCapacity`, label: '设计污水排水能力',hidden: true},
            {prop: `serviceRange`, label: '服务范围',hidden: true},
            {prop: `serviceArea`, label: '服务面积',hidden: true},
            {prop: `responsiblePerson`, label: '责任人',hidden: true},
            {prop: `contactNumber`, label: '责任人联系方式',hidden: true},
            {prop: `pumpCode`, label: '泵编号',hidden: true},
            {prop: `pumpPower`, label: '泵抽水功率',hidden: true},
            {prop: `equipmentType`, label: '设备类型',hidden: true},
            {prop: `manufacturer`, label: '生产厂家',hidden: true},
            {prop: `productionDate`, label: '出厂日期',hidden: true},
            {prop: `installationDate`, label: '安装日期',hidden: true},
            {prop: `createTime`, label: '创建时间',hidden: true},
            {prop: `updateTime`, label: '更新时间',hidden: true},
            {prop: `remark`, label: '备注',hidden: true},
            {prop: `deptName`, label: '部门名称',hidden: true}
          ]
          setTimeout(() => {
            this.tableList = res.rows
            this.total = res.total
            if (res.rows) {
              this.dataText = "暂无数据"
            }
          })
        })
      }
      else if (type == '下穿立交信息'){
        overpassList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            overpassCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            overpassName: this.searchValue
          } : {}),
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: `id`, label: '主键ID',hidden: true},
            {prop: `overpassCode`, label: '下穿立交编号'},
            {prop: `overpassName`, label: '下穿立交名称'},
            {prop: `cityCode`, label: '地市编码',hidden: true},
            {prop: `districtName`, label: '区划名称'},
            {prop: `longitude`, label: '经度',hidden: true},
            {prop: `latitude`, label: '纬度',hidden: true},
            {prop: `address`, label: '地址',hidden: true},
            {prop: `catchmentArea`, label: '集水面积',hidden: true},
            {prop: `createBy`, label: '创建者',hidden: true},
            {prop: `createTime`, label: '创建时间',hidden: true},
            {prop: `updateBy`, label: '更新者',hidden: true},
            {prop: `updateTime`, label: '更新时间',hidden: true},
            {prop: `remark`, label: '备注',hidden: true},
            {prop: `deptName`, label: '部门名称',hidden: true}
          ]
          setTimeout(() => {
            this.tableList = res.rows
            this.total = res.total
            if (res.rows) {
              this.dataText = "暂无数据"
            }
          })
        })
      }
      else if (type == '易涝点信息'){
        easyFloodList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchValue ? {
            floodName: this.searchValue
          } : {}),
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: `id`, label: '主键ID',hidden: true},
            {prop: `floodCode`, label: '易涝点编号',hidden: true},
            {prop: `floodName`, label: '易涝点名称'},
            {prop: `waterDepth`, label: '积水深度',hidden: true},
            {prop: `cityCode`, label: '地市编码',hidden: true},
            {prop: `districtName`, label: '区划名称'},
            {prop: `longitude`, label: '经度',hidden: true},
            {prop: `latitude`, label: '纬度',hidden: true},
            {prop: `address`, label: '地址',hidden: true},
            {prop: `roadName`, label: '所在道路'},
            {prop: `maxWaterTime`, label: '最长积水时间',hidden: true},
            {prop: `maxWaterArea`, label: '最大积水面积',hidden: true},
            {prop: `floodReason`, label: '积水原因',hidden: true},
            {prop: `responsiblePerson`, label: '负责人',hidden: true},
            {prop: `contactNumber`, label: '负责人联系方式',hidden: true},
            {prop: `floodOccurTime`, label: '易涝点产生时间',hidden: true},
            {prop: `rectifyStatus`, label: '整改状态',hidden: true},
            {prop: `rectifyTime`, label: '整改时间',hidden: true},
            {prop: `rectifyMeasures`, label: '整改措施',hidden: true},
            {prop: `createTime`, label: '创建时间',hidden: true},
            {prop: `updateTime`, label: '更新时间',hidden: true},
            {prop: `remark`, label: '备注',hidden: true},
            {prop: `deptName`, label: '部门名称',hidden: true}
          ]
          setTimeout(() => {
            this.tableList = res.rows
            this.total = res.total
            if (res.rows) {
              this.dataText = "暂无数据"
            }
          })
        })
      }
      else if (type == '雨量站信息'){
        rainGaugeStationList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            stationCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            stationName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: `id`, label: '主键ID',hidden: true},
            {prop: `stationCode`, label: '站点编号'},
            {prop: `stationName`, label: '站点名称'},
            {prop: `stationType`, label: '站点类型',hidden: true},
            {prop: `cityCode`, label: '地市编码',hidden: true},
            {prop: `districtName`, label: '区划名称'},
            {prop: `address`, label: '地址',hidden: true},
            {prop: `longitude`, label: '经度',hidden: true},
            {prop: `latitude`, label: '纬度',hidden: true},
            {prop: `alarmWaterLevel`, label: '报警水位',hidden: true},
            {prop: `facilityStatus`, label: '设施状态',hidden: true},
            {prop: `createTime`, label: '数据创建时间',hidden: true},
            {prop: `updateTime`, label: '数据更新时间',hidden: true},
            {prop: `deptName`, label: '部门名称',hidden: true}
          ]
          setTimeout(() => {
            this.tableList = res.rows
            this.total = res.total
            if (res.rows) {
              this.dataText = "暂无数据"
            }
          })
        })
      }
      else if (type == '污水处理厂信息'){
        sewageTreatmentPlantsList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            plantCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            plantName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: `id`, label: '主键ID',hidden: true},
            {prop: `plantCode`, label: '污水厂编号'},
            {prop: `plantName`, label: '污水厂名称'},
            {prop: `address`, label: '地址',hidden: true},
            {prop: `cityCode`, label: '地市编码',hidden: true},
            {prop: `regionalName`, label: '区划名称'},
            {prop: `treatmentCapacity`, label: '处理规模',hidden: true},
            {prop: `longitude`, label: '经度',hidden: true},
            {prop: `latitude`, label: '纬度',hidden: true},
            {prop: `roadName`, label: '所在道路'},
            {prop: `constructionUnit`, label: '建设单位名称',hidden: true},
            {prop: `cuc`, label: '建设单位统一社会信用代码',hidden: true},
            {prop: `constructionTime`, label: '建设时间',hidden: true},
            {prop: `operationUnit`, label: '运营单位名称',hidden: true},
            {prop: `ouc`, label: '运营单位统一社会信用代码',hidden: true},
            {prop: `managementUnit`, label: '管理单位名称',hidden: true},
            {prop: `muc`, label: '管理单位统一社会信用代码',hidden: true},
            {prop: `landArea`, label: '占地面积',hidden: true},
            {prop: `treatmentFacilities`, label: '污水处理设施',hidden: true},
            {prop: `facilityType`, label: '设施类型',hidden: true},
            {prop: `drainageDestination`, label: '排水去向',hidden: true},
            {prop: `treatmentProcess`, label: '处理工艺',hidden: true},
            {prop: `sludgeDestination`, label: '污泥去向',hidden: true},
            {prop: `createTime`, label: '数据创建时间',hidden: true},
            {prop: `updateTime`, label: '数据更新时间',hidden: true},
            {prop: `deptName`, label: '部门名称',hidden: true}
          ]
          setTimeout(() => {
            this.tableList = res.rows
            this.total = res.total
            if (res.rows) {
              this.dataText = "暂无数据"
            }
          })
        })
      }
      else if (type == '堤防信息'){
        embankmentList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchValue ? {
            name: this.searchValue
          } : {}),
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: `id`, label: '主键ID',hidden: true},
            {prop: `embankmentCode`, label: '堤防编号'},
            {prop: `name`, label: '名称'},
            {prop: `cityCode`, label: '地市编码',hidden: true},
            {prop: `regionalName`, label: '区划名称'},
            {prop: `type`, label: '类型',hidden: true},
            {prop: `level`, label: '等级',hidden: true},
            {prop: `typeDescription`, label: '类型描述',hidden: true},
            {prop: `startPosition`, label: '起点位置',hidden: true},
            {prop: `endPosition`, label: '终点位置',hidden: true},
            {prop: `positionInfo`, label: '位置信息',hidden: true},
            {prop: `longitude`, label: '经度',hidden: true},
            {prop: `latitude`, label: '纬度',hidden: true},
            {prop: `createTime`, label: '创建时间',hidden: true},
            {prop: `updateTime`, label: '更新时间',hidden: true},
            {prop: `deptName`, label: '部门名称',hidden: true}
          ]
          setTimeout(() => {
            this.tableList = res.rows
            this.total = res.total
            if (res.rows) {
              this.dataText = "暂无数据"
            }
          })
        })
      }
      else if (type == '调蓄设施信息'){
        storageFacilitiesList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            facilityCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            facilityName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: `id`, label: '主键ID',hidden: true},
            {prop: `facilityCode`, label: '设施编号'},
            {prop: `facilityName`, label: '设施名称'},
            {prop: `facilityType`, label: '设施类型',hidden: true},
            {prop: `geoCode`, label: '地理编码',hidden: true},
            {prop: `regionalName`, label: '区划名称'},
            {prop: `designCapacity`, label: '设计容量',hidden: true},
            {prop: `designFlow`, label: '设计流量',hidden: true},
            {prop: `landArea`, label: '占地面积',hidden: true},
            {prop: `material`, label: '材质',hidden: true},
            {prop: `inletCount`, label: '进水口数量',hidden: true},
            {prop: `outletCount`, label: '出水口数量',hidden: true},
            {prop: `currentWaterLevel`, label: '当前水位',hidden: true},
            {prop: `currentStorage`, label: '当前蓄水量',hidden: true},
            {prop: `inflowRate`, label: '进水流量',hidden: true},
            {prop: `outflowRate`, label: '出水流量',hidden: true},
            {prop: `sludgeDestination`, label: '污泥去向',hidden: true},
            {prop: `longitude`, label: '经度',hidden: true},
            {prop: `latitude`, label: '纬度',hidden: true},
            {prop: `createTime`, label: '创建时间',hidden: true},
            {prop: `updateTime`, label: '更新时间',hidden: true},
            {prop: `deptName`, label: '部门名称',hidden: true}
          ]
          setTimeout(() => {
            this.tableList = res.rows
            this.total = res.total
            if (res.rows) {
              this.dataText = "暂无数据"
            }
          })
        })
      }
      /****************************************************************排水部分*******************************************************/
      /****************************************************************管廊部分*******************************************************/
      else if (type == '管廊本体信息') {
        this.tableListVisible = true
        utilityTunnelBodyInformationList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            tunnelCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            districtName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {
              prop: "id",
              label: "id号",
              hidden: true
            },
            {
              prop: "tunnelCode",
              label: "管廊编码",
            },
            {
              prop: "tunnelCategory",
              label: "管廊类别",
              isDict: true,
              dictKey: 'utilityTunnel_body_type'
            },
            {
              prop: "cityCode",
              label: "地市编码",
            },
            {
              prop: "districtName",
              label: "区划名称",
            },
            {
              prop: "startPointNo",
              label: "起点编号",
              hidden: true
            },
            {
              prop: "endPointNo",
              label: "终点编号",
              hidden: true
            },
            {
              prop: "startElevation",
              label: "起点高程(米)",
              hidden: true
            },
            {
              prop: "endElevation",
              label: "终点高程(米)",
              hidden: true
            },
            {
              prop: "startBuriedDepth",
              label: "起点埋深(米)",
              hidden: true
            },
            {
              prop: "endBuriedDepth",
              label: "终点埋深(米)",
              hidden: true
            },
            {
              prop: "diameter",
              label: "管径",
              hidden: true
            },
            {
              prop: "material",
              label: "材质",
              hidden: true
            },
            {
              prop: "pressureLevel",
              label: "压力级别",
              hidden: true
            },
            {
              prop: "pressureValue",
              label: "压力(MPa)",
              hidden: true
            },
            {
              prop: "flowDirection",
              label: "流向",
              hidden: true
            },
            {
              prop: "buriedDate",
              label: "埋深日期",
              hidden: true
            },
            {
              prop: "buriedType",
              label: "埋深类型",
              hidden: true
            },
            {
              prop: "pipelineAge",
              label: "管道年限(年)",
              hidden: true
            },
            {
              prop: "lineType",
              label: "线型",
              hidden: true
            },
            {
              prop: "locatedRoad",
              label: "所在道路",
              hidden: true
            },
            {
              prop: "ownerName",
              label: "权属单位名称",
            },
            {
              prop: "ownerCreditCode",
              label: "权属单位统一信用代码",
              hidden: true
            },
            {
              prop: "constructionYear",
              label: "建设年代",
              hidden: true
            },
            {
              prop: "longitude",
              label: "经度",
              hidden: true
            },
            {
              prop: "latitude",
              label: "纬度",
              hidden: true
            },
            {
              prop: "deptId",
              label: "部门id",
              hidden: true
            },
            {
              prop: "deptName",
              label: "部门名称",
              hidden: true
            }
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if (type == '管廊设施数量') {
        this.tableListVisible = true
        utilityTunnelManholeList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            facilityCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            cityCode: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {
              prop: "id",
              label: "id号",
              hidden: true
            },
            {
              prop: "facilityCode",
              label: "附属设施编码",
            },
            {
              prop: "surveyPointNo",
              label: "物探点号",
              hidden: true
            },
            {
              prop: "longitude",
              label: "窨井经度",
              hidden: true
            },
            {
              prop: "latitude",
              label: "窨井纬度",
              hidden: true
            },
            {
              prop: "cityCode",
              label: "地市编码",
            },
            {
              prop: "districtName",
              label: "区划名称",
              hidden: true
            },
            {
              prop: "elevation",
              label: "高程",
              hidden: true
            },
            {
              prop: "buriedDepth",
              label: "埋深",
              hidden: true
            },
            {
              prop: "featurePoint",
              label: "特征点",
              hidden: true
            },
            {
              prop: "appurtenance",
              label: "附属物",
            },
            {
              prop: "roadName",
              label: "所在道路",
            },
            {
              prop: "symbolRotation",
              label: "点符号旋转角",
              hidden: true
            },
            {
              prop: "bottomDepth",
              label: "井底埋深",
              hidden: true
            },
            {
              prop: "coverShape",
              label: "井盖形状",
              hidden: true
            },
            {
              prop: "coverMaterial",
              label: "井盖材质",
              hidden: true
            },
            {
              prop: "coverSize",
              label: "井盖尺寸",
              hidden: true
            },
            {
              prop: "manholeMaterial",
              label: "检修井材质",
              hidden: true
            },
            {
              prop: "neckDepth",
              label: "井脖深",
              hidden: true
            },
            {
              prop: "chamberSpec",
              label: "井室规格",
              hidden: true
            },
            {
              prop: "installDate",
              label: "安装日期",
              hidden: true
            },
            {
              prop: "installUnit",
              label: "安装单位名称",
              hidden: true
            },
            {
              prop: "unitCreditCode",
              label: "安装单位统一社会信用",
              hidden: true
            },
            {
              prop: "deptId",
              label: "部门id",
              hidden: true
            },
            {
              prop: "deptName",
              label: "部门名称",
              hidden: true
            }
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if (type == '管廊隐患信息') {
        this.tableListVisible = true
        utilityTunnelHiddenDangerList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            dangerId: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            dangerDesc: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: 'dangerId', label:'隐患编号'},
            {prop: 'dangerDesc', label:'隐患描述'},
            {prop: 'cityCode', label:'地市编码',hidden: true},
            {prop: 'districtName', label:'区划名称',hidden: true},
            {prop: 'dangerType',label: '隐患类型',isDict: true,dictKey: 'items_type'},
            {prop: 'address', label:'隐患点地址'},
            {prop: 'longitude', label:'经度',hidden: true},
            {prop: 'latitude', label:'纬度',hidden: true},
            {prop: 'orgStatus', label:'所属机构整改状态',hidden: true},
            {prop: 'reporter', label:'上报人',hidden: true},
            {prop: 'reporterUnit', label:'上报人单位',hidden: true},
            {prop: 'reportTime', label:'上报时间',hidden: true},
            {prop: 'responsiblePerson', label:'整改负责人',hidden: true},
            {prop: 'contact', label:'联系方式',hidden: true},
            {prop: 'planFixTime', label:'计划整改时间',hidden: true},
            {prop: 'actualFixTime', label:'实际整改时间',hidden: true},
            {prop: 'fixResult', label:'整改结果反馈',hidden: true},
            {prop: 'deptName', label:'部门名称',hidden: true}
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if (type == '管廊养护维修') {
        this.tableListVisible = true
        utilityTunnelMaintenanceRepairList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchValue ? {
            repairAddress: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {
              prop: "id",
              label: "id号",
              hidden: true
            },
            {
              prop: "repairAddress",
              label: "维修地址",
            },
            {
              prop: "repairNature",
              label: "维修性质",
              isDict: true,
              dictKey: 'utilityTunnel_repair_properties'
            },
            {
              prop: "faultType",
              label: "维修故障类型",
              isDict: true,
              dictKey: 'utilityTunnel_fult_type'
            },
            {
              prop: "longitude",
              label: "经度",
              hidden: true
            },
            {
              prop: "latitude",
              label: "纬度",
              hidden: true
            },
            {
              prop: "deptId",
              label: "部门id",
              hidden: true
            },
            {
              prop: "deptName",
              label: "部门名称",
              hidden: true
            },
            {
              prop: "repairTime",
              label: "维修时间",
            }

          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      /****************************************************************管廊部分*******************************************************/
      /****************************************************************桥梁部分*******************************************************/
      else if(type == '桥梁基本信息'){
        this.tableListVisible = true
        bridgeViewGetBridgeInfoList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            bridgeCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            bridgeName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: 'id', label: '主键ID', hidden: true},
            {prop: 'bridgeCode', label: '桥梁编号'},
            {prop: 'bridgeName', label: '桥梁名称'},
            {prop: 'locationDescription', label: '地理位置及经纬度'},
            {prop: 'cityCode', label: '地市编码', hidden: true},
            {prop: 'districtName', label: '区划名称'},
            {prop: 'structureType', label: '桥梁结构', hidden: true},
            {prop: 'spanCombination', label: '跨径组合', hidden: true},
            {prop: 'totalLength', label: '桥梁总长度', hidden: true},
            {prop: 'width', label: '桥梁宽度', hidden: true},
            {prop: 'longitude', label: '经度', hidden: true},
            {prop: 'latitude', label: '纬度', hidden: true},
            {prop: 'maintenanceUnit', label: '养护单位', hidden: true},
            {prop: 'constructionUnit', label: '建设单位名称', hidden: true},
            {prop: 'constructionYear', label: '建设年代', hidden: true},
            {prop: 'designUnit', label: '设计单位名称', hidden: true},
            {prop: 'supervisionUnit', label: '监理单位名称', hidden: true},
            {prop: 'constructionUnitName', label: '施工单位名称', hidden: true},
            {prop: 'description', label: '桥梁基本信息描述', hidden: true},
            {prop: 'deptId', label: '部门id', hidden: true},
            {prop: 'deptName', label: '部门名称', hidden: true},
            {prop: 'createTime', label: '创建时间', hidden: true},
            {prop: 'updateTime', label: '更新时间', hidden: true}
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if(type == '联跨墩信息'){
        this.tableListVisible = true
        bridgeViewGetBridgeAllyCrossPierList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            allyCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            bridgeName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: 'id', label: '主键ID', hidden: true},
            {prop: 'allyCode', label: '联编号'},
            {prop: 'cityCode', label: '地市编码', hidden: true},
            {prop: 'districtName', label: '区划名称', hidden: true},
            {prop: 'bridgeCode', label: '所属桥梁编号'},
            {prop: 'bridgeName', label: '所属桥梁名称'},
            {prop: 'allyOrderCode', label: '联顺序编号', hidden: true},
            {prop: 'crossCode', label: '跨编号', hidden: true},
            {prop: 'belongAllyCode', label: '所属联编号', hidden: true},
            {prop: 'startPierCode', label: '起始墩号', hidden: true},
            {prop: 'endPierCode', label: '结束墩号', hidden: true},
            {prop: 'length', label: '长度', hidden: true},
            {prop: 'pierCode', label: '桥墩编号', hidden: true},
            {prop: 'belongCrossCode', label: '所属跨编号', hidden: true},
            {prop: 'pierType', label: '桥墩型式', hidden: true},
            {prop: 'deptId', label: '部门ID', hidden: true},
            {prop: 'deptName', label: '所属部门', hidden: true},
            {prop: 'createBy', label: '创建者', hidden: true},
            {prop: 'createTime', label: '创建时间', hidden: true},
            {prop: 'updateBy', label: '更新者', hidden: true},
            {prop: 'updateTime', label: '更新时间', hidden: true}
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if(type == '检查病害信息'){
        this.tableListVisible = true
        bridgeViewGetBridgeCheckDiseaseList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchCode ? {
            diseaseCode: this.searchCode
          } : {}),
          ...(this.searchValue ? {
            componentName: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: 'id', label: '主键ID', hidden: true},
            {prop: 'diseaseCode', label: '病害编号'},
            {prop: 'cityCode', label: '地市编码', hidden: true},
            {prop: 'districtName', label: '区划名称', hidden: true},
            {prop: 'componentName', label: '部件名称'},
            {prop: 'componentCode', label: '构件编号'},
            {prop: 'defectType', label: '缺损类型'},
            {prop: 'recordCode', label: '记录编号', hidden: true},
            {prop: 'defectScope', label: '缺损范围', hidden: true},
            {prop: 'maintenanceAdvice', label: '保养建议', hidden: true},
            {prop: 'deptId', label: '部门id', hidden: true},
            {prop: 'deptName', label: '部门名称', hidden: true},
            {prop: 'createTime', label: '创建时间', hidden: true},
            {prop: 'updateTime', label: '更新时间', hidden: true}
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      else if(type == '桥梁养护维修'){
        this.tableListVisible = true
        bridgeViewGetBridgeMaintenanceRepairList({
          pageNum: pageNum || 1,
          pageSize: 10,
          ...(this.searchValue ? {
            repairAddress: this.searchValue
          } : {})
        }).then(res => {
          this.tablePropAndLabel = [
            {prop: 'id', label: '主键ID', hidden: true},
            {prop: 'repairAddress', label: '维修地址'},
            {prop: 'repairNature', label: '维修性质'},
            {prop: 'repairFaultType', label: '维修故障类型'},
            {prop: 'longitude', label: '经度', hidden: true},
            {prop: 'latitude', label: '纬度', hidden: true},
            {prop: 'repairTime', label: '维修时间', hidden: true},
            {prop: 'deptId', label: '部门id', hidden: true},
            {prop: 'deptName', label: '部门名称', hidden: true},
            {prop: 'createTime', label: '创建时间', hidden: true},
            {prop: 'updateTime', label: '更新时间', hidden: true}
          ]
          this.tableList = res.rows
          this.total = res.total
          if (res.rows) {
            this.dataText = "暂无数据"
          }
        })
      }
      /****************************************************************桥梁部分*******************************************************/
    },
    tableListSizeChange(pageSize){
      this.TableInfoHandler(this.type,pageSize)
    },
    //列表查询
    TableInfoSearch(){
      this.TableInfoHandler(this.type,1)
    },
    //重置
    TableInfoReset(){
      this.searchValue=''
      this.searchCode=''
      this.searchTime=''
      this.TableInfoHandler(this.type,1)
    },
  }
}
</script>
<style>
  .sjxq_list{
  .el-pagination {
    width: 100% !important;
    text-align: center;
    margin-top: 15px;
  }
  .el-pagination__total {
    margin-right: 10px;
    font-weight: 400;
    color: #fff;
  }

  .el-pagination__total {
    color: #fff !important;
  }

  .el-pagination .btn-next, .el-pagination .btn-prev {
    background: center center no-repeat #011738;
    background-size: 16px;
    cursor: pointer;
    margin: 0;
    color: #7debff;
  }
  .el-pager li.active {
    color: #7debff!important;
    cursor: default;
  }
  .el-pagination button:disabled {
    color: #303133!important;
    background-color: #011738!important;
  }

  .el-pagination button:disabled {
    color: #C0C4CC;
    background-color: #FFF;
    cursor: not-allowed;
  }
  .el-pagination__jump {
    color: #fff!important;
  }

  .el-pager li {
    background: #011738 !important;
    color: #fff !important;
  }
  }
</style>
<style lang="scss" scoped>




.sjxq_list {
  width: 100%;
  float: right;
  >div{
    width:25%
  }

.el-table {
  color: #e8f9ff;
  background-color: #082c4c;
  font-size: 13px;
}

.el-table tr {
  background-color: #082c4c;
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
  background-color: #082c4c
}

.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
  background-color: #012849;
  color: #e8f9ff;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: 1px solid #203767;
}

.el-table--enable-row-hover {
  box-shadow: 0px 0px 4px #032f4f;
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
  background-color: #165fa3;
  color: #0bf3f7;
  box-shadow: 0px 0px 4px #032f4f;
}
}
.sj-dialog-newstyle {
.el-dialog {
  background: #152d4f;
  border-radius: 10px;
  border: 2px solid #3c72c8;
  background: linear-gradient(90deg, #0c274a 0%, rgba(6, 24, 37, 0.9) 100%);

.el-dialog__header {
  background: url(../assets/index_img/d-icon-tit-img.png)no-repeat left;
  margin-left: 15px;
  box-shadow: none;

.el-dialog__title {
  font-size: 18px;
  color: #fff;
  font-weight: bold;

}

}

.el-dialog__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

}


.sj-jcxx {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #3c72c8;
  margin-bottom: 20px;

.tit {
  width: fit-content;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #93a9d5;
}

.sj-jcxx-con {}

.sj-jcxx-con {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;

.con-20 {
  width: 20%;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-top: 15px;

img {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
}

.con-50 {
  width: 50% !important;
}

.con-100 {
  width: 100% !important;
}

.or {
  color: #ff9a6d;
}

.bl {
  color: #42f8ff
}

.z-line {
  width: 100%;
  height: 2px;
  background: #4e6b9a;
  z-index: 9;
  position: absolute;
  top: 32px;
}

.triangle {
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  /* 左侧透明 */
  border-bottom: 11px solid transparent;
  /* 右侧透明 */
  border-left: 16px solid #4e6b9a;
  /* 底部为黑色，形成三角形 */
  position: absolute;
  top: 22px;
  right: -2px;
}

.m60 {
  margin-left: 60px;
}

.z-lc {
  width: 22%;
  display: flex;
  flex-direction: column;
  z-index: 10;
  justify-content: start;
  align-items: start;
  top: 17px;

img {
  width: 51px;
  height: 51px;
}

h5 {
  font-size: 14px;
  position: relative;
  bottom: 0;
}

.z-lc-time {
  background: linear-gradient(0deg, #2A6DCD 0%, rgba(43, 96, 152, 0.5) 100%);
  border-radius: 50px;
  font-size: 12px;
  padding: 0 5px;
  line-height: 23px;
  color: #fff;
  position: absolute;
  left: 115px;
  top: 22px
}

.z-clyj {
  position: absolute;
  left: 240px;
  top: 16px;

img {
  width: 35px;
  height: 35px;
}
}

}
}


}

}
.box-row {
  display: flex;

.con-l-t {
  width: 92px;
  height: 53px;
  font-size: 14px;
  background: linear-gradient(0deg, #0E244B 0%, #537AB4 100%);
  border-radius: 5px;
  border: 1px solid #23466C;
  color: #F1F2F7;
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-right: 10px;
  padding: 6px 0 0 10px;

:last-child {
  font-weight: bold;
}
}

.con-r {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #F1F2F7;
  line-height: 21px;
  position: relative;
  top: -5px;

.line-x {
  width: 10px;
  height: 1px;
  background: #339DC6;
  position: absolute;
  left: -10px;
  top: 32px;
}

.line-x6 {
  width: 1px;
  height: 10px;
  background: #339DC6;
  position: absolute;
  left: -55px;
  bottom: -10px;
}

.line-x7 {
  width: 265px;
  height: 1px;
  background: #339DC6;
  position: absolute;
  left: -55px;
  bottom: -10px;
}

.line-x8 {
  width: 1px;
  height: 21px;
  background: #339DC6;
  position: absolute;
  left: 50px;
  bottom: -10px;
}

.line-x9 {
  width: 1px;
  height: 43px;
  background: #339DC6;
  position: absolute;
  left: 209px;
  bottom: -10px;
}

li {
  padding-left: 18px;
  line-height: 22px;
  background: url(../assets/index_img/line-bg-mid.png) no-repeat left top;

:first-child {
  width: 3em;
  display: inline-block;
  text-align: justify;
  text-align-last: justify;
}

:last-child {
  margin-left: 5px;
}
}

li:first-child {
  background: url(../assets/index_img/line-bg-top.png) no-repeat left top;
}

li:last-child {
  background: url(../assets/index_img/line-bg-btm.png) no-repeat left top;
}
}

.con-r-2 {
  top: 0 !important;
  justify-content: center;

.line-x {
  top: 26px !important;
}
}

.con-r-3 {
  top: 0 !important;
  justify-content: center;

.line-x {
  top: 128px !important;
}
}

h3 {
  font-weight: bold;
}

h4 {
  padding-top: 5px;
  line-height: 22px;
}

.row-48-left {
  width: 48%;
  display: flex;
  flex-direction: column;
}

.row-48-right {
  width: 48%;
  display: flex;
  flex-wrap: wrap;

.r-48-r-r {
  display: flex;
  flex-direction: column;

h4 {
  padding-top: 0;
  line-height: 22px;
}

}

img {
  width: 55px;
  height: 56px;
  margin-right: 10px;
}
}

.con-r-8 {
  flex-direction: row !important;

ul {
  margin-left: 50px;
}


}

.person-list {
  display: flex;
  width: 91%;
  margin-left: 9%;
  justify-content: space-around;
  align-items: center;
  position: relative;
  background-color: rgba(12, 44, 80, 0.52);
  height: 60px;
  border: 1px solid #326e96;
  border-radius: 10px;
  margin-top: 20px;

img {
  width: 75px;
  height: 80px;
  position: absolute;
  left: -10%;
}

}

/*数据看板*/
.sjkb-ul {
li {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: url(../assets/index_img/d-icon-tit-img.png) no-repeat left center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.3s ease-in-out;

span:nth-child(1) {
  margin-left: 25px;
}

span:nth-child(2) {
  font-family: 'pmzd';
  color: #b3cbff;
}
}

li:hover {
  border-bottom: 1px solid #334596;
  filter: hue-rotate(-50deg);
  transform: translateX(-5px);
}
}
}
  .sjxq_btn{
    display: flex;
    flex-direction: row;

  }
.sjxq_inp{
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  .el-input{
    margin-right: 15px;
    min-width: 200px;
  }

}
.btnOption_contain{
  display: flex;
  flex-direction: row;
  .el-button{
    margin-right: 10px;
    color: #fff;
    border-color: #143e83;
    background-color: #022e5a;
    padding: 0px 22px;
    height: 40px;
  }
  :hover{
    background-color: #123a89;
  }
}

</style>