查询条件补充，治理设施优化

seatonwan9

2021-05-31 1da76d05ebba28eeebef8af3832680143d5699c5

查询条件补充，治理设施优化

 src/components/LayerController/logic/GovernEquipment.js

@@ -2,7 +2,7 @@
 * 污染源
 */
// 信息组件
const GovernEquipmentIndex = require('../../base-page/GovernEquipment/WasteWaterIndex').default
const GovernEquipmentIndex = require('../../base-page/GovernEquipment/GovernEquipmentIndex').default
// 使用封装方法
const AnimalService = require('../service/AnimalService').default
// 请求接口数据

 src/components/base-page/GovernEquipment/Detail.vue

File was deleted

 src/components/base-page/GovernEquipment/GovernEquipmentIndex.vue

New file
@@ -0,0 +1,100 @@
<template>
  <public-sector>
    <template v-slot:tabs>
      <public-tabs ref='refsRiskTabsData'></public-tabs>
    </template>
    <template v-slot:publicPart>
      <public-table ref="refsRiskTableData"></public-table>
    </template>
<!--    <template v-slot:video>-->
<!--      <public-video></public-video>-->
<!--    </template>-->
  </public-sector>
</template>

<script>

import PublicTabs from '@components/base-page/RiskSource/PublicTabs'
import PublicTable from '@components/base-page/RiskSource/PublicTable'
// import PublicVideo from '@components/base-page/PublicVideo'
import PublicSector from '@components/base-page/PublicSector'

export default {
  name: 'RiskSourceIndex',
  props: ['riskSourceId'],
  components: {
    PublicSector,
    PublicTabs,
    PublicTable
    // PublicVideo
  },
  mounted () {
    this.$nextTick(() => {
      this.refsData()
    })
  },
  data () {
    return {}
  },
  methods: {
    refsData () {
      const param = {
        riskSourceId: this.riskSourceId
      }
      this.$refs.refsRiskTabsData.refsRiskDataTabs(param)
      this.$refs.refsRiskTableData.refsRiskDataTable(param)
    }
  }
}
</script>

<style lang="less" scoped>
.public-bounced {
  z-index: 2000;
  position: absolute;
  top: 35%;
  left: 20%;

  .public-bounced-title {
    cursor: move;
    height: 0.1rem;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;

    span {
      color: #f4f7ff;
      margin: 0 15px;
      font-size: 14px;
    }

    i {
      color: #C0C4CC;
      margin: 0 15px;
      font-size: 22px;
      cursor: pointer;
    }

    i:hover {
      color: #00fff6;
    }
  }

  .public-bounced-content {
    //padding: 0.1rem;

    //align-items: center;
    //justify-content: space-around;

    .public-bounced-content-left {
      //width: 4.8rem;
    }

    .public-bounced-content-right {
      //width: 3rem;
      margin-left: 0.1rem;
    }
  }
}
</style>

 src/components/base-page/GovernEquipment/PublicTable.vue

