| | |
| | | <div class="dd"> |
| | | <div class="da"> |
| | | <div class="land-img" @click="mod()"> |
| | | <img :src=url class="landimg"/> |
| | | <img :src="url" class="landimg" /> |
| | | </div> |
| | | <div class="cent"> |
| | | <div class="l">{{ landName }}</div> |
| | |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <!-- 种植记录 --> |
| | | <el-tab-pane label="种养品种" name="tab1"> |
| | | <farmplant |
| | | ></farmplant> |
| | | <farmplant></farmplant> |
| | | </el-tab-pane> |
| | | <!-- 农事记录 --> |
| | | <el-tab-pane label="农事记录" name="tab2"> |
| | | <farming |
| | | ></farming> |
| | | <farming></farming> |
| | | </el-tab-pane> |
| | | <!-- 采收记录 --> |
| | | <el-tab-pane label="采收记录" name="tab3"> |
| | | <recovery |
| | | ></recovery> |
| | | <recovery></recovery> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | |
| | | :close-on-press-escape="false" |
| | | :before-close="dialogBeforeClose" |
| | | > |
| | | <getMapDataInThere |
| | | ref="getMapData" |
| | | id="getMapData" |
| | | @setMapData="setMapData" |
| | | ></getMapDataInThere> |
| | | <getMapDataInThere ref="getMapData" id="getMapData" @setMapData="setMapData"></getMapDataInThere> |
| | | <el-button>54654</el-button> |
| | | </el-dialog> |
| | | |
| | | |
| | | </div> |
| | | |
| | | </template> |
| | | |
| | | <script> |
| | | import {mapGetters} from "vuex"; |
| | | import farmplant from "@/views/farmplant/farmplant.vue"; |
| | | import farming from "@/views/farm/farmingrecord.vue"; |
| | | import recovery from "@/views/recovery/recovery.vue"; |
| | | import getMapDataInThere from "./getMapDataInThere.vue"; |
| | | import { mapGetters } from "vuex" |
| | | import farmplant from "@/views/farmplant/farmplant.vue" |
| | | import farming from "@/views/farm/farmingrecord.vue" |
| | | import recovery from "@/views/recovery/recovery.vue" |
| | | import getMapDataInThere from "./getMapDataInThere.vue" |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | } |
| | | ], |
| | | } |
| | | }; |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["userInfo", "permission", "polygons"]), |
| | | }, |
| | | created() { |
| | | this.url = this.$route.query.url; |
| | | this.landName = this.$route.query.landName; |
| | | this.dic = this.$route.query.dic; |
| | | this.landArea = this.$route.query.landArea; |
| | | this.dica = this.$route.query.dica; |
| | | this.deptname = this.$route.query.deptname; |
| | | this.form = res.data.data; |
| | | this.url = this.$route.query.url |
| | | this.landName = this.$route.query.landName |
| | | this.dic = this.$route.query.dic |
| | | this.landArea = this.$route.query.landArea |
| | | this.dica = this.$route.query.dica |
| | | this.deptname = this.$route.query.deptname |
| | | // this.form = res.data.data; |
| | | let usePolygons = this.$route.query.landRange |
| | | .split("POLYGON((")[1] |
| | | .split("))")[0] |
| | | .split(","); |
| | | .split(",") |
| | | for (let k in usePolygons) { |
| | | usePolygons[k] = { |
| | | lng: +usePolygons[k].split(" ")[0], |
| | | lat: +usePolygons[k].split(" ")[1], |
| | | }; |
| | | } |
| | | this.$refs.getMapData.draw(usePolygons); |
| | | } |
| | | this.$refs.getMapData.draw(usePolygons) |
| | | }, |
| | | methods: { |
| | | mod() { |
| | | this.formC = {}; |
| | | this.gradeBoxVisible1 = true; |
| | | this.formC = {} |
| | | this.gradeBoxVisible1 = true |
| | | }, |
| | | }, |
| | | watch: {}, |
| | |
| | | height: 200px; |
| | | margin-top: 25px; |
| | | margin-left: 60px; |
| | | float: left |
| | | float: left; |
| | | } |
| | | |
| | | .cent { |
| | |
| | | width: 100%; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | </style> |