| | |
| | | <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-select style="width: 100%" v-model="form.areaVal" @change="areaType" :popper-class="'select-down'"> |
| | | <el-select style="width: 100%" v-model="form.areaVal" @change="areaType" |
| | | :popper-class="'select-down'"> |
| | | <el-option |
| | | v-for="item in areaTypeOptions" |
| | | :key="item.value" |
| | |
| | | <div class="environmental-risk-list hover" ><!-- v-for="(item,index) in list" :key="index" --> |
| | | <i class="state"></i> |
| | | <div> |
| | | <h3>###炼化部</h3> |
| | | <h3 @click="flyto">###炼化部</h3> |
| | | <p>所属部门:<span>炼化部</span></p> |
| | | <p>风险级别:<span>三级</span></p> |
| | | </div> |
| | |
| | | <script> |
| | | import WfsHelper from '@components/helpers/WfsHelper' |
| | | import AjaxUtils from '@utils/AjaxUtils' |
| | | |
| | | export default { |
| | | name: 'DischargeSearch', |
| | | data () { |
| | |
| | | isWaybillHover: true, |
| | | isRouteHover: false, |
| | | levelOfRisk: [ |
| | | { name: '重大风险', value: '1', color: 'red' }, |
| | | { name: '一级风险', value: '2', color: 'sandybrown' }, |
| | | { name: '二级风险', value: '3', color: 'yellow' }, |
| | | { name: '三级风险', value: '4', color: 'green' } |
| | | { |
| | | name: '重大风险', |
| | | value: '1', |
| | | color: 'red' |
| | | }, |
| | | { |
| | | name: '一级风险', |
| | | value: '2', |
| | | color: 'sandybrown' |
| | | }, |
| | | { |
| | | name: '二级风险', |
| | | value: '3', |
| | | color: 'yellow' |
| | | }, |
| | | { |
| | | name: '三级风险', |
| | | value: '4', |
| | | color: 'green' |
| | | } |
| | | ], |
| | | areaTypeOptions: [] |
| | | } |
| | | }, |
| | | props: ['title'], |
| | | methods: { |
| | | flyto () { |
| | | const pos = [39.90751504898071, 116.38927817344666] |
| | | window.map.flyTo(pos, 15) |
| | | }, |
| | | // 区域筛选 |
| | | areaType (val) { |
| | | this.pipelineTypeOptions.forEach((itm) => { |