| | |
| | | <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" |
| | |
| | | :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 |
| | |
| | | </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 |
| | |
| | | <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> |
| | |
| | | gdVisible: true, |
| | | list: [], |
| | | total: 0, |
| | | // inareaTypeOptions: [], |
| | | areaTypeOptions: [], |
| | | plateTypeOptions: [], |
| | | enterpriseTypeOptions: [], |
| | | enterpriseSubunitsTypeOptions: [], |
| | | form: { |
| | | areaVal: '', |
| | | plateVal: '', |
| | | enterpriseVal: '', |
| | | enterpriseSubunitsVal: '', |
| | | type: '' |
| | |
| | | { 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'), |
| | |
| | | props: ['title'], |
| | | methods: { |
| | | // 区域筛选 |
| | | /* areaType (val) { |
| | | areaType (val) { |
| | | this.pipelineTypeOptions.forEach((itm) => { |
| | | if (val === itm.value) { |
| | | |
| | | } |
| | | }) |
| | | }, */ |
| | | }, |
| | | // 板块筛选 |
| | | plateType (val) { |
| | | |
| | | }, |
| | | // 企业筛选 |
| | | enterpriseType (val) { |
| | | this.dataTypeOptions.forEach((itm) => { |