派生自 wuyushui/SewerAndRainNetwork

seatonwan9
2021-05-31 1da76d05ebba28eeebef8af3832680143d5699c5
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) => {