111

少年

2024-02-07 f7ab8838f095134c65d2628fe54a6fb8c5df146e

 src/components/viewer2.vue

@@ -3,21 +3,12 @@
    <!-- openlayer -->
    <div id="openlayerContainer" @click="clicktoclose"></div>

    <div id="ponitPanel">
      <div id="ponitPanel-close" @click.stop="closehandle"></div>
      <div class="title">点位详情</div>
      <div id="ponitPanel-content">

      </div>

    </div>

    <!-- 页面标题 -->
    <div class="titleBg">
      <img src="@/assets/img/title/title.png" />
    </div>
    <!-- 历史影像 -->
    <!-- <my-history v-if="state.show"></my-history> -->
    <my-history v-if="state.show"></my-history>
    <!-- 历史影像关闭按钮 -->
    <!-- <div class="colseBtn" v-if="state.show" @click="closeHistory(false)">
      <img class="searchBtn" src="@/assets/closeinput1.png" />
@@ -85,9 +76,9 @@
import layerPanel from "./sideMenu/layerMenu/main2.vue";
import roamPanel from "./sideMenu/roamPanel/main.vue";
import layerTreePanel from "./sideMenu/layerTreePanel/main2.vue";
import history from "./poplayer/history.vue";
import history from "./poplayer/history2.vue";
import landAdminInfo from "./poplayer/landAdmin2.vue";
import poplayer from "./poplayer/main2.vue";
import mainPoplayer from "./poplayer/poplayer2.vue";
import sliderAlpha from "./sideMenu/sliderAlpha/main2.vue";
import Axios from "axios";

@@ -123,7 +114,7 @@
    "my-history": history,
    "my-land-admin-info": landAdminInfo,
    "my-slider": sliderAlpha,
    "my-poplayer": poplayer
    "my-poplayer":mainPoplayer
  },
  data() {
    return {
@@ -262,9 +253,9 @@
        }),
      });

      window.map = map;
      window.mapapi = map;
      setClick(true)
      leftClick()
      // leftClick()
      // var url =
      //   "https://skyzt.bda.gov.cn/gisserver/tmsserver/chengshiguihua_dikuaibianhao_tms/";

@@ -288,7 +279,7 @@
      //     },
      //   }),
      // });
      // window.map.addLayer(tmslayer);
      // window.mapapi.addLayer(tmslayer);

      window.layerOpen = function (name, options) {
        layuiLayer.close(SmartEarthPopupData.layerProp);
@@ -457,65 +448,4 @@
  width: 30px;
}

#ponitPanel {
  /* display: none; */
  width: 80vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("./poplayer/img/bg.png");
  z-index: 999;
  color: #fff;
  font-family: SourceHanSansSC-R;
  padding: 10px 5px 10px 5px;
  font-size: 16px;
  pointer-events: all;
}

.title {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 4px;
  padding-left: 26px;
}


#ponitPanel-close {
  pointer-events: all;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("./poplayer/img/close.png");
  margin-top: 8px;
  margin-right: 5px;
  float: right;
  cursor: pointer;
}

#ponitPanel-content {
  width: 100%;
  margin: auto;
}

.ponitPanel-item {
  width: 90%;
  overflow: hidden;
  margin-bottom: 7px;
  margin-left: 25px;
  margin-right: 20px;
  word-break: break-all;
}

.ponitPanel-name {
  /* min-width: 100px; */
  float: left;
}

.ponitPanel-value {
  max-width: 400px;
  float: left;
  color: aqua;
}
</style>