| | |
| | | |
| | | <script> |
| | | import { mapGetters } from "vuex"; |
| | | import MapInThere from "@/components/map/mainInThere.vue"; |
| | | import MapInThere from "@/components/map/mainFarm.vue"; |
| | | export default { |
| | | name: "getMapData", |
| | | components: { |
| | | MapInThere, |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["rotesData", "pointData", "polygons"]), |
| | | ...mapGetters(["rotesData", "pointData", "polygonsFarm"]), |
| | | }, |
| | | watch: { |
| | | ourDatas: { |
| | |
| | | deep: true, |
| | | }, |
| | | polygons() { |
| | | if (this.polygons.length > 0) { |
| | | if (this.polygonsFarm.length > 0) { |
| | | this.isCheck = false; |
| | | } |
| | | }, |
| | |
| | | //动画效果 |
| | | animateName: "custom-classes-transition", |
| | | animateEnter: "animated fadeIn", |
| | | animateLeave: "animated fadeOut", |
| | | //未输入动画效果 |
| | | animateName: "custom-classes-transition", |
| | | animateEnter: "animated fadeInDown", |
| | | animateLeave: "animated fadeOut", |
| | | openTitle: "路径1", |
| | | MapDataShow: false, |
| | |
| | | }, |
| | | methods: { |
| | | draw(usePolygons) { |
| | | this.$store.commit("setpolygon", usePolygons); //用vuex传最终数据 |
| | | this.$store.commit("setpolygonsFarm", usePolygons); //用vuex传最终数据 |
| | | this.doThat(usePolygons) |
| | | }, |
| | | doThat(val) { |
| | |
| | | .list-enter-to, |
| | | .list-leave { |
| | | opacity: 1; |
| | | } |
| | | .list-enter-active, |
| | | .list-leave-active { |
| | | transition: all 0.3s; |
| | | } |
| | | |
| | | .notDatas { |