1

src/views/home/components/map/index.vue

@@ -1,7 +1,15 @@
 <template>
-  <div class="h-full">
+  <div class="h-full" style="position: relative">
     <div class="c-title flex justify-between">
       <span>作业计划</span>
+      <el-button
+        style="font-size: 16px; position: absolute; right: 45%; top: 5px"
+        size="mini"
+        v-if="currentMap != '衡阳市'"
+        type="text"
+        @click="back()"
+        >返回</el-button
+      >
       <el-date-picker
         size="mini"
         v-model="dateRange"
@@ -15,6 +23,7 @@
       >
       </el-date-picker>
     </div>
+
     <div style="display: flex; justify-content: space-between; height: 100%">
       <div id="hy-map" style="width: 100%; height: 100%"></div>
     </div>
@@ -178,7 +187,7 @@ export default {
             label: {
               normal: {
                 show: true,
-                formatter: "{b}",
+                formatter: "{b}: {c}",
                 textStyle: {
                   color: "#fff",
                 },
@@ -256,6 +265,10 @@ export default {
       window.addEventListener("resize", () => {
         myChart.resize();
       });
+      myChart.on("click", (params) => {
+        this.currentMap = params.name;
+        this.initMap(mapEnum[params.name]);
+      });
       myChart.dispatchAction({
         type: "showTip",
         seriesIndex: 0,