| | |
| | | <div class="el-select el-select--mini">8888</div> |
| | | </el-form-item> --> |
| | | <el-form-item label="设施类型:" size="mini" class="search-panel-item"> |
| | | <el-select style="width: 100%" v-model="dataType" value-key="code" @change="handleDataType" :popper-class="'select-down'"> |
| | | <el-option v-for="(item,index) in classification" :key="index" :label="item.name" :value="item"></el-option> |
| | | <el-select style="width: 100%" v-model="dataType" value-key="code" @change="handleDataType" |
| | | :popper-class="'select-down'"> |
| | | <el-option v-for="(item,index) in classification" :key="index" :label="item.name" |
| | | :value="item"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <div class="rightButtonSearch"> |
| | |
| | | </el-form> |
| | | </div> |
| | | <el-scrollbar style="height:300px;"> |
| | | <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" :class="activeNum===index?'hover':''"> |
| | | <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" |
| | | :class="activeNum===index?'hover':''"> |
| | | <img class="state" :src="getImgSrc()" style="background: none"/> |
| | | <div> |
| | | <h3 @click="handleLocation(item,index)">{{ item.properties.pipename }}</h3> |
| | |
| | | import AjaxUtils from '@utils/AjaxUtils' |
| | | import { LayerFsss } from '@src/conf/layers/LayerFsss' |
| | | |
| | | console.log(LayerFsss, 8888888888) |
| | | // console.log(LayerFsss, 8888888888) |
| | | export default { |
| | | name: 'AffiliatedFacilities', |
| | | data () { |
| | |
| | | .affiliatedFacilities-dialog{ |
| | | width: calc(20% - 60px) !important; // calc(30% - 15px); |
| | | left: 60%; |
| | | |
| | | .el-dialog__body{ |
| | | padding: 0.04rem; |
| | | |
| | | .search-panel { |
| | | background-color: transparent; |
| | | padding: 10px; |
| | |
| | | border-color: @color; |
| | | } |
| | | } |
| | | |
| | | .el-form-item__label{ |
| | | color:#00fff6 |
| | | } |
| | | |
| | | .el-input__inner { |
| | | background: none; |
| | | color: #fff; |
| | |
| | | background: rgba(0, 16, 30, .5); |
| | | } |
| | | } |
| | | |
| | | /*input 点击搜索样式*/ |
| | | |
| | | .rightButtonSearch { |
| | |
| | | padding: 0; |
| | | } |
| | | } |
| | | |
| | | .environmental-risk-list { |
| | | position: relative; |
| | | padding-left: 50px; |
| | |
| | | padding-bottom: 5px; |
| | | color: @color-shadow; |
| | | border-bottom: 1px solid @background-color-split; |
| | | h3{ cursor: pointer;} |
| | | |
| | | h3 { |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .state { |
| | | width: 30px; |
| | | height: 30px; |