宅基地退出申请修改

src/views/onlineHome/homestead/freeExit/freeExitAdd.vue

@@ -19,7 +19,7 @@
             {{item}}
           </van-cell>
         </div>
-        <van-field
+        <!--<van-field
           readonly
           clickable
           v-model="circulation.zjddm"
@@ -37,7 +37,16 @@
             @confirm="onConfirmZjddm"
             @cancel="showzjddm = false"
           />
-        </van-popup>
+        </van-popup>-->
+        <van-field
+          v-model="circulation.zjddm"
+          label="宅基地代码"
+          input-align="right"
+        >
+          <template #button>
+            <van-button size="small" @click="mapLook"  type="primary">选择宅基地</van-button>
+          </template>
+        </van-field>
         <van-field
           readonly
           clickable
@@ -140,6 +149,9 @@
         <van-field v-model="circulation.zhfwzl" label="置换房屋坐落" placeholder="请输入房屋坐落" input-align="right" label-width="auto"/>
         <van-field v-model="circulation.bz" label="备注" placeholder="请输入内容" input-align="right" label-width="auto"/>
 
+        <van-dialog v-model="mapShow" show-cancel-button>
+          <MapGisObtain ref="zjdProductResh" :shqrxm="circulation.sqrxm" @closeMoule="closeMoule"></MapGisObtain>
+        </van-dialog>
       </div>
     </van-form>
 
@@ -158,8 +170,10 @@
   import { zjdzd, getByZjddm, getObligeeList, obligeeList } from "@/api/onlineHome/homestead/circulation";
   import { dyAdd,  } from "@/api/onlineHome/homestead/paidExit";
   import {Notify} from "vant";
+  import MapGisObtain from "@/components/Map/MapGisObtain";
   export default {
     name: "freeExitAdd",
+    components: { MapGisObtain, },
     data() {
       return {
         tcqllxDictionaries:[],//退出权利类型
@@ -190,7 +204,8 @@
           sqlx: '1',
           // 退出类型  01-有偿退出   02-无偿退出
           tclx: '02',
-        }
+        },
+        mapShow: false,
       };
     },
     created() {
@@ -356,7 +371,31 @@
         this.$set(this.circulation, "sqrxm", val);
         this.getObligeeOptions=[];
         this.showDropList = false;
-      }
+      },
+      mapLook(){
+        this.mapShow = true;
+        setTimeout(() => {
+          this.$refs.zjdProductResh.drawingLyPaceCountryDarw();
+        },1000);
+      },
+      /** 查找地图中宅基地 */
+      closeMoule: function (data) {
+        this.circulation.zjddm = data;
+        getByZjddm({zjddm: data,}).then(qlrRes => {
+          let data = qlrRes.data;
+          if (data) {
+            this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm);
+            this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx);
+            if(data.shyqrdbzjlx)
+            {
+              let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx);
+              if(val)
+                this.zjlx = val.text;
+            }
+          }
+          // this.$forceUpdate();
+        });
+      },
     },
   }
 </script>

src/views/onlineHome/homestead/paidExit/paidExitAdd.vue

@@ -19,7 +19,7 @@
             {{item}}
           </van-cell>
         </div>
-        <van-field
+        <!-- <van-field
           readonly
           clickable
           v-model="circulation.zjddm"
@@ -37,7 +37,16 @@
             @confirm="onConfirmZjddm"
             @cancel="showzjddm = false"
           />
-        </van-popup>
+        </van-popup> -->
+        <van-field
+          v-model="circulation.zjddm"
+          label="宅基地代码"
+          input-align="right"
+        >
+          <template #button>
+            <van-button size="small" @click="mapLook"  type="primary">选择宅基地</van-button>
+          </template>
+        </van-field>
         <van-field
           readonly
           clickable
@@ -160,6 +169,9 @@
         <van-field v-model="circulation.zhfwzl" label="置换房屋坐落" placeholder="请输入房屋坐落" input-align="right" label-width="auto"/>
         <van-field v-model="circulation.bz" label="备注" placeholder="请输入内容" input-align="right" label-width="auto"/>
 
+        <van-dialog v-model="mapShow" show-cancel-button>
+          <MapGisObtain ref="zjdProductResh" :shqrxm="circulation.sqrxm" @closeMoule="closeMoule"></MapGisObtain>
+        </van-dialog>
       </div>
       </van-form>
 
@@ -181,8 +193,10 @@
 import { zjdzd, getByZjddm, getObligeeList, obligeeList } from "@/api/onlineHome/homestead/circulation";
 import { dyAdd, zyyctcApply } from "@/api/onlineHome/homestead/paidExit";
 import {Notify} from "vant";
+import MapGisObtain from "@/components/Map/MapGisObtain";
 export default {
   name: "paidExitAdd",
+  components: { MapGisObtain, },
   data() {
     return {
       tcqllxDictionaries:[],//退出权利类型
@@ -213,7 +227,8 @@ export default {
         sqlx: '1',
         // 退出类型  01-有偿退出   02-无偿退出
         tclx: '01',
-      }
+      },
+      mapShow: false,
     };
   },
   created() {
@@ -399,7 +414,31 @@ export default {
       this.$set(this.circulation, "sqrxm", val);
       this.getObligeeOptions=[];
       this.showDropList = false;
-    }
+    },
+    mapLook(){
+      this.mapShow = true;
+      setTimeout(() => {
+        this.$refs.zjdProductResh.drawingLyPaceCountryDarw();
+      },1000);
+    },
+    /** 查找地图中宅基地 */
+    closeMoule: function (data) {
+      this.circulation.zjddm = data;
+      getByZjddm({zjddm: data,}).then(qlrRes => {
+        let data = qlrRes.data;
+        if (data) {
+          this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm);
+          this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx);
+          if(data.shyqrdbzjlx)
+          {
+            let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx);
+            if(val)
+              this.zjlx = val.text;
+          }
+        }
+        // this.$forceUpdate();
+      });
+    },
   },
 }
 </script>