地图标绘调整

project/sass/apps/grid/AppGridBlock/components/add.vue

@@ -50,7 +50,9 @@
                 <el-input v-model="forms.address" placeholder="限200字" maxlength="200"></el-input>
               </el-form-item>
               <el-form-item label="网格范围" prop="enclosure">
-                <el-button size="small" @click="handlePlotting">地图标绘</el-button>
+                <map-plotting v-model="forms.points">
+                  <el-button size="small">地图标绘</el-button>
+                </map-plotting>
               </el-form-item>
             </template>
           </ai-card>
@@ -65,9 +67,6 @@
         </el-button>
       </template>
     </ai-detail>
-    <ai-dialog class="fullscreenMap" title="网格范围" :visible.sync="showMap" @onConfirm="surePotting" fullscreen>
-      <map-plotting v-model="path"/>
-    </ai-dialog>
   </div>
 </template>
 
@@ -89,9 +88,7 @@ export default {
         girdMemberManageList: [],
         girdMemberList: []
       },
-      showMap: false,
       options: [],
-      path: [],
       parentGirdInfo: {},
     };
   },
@@ -160,10 +157,6 @@ export default {
         }
       });
     },
-    surePotting() {
-      this.forms.points = JSON.parse(JSON.stringify(this.path));
-      this.showMap = false;
-    },
     save() {
       this.$refs["rules"].validate((valid) => {
         if (valid) {
@@ -222,10 +215,6 @@ export default {
         }
       });
     },
-    handlePlotting() {
-      if (this.forms.points?.length > 0) this.path = JSON.parse(JSON.stringify(this.forms.points))
-      this.showMap = true
-    }
   },
 };
 </script>
@@ -235,37 +224,6 @@ export default {
   width: 100%;
   height: 100%;
 
-  ::v-deep .amap-copyright {
-    display: none !important;
-  }
-
-  ::v-deep .amap-logo {
-    display: none !important;
-  }
-
-  ::v-deep.fullscreenMap {
-    .el-dialog {
-      display: flex;
-      flex-direction: column;
-
-      .el-dialog__body {
-        padding: 0;
-        flex: 1;
-        min-height: 0;
-
-        .ai-dialog__content {
-          max-height: unset !important;
-          padding-bottom: 0;
-          height: 100%;
-
-          .ai-dialog__content--wrapper {
-            padding-right: 0 !important;
-          }
-        }
-      }
-    }
-  }
-
   .footer-btn {
     width: 92px;
   }