重新

Surpriseplus

2022-11-12 50f52beb0ed100105166f62027cd0b15e6b596dc

 src/components/mapsdk.vue

@@ -1,5 +1,4 @@
<template>
  <div class="mapBox">
    <div id="mapdiv">
      <div class="menu_Top" v-if="$store.state.mapMenuBoolean">
        <map-menu-top v-if="$store.state.mapMenuBoxFlag == '1'" />
@@ -123,10 +122,7 @@
          <div class="box-body">
            <el-form ref="form" :model="pathFrom" label-width="50px">
              <el-form-item label="经度:">
                <el-input
                  style="width: 300px"
                  v-model="pathFrom.lon"
                ></el-input>
              <el-input style="width: 300px" v-model="pathFrom.lon"></el-input>
                <el-link
                  :underline="false"
                  @click="showMouseLeftClick(1)"
@@ -135,10 +131,7 @@
                ></el-link>
              </el-form-item>
              <el-form-item label="纬度:">
                <el-input
                  style="width: 300px"
                  v-model="pathFrom.lat"
                ></el-input>
              <el-input style="width: 300px" v-model="pathFrom.lat"></el-input>
                <el-link
                  :underline="false"
                  @click="showMouseLeftClick(2)"
@@ -166,7 +159,6 @@
        ></div>
      </div>
    </div>
  </div>
</template>

<script>
@@ -175,6 +167,7 @@
import mapMenuPop from './MapView/mapMenuPop.vue';
import mapSpaceTop from './MapView/mapSpaceTop.vue';
import mapSpacePop from './MapView/mapSpacePop.vue';

import {
  select_Comprehensive_ByPageAndCount,
  select_Comprehensive_SelectWktById,
@@ -403,24 +396,38 @@
    },
    //显示弹窗
    showChangeBox(res) {
      if (res.name == 'Query') {
      switch (res.name) {
        case 'Query':
        if (res.id == '6') {
        } else if (res.id == '7') {
        } else {
          this.showBufferBoxDialog = true;
        }
      } else if (res.name == 'Coord') {
          break;
        case 'Coord':
        if (res.id == '1') {
          this.showCoordLocalBoxDialog = true;
        } else if (res.id == '2') {
          this.showToponymicLocalBoxDialog = true;
          this.getToponymicData();
        }
      } else if (res.name == 'Analysis') {
          break;
        case 'Analysis':
        if (res.id == '3') {
          this.showPathAnalysisBoxDialog = true;
        }
          break;
        case 'exportLayer':
          if (res.id == 1) {
          } else if (res.id == 2) {
            this.changeMenulayer();
      }
          break;
      }
      // if (res.name == 'Query') {
      // } else if (res.name == 'Coord') {
      // } else if (res.name == 'Analysis') {
      // }
    },
    handleSizeChange(val) {
      this.listData.pageSize = val;
@@ -731,12 +738,12 @@
</script>

<style scoped lang="less">
.mapBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
// .mapBox {
//   width: 100%;
//   height: 100%;
//   overflow: hidden;
//   margin: 0;
//   padding: 0;

  #mapdiv {
    width: 100%;
@@ -744,7 +751,7 @@
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
  position: relative;

    .toponymicLocalBox {
      width: 750px;
@@ -772,11 +779,23 @@
    }
    .pathAnalysisBox {
      width: 412px;

      z-index: 40;
      position: absolute;
      right: 1%;
      bottom: 1%;
  }
  .exportBoxLayer {
    z-index: 40;
    position: absolute;
    top: 3%;
    left: 20%;
  }
  .exportMenuLayer {
    z-index: 40;
    position: absolute;
    top: 15%;
    left: 2%;
    width: 15%;
    }
    .box-body {
      padding: 18px;
@@ -851,7 +870,7 @@
      z-index: 40;
    }
  }
}
// }

// /deep/
// /deep/ .el-input__inner {
@@ -896,23 +915,23 @@
// ::v-deep .el-pagination__jump {
//   color: white;
// }
// .center {
//   left: 1%;
// }
// .CenDiv {
//   position: absolute;
//   bottom: 1%;
//   height: 40px;
//   width: 60px;
//   z-index: 101;
//   display: flex;
//   flex-direction: column;
//   justify-content: space-between;
//   box-shadow: 3px 3px 6px #666;
//   border: 1px solid rgba(204, 204, 204, 0.76);
//   border-radius: 5px;
//   cursor: pointer;
// }
.center {
  left: 1%;
}
.CenDiv {
  position: absolute;
  bottom: 1%;
  height: 40px;
  width: 60px;
  z-index: 101;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 3px 3px 6px #666;
  border: 1px solid rgba(204, 204, 204, 0.76);
  border-radius: 5px;
  cursor: pointer;
}
// .center1 {
//   right: 1%;
// }
@@ -930,22 +949,22 @@
// .CenDiv:hover {
//   border: 1px solid #409eff;
// }
// .active {
//   width: 100%;
//   height: 100%;
//   background: url('../assets/img/Layer/imgLayer2.png') no-repeat center;
//   position: absolute;
//   background-size: 100% 100%;
//   border-radius: 5px;
// }
// .menuLayer {
//   width: 100%;
//   height: 100%;
//   background: url('../assets/img/Layer/imgLayer1.png') no-repeat center;
//   position: absolute;
//   background-size: 100% 100%;
//   border-radius: 5px;
// }
.active {
  width: 100%;
  height: 100%;
  background: url('../assets/img/Layer/imgLayer2.png') no-repeat center;
  position: absolute;
  background-size: 100% 100%;
  border-radius: 5px;
}
.menuLayer {
  width: 100%;
  height: 100%;
  background: url('../assets/img/Layer/imgLayer1.png') no-repeat center;
  position: absolute;
  background-size: 100% 100%;
  border-radius: 5px;
}

// .menuSelect .el-input__inner {
//   background: rgba(255, 255, 255, 0.2) !important;