Merge branch 'master' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork
Conflicts:
src/components/panel/ToolBoxPanel.vue
| | |
| | | } |
| | | |
| | | .tools-panel-content { |
| | | border: 1px solid @background-color-tools; |
| | | background: @background-color-tools; |
| | | //position: absolute; |
| | | //top: 60px; |
| | | //left: 55px; |
| | | background: @background-color; |
| | | border: 0.00521rem solid @color-shadow; |
| | | padding: 0; |
| | | //width: 90px; |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | justify-content: space-evenly; |
| | | margin-left: 55px; |
| | | |
| | | .el-button { |
| | | padding: 0; |
| | |
| | | } |
| | | } |
| | | |
| | | .el-popper[x-placement^=bottom] .popper__arrow::after { |
| | | border-bottom-color: @background-color-tools; |
| | | } |
| | | .leaflet-control-easyPrint .leaflet-bar .leaflet-control { |
| | | display: none; |
| | | } |
| | | |
| | | .popper__arrow { |
| | | display: none !important; |
| | | } |
| | |
| | | v-for="(item,index) in menuList" :key="index" |
| | | :width="item.index === '2'?230 : 150" |
| | | > |
| | | <el-button slot="reference" class="el-button" :class="active === index ? 'tools-panel-choose':''" |
| | | <el-button slot="reference" class="el-button" :class="active === index && checked? 'tools-panel-choose':''" |
| | | @click="changeChoose(index)"> |
| | | <img :src="item.iconSelecd" alt="" v-if="active === index && checked"/> |
| | | <img :src="item.icon" alt="" v-else/> |
| | |
| | | </el-button> |
| | | <el-button v-for="(itemT,indexT) in item.items" :key="indexT" @click="choiceItem(itemT,indexT)" |
| | | v-show="item.index!=='2'"> |
| | | <img :src="itemT.iconChoose" :title="itemT.title" v-if="Selecd === indexT"/> |
| | | <img :src="itemT.iconChoose" :title="itemT.title" v-if="Selecd === indexT && checkedItem"/> |
| | | <img :src="itemT.icon" :title="itemT.title" v-else/> |
| | | </el-button> |
| | | <div class="base-map-inner-panel" v-show="item.index==='2'"> |
| | |
| | | name: 'ToolBoxPanel', |
| | | data () { |
| | | return { |
| | | isShow: true, |
| | | isShow: false, |
| | | currentBaseMapCode: 'tianditu_img', |
| | | basemapList: [], |
| | | selectGroup: false, |
| | |
| | | drawLayerArray: [], |
| | | map: null, |
| | | active: -1, |
| | | Selecd: -1, |
| | | checked: false, |
| | | checkbutton: -1, |
| | | checkedItem: false, |
| | | Selecd: -1, |
| | | isSelecd: -1, |
| | | menuList: [ |
| | | { |
| | | icon: plot, |
| | |
| | | this.basemapList = this.basemapHelper.getBasemapList() |
| | | }, |
| | | changeBasemap (itm) { |
| | | this.active = -1 |
| | | const code = itm.code |
| | | this.basemapList.forEach((item) => { |
| | | if (item.code === code) { |
| | |
| | | }, |
| | | choiceItem (itemT, indexT) { |
| | | this.Selecd = indexT |
| | | this.checked = false |
| | | if (this.isSelecd === indexT) { |
| | | this.checkedItem = !this.checkedItem |
| | | } else { |
| | | if (this.isSelecd === -1) { |
| | | this.checkedItem = !this.checkedItem |
| | | } else { |
| | | this.checkedItem = true |
| | | } |
| | | } |
| | | this.isSelecd = indexT |
| | | switch (itemT.label) { |
| | | case '点标绘': |
| | | var myIcon = this.L.icon({ |
| | |
| | | printerY.printMap('A4Portrait page', '纵向') |
| | | break |
| | | } |
| | | this.active = -1 |
| | | }, |
| | | setLogic () { |
| | | this.drawLayer.on('dblclick', this.L.DomEvent.stop).on('dblclick', this.drawLayer.toggleEdit) |
| | |
| | | }, |
| | | changeSelectMouse () { |
| | | this.selectGroup = true |
| | | // this.checked = false |
| | | } |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .el-button-choice { |
| | | left: 500px; |
| | | z-index: 999; |
| | | padding: 0; |
| | | margin: 0 0.015rem; |
| | |
| | | display: block; |
| | | color: @color-shadow; |
| | | } |
| | | |
| | | .default-span { |
| | | display: block; |
| | | color: @color-over; |
| | |
| | | width="30px" |
| | | label="" |
| | | > |
| | | <template> |
| | | <template slot-scope="{row,$index}"> |
| | | <!-- <i class="el-icon-caret-right" v-if="$index ===1"></i>--> |
| | | <el-popover |
| | | placement="bottom" |
| | | trigger="click" |
| | | :disabled="!isShowIcon" |
| | | popper-class="popovers" |
| | | > |
| | | <ChemicalWastewater></ChemicalWastewater> |
| | | <i class="el-icon-caret-right" slot="reference" v-if="!isShowIcon" @click="doIcon"></i> |
| | | <!-- <i class="el-icon-caret-bottom" slot="reference" v-else-if="isShowIcon&&$index===1"></i>--> |
| | | <!-- <i class="el-icon-caret-bottom" v-else-if="isShowIcon&&scope.row.index===1"></i>--> |
| | | <!-- <i v-if="isShowIcon" class="el-icon-caret-bottom" slot="reference" @click="isbtn"></i>--> |
| | | <!-- <i v-else class="el-icon-caret-right" slot="reference" @click="isbtn"></i>--> |
| | | </el-popover> |
| | | <!-- <i class="el-icon-caret-right" v-if="!isShowIcon"></i>--> |
| | | <!-- <i class="el-icon-caret-bottom" v-else-if="isShowIcon&&scope.row.index===1"></i>--> |
| | | <ChemicalWastewater v-show="$index ===1"></ChemicalWastewater> |
| | | <i class="el-icon-caret-right" slot="reference" v-if="!isShowIcon" @click="doIcon($index)"></i> |
| | | <i class="el-icon-caret-bottom" slot="reference" v-else @click="doIcon($index)"></i> |
| | | </el-popover> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | <div v-else-if="scope.row.UserName==='天津石化'" style="color: #00ffff">{{scope.row.UserName}}</div> |
| | | <div v-else >{{scope.row.UserName}}</div> |
| | | </template> |
| | | </el-table-column>v- |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="WasteWaters" |
| | | label="外排废水量(m³)" |
| | |
| | | }, |
| | | data () { |
| | | return { |
| | | show: false, |
| | | isShowIcon: false, |
| | | tableData: [{ |
| | | UserName: '集团名称', |
| | |
| | | handle (row, column, event, cell) { |
| | | console.log(row.UserName) |
| | | }, |
| | | doIcon () { |
| | | console.log(1) |
| | | this.isShowIcon = !this.isShowIcon |
| | | doIcon (index) { |
| | | if (index === 1) { |
| | | this.isShowIcon = !this.isShowIcon |
| | | } else { |
| | | this.isShowIcon = false |
| | | } |
| | | } |
| | | } |
| | | } |
| | |
| | | left: 1px; |
| | | /*width: 850px;*/ |
| | | /*height: 265px;*/ |
| | | z-index:2000; |
| | | z-index:500; |
| | | /*color: #fff;*/ |
| | | .el-icon-c-scale-to-original { |
| | | width: 30px; |