1

wangqi

2021-03-31 83d2044b6b47d26ff77ec25de8d6787ceaf83e3a

1

 src/api/request.js

@@ -9,7 +9,7 @@
  })
}
export const FlueGas = (data = {}) => {
  return $http.post('/EPInterface/DataService/EPMapService.asmx/ObtainningConInfo', Qs.stringify(data), {
  return $http.post('http://10.246.162.140:8080/EPInterface/DataService/EPMapService.asmx/ObtainningConInfo', Qs.stringify(data), {
    headers: {
      'Content-Type': 'application/json'
    }

 src/assets/images/map-pages/icon/toolbox/cross.png

 src/assets/images/map-pages/icon/toolbox/fullscreen.png

 src/assets/images/map-pages/icon/toolbox/vertical.png

 src/components/BaseNav/PublicBounced/GasComponents/GasVideo.vue

@@ -36,8 +36,7 @@
    video {
      width: 100%;
      height: 100%;
      //outline: none;
      //margin: 6px;
      outline: none;
    }
  }
}

 src/components/BaseNav/PublicBounced/GasComponents/PublicTable.vue

@@ -1,6 +1,12 @@
<template>
  <div class="public-table">
    <el-col class="el-col">
  <div class="win">
    <!-- 四个角的边框效果 -->
    <div class="border_corner border_corner_left_top"></div>
    <div class="border_corner border_corner_right_top"></div>
    <div class="border_corner border_corner_left_bottom"></div>
    <div class="border_corner border_corner_right_bottom"></div>
    <div class="main">
      <el-col class="main-video">
      <el-table
          border
          tooltip-effect="dark"
@@ -16,6 +22,7 @@
      </el-table>
    </el-col>
  </div>
  </div>
</template>

<script>
@@ -24,7 +31,15 @@
  props: ['requestSolidWasteData'],
  data () {
    return {
      data: []
      data: [{
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙518区金沙江路'
      }, {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江区金沙'
      }]
    }
  },
  mounted () {
@@ -42,7 +57,62 @@
</script>

<style lang="less" scoped>
.public-table {
.win {
  position: relative;
  background-color: rgba(33, 41, 69, 0.9);
}

.main {
  width: 100%;
  height: 100%;

  .main-video {
    //border: 1px solid #396d83;
    width: 100%;
    height: 100%;

    video {
      width: 100%;
      height: 100%;
      outline: none;
    }
  }
}

.border_corner {
  z-index: 999;
  position: absolute;
  width: 14px;
  height: 14px;
  background: rgba(0, 0, 0, 0);
  border: 1.5px solid #47d5ea;
}

.border_corner_left_top {
  top: 0;
  left: 0;
  border-right: none;
  border-bottom: none;
}

.border_corner_right_top {
  top: 0;
  right: 0;
  border-left: none;
  border-bottom: none;
}

.border_corner_left_bottom {
  bottom: 0;
  left: 0;
  border-right: none;
  border-top: none;
}

.border_corner_right_bottom {
  bottom: 0;
  right: 0;
  border-left: none;
  border-top: none;
}
</style>

 src/components/BaseNav/PublicBounced/PublicBounced.vue

@@ -1,5 +1,5 @@
<template>
  <div class="public-bounced" v-if="flag">
  <div class="public-bounced" v-draw v-if="flag">
    <div class="public-bounced-title">
      <span>{{ displayContent.Name }}</span>
      <i class="el-icon-circle-close" @click="closePopup"></i>
@@ -7,6 +7,10 @@
    <div class="public-bounced-content">
      <div class="public-bounced-content-left">
        <GasTab :displayContent="displayContent"></GasTab>
        <div class="public-bounced-content-left-bottom">
          <PublicTable v-if="value === 'gufei'" :requestSolidWasteData="displayContent.StoragePlaceId"></PublicTable>
          <GasECharts v-else></GasECharts>
        </div>
<!--        <PublicTable v-if="value === 'gufei'" :requestSolidWasteData="displayContent.StoragePlaceId"></PublicTable>-->
        <GasECharts></GasECharts>
<!--        <GasTabs></GasTabs>-->
@@ -24,7 +28,7 @@

import '@/components/BaseNav/SolidWaste/directive/dir'
import GasTab from '@components/BaseNav/PublicBounced/GasComponents/GasTab'
// import PublicTable from '@components/BaseNav/PublicBounced/GasComponents/PublicTable'
import PublicTable from '@components/BaseNav/PublicBounced/GasComponents/PublicTable'
import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts'
import GasVideo from '@components/BaseNav/PublicBounced/GasComponents/GasVideo'
// import GasTabs from './GasComponents/GasTabs'
@@ -32,9 +36,8 @@
export default {
  name: 'PublicBounced',
  components: {
    // GasTabs,
    GasTab,
    // PublicTable,
    PublicTable,
    GasECharts,
    GasVideo
  },

 src/components/LayerController/logic/Company.js

@@ -22,6 +22,7 @@
    console.log(res)
    const data = res.Result.DataInfo || {}
    for (let i = 0; i < data.length; i++) {
      console.log(data[i])
      // 经纬度 位置
      const positionX = data[i].Latitude
      const positionY = data[i].Longitude
@@ -44,16 +45,9 @@
    return '企业'
  }

  this.clickListener = (layer) => {
    /* this.animalService.pulseEffect(e.latlng)
  this.clickListener = (e) => {
    this.animalService.pulseEffect(e.latlng)
    console.log(e)
    return this.PublicBounced.$el
    */
    console.log(layer)
  }

  // 固废点击进行的 内容的设置
  // SetSolidWasteContent (config, containerPopup) {
  //   this.SolidWastePopup = containerPopup
  // }
}

 src/components/LayerController/logic/SolidWaste.js

@@ -52,6 +52,8 @@

  this.clickListener = async (e) => {
    this.animalService.pulseEffect(e.latlng)
    // this.setPanTo(e.latlng, 200)
    console.log(e)
    const dataValue = {
      StoragePlaceId: e.layer.options.test.StoragePlaceId
    }
@@ -59,11 +61,20 @@
    // console.log(result)
    const PublicBounced = window.Vue.extend(publicBounced)
    const instance = new PublicBounced()
    instance.setData(result, 'gufei')
    instance.$mount()
    document.body.appendChild(instance.$el)
    instance.setData(result, 'gufei')
  }

  // panTo
  // this.setPanTo = (pos, value) => {
  //   var position = pos
  //   position = this.map.latLngToLayerPoint(position)
  //   position.y += value
  //   position = this.map.layerPointToLatLng(position)
  //   this.map.flyTo(position)
  // }

  // 不同类型图片封装
  this.differentTypes = (judgeValue) => {
    var effectOfChange

 src/components/panel/ToolBoxPanel.vue

@@ -9,14 +9,16 @@
      <transition name="animationChange">
        <el-row v-show="selectGroup" class="specific-tools-group">
          <el-popover
              trigger="manual"
              placement="bottom"
              trigger="click"
              :popper-class="'tools-panel-content'"
              v-for="(item,index) in menuList" :key="index"
              :width="item.index === '2'?230 : 150"
              v-model="isShow[index]"
          >
            <el-button slot="reference" class="el-button" :class="active === index && checked? 'tools-panel-choose':''"
                       @click="changeChoose(index)">
            <el-button slot="reference" class="el-button"
                       :class="active === index && checked? 'tools-panel-choose':''"
                       @click.native="changeChoose(index)">
              <img :src="item.iconSelecd" alt="" v-if="active === index && checked"/>
              <img :src="item.icon" alt="" v-else/>
              <span v-if="active === index && checked">{{ item.label }}</span>
@@ -83,6 +85,11 @@
import distance from '@assets/images/map-pages/icon/toolbox/juli.png'
import mm from '@assets/images/map-pages/icon/toolbox/M2.png'

// 下载
import FullScreen from '@assets/images/map-pages/icon/toolbox/fullscreen.png'
import cross from '@assets/images/map-pages/icon/toolbox/cross.png'
import vertical from '@assets/images/map-pages/icon/toolbox/vertical.png'

// 测量的方法
import Measure from '@/components/plugin/MeaSure'

@@ -90,7 +97,7 @@
  name: 'ToolBoxPanel',
  data () {
    return {
      isShow: false,
      isShow: [],
      currentBaseMapCode: 'tianditu_img',
      basemapList: [],
      selectGroup: false,
@@ -230,19 +237,19 @@
            {
              index: '4-1',
              label: '全屏',
              icon: '',
              icon: FullScreen,
              title: '全屏'
            },
            {
              index: '4-2',
              label: 'A4横向',
              icon: '',
              icon: cross,
              title: 'A4横向'
            },
            {
              index: '4-3',
              label: 'A4纵向',
              icon: '',
              icon: vertical,
              title: 'A4纵向'
            }
          ]
@@ -265,7 +272,6 @@
  methods: {
    updateBasemapList () {
      this.basemapList = this.basemapHelper.getBasemapList()
      console.log()
    },
    changeBasemap (itm) {
      this.active = -1
@@ -291,6 +297,7 @@
        this.drawLayer = this.L.layerGroup().addTo(this.map)
      }
      this.active = index
      this.isShow[index] = !this.isShow[index]
      if (this.checkbutton === index) {
        this.checked = !this.checked
        this.Selecd = -1

 src/conf/Constants.js

@@ -8,7 +8,7 @@
  wasteGasJcd: 'WasteGas.js',
  wasteWaterJcd: 'WasteWater.js',
  solidWasteJcd: 'SolidWaste.js',
  fsqy: 'Company.js'
  sewersAreaGs: 'Company.js'
}

export const props = {

 src/conf/layers/LayerArea.js

@@ -13,7 +13,7 @@
      name: '公司',
      sname: '公司', // 表名
      checked: true, // 默认选中状态
      wfs: WFS_URL + '?TYPENAME=公司',
      url: WFS_URL + '?TYPENAME=公司',
      minZoom: 10, // 在指定级别显示
      childLayer: 'fsss,hbss' // 关联PointLayers
    },