New file
@@ -0,0 +1,262 @@
<template>
  <div class="slotChildTable">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <div class="main-table">
      <div class="">
        <ul style="margin-bottom: .02rem">
          <li><h3>风险评估过程</h3></li>
          <li>初始评价结果：{{ riskSourceAssess }}</li>
        </ul>
      </div>
      <div class="EvaluationTable">
        <table border="1" style="border-color: rgba(118,132,189,0.77)" >
          <tr>
            <th colspan="2">风险控制</th>
            <th>评估指标</th>
            <th>分值</th>
          </tr>
          <tr>
            <td rowspan="3" colspan="2">安全管理（25分）</td>
            <td>重大或较大生产安全事故隐患未完成整改的记25分。</td>
            <td rowspan="3">25</td>
          </tr>
          <tr>
            <td>一般生产安全事故隐患未完成整改的，每一项记10分，记满25分为止。</td>
          </tr>
          <tr>
            <td>不存在上述问题的记0分。</td>
          </tr>
          <tr>
            <td rowspan="3" colspan="2">设备质量管理（25分）</td>
            <td>存在下列任意一项的记25分：
              （1）未按规定进行设备设施检测、检验的；
              （2）检测结果不能满足设备设施质量要求的；
              （3）未按设计标准建设的；
              （4）使用的设备设施等级不满足要求的。
            </td>
            <td rowspan="3">10</td>
          </tr>
          <tr>
            <td>存在下列情况的，每项记10分，记满25分为止：
              （1）设备设施超期使用且未经过评估的；
              （2）设备设施降等级使用未经评估的；
              （3）设计变更未经主管部门批准的。
            </td>
          </tr>
          <tr>
            <td>不存在上述问题的记0分。</td>
          </tr>
          <tr>
            <td rowspan="9">环境风险防控措施有效性（50分）</td>
            <td rowspan="2">事故紧急关断措施（15分）</td>
            <td>环境风险源不具备有效的事故紧急关断措施的（符合紧急关断时效要）记15分。</td>
            <td rowspan="2">15</td>
          </tr>
          <tr>
            <td>环境风险源具备有效的事故紧急关断措施的（符合紧急关断时效要求）记0分。</td>
          </tr>
          <tr>
            <td rowspan="3">建设项目环境风险防控要求落实（10分）</td>
            <td>无事故风险物质处置措施记15分。</td>
            <td rowspan="3">10</td>
          </tr>
          <tr>
            <td>存在以下情况的，每项记5分，记满15分为止：
              （1）井场未按要求设排水监控池的；
              （2）井场未按要求设围堰的；
              （3）存在两个及以上雨水排放口的。
            </td>
          </tr>
          <tr>
            <td>不存在上述问题的记0分。</td>
          </tr>
          <tr>
            <td rowspan="2">建设项目环境风险防控要求落实（10分）</td>
            <td>建设项目环境影响评价及其批复提出的环境风险防控措施不落实的记10分。</td>
            <td rowspan="2">0</td>
          </tr>
          <tr>
            <td>不存在上述问题的记0分。</td>
          </tr>
          <tr>
            <td rowspan="2">环境风险源事故现场处置方案（10分）</td>
            <td>存在以下情况的，每项记5分，记满10分为止：
              （1）无环境风险源事故处置方案的或环境风险源事故处置方案无环保内容的；
              （2）未按要求开展演练并记录的；
              （3）未按要求进行备案的。
            </td>
            <td rowspan="2">5</td>
          </tr>
          <tr>
            <td>不存在上述问题的记0分。</td>
          </tr>
        </table>
      </div>
      <h3>环境风险评估结果</h3>
      <div class="pTable">
        <el-table :data="riskSourceDetail" style="width: 100%" height="200px" :row-class-name="tableRowClassName">
          <el-table-column v-for="(item, index) in listLabel" :key="index" :prop="item.prop"
                           :label="item.label" :show-overflow-tooltip="true"></el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
import mapApi from '@/api/mapApi'

export default {
  name: 'PublicTable',
  data () {
    return {
      riskSourceDetail: [],
      riskSourceAssess: '根据风险源周边环境风险受体3种类型，按照环境风险物质量(Q/R)、环境风险控制水平(M)矩阵，确定环境风险等级',
      listLabel: [
        {
          label: '序号',
          prop: 'no'
        },
        {
          label: '名称',
          prop: 'riskname'
        },
        {
          label: '评估等级',
          prop: 'riskLevel'
        },
        {
          label: '等级特征',
          prop: 'after'
        },
        {
          label: 'Q值',
          prop: 'riskLevel'
        },
        {
          label: 'M值',
          prop: 'riskLevel'
        },
        {
          label: 'E值',
          prop: 'riskLevel'
        }
      ]
    }
  },
  mounted () {
    this.$nextTick(() => {
    })
  },
  methods: {
    async refsRiskDataTable (param) {
      // 此处接口为根据风险源ID获取风险源评估数据（暂时为模拟数据）
      const result = await mapApi.getEnvironmentRiskPoint(param)
      this.riskSourceDetail = result[param.riskSourceId]
    },
    // 隔行颜色设置
    tableRowClassName ({
      row,
      rowIndex
    }) {
      if (rowIndex % 2 === 0) {
        return 'warning-row'
      } else if (rowIndex % 2 === 1) {
        return 'success-row'
      }
      return ''
    }
  }
}
</script>

<style lang="less" scoped>
/deep/ .el-table .warning-row{
  background-color: rgba(0, 0, 0, 0) !important;
}
/deep/ .el-table .success-row{
  background-color: rgba(48, 69, 95, .6) !important;
}
/deep/ .el-table thead tr {
  color: #02a6b5 !important;
  //.el-table .has-gutter tr th .cell {
  //  //color: #fff; 435
  //}
}

/deep/ .el-table td {
  border-bottom: none !important;
}

