移动端

lixuliang

2024-05-08 f5233339920a59103d53e8efadc6f3f5d0b64f31

 src/components/poplayer/history2.vue

@@ -1,7 +1,7 @@
<template>
  <div class="historyBox">
    <div class="colseBtn">
      <img class="searchBtn" @click="close" src="@/assets/closeinput1.png" />
    <div class="closeWrapper">
      <img class="colseBtn" @click="close" src="@/assets/closeinput1.png" />
    </div>
    <div class="listBox">
      <ul>
@@ -23,15 +23,15 @@
<script>
import _GLOBAL from "@/assets/GLOBAL";
import store from "@/utils/store2";
import { addHistoryLayer } from "@/utils/tool";
import { addHistoryLayer, addHistoryLW } from "@/utils/tool";
export default {
  name: "historyBox",
  components: {},
  data() {
    return {
      arr: [
        2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012,
        2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021,
        2021, 2020, 2019, 2018, 2017, 2016, 2015, 2014, 2013, 2012, 2011, 2010,
        2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002, 2001,
      ],
      currentValue: 2021,
    };
@@ -39,9 +39,10 @@
  mounted() {
    store.setNavigatorShow(false);
    store.setMapToolShow(false);
    // window.mapapi.getView().setCenter(ol.proj.fromLonLat([4.606512, 2.621472]));
    window.mapapi.getView().setCenter(ol.proj.fromLonLat([116.505348, 39.795592]));
    window.mapapi.getView().setCenter(ol.proj.fromLonLat([4.606512, 2.621472]));
    // window.mapapi.getView().setCenter(ol.proj.fromLonLat([116.505348, 39.795592]));
    addHistoryLayer(this.currentValue);
    addHistoryLW();
    if (_GLOBAL.GPSMarker) {
      window.mapapi.removeLayer(_GLOBAL.GPSMarker);
    }
@@ -54,7 +55,10 @@
    close() {
      store.setHistoryShow(false);
      window.mapapi.removeLayer(this.$global.historyLayer);
      window.mapapi.getView().setCenter(ol.proj.fromLonLat([116.505348, 39.795592]));
      window.mapapi.removeLayer(this.$global.historyLW);
      window.mapapi
        .getView()
        .setCenter(ol.proj.fromLonLat([116.505348, 39.795592]));
      store.setNavigatorShow(true);
      store.setMapToolShow(true);
    },
@@ -62,13 +66,13 @@
};
</script>
<style scoped>
.colseBtn {
.closeWrapper {
  position: absolute;
  top: 20px;
  right: 9px;
}

.searchBtn {
.colseBtn {
  width: 0.4rem;
  /* height: 40px; */
}
@@ -103,9 +107,7 @@
  color: #127dff;
}


.active {
  /* background-color: #4590d7; */
.listBox .active {
  color: #127dff;
}
</style>