zqq:call-for-help小改

src/views/responseManagement/userResponse/index.vue

@@ -219,7 +219,6 @@
             </el-pagination>
           </el-tab-pane>
 
-          
           <el-tab-pane label="Finish"
                        name="firstNewOne">
             <el-table :data="state.tableData.data"
@@ -338,31 +337,48 @@
         </MapPage>
         <div class="latLon-div"> {{ state.popupLat }} , {{ state.popupLon }} </div>
 
-        <el-form :inline="true" :model="formInline" class="demo-form-inline">
+        <el-form :inline="true"
+                 :model="formInline"
+                 class="demo-form-inline">
 
           <el-form-item label="Disaster Time">
-            <el-date-picker style="width: 200px;" v-model="state.edit.disasterTime" type="date" value-format="YYYY-MM-DD"
+            <el-date-picker style="width: 200px;"
-              placeholder="Select date and time" />
+                            v-model="state.edit.disasterTime"
+                            type="date"
+                            value-format="YYYY-MM-DD"
+                            placeholder="Select date and time" />
           </el-form-item>
           <el-form-item label="Disaster type">
-            <el-select style="width: 200px; height: 40px;" class="form-select" size="default" clearable placeholder="Disaster Type"
+            <el-select style="width: 200px; height: 40px;"
-              v-model="state.edit.disasterType">
+                       class="form-select"
-              <el-option v-for="(item, index) in state.dictList" :value="item.dictKey" :key="index"
+                       size="default"
-                :label="item.dictValue" />
+                       clearable
+                       placeholder="Disaster Type"
+                       v-model="state.edit.disasterType">
+              <el-option v-for="(item, index) in state.dictList"
+                         :value="item.dictKey"
+                         :key="index"
+                         :label="item.dictValue" />
             </el-select>
           </el-form-item>
 
           <el-form-item label="Disaster country">
-            <el-input style="width: 200px;" v-model="state.edit.disasterCountry" placeholder="please Disaster country" clearable></el-input>
+            <el-input style="width: 200px;"
+                      v-model="state.edit.disasterCountry"
+                      placeholder="please Disaster country"
+                      clearable></el-input>
           </el-form-item>
           <el-form-item label="Theme keywords">
-            <el-input style="width: 200px;" v-model="state.edit.disasterKeyword" placeholder="please Theme keywords" clearable></el-input>
+            <el-input style="width: 200px;"
+                      v-model="state.edit.disasterKeyword"
+                      placeholder="please Theme keywords"
+                      clearable></el-input>
           </el-form-item>
 
         </el-form>
         <template #footer>
           <span class="dialog-footer">
-            <el-button @click="dialogVisible = false">Cancel</el-button>
+            <el-button @click="cancelApporval">Cancel</el-button>
             <el-button type="danger"
                        @click="reviews(1)">
               Reject
@@ -491,35 +507,49 @@ const onHandleSizeChange = (val) => {
   getTableData();
 };
 const onOpenEditRole = (type, row) => {
-
+  if (state.wktPoint_Poly) {
+    mapRef.value.mapOperations.removeLayer(state.wktPoint_Poly)
+  }
   //深拷贝
   state.edit = JSON.parse(JSON.stringify(row));
   state.dialogVisible = true;
-  if (row.geometry.substring(0, row.geometry.indexOf("((")) == 'Point') {
+
+  if (row.geometry.substring(0, row.geometry.indexOf("(") - 1) == 'POINT') {
     setTimeout(() => {
       state.radio = "1"
+      state.dislon = row.geometry.substring(row.geometry.indexOf("(") + 1, row.geometry.lastIndexOf(" "))
+      state.dislat = row.geometry.substring(row.geometry.lastIndexOf(" ") + 1, row.geometry.indexOf(")"))
       // mapRef.value.mapOperations.removeAll()
       //赋值地图范围，并且可以修改点或者区域
-      if (state.wktPoint_Poly) {
+      //   if (state.wktPoint_Poly) {
-        mapRef.value.mapOperations.removeLayer(state.wktPoint_Poly)
+      //     mapRef.value.mapOperations.removeLayer(state.wktPoint_Poly)
-      }
+      //     console.log('清除');
+      //   }
       state.wktPoint_Poly = mapRef.value.mapOperations.wktParseToMap(row.geometry)
       mapEvents('1')
     }, 100);
   }
-  else if (row.geometry.substring(0, row.geometry.indexOf("((")) == 'POLYGON') {
+  else if (row.geometry.substring(0, row.geometry.indexOf("((") - 1) == 'POLYGON') {
     setTimeout(() => {
       state.radio = "2"
       // mapRef.value.mapOperations.removeAll()
       //赋值地图范围，并且可以修改点或者区域
       //   if (state.wktPoint_Poly) {
       //     mapRef.value.mapOperations.removeLayer(state.wktPoint_Poly)
+      //     console.log('清除');
       //   }
-      mapRef.value.mapOperations.wktParseToMap(row.geometry)
+      //   mapRef.value.mapOperations.removeWktAll()
+      state.wktPoint_Poly = mapRef.value.mapOperations.wktParseToMap(row.geometry)
       mapEvents('2')
     }, 100);
   }
 };
+const cancelApporval = () => {
+  state.dialogVisible = false;
+  if (state.wktPoint_Poly) {
+    mapRef.value.mapOperations.removeLayer(state.wktPoint_Poly)
+  }
+}
 
 //验证纬度
 const manualLat = () => {