/deep/ .el-table .has-gutter tr th {
  border: none;
}

/deep/ .el-table th.is-leaf {
  border-bottom: none !important;
}

/deep/ .el-table td {
  height: 30px !important;
  line-height: 30px !important;
}

/deep/ .el-table tbody tr:hover > td {
  background: none !important
}
.pTable{
  box-shadow: 0 0 10px rgba(129,211,248,.35) inset;
  padding: 0.04rem;
  margin-top: .06rem;
}
.slotChildTable {
  position: relative;
  background: rgba(0, 16, 30, 0.7);
  box-shadow: 0 0 10px rgba(129,211,248,.35) inset;
  color: #00fff6;
  padding: 0.04rem;
  border: 1px solid #396d83;
  .main-table {
    max-height: 2rem;
    overflow: hidden auto;
  }
}

.slotChildTable span {
  padding: 6px;
  border-style: solid;
  border-color: #02a6b5;
}

.slotChildTable span:nth-child(1) {
  position: absolute;
  left: -1px;
  top: -1px;
  border-width: 1px 0 0 1px;
}

.slotChildTable span:nth-child(2) {
  position: absolute;
  right: -1px;
  top: -1px;
  border-width: 1px 1px 0 0;
}

.slotChildTable span:nth-child(3) {
  position: absolute;
  right: -1px;
  bottom: -1px;
  border-width: 0 1px 1px 0;
}

.slotChildTable span:nth-child(4) {
  position: absolute;
  left: -1px;
  bottom: -1px;
  border-width: 0 0 1px 1px;
}

</style>

 src/components/base-page/GovernEquipment/PublicTabs.vue

@@ -1,117 +1,130 @@
<template>
  <div class="win">
    <div class="border_corner border_corner_left_top"></div>
    <div class="border_corner border_corner_right_top"></div>
    <div class="border_corner border_corner_left_bottom"></div>
    <div class="border_corner border_corner_right_bottom"></div>
    <div class="main">
      <div class="main-matter">
        <div>
          <ul>
            <li><span class="namer">监测点名称：</span>{{ storagePlaceId.Name }}</li>
            <li><span class="namer">生产单位：</span>{{ storagePlaceId.porltName }}</li>
            <li><span class="namer">排放类型名称：</span>{{ storagePlaceId.MonTypeName }}</li>
            <li><span class="namer">排放去向：</span>{{ storagePlaceId.EmissDirecti }}</li>
            <li><span class="namer">控制级别名称：</span>{{ storagePlaceId.ContrLevelShowName }}</li>
            <li><span class="namer">内/外排放口：</span>{{ storagePlaceId.OrOutPortName }}</li>
          </ul>
        </div>
      </div>
  <div class="slotChildTabs">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <div class="tabs-content">
      <ul>
        <li>风险名称：{{ riskSourceBaseInfo.riskname }}</li>
        <li :style="{boxShadow: riskLevel[riskSourceBaseInfo.riskLevel]}">风险级别：{{ riskSourceBaseInfo.riskLevel }}</li>
        <li>风险描述：{{ riskSourceBaseInfo.depiction }}</li>
      </ul>
    </div>
  </div>
</template>

<script>
// import mapApi from '../../../api/mapApi'
import mapApi from '@/api/mapApi'

export default {
  name: 'WaterTabs',
  props: ['storagePlaceId'],
  name: 'PublicTabs',
  data () {
    return {}
    return {
      riskSourceBaseInfo: [],
      riskLevel: {
        1: '0 0 10px rgba(246,16,43,.7) inset',
        2: '0 0 10px rgba(244,142,88,.7) inset',
        3: '0 0 10px rgba(253,238,13,.7) inset',
        4: '0 0 10px rgba(38,144,2,.7) inset'
      }
    }
  },
  mounted () {
    this.$nextTick(() => {
      // this.refsDataTabs()
    })
  },
  methods: {
    async refsRiskDataTabs (param) {
      // 此处接口为根据风险源ID获取风险源基本信息（暂时为模拟数据）
      const result = await mapApi.getEnvironmentRiskPoint(param)
      this.riskSourceBaseInfo = result[param.riskSourceId][0]
    }
  }
}
</script>

<style scoped lang="less">

