| | |
| | | <template> |
| | | <div class="query-search" v-if="gdVisible"> |
| | | <div class="search-title">{{title}}</div> |
| | | <div class="sewers-search" v-if="gdVisible"> |
| | | <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-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.enterpriseVal" @change="enterpriseType" :popper-class="'select-down'"> |
| | | <el-option |
| | | v-for="item in enterpriseTypeOptions" |
| | |
| | | </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 |
| | | v-for="item in enterpriseSubunitsTypeOptions" |
| | |
| | | </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}}<i :style="'background:'+item.color"></i></span></el-radio> |
| | | </el-radio-group> |
| | | <div class="page_total"> |
| | | <p>共计 |
| | | <span>{{total}}</span> |
| | | 条记录 |
| | | </p> |
| | | </div> |
| | | <div class="rightButtonSearch"> |
| | | <el-input v-model="form.keyword" size="mini" placeholder="在此输入关键字搜索"> |
| | | </el-input> |
| | | <el-buttom class="el-icon-search" @click="handleSearch"></el-buttom> |
| | | <el-button class="el-icon-search" @click="handleSearch"></el-button> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | <el-scrollbar style="height:300px"> |
| | | <el-scrollbar style="height:264px"> |
| | | <div class="environmental-risk-list" v-for="(item,index) in 5" :key="index" ><!-- v-for="(item,index) in list" :key="index" --> |
| | | <i class="state"></i> |
| | | <div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { PipelineTypeOptions } from '@/conf/layers/LayerSewers' |
| | | |
| | | import WfsHelper from '@components/helpers/WfsHelper' |
| | | import AjaxUtils from '@utils/AjaxUtils' |
| | | export default { |
| | | name: 'SewersSearch', |
| | | name: 'EnvRiskSearch', |
| | | data () { |
| | | return { |
| | | gdVisible: true, |
| | | list: [], |
| | | labelList: PipelineTypeOptions[0].labelList, |
| | | total: 0, |
| | | inareaTypeOptions: [], |
| | | enterpriseTypeOptions: [], |
| | |
| | | { name: '一级风险', value: '2', color: 'sandybrown' }, |
| | | { name: '二级风险', value: '3', color: 'yellow' }, |
| | | { name: '三级风险', value: '4', color: 'green' } |
| | | ] |
| | | ], |
| | | areaTypeOptions: [] |
| | | } |
| | | }, |
| | | props: ['title'], |