.win {
.slotChildTabs {
  position: relative;
  margin-bottom: 0.04rem;
  margin-bottom: 0.06rem;
  background-color: @background-color;
}

.main {

  .main-matter {
  .tabs-content {
    font-size: 0.06rem;
    font-weight: normal;
    padding: 0.04rem 0;
    border: 1px solid #396d83;

    ul {
      //width: 100%;
      //height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-around;
      flex-wrap: wrap;
      margin-bottom: -0.04rem;

      padding: 0 .03rem;
      li {
        margin-bottom: 0.04rem;
        min-width: 31%;
        min-width: 30%;
        box-shadow: 0 0 10px rgba(129,211,248,.35) inset;
        color: #00fff6;
        border-radius: 0.02rem;
        font-size: 0.08rem;
        line-height: 0.09rem;
        padding: 0.03rem .5%;
        .namer{
          display: inline-block;
          width: .6rem;
          text-align: right;
        }
        padding: 0.05rem .8%;
      }

      li:nth-child(2){
        margin-left: .03rem;
      }
      li:last-child {
        text-align: left;
        line-height: .12rem;
        margin-bottom: 0;
      }
      .lastli {
        visibility: hidden
      }
    }
  }
}

.border_corner {
  z-index: 999;
.slotChildTabs span:nth-child(1) {
  position: absolute;
  width: 10px;
  height: 10px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #47d5ea;
  left: -1px;
  top: -1px;
  padding: 6px;
  border-style: solid;
  border-color: #02a6b5;
  border-width: 1px 0 0 1px;
}

.border_corner_left_top {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
.slotChildTabs span:nth-child(2) {
  position: absolute;
  right: -1px;
  top: -1px;
  padding: 6px;
  border-style: solid;
  border-color: #02a6b5;
  border-width: 1px 1px 0 0;
}

.border_corner_right_top {
  top: 0;
  right: 0;
  border-left: none;
  border-bottom: none;
.slotChildTabs span:nth-child(3) {
  position: absolute;
  right: -1px;
  bottom: -1px;
  padding: 6px;
  border-style: solid;
  border-color: #02a6b5;
  border-width: 0 1px 1px 0;
}

.border_corner_left_bottom {
  bottom: 0;
  left: 0;
  border-right: none;
  border-top: none;
}

.border_corner_right_bottom {
  bottom: 0;
  right: 0;
  border-left: none;
  border-top: none;
.slotChildTabs span:nth-child(4) {
  position: absolute;
  left: -1px;
  bottom: -1px;
  padding: 6px;
  border-style: solid;
  border-color: #02a6b5;
  border-width: 0 0 1px 1px;
}
</style>

 src/components/base-page/GovernEquipment/WasteWaterDayChart.vue

File was deleted

 src/components/base-page/GovernEquipment/WasteWaterHoursChart.vue

File was deleted

 src/components/base-page/GovernEquipment/WasteWaterIndex.vue

File was deleted

 src/components/base-page/GovernEquipment/WasteWaterRealChart.vue

File was deleted

 src/components/panel/topicSearch/EnvRiskSearch.vue

@@ -3,7 +3,7 @@
    <div class="panel-title">{{title}}</div>
    <div class="search-panel ">
      <el-form ref="form" :model="form" label-width="90px" class="search-form">
<!--        <el-form-item label="区域：" size="mini" class="search-panel-item">
        <el-form-item label="区域：" size="mini" class="search-panel-item">
          <el-select style="width: 100%"  v-model="form.areaVal" @change="areaType"  :popper-class="'select-down'">
            <el-option
                v-for="item in areaTypeOptions"
@@ -12,7 +12,17 @@
                :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>-->
        </el-form-item>
        <el-form-item label="板块：" size="mini" class="search-panel-item">
          <el-select style="width: 100%"  v-model="form.plateVal" @change="plateType"  :popper-class="'select-down'">
            <el-option
                v-for="item in plateTypeOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="企业名称：" size="mini">
          <el-select style="width: 100%"  v-model="form.enterpriseVal"  @change="enterpriseType" :popper-class="'select-down'">
            <el-option
@@ -23,7 +33,7 @@
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="单位部门：" size="mini">
        <el-form-item label="二级单位：" size="mini">
          <el-select style="width: 100%"  v-model="form.enterpriseSubunitsVal"  @change="enterpriseSubunitsType"
                     :popper-class="'select-down'">
            <el-option
@@ -59,7 +69,7 @@
        <img :src='iconUrl[item.riskLevel]' alt="" class="state"/>
        <div>
          <h3>{{ item.riskname }}</h3>
          <p>所属部门：<span>{{ item.unitname }}</span></p>
          <p>二级单位：<span>{{ item.unitname }}</span></p>
        </div>
      </div>
    </el-scrollbar>
@@ -98,11 +108,13 @@
      gdVisible: true,
      list: [],
      total: 0,
      // inareaTypeOptions: [],
      areaTypeOptions: [],
      plateTypeOptions: [],
      enterpriseTypeOptions: [],
      enterpriseSubunitsTypeOptions: [],
      form: {
        areaVal: '',
        plateVal: '',
        enterpriseVal: '',
        enterpriseSubunitsVal: '',
        type: ''
@@ -117,7 +129,6 @@
        { name: '二级风险', value: '3', color: 'yellow' },
        { name: '三级风险', value: '4', color: 'green' }
      ],
      areaTypeOptions: [],
      iconUrl: ['',
        require('../../../../public/assets/images/map/environmentRisk/risk_red.png'),
        require('../../../../public/assets/images/map/environmentRisk/risk_sandybrown.png'),
@@ -129,13 +140,17 @@
  props: ['title'],
  methods: {
    // 区域筛选
    /* areaType (val) {
    areaType (val) {
      this.pipelineTypeOptions.forEach((itm) => {
        if (val === itm.value) {

        }
      })
    }, */
    },
    // 板块筛选
    plateType (val) {

    },
    // 企业筛选
    enterpriseType (val) {
      this.dataTypeOptions.forEach((itm) => {

 src/components/panel/topicSearch/PollutionSourceSearch.vue

@@ -38,7 +38,7 @@
              <img :src='iconUrl[1]' alt="" class="state"/>
                <div>
                  <h3>{{ item.governName }}</h3>
                  <p>所属部门：<span>{{ item.unitName }}</span></p>
                  <p>二级单位：<span>{{ item.unitName }}</span></p>
                </div>
            </div>
        </el-scrollbar>
@@ -60,7 +60,7 @@

<script>

import GovernEquipmentIndex from '@components/base-page/GovernEquipment/WasteWaterIndex'
import GovernEquipmentIndex from '@components/base-page/GovernEquipment/GovernEquipmentIndex'
import { pulseEffect, setPanTo } from '@utils/utils'
const mapApi = require('../../../api/mapApi').default


 src/components/panel/topicSearch/WasteGasSearch.vue

@@ -3,16 +3,26 @@
    <div class="panel-title">{{title}}</div>
    <div class="search-panel ">
      <el-form ref="form" :model="form" label-width="90px" class="search-form">
<!--        <el-form-item label="区域：" size="mini" class="search-panel-item">
        <el-form-item label="区域：" size="mini" class="search-panel-item">
          <el-select style="width: 100%"  v-model="form.areaVal" @change="areaType"  :popper-class="'select-down'">
            <el-option
                v-for="item in inareaTypeOptions"
                v-for="item in areaTypeOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>-->
        </el-form-item>
        <el-form-item label="板块：" size="mini" class="search-panel-item">
          <el-select style="width: 100%"  v-model="form.plateVal" @change="plateType"  :popper-class="'select-down'">
            <el-option
                v-for="item in plateTypeOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="企业名称：" size="mini">
          <el-select style="width: 100%"  v-model="form.enterpriseVal"  @change="enterpriseType" :popper-class="'select-down'">
            <el-option
@@ -23,7 +33,7 @@
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="单位部门：" size="mini">
        <el-form-item label="二级单位：" size="mini">
          <el-select style="width: 100%"  v-model="form.enterpriseSubunitsVal"  @change="enterpriseSubunitsType"
                     :popper-class="'select-down'">
            <el-option
@@ -45,7 +55,7 @@
            </el-option>
          </el-select>
        </el-form-item>
<!--        <el-form-item label="风险级别" size="mini"></el-form-item>-->
        <el-form-item label="监测状态：" size="mini"></el-form-item>
        <el-radio-group v-model="form.type" class="levelOfRisk">
          <el-radio  v-for="(item,index) in levelOfRisk" :label="item.value" :key="index">
            <span class="levelOfRisk-type">{{item.name}}</span>
@@ -78,7 +88,7 @@
        <img src="../../../../public/assets/images/map/exhaust/fq_green2.png" alt="" class="state"/>
        <div>
          <h3>{{ item.Name }}</h3>
          <p>所属部门：<span>{{ item.DeptSname }}</span></p>
          <p>二级单位：<span>{{ item.DeptSname }}</span></p>
        </div>
      </div>

@@ -121,7 +131,8 @@
      // 分页
      pageSize: 10,
      current: 1,
      inareaTypeOptions: [],
      areaTypeOptions: [],
      plateTypeOptions: [],
      enterpriseTypeOptions: [],
      enterpriseSubunitsTypeOptions: [],
      enterpriseLevelTypeOptions: [
@@ -132,6 +143,7 @@
      ],
      form: {
        areaVal: '',
        plateVal: '',
        enterpriseVal: '',
        enterpriseSubunitsVal: '',
        enterpriseLevelVal: '',
@@ -155,13 +167,17 @@
      this.handleSearch()
    },
    // 区域筛选
    /* areaType (val) {
    areaType (val) {
      this.pipelineTypeOptions.forEach((itm) => {
        if (val === itm.value) {

        }
      })
    }, */
    },
    // 板块筛选
    plateType (val) {

    },
    // 企业筛选
    enterpriseType (val) {
      this.dataTypeOptions.forEach((itm) => {

 src/components/panel/topicSearch/WasteWaterSearch.vue

@@ -3,17 +3,27 @@
        <div class="panel-title">{{title}}</div>
        <div class="search-panel ">
            <el-form ref="form" :model="form" label-width="90px" class="search-form">
<!--                <el-form-item label="区域：" size="mini" class="search-panel-item">
                <el-form-item label="区域：" size="mini" class="search-panel-item">
                    <el-select style="width: 100%" v-model="form.areaVal" @change="areaType"
                               :popper-class="'select-down'">
                        <el-option
                                v-for="item in inareaTypeOptions"
                                v-for="item in areaTypeOptions"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>-->
                </el-form-item>
                <el-form-item label="板块：" size="mini" class="search-panel-item">
                  <el-select style="width: 100%"  v-model="form.plateVal" @change="plateType"  :popper-class="'select-down'">
                    <el-option
                        v-for="item in plateTypeOptions"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="企业名称：" size="mini">
                    <el-select style="width: 100%" v-model="form.enterpriseVal" @change="enterpriseType"
                               :popper-class="'select-down'">
@@ -25,7 +35,7 @@
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="单位部门：" size="mini">
                <el-form-item label="二级单位：" size="mini">
                    <el-select style="width: 100%" v-model="form.enterpriseSubunitsVal" @change="enterpriseSubunitsType"
                               :popper-class="'select-down'">
                        <el-option
@@ -47,7 +57,7 @@
                        </el-option>
                    </el-select>
                </el-form-item>
                <!--        <el-form-item label="风险级别" size="mini"></el-form-item>-->
                <el-form-item label="监测状态：" size="mini"></el-form-item>
                <el-radio-group v-model="form.type" class="levelOfRisk">
                    <el-radio v-for="(item,index) in levelOfRisk" :label="item.value" :key="index"><span
                            class="levelOfRisk-type">{{item.name}}</span></el-radio>
@@ -80,7 +90,7 @@
                <img src="../../../../public/assets/images/map/wastewater/fs_bright_green.png" alt="" class="state"/>
                <div>
                    <h3>{{ item.Name }}</h3>
                    <p>所属部门：<span>{{ item.DeptSname }}</span></p>
                    <p>二级单位：<span>{{ item.DeptSname }}</span></p>
                </div>
            </div>

@@ -124,7 +134,8 @@
      // 分页
      pageSize: 10,
      current: 1,
      inareaTypeOptions: [],
      areaTypeOptions: [],
      plateTypeOptions: [],
      enterpriseTypeOptions: [],
      enterpriseSubunitsTypeOptions: [],
      enterpriseLevelTypeOptions: [
@@ -135,6 +146,7 @@
      ],
      form: {
        areaVal: '',
        plateVal: '',
        enterpriseVal: '',
        enterpriseSubunitsVal: '',
        enterpriseLevelVal: '',
@@ -160,13 +172,17 @@
      this.handleSearch()
    },
    // 区域筛选
    /* areaType (val) {
    areaType (val) {
      this.pipelineTypeOptions.forEach((itm) => {
        if (val === itm.value) {

        }
      })
    }, */
    },
    // 板块筛选
    plateType (val) {

    },
    // 企业筛选
    enterpriseType (val) {
      this.dataTypeOptions.forEach((itm) => {