diff --git a/src/assets/images/housesteadSurvey/add01.png b/src/assets/images/housesteadSurvey/add01.png
new file mode 100644
index 00000000..5c6eaa07
Binary files /dev/null and b/src/assets/images/housesteadSurvey/add01.png differ
diff --git a/src/assets/images/housesteadSurvey/add02.png b/src/assets/images/housesteadSurvey/add02.png
new file mode 100644
index 00000000..2b22036d
Binary files /dev/null and b/src/assets/images/housesteadSurvey/add02.png differ
diff --git a/src/assets/images/housesteadSurvey/add03.png b/src/assets/images/housesteadSurvey/add03.png
new file mode 100644
index 00000000..5b599d64
Binary files /dev/null and b/src/assets/images/housesteadSurvey/add03.png differ
diff --git a/src/assets/images/housesteadSurvey/list01.png b/src/assets/images/housesteadSurvey/list01.png
new file mode 100644
index 00000000..9eb01be6
Binary files /dev/null and b/src/assets/images/housesteadSurvey/list01.png differ
diff --git a/src/assets/images/housesteadSurvey/list02.png b/src/assets/images/housesteadSurvey/list02.png
new file mode 100644
index 00000000..89f3f631
Binary files /dev/null and b/src/assets/images/housesteadSurvey/list02.png differ
diff --git a/src/assets/images/housesteadSurvey/list03.png b/src/assets/images/housesteadSurvey/list03.png
new file mode 100644
index 00000000..76315578
Binary files /dev/null and b/src/assets/images/housesteadSurvey/list03.png differ
diff --git a/src/assets/images/housesteadSurvey/list04.png b/src/assets/images/housesteadSurvey/list04.png
new file mode 100644
index 00000000..a80b9809
Binary files /dev/null and b/src/assets/images/housesteadSurvey/list04.png differ
diff --git a/src/assets/images/housesteadSurvey/list05.png b/src/assets/images/housesteadSurvey/list05.png
new file mode 100644
index 00000000..1e54c867
Binary files /dev/null and b/src/assets/images/housesteadSurvey/list05.png differ
diff --git a/src/assets/images/housesteadSurvey/list06.png b/src/assets/images/housesteadSurvey/list06.png
new file mode 100644
index 00000000..b9cf300b
Binary files /dev/null and b/src/assets/images/housesteadSurvey/list06.png differ
diff --git a/src/assets/images/housesteadSurvey/list07.png b/src/assets/images/housesteadSurvey/list07.png
new file mode 100644
index 00000000..1680597a
Binary files /dev/null and b/src/assets/images/housesteadSurvey/list07.png differ
diff --git a/src/assets/images/housesteadSurvey/list08.png b/src/assets/images/housesteadSurvey/list08.png
new file mode 100644
index 00000000..fddbb017
Binary files /dev/null and b/src/assets/images/housesteadSurvey/list08.png differ
diff --git a/src/assets/images/housesteadSurvey/list09.png b/src/assets/images/housesteadSurvey/list09.png
new file mode 100644
index 00000000..33b2acf6
Binary files /dev/null and b/src/assets/images/housesteadSurvey/list09.png differ
diff --git a/src/assets/images/housesteadSurvey/list10.png b/src/assets/images/housesteadSurvey/list10.png
new file mode 100644
index 00000000..ed6e069f
Binary files /dev/null and b/src/assets/images/housesteadSurvey/list10.png differ
diff --git a/src/router/index.js b/src/router/index.js
index 6e5b5150..3b286c75 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2794,6 +2794,33 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/homesteadSurvey/list'], resolve)
   },
+  {
+    path: '/homesteadSurvey/list2',
+    name: 'homesteadList2',
+    meta: {
+      title: '宅基地调查',
+      hidden: true
+    },
+    component: (resolve) => require(['@/views/homesteadSurvey/list2'], resolve)
+  },
+  {
+    path: '/homesteadSurvey/list3',
+    name: 'homesteadList3',
+    meta: {
+      title: '宅基地调查',
+      hidden: true
+    },
+    component: (resolve) => require(['@/views/homesteadSurvey/list3'], resolve)
+  },
+  {
+    path: '/homesteadSurvey/list4',
+    name: 'homesteadList4',
+    meta: {
+      title: '宅基地调查',
+      hidden: true
+    },
+    component: (resolve) => require(['@/views/homesteadSurvey/list4'], resolve)
+  },
   {
     path: '/homesteadSurvey/add',
     name: 'homesteadAdd',
@@ -2803,6 +2830,33 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/homesteadSurvey/add'], resolve)
   },
+  {
+    path: '/homesteadSurvey/add2',
+    name: 'homesteadAdd2',
+    meta: {
+      title: '宅基地调查',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/homesteadSurvey/add2'], resolve)
+  },
+  {
+    path: '/homesteadSurvey/add3',
+    name: 'homesteadAdd3',
+    meta: {
+      title: '宅基地调查',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/homesteadSurvey/add3'], resolve)
+  },
+  {
+    path: '/homesteadSurvey/add4',
+    name: 'homesteadAdd4',
+    meta: {
+      title: '宅基地调查',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/homesteadSurvey/add4'], resolve)
+  },
   {
     path: '/homesteadSurvey/settle',
     name: 'homesteadSettle',
diff --git a/src/views/homesteadLogin.vue b/src/views/homesteadLogin.vue
index 9750159a..8b535374 100644
--- a/src/views/homesteadLogin.vue
+++ b/src/views/homesteadLogin.vue
@@ -2,56 +2,74 @@
   <div class="app-container" style="overflow:auto;">
     <div style="width:100%;max-width:500px;margin:0 auto;">
       <div class="title">
-        <img  width="150" height="150" style="display: block;margin-right: 10px;margin: 20px auto;" src="../assets/images/housesteadSurvey/logo.png" alt="">
-        <p style="text-align:center;font-size:40px;">农村宅基地调查</p>
+        <img  width="100" height="100" style="display: block;margin-right: 10px;margin: 20px auto;" src="../assets/images/housesteadSurvey/logo.png" alt="">
+        <p style="text-align:center;font-size:26px;font-weight: bold;">农村宅基地调查</p>
       </div>
           <van-form>
-            <div style="width: 90%;
-            max-widht:462px;
-            border-radius: 45px;
-            box-shadow: 2px 10px 10px 0px rgba(125,125,125,0.16);padding: 10px 30px; margin:40px 20px; ">
+            <div style="
+              width: 90%;
+              max-widht:462px;
+              border-radius: 45px;
+              box-shadow: 2px 10px 10px 0px rgba(125,125,125,0.16);
+              padding: 5px 0;
+              margin:40px 20px 0;
+              background: #fff;
+              overflow: hidden;
+            "
+            >
             <van-field
               v-model="formData.username"
               placeholder="请输入账号"
               left-icon="manager"
               color="#bfbfbf"
-              input-align="center"
               :rules="[{ required: true, message:''  }]"
             />
             </div>
-            <div style="width: 90%;
-            max-widht:462px;
+            <div style="
+              width: 90%;
+              max-widht:462px;
               border-radius: 45px;
-              box-shadow: 2px 10px 10px 0px rgba(125,125,125,0.16);padding: 10px 30px; margin:40px 20px;  ">
+              box-shadow: 2px 10px 10px 0px rgba(125,125,125,0.16);
+              padding: 5px 0px;
+              margin:20px 20px 10px;
+              background: #fff;
+              overflow: hidden;
+            "
+            >
             <van-field
               v-model="formData.password"
               type="password"
               placeholder="请输入密码"
               left-icon="lock"
               color="#bfbfbf"
-              input-align="center"
               :rules="[{ required: true, message:''  }]"
             />
             </div>
-            <div style="width: 90%;
-            max-widht:462px;
-              border-radius: 45px;
-              box-shadow: 2px 10px 10px 0px rgba(125,125,125,0.16);padding: 10px 30px; margin:40px 20px 10px; " class="codeDiv">
-            <van-field
-              v-model="formData.code"
-              center
-              clearable
-              input-align="center"
-              placeholder="图形验证码"
-            >
-              <template #label>
-                <img style="width: 90px" :src="codeUrl" @click="getCode"  />
-              </template>
-            </van-field>
+            <div style="width: 90%;margin: 15px auto 20px;display:flex;justify-content: end;">
+              <van-checkbox v-model="formData.rememberMe">{{showMessage ? "记住手机号" : "记住密码"}}</van-checkbox>
+            </div>
+            <div style="display: flex;align-items: center;justify-content: space-between;width: 90%;margin: 0 auto;">
+              <div style="width: 60%;
+                max-widht:462px;
+                border-radius: 45px;
+                box-shadow: 2px 10px 10px 0px rgba(125,125,125,0.16);
+                padding: 5px 0px;
+                background: #fff;
+                overflow: hidden;"
+                class="codeDiv"
+              >
+                <van-field
+                  v-model="formData.code"
+                  center
+                  clearable
+                  placeholder="图形验证码"
+                >
+                </van-field>
+              </div>
+              <img style="width: 35%;" :src="codeUrl" @click="getCode"  />
             </div>
-            <van-checkbox style="margin-bottom: 10px;float: left;margin-top:10px;margin-left:20px;" v-model="formData.rememberMe" shape="square">{{showMessage ? "记住手机号" : "记住密码"}}</van-checkbox>
-            <div style="margin: 10px 5px 5px;padding:10px">
-              <van-button block round size="large" :color="formData.username!=''&&formData.password!=''?'#7AC943':'#e2e2e2'" :disabled="formData.username==''||formData.password==''" native-type="submit" @click="handleLogin">登录</van-button>
+            <div style="margin: 50px auto;font-weight: bold;width: 90%;">
+              <van-button block round size="large" :color="formData.username!=''&&formData.password!=''?'#7AC943':'#e2e2e2'" :disabled="formData.username==''||formData.password==''" native-type="submit" @click="handleLogin">登 入</van-button>
             </div>
           </van-form>
     </div>
@@ -83,7 +101,7 @@
 </template>
 <style scoped>
   .app-container{
-    background: #fff;
+    background: #F6F6F6;
     height: 100vh;
   }
   .title{
@@ -128,7 +146,9 @@
   .registerSmsBtn{
     color: rgb(29, 111, 233);
     font-size: 0.34rem;
-
+  }
+  /deep/ .van-field__left-icon{
+    margin-right: 10PX;
   }
 </style>
 <script>
@@ -250,8 +270,7 @@ export default {
         Cookies.remove("password");
         Cookies.remove("rememberMe");
       }
-        this.$store
-          .dispatch("Login", this.formData)
+        this.$store.dispatch("Login", this.formData)
           .then(() => {
             this.$router.push({ path: "/homesteadSurvey/index" }).catch(() => {});
           })
diff --git a/src/views/homesteadSurvey/add.vue b/src/views/homesteadSurvey/add.vue
index 33e2f328..04b172b4 100644
--- a/src/views/homesteadSurvey/add.vue
+++ b/src/views/homesteadSurvey/add.vue
@@ -9,2977 +9,452 @@
           <template #left>
             <van-icon name="arrow-left" size="18" color="#fff" />
           </template>
-          <!-- <template #right>
-          <van-icon name="map-marked" size="18" color="#fff" />
-        </template>-->
           <template #title>
-            <p style="color:#fff">{{item.zjddm?"":"新增"}}入户调查</p>
+            <p style="color:#fff">入户调查</p>
           </template>
         </van-nav-bar>
       </div>
-      <div style=" width:90%; left:5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;
-    top:1.2rem">
+      <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem">
         <van-row>
-          <van-col span="4" :offset="1" style="text-align:center;" @click="zjdProduct">
-            <div @click="active=1">
+          <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})">
               <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
               <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p>
-            </div>
           </van-col>
           <van-col span="2">
-            <div style="height: 2px; border: 2px dashed #b5b4b4;margin-top: 40px;"></div>
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4"  style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" >
+            <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p>
           </van-col>
-          <div @click="active=2,getSyqrList()">
-            <van-col span="4"  style="text-align:center;" >
-              <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
-              <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p>
-            </van-col>
-          </div>
-
           <van-col span="2">
-            <div style=" height: 2px; border: 2px dashed #b5b4b4;margin-top: 40px;"></div>
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" >
+            <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p  :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p>
           </van-col>
-          <div @click="active=3,getZrzList()">
-            <van-col span="4" style="text-align:center;" >
-              <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
-              <p  :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p>
-            </van-col>
-          </div>
           <van-col span="2">
-            <div style=" height: 2px; border: 2px dashed #b5b4b4;margin-top: 40px;"></div>
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
           </van-col>
-          <van-col span="4" style="text-align:center;" @click="active=4,getFsssList(),showPic()">
+          <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})">
             <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
             <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p>
           </van-col>
         </van-row>
       </div>
     </van-sticky>
-    <div v-if="active==1">
-      <div style="margin:20px;">
-        <van-form @submit="onSubmitzjd">
-          <p class="title" style="position:relative;padding-left:20px;line-height:32px;">宅基地信息</p>
-          <!--<van-field
-            v-model="form.deptId"
-            name="行政区划名称"
-            label="行政区划名称"
-            placeholder="行政区划名称"
-            :rules="[{ required: true, message: '' }]"
-          />-->
-          <van-field
-            autocomplete="off"
-            v-model="form.suyqrdm"
-            name="所有权人代码"
-            label="所有权人代码"
-            placeholder="自动生成"
-            input-align="right"
-            disabled
-            v-show="false"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form.zjddm"
-            name="宅基地代码"
-            label="宅基地代码"
-            placeholder="自动生成"
-            input-align="right"
-            disabled
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form.zddm"
-            name="宗地代码"
-            label="宗地代码"
-            placeholder="自动生成"
-            disabled
-            v-show="false"
-          />
-          <van-field name="radio" label="是否发证" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form.sffz" direction="horizontal">
-                <van-radio name="Y">是</van-radio>
-                <van-radio name="N">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-
-          <van-field
-            input-align="right"
-            v-model="form.zjdzsh"
-            name="宅基地证书号"
-            label="宅基地证书号"
-            placeholder="宅基地证书号"
-            maxlength="50"
-            autocomplete="off"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form.zjdpzmj"
-            name="批准面积(㎡)"
-            label="批准面积(㎡)"
-            placeholder="单位：平方米"
-            type="number"
-            maxlength="15"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form.zdmj"
-            type="number"
-            name="宗地面积(㎡)"
-            label="宗地面积(㎡)"
-            placeholder="宗地面积(㎡)"
-            maxlength="15"
-          />
-
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form.zl"
-            name="坐落"
-            label="坐落"
-            placeholder="坐落"
-            required
-            :rules="[{ required: true, message: '坐落不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form.zldwdm"
-            name="坐落单位代码"
-            label="坐落单位代码"
-            placeholder="自动生成"
-            input-align="right"
-            disabled
-            v-show="false"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form.zdszd"
-            name="宗地四至-东"
-            label="宗地四至-东"
-            placeholder="宗地四至-东"
-            maxlength="150"
-            required
-            :rules="[{ required: true, message: '宗地四至-东不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form.zdszn"
-            name="宗地四至-南"
-            label="宗地四至-南"
-            placeholder="宗地四至-南"
-            maxlength="150"
-            required
-            :rules="[{ required: true, message: '宗地四至-南不能为空' }]"
-          />
-          <van-field
-            input-align="right"
-            v-model="form.zdszx"
-            name="宗地四至-西"
-            label="宗地四至-西"
-            placeholder="宗地四至-西"
-            maxlength="150"
-            required
-            :rules="[{ required: true, message: '宗地四至-西不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form.zdszb"
-            name="宗地四至-北"
-            label="宗地四至-北"
-            placeholder="宗地四至-北"
-            maxlength="150"
-            required
-            :rules="[{ required: true, message: '宗地四至-北不能为空' }]"
-          />
-          <van-collapse v-model="activeZjd">
-            <van-collapse-item title="利用状况" name="1" class="label-class">
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.lyzkName"
-                name="当前利用状况"
-                label="当前利用状况"
-                placeholder="当前利用状况"
-                readonly
-                @click="showlyzk = true"
-              />
-              <van-field
-                v-model="form.lyzk"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.zjdxzyy"
-                name="闲置原因"
-                label="闲置原因"
-                placeholder="宅基地闲置原因"
-                maxlength="200"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.xzkssj"
-                name="闲置开始时间"
-                label="闲置开始时间"
-                placeholder="闲置开始时间"
-                readonly
-                @click="showPickerxzkssj = true"
-              />
-              <van-popup v-model:show="showPickerxzkssj" position="bottom">
-                <van-datetime-picker
-                  type="date"
-                  @confirm="onConfirmxzkssj"
-                  @cancel="showPickerxzkssj = false"
-                  :min-date="minDate"
-                  :max-date="maxDate"
-                />
-              </van-popup>
-              <van-field name="radio" label="流转意向" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="form.lzyx" direction="horizontal">
-                    <van-radio name="1">有</van-radio>
-                    <van-radio name="0">无</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field name="radio" label="有偿退出意向" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="form.yctcyx" direction="horizontal">
-                    <van-radio name="1">有</van-radio>
-                    <van-radio name="0">无</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-            </van-collapse-item>
-            <van-collapse-item title="其他信息" name="2" class="label-class">
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.djName"
-                name="等级"
-                label="等级"
-                placeholder="等级"
-                @click="showdj = true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="form.dj"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.jg"
-                name="价格（万元）"
-                label="价格（万元）"
-                placeholder="价格（万元）"
-                maxlength="15"
-                type="number"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.ytmc"
-                name="用途"
-                label="用途"
-                placeholder="用途"
-                readonly
-                @click="showyt = true"
-                required
-                :rules="[{ required: true, message: '用途不能为空' }]"
-              />
-              <van-field
-                v-model="form.yt"
-                style="display:none"
-                autocomplete="off"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.qllxName"
-                name="权利类型"
-                label="权利类型"
-                placeholder="权利类型"
-                readonly
-                @click="showqllx = true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="form.qllx"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.qlxzName"
-                name="权利性质"
-                label="权利性质"
-                placeholder="权利性质"
-                readonly
-                @click="showqlxz = true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="form.qlxz"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.qlsdfsName"
-                name="权利设定方式"
-                label="权利设定方式"
-                placeholder="权利设定方式"
-                readonly
-                @click="showqlsdfs = true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="form.qlsdfs"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.rjl"
-                name="容积率"
-                label="容积率"
-                placeholder="容积率"
-              />
-              <van-field
-                input-align="right"
-                v-model="form.jzmd"
-                name="validator"
-                label="建筑密度"
-                placeholder="填写0~1小数"
-                :rules="[{ validator, message: '请填写0~1小数，保留两位小数' }]"
-                type="number"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.jzxg"
-                name="建筑限高(m)"
-                label="建筑限高(m)"
-                placeholder="填写000.00~999.99小数"
-                :rules="[{ validator:validator1, message: '请填写000.00~999.99小数，保留两位小数' }]"
-                type="number"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.zdt"
-                name="宗地图"
-                label="宗地图"
-                placeholder="宗地图"
-                maxlength="200"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.tfh"
-                name="图幅号"
-                label="图幅号"
-                placeholder="图幅号"
-                maxlength="50"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form.djh"
-                name="地籍号"
-                label="地籍号"
-                placeholder="自动生成"
-                disabled
-                v-show="false"
-              />
-              <van-field name="radio" label="被惩处经历" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="form.bccjl" direction="horizontal">
-                    <van-radio name="1">有</van-radio>
-                    <van-radio name="0">无</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field
-                autocomplete="off"
-                v-if="form.bccjl==1"
-                input-align="right"
-                v-model="form.bccbz"
-                name="被惩处备注"
-                label="被惩处备注"
-                placeholder="被惩处备注"
-                maxlength="200"
-              />
-              <van-field name="radio" label="宅基地取得方式" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="form.zjdqdfs" direction="horizontal">
-                    <van-radio v-for="dict in zjdqdfsOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-            </van-collapse-item>
-          </van-collapse>
-          <van-field
-            autocomplete="off"
-            v-model="form.sjlyName"
-            name="数据来源"
-            label="数据来源"
-            placeholder="数据来源"
-            input-align="right"
-            readonly
-            @click="showsjly = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form.sjly"
-            style="display:none"
-          />
-
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form.bz"
-            name="备注"
-            label="备注"
-            placeholder="备注"
-            maxlength="200"
-          />
-          <van-field name="uploader" label="现场照片" autocomplete="off">
-            <template #input>
-              <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="20" accept="image/*"></van-uploader>
-            </template>
-          </van-field>
-
-
-          <MapGisDrawing :ref="this.zjdProductResh" :message="form.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
-          <div  style="margin: 16px;">
-            <van-button v-if="isFinished" round  color="#7AC943" style="width:100%" native-type="submit">保存</van-button>
-          </div>
-        </van-form>
-      </div>
-    </div>
-    <div v-if="active==2">
-      <div style="margin:20px;">
-        <p class="title" style="position:relative;padding-left:20px;line-height:32px;">使用权人</p>
-      </div>
-      <van-swipe-cell v-for="(item,index) in syqrlist" :key="'syqr'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
-        <div style="padding:20px;">
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="manager" color="#22b7f2" size="20" style="margin-right:10px;"/>
-            {{item.shyqrdbxm}}</p>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">证件号码</p>
-            <p  style="flex:1;text-align:right;">{{item.shyqrdbzjhm}}</p>
-          </div>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">农户代码</p>
-            <p style="flex:1;text-align:right;">{{item.nhdm}}</p>
-          </div>
-          <div style="text-align:center;overflow:auto;">
-            <van-button plain round color="#7AC943" size="mini" style="margin:0 5px;" @click="showPopupnh(item)">查看户主</van-button>
-            <van-button plain round color="#7AC943" size="mini" style="margin:0 5px;" @click="showPopupsyqr(item)">查看使用权人</van-button>
-            <van-button plain round color="#7AC943" size="mini" style="margin:0 5px;" @click="showPopuphncylist(item)">查看成员</van-button>
-          </div>
-        </div>
-        <template #right v-if="isFinished">
-          <van-button square text="删除" type="danger" class="delete-button" @click="deletesyqr(item.id,index)"/>
-        </template>
-      </van-swipe-cell>
-
-      <div v-if="isFinished" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:10px;">
-        <div style="text-align:center;overflow:auto;">
-          <van-button plain round color="#22B7F2" size="mini" style="margin:0 auto;padding:20px;" @click="showPopupsyqr('')">+添加使用权人</van-button>
-          <van-button plain round color="#22B7F2" size="mini" style="margin:0 auto;padding:20px;" @click="showPopupnh('')">+添加农户信息</van-button>
-        </div>
-      </div>
-      <!--  <div style="position:fixed;bottom:50px;left:25%;width:50%;text-align:center;">
-        <van-button round  size="small" color="#7AC943" style="width:40%" @click="changeActiveBack">上一项</van-button>
-        <van-button round  size="small" color="#7AC943" style="width:40%" @click="changeActive">下一项</van-button>
-      </div>-->
-    </div>
-    <div v-if="active==3">
-      <div style="margin:20px;">
-        <p class="title" style="position:relative;padding-left:20px;line-height:32px;">自然幢</p>
-      </div>
-      <van-swipe-cell v-for="(item,index) in zrzlist" :key="'zrz'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
-        <div style="padding:20px;">
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>
-            第{{index+1}}号</p>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">自然幢号</p>
-            <p  style="flex:1;text-align:right;">{{item.zrzh}}</p>
-          </div>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">总层数</p>
-            <p style="flex:1;text-align:right;">{{item.zcs}}</p>
-          </div>
-          <div style="text-align:center;overflow:auto;">
-            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" @click="showPopupzrz(item)">查看自然幢信息</van-button>
-            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" @click="shownmfwlist(item)">查看房屋列表</van-button>
-          </div>
-        </div>
-        <template #right v-if="isFinished">
-          <van-button square text="删除" type="danger" class="delete-button" @click="deletezrz(item,index)"/>
-        </template>
-      </van-swipe-cell>
-      <div v-if="isFinished" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">
-        <div style="text-align:center;" >
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopupzrz('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加自然幢信息</p>
-        </div>
-      </div>
-      <!--<div style="margin:20px;">
-        <p class="title" style="position:relative;padding-left:20px;line-height:32px;">房屋信息</p>
-      </div>
-      <van-swipe-cell v-for="(item,index) in fwlist" :key="index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
-        <div style="padding:20px;">
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>第{{index+1}}号</p>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">农民房屋幢号</p>
-            <p  style="flex:1;text-align:right;">{{item.nmfwzh}}</p>
-          </div>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">农民房屋面积(㎡)</p>
-            <p style="flex:1;text-align:right;">{{item.nmfwmj}}</p>
-          </div>
-          <div style="text-align:center;overflow:auto;">
-            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" @click="showPopupfw(item)">查看房屋信息</van-button>
-          </div>
-        </div>
-        <template #right>
-          <van-button square text="删除" type="danger" class="delete-button" @click="deletefw(item.id,index)"/>
-        </template>
-      </van-swipe-cell>
-      <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;margin-bottom:50px">
-        <div style="text-align:center;" >
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopupfw('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加房屋信息</p>
-        </div>
-      </div>-->
-      <!--<div style="position:fixed;bottom:50px;left:25%;width:50%;text-align:center;">
-        <van-button round  size="small" color="#7AC943" style="width:40%" @click="changeActiveBack">上一项</van-button>
-        <van-button round  size="small" color="#7AC943" style="width:40%" @click="changeActive">下一项</van-button>
-      </div>-->
-    </div>
-    <div v-if="active==4">
-      <div style="margin:20px;">
-        <p class="title" style="position:relative;padding-left:20px;line-height:32px;">附属设施</p>
-      </div>
-      <van-swipe-cell v-for="(item,index) in fssslist" :key="'fsss'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
-        <div style="padding:20px;">
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>{{fssslxfy(item.fssslx)}}</p>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">建筑面积(㎡)</p>
-            <p  style="flex:1;text-align:right;">{{item.jzmj}}</p>
-          </div>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">建筑物情况</p>
-            <p style="flex:1;text-align:right;">{{jzwqkfy(item.jzwqk)}}</p>
-          </div>
-          <div style="text-align:center;overflow:auto;">
-            <van-button plain round color="#7AC943" size="mini" @click="showPopupfsss(item)" style="margin:0 auto;">查看附属设施信息</van-button>
-          </div>
-        </div>
-        <template #right v-if="isFinished">
-          <van-button square text="删除" type="danger" class="delete-button" @click="deletefsss(item.id,index)"/>
-        </template>
-      </van-swipe-cell>
-      <div v-if="isFinished" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">
-        <div style="text-align:center;" >
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopupfsss('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加附属设施信息</p>
-        </div>
-      </div>
-      <!--<div v-if="!isFinished&&showsh">
-        <div style="margin:20px;">
-          <p class="title" style="position:relative;padding-left:20px;line-height:32px;">电子签名</p>
-        </div>
-        <van-row style="margin: 0 5% 5% 5%;border:1px solid #BFBFBF">
-          <img :src="resultImg" alt="" width="100%" height="100%"/>
-        </van-row>
-      </div>-->
-      <div style="position:fixed;bottom:0;left:5%;width:90%;text-align:center;display:flex;">
-        <van-button round color="#ee0a24"  style="flex:1;" @click="showycbjinfo">异常标记</van-button>
-        <van-button round color="#7AC943"  style="flex:1;" @click="searchCommit">签名确认</van-button>
-        <van-button round color="#ff976a" v-if="!isFinished&&showsh" style="flex:1;" @click="showdcshinfo">调查审核</van-button>
-      </div>
-    </div>
-    <van-popup v-model="showsyqr" style="height:100%;width:100%;">
-      <div class="bannerBg">
-        <van-nav-bar
-          style="background:transparent;border-bottom-width:0;"
-          @click-left="showsyqr=false"
-        >
-          <template #left>
-            <van-icon name="arrow-left" size="18" color="#fff" style="line-height: 32px;" />
-          </template>
-          <template #title>
-            <p style="color:#fff">使用权利人</p>
-          </template>
-        </van-nav-bar>
-      </div>
-      <div style="margin:20px;">
-        <van-form @submit="onSubmitsyqr">
-          <p class="title" style="position:relative;padding-left:20px;line-height:32px;">使用权人</p>
-
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form1.nhdm"
-            name="农户代码"
-            label="农户代码"
-            placeholder="农户代码"
-            required
-            :rules="[{ required: true, message: '农户代码不能为空' }]"
-            @click="showsyqrnhdmlist = true,nhdmValue=null"
-            readonly
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form1.zjddm"
-            name="宅基地代码"
-            label="宅基地代码"
-            placeholder="宅基地代码"
-            required
-            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
-            v-show="false"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form1.shyqrdbxm"
-            name="使用权人代表姓名"
-            label="权利人姓名"
-            placeholder="使用权人代表姓名"
-            maxlength="50"
-            required
-            :rules="[{ required: true, message: '使用权人代表姓名不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form1.shyqrdbzjlxName"
-            name="使用权人代表证件类型"
-            label="证件类型"
-            placeholder="使用权人代表证件类型"
-            @click="showshyqrdbzjlx = true"
-            required
-            :rules="[{ required: true, message: '使用权人代表证件类型不能为空' }]"
-          />
-          <van-field
-            v-model="form1.shyqrdbzjlx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form1.shyqrdbzjhm"
-            name="使用权人代表证件号码"
-            label="证件号码"
-            placeholder="使用权人代表证件号码"
-            maxlength="30"
-            required
-            :rules="[{ required: true, message: '使用权人代表证件号码不能为空' },{validator:validatorIdcard,message:'身份证号格式错误！'}]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form1.qlrlxName"
-            name="权利人类型"
-            label="权利人类型"
-            placeholder="权利人类型"
-            @click="showqlrlx = true"
-            required
-            :rules="[{ required: true, message: '权利人类型不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form1.qlrlx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form1.bdcdyh"
-            name="不动产单元号"
-            label="不动产单元号"
-            placeholder="分配了不动产单元号时填写"
-            maxlength="28"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form1.bdcqzh"
-            name="不动产权证号"
-            label="不动产权证号"
-            placeholder="不动产权证号"
-            maxlength="50"
-            v-show="form1.bdcdyh!=null&&form1.bdcdyh!=''"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form1.qzysxlh"
-            name="权证印刷序列号"
-            label="权证印刷序列号"
-            placeholder="权证印刷序列号"
-            maxlength="100"
-            v-show="false"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form1.fzjg"
-            name="发证机关"
-            label="发证机关"
-            placeholder="发证机关"
-            maxlength="100"
-          />
-          <van-collapse v-model="activeQlr">
-            <van-collapse-item title="基本信息" name="1" class="label-class">
-              <van-field name="radio" label="国家/地区" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="form1.gj" direction="horizontal">
-                    <van-radio name="1">中国</van-radio>
-                    <van-radio name="2">其他</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form1.hjszssName"
-                name="户籍所在省市"
-                label="户籍所在省市"
-                placeholder="户籍所在省市"
-                readonly
-                @click="showhjszss = true"
-              />
-              <van-field
-                style="display:none"
-                v-model="form1.hjszss"
-              />
-              <van-field name="radio" label="性别" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="form1.xb" direction="horizontal">
-                    <van-radio name="1">男</van-radio>
-                    <van-radio name="2">女</van-radio>
-                    <van-radio name="3">不详</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form1.dh"
-                name="电话"
-                label="电话"
-                placeholder="电话"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form1.dz"
-                name="地址"
-                label="地址"
-                placeholder="地址"
-              />
-              <van-field autocomplete="off" name="radio" label="是否本农村集体经济组织成员" input-align="right" required
-                         :rules="[{ required: true, message: '是否本农村集体经济组织成员不能为空' }]">
-                <template #input>
-                  <van-radio-group v-model="form1.sfbncjtjjzzcy" direction="horizontal">
-                    <van-radio name="1">是</van-radio>
-                    <van-radio name="0">否</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form1.sshyName"
-                name="所属行业"
-                label="所属行业"
-                placeholder="所属行业"
-                readonly
-                @click="showsyqrsshy = true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="form1.sshy"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form1.suyqrdm"
-                name="所有权人代码"
-                label="所有权人代码"
-                placeholder="当使用权人是本村集体经济组织成员时必填"
-                readonly
-                v-show="false"
-              />
-              <van-field name="radio" label="户口类型" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="form1.hklx" direction="horizontal">
-                    <van-radio name="01">农业户口</van-radio>
-                    <van-radio name="02">非农业户口</van-radio>
-                    <van-radio name="03">其他</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-            </van-collapse-item>
-            <van-collapse-item title="共有方式" name="2" class="label-class">
-
-              <van-field autocomplete="off" name="radio" label="是否持证人" input-align="right" required
-                         :rules="[{ required: true, message: '是否持证人' }]">
-                <template #input>
-                  <van-radio-group v-model="form1.sfczr" direction="horizontal">
-                    <van-radio name="Y">是</van-radio>
-                    <van-radio name="N">否</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field autocomplete="off" name="radio" label="是否使用权人之间共有" input-align="right" required
-                         :rules="[{ required: true, message: '是否共有不能为空' }]">
-                <template #input>
-                  <van-radio-group v-model="form1.sfsyqrzjgy" direction="horizontal">
-                    <van-radio name="1">是</van-radio>
-                    <van-radio name="0">否</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form1.gyfsName"
-                name="共有方式"
-                label="共有方式"
-                placeholder="共有方式"
-                @click="showgyfs = true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="form1.gyfs"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="form1.qlbl"
-                name="权利比例"
-                label="权利比例"
-                placeholder="单独为1，共有时2位小数"
-                type="number"
-                maxlength="20"
-              />
-              <van-field
-                autocomplete="off"
-                v-if="form1.sfsyqrzjgy=='Y'"
-                input-align="right"
-                v-model="form1.ftzdmj"
-                name="分摊宗地面积(㎡)"
-                label="分摊宗地面积(㎡)"
-                placeholder="单位：平方米"
-                type="number"
-              />
-            </van-collapse-item>
-          </van-collapse>
-
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form1.bz"
-            name="备注"
-            label="备注"
-            placeholder="备注"
-          />
-          <!--          <div style="text-align:center;overflow:auto;">
-            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" native-type="button" @click="showPopuphncylist(form1)">查看户内成员列表</van-button>
-          </div>-->
-          <div style="margin: 16px;" v-if="isFinished">
-            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
-          </div>
-        </van-form>
-      </div>
-    </van-popup>
-    <van-popup v-model="showzrz" style="height:100%;width:100%;">
-      <div class="bannerBg">
-        <van-nav-bar
-          style="background:transparent;border-bottom-width:0;"
-          @click-left="showzrz=false"
-        >
-          <template #left>
-            <van-icon name="arrow-left" size="18" color="#fff" />
-          </template>
-          <template #title>
-            <p style="color:#fff">自然幢信息</p>
-          </template>
-        </van-nav-bar>
-      </div>
-      <div style="margin:20px;">
-        <van-form @submit="onSubmitzrz">
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.zjddm"
-            name="宅基地代码"
-            label="宅基地代码"
-            placeholder="宅基地代码"
-            readonly
-            required
-            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
-          />
-          <!--<van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.nmfwzh"
-            name="农民房屋幢号"
-            label="农民房屋幢号"
-            placeholder="自动生成"
-            disabled
-          />-->
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.zrzh"
-            name="自然幢号"
-            label="自然幢号"
-            placeholder="自动生成"
-            disabled
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.jgrq"
-            name="竣工日期"
-            label="竣工日期"
-            placeholder="竣工日期"
-            @click="showPickerjgrq=true"
-            readonly
-          />
-
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.zzdmj"
-            @input="form3.zydmj = form3.zzdmj"
-            name="幢占地面积(㎡)"
-            label="幢占地面积(㎡)"
-            placeholder="幢占地面积(㎡)"
-            type="number"
-            required
-            :rules="[{ required: true, message: '幢占地面积(㎡)不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.zydmj"
-            name="幢用地面积(㎡)"
-            label="幢用地面积(㎡)"
-            placeholder="幢用地面积(㎡)"
-            type="number"
-            required
-            :rules="[{ required: true, message: '幢用地面积(㎡)不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.scjzmj"
-            name="实测建筑面积(㎡)"
-            label="实测建筑面积(㎡)"
-            placeholder="实测建筑面积(㎡)"
-            type="number"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.jzwgd"
-            name="建筑物高度"
-            label="建筑物高度"
-            placeholder="建筑物高度"
-            type="number"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.zcs"
-            name="总层数"
-            label="总层数"
-            placeholder="总层数"
-            type="number"
-            required
-            :rules="[{ required: true, message: '总层数不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.dscs"
-            name="地上层数"
-            label="地上层数"
-            placeholder="地上层数"
-            type="number"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.dxcs"
-            name="地下层数"
-            label="地下层数"
-            placeholder="地下层数"
-            type="number"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.fwjgName"
-            name="房屋结构"
-            label="房屋结构"
-            placeholder="房屋结构"
-            @click="showzrzfwjg = true"
-            readonly
-            required
-            :rules="[{ required: true, message: '房屋结构不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form3.fwjg"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.sjlyName"
-            name="数据来源"
-            label="数据来源"
-            placeholder="数据来源"
-            readonly
-            required
-            :rules="[{ required: true, message: '数据来源不能为空' }]"
-            @click="showzrzsjly=true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form3.sjly"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form3.bz"
-            name="备注"
-            label="备注"
-            placeholder="备注"
-          />
-          <MapGisDrawing :ref="this.zrzProductResh" :message="form3.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
-          <div style="margin: 16px;" v-if="isFinished">
-            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
-          </div>
-        </van-form>
-      </div>
-    </van-popup>
-    <van-popup v-model="shownh" style="height:100%;width:100%;">
-      <div class="bannerBg">
-        <van-nav-bar
-          style="background:transparent;border-bottom-width:0;"
-          @click-left="shownh=false"
-        >
-          <template #left>
-            <van-icon name="arrow-left" size="18" color="#fff" />
-          </template>
-          <template #title>
-            <p style="color:#fff">{{nhform.id?"":"新增"}}户主信息</p>
-          </template>
-        </van-nav-bar>
-      </div>
-      <div style="margin:20px;">
-        <van-form @submit="onSubmitnh">
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.suyqrdm"
-            name="所有权人代码"
-            label="所有权人代码"
-            placeholder="所有权人代码"
-            required
-            disabled
-            :rules="[{ required: true, message: '所有权人代码不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.nhdm"
-            name="农户代码"
-            label="农户代码"
-            placeholder="自动生成"
-            disabled
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.hzxm"
-            name="户主姓名"
-            label="户主姓名"
-            placeholder="户主姓名"
-            required
-            :rules="[{ required: true, message: '户主姓名不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.hzzjlxName"
-            name="户主证件类型"
-            label="户主证件类型"
-            placeholder="户主证件类型"
-            required
-            readonly
-            :rules="[{ required: true, message: '户主证件类型不能为空' }]"
-            @click="showhzzjlx = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.hzzjlx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.hzzjhm"
-            input-align="right"
-            name="户主证件号码"
-            label="户主证件号码"
-            placeholder="户主证件号码"
-            required
-            :rules="[{ required: true, message: '户主证件号码不能为空' },{validator:validatorIdcard1,message:'身份证号格式错误！'}]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.txdz"
-            name="通讯地址"
-            label="通讯地址"
-            placeholder="通讯地址"
-            required
-            :rules="[{ required: true, message: '通讯地址不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.hncysl"
-            name="户内成员数量"
-            label="户内成员数量"
-            placeholder="户内成员数量"
-            required
-            :rules="[{ required: true, message: '户内成员数量不能为空' }]"
-          />
-          <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="nhform.hyzk" direction="horizontal">
-                <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.phone"
-            name="电话号码"
-            label="电话号码"
-            placeholder="电话号码"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.occupationName"
-            name="职业"
-            label="职业"
-            placeholder="职业"
-            required
-            readonly
-            :rules="[{ required: true, message: '职业不能为空' }]"
-            @click="showhzoccupation = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.occupation"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.jzqkName"
-            name="居住情况"
-            label="居住情况"
-            placeholder="居住情况"
-            required
-            readonly
-            :rules="[{ required: true, message: '居住情况不能为空' }]"
-            @click="showhzjzqk = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.jzqk"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.jzhcssfyzfName"
-            name="在集镇或城市是否有住房"
-            label="在集镇或城市是否有住房"
-            placeholder="在集镇或城市是否有住房"
-            required
-            readonly
-            :rules="[{ required: true, message: '在集镇或城市是否有住房不能为空' }]"
-            @click="showhzjzhcssfyzf = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.jzhcssfyzf"
-            style="display:none"
-          />
-          <van-field name="radio" label="在其他村庄是否有住房" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="nhform.zqtczsfyzf" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否本村村民" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="nhform.sfbccm" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="nhform.sfpkh" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="nhform.sfwbh" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.sjlyName"
-            name="数据来源"
-            label="数据来源"
-            placeholder="数据来源"
-            required
-            readonly
-            :rules="[{ required: true, message: '能为空' }]"
-            @click="showhzsjly = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.sjly"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.bz"
-            name="备注"
-            label="备注"
-            placeholder="备注"
-          />
-          <div style="margin: 16px;" v-if="isFinished">
-            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
-          </div>
-        </van-form>
-      </div>
-    </van-popup>
-    <van-popup v-model="showfw" style="height:100%;width:100%;">
-      <div class="bannerBg">
-        <van-nav-bar
-          style="background:transparent;border-bottom-width:0;"
-          @click-left="showfw=false"
-        >
-          <template #left>
-            <van-icon name="arrow-left" size="18" color="#fff" />
-          </template>
-          <template #title>
-            <p style="color:#fff">房屋信息</p>
-          </template>
-        </van-nav-bar>
-      </div>
-      <div style="margin:20px;">
-        <van-form @submit="onSubmitnmfw">
-          <!--<van-field
-            v-model="nmfwform.ysdm"
-            name="要素代码"
-            label="要素代码"
-            placeholder="要素代码"
-            :rules="[{ required: true, message: '' }]"
-          />-->
-          <van-field
-            autocomplete="off"
-            v-model="nmfwform.deptId"
-            name="组织机构代码"
-            label="组织机构代码"
-            placeholder="组织机构代码"
-            :rules="[{ required: true, message: '' }]"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.zjddm"
-            name="宅基地代码"
-            label="宅基地代码"
-            placeholder="宅基地代码"
-            style="display:none"
-            disabled
-            required
-            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.nmfwdm"
-            name="农民房屋代码"
-            label="农民房屋代码"
-            placeholder="自动生成"
-            style="display:none"
-            disabled
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.nhdm"
-            name="农户代码"
-            label="农户代码"
-            placeholder="选择农户代码"
-            @click="shownmfwnhdm = true,getSyqrList()"
-            readonly
-            required
-            :rules="[{ required: true, message: '农户代码不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.zrzh"
-            name="自然幢号"
-            label="自然幢号"
-            placeholder="自然幢号"
-            readonly
-            @click="showzrzh = true"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.bdcdyh"
-            name="不动产单元号"
-            label="不动产单元号"
-            placeholder="不动产单元号"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.nmfwzh"
-            name="农民房屋幢号"
-            label="农民房屋幢号"
-            placeholder="自动生成"
-            disabled
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.fwbm"
-            name="房屋编码"
-            label="房屋编码"
-            placeholder="房屋编码"
-          />
-
-
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.nmfwmj"
-            @input="nmfwform.fjzdmj = nmfwform.nmfwmj,nmfwform.jzmj=nmfwform.nmfwmj"
-            name="农民房屋面积(㎡)"
-            label="房屋面积(㎡)"
-            placeholder="农民房屋面积(㎡)"
-            type="number"
-            required
-            :rules="[{ required: true, message: '农民房屋面积(㎡)不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.fjzdmj"
-            name="房屋占地面积(㎡)"
-            label="占地面积(㎡)"
-            placeholder="房屋占地面积(㎡)"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.jzmj"
-            name="建筑面积(㎡)"
-            label="建筑面积(㎡)"
-            placeholder="建筑面积(㎡)"
-            type="number"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.hxName"
-            name="户型"
-            label="户型"
-            placeholder="户型"
-            @click="showhx=true"
-            readonly
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nmfwform.hx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.hxjgName"
-            name="户型结构"
-            label="户型结构"
-            placeholder="户型结构"
-            @click="showhxjg=true"
-            readonly
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nmfwform.hxjg"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.fwjgName"
-            name="房屋结构"
-            label="房屋结构"
-            placeholder="房屋结构"
-            @click="showfwjg=true"
-            readonly
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nmfwform.fwjg"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.fwlxName"
-            name="房屋类型"
-            label="房屋类型"
-            placeholder="房屋类型"
-            readonly
-            @click="showfwlx=true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nmfwform.fwlx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.zl"
-            name="坐落"
-            label="坐落"
-            placeholder="坐落"
-            required
-            :rules="[{ required: true, message: '坐落不能为空' }]"
-          />
-          <van-collapse v-model="activeFw">
-            <van-collapse-item title="层数信息" name="1" class="label-class">
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.ch"
-                name="层号"
-                label="层号"
-                placeholder="层号"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.sjc"
-                name="实际层"
-                label="实际层"
-                placeholder="实际层"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.myc"
-                name="名义层"
-                label="名义层"
-                placeholder="名义层"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.sjcs"
-                name="实际层数"
-                label="实际层数"
-                placeholder="实际层数"
-              />
-            </van-collapse-item >
-            <!--            <van-collapse-item title="结构信息" name="2">-->
-            <!--              -->
-
-            <!--            </van-collapse-item>-->
-            <van-collapse-item title="利用状况" name="3" class="label-class">
-              <van-field
-                input-align="right"
-                v-model="nmfwform.fwytName"
-                name="房屋用途"
-                label="房屋用途"
-                placeholder="房屋用途"
-                @click="showfwyt=true"
-                required
-                :rules="[{ required: true, message: '房屋用途不能为空' }]"
-                readonly
-              />
-              <van-field
-                autocomplete="off"
-                v-model="nmfwform.fwyt"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.fwztName"
-                name="房屋状态"
-                label="房屋状态"
-                placeholder="房屋状态"
-                @click="shownmfwfwzt = true"
-                required
-                :rules="[{ required: true, message: '房屋状态不能为空' }]"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="nmfwform.fwzt"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.lyzkName"
-                name="利用状况"
-                label="利用状况"
-                placeholder="利用状况"
-                required
-                :rules="[{ required: true, message: '利用状况不能为空' }]"
-                readonly
-                @click="shownmfwlyzk=true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="nmfwform.lyzk"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.xzyy"
-                name="闲置原因"
-                label="闲置原因"
-                placeholder="闲置原因"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.phlymsName"
-                name="盘活利用模式"
-                label="盘活利用模式"
-                placeholder="盘活利用模式"
-                readonly
-                @click="showphlyms=true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="nmfwform.phlyms"
-                style="display:none"
-              />
-              <van-field name="radio" label="流转意向" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="nmfwform.lzyx" direction="horizontal">
-                    <van-radio name="1">有</van-radio>
-                    <van-radio name="0">无</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field name="radio" label="有偿退出意向" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="nmfwform.yctcyx" direction="horizontal">
-                    <van-radio name="1">有</van-radio>
-                    <van-radio name="0">无</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.eay"
-                name="年收益"
-                label="年收益"
-                placeholder="年收益"
-              />
-            </van-collapse-item>
-            <van-collapse-item title="纠纷惩处" name="4" class="label-class">
-              <van-field name="radio" label="是否抵押" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="nmfwform.isMortgage" direction="horizontal">
-                    <van-radio name="Y">是</van-radio>
-                    <van-radio name="N">否</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field
-                autocomplete="off"
-                v-if="nmfwform.isMortgage=='Y'"
-                input-align="right"
-                v-model="nmfwform.mortgageMan"
-                name="抵押权利人"
-                label="抵押权利人"
-                placeholder="抵押权利人"
-              />
-              <van-field
-                autocomplete="off"
-                v-if="nmfwform.isMortgage=='Y'"
-                input-align="right"
-                v-model="nmfwform.mortgageMoney"
-                name="抵押金额"
-                label="抵押金额( 元)"
-                placeholder="抵押金额"
-                type="number"
-              />
-              <van-field
-                autocomplete="off"
-                v-if="nmfwform.isMortgage=='Y'"
-                input-align="right"
-                v-model="nmfwform.zwlxsj1"
-                name="债务履行开始时间"
-                label="债务履行开始时间"
-                placeholder="债务履行开始时间"
-                @click="showPickerzwlxsj1=true"
-              />
-              <van-field
-                autocomplete="off"
-                v-if="nmfwform.isMortgage=='Y'"
-                input-align="right"
-                v-model="nmfwform.zwlxsj2"
-                name="债务履行结束时间"
-                label="债务履行结束时间"
-                placeholder="债务履行结束时间"
-                @click="showPickerzwlxsj2=true"
-              />
-              <van-field name="radio" label="是否扩建改建" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="nmfwform.sfkjgj" direction="horizontal">
-                    <van-radio name="Y">是</van-radio>
-                    <van-radio name="N">否</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field name="radio" label="是否纠纷" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="nmfwform.sfjf" direction="horizontal">
-                    <van-radio name="1">是</van-radio>
-                    <van-radio name="0">否</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field name="radio" label="是否查封" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="nmfwform.sfcf" direction="horizontal">
-                    <van-radio name="1">是</van-radio>
-                    <van-radio name="0">否</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.bccjl"
-                name="被惩处经历"
-                label="被惩处经历"
-                placeholder="被惩处经历"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.bccbz"
-                name="被惩处备注"
-                label="被惩处备注"
-                placeholder="被惩处备注"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.cfqssj"
-                name="查封起始时间"
-                label="查封起始时间"
-                placeholder="查封起始时间"
-                v-if="nmfwform.sfcf!=null&&nmfwform.sfcf=='1'"
-                readonly
-                @click="showPickercfqssj=true"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.cfjssj"
-                name="查封结束时间"
-                label="查封结束时间"
-                placeholder="查封结束时间"
-                v-if="nmfwform.sfcf!=null&&nmfwform.sfcf=='1'"
-                readonly
-                @click="showPickercfjssj=true"
-              />
-            </van-collapse-item>
-            <van-collapse-item title="证书相关" name="5" class="label-class">
-              <van-field name="radio" label="是否发证" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="nmfwform.sffz" direction="horizontal">
-                    <van-radio name="Y">是</van-radio>
-                    <van-radio name="N">否</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field name="radio" label="与他人共有" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="nmfwform.isCommon" direction="horizontal">
-                    <van-radio name="Y">是</van-radio>
-                    <van-radio name="N">否</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.zsh"
-                name="证书号"
-                label="证书号"
-                placeholder="证书号"
-                v-if="nmfwform.sffz!=null&&nmfwform.sffz=='Y'"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.djjg"
-                name="登记机构"
-                label="登记机构"
-                placeholder="登记机构"
-                v-if="nmfwform.sffz!=null&&nmfwform.sffz=='Y'"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.djsj"
-                name="登记时间"
-                label="登记时间"
-                placeholder="登记时间"
-                v-if="nmfwform.sffz!=null&&nmfwform.sffz=='Y'"
-                @click="showPickerdjsj=true"
-                readonly
-              />
-            </van-collapse-item>
-            <van-collapse-item title="其他信息" name="6" class="label-class">
-
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.qxdm"
-                name="区县代码"
-                label="区县代码"
-                placeholder="区县代码"
-                v-show="false"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.jznd"
-                name="建筑年代"
-                label="建筑年代"
-                placeholder="建筑年代"
-              />
-
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.qslyName"
-                name="权属来源"
-                label="权属来源"
-                placeholder="权属来源"
-                @click="shownmfwqsly=true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="nmfwform.qsly"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.pzsjName"
-                name="批准时间"
-                label="批准时间"
-                placeholder="批准时间"
-                @click="showPickerpzsj=true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="nmfwform.pzsj"
-                style="display:none"
-              />
-              <van-field name="radio" label="批准单位" input-align="right" autocomplete="off">
-                <template #input>
-                  <van-radio-group v-model="nmfwform.pzdw" direction="horizontal">
-                    <van-radio :name="'1'">县政府</van-radio>
-                    <van-radio :name="'2'">乡政府</van-radio>
-                  </van-radio-group>
-                </template>
-              </van-field>
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.tdzkName"
-                name="审批或建设前土地状况"
-                label="审批或建设前土地状况"
-                placeholder="审批或建设前土地状况"
-                @click="shownmfwtdzk=true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="nmfwform.tdzk"
-                style="display:none"
-              />
-              <van-field
-                autocomplete="off"
-                input-align="right"
-                v-model="nmfwform.sjlyName"
-                name="数据来源"
-                label="数据来源"
-                placeholder="数据来源"
-                readonly
-                @click="shownmfwsjly=true"
-              />
-              <van-field
-                autocomplete="off"
-                v-model="nmfwform.sjly"
-                style="display:none"
-              />
-            </van-collapse-item>
-          </van-collapse>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.bz"
-            name="备注"
-            label="备注"
-            placeholder="备注"
-          />
-          <!--          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nmfwform.zjdxctp"
-            name="宅基地现场照片"
-            label="宅基地现场照片"
-            placeholder="宅基地现场照片"
-            style="display:none"
-          />
-          <van-field name="uploader" label="房屋现场照片" autocomplete="off">
-            <template #input>
-              <van-uploader v-model="fileListfw" :after-read="beforeReadfw" multiple @delete="deleteFilefw" :max-count="4"></van-uploader>
-            </template>
-          </van-field>-->
-          <div style="margin: 16px;" v-if="isFinished">
-            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
-          </div>
-        </van-form>
-      </div>
-    </van-popup>
-    <van-popup v-model="showhjszss" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="hjszssOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhjszss"
-        @cancel="showhjszss = false"
-      />
-    </van-popup>
-    <van-popup v-model="showsjly" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="sjlyOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmsjly"
-        @cancel="showsjly = false"
-      />
-    </van-popup>
-    <van-popup v-model="showzrzh" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="zrzlist"
-        value-key="zrzh"
-        @confirm="onConfirmzrzh"
-        @cancel="showzrzh = false"
-      />
-    </van-popup>
-    <van-popup v-model="showyt" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="ytOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmyt"
-        @cancel="showyt = false"
-      />
-    </van-popup>
-    <van-popup v-model="showdj" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="tddjOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmdj"
-        @cancel="showdj = false"
-      />
-    </van-popup>
-    <van-popup v-model="showlyzk" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="lyzkOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmlyzk"
-        @cancel="showlyzk = false"
-      />
-    </van-popup>
-    <van-popup v-model="showqllx" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="qllxOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmqllx"
-        @cancel="showqllx = false"
-      />
-    </van-popup>
-    <van-popup v-model="showqlxz" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="qlxzOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmqlxz"
-        @cancel="showqlxz = false"
-      />
-    </van-popup>
-    <van-popup v-model="showqlsdfs" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="qlsdfsOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmqlsdfs"
-        @cancel="showqlsdfs = false"
-      />
-    </van-popup>
-    <van-popup v-model="showshyqrdbzjlx" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="zjlxOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmshyqrdbzjlx"
-        @cancel="showshyqrdbzjlx = false"
-      />
-    </van-popup>
-    <van-popup v-model="showgyfs" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="gyfsOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmgyfs"
-        @cancel="showgyfs = false"
-      />
-    </van-popup>
-    <van-popup v-model="showhncyzjlx" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="zjlxOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhncyzjlx"
-        @cancel="showhncyzjlx = false"
-      />
-    </van-popup>
-    <van-popup v-model="showyhzgx" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="yhzgxOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmyhzgx"
-        @cancel="showyhzgx = false"
-      />
-    </van-popup>
-    <van-popup v-model="showqlrlx" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="qlrlxOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmqlrlx"
-        @cancel="showqlrlx = false"
-      />
-    </van-popup>
-    <div class="nmfw">
-      <van-popup v-model:show="showPickerdjsj" position="bottom">
-        <van-datetime-picker
-          type="date"
-          @confirm="onConfirmdjsj"
-          @cancel="showPickerdjsj = false"
-          :min-date="minDate"
-          :max-date="maxDate"
-        />
-      </van-popup>
-      <van-popup v-model:show="showPickerdjsj" position="bottom">
-        <van-datetime-picker
-          type="date"
-          @confirm="onConfirmdjsj"
-          @cancel="showPickerdjsj = false"
-          :min-date="minDate"
-          :max-date="maxDate"
-        />
-      </van-popup>
-      <van-popup v-model:show="showPickercfqssj" position="bottom">
-        <van-datetime-picker
-          type="date"
-          @confirm="onConfirmcfqssj"
-          @cancel="showPickercfqssj = false"
-          :min-date="minDate"
-          :max-date="maxDate"
-        />
-      </van-popup>
-      <van-popup v-model:show="showPickercfjssj" position="bottom">
-        <van-datetime-picker
-          type="date"
-          @confirm="onConfirmcfjssj"
-          @cancel="showPickercfjssj = false"
-          :min-date="minDate"
-          :max-date="maxDate"
-        />
-      </van-popup>
-      <van-popup v-model:show="showPickerzwlxsj1" position="bottom">
-        <van-datetime-picker
-          type="date"
-          @confirm="onConfirmzwlxsj1"
-          @cancel="showPickerzwlxsj1 = false"
-          :min-date="minDate"
-          :max-date="maxDate"
+    <van-form @submit="onSubmitzjd">
+      <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;">
+        <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">宅基地信息</p>
+        <!--<van-field
+          v-model="form.deptId"
+          name="行政区划名称"
+          label="行政区划名称"
+          placeholder="行政区划名称"
+          :rules="[{ required: true, message: '' }]"
+        />-->
+        <van-field
+          autocomplete="off"
+          v-model="form.suyqrdm"
+          name="所有权人代码"
+          label="所有权人代码"
+          placeholder="自动生成"
+          input-align="right"
+          disabled
+          v-show="false"
         />
-      </van-popup>
-      <van-popup v-model:show="showPickerzwlxsj2" position="bottom">
-        <van-datetime-picker
-          type="date"
-          @confirm="onConfirmzwlxsj2"
-          @cancel="showPickerzwlxsj2 = false"
-          :min-date="minDate"
-          :max-date="maxDate"
+        <van-field
+          autocomplete="off"
+          v-model="form.zjddm"
+          name="宅基地代码"
+          label="宅基地代码"
+          placeholder="自动生成"
+          input-align="right"
+          disabled
         />
-      </van-popup>
-      <van-popup v-model="showhx" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="hxOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmhx"
-          @cancel="showhx = false"
+        <van-field
+          autocomplete="off"
+          input-align="right"
+          v-model="form.zddm"
+          name="宗地代码"
+          label="宗地代码"
+          placeholder="自动生成"
+          disabled
+          v-show="false"
         />
-      </van-popup>
-      <van-popup v-model="showhxjg" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="hxjgOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmhxjg"
-          @cancel="showhxjg = false"
-        />
-      </van-popup>
-      <van-popup v-model="showzrzfwjg" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="fwjgOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmzrzfwjg"
-          @cancel="showzrzfwjg = false"
-        />
-      </van-popup>
-      <van-popup v-model="showfwjg" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="fwjgOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmfwjg"
-          @cancel="showfwjg = false"
+        <van-field name="radio" label="是否发证" input-align="right" autocomplete="off">
+          <template #input>
+            <van-radio-group v-model="form.sffz" direction="horizontal">
+              <van-radio name="Y">是</van-radio>
+              <van-radio name="N">否</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+
+        <van-field
+          input-align="right"
+          v-model="form.zjdzsh"
+          name="宅基地证书号"
+          label="宅基地证书号"
+          placeholder="宅基地证书号"
+          maxlength="50"
+          autocomplete="off"
         />
-      </van-popup>
-      <van-popup v-model="showfwyt" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="fwytOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmfwyt"
-          @cancel="showfwyt = false"
+        <van-field
+          autocomplete="off"
+          input-align="right"
+          v-model="form.zjdpzmj"
+          name="批准面积(㎡)"
+          label="批准面积(㎡)"
+          placeholder="单位：平方米"
+          type="number"
+          maxlength="15"
         />
-      </van-popup>
-      <van-popup v-model="showfwlx" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="fwlxOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmfwlx"
-          @cancel="showfwlx = false"
+        <van-field
+          autocomplete="off"
+          input-align="right"
+          v-model="form.zdmj"
+          type="number"
+          name="宗地面积(㎡)"
+          label="宗地面积(㎡)"
+          placeholder="宗地面积(㎡)"
+          maxlength="15"
         />
-      </van-popup>
-      <van-popup v-model="showfwxz" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="fwxzOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmfwxz"
-          @cancel="showfwxz = false"
+
+        <van-field
+          autocomplete="off"
+          input-align="right"
+          v-model="form.zl"
+          name="坐落"
+          label="坐落"
+          placeholder="坐落"
+          required
+          :rules="[{ required: true, message: '坐落不能为空' }]"
         />
-      </van-popup>
-      <van-popup v-model="shownmfwsjly" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="sjlyOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmnmfwsjly"
-          @cancel="shownmfwsjly = false"
+        <van-field
+          autocomplete="off"
+          v-model="form.zldwdm"
+          name="坐落单位代码"
+          label="坐落单位代码"
+          placeholder="自动生成"
+          input-align="right"
+          disabled
+          v-show="false"
         />
-      </van-popup>
-      <van-popup v-model="shownmfwlyzk" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="nmfwlyzkOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmnmfwlyzk"
-          @cancel="shownmfwlyzk = false"
+        <van-field
+          autocomplete="off"
+          input-align="right"
+          v-model="form.zdszd"
+          name="宗地四至-东"
+          label="宗地四至-东"
+          placeholder="宗地四至-东"
+          maxlength="150"
+          required
+          :rules="[{ required: true, message: '宗地四至-东不能为空' }]"
         />
-      </van-popup>
-      <van-popup v-model="showphlyms" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="phlymsOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmphlyms"
-          @cancel="showphlyms = false"
+        <van-field
+          autocomplete="off"
+          input-align="right"
+          v-model="form.zdszn"
+          name="宗地四至-南"
+          label="宗地四至-南"
+          placeholder="宗地四至-南"
+          maxlength="150"
+          required
+          :rules="[{ required: true, message: '宗地四至-南不能为空' }]"
         />
-      </van-popup>
-      <van-popup v-model="shownmfwfwzt" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="fwztOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmnmfwfwzt"
-          @cancel="shownmfwfwzt = false"
+        <van-field
+          input-align="right"
+          v-model="form.zdszx"
+          name="宗地四至-西"
+          label="宗地四至-西"
+          placeholder="宗地四至-西"
+          maxlength="150"
+          required
+          :rules="[{ required: true, message: '宗地四至-西不能为空' }]"
         />
-      </van-popup>
-      <van-popup v-model="shownmfwqsly" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="qslyOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmnmfwqsly"
-          @cancel="shownmfwqsly = false"
+        <van-field
+          autocomplete="off"
+          input-align="right"
+          v-model="form.zdszb"
+          name="宗地四至-北"
+          label="宗地四至-北"
+          placeholder="宗地四至-北"
+          maxlength="150"
+          required
+          :rules="[{ required: true, message: '宗地四至-北不能为空' }]"
         />
-      </van-popup>
-      <van-popup v-model="showPickerjgrq" position="bottom">
-        <van-datetime-picker
-          type="date"
-          @confirm="onConfirmzrzjgrq"
-          @cancel="showPickerjgrq = false"
-          :min-date="minDate"
-          :max-date="maxDate"
+        <van-collapse v-model="activeZjd">
+          <van-collapse-item title="利用状况" name="1" class="label-class">
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.lyzkName"
+              name="当前利用状况"
+              label="当前利用状况"
+              placeholder="当前利用状况"
+              readonly
+              @click="showlyzk = true"
+            />
+            <van-field
+              v-model="form.lyzk"
+              style="display:none"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.zjdxzyy"
+              name="闲置原因"
+              label="闲置原因"
+              placeholder="宅基地闲置原因"
+              maxlength="200"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.xzkssj"
+              name="闲置开始时间"
+              label="闲置开始时间"
+              placeholder="闲置开始时间"
+              readonly
+              @click="showPickerxzkssj = true"
+            />
+            <van-popup v-model:show="showPickerxzkssj" position="bottom">
+              <van-datetime-picker
+                type="date"
+                @confirm="onConfirmxzkssj"
+                @cancel="showPickerxzkssj = false"
+                :min-date="minDate"
+                :max-date="maxDate"
+              />
+            </van-popup>
+            <van-field name="radio" label="流转意向" input-align="right" autocomplete="off">
+              <template #input>
+                <van-radio-group v-model="form.lzyx" direction="horizontal">
+                  <van-radio name="1">有</van-radio>
+                  <van-radio name="0">无</van-radio>
+                </van-radio-group>
+              </template>
+            </van-field>
+            <van-field name="radio" label="有偿退出意向" input-align="right" autocomplete="off">
+              <template #input>
+                <van-radio-group v-model="form.yctcyx" direction="horizontal">
+                  <van-radio name="1">有</van-radio>
+                  <van-radio name="0">无</van-radio>
+                </van-radio-group>
+              </template>
+            </van-field>
+          </van-collapse-item>
+          <van-collapse-item title="其他信息" name="2" class="label-class">
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.djName"
+              name="等级"
+              label="等级"
+              placeholder="等级"
+              @click="showdj = true"
+            />
+            <van-field
+              autocomplete="off"
+              v-model="form.dj"
+              style="display:none"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.jg"
+              name="价格（万元）"
+              label="价格（万元）"
+              placeholder="价格（万元）"
+              maxlength="15"
+              type="number"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.ytmc"
+              name="用途"
+              label="用途"
+              placeholder="用途"
+              readonly
+              @click="showyt = true"
+              required
+              :rules="[{ required: true, message: '用途不能为空' }]"
+            />
+            <van-field
+              v-model="form.yt"
+              style="display:none"
+              autocomplete="off"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.qllxName"
+              name="权利类型"
+              label="权利类型"
+              placeholder="权利类型"
+              readonly
+              @click="showqllx = true"
+            />
+            <van-field
+              autocomplete="off"
+              v-model="form.qllx"
+              style="display:none"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.qlxzName"
+              name="权利性质"
+              label="权利性质"
+              placeholder="权利性质"
+              readonly
+              @click="showqlxz = true"
+            />
+            <van-field
+              autocomplete="off"
+              v-model="form.qlxz"
+              style="display:none"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.qlsdfsName"
+              name="权利设定方式"
+              label="权利设定方式"
+              placeholder="权利设定方式"
+              readonly
+              @click="showqlsdfs = true"
+            />
+            <van-field
+              autocomplete="off"
+              v-model="form.qlsdfs"
+              style="display:none"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.rjl"
+              name="容积率"
+              label="容积率"
+              placeholder="容积率"
+            />
+            <van-field
+              input-align="right"
+              v-model="form.jzmd"
+              name="validator"
+              label="建筑密度"
+              placeholder="填写0~1小数"
+              :rules="[{ validator, message: '请填写0~1小数，保留两位小数' }]"
+              type="number"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.jzxg"
+              name="建筑限高(m)"
+              label="建筑限高(m)"
+              placeholder="填写000.00~999.99小数"
+              :rules="[{ validator:validator1, message: '请填写000.00~999.99小数，保留两位小数' }]"
+              type="number"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.zdt"
+              name="宗地图"
+              label="宗地图"
+              placeholder="宗地图"
+              maxlength="200"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.tfh"
+              name="图幅号"
+              label="图幅号"
+              placeholder="图幅号"
+              maxlength="50"
+            />
+            <van-field
+              autocomplete="off"
+              input-align="right"
+              v-model="form.djh"
+              name="地籍号"
+              label="地籍号"
+              placeholder="自动生成"
+              disabled
+              v-show="false"
+            />
+            <van-field name="radio" label="被惩处经历" input-align="right" autocomplete="off">
+              <template #input>
+                <van-radio-group v-model="form.bccjl" direction="horizontal">
+                  <van-radio name="1">有</van-radio>
+                  <van-radio name="0">无</van-radio>
+                </van-radio-group>
+              </template>
+            </van-field>
+            <van-field
+              autocomplete="off"
+              v-if="form.bccjl==1"
+              input-align="right"
+              v-model="form.bccbz"
+              name="被惩处备注"
+              label="被惩处备注"
+              placeholder="被惩处备注"
+              maxlength="200"
+            />
+            <van-field name="radio" label="宅基地取得方式" input-align="right" autocomplete="off">
+              <template #input>
+                <van-radio-group v-model="form.zjdqdfs" direction="horizontal">
+                  <van-radio v-for="dict in zjdqdfsOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
+                </van-radio-group>
+              </template>
+            </van-field>
+          </van-collapse-item>
+        </van-collapse>
+        <van-field
+          autocomplete="off"
+          v-model="form.sjlyName"
+          name="数据来源"
+          label="数据来源"
+          placeholder="数据来源"
+          input-align="right"
+          readonly
+          @click="showsjly = true"
         />
-      </van-popup>
-      <van-popup v-model="showPickerpzsj" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="pzsjOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmpzsj"
-          @cancel="showPickerpzsj = false"
+        <van-field
+          autocomplete="off"
+          v-model="form.sjly"
+          style="display:none"
         />
-      </van-popup>
-      <van-popup v-model="shownmfwtdzk" position="bottom">
-        <van-picker
-          show-toolbar
-          :columns="tdzkOptions"
-          value-key="dictLabel"
-          @confirm="onConfirmnmfwtdzk"
-          @cancel="shownmfwtdzk = false"
+
+        <van-field
+          autocomplete="off"
+          input-align="right"
+          v-model="form.bz"
+          name="备注"
+          label="备注"
+          placeholder="备注"
+          maxlength="200"
         />
-      </van-popup>
-    </div>
-    <van-popup v-model="showfssslx" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="fssslxOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmfssslx"
-        @cancel="showfssslx = false"
-      />
-    </van-popup>
-    <van-popup v-model="showzrzsjly" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="sjlyOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmzrzsjly"
-        @cancel="showzrzsjly = false"
-      />
-    </van-popup>
-    <van-popup v-model="showqsly" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="qslyOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmqsly"
-        @cancel="showqsly = false"
-      />
-    </van-popup>
-    <van-popup v-model="showfwzt" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="fwztOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmfwzt"
-        @cancel="showfwzt = false"
-      />
-    </van-popup>
-    <van-popup v-model="showsyqrnhdmlist" position="bottom">
-      <van-search v-model="nhdmValue" placeholder="请输入搜索关键词" @input="getnhdmlist"/>
-      <van-picker
-        show-toolbar
-        :columns="syqrnhdmlist"
-        value-key="hzxm"
-        @confirm="onConfirmsyqrnhdmlist"
-        @cancel="showsyqrnhdmlist = false"
-      />
-    </van-popup>
-    <van-popup v-model="showjzwqk" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="jzwqkOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmjzwqk"
-        @cancel="showjzwqk = false"
-      />
-    </van-popup>
-    <van-popup v-model="showjglx" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="jglxOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmjglx"
-        @cancel="showjglx = false"
-      />
-    </van-popup>
-    <van-popup v-model="showtdzk" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="tdzkOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmtdzk"
-        @cancel="showtdzk = false"
-      />
-    </van-popup>
-    <van-popup v-model="showfsss" style="height:100%;width:100%;">
-      <div class="bannerBg">
-        <van-nav-bar
-          style="background:transparent;border-bottom-width:0;"
-          @click-left="showfsss=false"
-        >
-          <template #left>
-            <van-icon name="arrow-left" size="18" color="#fff" />
-          </template>
-          <template #title>
-            <p style="color:#fff">附属设施</p>
+        <van-field name="uploader" label="现场照片" autocomplete="off">
+          <template #input>
+            <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="20" accept="image/*"></van-uploader>
           </template>
-        </van-nav-bar>
-      </div>
-      <div style="margin:20px;">
-        <van-form @submit="onSubmitfsss">
-          <van-field
-            autocomplete="off"
-            v-model="form4.deptId"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form4.zjddm"
-            name="宅基地代码"
-            label="宅基地代码"
-            placeholder="宅基地代码"
-            required
-            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form4.fssslxName"
-            name="附属设施类型"
-            label="附属设施类型"
-            placeholder="附属设施类型"
-            required
-            :rules="[{ required: true, message: '附属设施类型不能为空' }]"
-            @click="showfssslx = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form4.fssslx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form4.jzmj"
-            name="建筑面积(㎡)"
-            label="建筑面积(㎡)"
-            placeholder="建筑面积(㎡)"
-            type="number"
-            required
-            :rules="[{ required: true, message: '建筑面积(㎡)不能为空' }]"
-          />
-
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form4.fwztName"
-            name="房屋状态"
-            label="房屋状态"
-            placeholder="房屋状态"
-            required
-            :rules="[{ required: true, message: '房屋状态不能为空' }]"
-            @click="showfwzt = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form4.fwzt"
-            style="display:none"
-          />
+        </van-field>
 
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form4.jglxName"
-            name="结构类型"
-            label="结构类型"
-            placeholder="结构类型"
-            required
-            :rules="[{ required: true, message: '结构类型不能为空' }]"
-            @click="showjglx = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form4.jglx"
-            style="display:none"
-          />
 
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form4.jzwqkName"
-            name="建筑物情况"
-            label="建筑物情况"
-            placeholder="建筑物情况"
-            required
-            :rules="[{ required: true, message: '建筑物情况不能为空' }]"
-            @click="showjzwqk = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form4.jzwqk"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form4.tdzkName"
-            name="审批或建设前土地状况"
-            label="审批或建设前土地状况"
-            placeholder="审批或建设前土地状况"
-            required
-            :rules="[{ required: true, message: '审批或建设前土地状况不能为空' }]"
-            @click="showtdzk = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form4.tdzk"
-            style="display:none"
-          />
-          <van-field name="radio" label="是否审批" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form4.sfsp" direction="horizontal">
-                <van-radio name="Y">是</van-radio>
-                <van-radio name="N">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否发证" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form4.sffz" direction="horizontal">
-                <van-radio name="Y">是</van-radio>
-                <van-radio name="N">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否正在使用" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form4.sfzzsy" direction="horizontal">
-                <van-radio name="Y">是</van-radio>
-                <van-radio name="N">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否受过处罚" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form4.sfsgcf" direction="horizontal">
-                <van-radio name="Y">是</van-radio>
-                <van-radio name="N">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form4.qslyName"
-            name="权属来源"
-            label="权属来源"
-            placeholder="权属来源"
-            required
-            :rules="[{ required: true, message: '权属来源不能为空' }]"
-            @click="showqsly = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form4.qsly"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form4.remark"
-            name="备注"
-            label="备注"
-            placeholder="备注"
-          />
-          <MapGisDrawing :ref="this.fsssProductResh" :message="form4.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
-          <div style="margin: 16px;" v-if="isFinished">
-            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
-          </div>
-        </van-form>
-      </div>
-    </van-popup>
-    <van-popup v-model="showhncy" style="height:100%;width:100%;">
-      <div class="bannerBg">
-        <van-nav-bar
-          style="background:transparent;border-bottom-width:0;"
-          @click-left="showhncy=false"
-        >
-          <template #left>
-            <van-icon name="arrow-left" size="18" color="#fff" />
-          </template>
-          <template #title>
-            <p style="color:#fff">户内成员</p>
-          </template>
-        </van-nav-bar>
+        <MapGisDrawing :ref="this.zjdProductResh" :message="form.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
       </div>
-      <div style="margin:20px;">
-        <van-form @submit="onSubmithncy">
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.nhdm"
-            name="农户代码"
-            label="农户代码"
-            placeholder="农户代码"
-            disabled
-            required
-            :rules="[{ required: true, message: '农户代码不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.xm"
-            name="姓名"
-            label="姓名"
-            placeholder="姓名"
-            required
-            :rules="[{ required: true, message: '姓名不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.zjlxName"
-            name="证件类型"
-            label="证件类型"
-            placeholder="证件类型"
-            required
-            :rules="[{ required: true, message: '证件类型不能为空' }]"
-            readonly
-            @click="showhncyzjlx = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.zjlx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.yhzgxName"
-            name="与户主关系"
-            label="与户主关系"
-            placeholder="与户主关系"
-            required
-            readonly
-            :rules="[{ required: true, message: '与户主关系不能为空' }]"
-            @click="showyhzgx = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.yhzgx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.zjhm"
-            name="证件号码"
-            label="证件号码"
-            placeholder="证件号码"
-            required
-            :rules="[{ required: true, message: '证件号码不能为空' },{validator:validatorIdcard2,message:'身份证号格式错误！'}]"
-          />
-          <van-field autocomplete="off" name="radio" label="性别" input-align="right" required
-                     :rules="[{ required: true, message: '性别不能为空' }]">
-            <template #input>
-              <van-radio-group v-model="form5.xb" direction="horizontal">
-                <van-radio name="1">男</van-radio>
-                <van-radio name="2">女</van-radio>
-                <van-radio name="3">不详</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.lxdh"
-            name="联系电话"
-            label="联系电话"
-            placeholder="联系电话"
-          />
-          <van-field name="radio" label="户口类型" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form5.hklx" direction="horizontal">
-                <van-radio name="01">农业户口</van-radio>
-                <van-radio name="02">非农业户口</van-radio>
-                <van-radio name="03">其他</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form5.hyzk" direction="horizontal">
-                <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否本集体经济组织成员" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form5.sfbjtjjzzcy" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.cybzName"
-            name="成员备注"
-            label="成员备注"
-            placeholder="成员备注"
-            @click="showhncycybz = true"
-            readonly
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.cybz"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.cybzsm"
-            name="成员备注说明"
-            label="成员备注说明"
-            placeholder="成员备注说明"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.occupationName"
-            name="职业"
-            label="职业"
-            placeholder="职业"
-            required
-            :rules="[{ required: true, message: '' }]"
-            @click="showhncyoccupation = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.occupation"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.jzqkName"
-            name="居住情况"
-            label="居住情况"
-            placeholder="居住情况"
-            required
-            :rules="[{ required: true, message: '' }]"
-            @click="showhncyjzqk = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.jzqk"
-            style="display:none"
-          />
-          <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form5.sfpkh" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form5.sfwbh" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.sjlyName"
-            name="数据来源"
-            label="数据来源"
-            placeholder="数据来源"
-            required
-            :rules="[{ required: true, message: '' }]"
-            @click="showhncysjly = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.sjly"
-            style="display:none"
-          />
-          <div style="margin: 16px;" v-if="isFinished">
-            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
-          </div>
-        </van-form>
+      <div style="margin: 16px;display: flex;justify-content: space-around;">
+        <van-button round color="#22B7F2" style="width:45%" native-type="submit">保存</van-button>
+        <van-button plain color="#22B7F2" round type="info" style="width:45%" native-type="submit">取消</van-button>
       </div>
-    </van-popup>
-    <van-popup v-model="showhncylist" style="height:100%;width:100%;">
-      <div class="bannerBg">
-        <van-nav-bar
-          style="background:transparent;border-bottom-width:0;"
-          @click-left="showhncylist=false"
-        >
-          <template #left>
-            <van-icon name="arrow-left" size="18" color="#fff" />
-          </template>
-          <template #title>
-            <p style="color:#fff">户内成员信息</p>
-          </template>
-        </van-nav-bar>
-      </div>
-      <van-swipe-cell v-for="(item,index) in hncylist" :key="index" @click.native="showPopuphncy(item)" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
-        <div style="padding:20px;">
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>
-            {{item.xm}}</p>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">证件号码</p>
-            <p  style="flex:1;text-align:right;">{{item.zjhm}}</p>
-          </div>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">与户主关系</p>
-            <p style="flex:1;text-align:right;">{{yhzgxfy(item.yhzgx)}}</p>
-          </div>
-        </div>
-        <template #right v-if="isFinished">
-          <van-button square text="设为户主" type="primary" style="height:100%" @click="setNh(item,index)"/>
-          <van-button square text="删除" type="danger" class="delete-button" @click="deletehncy(item.id,index)" />
-        </template>
-      </van-swipe-cell>
-      <div v-if="isFinished" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">
-        <div style="text-align:center;" >
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopuphncy('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加户内成员信息</p>
-        </div>
-      </div>
-    </van-popup>
-    <van-popup v-model="shownmfw" style="height:100%;width:100%;">
-      <div class="bannerBg">
-        <van-nav-bar
-          style="background:transparent;border-bottom-width:0;"
-          @click-left="shownmfw=false"
-        >
-          <template #left>
-            <van-icon name="arrow-left" size="18" color="#fff" />
-          </template>
-          <template #title>
-            <p style="color:#fff">房屋信息列表</p>
-          </template>
-        </van-nav-bar>
-      </div>
-      <div style="margin:20px;">
-        <p class="title" style="position:relative;padding-left:20px;line-height:32px;">房屋信息</p>
-      </div>
-      <van-swipe-cell v-for="(item,index) in fwlist" :key="index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
-        <div style="padding:20px;">
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>第{{index+1}}号</p>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">农民房屋幢号</p>
-            <p  style="flex:1;text-align:right;">{{item.nmfwzh}}</p>
-          </div>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">农民房屋面积(㎡)</p>
-            <p style="flex:1;text-align:right;">{{item.nmfwmj}}</p>
-          </div>
-          <div style="text-align:center;overflow:auto;">
-            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" @click="showPopupfw(item)">查看房屋信息</van-button>
-          </div>
-        </div>
-        <template #right v-if="isFinished">
-          <van-button square text="删除"  type="danger" class="delete-button" @click="deletefw(item.id,index)"/>
-        </template>
-      </van-swipe-cell>
-      <div v-if="isFinished" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;margin-bottom:50px">
-        <div style="text-align:center;" >
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopupfw('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加房屋信息</p>
-        </div>
-      </div>
-    </van-popup>
-    <van-popup v-model="showesign" position="bottom" closeable
-               close-icon="close">
-      <van-row style="margin:0 10%">
-        <p class="title" style="margin:20px 0;position:relative;padding-left:20px;font-size:0.5rem">电子签名</p>
-      </van-row>
-      <van-row style="margin: 0 5% 5% 5%;border:1px solid #BFBFBF">
-        <vue-esign
-          ref="esign"
-          class="mySign"
-          :width="800"
-          :height="500"
-          :isCrop="isCrop"
-          :lineWidth="lineWidth"
-          :lineColor="lineColor"
-          :bgColor.sync="bgColor"
-          v-if="!resultImg"
-        />
-        <img :src="resultImg" alt="" width="100%" height="100%" v-if="resultImg"/>
-      </van-row>
-      <van-row type="flex" justify="center" style="margin-bottom:20px;" v-if="isFinished">
-        <van-col span="6" style="text-align:center;"><van-button type="primary" round size="small" @click="handleReset">清空画板</van-button></van-col>
-        <van-col span="6" style="text-align:center;"><van-button type="primary" round size="small" @click="handleGenerate">保存提交</van-button></van-col>
-      </van-row>
-    </van-popup>
-    <van-popup v-model="showycbj" position="bottom"
-               style="padding-top:20px;">
-      <van-field name="radio" label="是否异常">
-        <template #input>
-          <van-radio-group v-model="isyc" direction="horizontal">
-            <van-radio name="Y">是</van-radio>
-            <van-radio name="N">否</van-radio>
-          </van-radio-group>
-        </template>
-      </van-field>
-      <van-field v-model="ycms" v-if="isyc=='Y'" type="textarea" maxlength="250" label="异常描述" placeholder="请输入异常描述" />
-      <van-field name="uploader" label="异常描述照片" v-if="isyc=='Y'" autocomplete="off">
-        <template #input>
-          <van-uploader v-model="fileListyc" :after-read="beforeReadyc" multiple @delete="deleteFileyc" :max-count="8"></van-uploader>
-        </template>
-      </van-field>
-      <div style="margin: 16px;" v-if="isFinished">
-        <van-button round block type="info" @click="saveyc">保存</van-button>
-      </div>
-    </van-popup>
-    <van-popup v-model="showdcsh" position="bottom"
-               style="padding-top:20px;">
-      <van-field name="radio" label="调查审核">
-        <template #input>
-          <van-radio-group v-model="zjdAudit" direction="horizontal">
-            <van-radio name="1">通过</van-radio>
-            <van-radio name="2">驳回</van-radio>
-          </van-radio-group>
-        </template>
-      </van-field>
-      <van-field v-model="auditRemark"  type="textarea" maxlength="250" label="审核描述" placeholder="请输入审核描述" />
-      <div style="margin: 16px;">
-        <van-button round block type="info" @click="savesh">保存</van-button>
-      </div>
-    </van-popup>
-    <!--户内成员职业-->
-    <van-popup v-model="showhncyoccupation" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="occupationOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhncyoccupation"
-        @cancel="showhncyoccupation = false"
-      />
-    </van-popup>
-    <!--户内成员成员备注-->
-    <van-popup v-model="showhncycybz" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="cybzOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhncycybz"
-        @cancel="showhncycybz = false"
-      />
-    </van-popup>
-    <!--户内成员居住情况-->
-    <van-popup v-model="showhncyjzqk" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="jzqkOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhncyjzqk"
-        @cancel="showhncyjzqk = false"
-      />
-    </van-popup>
-    <!--户主数据来源-->
-    <van-popup v-model="showhzsjly" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="sjlyOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhzsjly"
-        @cancel="showhzsjly = false"
-      />
-    </van-popup>
-    <!--户内成员数据来源-->
-    <van-popup v-model="showhncysjly" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="sjlyOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhncysjly"
-        @cancel="showhncysjly = false"
-      />
-    </van-popup>
-    <!--使用权人农民房屋代码列表-->
-    <van-popup v-model="showsyqrnmfwdm" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="fwlist"
-        value-key="nmfwdm"
-        @confirm="onConfirmsyqrnmfwdm"
-        @cancel="showsyqrnmfwdm = false"
-      />
-    </van-popup>
-    <!--农民房屋农户代码列表-->
-    <van-popup v-model="shownmfwnhdm" position="bottom">
-      <!--<van-search v-model="nhdmValue" placeholder="请输入搜索关键词" @input="getnhdmlist"/>-->
-      <van-picker
-        show-toolbar
-        :columns="syqrlist"
-        value-key="shyqrdbxm"
-        @confirm="onConfirmnmfwnhdm"
-        @cancel="shownmfwnhdm = false"
-      />
-    </van-popup>
-    <!--使用权人所属行业列表-->
-    <van-popup v-model="showsyqrsshy" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="industryOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmsyqrsshy"
-        @cancel="showsyqrsshy = false"
-      />
-    </van-popup>
-    <!--户主证件类型-->
-    <van-popup v-model="showhzzjlx" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="zjlxOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhzzjlx"
-        @cancel="showhzzjlx = false"
-      />
-    </van-popup>
-    <!--户主数据来源-->
-    <van-popup v-model="showhzsjly" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="sjlyOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhzsjly"
-        @cancel="showhzsjly = false"
-      />
-    </van-popup>
-    <!--户主职业-->
-    <van-popup v-model="showhzoccupation" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="occupationOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhzoccupation"
-        @cancel="showhzoccupation = false"
-      />
-    </van-popup>
-    <!--户主居住情况-->
-    <van-popup v-model="showhzjzqk" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="jzqkOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhzjzqk"
-        @cancel="showhzjzqk = false"
-      />
-    </van-popup>
-    <!--集市或城市是否有住房-->
-    <van-popup v-model="showhzjzhcssfyzf" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="jzhcssfyzfOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhzjzhcssfyzf"
-        @cancel="showhzjzhcssfyzf = false"
-      />
-    </van-popup>
+      <div style="height: 50px;"></div>
+    </van-form>
   </div>
 </template>
 
@@ -3003,1357 +478,27 @@ export default {
   components: { MapGisDrawing,},
   data() {
     return {
-      showsh:false,
-      showdcsh:false,
-      zjdAudit:'1',
-      auditRemark:"",
-      isyc:'Y',
-      ycms:"",
-      showycbj:false,
-      shownh:false,
-      showhzzjlx:false,
-      minDate:new Date(1950,1,1),
-      maxDate:new Date(2030,1,1),
-      nhdmValue:null,
       active:1,
-      // 电子签名
-      lineWidth: 6, // 画笔的线条粗细
-      lineColor: "#000000", // 画笔的颜色
-      bgColor: "", // 画布的背景颜色
-      resultImg: "", // 最终画布生成的base64图片
-      isCrop: false, // 是否裁剪，在画布设定尺寸基础上裁掉四周空白部分
-      showhjszss:false,
-      showdj:false,
-      shownmfw:false,
-      showsyqrsshy:false,
-      shownmfwnhdm:false,
-      showsyqrnmfwdm:false,
-      showhncysjly:false,
-      showhzsjly:false,
-      showesign:false,
-      showsyqrnhdmlist:false,
-      showzrzfwjg:false,
-      showzrzh:false,
-      showyt:false,
-      showqllx:false,
-      showqlxz:false,
-      showqlsdfs:false,
-      showhzjzhcssfyzf:false,
-      showhncycybz:false,
-      showhncyoccupation:false,
-      showhncyjzqk:false,
-      showhzoccupation:false,
-      showhzjzqk:false,
-      showhncyzjlx:false,
-      showyhzgx:false,
-      showqlrlx:false,
-      showshyqrdbzjlx:false,
-      showgyfs:false,
-      showPickerjgrq:false,
-      showPickerdjsj:false,
-      showPickerpzsj:false,
-      showPickercfqssj:false,
-      showPickercfjssj:false,
-      showPickerzwlxsj1:false,
-      showPickerzwlxsj2:false,
-      showhx:false,
-      showhxjg:false,
-      showfwjg:false,
-      showfwyt:false,
-      showfwlx:false,
-      showfwxz:false,
-      shownmfwsjly:false,
-      shownmfwlyzk:false,
-      shownmfwtdzk:false,
-      shownmfwqsly:false,
-      shownmfwfwzt:false,
-      showphlyms:false,
-      showfssslx:false,
-      showqsly:false,
-      showfwzt:false,
-      showjglx:false,
-      showjzwqk:false,
-      showtdzk:false,
-      showsjly:false,
-      showzrzsjly:false,
-      showPickerxzkssj:false,
-      showlyzk:false,
-      showsyqr: false,
-      showhncylist:false,
-      showhncy:false,
-      show1: false,
-      showzrz: false,
-      showfw:false,
-      showfsss:false,
-      show3: false,
-      username: '',
-      password: '',
-      // 路由数据
-      item:{},
-      //宅基地表单
-      form:{},
-      //使用权人表单
-      form1:{},
-      //自然幢表单
-      form3:{},
-      //农民房屋表单
-      nmfwform:{},
-      //附属设施表单
-      form4:{},
-      //成员信息表单
-      form5:{},
-      // 农户信息表单
-      nhform:{},
       // 使用权人列表
-      syqrlist:[],
-      // 使用权人农户代码列表
-      syqrnhdmlist:[],
-      // 户内成员列表
-      hncylist:[],
-      // 自然幢列表
-      zrzlist:[],
-      // 房屋列表
-      fwlist:[],
-      // 附属设施列表
-      fssslist:[],
-      // 当前利用状况字典
-      lyzkOptions: [],
-      // 数据来源字典
-      sjlyOptions:[],
-      // 宅基地取得方式字典
-      zjdqdfsOptions:[],
-      // 附属设施类型字典
-      fssslxOptions:[],
-      // 权属来源字典
-      qslyOptions:[],
-      // 房屋状态字典
-      fwztOptions:[],
-      // 结构类型字典
-      jglxOptions:[],
-      // 建筑物情况字典
-      jzwqkOptions:[],
-      // 土地状况字典
-      tdzkOptions:[],
-      // 宅基地图片
-      fileListzjd:[],
-      // 房屋图片
-      fileListfw:[],
-      // 户型字典
-      hxOptions: [],
-      // 户型结构字典
-      hxjgOptions: [],
-      // 房屋结构字典
-      fwjgOptions: [],
-      // 房屋用途字典
-      fwytOptions: [],
-      // 房屋类型字典
-      fwlxOptions: [],
-      // 房屋性质字典
-      fwxzOptions: [],
-      // 盘活利用模式字典
-      phlymsOptions: [],
-      // 流转意向字典
-      lzyxOptions: [],
-      // 有偿退出意向字典
-      yctcyxOptions: [],
-      // 被惩处经历字典
-      bccjlOptions: [],
-      // 批准时间字典
-      pzsjOptions: [],
-      // 共有方式字典
-      gyfsOptions: [],
-      // 权利人类型字典
-      qlrlxOptions: [],
-      // 证件类型字典
-      zjlxOptions:[],
-      // 与户主关系字典
-      yhzgxOptions:[],
-      // 权利类型字典
-      qllxOptions:[],
-      // 权利性质字典
-      qlxzOptions:[],
-      // 权利设定方式字典
-      qlsdfsOptions:[],
-      // 用途字典
-      ytOptions:[],
-      // 职业字典
-      occupationOptions:[],
-      // 集镇或城市是否有住房
-      jzhcssfyzfOptions:[],
-      // 婚姻状况
-      hyzkOptions:[],
-      // 成员备注字典
-      cybzOptions:[],
-      // 居住情况字典
-      jzqkOptions:[],
-      // 土地等级字典
-      tddjOptions:[],
-      // 所属行业
-      industryOptions:[],
-      // 户籍所在省市
-      hjszssOptions:[],
-      // 农名房屋利用状况
-      nmfwlyzkOptions:[],
-
-      // 图片上传路径
-      baseUrl:"",
-
-      // 自然幢号
-      zrzh:null,
-
-      //返回地图页
-      backMap:{
-        activeBtn:"",
-        backMapZjdAData:"",
-        deptId:"",
-        zjddm:"",
-      },
-      ztMap: true,
-      itemBc: "",
-      //记录是否从地图进入
-      enterMap: "",
-      //记录从地图进入宅基地代码
-      enterMapZjddm:"",
-      //地图状态保存
-      numerical:"",
-      //审核状态
-      isFinished:false,
-      // cookies
-      cookiesInfo:null,
-      // 异常标记照片
-      fileListyc:[],
-      //刷新随机数
-      zjdProductResh:this.guidProduct(),
-      zrzProductResh:this.guidProduct(),
-      fsssProductResh:this.guidProduct(),
-      // 字典列表json
-      dictTypeList:null,
-      //宅基地折叠面板
-      activeZjd:['1','2'],
-      //权利人折叠面板
-      activeQlr:['1','2'],
-      //房屋折叠面板
-      activeFw:['1','3','4','5','6'],
+      syqrlist:[
+        {
+          shyqrdbxm :'测试测试',
+          shyqrdbzjhm :'12324648564',
+          nhdm :'777888999',
+        }
+      ],
+      form:{}
     };
   },
   created(){
-    axios.get('../static/dictyType.json').then(res => {
-      this.dictTypeList = res.data
-      this.lyzkOptions= this.dictTypeList.zjdlyzk
-      this.nmfwlyzkOptions = this.dictTypeList.nmfwlyzk
-      this.zjdqdfsOptions = this.dictTypeList.acquisition_method;
-      this.sjlyOptions = this.dictTypeList.sjly;
-      this.fssslxOptions = this.dictTypeList.fsss_type;
-      this.qslyOptions = this.dictTypeList.acquisition_method;
-      this.fwztOptions = this.dictTypeList.fwzt;
-      this.jglxOptions = this.dictTypeList.house_jglx;
-      this.jzwqkOptions = this.dictTypeList.fwzt;
-      this.tdzkOptions = this.dictTypeList.land_state;
-      this.pzsjOptions = this.dictTypeList.approve_time;
-      this.phlymsOptions = this.dictTypeList.phlyms;
-      this.fwlxOptions = this.dictTypeList.fwlx;
-      this.fwxzOptions = this.dictTypeList.fwxz;
-      this.hxOptions = this.dictTypeList.nmfwhx;
-      this.hxjgOptions = this.dictTypeList.nmfwhxjg;
-      this.fwjgOptions = this.dictTypeList.housing_structure;
-      this.fwytOptions = this.dictTypeList.fwyt;
-      this.gyfsOptions = this.dictTypeList.common_mode;
-      this.qlrlxOptions = this.dictTypeList.obligee_type;
-      this.zjlxOptions = this.dictTypeList.zjlx;
-      this.hjszssOptions = this.dictTypeList.hjszss;
-      this.qlxzOptions = this.dictTypeList.rights_nature;
-      this.qllxOptions = this.dictTypeList.rights_type;
-      this.qlsdfsOptions = this.dictTypeList.right_setting_mode;
-      this.ytOptions = this.dictTypeList.land_use;
-      this.jzhcssfyzfOptions = this.dictTypeList.jzhcssfyzf;
-      this.occupationOptions = this.dictTypeList.occupation;
-      this.hyzkOptions = this.dictTypeList.hyzk;
-      this.cybzOptions = this.dictTypeList.member_remark;
-      this.jzqkOptions = this.dictTypeList.living_condition;
-      if(this.dictTypeList.tddj){
-        this.tddjOptions = this.dictTypeList.tddj;
-      }
-      this.industryOptions = this.dictTypeList.Industry;
-    })
-    this.baseUrl = this.$cookies.get("url")
-    //console.log(this.$route.query.res);
-    //console.log(this.$cookies.get("search"));
-    //this.itemBc = this.$cookies.get("map");
-    //this.$cookies.set("item","");
-    if(this.$cookies.get("search") !=null &&this.$cookies.get("search").zjddm !="" && this.$cookies.get("search").zjddm !=undefined && this.$cookies.get("search").zjddm !=null){
-      this.ztMap =false;
-      //this.$cookies.set("map",this.$cookies.get("search"));
-      this.numerical =this.$cookies.get("search");
-    }else {
-      if(this.$route.query.res !=null && this.$route.query.res !="" && this.$route.query.res != undefined){
-        this.numerical = this.$route.query.res;
-        if(this.numerical.active!=null){
-          this.ztMap =true;
-        }else{
-          this.ztMap =false;
-        }
-      }
-    }
-    if(this.numerical){
-      if(this.numerical.active!=null && this.numerical.active!=undefined){
-        this.cookiesInfo = this.numerical
-        this.$cookies.set("search","")
-        //返回地图值记录----start
-        this.backMap.activeBtn = 4;
-        this.enterMap =1;
-        this.backMap.backMapZjdAData = this.cookiesInfo.mapZjdAData;
-        this.backMap.deptId = this.cookiesInfo.mapZjdAData.deptId;
-        this.backMap.zjddm = this.cookiesInfo.mapZjdAData.zjddm;
-        this.$cookies.set("search",this.backMap.zjddm);
-        this.form.theGeom = this.cookiesInfo.mapZjdAData.theGeom;
-        this.enterMapZjddm = this.cookiesInfo.mapZjdAData.zjddm;
-        //返回地图值记录----end
-        this.active = this.cookiesInfo.active;
-        this.item = this.cookiesInfo.mapZjdAData;
-        if(this.item.houseDataConfirmStatus!="CONFIRMED"){
-          this.isFinished = true
-        }
-        this.form = this.cookiesInfo.mapZjdAData;
-        this.getnhdmlist();
-        /*this.getBaseUrl();*/
-        this.getZjd();
-        if(this.ztMap){
-          this.$cookies.set("search",this.backMap);
-        }
-        let zrz = this.cookiesInfo.mapZrzAData;
-        let fsss = this.cookiesInfo.mapFsssAData;
-        if(this.cookiesInfo.active=="3"){
-          this.showzrz = true
-          this.form3 = this.cookiesInfo.mapZrzAData
-          this.form3.theGeom = this.cookiesInfo.mapZrzAData.theGeom;
-          this.getZrzList()
-          setTimeout(() => {
-            this.showPopupzrz(zrz)
-          }, 500);
 
-        }else if(this.cookiesInfo.active=="4"){
-          this.showfsss= true
-          this.form4 = this.cookiesInfo.mapFsssAData
-          this.form4.theGeom = this.cookiesInfo.mapFsssAData.theGeom;
-          this.getFsssList()
-          setTimeout(() => {
-            this.showPopupfsss(fsss)
-          }, 500);
-        }
-      }else{
-        this.cookiesInfo = this.$cookies.get("search")?this.$cookies.get("search"):this.$route.query.res
-        /*          this.$cookies.set("search","")*/
-        this.item = this.cookiesInfo
-        this.backMap.zjddm = this.cookiesInfo.zjddm;
-        this.$cookies.set("search",this.backMap);
-        if(this.item.houseDataConfirmStatus!="CONFIRMED"){
-          this.isFinished = true
-        }
-        this.getnhdmlist();
-        this.getZjd();
-
-      }
-    }else{
-      this.$set(this.item,"deptId",this.$cookies.get("item").deptId)
-      if(this.item.houseDataConfirmStatus!="CONFIRMED"){
-        this.isFinished = true
-      }
-      /*this.getBaseUrl();*/
-      this.getnhdmlist();
-      this.getZjd();
-    }
-    this.getDicts("family_status").then(response => {
-      let arr = [];response.data.forEach(function (item) {
-        if (item.dictLabel !== '户主') {
-          arr.push(item)
-        }
-      });
-      this.yhzgxOptions = arr;
-    });
   },
   mounted(){
 
   },
   methods: {
-    showPic(){
-      if(this.form.dzqm!=null&&this.form.dzqm!=""){
-        this.resultImg = this.baseUrl+this.form.dzqm
-      }
-      if(this.$cookies.get("businessLevel")=='2'){
-        this.showsh = true
-      }else{
-        this.showsh = false
-      }
-    },
-    validatorIdcard(val){
-      if(this.form1.shyqrdbzjlx=='01'){
-        if(this.vcheckID(val)){
-          return true
-        }else {
-          return false
-        }
-      }else{
-        return true
-      }
-    },
-    validatorIdcard1(val){
-      if(this.nhform.hzzjlx=='01'){
-        if(this.vcheckID(val)){
-          return true
-        }else {
-          return false
-        }
-      }else{
-        return true
-      }
-    },
-    validatorIdcard2(val){
-      if(this.form5.zjlx=='01'){
-        if(this.vcheckID(val)){
-          return true
-        }else {
-          return false
-        }
-      }else{
-        return true
-      }
-    },
-    checkCode(val) {
-      var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
-      var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
-      var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
-      var code = val.substring(17);
-      if(p.test(val)) {
-        var sum = 0;
-        for(var i=0;i<17;i++) {
-          sum += val[i]*factor[i];
-        }
-        if(parity[sum % 11] == code.toUpperCase()) {
-          return true;
-        }
-      }
-      return false;
-    },
-    checkDate (val) {
-      var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)$/;
-      if(pattern.test(val)) {
-        var year = val.substring(0, 4);
-        var month = val.substring(4, 6);
-        var date = val.substring(6, 8);
-        var date2 = new Date(year+"-"+month+"-"+date);
-        if(date2 && date2.getMonth() == (parseInt(month) - 1)) {
-          return true;
-        }
-      }
-      return false;
-    },
-    checkProv(val) {
-      var pattern = /^[1-9][0-9]/;
-      var provs = {11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门"};
-      if(pattern.test(val)) {
-        if(provs[val]) {
-          return true;
-        }
-      }
-      return false;
-    },
-    vcheckID(val){
-      if(this.checkCode(val)) {
-        var date = val.substring(6,14);
-        if(this.checkDate(date)) {
-          if(this.checkProv(val.substring(0,2))) {
-            return true;
-          }
-        }
-      }
-      return false;
-    },
-    showdcshinfo(){
-      this.showdcsh = true
-      if(this.form.zjdAudit!=null&&this.form.zjdAudit!=""){
-        if(this.form.zjdAudit=='0'||this.form.zjdAudit=='1'){
-          this.zjdAudit = "1"
-          this.auditRemark = this.form.auditRemark
-        }else{
-          this.zjdAudit = this.form.zjdAudit
-          this.auditRemark = this.form.auditRemark
-        }
-      }else{
-        this.zjdAudit = "1"
-        this.auditRemark = ""
-      }
-    },
-    showycbjinfo(){
-      this.showycbj = true
-      if(this.form.isyc!=null&&this.form.isyc!=""){
-        this.isyc = this.form.isyc
-        this.ycms = this.form.ycms
-        this.fileListyc = []
-        if(this.form.yctp!=null&&this.form.yctp!=""&&this.form.yctp.length>0){
-          let li = this.form.yctp.split(",");
-          li.map(res => {
-            this.fileListyc.push({"url":this.baseUrl+res,"baseUrl":res})
-          })
-        }
-      }else{
-        this.isyc = "Y"
-        this.ycms = ""
-      }
-    },
-    savesh(){
-      this.form.zjdAudit = this.zjdAudit
-      this.form.auditRemark = this.auditRemark
-      if(this.form.zjdAudit=='2'){
-        this.form.houseDataConfirmStatus = 'UNCONFIRMED'
-        this.isFinished = true
-        let params = {
-          houseDataConfirmStatus : 'UNCONFIRMED',
-          zjddm : this.form.zjddm,
-          zjdAudit : "0"
-        }
-        updateZrzStatus(params).then(res => {
-          console.log(res)
-        })
-        updateFsssStatus(params).then(res => {
-          console.log(res)
-        })
-        updateZjdzd(this.form).then(response => {
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '审核成功',
-            duration:"1000",
-            onClose:function(){
-              _this.showdcsh = false
-              _this.goBack()
-            }
-          })
-        });
-      }else{
-        let params = {
-          houseDataConfirmStatus : 'CONFIRMED',
-          zjddm : this.form.zjddm,
-          zjdAudit : "1"
-        }
-
-        updateZrzStatus(params).then(res => {
-          console.log(res)
-        })
-        updateFsssStatus(params).then(res => {
-          console.log(res)
-        })
-        updateZjdzd(this.form).then(response => {
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '审核成功',
-            duration:"1000",
-            onClose:function(){
-              _this.showdcsh = false
-              _this.goBack()
-            }
-          })
-        });
-
-      }
-    },
-    saveyc(){
-      this.showycbj = false
-      this.form.isyc = this.isyc
-      this.form.ycms = this.ycms
-      let params = {
-        zjddm : this.form.zjddm,
-        isyc : this.form.isyc
-      }
-      updateZrzStatus(params).then(res => {})
-      updateFsssStatus(params).then(res => {})
-      updateZjdzd(this.form).then(response => {
-        let _this =this
-        this.$toast({
-          icon: 'success', // 找到自己需要的图标
-          message: '保存成功',
-          duration:"1000",
-          onClose:function(){
-            _this.showycbj = false
-          }
-        })
-      });
-    },
-    // 图片上传前
-    beforeReadyc(file){
-      // 创建Canvas对象(画布)
-      let canvas =  document.createElement('canvas')
-      // 获取对应的CanvasRenderingContext2D对象(画笔)
-      let context = canvas.getContext('2d')
-      // 创建新的图片对象
-      let img = new Image()
-      // 指定图片的DataURL(图片的base64编码数据)
-      img.src = file.content
-      // 监听浏览器加载图片完成，然后进行进行绘制
-      const height = 166
-      const width = 316
-      img.onload = () => {
-        const h = img.height
-        const w = img.width
-        let ch = img.height/6
-        let cw = img.width/6
-        let canvas = document.createElement('canvas')
-        let ctx = canvas.getContext('2d')
-        canvas.height = ch
-        canvas.width = cw
-        ctx.clearRect(0,0,cw,ch)
-        ctx.drawImage(img,0,0,cw,ch)
-        let base_img = canvas.toDataURL('image/jpeg')
-        const blobBin = atob(base_img.split(',')[1])
-        let d = []
-        for (let i=0;i<blobBin.length;i++){
-          d.push(blobBin.charCodeAt(i))
-        }
-        const data2 = new FormData();
-        data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
-        uploadFile(data2).then(res => {
-          if(this.form.yctp!=null&&this.form.yctp!=""){
-            this.form.yctp = this.form.yctp + "," + res.fileName
-          }else{
-            this.form.yctp =  res.fileName
-          }
-        })
-      }
-    },
-    // 图片删除
-    deleteFileyc(file){
-      let url = ","+file.baseUrl
-      let url1 = file.baseUrl+","
-      let url2 = file.baseUrl
-      this.form.yctp = this.form.yctp.replace(new RegExp(url, "g"),"")
-      this.form.yctp = this.form.yctp.replace(new RegExp(url1, "g"),"")
-      this.form.yctp = this.form.yctp.replace(new RegExp(url2, "g"),"")
-      this.form.yctp = this.form.yctp.split(url).join("")
-      this.form.yctp = this.form.yctp.split(url1).join("")
-      this.form.yctp = this.form.yctp.split(url2).join("")
-    },
-    shownmfwlist(item){
-      this.zrzh = item.zrzh
-      this.shownmfw = true
-      this.fwlist=[]
-      if(this.item.zjddm!=null||this.form.zjddm!=null) {
-        let params = {
-          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
-          deptId:this.item.deptId,
-          zrzh:this.zrzh
-        }
-        listNmfw(params).then(r => {
-          this.fwlist = r.rows
-        })
-      }
-    },
-    /*getBaseUrl(){
-        let params={
-          configKey: "system.attachment.url"}
-        sysConfig(params).then(response => {
-          this.baseUrl = response.rows[0].configValue
-        })
-      },*/
-    // 验证
-    validator(val){
-      if(val>1||val<0||val.length>4){
-        return false
-      }else{
-        return true
-      }
-    },
-    validator1(val){
-      if(val>=1000||val<0||val.length>6){
-        return false
-      }else{
-        return true
-      }
-    },
-    // 所有权人农户代码列表
-    getnhdmlist(){
-      let params = {
-        "deptId" : this.item.deptId,
-        "nhValue":this.nhdmValue
-      }
-      listNh(params).then((response) => {
-        this.syqrnhdmlist = response.rows
-      });
-    },
-    //删除户内成员
-    deletehncy(id,index){
-      Dialog.confirm({
-        title: '警告',
-        message: '删除后无法恢复，确认删除此成员么？',
-      })
-        .then(() => {
-          // on confirm
-          delNhhncy(id).then(res => {
-            if(res.code=="200"){
-              this.hncylist.splice(index,1);
-            }
-          })
-        })
-        .catch(() => {
-          // on cancel
-        });
-    },
-    // 删除附属设施
-    deletefsss(id,index){
-      Dialog.confirm({
-        title: '警告',
-        message: '确认删除此附属物么？',
-      })
-        .then(() => {
-          // on confirm
-          delFsss(id).then(res => {
-            if(res.code=="200"){
-              this.fssslist.splice(index,1);
-            }
-          })
-        })
-        .catch(() => {
-          // on cancel
-        });
-    },// 删除自然幢
-    deletezrz(item,index){
-      this.zrzh = item.zrzh
-      if(this.item.zjddm!=null||this.form.zjddm!=null) {
-        let params = {
-          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
-          deptId:this.item.deptId,
-          zrzh:this.zrzh
-        }
-        listNmfw(params).then(r => {
-          if(r.rows.length>0){
-            this.$toast({
-              type: 'fail',// 找到自己需要的图标
-              message: '无法删除，此自然幢下有房屋信息！',
-              duration:"1000",
-              onClose:function(){
-              }
-            })
-          }else{
-            Dialog.confirm({
-              title: '警告',
-              message: '删除后无法恢复，确认删除此自然幢么？',
-            })
-              .then(() => {
-                // on confirm
-                delZrz(item.id).then(res => {
-                  if(res.code=="200"){
-                    this.zrzlist.splice(index,1);
-                  }
-                })
-              })
-              .catch(() => {
-                // on cancel
-              });
-          }
-        })
-      }
-
-    },
-    // 删除使用权人
-    deletesyqr(id,index){
-      Dialog.confirm({
-        title: '警告',
-        message: '确认删除使用权人么？',
-      })
-        .then(() => {
-          // on confirm
-          delShyqr(id).then(res => {
-            if(res.code=="200"){
-              this.syqrlist.splice(index,1);
-            }
-          })
-        })
-        .catch(() => {
-          // on cancel
-        });
-    },
-
-    // 与户主关系翻译
-    yhzgxfy(value){
-      let label
-      this.yhzgxOptions.map(res => {
-        if(res.dictValue ==value){
-          label = res.dictLabel
-        }
-      })
-      return label
-    },
-    // 附属设施类型翻译
-    fssslxfy(value){
-      let label
-      this.fssslxOptions.map(res => {
-        if(res.dictValue ==value){
-          label = res.dictLabel
-        }
-      })
-      return label
-    },
-    // 建筑物情况翻译
-    jzwqkfy(value){
-      let label
-      this.jzwqkOptions.map(res => {
-        if(res.dictValue ==value){
-          label = res.dictLabel
-        }
-      })
-      return label
-    },
-    // 图片上传前
-    beforeReadzjd(file){
-      let _this = this
-      if(file.length!=undefined){
-        file.map(res => {
-          // 创建Canvas对象(画布)
-          let canvas =  document.createElement('canvas')
-          // 获取对应的CanvasRenderingContext2D对象(画笔)
-          let context = canvas.getContext('2d')
-          // 创建新的图片对象
-          let img = new Image()
-          // 指定图片的DataURL(图片的base64编码数据)
-          img.src = res.content
-          // 监听浏览器加载图片完成，然后进行进行绘制
-          const height = 166
-          const width = 316
-          img.onload = () => {
-            const h = img.height
-            const w = img.width
-            let ch = img.height/5
-            let cw = img.width/5
-            let canvas = document.createElement('canvas')
-            let ctx = canvas.getContext('2d')
-            canvas.height = ch
-            canvas.width = cw
-            ctx.clearRect(0,0,cw,ch)
-            ctx.drawImage(img,0,0,cw,ch)
-            let base_img = canvas.toDataURL('image/jpeg')
-            const blobBin = atob(base_img.split(',')[1])
-            let d = []
-            for (let i=0;i<blobBin.length;i++){
-              d.push(blobBin.charCodeAt(i))
-            }
-            const data2 = new FormData();
-            data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
-            if(this.$cookies.get("upload")==null||this.$cookies.get("upload")==0){
-              uploadFile(data2).then(response => {
-                if(_this.form.zjdxctp!=null&&_this.form.zjdxctp!=""){
-                  _this.form.zjdxctp = _this.form.zjdxctp + "," + response.fileName
-                }else{
-                  _this.form.zjdxctp =  response.fileName
-                }
-              })
-            }else{
-              _this.saveBlobAsFile(new Blob([new Uint8Array(d)],{type:'image/jpeg'}),_this.form.zjddm)
-            }
-          }
-        })
-      }
-      else{
-        // 创建Canvas对象(画布)
-        let canvas =  document.createElement('canvas')
-        // 获取对应的CanvasRenderingContext2D对象(画笔)
-        let context = canvas.getContext('2d')
-        // 创建新的图片对象
-        let img = new Image()
-        // 指定图片的DataURL(图片的base64编码数据)
-        img.src = file.content
-        // 监听浏览器加载图片完成，然后进行进行绘制
-        const height = 166
-        const width = 316
-        img.onload = () => {
-          const h = img.height
-          const w = img.width
-          let ch = img.height/5
-          let cw = img.width/5
-          let canvas = document.createElement('canvas')
-          let ctx = canvas.getContext('2d')
-          canvas.height = ch
-          canvas.width = cw
-          ctx.clearRect(0,0,cw,ch)
-          ctx.drawImage(img,0,0,cw,ch)
-          let base_img = canvas.toDataURL('image/jpeg')
-          const blobBin = atob(base_img.split(',')[1])
-          let d = []
-          for (let i=0;i<blobBin.length;i++){
-            d.push(blobBin.charCodeAt(i))
-          }
-          const data2 = new FormData();
-          data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
-          if(_this.$cookies.get("upload")==null||_this.$cookies.get("upload")==0){
-            uploadFile(data2).then(res => {
-              if(_this.form.zjdxctp!=null&&_this.form.zjdxctp!=""){
-                _this.form.zjdxctp = _this.form.zjdxctp + "," + res.fileName
-              }else{
-                _this.form.zjdxctp =  res.fileName
-              }
-            })
-          }else{
-            _this.saveBlobAsFile(new Blob([new Uint8Array(d)],{type:'image/jpeg'}),_this.form.zjddm)
-          }
-        }
-      }
-
-    },
-    blobToBase64(blob) {
-      return new Promise((resolve, reject) => {
-        const fileReader = new FileReader();
-        fileReader.onload = (e) => {
-          resolve(e.target.result);
-        };
-        // readAsDataURL
-        fileReader.readAsDataURL(blob);
-        fileReader.onerror = () => {
-          reject(new Error('blobToBase64 error'));
-        };
-      });
-    },
-    saveBlobAsFile(blob, fileName) {
-      /*var reader = new FileReader(blob);
-        reader.onloadend = function () {
-          var base64 = reader.result ;
-          var link = document.createElement("a");
-          link.setAttribute("href", base64);
-          link.setAttribute("download", fileName);
-          link.click();
-        };
-        reader.readAsDataURL(blob);*/
-      let link = document.createElement("a");
-      link.href = window.URL.createObjectURL(blob);
-      link.download = fileName+""
-      link.target = "_blank"
-      link.click();
-      link.remove();
-    },
-    // 图片删除
-    deleteFilezjd(file){
-      let url = ","+file.baseUrl
-      let url1 = file.baseUrl+","
-      let url2 = file.baseUrl
-      this.form.zjdxctp = this.form.zjdxctp.replace(new RegExp(url, "g"),"")
-      this.form.zjdxctp = this.form.zjdxctp.replace(new RegExp(url1, "g"),"")
-      this.form.zjdxctp = this.form.zjdxctp.replace(new RegExp(url2, "g"),"")
-      this.form.zjdxctp = this.form.zjdxctp.split(url).join("")
-      this.form.zjdxctp = this.form.zjdxctp.split(url1).join("")
-      this.form.zjdxctp = this.form.zjdxctp.split(url2).join("")
-    },
-    // 图片上传前
-    beforeReadfw(file){
-      // 创建Canvas对象(画布)
-      let canvas =  document.createElement('canvas')
-      // 获取对应的CanvasRenderingContext2D对象(画笔)
-      let context = canvas.getContext('2d')
-      // 创建新的图片对象
-      let img = new Image()
-      // 指定图片的DataURL(图片的base64编码数据)
-      img.src = file.content
-      // 监听浏览器加载图片完成，然后进行进行绘制
-      const height = 166
-      const width = 316
-      img.onload = () => {
-        const h = img.height
-        const w = img.width
-        let ch = img.height/5
-        let cw = img.width/5
-        let canvas = document.createElement('canvas')
-        let ctx = canvas.getContext('2d')
-        canvas.height = ch
-        canvas.width = cw
-        ctx.clearRect(0,0,cw,ch)
-        ctx.drawImage(img,0,0,cw,ch)
-        let base_img = canvas.toDataURL('image/jpeg')
-        const blobBin = atob(base_img.split(',')[1])
-        let d = []
-        for (let i=0;i<blobBin.length;i++){
-          d.push(blobBin.charCodeAt(i))
-        }
-        const data2 = new FormData();
-        data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
-        uploadFile(data2).then(res => {
-          if(this.nmfwform.zjdxctp!=null&&this.nmfwform.zjdxctp!=""){
-            this.nmfwform.zjdxctp = this.nmfwform.zjdxctp + "," + res.fileName
-          }else{
-            this.nmfwform.zjdxctp =  res.fileName
-          }
-        })
-      }
-
-    },
-    // 图片删除
-    deleteFilefw(file){
-      let url = ","+file.baseUrl
-      let url1 = file.baseUrl+","
-      let url2 = file.baseUrl
-      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.replace(new RegExp(url, "g"),"")
-      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.replace(new RegExp(url1, "g"),"")
-      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.replace(new RegExp(url2, "g"),"")
-      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.split(url).join("")
-      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.split(url1).join("")
-      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.split(url2).join("")
-    },
-    onConfirmhzsjly(value){
-      this.nhform.sjlyName = value.dictLabel
-      this.nhform.sjly = value.dictValue
-      this.showhzsjly= false
-    },
-    onConfirmhzjzqk(value){
-      this.nhform.jzqkName = value.dictLabel
-      this.nhform.jzqk = value.dictValue
-      this.showhzjzqk = false
-    },
-    onConfirmhzoccupation(value){
-      this.nhform.occupationName = value.dictLabel
-      this.nhform.occupation = value.dictValue
-      this.showhzoccupation = false
-    },
-    onConfirmhzzjlx(value){
-      this.nhform.hzzjlxName = value.dictLabel
-      this.nhform.hzzjlx = value.dictValue
-      this.showhzzjlx = false
-    },
-    onConfirmhzjzhcssfyzf(value){
-      this.nhform.jzhcssfyzfName = value.dictLabel
-      this.nhform.jzhcssfyzf = value.dictValue
-      this.showhzjzhcssfyzf= false
-    },
-    // 使用权人农民房屋代码弹出框
-    onConfirmsyqrnmfwdm(value){
-      this.form1.nmfwdm = value.nmfwdm
-      this.showsyqrnmfwdm = false
-    },
-    // 使用权人农户代码弹出框
-    onConfirmsyqrnhdmlist(value){
-      this.nhdmValue = null
-      this.form1.nhdm = value.nhdm
-      this.form1.shyqrdbxm = value.hzxm
-      this.form1.shyqrdbzjhm = value.hzzjhm
-      this.form1.shyqrdbzjlx = value.hzzjlx
-      this.form1.dh = value.phone
-      this.form1.dz = value.txdz
-      this.zjlxOptions.map(res => {
-        if(res.dictValue == this.form1.shyqrdbzjlx){
-          this.form1.shyqrdbzjlxName = res.dictLabel
-        }
-      })
-      this.showsyqrnhdmlist = false
-    },
-    // 农名房屋农户代码弹出框
-    onConfirmnmfwnhdm(value){
-      this.nhdmValue = null
-      this.nmfwform.nhdm = value.nhdm
-      this.shownmfwnhdm = false
-    },
-    // 使用权人所属行业弹出框
-    onConfirmsyqrsshy(value){
-      this.form1.sshyName = value.dictLabel
-      this.form1.sshy = value.dictValue
-      this.showsyqrsshy= false
-    },
-    // 户内成员数据来源弹出框
-    onConfirmhncysjly(value){
-      this.form5.sjlyName = value.dictLabel
-      this.form5.sjly = value.dictValue
-      this.showhncysjly= false
-    },
-    // 宅基地等级弹出框
-    onConfirmdj(value){
-      this.form.djName = value.dictLabel
-      this.form.dj = value.dictValue
-      this.showdj= false
-    },
-    // 户内成员职业弹出框
-    onConfirmhncyoccupation(value){
-      this.form5.occupationName = value.dictLabel
-      this.form5.occupation = value.dictValue
-      this.showhncyoccupation = false
-    },
-    // 户内成员成员备注弹出框
-    onConfirmhncycybz(value){
-      this.form5.cybzName = value.dictLabel
-      this.form5.cybz = value.dictValue
-      this.showhncycybz= false
-    },
-    // 户内成员居住情况弹出框
-    onConfirmhncyjzqk(value){
-      this.form5.jzqkName = value.dictLabel
-      this.form5.jzqk = value.dictValue
-      this.showhncyjzqk = false
-    },
-    // 自然幢房屋结构弹出框
-    onConfirmzrzfwjg(value){
-      this.form3.fwjgName = value.dictLabel
-      this.form3.fwjg = value.dictValue
-      this.showzrzfwjg = false
-    },
-    // 户内成员自然幢号弹出框
-    onConfirmzrzh(value){
-      this.nmfwform.zrzh = value.zrzh
-      this.showzrzh = false
-    },
-    // 户内成员证件类型弹出框
-    onConfirmhncyzjlx(value){
-      this.form5.zjlxName = value.dictLabel
-      this.form5.zjlx = value.dictValue
-      this.showhncyzjlx = false
-    },
-    // 宅基地用途弹出框
-    onConfirmyt(value){
-      this.form.ytmc = value.dictLabel
-      this.form.yt = value.dictValue
-      this.showyt = false
-    },
-    // 宅基地权利类型弹出框
-    onConfirmqllx(value){
-      this.form.qllxName = value.dictLabel
-      this.form.qllx = value.dictValue
-      this.showqllx = false
-    },
-    // 宅基地权利性质弹出框
-    onConfirmqlxz(value){
-      this.form.qlxzName = value.dictLabel
-      this.form.qlxz = value.dictValue
-      this.showqlxz = false
-    },
-    // 宅基地权利设定方式弹出框
-    onConfirmqlsdfs(value){
-      this.form.qlsdfsName = value.dictLabel
-      this.form.qlsdfs = value.dictValue
-      this.showqlsdfs = false
-    },
-    // 户内成员与户主关系弹出框
-    onConfirmyhzgx(value){
-      this.form5.yhzgxName = value.dictLabel
-      this.form5.yhzgx = value.dictValue
-      this.showyhzgx = false
-    },
-    // 使用权人权利人类型弹出框
-    onConfirmqlrlx(value){
-      this.form1.qlrlxName = value.dictLabel
-      this.form1.qlrlx = value.dictValue
-      this.showqlrlx = false
-    },
-    // 使用权人证件类型弹出框
-    onConfirmshyqrdbzjlx(value){
-      this.form1.shyqrdbzjlxName = value.dictLabel
-      this.form1.shyqrdbzjlx = value.dictValue
-      this.showshyqrdbzjlx = false
-    },
-    // 使用权人共有方式弹出框
-    onConfirmgyfs(value){
-      this.form1.gyfsName = value.dictLabel
-      this.form1.gyfs = value.dictValue
-      this.showgyfs = false
-    },
-    // 使用权人户籍所在省市弹出框
-    onConfirmhjszss(value){
-      this.form1.hjszssName = value.dictLabel
-      this.form1.hjszss = value.dictValue
-      this.showhjszss = false
-    },
-    // 农民房屋户型弹出框
-    onConfirmhx(value){
-      this.nmfwform.hxName = value.dictLabel
-      this.nmfwform.hx = value.dictValue
-      this.showhx = false
-    },
-    // 农民房屋户型结构弹出框
-    onConfirmhxjg(value){
-      this.nmfwform.hxjgName = value.dictLabel
-      this.nmfwform.hxjg = value.dictValue
-      this.showhxjg = false
-    },
-    // 农民房屋房屋结构弹出框
-    onConfirmfwjg(value){
-      this.nmfwform.fwjgName = value.dictLabel
-      this.nmfwform.fwjg = value.dictValue
-      this.showfwjg = false
-    },
-    // 农民房屋房屋用途弹出框
-    onConfirmfwyt(value){
-      this.nmfwform.fwytName = value.dictLabel
-      this.nmfwform.fwyt = value.dictValue
-      this.showfwyt = false
-    },
-    // 农民房屋房屋类型弹出框
-    onConfirmfwlx(value){
-      this.nmfwform.fwlxName = value.dictLabel
-      this.nmfwform.fwlx = value.dictValue
-      this.showfwlx = false
-    },
-    // 农民房屋房屋性质弹出框
-    onConfirmfwxz(value){
-      this.nmfwform.fwxzName = value.dictLabel
-      this.nmfwform.fwxz = value.dictValue
-      this.showfwxz = false
-    },
-    // 农民房屋数据来源弹出框
-    onConfirmnmfwsjly(value){
-      this.nmfwform.sjlyName = value.dictLabel
-      this.nmfwform.sjly = value.dictValue
-      this.shownmfwsjly = false
-    },
-    // 农民房屋房屋状态弹出框
-    onConfirmnmfwfwzt(value){
-      this.nmfwform.fwztName = value.dictLabel
-      this.nmfwform.fwzt = value.dictValue
-      this.shownmfwfwzt = false
-    },
-    // 农民房屋利用状况弹出框
-    onConfirmnmfwlyzk(value){
-      this.nmfwform.lyzkName = value.dictLabel
-      this.nmfwform.lyzk = value.dictValue
-      this.shownmfwlyzk = false
-    },
-    // 农民房屋盘活利用模式弹出框
-    onConfirmphlyms(value){
-      this.nmfwform.phlymsName = value.dictLabel
-      this.nmfwform.phlyms = value.dictValue
-      this.showphlyms = false
-    },
-    // 农民房屋权属来源弹出框
-    onConfirmnmfwqsly(value){
-      this.nmfwform.qslyName = value.dictLabel
-      this.nmfwform.qsly = value.dictValue
-      this.shownmfwqsly = false
-    },
-    // 农民房屋审批或建设前土地状况弹出框
-    onConfirmnmfwtdzk(value){
-      this.nmfwform.tdzkName = value.dictLabel
-      this.nmfwform.tdzk = value.dictValue
-      this.shownmfwtdzk = false
-    },
-    // 农民房屋登记时间弹出框
-    onConfirmdjsj(val){
-      let year = val.getFullYear()
-      let month = val.getMonth() + 1
-      let day = val.getDate()
-      if (month >= 1 && month <= 9) { month = `0${month}` }
-      if (day >= 1 && day <= 9) { day = `0${day}` }
-      this.nmfwform.djsj = year+"-"+month+"-"+day
-      this.showPickerdjsj= false
-    },
-    // 农民房屋查封起始时间弹出框
-    onConfirmcfqssj(val){
-      let year = val.getFullYear()
-      let month = val.getMonth() + 1
-      let day = val.getDate()
-      if (month >= 1 && month <= 9) { month = `0${month}` }
-      if (day >= 1 && day <= 9) { day = `0${day}` }
-      this.nmfwform.cfqssj = year+"-"+month+"-"+day
-      this.showPickercfqssj= false
-    },
-    // 农民房屋查封结束时间弹出框
-    onConfirmcfjssj(val){
-      let year = val.getFullYear()
-      let month = val.getMonth() + 1
-      let day = val.getDate()
-      if (month >= 1 && month <= 9) { month = `0${month}` }
-      if (day >= 1 && day <= 9) { day = `0${day}` }
-      this.nmfwform.cfjssj = year+"-"+month+"-"+day
-      this.showPickercfjssj= false
-    },
-    // 农民房屋债务履行开始时间弹出框
-    onConfirmzwlxsj1(val){
-      let year = val.getFullYear()
-      let month = val.getMonth() + 1
-      let day = val.getDate()
-      if (month >= 1 && month <= 9) { month = `0${month}` }
-      if (day >= 1 && day <= 9) { day = `0${day}` }
-      this.nmfwform.zwlxsj1 = year+"-"+month+"-"+day
-      this.showPickerzwlxsj1= false
-    },
-    // 自然幢竣工日期弹出框
-    onConfirmzrzjgrq(val){
-      let year = val.getFullYear()
-      let month = val.getMonth() + 1
-      let day = val.getDate()
-      if (month >= 1 && month <= 9) { month = `0${month}` }
-      if (day >= 1 && day <= 9) { day = `0${day}` }
-      this.form3.jgrq = year+"-"+month+"-"+day
-      this.showPickerjgrq= false
-    },
-    // 农民房屋债务履行结束时间弹出框
-    onConfirmzwlxsj2(val){
-      let year = val.getFullYear()
-      let month = val.getMonth() + 1
-      let day = val.getDate()
-      if (month >= 1 && month <= 9) { month = `0${month}` }
-      if (day >= 1 && day <= 9) { day = `0${day}` }
-      this.nmfwform.zwlxsj2 = year+"-"+month+"-"+day
-      this.showPickerzwlxsj2= false
-    },
-    // 农民房屋批准时间弹出框
-    onConfirmpzsj(value){
-      this.nmfwform.pzsjName = value.dictLabel
-      this.nmfwform.pzsj = value.dictValue
-      this.showPickerpzsj= false
-    },
+    onSubmitzjd(){
 
-    // 附属设施类型弹出框
-    onConfirmfssslx(value){
-      this.form4.fssslxName = value.dictLabel
-      this.form4.fssslx = value.dictValue
-      this.showfssslx = false
-    },
-    // 权属来源弹出框
-    onConfirmqsly(value){
-      this.form4.qslyName = value.dictLabel
-      this.form4.qsly = value.dictValue
-      this.showqsly = false
-    },
-    // 房屋状态弹出框
-    onConfirmfwzt(value){
-      this.form4.fwztName = value.dictLabel
-      this.form4.fwzt = value.dictValue
-      this.showfwzt = false
-    },
-    // 结构类型弹出框
-    onConfirmjglx(value){
-      this.form4.jglxName = value.dictLabel
-      this.form4.jglx = value.dictValue
-      this.showjglx = false
-    },
-    // 建筑物情况弹出框
-    onConfirmjzwqk(value){
-      this.form4.jzwqkName = value.dictLabel
-      this.form4.jzwqk = value.dictValue
-      this.showjzwqk = false
-    },
-    // 土地状况弹出框
-    onConfirmtdzk(value){
-      this.form4.tdzkName = value.dictLabel
-      this.form4.tdzk = value.dictValue
-      this.showtdzk = false
-    },
-    // 当前利用状况弹出框
-    onConfirmlyzk(value){
-      this.form.lyzkName = value.dictLabel
-      this.form.lyzk = value.dictValue
-      this.showlyzk = false
-    },
-    // 数据来源弹出框
-    onConfirmsjly(value){
-      this.form.sjlyName = value.dictLabel
-      this.form.sjly = value.dictValue
-      this.showsjly = false
-    },
-    // 自然幢数据里来源弹出框
-    onConfirmzrzsjly(value){
-      this.form3.sjlyName = value.dictLabel
-      this.form3.sjly = value.dictValue
-      this.showzrzsjly = false
-    },
-    // 闲置开始时间弹出框
-    onConfirmxzkssj(val){
-      let year = val.getFullYear()
-      let month = val.getMonth() + 1
-      let day = val.getDate()
-      if (month >= 1 && month <= 9) { month = `0${month}` }
-      if (day >= 1 && day <= 9) { day = `0${day}` }
-      this.form.xzkssj = year+"-"+month+"-"+day
-      this.showPickerxzkssj= false
     },
     goBack(){
       if(this.ztMap && this.enterMap ==1){
@@ -4369,1824 +514,6 @@ export default {
       this.$router.push({name:'homesteadList'});
       // }
     },
-    // 设为户主
-    setNh(item,index){
-      Dialog.confirm({
-        title: '警告',
-        message: '此操作将删除原户主，并将此成员设为新户主，是否确认操作？',
-      })
-        .then(() => {
-          // on confirm
-          delNhhncy(item.id).then(res => {
-            if(res.code=="200"){
-              this.hncylist.splice(index,1);
-            }
-          })
-          // 更新户主信息
-          let pnh = {
-            deptId : item.deptId,
-            nhdm : item.nhdm,
-            hzxm : item.xm,
-            hzzjlx : item.zjlx,
-            hzzjhm : item.zjhm,
-            phone : item.lxdh,
-            jzqk: item.jzqk,
-            occupation :item.occupation,
-            hyzk: item.hyzk,
-            sfwbh:item.sfwbh,
-            sfpkh:item.sfpkh
-          }
-          setNhInfo(pnh).then(res => {
-          })
-          // 更新使用权人
-          let psyqr = {
-            deptId : item.deptId,
-            nhdm : item.nhdm,
-            shyqrdbxm : item.xm,
-            shyqrdbzjlx : item.zjlx,
-            shyqrdbzjhm : item.zjhm,
-            xb : item.xb,
-            dh : item.lxdh
-          }
-          setSyqrInfo(psyqr).then(res => {
-          })
-        })
-        .catch(() => {
-          // on cancel
-        });
-    },
-    // 删除房屋
-    deletefw(id,index){
-      Dialog.confirm({
-        title: '警告',
-        message: '确认删除此房屋么？',
-      })
-        .then(() => {
-          // on confirm
-          delNmfw(id).then(response => {
-            if(response.code=='200'){
-              this.fwlist.splice(index,1)
-            }
-          })
-        })
-        .catch(() => {
-          // on cancel
-        });
-    },
-    showPopupnh(item){
-
-      if(item==""){
-        this.shownh = true;
-        let params = {
-          "deptId" : this.item.deptId
-        }
-        this.nhform={
-          "suyqrdm":null,
-          "deptId":this.item.deptId,
-          "hzzjlx":'01',
-          "hzzjlxName":"身份证",
-          "hyzk":'02',
-          "occupation":'1',
-          "occupationName":'务农',
-          "jzqk":'3',
-          "jzqkName":'常年居住',
-          "jzhcssfyzf":'1',
-          "jzhcssfyzfName":'无住房',
-          "zqtczsfyzf":'1',
-          "sfbccm":'1',
-          "sfpkh":'0',
-          "sfwbh":'0',
-          "sjly":'07',
-          "sjlyName":'农村集体产权制度改革',
-        }
-        listSuyqr(params).then((response) => {
-          if(response.rows.length>0){
-            this.nhform.suyqrdm = response.rows[0].suyqrdm
-            this.nhform.txdz = response.rows[0].suyqrmc
-          }else{
-            this.nhform.suyqrdm = this.form.suyqrdm
-            this.nhform.txdz = this.form.zl
-          }
-        });
-      }else{
-        let params = {
-          "deptId" : this.item.deptId,
-          nhdm:item.nhdm
-        }
-        listNh(params).then((response) => {
-          if(response.rows.length>0){
-            this.nhform = response.rows[0]
-            this.shownh = true;
-            if(this.nhform.hzzjlx==null||this.nhform.hzzjlx==''){
-              this.nhform.hzzjlx = '01'
-              this.nhform.hzzjlxName = '身份证'
-            }
-            if(this.nhform.hyzk==null||this.nhform.hyzk==''){
-              this.nhform.hyzk = '02'
-            }
-            if(this.nhform.occupation==null||this.nhform.occupation==''){
-              this.nhform.occupation = '1'
-              this.nhform.occupationName = '务农'
-            }
-            if(this.nhform.jzqk==null||this.nhform.jzqk==''){
-              this.nhform.jzqk = '3'
-              this.nhform.jzqkName = '常年居住'
-            }
-            if(this.nhform.jzhcssfyzf==null||this.nhform.jzhcssfyzf==''){
-              this.nhform.jzhcssfyzf = '1'
-              this.nhform.jzhcssfyzfName = '无住房'
-            }
-            if(this.nhform.zqtczsfyzf==null||this.nhform.zqtczsfyzf==''){
-              this.nhform.zqtczsfyzf = '1'
-            }
-            if(this.nhform.sfbccm==null||this.nhform.sfbccm==''){
-              this.nhform.sfbccm = '1'
-            }
-            if(this.nhform.sfpkh==null||this.nhform.sfpkh==''){
-              this.nhform.sfpkh = '0'
-            }
-            if(this.nhform.sfwbh==null||this.nhform.sfwbh==''){
-              this.nhform.sfwbh = '0'
-            }
-            if(this.nhform.sjly==null||this.nhform.sjly==''){
-              this.nhform.sjly = '07'
-              this.nhform.sjlyName = '农村集体产权制度改革'
-            }
-            this.jzhcssfyzfOptions.map(res => {
-              if(res.dictValue == this.nhform.jzhcssfyzf){
-                this.nhform.jzhcssfyzfName = res.dictLabel
-              }
-            })
-            this.zjlxOptions.map(res => {
-              if(res.dictValue == this.nhform.hzzjlx){
-                this.nhform.hzzjlxName = res.dictLabel
-              }
-            })
-            this.occupationOptions.map(res => {
-              if(res.dictValue == this.nhform.occupation){
-                this.nhform.occupationName = res.dictLabel
-              }
-            })
-            this.jzqkOptions.map(res => {
-              if(res.dictValue == this.nhform.jzqk){
-                this.nhform.jzqkName = res.dictLabel
-              }
-            })
-            this.sjlyOptions.map(res => {
-              if(res.dictValue == this.nhform.sjly){
-                this.nhform.sjlyName = res.dictLabel
-              }
-            })
-          }else{
-            this.$toast({
-              type: 'fail', // 找到自己需要的图标
-              message: '无对应农户信息，请先新增户主信息后再进行关联！',
-              duration:"3000",
-              onClose:function(){
-              }
-            })
-          }
-        });
-      }
-
-    },
-    getZjd() {
-      let _this = this
-      if(this.item.zjddm){
-        let params = {
-          "zjddm":this.item.zjddm,
-          deptId:this.item.deptId
-        }
-        listZjdzd(params).then(response => {
-          this.form = response.rows[0];
-          if(this.form.sffz==null||this.form.sffz==""){
-            this.form.sffz = "Y"
-          }
-          if(this.form.yt==null||this.form.yt==""){
-            this.form.yt = "072"
-            this.form.ytmc="农村宅基地"
-          }
-          if(this.form.lyzk==null||this.form.lyzk==""){
-            this.form.lyzk = "1"
-            this.form.lyzkName="正常使用"
-          }
-          if(this.form.lzyx==null||this.form.lzyx==""){
-            this.form.lzyx = "0"
-          }
-          if(this.form.yctcyx==null||this.form.yctcyx==""){
-            this.form.yctcyx = "0"
-          }
-          if(this.form.bccjl==null||this.form.bccjl==""){
-            this.form.bccjl = "0"
-          }
-          if(this.form.zjdqdfs==null||this.form.zjdqdfs==""){
-            this.form.zjdqdfs = "01"
-          }
-          if(this.form.dj==null||this.form.dj==""){
-            this.form.dj = "1"
-            this.form.djName = "一类"
-          }
-          if(this.form.qllx==null||this.form.qllx==""){
-            this.form.qllx = "1"
-            this.form.qllxName = "集体土地所有权"
-          }
-          if(this.form.qlxz==null||this.form.qlxz==""){
-            this.form.qlxz = "203"
-            this.form.qlxzName = "批准拨用"
-          }
-          if(this.form.qlsdfs==null||this.form.qlsdfs==""){
-            this.form.qlsdfs = "1"
-            this.form.qlsdfsName = "地上"
-          }
-          console.log(this.form.sjly)
-          if(this.form.sjly==null||this.form.sjly==""){
-            this.form.sjly = "04"
-            this.form.sjlyName = "农村宅基地使用权确权登记发证"
-          }else{
-            this.sjlyOptions.map(res => {
-              if(res.dictValue == this.form.sjly){
-                this.form.sjlyName = res.dictLabel
-              }
-            })
-          }
-          this.fileListzjd = []
-          if(this.form.zjdxctp!=null&&this.form.zjdxctp!=""&&this.form.zjdxctp.length>0){
-            let li = this.form.zjdxctp.split(",");
-            li.map(res => {
-              this.fileListzjd.push({"url":this.baseUrl+res,"baseUrl":res})
-            })
-          }
-
-          this.lyzkOptions.map(res => {
-            if(res.dictValue == this.form.lyzk){
-              this.form.lyzkName = res.dictLabel
-            }
-          })
-          this.qllxOptions.map(res => {
-            if(res.dictValue == this.form.qllx){
-              this.form.qllxName = res.dictLabel
-            }
-          })
-          this.qlxzOptions.map(res => {
-            if(res.dictValue == this.form.qlxz){
-              this.form.qlxzName = res.dictLabel
-            }
-          })
-          this.qlsdfsOptions.map(res => {
-            if(res.dictValue == this.form.qlsdfs){
-              this.form.qlsdfsName = res.dictLabel
-            }
-          })
-          this.ytOptions.map(res => {
-            if(res.dictValue == this.form.yt){
-              this.form.ytmc = res.dictLabel
-            }
-          })
-          this.tddjOptions.map(res => {
-            if(res.dictValue == this.form.dj){
-              this.form.djName = res.dictLabel
-            }
-          })
-          this.zjdProduct();
-        });
-      }else{
-        let params = {
-          "deptId" : this.item.deptId
-        }
-        listSuyqr(params).then((response) => {
-          this.form = {
-            deptId :this.item.deptId,
-            sffz:"Y",
-            yt:"072",
-            ytmc:"农村宅基地",
-            lyzk:"1",
-            lyzkName:"正常使用",
-            lzyx:'0',
-            yctcyx:'0',
-            bccjl:'0',
-            zjdqdfs:'01',
-            dj:'1',
-            djName:'一类',
-            qllx:'1',
-            qllxName:'集体土地所有权',
-            qlxz:'203',
-            qlxzName:'批准拨用',
-            qlsdfs:'1',
-            qlsdfsName:'地上',
-            sjly:'04',
-            sjlyName:'农村宅基地使用权确权登记发证',
-            zl:'',
-            theGeom:this.form.theGeom,
-          }
-          if(response.rows.length>0){
-            this.form.suyqrdm = response.rows[0].suyqrdm
-            this.form.zl = response.rows[0].suyqrmc
-          }
-          this.zjdProduct();
-        });
-      }
-    },
-    getSyqrList() {
-      if(this.item.zjddm!=null||this.form.zjddm!=null) {
-        let params = {
-          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
-          deptId:this.item.deptId
-        }
-        listShyqr(params).then(response => {
-          this.syqrlist = response.rows;
-        });
-      }
-    },
-    getZrzList() {
-      if(this.item.zjddm!=null||this.form.zjddm!=null) {
-        let params = {
-          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
-          deptId:this.item.deptId
-        }
-        listZrz(params).then(response => {
-          this.zrzlist = response.rows;
-          if(this.active ==3 && this.enterMap ==1 && this.ztMap){
-            this.form3.zjddm = this.backMap.zjddm;
-          }
-        });
-        /*listNmfw(params).then(r => {
-            this.fwlist = r.rows
-          })*/
-      }
-    },
-    getFsssList() {
-      if(this.item.zjddm!=null||this.form.zjddm!=null) {
-        let params = {
-          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
-          deptId:this.item.deptId
-        }
-        listFsss(params).then(response => {
-          this.fssslist = response.rows;
-          if(this.active ==4 && this.enterMap ==1 && this.ztMap){
-            this.form4.zjddm = this.backMap.zjddm;
-          }
-        });
-      }
-    },
-    onSubmithncy(){
-      if (this.form5.id != null) {
-        if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
-          if(this.form5.xb!='1'){
-            Dialog.confirm({
-              title: '警告',
-              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
-            })
-              .then(() => {
-                // on confirm
-                updateNhhncy(this.form5).then(response => {
-                  let _this =this
-                  this.$toast({
-                    icon: 'success', // 找到自己需要的图标
-                    message: '修改成功',
-                    duration:"1000",
-                    onClose:function(){
-                      _this.showhncy = false
-                      let params = {
-                        "nhdm":_this.form5.nhdm,
-                        deptId:_this.form5.deptId
-                      }
-                      listNhhncy(params).then((response) => {
-                        _this.hncylist = response.rows
-                      })
-                    }
-                  })
-                });
-              })
-              .catch(() => {
-                // on cancel
-              });
-          }else{
-            updateNhhncy(this.form5).then(response => {
-              let _this =this
-              this.$toast({
-                icon: 'success', // 找到自己需要的图标
-                message: '修改成功',
-                duration:"1000",
-                onClose:function(){
-                  _this.showhncy = false
-                  let params = {
-                    "nhdm":_this.form5.nhdm,
-                    deptId:_this.form5.deptId
-                  }
-                  listNhhncy(params).then((response) => {
-                    _this.hncylist = response.rows
-                  })
-                }
-              })
-            });
-          }
-        } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
-          if(this.form5.xb!='0'){
-            Dialog.confirm({
-              title: '警告',
-              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
-            })
-              .then(() => {
-                // on confirm
-                updateNhhncy(this.form5).then(response => {
-                  let _this =this
-                  this.$toast({
-                    icon: 'success', // 找到自己需要的图标
-                    message: '修改成功',
-                    duration:"1000",
-                    onClose:function(){
-                      _this.showhncy = false
-                      let params = {
-                        "nhdm":_this.form5.nhdm,
-                        deptId:_this.form5.deptId
-                      }
-                      listNhhncy(params).then((response) => {
-                        _this.hncylist = response.rows
-                      })
-                    }
-                  })
-                });
-              })
-              .catch(() => {
-                // on cancel
-              });
-          }else{
-            updateNhhncy(this.form5).then(response => {
-              let _this =this
-              this.$toast({
-                icon: 'success', // 找到自己需要的图标
-                message: '修改成功',
-                duration:"1000",
-                onClose:function(){
-                  _this.showhncy = false
-                  let params = {
-                    "nhdm":_this.form5.nhdm,
-                    deptId:_this.form5.deptId
-                  }
-                  listNhhncy(params).then((response) => {
-                    _this.hncylist = response.rows
-                  })
-                }
-              })
-            });
-          }
-        }else{
-          updateNhhncy(this.form5).then(response => {
-            let _this =this
-            this.$toast({
-              icon: 'success', // 找到自己需要的图标
-              message: '修改成功',
-              duration:"1000",
-              onClose:function(){
-                _this.showhncy = false
-                let params = {
-                  "nhdm":_this.form5.nhdm,
-                  deptId:_this.form5.deptId
-                }
-                listNhhncy(params).then((response) => {
-                  _this.hncylist = response.rows
-                })
-              }
-            })
-          });
-        }
-      } else {
-        if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
-          if(this.form5.xb!='1'){
-            Dialog.confirm({
-              title: '警告',
-              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
-            })
-              .then(() => {
-                // on confirm
-                addNhhncy(this.form5).then(response => {
-                  let _this =this
-                  this.$toast({
-                    icon: 'success', // 找到自己需要的图标
-                    message: '保存成功',
-                    duration:"1000",
-                    onClose:function(){
-                      _this.showhncy = false
-                      let params = {
-                        "nhdm":_this.form5.nhdm,
-                        deptId:_this.form5.deptId
-                      }
-                      listNhhncy(params).then((response) => {
-                        _this.hncylist = response.rows
-                      })
-                    }
-                  })
-                });
-              })
-              .catch(() => {
-                // on cancel
-              });
-          }else{
-            addNhhncy(this.form5).then(response => {
-              let _this =this
-              this.$toast({
-                icon: 'success', // 找到自己需要的图标
-                message: '保存成功',
-                duration:"1000",
-                onClose:function(){
-                  _this.showhncy = false
-                  let params = {
-                    "nhdm":_this.form5.nhdm,
-                    deptId:_this.form5.deptId
-                  }
-                  listNhhncy(params).then((response) => {
-                    _this.hncylist = response.rows
-                  })
-                }
-              })
-            });
-          }
-        } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
-          if(this.form5.xb!='0'){
-            Dialog.confirm({
-              title: '警告',
-              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
-            })
-              .then(() => {
-                // on confirm
-                addNhhncy(this.form5).then(response => {
-                  let _this =this
-                  this.$toast({
-                    icon: 'success', // 找到自己需要的图标
-                    message: '保存成功',
-                    duration:"1000",
-                    onClose:function(){
-                      _this.showhncy = false
-                      let params = {
-                        "nhdm":_this.form5.nhdm,
-                        deptId:_this.form5.deptId
-                      }
-                      listNhhncy(params).then((response) => {
-                        _this.hncylist = response.rows
-                      })
-                    }
-                  })
-                });
-              })
-              .catch(() => {
-                // on cancel
-              });
-          }else{
-            addNhhncy(this.form5).then(response => {
-              let _this =this
-              this.$toast({
-                icon: 'success', // 找到自己需要的图标
-                message: '保存成功',
-                duration:"1000",
-                onClose:function(){
-                  _this.showhncy = false
-                  let params = {
-                    "nhdm":_this.form5.nhdm,
-                    deptId:_this.form5.deptId
-                  }
-                  listNhhncy(params).then((response) => {
-                    _this.hncylist = response.rows
-                  })
-                }
-              })
-            });
-          }
-        }else{
-          addNhhncy(this.form5).then(response => {
-            let _this =this
-            this.$toast({
-              icon: 'success', // 找到自己需要的图标
-              message: '保存成功',
-              duration:"1000",
-              onClose:function(){
-                _this.showhncy = false
-                let params = {
-                  "nhdm":_this.form5.nhdm,
-                  deptId:_this.form5.deptId
-                }
-                listNhhncy(params).then((response) => {
-                  _this.hncylist = response.rows
-                })
-              }
-            })
-          });
-        }
-
-      }
-    },
-    onSubmitsyqr(){
-      if(this.form.id==null||this.form.id==""){
-        Notify({ type: 'danger', message: '请先保存宅基地信息' });
-      }else{
-        if (this.form1.id != null) {
-          if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 1) {
-            if(this.form1.xb!='1'){
-              Dialog.confirm({
-                title: '警告',
-                message: '使用权人性别与身份证号中性别信息不符，是否继续保存？',
-              })
-                .then(() => {
-                  // on confirm
-                  updateShyqr(this.form1).then(response => {
-                    let _this =this
-                    this.$toast({
-                      icon: 'success', // 找到自己需要的图标
-                      message: '修改成功',
-                      duration:"1000",
-                      onClose:function(){
-                        _this.showsyqr = false
-                        _this.active = 2
-                        _this.getSyqrList()
-                      }
-                    })
-                  });
-                })
-                .catch(() => {
-                  // on cancel
-                });
-            }else{
-              updateShyqr(this.form1).then(response => {
-                let _this =this
-                this.$toast({
-                  icon: 'success', // 找到自己需要的图标
-                  message: '修改成功',
-                  duration:"1000",
-                  onClose:function(){
-                    _this.showsyqr = false
-                    _this.active = 2
-                    _this.getSyqrList()
-                  }
-                })
-              });
-            }
-          } else if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 0) {
-            if(this.form1.xb!='0'){
-              Dialog.confirm({
-                title: '警告',
-                message: '成员性别与身份证号中性别信息不符，是否继续保存？',
-              })
-                .then(() => {
-                  // on confirm
-                  updateShyqr(this.form1).then(response => {
-                    let _this =this
-                    this.$toast({
-                      icon: 'success', // 找到自己需要的图标
-                      message: '修改成功',
-                      duration:"1000",
-                      onClose:function(){
-                        _this.showsyqr = false
-                        _this.active = 2
-                        _this.getSyqrList()
-                      }
-                    })
-                  });
-                })
-                .catch(() => {
-                  // on cancel
-                });
-            }else{
-              updateShyqr(this.form1).then(response => {
-                let _this =this
-                this.$toast({
-                  icon: 'success', // 找到自己需要的图标
-                  message: '修改成功',
-                  duration:"1000",
-                  onClose:function(){
-                    _this.showsyqr = false
-                    _this.active = 2
-                    _this.getSyqrList()
-                  }
-                })
-              });
-            }
-          }else{
-            updateShyqr(this.form1).then(response => {
-              let _this =this
-              this.$toast({
-                icon: 'success', // 找到自己需要的图标
-                message: '修改成功',
-                duration:"1000",
-                onClose:function(){
-                  _this.showsyqr = false
-                  _this.active = 2
-                  _this.getSyqrList()
-                }
-              })
-            });
-          }
-        } else {
-          if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 1) {
-            if(this.form1.xb!='1'){
-              Dialog.confirm({
-                title: '警告',
-                message: '使用权人性别与身份证号中性别信息不符，是否继续保存？',
-              })
-                .then(() => {
-                  // on confirm
-                  addShyqr(this.form1).then(response => {
-                    let _this =this
-                    this.$toast({
-                      icon: 'success', // 找到自己需要的图标
-                      message: '保存成功',
-                      duration:"1000",
-                      onClose:function(){
-                        _this.showsyqr = false
-                        _this.active = 2
-                        _this.getSyqrList()
-                      }
-                    })
-                  });
-                })
-                .catch(() => {
-                  // on cancel
-                });
-            }else{
-              addShyqr(this.form1).then(response => {
-                let _this =this
-                this.$toast({
-                  icon: 'success', // 找到自己需要的图标
-                  message: '保存成功',
-                  duration:"1000",
-                  onClose:function(){
-                    _this.showsyqr = false
-                    _this.active = 2
-                    _this.getSyqrList()
-                  }
-                })
-              });
-            }
-
-          } else if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 0) {
-            if(this.form1.xb!='0'){
-              Dialog.confirm({
-                title: '警告',
-                message: '成员性别与身份证号中性别信息不符，是否继续保存？',
-              })
-                .then(() => {
-                  // on confirm
-                  addShyqr(this.form1).then(response => {
-                    let _this =this
-                    this.$toast({
-                      icon: 'success', // 找到自己需要的图标
-                      message: '保存成功',
-                      duration:"1000",
-                      onClose:function(){
-                        _this.showsyqr = false
-                        _this.active = 2
-                        _this.getSyqrList()
-                      }
-                    })
-                  });
-                })
-                .catch(() => {
-                  // on cancel
-                });
-            }else{
-              addShyqr(this.form1).then(response => {
-                let _this =this
-                this.$toast({
-                  icon: 'success', // 找到自己需要的图标
-                  message: '保存成功',
-                  duration:"1000",
-                  onClose:function(){
-                    _this.showsyqr = false
-                    _this.active = 2
-                    _this.getSyqrList()
-                  }
-                })
-              });
-            }
-          }else{
-            addShyqr(this.form1).then(response => {
-              let _this =this
-              this.$toast({
-                icon: 'success', // 找到自己需要的图标
-                message: '保存成功',
-                duration:"1000",
-                onClose:function(){
-                  _this.showsyqr = false
-                  _this.active = 2
-                  _this.getSyqrList()
-                }
-              })
-            });
-          }
-        }
-      }
-    },
-    onSubmitnmfw(){
-      if (this.nmfwform.id != null) {
-        updateNmfw(this.nmfwform).then(response => {
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '修改成功',
-            duration:"1000",
-            onClose:function(){
-              _this.showfw = false
-            }
-          })
-        });
-      } else {
-        addNmfw(this.nmfwform).then(response => {
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '保存成功',
-            duration:"1000",
-            onClose:function(){
-              _this.showfw = false
-              _this.shownmfwlist(_this.nmfwform);
-            }
-          })
-        });
-      }
-    },
-    // 户主保存
-    onSubmitnh(){
-      if(this.nhform.id!=null){
-        updateNh(this.nhform).then(
-          response => {
-            let _this = this
-            this.$toast({
-              icon: 'success', // 找到自己需要的图标
-              message: '修改成功',
-              duration:"1000",
-              onClose:function(){
-                let psyqr = {
-                  deptId : _this.nhform.deptId,
-                  nhdm : _this.nhform.nhdm,
-                  shyqrdbxm : _this.nhform.hzxm,
-                  shyqrdbzjlx : _this.nhform.hzzjlx,
-                  shyqrdbzjhm : _this.nhform.hzzjhm,
-                  dh : _this.nhform.phone,
-                  dz : _this.nhform.txdz
-                }
-                setSyqrInfo(psyqr).then(res => {
-                  _this.shownh = false
-                  _this.getSyqrList()
-                })
-              }
-            })
-          }
-        );
-      }else{
-        this.nhform.deptId = this.item.deptId
-        addNh(this.nhform).then(
-          response => {
-            let _this =this
-            this.$toast({
-              icon: 'success', // 找到自己需要的图标
-              message: '保存成功',
-              duration:"1000",
-              onClose:function(){
-                _this.shownh = false
-              }
-            })
-          }
-        );
-      }
-    },
-    // 自然幢保存
-    onSubmitzrz(){
-      if (this.form3.id != null) {
-        updateZrz(this.form3).then(response => {
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '修改成功',
-            duration:"1000",
-            onClose:function(){
-              _this.showzrz = false
-              _this.active = 3
-              _this.getZrzList()
-
-            }
-          })
-        });
-      } else {
-        addZrz(this.form3).then(response => {
-          this.form3 = response.data
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '保存成功',
-            duration:"1000",
-            onClose:function(){
-              _this.showzrz = false
-              _this.active = 3
-              _this.getZrzList()
-
-            }
-          })
-        });
-      }
-    },
-    // 附属设施保存
-    onSubmitfsss(){
-      if (this.form4.id != null) {
-        updateFsss(this.form4).then(response => {
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '修改成功',
-            duration:"1000",
-            onClose:function(){
-              _this.showfsss = false;
-              _this.getFsssList()
-            }
-          })
-        });
-      } else {
-        addFsss(this.form4).then(response => {
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '保存成功',
-            duration:"1000",
-            onClose:function(){
-              _this.showfsss = false;
-              _this.getFsssList()
-
-            }
-          })
-        });
-      }
-    },
-    onSubmitzjd(){
-      if (this.form.id != null) {
-        updateZjdzd(this.form).then(response => {
-          this.$cookies.set("search",this.form);
-          console.log(this.$cookies.get("search"));
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '修改成功',
-            duration:"1000",
-            onClose:function(){
-              _this.active = 2
-              _this.getSyqrList()
-            }
-          })
-        });
-      } else {
-        addZjdzd(this.form).then(response => {
-          this.form = response.data
-          this.$cookies.set("search",this.form);
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '保存成功',
-            duration:"1000",
-            onClose:function(){
-              _this.active = 2
-              _this.getSyqrList()
-            }
-          })
-        });
-      }
-    },
-    showPopupsyqr(item) {
-      if(this.form.id==null||this.form.id==""){
-        Notify({ type: 'danger', message: '请先保存宅基地信息' });
-      }else{
-        if(item==""){
-          this.form1={
-            zjddm:this.form.zjddm,
-            suyqrdm:this.form.suyqrdm,
-            deptId:this.item.deptId,
-            gj:'1',
-            hklx:'01',
-            xb:'1',
-            sfbncjtjjzzcy:'Y',
-            sfsyqrzjgy:'N',
-            sfczr:'Y',
-            qlrlx:'10',
-            qlrlxName:'个人',
-            gyfs:'1',
-            gyfsName:'单独所有',
-            qlbl:'1',
-            hjszss:"150000",
-            hjszssName:"内蒙古自治区",
-          }
-        }else{
-          this.form1 = item
-          if(this.form1.gj==null||this.form1.gj==""){
-            this.form1.gj = '1'
-          }
-          if(this.form1.hklx==null||this.form1.hklx==""){
-            this.form1.hklx = '01'
-          }
-          if(this.form1.xb==null||this.form1.xb==""){
-            this.form1.xb = '1'
-          }
-          if(this.form1.sfbncjtjjzzcy==null||this.form1.sfbncjtjjzzcy==""){
-            this.form1.sfbncjtjjzzcy = 'Y'
-          }
-          if(this.form1.sfsyqrzjgy==null||this.form1.sfsyqrzjgy==""){
-            this.form1.sfsyqrzjgy = 'N'
-          }
-          if(this.form1.sfczr==null||this.form1.sfczr==""){
-            this.form1.sfczr = 'Y'
-          }
-          if(this.form1.qlrlx==null||this.form1.qlrlx==""){
-            this.form1.qlrlx = 'Y'
-            this.form1.qlrlxName = '个人'
-          }
-          if(this.form1.gyfs==null||this.form1.gyfs==""){
-            this.form1.gyfs = '1'
-            this.form1.gyfsName = '单独所有'
-          }
-          if(this.form1.qlbl==null||this.form1.qlbl==""){
-            this.form1.qlbl = '1'
-          }
-          if(this.form1.hjszss==null||this.form1.hjszss==""){
-            this.form1.hjszss = '150000'
-            this.form1.hjszssName = '内蒙古自治区'
-          }
-          this.industryOptions.map(res => {
-            if(res.dictValue == this.form1.sshy){
-              this.form1.sshyName = res.dictLabel
-            }
-          })
-          this.sjlyOptions.map(res => {
-            if(res.dictValue == this.form1.sjly){
-              this.form1.sjlyName = res.dictLabel
-            }
-          })
-          this.zjlxOptions.map(res => {
-            if(res.dictValue == this.form1.shyqrdbzjlx){
-              this.form1.shyqrdbzjlxName = res.dictLabel
-            }
-          })
-          this.qlrlxOptions.map(res => {
-            if(res.dictValue == this.form1.qlrlx){
-              this.form1.qlrlxName = res.dictLabel
-            }
-          })
-          this.gyfsOptions.map(res => {
-            if(res.dictValue == this.form1.gyfs){
-              this.form1.gyfsName = res.dictLabel
-            }
-          })
-          this.hjszssOptions.map(res => {
-            if(res.dictValue == this.form1.hjszss){
-              this.form1.hjszssName = res.dictLabel
-            }
-          })
-        }
-        this.showsyqr = true;
-      }
-    },
-    showPopuphncy(item){
-      if(item==""){
-        this.form5 = {
-          "nhdm":this.nhdm,
-          "deptId":this.item.deptId,
-          "zjlx":'01',
-          "zjlxName":"身份证",
-          "yhzgx":"12",
-          "yhzgxName":"妻",
-          "hyzk":'02',
-          "hklx":'01',
-          "occupation":'1',
-          "occupationName":'务农',
-          "jzqk":'3',
-          "jzqkName":'常年居住',
-          "sfbjtjjzzcy":'1',
-          "xb":'0',
-          "sfbccm":'1',
-          "sfpkh":'0',
-          "sfwbh":'0',
-          "sjly":'07',
-          "sjlyName":'农村集体产权制度改革',
-          "cybz":'9',
-          "cybzName":'其他备注'
-        }
-      }else{
-        this.form5 = item
-        if(this.form5.nhdm==null||this.form5.nhdm==""){
-          this.form5.nhdm = this.nhform.nhdm
-        }
-        if(this.form5.deptId==null||this.form5.deptId==""){
-          this.form5.deptId = this.nhform.deptId
-        }
-        if(this.form5.zjlx==null||this.form5.zjlx==""){
-          this.form5.zjlx = "01"
-          this.form5.zjlxName = "身份证"
-        }
-        if(this.form5.yhzgx==null||this.form5.yhzgx==""){
-          this.form5.yhzgx = "12"
-          this.form5.yhzgxName = "妻"
-        }
-        if(this.form5.hyzk==null||this.form5.hyzk==""){
-          this.form5.hyzk = "02"
-        }
-        if(this.form5.hklx==null||this.form5.hklx==""){
-          this.form5.hklx = "01"
-        }
-        if(this.form5.occupation==null||this.form5.occupation==""){
-          this.form5.occupation = "1"
-          this.form5.occupationName = "务农"
-        }
-        if(this.form5.jzqk==null||this.form5.jzqk==""){
-          this.form5.jzqk = "3"
-          this.form5.jzqkName = "常年居住"
-        }
-        if(this.form5.sfbjtjjzzcy==null||this.form5.sfbjtjjzzcy==""){
-          this.form5.sfbjtjjzzcy = "1"
-        }
-        if(this.form5.xb==null||this.form5.xb==""){
-          this.form5.xb = "0"
-        }
-        if(this.form5.sfbccm==null||this.form5.sfbccm==""){
-          this.form5.sfbccm = "1"
-        }
-        if(this.form5.sfpkh==null||this.form5.sfpkh==""){
-          this.form5.sfpkh = "0"
-        }
-        if(this.form5.sfwbh==null||this.form5.sfwbh==""){
-          this.form5.sfwbh = "0"
-        }
-        if(this.form5.sjly==null||this.form5.sjly==""){
-          this.form5.sjly = "07"
-          this.form5.sjlyName = "农村集体产权制度改革"
-        }
-        if(this.form5.cybz==null||this.form5.cybz==""){
-          this.form5.cybz = "9"
-          this.form5.cybzName = "其他备注"
-        }
-        this.jzhcssfyzfOptions.map(res => {
-          if(res.dictValue == item.jzhcssfyzf){
-            this.form5.jzhcssfyzfName = res.dictLabel
-          }
-        })
-        this.zjlxOptions.map(res => {
-          if(res.dictValue == item.zjlx){
-            this.form5.zjlxName = res.dictLabel
-          }
-        })
-        this.occupationOptions.map(res => {
-          if(res.dictValue == item.occupation){
-            this.form5.occupationName = res.dictLabel
-          }
-        })
-        this.jzqkOptions.map(res => {
-          if(res.dictValue == item.jzqk){
-            this.form5.jzqkName = res.dictLabel
-          }
-        })
-        this.yhzgxOptions.map(res => {
-          if(res.dictValue == item.yhzgx){
-            this.form5.yhzgxName = res.dictLabel
-          }
-        })
-        this.cybzOptions.map(res => {
-          if(res.dictValue == item.cybz){
-            this.form5.cybzName = res.dictLabel
-          }
-        })
-        this.sjlyOptions.map(res => {
-          if(res.dictValue == item.sjly){
-            this.form5.sjlyName = res.dictLabel
-          }
-        })
-      }
-      this.showhncy = true
-    },
-    showPopupzrz(item) {
-      console.log(item);
-      if(this.form.id==null||this.form.id==""){
-        Notify({ type: 'danger', message: '请先保存宅基地信息' });
-      }else{
-        if(item==""){
-          this.form3={
-            zjddm:this.item.zjddm?this.item.zjddm:this.form.zjddm,
-            deptId:this.item.deptId?this.item.deptId:this.form.deptId,
-            zcs:"1",
-            dscs:"1",
-            dxcs:"0",
-            fwjg:'02',
-            fwjgName:'钢和钢筋混凝土结构',
-            sjly:'04',
-            sjlyName:'农村宅基地使用权确权登记发证',
-            theGeom:this.form.theGeom,
-          }
-          this.zrzProduct();
-        }else{
-          this.form3 = item
-          console.log(this.form3);
-          this.form3.theGeom = item.theGeom;
-          if(this.form3.zcs==null||this.form3.zcs==""){
-            this.form3.zcs = "1"
-          }
-          if(this.form3.dscs==null||this.form3.dscs==""){
-            this.form3.dscs = "1"
-          }
-          if(this.form3.dxcs==null||this.form3.dxcs==""){
-            this.form3.dxcs = "0"
-          }
-          if(this.form3.fwjg==null||this.form3.fwjg==""){
-            this.form3.fwjg = "02"
-            this.form3.fwjgName = "钢和钢筋混凝土结构"
-          }
-          if(this.form3.sjly==null||this.form3.sjly==""){
-            this.form3.sjly = "04"
-            this.form3.sjlyName = "农村宅基地使用权确权登记发证"
-          }
-          if(this.form3.sjly!=null){
-            this.sjlyOptions.map(res => {
-              if(res.dictValue == this.form3.sjly){
-                this.form3.sjlyName = res.dictLabel
-              }
-            })
-          }
-          if(this.form3.fwjg!=null){
-            this.fwjgOptions.map(res => {
-              if(res.dictValue == this.form3.fwjg){
-                this.form3.fwjgName = res.dictLabel
-              }
-            })
-          }
-          if(this.form3.theGeom == null){
-            this.form3.theGeom = this.form.theGeom;
-          }
-        }
-        this.showzrz = true;
-        this.zrzProduct();
-        this.active = 3;
-        // if(){
-        //
-        // }
-      }
-    },
-    showPopupfw(item) {
-      this.fileListfw = []
-      if(this.form.id==null||this.form.id==""){
-        Notify({ type: 'danger', message: '请先保存宅基地信息' });
-      }else{
-        this.showfw = true;
-        if(item==""){
-          this.nmfwform={
-            zrzh: this.zrzh,
-            deptId : this.item.deptId?this.item.deptId:this.form.deptId,
-            zjddm : this.item.zjddm?this.item.zjddm:this.form.zjddm,
-            nmfwzh : null,
-            ch:"1",
-            sjc:"1",
-            myc:"1",
-            sjcs:"1",
-            hx:'03',
-            hxName:'三居室',
-            hxjg:'01',
-            hxjgName:'平层',
-            fwjg:'02',
-            fwjgName:'钢和钢筋混凝土结构',
-            fwyt:'10',
-            fwytName:'住宅',
-            sfjf:'0',
-            sfcf:'0',
-            sffz:'Y',
-            isCommon:'N',
-            fwzt:'01',
-            fwztName:'正常',
-            isMortgage:'N',
-            sjly:'04',
-            sjlyName:'农村宅基地使用权确权登记发证',
-            fwlx:'01',
-            fwlxName:'住宅',
-            lyzk:'11',
-            lyzkName:'居住',
-            lzyx:'0',
-            yctcyx:'0',
-            qsly:'01',
-            qslyName:'申请',
-            sfkjgj:'N',
-            pzdw:'1',
-          }
-        }else{
-          this.nmfwform = item
-          if(this.nmfwform.zjdxctp!=null&&this.nmfwform.zjdxctp!=""&&this.nmfwform.zjdxctp.length>0){
-            let li = this.nmfwform.zjdxctp.split(",");
-            li.map(res => {
-              this.fileListfw.push({"url":this.baseUrl+res,"baseUrl":res})
-
-            })
-          }
-          if(this.nmfwform.sfkjgj==null||this.nmfwform.sfkjgj==""){
-            this.nmfwform.sfkjgj = "N"
-          }
-          if(this.nmfwform.qsly==null||this.nmfwform.qsly==""){
-            this.nmfwform.qsly = "01"
-            this.nmfwform.qslyName = "申请"
-          }
-          if(this.nmfwform.yctcyx==null||this.nmfwform.yctcyx==""){
-            this.nmfwform.yctcyx = "0"
-          }
-          if(this.nmfwform.lzyx==null||this.nmfwform.lzyx==""){
-            this.nmfwform.lzyx = "0"
-          }
-          if(this.nmfwform.lyzk==null||this.nmfwform.lyzk==""){
-            this.nmfwform.lyzk = "11"
-            this.nmfwform.lyzkName = "居住"
-          }
-          if(this.nmfwform.fwlx==null||this.nmfwform.fwlx==""){
-            this.nmfwform.fwlx = "01"
-            this.nmfwform.fwlxName = "住宅"
-          }
-          if(this.nmfwform.sjly==null||this.nmfwform.sjly==""){
-            this.nmfwform.sjly = "04"
-            this.nmfwform.sjlyName = "农村宅基地使用权确权登记发证"
-          }
-          if(this.nmfwform.isMortgage==null||this.nmfwform.isMortgage==""){
-            this.nmfwform.isMortgage = "N"
-          }
-          if(this.nmfwform.fwzt==null||this.nmfwform.fwzt==""){
-            this.nmfwform.fwzt = "01"
-            this.nmfwform.fwztName = "正常"
-          }
-          if(this.nmfwform.pzdw==null||this.nmfwform.pzdw==""){
-            this.nmfwform.pzdw = "1"
-          }
-          if(this.nmfwform.sfkjgj==null||this.nmfwform.sfkjgj==""){
-            this.nmfwform.sfkjgj = "N"
-          }
-          if(this.nmfwform.zrzh==null||this.nmfwform.zrzh==""){
-            this.nmfwform.zrzh = this.item.zrzh
-          }
-          if(this.nmfwform.deptId==null||this.nmfwform.deptId==""){
-            this.nmfwform.deptId = this.item.deptId
-          }
-          if(this.nmfwform.zjddm==null||this.nmfwform.zjddm==""){
-            this.nmfwform.zjddm = this.item.zjddm
-          }
-          if(this.nmfwform.nmfwzh==null||this.nmfwform.nmfwzh==""){
-            this.nmfwform.nmfwzh = this.item.nmfwzh
-          }
-          if(this.nmfwform.ch==null||this.nmfwform.ch==""){
-            this.nmfwform.ch = "1"
-          }
-          if(this.nmfwform.sjc==null||this.nmfwform.sjc==""){
-            this.nmfwform.sjc = "1"
-          }
-          if(this.nmfwform.myc==null||this.nmfwform.myc==""){
-            this.nmfwform.myc = "1"
-          }
-          if(this.nmfwform.sjcs==null||this.nmfwform.sjcs==""){
-            this.nmfwform.sjcs = "1"
-          }
-          if(this.nmfwform.hx==null||this.nmfwform.hx==""){
-            this.nmfwform.hx = "03"
-            this.nmfwform.hxName = "三居室"
-          }
-          if(this.nmfwform.hxjg==null||this.nmfwform.hxjg==""){
-            this.nmfwform.hxjg = "01"
-            this.nmfwform.hxjgName = "平层"
-          }
-          if(this.nmfwform.fwjg==null||this.nmfwform.fwjg==""){
-            this.nmfwform.fwjg = "02"
-            this.nmfwform.fwjgName = "钢和钢筋混凝土结构"
-          }
-          if(this.nmfwform.fwyt==null||this.nmfwform.fwyt==""){
-            this.nmfwform.fwyt = "10"
-            this.nmfwform.fwytName = "住宅"
-          }
-          if(this.nmfwform.sfjf==null||this.nmfwform.sfjf==""){
-            this.nmfwform.sfjf = "0"
-          }
-          if(this.nmfwform.sfcf==null||this.nmfwform.sfcf==""){
-            this.nmfwform.sfcf = "0"
-          }
-          if(this.nmfwform.sffz==null||this.nmfwform.sffz==""){
-            this.nmfwform.sffz = "Y"
-          }
-          if(this.nmfwform.isCommon==null||this.nmfwform.isCommon==""){
-            this.nmfwform.isCommon = "N"
-          }
-          this.sjlyOptions.map(res => {
-            if(res.dictValue == item.sjly){
-              this.nmfwform.sjlyName = res.dictLabel
-            }
-          })
-          this.hxjgOptions.map(res => {
-            if(res.dictValue == item.hxjg){
-              this.nmfwform.hxjgName = res.dictLabel
-            }
-          })
-          this.hxOptions.map(res => {
-            if(res.dictValue == item.hx){
-              this.nmfwform.hxName = res.dictLabel
-            }
-          })
-          this.fwjgOptions.map(res => {
-            if(res.dictValue == item.fwjg){
-              this.nmfwform.fwjgName = res.dictLabel
-            }
-          })
-          this.fwytOptions.map(res => {
-            if(res.dictValue == item.fwyt){
-              this.nmfwform.fwytName = res.dictLabel
-            }
-          })
-          this.tdzkOptions.map(res => {
-            if(res.dictValue == item.tdzk){
-              this.nmfwform.tdzkName = res.dictLabel
-            }
-          })
-          this.pzsjOptions.map(res => {
-            if(res.dictValue == item.pzsj){
-              this.nmfwform.pzsjName = res.dictLabel
-            }
-          })
-          this.phlymsOptions.map(res => {
-            if(res.dictValue == item.phlyms){
-              this.nmfwform.phlymsName = res.dictLabel
-            }
-          })
-          this.fwlxOptions.map(res => {
-            if(res.dictValue == item.fwlx){
-              this.nmfwform.fwlxName = res.dictLabel
-            }
-          })
-          this.nmfwlyzkOptions.map(res => {
-            if(res.dictValue == item.lyzk){
-              this.nmfwform.lyzkName = res.dictLabel
-            }
-          })
-          this.fwztOptions.map(res => {
-            if(res.dictValue == item.fwzt){
-              this.nmfwform.fwztName = res.dictLabel
-            }
-          })
-          this.qslyOptions.map(res => {
-            if(res.dictValue == item.qsly){
-              this.nmfwform.qslyName = res.dictLabel
-            }
-          })
-
-        }}
-    },
-    showPopuphncylist(item){
-      if(item.nhdm==null||item.nhdm==""){
-        Notify({ type: 'danger', message: '使用权人农户代码不能为空' });
-      }else{
-        this.showhncylist = true;
-        if(item==""){
-          this.hncylist=[]
-        }else{
-          this.nhdm = item.nhdm
-          this.hncylist=[]
-          let params = {
-            "nhdm":item.nhdm,
-            deptId:this.item.deptId
-          }
-          listNhhncy(params).then((response) => {
-            this.hncylist = response.rows
-          })
-        }
-      }
-
-    },
-    showPopupfsss(item) {if(this.form.id==null||this.form.id==""){
-      Notify({ type: 'danger', message: '请先保存宅基地信息' });
-    }else{
-      if(item==""){
-        this.form4={
-          deptId:this.item.deptId?this.item.deptId:this.form.deptId,
-          zjddm:this.item.zjddm?this.item.zjddm:this.form.zjddm,
-          fssslx:'11',
-          fssslxName:'畜厩',
-          qsly:'99',
-          qslyName:'其他',
-          fwzt:'01',
-          fwztName:'正常',
-          sfsp:'N',
-          sffz:'N',
-          jglx:'2',
-          jglxName:'砖混',
-          sfzzsy:'Y',
-          jzwqk:'01',
-          jzwqkName:'正常',
-          tdzk:'3',
-          tdzkName:'其他',
-          sfsgcf:'N',
-          theGeom:this.form.theGeom,
-        }
-        this.fsssProduct();
-      }else{
-        this.form4=item
-        console.log(this.form4);
-        if(this.form4.fssslx==null||this.form4.fssslx==""){
-          this.form4.fssslx = "11"
-          this.form4.fssslxName = "畜厩"
-        }
-        if(this.form4.qsly==null||this.form4.qsly==""){
-          this.form4.qsly = "99"
-          this.form4.qslyName = "其他"
-        }
-        if(this.form4.fwzt==null||this.form4.fwzt==""){
-          this.form4.fwzt = "01"
-          this.form4.fwztName = "正常"
-        }
-        if(this.form4.sfsp==null||this.form4.sfsp==""){
-          this.form4.sfsp = "N"
-        }
-        if(this.form4.sffz==null||this.form4.sffz==""){
-          this.form4.sffz = "N"
-        }
-        if(this.form4.jglx==null||this.form4.jglx==""){
-          this.form4.jglx = "2"
-          this.form4.jglxName = "砖混"
-        }
-        if(this.form4.sfzzsy==null||this.form4.sfzzsy==""){
-          this.form4.sfzzsy = "Y"
-        }
-        if(this.form4.jzwqk==null||this.form4.jzwqk==""){
-          this.form4.jzwqk = "01"
-          this.form4.jzwqkName = "正常"
-        }
-        if(this.form4.tdzk==null||this.form4.tdzk==""){
-          this.form4.tdzk = "3"
-          this.form4.tdzkName = "其他"
-        }
-        if(this.form4.sfsgcf==null||this.form4.sfsgcf==""){
-          this.form4.sfsgcf = "N"
-        }
-        if(this.form4.theGeom==null||this.form4.theGeom==""){
-          this.form4.theGeom = this.form.theGeom
-        }
-        this.fssslxOptions.map(res => {
-          if(res.dictValue == item.fssslx){
-            this.form4.fssslxName = res.dictLabel
-          }
-        })
-        this.qslyOptions.map(res => {
-          if(res.dictValue == item.qsly){
-            this.form4.qslyName = res.dictLabel
-          }
-        })
-        this.fwztOptions.map(res => {
-          if(res.dictValue == item.fwzt){
-            this.form4.fwztName = res.dictLabel
-          }
-        })
-        this.jglxOptions.map(res => {
-          if(res.dictValue == item.jglx){
-            this.form4.jglxName = res.dictLabel
-          }
-        })
-        this.jzwqkOptions.map(res => {
-          if(res.dictValue == item.jzwqk){
-            this.form4.jzwqkName = res.dictLabel
-          }
-        })
-        this.tdzkOptions.map(res => {
-          if(res.dictValue == item.tdzk){
-            this.form4.tdzkName = res.dictLabel
-          }
-        })
-      }
-      this.showfsss = true;
-      this.active = 4;
-      this.fsssProduct();
-    }
-    },
-    showPopup3() {
-      this.show3 = true;
-      this.mapClickLoading();
-    },
-    onSubmit(values) {
-    },
-    changeActive(){
-      if(this.active<4){
-        this.active+=1
-      }else{
-        this.active=1
-      }
-    },
-    changeActiveBack(){
-      if(this.active>1){
-        this.active-=1
-        if(this.active ==1){
-          this.mapClickLoading();
-        }
-      }else{
-        this.active=1
-        this.mapClickLoading();
-      }
-    },
-    // 清空画板
-    handleReset() {
-      this.resultImg = null
-      if(this.$refs.esign){
-        this.$refs.esign.reset();
-      }
-    },
-    // 图片上传前
-    beforeRead(file){
-      // 创建Canvas对象(画布)
-      let canvas =  document.createElement('canvas')
-      // 获取对应的CanvasRenderingContext2D对象(画笔)
-      let context = canvas.getContext('2d')
-      // 创建新的图片对象
-      let img = new Image()
-      // 指定图片的DataURL(图片的base64编码数据)
-      img.src = file.content
-      // 监听浏览器加载图片完成，然后进行进行绘制
-      const height = 166
-      const width = 316
-      img.onload = () => {
-        const h = img.height
-        const w = img.width
-        let ch = img.height/2
-        let cw = img.width/2
-        let canvas = document.createElement('canvas')
-        let ctx = canvas.getContext('2d')
-        canvas.height = ch
-        canvas.width = cw
-        ctx.clearRect(0,0,cw,ch)
-        ctx.drawImage(img,0,0,cw,ch)
-        let base_img = canvas.toDataURL('image/jpeg')
-        const blobBin = atob(base_img.split(',')[1])
-        let d = []
-        for (let i=0;i<blobBin.length;i++){
-          d.push(blobBin.charCodeAt(i))
-        }
-        const data2 = new FormData();
-        data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
-        uploadFile(data2).then(res => {
-          if(this.form.zjdxctp!=null&&this.form.zjdxctp!=""){
-            this.form.zjdxctp = this.form.zjdxctp + "," + res.fileName
-          }else{
-            this.form.zjdxctp =  res.fileName
-          }
-        })
-      }
-    },
-    // 生成签字图
-    handleGenerate() {
-      if(this.resultImg==null||this.resultImg==''){
-        this.$refs.esign
-          .generate() // 使用生成器调用把签字的图片转换成为base64图片格式
-          .then((res) => {
-            this.resultImg = res;
-          })
-          .catch((err) => {
-            // 画布没有签字时会执行这里提示一下
-            this.$message({
-              type: "warning",
-              message: "请签名后再生成签字图片",
-            });
-          });
-        // 在这里向后端发请求把转换后的base64文件传给后端，后端接收以后再转换成图片做静态图片存储
-        // 当然也可以把base64转成流文件blob格式的，类似上传给后端这样，具体哪种方式看后端要求
-        setTimeout(() => {
-          // 这里要使用定时器稍微延后以后就能取到base64数据了，当然也可以再加一个确认按钮，如：确认使用这张base64签名图片
-          // 点击确认以后，在其回调函数中，再把base64的签名图片传给后端用于存储
-          const blobBin = atob(this.resultImg.split(',')[1])
-          let d = []
-          for (let i=0;i<blobBin.length;i++){
-            d.push(blobBin.charCodeAt(i))
-          }
-          const data2 = new FormData();
-          data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
-          uploadFile(data2).then(res => {
-            this.form.dzqm = res.fileName
-            this.form.houseDataConfirmStatus = "CONFIRMED"
-            this.form.zjdAudit = '0'
-            let param ={
-              zjddm : this.item.zjddm,
-              houseDataConfirmStatus : "CONFIRMED"
-            }
-            updateZrzStatus(param).then(res => {})
-            updateFsssStatus(param).then(res => {})
-            if (this.form.id != null) {
-              submitOnly(this.form).then(response => {
-                let _this =this
-                this.$toast({
-                  icon: 'success', // 找到自己需要的图标
-                  message: '修改成功',
-                  duration:"1000",
-                  onClose:function(){
-                    _this.goBack();
-                  }
-                });
-              });
-            } else {
-              addZjdzd(this.form).then(response => {
-                let _this =this
-                this.$toast({
-                  icon: 'success', // 找到自己需要的图标
-                  message: '保存成功',
-                  duration:"1000",
-                  onClose:function(){
-                    _this.goBack();
-                  }
-                })
-              });
-            }
-          })
-        }, 200);
-      }else{
-        this.form.houseDataConfirmStatus = "CONFIRMED"
-        this.form.zjdAudit = '0'
-        let param ={
-          zjddm : this.item.zjddm,
-          houseDataConfirmStatus : "CONFIRMED"
-        }
-        updateZrzStatus(param).then(res => {})
-        updateFsssStatus(param).then(res => {})
-        submitOnly(this.form).then(response => {
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '修改成功',
-            duration:"1000",
-            onClose:function(){
-              _this.goBack();
-            }
-          });
-        });
-      }
-      /*this.showesign = false;*/
-    },
-    searchCommit(){
-      this.showesign = true
-    },
-    searchCommit1(){
-      this.form.houseDataConfirmStatus = "CONFIRMED"
-      if (this.form.id != null) {
-        updateZjdzd(this.form).then(response => {
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '修改成功',
-            duration:"1000",
-            onClose:function(){
-              _this.goBack();
-            }
-          })
-        });
-      } else {
-        addZjdzd(this.form).then(response => {
-          let _this =this
-          this.$toast({
-            icon: 'success', // 找到自己需要的图标
-            message: '保存成功',
-            duration:"1000",
-            onClose:function(){
-              _this.goBack();
-            }
-          })
-        });
-      }
-    },
-    //地图加载js------start
-    mapClickLoading(){
-      setTimeout(() => {
-        if(this.active =="1"){
-          this.$refs[this.zjdProductResh].drawingPaceCountryDarw();
-        }else if(this.active=="3"){
-          this.$refs[this.zrzProductResh].drawingPaceCountryDarw();
-        }else if(this.active=="4"){
-          this.$refs[this.fsssProductResh].drawingPaceCountryDarw();
-        } else {
-
-        }
-      }, 500);
-    },
-    /** 查找地图中定位点 */
-    MapTag: function (data) {
-      if(this.active =="1"){
-        this.form.theGeom = data;
-      }else if(this.active=="3"){
-        this.form3.theGeom = data;
-      }else if(this.active=="4"){
-        this.form4.theGeom = data;
-      } else {
-
-      }
-    },
-    zjdProduct(){
-      this.zjdProductResh = this.guidProduct();
-      this.mapClickLoading();
-    },
-    zrzProduct(){
-      this.zrzProductResh = this.guidProduct();
-      this.mapClickLoading();
-    },
-    fsssProduct(){
-      this.fsssProductResh = this.guidProduct();
-      this.mapClickLoading();
-    },
-    guidProduct(){
-      return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-        var r = Math.random() * 16 | 0,
-          v = c == 'x' ? r : (r & 0x3 | 0x8);
-        return v.toString(16);
-      });
-    },
-    //地图加载js------end
   }
 }
 </script>
@@ -6205,12 +532,12 @@ export default {
 {
   content:"";
   width: 6px;
-  height: 32px;
+  height: 20PX;
   background: #7ac943;
   border-radius: 3px;
   position:absolute;
   left:0;
-  bottom:10px;
+  bottom:0;
 }
 >>> .delete-button {
   height: 100%;
diff --git a/src/views/homesteadSurvey/add2.vue b/src/views/homesteadSurvey/add2.vue
new file mode 100644
index 00000000..a26c6ebf
--- /dev/null
+++ b/src/views/homesteadSurvey/add2.vue
@@ -0,0 +1,187 @@
+<template>
+  <div class="app-container">
+    <van-sticky style="position:relative;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;"
+          @click-left="goBack()"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <!-- <template #right>
+          <van-icon name="map-marked" size="18" color="#fff" />
+        </template>-->
+          <template #title>
+            <p style="color:#fff">入户调查</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem">
+        <van-row>
+          <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})">
+            <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p>
+          </van-col>
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4"  style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" >
+            <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p>
+          </van-col>
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" >
+            <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p  :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p>
+          </van-col>
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})">
+            <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p>
+          </van-col>
+        </van-row>
+      </div>
+    </van-sticky>
+    <div style="margin:30px auto 0;width: 95%;">
+      <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-bottom: 5px;">使用权人</p>
+    </div>
+    <van-swipe-cell v-for="(item,index) in syqrlist" :key="'syqr'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;background:#fff;">
+      <div style="padding:15px;">
+        <p style="display: flex;align-items: center;">
+          <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;">
+          <span style="line-height: 1;font-size: 16px;">{{item.shyqrdbxm}}</span>
+        </p>
+        <div style="display:flex;line-height:20px;margin-top: 15px;font-size: 14px;color: #999999;">
+          <p style="flex:1;text-align:left;">证件号码:</p>
+          <p  style="flex:1;text-align:right;">{{item.shyqrdbzjhm}}</p>
+        </div>
+        <div style="display:flex;line-height:20px;margin-top: 5px;font-size: 14px;color: #999999;">
+          <p style="flex:1;text-align:left;">农户代码:</p>
+          <p style="flex:1;text-align:right;">{{item.nhdm}}</p>
+        </div>
+        <div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;">
+          <p style="width:32%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnh(item)">
+            <img src="../../assets/images/housesteadSurvey/add01.png" alt="">
+            <span style="font-size: 14px;color: #fff;margin-left: 5px;">户主</span>
+          </p>
+          <p style="width:32%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: rgba(34,183,242,0.14);padding: 3px 0;border-radius: 50px;" @click="showPopupsyqr(item)">
+            <img src="../../assets/images/housesteadSurvey/add02.png" alt="">
+            <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">使用权人</span>
+          </p>
+          <p style="width:32%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopuphncylist(item)">
+            <img src="../../assets/images/housesteadSurvey/add02.png" alt="">
+            <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">成员</span>
+          </p>
+        </div>
+      </div>
+      <template #right>
+        <van-button square text="删除" type="danger" class="delete-button" @click="deletesyqr(item.id,index)"/>
+      </template>
+    </van-swipe-cell>
+
+    <div style=" width:95%;margin:20px auto;display: flex;justify-content: space-between;">
+      <div style="width:49%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;">
+        <p style="font-size: 16px;" @click="showPopupsyqr('')">+ 添加使用权人</p>
+      </div>
+      <div style="width:49%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;">
+        <p style="font-size: 16px;" @click="showPopupnh('')">+ 添加农户信息</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr";
+import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd";
+import MapGisDrawing from "@/components/Map/MapGisDrawing";
+import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz";
+import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw";
+import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr";
+import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy";
+import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";
+import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss";
+import { listTown, getTown } from "@/api/homesteadSurvey/town";
+import { listVillage} from "@/api/homesteadSurvey/village";
+import { sysConfig} from "@/api/homesteadSurvey/index";
+import { Notify, Dialog, Toast } from 'vant';
+import axios from "axios";
+export default {
+  name: "homesteadAdd",
+  components: { MapGisDrawing,},
+  data() {
+    return {
+      active:2,
+      // 使用权人列表
+      syqrlist:[
+        {
+          shyqrdbxm :'测试测试',
+          shyqrdbzjhm :'12324648564',
+          nhdm :'777888999',
+        }
+      ],
+    };
+  },
+  created(){
+
+  },
+  mounted(){
+
+  },
+  methods: {
+    goBack(){
+      if(this.ztMap && this.enterMap ==1){
+        if(this.form.id == null){
+          this.backMap.backMapZjdAData.theGeom= "";
+        }else{
+          this.backMap.backMapZjdAData = this.form;
+        }
+        this.$cookies.set("search",this.backMap);
+      } else {
+        this.$cookies.set("search","");
+      }
+      this.$router.push({name:'homesteadList'});
+      // }
+    },
+    showPopupsyqr(){},
+    showPopupnh(){},
+    showPopuphncylist(){},
+  }
+}
+</script>
+
+<style scoped>
+>>> .bannerBg{
+  width: 100%;
+  color:#fff;
+  padding:10px;
+  background: linear-gradient(134deg,#7ac943 1%, #22b7f2);
+}
+>>> .van-hairline--bottom::after {
+  border-bottom-width: 0;
+}
+>>> .title:before
+{
+  content:"";
+  width: 6px;
+  height: 20PX;
+  background: #7ac943;
+  border-radius: 3px;
+  position:absolute;
+  left:0;
+  bottom:0;
+}
+>>> .delete-button {
+  height: 100%;
+}
+>>> .van-swipe-cell__wrapper{
+  margin-right:-3px;
+}
+>>> .label-class .van-collapse-item__title--expanded{
+  font-weight: bold;
+}
+</style>
diff --git a/src/views/homesteadSurvey/add3.vue b/src/views/homesteadSurvey/add3.vue
new file mode 100644
index 00000000..8ee328e6
--- /dev/null
+++ b/src/views/homesteadSurvey/add3.vue
@@ -0,0 +1,178 @@
+<template>
+  <div class="app-container">
+    <van-sticky style="position:relative;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;"
+          @click-left="goBack()"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <!-- <template #right>
+          <van-icon name="map-marked" size="18" color="#fff" />
+        </template>-->
+          <template #title>
+            <p style="color:#fff">入户调查</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem">
+        <van-row>
+          <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})">
+            <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p>
+          </van-col>
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4"  style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" >
+            <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p>
+          </van-col>
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" >
+            <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p  :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p>
+          </van-col>
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})">
+            <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p>
+          </van-col>
+        </van-row>
+      </div>
+    </van-sticky>
+    <div style="margin:30px auto 0;width: 95%;">
+      <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-bottom: 5px;">自然幢</p>
+    </div>
+      <van-swipe-cell v-for="(item,index) in zrzlist" :key="'zrz'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;background:#fff;">
+        <div style="padding:15px;">
+          <p style="display: flex;align-items: center;">
+            <img src="../../assets/images/housesteadSurvey/add03.png" alt="" style="margin-right: 5px;">
+            <span style="line-height: 1;font-size: 16px;">第{{index+1}}号</span>
+          </p>
+          <div style="display:flex;line-height:20px;margin-top: 15px;font-size: 14px;color: #999999;">
+            <p style="flex:1;text-align:left;">自然幢号:</p>
+            <p  style="flex:1;text-align:right;">{{item.zrzh}}</p>
+          </div>
+          <div style="display:flex;line-height:20px;margin-top: 5px;font-size: 14px;color: #999999;">
+            <p style="flex:1;text-align:left;">总层数:</p>
+            <p style="flex:1;text-align:right;">{{item.zcs}}</p>
+          </div>
+          <div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;">
+            <p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnh(item)">
+              <img src="../../assets/images/housesteadSurvey/add01.png" alt="">
+              <span style="font-size: 14px;color: #fff;margin-left: 5px;">自然幢信息</span>
+            </p>
+            <p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopuphncylist(item)">
+              <img src="../../assets/images/housesteadSurvey/add02.png" alt="">
+              <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">房屋列表</span>
+            </p>
+          </div>
+        </div>
+        <template #right>
+          <van-button square text="删除" type="danger" class="delete-button" @click="deletezrz(item,index)"/>
+        </template>
+      </van-swipe-cell>
+      <div style=" width:95%;margin:20px auto;display: flex;justify-content: center;">
+        <div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;">
+          <p style="font-size: 16px;">+ 添加自然幢信息</p>
+        </div>
+      </div>
+    </div>
+</template>
+
+<script>
+import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr";
+import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd";
+import MapGisDrawing from "@/components/Map/MapGisDrawing";
+import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz";
+import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw";
+import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr";
+import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy";
+import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";
+import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss";
+import { listTown, getTown } from "@/api/homesteadSurvey/town";
+import { listVillage} from "@/api/homesteadSurvey/village";
+import { sysConfig} from "@/api/homesteadSurvey/index";
+import { Notify, Dialog, Toast } from 'vant';
+import axios from "axios";
+export default {
+  name: "homesteadAdd",
+  components: { MapGisDrawing,},
+  data() {
+    return {
+      active:3,
+      zrzlist:[
+        {
+          zrzh :'123',
+          zcs :'321654987'
+        }
+      ]
+    };
+  },
+  created(){
+
+  },
+  mounted(){
+
+  },
+  methods: {
+    goBack(){
+      if(this.ztMap && this.enterMap ==1){
+        if(this.form.id == null){
+          this.backMap.backMapZjdAData.theGeom= "";
+        }else{
+          this.backMap.backMapZjdAData = this.form;
+        }
+        this.$cookies.set("search",this.backMap);
+      } else {
+        this.$cookies.set("search","");
+      }
+      this.$router.push({name:'homesteadList'});
+      // }
+    },
+    showPopupzrz(){},
+    shownmfwlist(){},
+    deletezrz(){},
+    showPopupzrz(){},
+  }
+}
+</script>
+
+<style scoped>
+>>> .bannerBg{
+  width: 100%;
+  color:#fff;
+  padding:10px;
+  background: linear-gradient(134deg,#7ac943 1%, #22b7f2);
+}
+>>> .van-hairline--bottom::after {
+  border-bottom-width: 0;
+}
+>>> .title:before
+{
+  content:"";
+  width: 6px;
+  height: 20PX;
+  background: #7ac943;
+  border-radius: 3px;
+  position:absolute;
+  left:0;
+  bottom:0;
+}
+>>> .delete-button {
+  height: 100%;
+}
+>>> .van-swipe-cell__wrapper{
+  margin-right:-3px;
+}
+>>> .label-class .van-collapse-item__title--expanded{
+  font-weight: bold;
+}
+</style>
diff --git a/src/views/homesteadSurvey/add4.vue b/src/views/homesteadSurvey/add4.vue
new file mode 100644
index 00000000..89d56c98
--- /dev/null
+++ b/src/views/homesteadSurvey/add4.vue
@@ -0,0 +1,184 @@
+<template>
+  <div class="app-container">
+    <van-sticky style="position:relative;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;"
+          @click-left="goBack()"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <!-- <template #right>
+          <van-icon name="map-marked" size="18" color="#fff" />
+        </template>-->
+          <template #title>
+            <p style="color:#fff">入户调查</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem">
+        <van-row>
+          <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})">
+            <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p>
+          </van-col>
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4"  style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" >
+            <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p>
+          </van-col>
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" >
+            <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p  :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p>
+          </van-col>
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})">
+            <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p>
+          </van-col>
+        </van-row>
+      </div>
+    </van-sticky>
+    <div style="margin:30px auto 0;width: 95%;">
+      <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-bottom: 5px;">附属设施</p>
+    </div>
+    <van-swipe-cell v-for="(item,index) in fssslist" :key="'fsss'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;background:#fff;">
+      <div style="padding:15px;">
+        <p style="display: flex;align-items: center;">
+          <img src="../../assets/images/housesteadSurvey/add03.png" alt="" style="margin-right: 5px;">
+          <span style="line-height: 1;font-size: 16px;">{{item.fssslx}}</span>
+        </p>
+        <div style="display:flex;line-height:20px;margin-top: 15px;font-size: 14px;color: #999999;">
+          <p style="flex:1;text-align:left;">建筑面积(㎡):</p>
+          <p  style="flex:1;text-align:right;">{{item.jzmj}}</p>
+        </div>
+        <div style="display:flex;line-height:20px;margin-top: 5px;font-size: 14px;color: #999999;">
+          <p style="flex:1;text-align:left;">建筑物情况:</p>
+          <p style="flex:1;text-align:right;">{{item.jzwqk}}</p>
+        </div>
+        <div style="text-align:center;overflow:auto;display: flex;justify-content: center;margin-top: 10px;">
+          <p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnh(item)">
+            <img src="../../assets/images/housesteadSurvey/add01.png" alt="">
+            <span style="font-size: 14px;color: #fff;margin-left: 5px;">查看附属设施信息</span>
+          </p>
+        </div>
+      </div>
+      <template #right>
+        <van-button square text="删除" type="danger" class="delete-button" @click="deletefsss(item.id,index)"/>
+      </template>
+    </van-swipe-cell>
+    <div style=" width:95%;margin:20px auto;display: flex;justify-content: center;">
+      <div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;">
+        <p style="font-size: 16px;">+ 添加附属设施信息</p>
+      </div>
+    </div>
+    <div style="width:95%;margin:20px auto;text-align:center;overflow:auto;display: flex;justify-content: space-around;">
+      <p style="width:32%;border: 1px solid transparent;background: #FA5353;padding: 5px 0;border-radius: 50px;">
+        <span style="font-size: 14px;color: #fff;margin-left: 5px;">异常标记</span>
+      </p>
+      <p style="width:32%;border: 1px solid transparent;background: #22B7F2;padding: 5px 0;border-radius: 50px;">
+        <span style="font-size: 14px;color: #fff;margin-left: 5px;">签名确认</span>
+      </p>
+      <p style="width:32%;border: 1px solid #22B7F2;background: #ffffff;padding: 5px 0;border-radius: 50px;">
+        <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">调查审核</span>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr";
+import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd";
+import MapGisDrawing from "@/components/Map/MapGisDrawing";
+import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz";
+import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw";
+import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr";
+import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy";
+import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";
+import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss";
+import { listTown, getTown } from "@/api/homesteadSurvey/town";
+import { listVillage} from "@/api/homesteadSurvey/village";
+import { sysConfig} from "@/api/homesteadSurvey/index";
+import { Notify, Dialog, Toast } from 'vant';
+import axios from "axios";
+export default {
+  name: "homesteadAdd",
+  components: { MapGisDrawing,},
+  data() {
+    return {
+      active:4,
+      fssslist:[{
+        fssslx :'123',
+        jzmj :'123',
+        jzwqk:'123',
+      }]
+    };
+  },
+  created(){
+
+  },
+  mounted(){
+
+  },
+  methods: {
+    goBack(){
+      if(this.ztMap && this.enterMap ==1){
+        if(this.form.id == null){
+          this.backMap.backMapZjdAData.theGeom= "";
+        }else{
+          this.backMap.backMapZjdAData = this.form;
+        }
+        this.$cookies.set("search",this.backMap);
+      } else {
+        this.$cookies.set("search","");
+      }
+      this.$router.push({name:'homesteadList'});
+      // }
+    },
+    showPopupzrz(){},
+    shownmfwlist(){},
+    deletezrz(){},
+    showPopupzrz(){},
+  }
+}
+</script>
+
+<style scoped>
+>>> .bannerBg{
+  width: 100%;
+  color:#fff;
+  padding:10px;
+  background: linear-gradient(134deg,#7ac943 1%, #22b7f2);
+}
+>>> .van-hairline--bottom::after {
+  border-bottom-width: 0;
+}
+>>> .title:before
+{
+  content:"";
+  width: 6px;
+  height: 20PX;
+  background: #7ac943;
+  border-radius: 3px;
+  position:absolute;
+  left:0;
+  bottom:0;
+}
+>>> .delete-button {
+  height: 100%;
+}
+>>> .van-swipe-cell__wrapper{
+  margin-right:-3px;
+}
+>>> .label-class .van-collapse-item__title--expanded{
+  font-weight: bold;
+}
+</style>
diff --git a/src/views/homesteadSurvey/addbf.vue b/src/views/homesteadSurvey/addbf.vue
new file mode 100644
index 00000000..e69d76f2
--- /dev/null
+++ b/src/views/homesteadSurvey/addbf.vue
@@ -0,0 +1,6140 @@
+<template>
+  <div class="app-container">
+    <van-sticky style="position:relative;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;"
+          @click-left="goBack()"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <!-- <template #right>
+          <van-icon name="map-marked" size="18" color="#fff" />
+        </template>-->
+          <template #title>
+            <p style="color:#fff">{{item.zjddm?"":"新增"}}入户调查</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem">
+        <van-row>
+          <van-col span="4" :offset="1" style="text-align:center;" @click="zjdProduct">
+            <div @click="active=1">
+              <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+              <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p>
+            </div>
+          </van-col>
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <div @click="active=2,getSyqrList()">
+            <van-col span="4"  style="text-align:center;" >
+              <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+              <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p>
+            </van-col>
+          </div>
+
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <div @click="active=3,getZrzList()">
+            <van-col span="4" style="text-align:center;" >
+              <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+              <p  :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p>
+            </van-col>
+          </div>
+          <van-col span="2">
+            <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>
+          </van-col>
+          <van-col span="4" style="text-align:center;" @click="active=4,getFsssList(),showPic()">
+            <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
+            <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p>
+          </van-col>
+        </van-row>
+      </div>
+    </van-sticky>
+    <div v-if="active==1">
+      <van-form @submit="onSubmitzjd">
+        <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;">
+          <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">宅基地信息</p>
+          <!--<van-field
+            v-model="form.deptId"
+            name="行政区划名称"
+            label="行政区划名称"
+            placeholder="行政区划名称"
+            :rules="[{ required: true, message: '' }]"
+          />-->
+          <van-field
+            autocomplete="off"
+            v-model="form.suyqrdm"
+            name="所有权人代码"
+            label="所有权人代码"
+            placeholder="自动生成"
+            input-align="right"
+            disabled
+            v-show="false"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form.zjddm"
+            name="宅基地代码"
+            label="宅基地代码"
+            placeholder="自动生成"
+            input-align="right"
+            disabled
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form.zddm"
+            name="宗地代码"
+            label="宗地代码"
+            placeholder="自动生成"
+            disabled
+            v-show="false"
+          />
+          <van-field name="radio" label="是否发证" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form.sffz" direction="horizontal">
+                <van-radio name="Y">是</van-radio>
+                <van-radio name="N">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+
+          <van-field
+            input-align="right"
+            v-model="form.zjdzsh"
+            name="宅基地证书号"
+            label="宅基地证书号"
+            placeholder="宅基地证书号"
+            maxlength="50"
+            autocomplete="off"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form.zjdpzmj"
+            name="批准面积(㎡)"
+            label="批准面积(㎡)"
+            placeholder="单位：平方米"
+            type="number"
+            maxlength="15"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form.zdmj"
+            type="number"
+            name="宗地面积(㎡)"
+            label="宗地面积(㎡)"
+            placeholder="宗地面积(㎡)"
+            maxlength="15"
+          />
+
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form.zl"
+            name="坐落"
+            label="坐落"
+            placeholder="坐落"
+            required
+            :rules="[{ required: true, message: '坐落不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form.zldwdm"
+            name="坐落单位代码"
+            label="坐落单位代码"
+            placeholder="自动生成"
+            input-align="right"
+            disabled
+            v-show="false"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form.zdszd"
+            name="宗地四至-东"
+            label="宗地四至-东"
+            placeholder="宗地四至-东"
+            maxlength="150"
+            required
+            :rules="[{ required: true, message: '宗地四至-东不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form.zdszn"
+            name="宗地四至-南"
+            label="宗地四至-南"
+            placeholder="宗地四至-南"
+            maxlength="150"
+            required
+            :rules="[{ required: true, message: '宗地四至-南不能为空' }]"
+          />
+          <van-field
+            input-align="right"
+            v-model="form.zdszx"
+            name="宗地四至-西"
+            label="宗地四至-西"
+            placeholder="宗地四至-西"
+            maxlength="150"
+            required
+            :rules="[{ required: true, message: '宗地四至-西不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form.zdszb"
+            name="宗地四至-北"
+            label="宗地四至-北"
+            placeholder="宗地四至-北"
+            maxlength="150"
+            required
+            :rules="[{ required: true, message: '宗地四至-北不能为空' }]"
+          />
+          <van-collapse v-model="activeZjd">
+            <van-collapse-item title="利用状况" name="1" class="label-class">
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.lyzkName"
+                name="当前利用状况"
+                label="当前利用状况"
+                placeholder="当前利用状况"
+                readonly
+                @click="showlyzk = true"
+              />
+              <van-field
+                v-model="form.lyzk"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.zjdxzyy"
+                name="闲置原因"
+                label="闲置原因"
+                placeholder="宅基地闲置原因"
+                maxlength="200"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.xzkssj"
+                name="闲置开始时间"
+                label="闲置开始时间"
+                placeholder="闲置开始时间"
+                readonly
+                @click="showPickerxzkssj = true"
+              />
+              <van-popup v-model:show="showPickerxzkssj" position="bottom">
+                <van-datetime-picker
+                  type="date"
+                  @confirm="onConfirmxzkssj"
+                  @cancel="showPickerxzkssj = false"
+                  :min-date="minDate"
+                  :max-date="maxDate"
+                />
+              </van-popup>
+              <van-field name="radio" label="流转意向" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="form.lzyx" direction="horizontal">
+                    <van-radio name="1">有</van-radio>
+                    <van-radio name="0">无</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field name="radio" label="有偿退出意向" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="form.yctcyx" direction="horizontal">
+                    <van-radio name="1">有</van-radio>
+                    <van-radio name="0">无</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+            </van-collapse-item>
+            <van-collapse-item title="其他信息" name="2" class="label-class">
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.djName"
+                name="等级"
+                label="等级"
+                placeholder="等级"
+                @click="showdj = true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="form.dj"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.jg"
+                name="价格（万元）"
+                label="价格（万元）"
+                placeholder="价格（万元）"
+                maxlength="15"
+                type="number"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.ytmc"
+                name="用途"
+                label="用途"
+                placeholder="用途"
+                readonly
+                @click="showyt = true"
+                required
+                :rules="[{ required: true, message: '用途不能为空' }]"
+              />
+              <van-field
+                v-model="form.yt"
+                style="display:none"
+                autocomplete="off"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.qllxName"
+                name="权利类型"
+                label="权利类型"
+                placeholder="权利类型"
+                readonly
+                @click="showqllx = true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="form.qllx"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.qlxzName"
+                name="权利性质"
+                label="权利性质"
+                placeholder="权利性质"
+                readonly
+                @click="showqlxz = true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="form.qlxz"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.qlsdfsName"
+                name="权利设定方式"
+                label="权利设定方式"
+                placeholder="权利设定方式"
+                readonly
+                @click="showqlsdfs = true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="form.qlsdfs"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.rjl"
+                name="容积率"
+                label="容积率"
+                placeholder="容积率"
+              />
+              <van-field
+                input-align="right"
+                v-model="form.jzmd"
+                name="validator"
+                label="建筑密度"
+                placeholder="填写0~1小数"
+                :rules="[{ validator, message: '请填写0~1小数，保留两位小数' }]"
+                type="number"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.jzxg"
+                name="建筑限高(m)"
+                label="建筑限高(m)"
+                placeholder="填写000.00~999.99小数"
+                :rules="[{ validator:validator1, message: '请填写000.00~999.99小数，保留两位小数' }]"
+                type="number"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.zdt"
+                name="宗地图"
+                label="宗地图"
+                placeholder="宗地图"
+                maxlength="200"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.tfh"
+                name="图幅号"
+                label="图幅号"
+                placeholder="图幅号"
+                maxlength="50"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form.djh"
+                name="地籍号"
+                label="地籍号"
+                placeholder="自动生成"
+                disabled
+                v-show="false"
+              />
+              <van-field name="radio" label="被惩处经历" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="form.bccjl" direction="horizontal">
+                    <van-radio name="1">有</van-radio>
+                    <van-radio name="0">无</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field
+                autocomplete="off"
+                v-if="form.bccjl==1"
+                input-align="right"
+                v-model="form.bccbz"
+                name="被惩处备注"
+                label="被惩处备注"
+                placeholder="被惩处备注"
+                maxlength="200"
+              />
+              <van-field name="radio" label="宅基地取得方式" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="form.zjdqdfs" direction="horizontal">
+                    <van-radio v-for="dict in zjdqdfsOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+            </van-collapse-item>
+          </van-collapse>
+          <van-field
+            autocomplete="off"
+            v-model="form.sjlyName"
+            name="数据来源"
+            label="数据来源"
+            placeholder="数据来源"
+            input-align="right"
+            readonly
+            @click="showsjly = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form.sjly"
+            style="display:none"
+          />
+
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form.bz"
+            name="备注"
+            label="备注"
+            placeholder="备注"
+            maxlength="200"
+          />
+          <van-field name="uploader" label="现场照片" autocomplete="off">
+            <template #input>
+              <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="20" accept="image/*"></van-uploader>
+            </template>
+          </van-field>
+
+
+          <MapGisDrawing :ref="this.zjdProductResh" :message="form.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
+        </div>
+        <div style="margin: 16px;display: flex;justify-content: space-around;">
+          <van-button v-if="isFinished" round color="#22B7F2" style="width:45%" native-type="submit">保存</van-button>
+          <van-button v-if="isFinished" plain color="#22B7F2" round type="info" style="width:45%" native-type="submit">取消</van-button>
+        </div>
+        <div style="height: 50px;"></div>
+      </van-form>
+    </div>
+    <div v-if="active==2">
+      <div style="margin:30px auto 0;width: 95%;">
+        <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-bottom: 5px;">使用权人</p>
+      </div>
+      <van-swipe-cell v-for="(item,index) in syqrlist" :key="'syqr'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;background:#fff;">
+        <div style="padding:15px;">
+          <p style="display: flex;align-items: center;">
+            <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;">
+            <span style="line-height: 1;font-size: 16px;">{{item.shyqrdbxm}}</span>
+          </p>
+          <div style="display:flex;line-height:20px;margin-top: 15px;font-size: 14px;color: #999999;">
+            <p style="flex:1;text-align:left;">证件号码:</p>
+            <p  style="flex:1;text-align:right;">{{item.shyqrdbzjhm}}</p>
+          </div>
+          <div style="display:flex;line-height:20px;margin-top: 5px;font-size: 14px;color: #999999;">
+            <p style="flex:1;text-align:left;">农户代码:</p>
+            <p style="flex:1;text-align:right;">{{item.nhdm}}</p>
+          </div>
+          <div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;">
+            <p style="width:32%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnh(item)">
+              <img src="../../assets/images/housesteadSurvey/add01.png" alt="">
+              <span style="font-size: 14px;color: #fff;margin-left: 5px;">户主</span>
+            </p>
+            <p style="width:32%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: rgba(34,183,242,0.14);padding: 3px 0;border-radius: 50px;" @click="showPopupsyqr(item)">
+              <img src="../../assets/images/housesteadSurvey/add02.png" alt="">
+              <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">使用权人</span>
+            </p>
+            <p style="width:32%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopuphncylist(item)">
+              <img src="../../assets/images/housesteadSurvey/add02.png" alt="">
+              <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">成员</span>
+            </p>
+          </div>
+        </div>
+        <template #right v-if="isFinished">
+          <van-button square text="删除" type="danger" class="delete-button" @click="deletesyqr(item.id,index)"/>
+        </template>
+      </van-swipe-cell>
+
+      <div v-if="isFinished" style=" width:95%;margin:20px auto;display: flex;justify-content: space-between;">
+        <div style="width:49%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;">
+          <p @click="showPopupsyqr('')">+添加使用权人</p>
+        </div>
+        <div style="width:49%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;">
+          <p @click="showPopupnh('')">+添加农户信息</p>
+        </div>
+      </div>
+      <!--  <div style="position:fixed;bottom:50px;left:25%;width:50%;text-align:center;">
+        <van-button round  size="small" color="#7AC943" style="width:40%" @click="changeActiveBack">上一项</van-button>
+        <van-button round  size="small" color="#7AC943" style="width:40%" @click="changeActive">下一项</van-button>
+      </div>-->
+    </div>
+    <van-popup v-model="showsyqr" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="showsyqr=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" style="line-height: 32px;" />
+          </template>
+          <template #title>
+            <p style="color:#fff">使用权利人</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="margin:20px;">
+        <van-form @submit="onSubmitsyqr">
+          <p class="title" style="position:relative;padding-left:20px;line-height:32px;">使用权人</p>
+
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form1.nhdm"
+            name="农户代码"
+            label="农户代码"
+            placeholder="农户代码"
+            required
+            :rules="[{ required: true, message: '农户代码不能为空' }]"
+            @click="showsyqrnhdmlist = true,nhdmValue=null"
+            readonly
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form1.zjddm"
+            name="宅基地代码"
+            label="宅基地代码"
+            placeholder="宅基地代码"
+            required
+            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
+            v-show="false"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form1.shyqrdbxm"
+            name="使用权人代表姓名"
+            label="权利人姓名"
+            placeholder="使用权人代表姓名"
+            maxlength="50"
+            required
+            :rules="[{ required: true, message: '使用权人代表姓名不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form1.shyqrdbzjlxName"
+            name="使用权人代表证件类型"
+            label="证件类型"
+            placeholder="使用权人代表证件类型"
+            @click="showshyqrdbzjlx = true"
+            required
+            :rules="[{ required: true, message: '使用权人代表证件类型不能为空' }]"
+          />
+          <van-field
+            v-model="form1.shyqrdbzjlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form1.shyqrdbzjhm"
+            name="使用权人代表证件号码"
+            label="证件号码"
+            placeholder="使用权人代表证件号码"
+            maxlength="30"
+            required
+            :rules="[{ required: true, message: '使用权人代表证件号码不能为空' },{validator:validatorIdcard,message:'身份证号格式错误！'}]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form1.qlrlxName"
+            name="权利人类型"
+            label="权利人类型"
+            placeholder="权利人类型"
+            @click="showqlrlx = true"
+            required
+            :rules="[{ required: true, message: '权利人类型不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form1.qlrlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form1.bdcdyh"
+            name="不动产单元号"
+            label="不动产单元号"
+            placeholder="分配了不动产单元号时填写"
+            maxlength="28"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form1.bdcqzh"
+            name="不动产权证号"
+            label="不动产权证号"
+            placeholder="不动产权证号"
+            maxlength="50"
+            v-show="form1.bdcdyh!=null&&form1.bdcdyh!=''"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form1.qzysxlh"
+            name="权证印刷序列号"
+            label="权证印刷序列号"
+            placeholder="权证印刷序列号"
+            maxlength="100"
+            v-show="false"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form1.fzjg"
+            name="发证机关"
+            label="发证机关"
+            placeholder="发证机关"
+            maxlength="100"
+          />
+          <van-collapse v-model="activeQlr">
+            <van-collapse-item title="基本信息" name="1" class="label-class">
+              <van-field name="radio" label="国家/地区" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="form1.gj" direction="horizontal">
+                    <van-radio name="1">中国</van-radio>
+                    <van-radio name="2">其他</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form1.hjszssName"
+                name="户籍所在省市"
+                label="户籍所在省市"
+                placeholder="户籍所在省市"
+                readonly
+                @click="showhjszss = true"
+              />
+              <van-field
+                style="display:none"
+                v-model="form1.hjszss"
+              />
+              <van-field name="radio" label="性别" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="form1.xb" direction="horizontal">
+                    <van-radio name="1">男</van-radio>
+                    <van-radio name="2">女</van-radio>
+                    <van-radio name="3">不详</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form1.dh"
+                name="电话"
+                label="电话"
+                placeholder="电话"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form1.dz"
+                name="地址"
+                label="地址"
+                placeholder="地址"
+              />
+              <van-field autocomplete="off" name="radio" label="是否本农村集体经济组织成员" input-align="right" required
+                         :rules="[{ required: true, message: '是否本农村集体经济组织成员不能为空' }]">
+                <template #input>
+                  <van-radio-group v-model="form1.sfbncjtjjzzcy" direction="horizontal">
+                    <van-radio name="1">是</van-radio>
+                    <van-radio name="0">否</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form1.sshyName"
+                name="所属行业"
+                label="所属行业"
+                placeholder="所属行业"
+                readonly
+                @click="showsyqrsshy = true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="form1.sshy"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form1.suyqrdm"
+                name="所有权人代码"
+                label="所有权人代码"
+                placeholder="当使用权人是本村集体经济组织成员时必填"
+                readonly
+                v-show="false"
+              />
+              <van-field name="radio" label="户口类型" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="form1.hklx" direction="horizontal">
+                    <van-radio name="01">农业户口</van-radio>
+                    <van-radio name="02">非农业户口</van-radio>
+                    <van-radio name="03">其他</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+            </van-collapse-item>
+            <van-collapse-item title="共有方式" name="2" class="label-class">
+
+              <van-field autocomplete="off" name="radio" label="是否持证人" input-align="right" required
+                         :rules="[{ required: true, message: '是否持证人' }]">
+                <template #input>
+                  <van-radio-group v-model="form1.sfczr" direction="horizontal">
+                    <van-radio name="Y">是</van-radio>
+                    <van-radio name="N">否</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field autocomplete="off" name="radio" label="是否使用权人之间共有" input-align="right" required
+                         :rules="[{ required: true, message: '是否共有不能为空' }]">
+                <template #input>
+                  <van-radio-group v-model="form1.sfsyqrzjgy" direction="horizontal">
+                    <van-radio name="1">是</van-radio>
+                    <van-radio name="0">否</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form1.gyfsName"
+                name="共有方式"
+                label="共有方式"
+                placeholder="共有方式"
+                @click="showgyfs = true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="form1.gyfs"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="form1.qlbl"
+                name="权利比例"
+                label="权利比例"
+                placeholder="单独为1，共有时2位小数"
+                type="number"
+                maxlength="20"
+              />
+              <van-field
+                autocomplete="off"
+                v-if="form1.sfsyqrzjgy=='Y'"
+                input-align="right"
+                v-model="form1.ftzdmj"
+                name="分摊宗地面积(㎡)"
+                label="分摊宗地面积(㎡)"
+                placeholder="单位：平方米"
+                type="number"
+              />
+            </van-collapse-item>
+          </van-collapse>
+
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form1.bz"
+            name="备注"
+            label="备注"
+            placeholder="备注"
+          />
+          <!--          <div style="text-align:center;overflow:auto;">
+            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" native-type="button" @click="showPopuphncylist(form1)">查看户内成员列表</van-button>
+          </div>-->
+          <div style="margin: 16px;" v-if="isFinished">
+            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    <van-popup v-model="showzrz" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="showzrz=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">自然幢信息</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="margin:20px;">
+        <van-form @submit="onSubmitzrz">
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.zjddm"
+            name="宅基地代码"
+            label="宅基地代码"
+            placeholder="宅基地代码"
+            readonly
+            required
+            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
+          />
+          <!--<van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.nmfwzh"
+            name="农民房屋幢号"
+            label="农民房屋幢号"
+            placeholder="自动生成"
+            disabled
+          />-->
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.zrzh"
+            name="自然幢号"
+            label="自然幢号"
+            placeholder="自动生成"
+            disabled
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.jgrq"
+            name="竣工日期"
+            label="竣工日期"
+            placeholder="竣工日期"
+            @click="showPickerjgrq=true"
+            readonly
+          />
+
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.zzdmj"
+            @input="form3.zydmj = form3.zzdmj"
+            name="幢占地面积(㎡)"
+            label="幢占地面积(㎡)"
+            placeholder="幢占地面积(㎡)"
+            type="number"
+            required
+            :rules="[{ required: true, message: '幢占地面积(㎡)不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.zydmj"
+            name="幢用地面积(㎡)"
+            label="幢用地面积(㎡)"
+            placeholder="幢用地面积(㎡)"
+            type="number"
+            required
+            :rules="[{ required: true, message: '幢用地面积(㎡)不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.scjzmj"
+            name="实测建筑面积(㎡)"
+            label="实测建筑面积(㎡)"
+            placeholder="实测建筑面积(㎡)"
+            type="number"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.jzwgd"
+            name="建筑物高度"
+            label="建筑物高度"
+            placeholder="建筑物高度"
+            type="number"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.zcs"
+            name="总层数"
+            label="总层数"
+            placeholder="总层数"
+            type="number"
+            required
+            :rules="[{ required: true, message: '总层数不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.dscs"
+            name="地上层数"
+            label="地上层数"
+            placeholder="地上层数"
+            type="number"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.dxcs"
+            name="地下层数"
+            label="地下层数"
+            placeholder="地下层数"
+            type="number"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.fwjgName"
+            name="房屋结构"
+            label="房屋结构"
+            placeholder="房屋结构"
+            @click="showzrzfwjg = true"
+            readonly
+            required
+            :rules="[{ required: true, message: '房屋结构不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form3.fwjg"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.sjlyName"
+            name="数据来源"
+            label="数据来源"
+            placeholder="数据来源"
+            readonly
+            required
+            :rules="[{ required: true, message: '数据来源不能为空' }]"
+            @click="showzrzsjly=true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form3.sjly"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form3.bz"
+            name="备注"
+            label="备注"
+            placeholder="备注"
+          />
+          <MapGisDrawing :ref="this.zrzProductResh" :message="form3.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
+          <div style="margin: 16px;" v-if="isFinished">
+            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    <van-popup v-model="shownh" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="shownh=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">{{nhform.id?"":"新增"}}户主信息</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="margin:20px;">
+        <van-form @submit="onSubmitnh">
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.suyqrdm"
+            name="所有权人代码"
+            label="所有权人代码"
+            placeholder="所有权人代码"
+            required
+            disabled
+            :rules="[{ required: true, message: '所有权人代码不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.nhdm"
+            name="农户代码"
+            label="农户代码"
+            placeholder="自动生成"
+            disabled
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.hzxm"
+            name="户主姓名"
+            label="户主姓名"
+            placeholder="户主姓名"
+            required
+            :rules="[{ required: true, message: '户主姓名不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.hzzjlxName"
+            name="户主证件类型"
+            label="户主证件类型"
+            placeholder="户主证件类型"
+            required
+            readonly
+            :rules="[{ required: true, message: '户主证件类型不能为空' }]"
+            @click="showhzzjlx = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.hzzjlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.hzzjhm"
+            input-align="right"
+            name="户主证件号码"
+            label="户主证件号码"
+            placeholder="户主证件号码"
+            required
+            :rules="[{ required: true, message: '户主证件号码不能为空' },{validator:validatorIdcard1,message:'身份证号格式错误！'}]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.txdz"
+            name="通讯地址"
+            label="通讯地址"
+            placeholder="通讯地址"
+            required
+            :rules="[{ required: true, message: '通讯地址不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.hncysl"
+            name="户内成员数量"
+            label="户内成员数量"
+            placeholder="户内成员数量"
+            required
+            :rules="[{ required: true, message: '户内成员数量不能为空' }]"
+          />
+          <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.hyzk" direction="horizontal">
+                <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.phone"
+            name="电话号码"
+            label="电话号码"
+            placeholder="电话号码"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.occupationName"
+            name="职业"
+            label="职业"
+            placeholder="职业"
+            required
+            readonly
+            :rules="[{ required: true, message: '职业不能为空' }]"
+            @click="showhzoccupation = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.occupation"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.jzqkName"
+            name="居住情况"
+            label="居住情况"
+            placeholder="居住情况"
+            required
+            readonly
+            :rules="[{ required: true, message: '居住情况不能为空' }]"
+            @click="showhzjzqk = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.jzqk"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.jzhcssfyzfName"
+            name="在集镇或城市是否有住房"
+            label="在集镇或城市是否有住房"
+            placeholder="在集镇或城市是否有住房"
+            required
+            readonly
+            :rules="[{ required: true, message: '在集镇或城市是否有住房不能为空' }]"
+            @click="showhzjzhcssfyzf = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.jzhcssfyzf"
+            style="display:none"
+          />
+          <van-field name="radio" label="在其他村庄是否有住房" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.zqtczsfyzf" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否本村村民" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.sfbccm" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.sfpkh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.sfwbh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.sjlyName"
+            name="数据来源"
+            label="数据来源"
+            placeholder="数据来源"
+            required
+            readonly
+            :rules="[{ required: true, message: '能为空' }]"
+            @click="showhzsjly = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.sjly"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.bz"
+            name="备注"
+            label="备注"
+            placeholder="备注"
+          />
+          <div style="margin: 16px;" v-if="isFinished">
+            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    <van-popup v-model="showfw" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="showfw=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">房屋信息</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="margin:20px;">
+        <van-form @submit="onSubmitnmfw">
+          <!--<van-field
+            v-model="nmfwform.ysdm"
+            name="要素代码"
+            label="要素代码"
+            placeholder="要素代码"
+            :rules="[{ required: true, message: '' }]"
+          />-->
+          <van-field
+            autocomplete="off"
+            v-model="nmfwform.deptId"
+            name="组织机构代码"
+            label="组织机构代码"
+            placeholder="组织机构代码"
+            :rules="[{ required: true, message: '' }]"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.zjddm"
+            name="宅基地代码"
+            label="宅基地代码"
+            placeholder="宅基地代码"
+            style="display:none"
+            disabled
+            required
+            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.nmfwdm"
+            name="农民房屋代码"
+            label="农民房屋代码"
+            placeholder="自动生成"
+            style="display:none"
+            disabled
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.nhdm"
+            name="农户代码"
+            label="农户代码"
+            placeholder="选择农户代码"
+            @click="shownmfwnhdm = true,getSyqrList()"
+            readonly
+            required
+            :rules="[{ required: true, message: '农户代码不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.zrzh"
+            name="自然幢号"
+            label="自然幢号"
+            placeholder="自然幢号"
+            readonly
+            @click="showzrzh = true"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.bdcdyh"
+            name="不动产单元号"
+            label="不动产单元号"
+            placeholder="不动产单元号"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.nmfwzh"
+            name="农民房屋幢号"
+            label="农民房屋幢号"
+            placeholder="自动生成"
+            disabled
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.fwbm"
+            name="房屋编码"
+            label="房屋编码"
+            placeholder="房屋编码"
+          />
+
+
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.nmfwmj"
+            @input="nmfwform.fjzdmj = nmfwform.nmfwmj,nmfwform.jzmj=nmfwform.nmfwmj"
+            name="农民房屋面积(㎡)"
+            label="房屋面积(㎡)"
+            placeholder="农民房屋面积(㎡)"
+            type="number"
+            required
+            :rules="[{ required: true, message: '农民房屋面积(㎡)不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.fjzdmj"
+            name="房屋占地面积(㎡)"
+            label="占地面积(㎡)"
+            placeholder="房屋占地面积(㎡)"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.jzmj"
+            name="建筑面积(㎡)"
+            label="建筑面积(㎡)"
+            placeholder="建筑面积(㎡)"
+            type="number"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.hxName"
+            name="户型"
+            label="户型"
+            placeholder="户型"
+            @click="showhx=true"
+            readonly
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nmfwform.hx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.hxjgName"
+            name="户型结构"
+            label="户型结构"
+            placeholder="户型结构"
+            @click="showhxjg=true"
+            readonly
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nmfwform.hxjg"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.fwjgName"
+            name="房屋结构"
+            label="房屋结构"
+            placeholder="房屋结构"
+            @click="showfwjg=true"
+            readonly
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nmfwform.fwjg"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.fwlxName"
+            name="房屋类型"
+            label="房屋类型"
+            placeholder="房屋类型"
+            readonly
+            @click="showfwlx=true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nmfwform.fwlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.zl"
+            name="坐落"
+            label="坐落"
+            placeholder="坐落"
+            required
+            :rules="[{ required: true, message: '坐落不能为空' }]"
+          />
+          <van-collapse v-model="activeFw">
+            <van-collapse-item title="层数信息" name="1" class="label-class">
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.ch"
+                name="层号"
+                label="层号"
+                placeholder="层号"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.sjc"
+                name="实际层"
+                label="实际层"
+                placeholder="实际层"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.myc"
+                name="名义层"
+                label="名义层"
+                placeholder="名义层"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.sjcs"
+                name="实际层数"
+                label="实际层数"
+                placeholder="实际层数"
+              />
+            </van-collapse-item >
+            <!--            <van-collapse-item title="结构信息" name="2">-->
+            <!--              -->
+
+            <!--            </van-collapse-item>-->
+            <van-collapse-item title="利用状况" name="3" class="label-class">
+              <van-field
+                input-align="right"
+                v-model="nmfwform.fwytName"
+                name="房屋用途"
+                label="房屋用途"
+                placeholder="房屋用途"
+                @click="showfwyt=true"
+                required
+                :rules="[{ required: true, message: '房屋用途不能为空' }]"
+                readonly
+              />
+              <van-field
+                autocomplete="off"
+                v-model="nmfwform.fwyt"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.fwztName"
+                name="房屋状态"
+                label="房屋状态"
+                placeholder="房屋状态"
+                @click="shownmfwfwzt = true"
+                required
+                :rules="[{ required: true, message: '房屋状态不能为空' }]"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="nmfwform.fwzt"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.lyzkName"
+                name="利用状况"
+                label="利用状况"
+                placeholder="利用状况"
+                required
+                :rules="[{ required: true, message: '利用状况不能为空' }]"
+                readonly
+                @click="shownmfwlyzk=true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="nmfwform.lyzk"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.xzyy"
+                name="闲置原因"
+                label="闲置原因"
+                placeholder="闲置原因"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.phlymsName"
+                name="盘活利用模式"
+                label="盘活利用模式"
+                placeholder="盘活利用模式"
+                readonly
+                @click="showphlyms=true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="nmfwform.phlyms"
+                style="display:none"
+              />
+              <van-field name="radio" label="流转意向" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="nmfwform.lzyx" direction="horizontal">
+                    <van-radio name="1">有</van-radio>
+                    <van-radio name="0">无</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field name="radio" label="有偿退出意向" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="nmfwform.yctcyx" direction="horizontal">
+                    <van-radio name="1">有</van-radio>
+                    <van-radio name="0">无</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.eay"
+                name="年收益"
+                label="年收益"
+                placeholder="年收益"
+              />
+            </van-collapse-item>
+            <van-collapse-item title="纠纷惩处" name="4" class="label-class">
+              <van-field name="radio" label="是否抵押" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="nmfwform.isMortgage" direction="horizontal">
+                    <van-radio name="Y">是</van-radio>
+                    <van-radio name="N">否</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field
+                autocomplete="off"
+                v-if="nmfwform.isMortgage=='Y'"
+                input-align="right"
+                v-model="nmfwform.mortgageMan"
+                name="抵押权利人"
+                label="抵押权利人"
+                placeholder="抵押权利人"
+              />
+              <van-field
+                autocomplete="off"
+                v-if="nmfwform.isMortgage=='Y'"
+                input-align="right"
+                v-model="nmfwform.mortgageMoney"
+                name="抵押金额"
+                label="抵押金额( 元)"
+                placeholder="抵押金额"
+                type="number"
+              />
+              <van-field
+                autocomplete="off"
+                v-if="nmfwform.isMortgage=='Y'"
+                input-align="right"
+                v-model="nmfwform.zwlxsj1"
+                name="债务履行开始时间"
+                label="债务履行开始时间"
+                placeholder="债务履行开始时间"
+                @click="showPickerzwlxsj1=true"
+              />
+              <van-field
+                autocomplete="off"
+                v-if="nmfwform.isMortgage=='Y'"
+                input-align="right"
+                v-model="nmfwform.zwlxsj2"
+                name="债务履行结束时间"
+                label="债务履行结束时间"
+                placeholder="债务履行结束时间"
+                @click="showPickerzwlxsj2=true"
+              />
+              <van-field name="radio" label="是否扩建改建" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="nmfwform.sfkjgj" direction="horizontal">
+                    <van-radio name="Y">是</van-radio>
+                    <van-radio name="N">否</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field name="radio" label="是否纠纷" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="nmfwform.sfjf" direction="horizontal">
+                    <van-radio name="1">是</van-radio>
+                    <van-radio name="0">否</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field name="radio" label="是否查封" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="nmfwform.sfcf" direction="horizontal">
+                    <van-radio name="1">是</van-radio>
+                    <van-radio name="0">否</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.bccjl"
+                name="被惩处经历"
+                label="被惩处经历"
+                placeholder="被惩处经历"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.bccbz"
+                name="被惩处备注"
+                label="被惩处备注"
+                placeholder="被惩处备注"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.cfqssj"
+                name="查封起始时间"
+                label="查封起始时间"
+                placeholder="查封起始时间"
+                v-if="nmfwform.sfcf!=null&&nmfwform.sfcf=='1'"
+                readonly
+                @click="showPickercfqssj=true"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.cfjssj"
+                name="查封结束时间"
+                label="查封结束时间"
+                placeholder="查封结束时间"
+                v-if="nmfwform.sfcf!=null&&nmfwform.sfcf=='1'"
+                readonly
+                @click="showPickercfjssj=true"
+              />
+            </van-collapse-item>
+            <van-collapse-item title="证书相关" name="5" class="label-class">
+              <van-field name="radio" label="是否发证" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="nmfwform.sffz" direction="horizontal">
+                    <van-radio name="Y">是</van-radio>
+                    <van-radio name="N">否</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field name="radio" label="与他人共有" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="nmfwform.isCommon" direction="horizontal">
+                    <van-radio name="Y">是</van-radio>
+                    <van-radio name="N">否</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.zsh"
+                name="证书号"
+                label="证书号"
+                placeholder="证书号"
+                v-if="nmfwform.sffz!=null&&nmfwform.sffz=='Y'"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.djjg"
+                name="登记机构"
+                label="登记机构"
+                placeholder="登记机构"
+                v-if="nmfwform.sffz!=null&&nmfwform.sffz=='Y'"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.djsj"
+                name="登记时间"
+                label="登记时间"
+                placeholder="登记时间"
+                v-if="nmfwform.sffz!=null&&nmfwform.sffz=='Y'"
+                @click="showPickerdjsj=true"
+                readonly
+              />
+            </van-collapse-item>
+            <van-collapse-item title="其他信息" name="6" class="label-class">
+
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.qxdm"
+                name="区县代码"
+                label="区县代码"
+                placeholder="区县代码"
+                v-show="false"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.jznd"
+                name="建筑年代"
+                label="建筑年代"
+                placeholder="建筑年代"
+              />
+
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.qslyName"
+                name="权属来源"
+                label="权属来源"
+                placeholder="权属来源"
+                @click="shownmfwqsly=true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="nmfwform.qsly"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.pzsjName"
+                name="批准时间"
+                label="批准时间"
+                placeholder="批准时间"
+                @click="showPickerpzsj=true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="nmfwform.pzsj"
+                style="display:none"
+              />
+              <van-field name="radio" label="批准单位" input-align="right" autocomplete="off">
+                <template #input>
+                  <van-radio-group v-model="nmfwform.pzdw" direction="horizontal">
+                    <van-radio :name="'1'">县政府</van-radio>
+                    <van-radio :name="'2'">乡政府</van-radio>
+                  </van-radio-group>
+                </template>
+              </van-field>
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.tdzkName"
+                name="审批或建设前土地状况"
+                label="审批或建设前土地状况"
+                placeholder="审批或建设前土地状况"
+                @click="shownmfwtdzk=true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="nmfwform.tdzk"
+                style="display:none"
+              />
+              <van-field
+                autocomplete="off"
+                input-align="right"
+                v-model="nmfwform.sjlyName"
+                name="数据来源"
+                label="数据来源"
+                placeholder="数据来源"
+                readonly
+                @click="shownmfwsjly=true"
+              />
+              <van-field
+                autocomplete="off"
+                v-model="nmfwform.sjly"
+                style="display:none"
+              />
+            </van-collapse-item>
+          </van-collapse>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.bz"
+            name="备注"
+            label="备注"
+            placeholder="备注"
+          />
+          <!--          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nmfwform.zjdxctp"
+            name="宅基地现场照片"
+            label="宅基地现场照片"
+            placeholder="宅基地现场照片"
+            style="display:none"
+          />
+          <van-field name="uploader" label="房屋现场照片" autocomplete="off">
+            <template #input>
+              <van-uploader v-model="fileListfw" :after-read="beforeReadfw" multiple @delete="deleteFilefw" :max-count="4"></van-uploader>
+            </template>
+          </van-field>-->
+          <div style="margin: 16px;" v-if="isFinished">
+            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    <van-popup v-model="showhjszss" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="hjszssOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhjszss"
+        @cancel="showhjszss = false"
+      />
+    </van-popup>
+    <van-popup v-model="showsjly" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="sjlyOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmsjly"
+        @cancel="showsjly = false"
+      />
+    </van-popup>
+    <van-popup v-model="showzrzh" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="zrzlist"
+        value-key="zrzh"
+        @confirm="onConfirmzrzh"
+        @cancel="showzrzh = false"
+      />
+    </van-popup>
+    <van-popup v-model="showyt" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="ytOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmyt"
+        @cancel="showyt = false"
+      />
+    </van-popup>
+    <van-popup v-model="showdj" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="tddjOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmdj"
+        @cancel="showdj = false"
+      />
+    </van-popup>
+    <van-popup v-model="showlyzk" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="lyzkOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmlyzk"
+        @cancel="showlyzk = false"
+      />
+    </van-popup>
+    <van-popup v-model="showqllx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="qllxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmqllx"
+        @cancel="showqllx = false"
+      />
+    </van-popup>
+    <van-popup v-model="showqlxz" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="qlxzOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmqlxz"
+        @cancel="showqlxz = false"
+      />
+    </van-popup>
+    <van-popup v-model="showqlsdfs" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="qlsdfsOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmqlsdfs"
+        @cancel="showqlsdfs = false"
+      />
+    </van-popup>
+    <van-popup v-model="showshyqrdbzjlx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="zjlxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmshyqrdbzjlx"
+        @cancel="showshyqrdbzjlx = false"
+      />
+    </van-popup>
+    <van-popup v-model="showgyfs" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="gyfsOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmgyfs"
+        @cancel="showgyfs = false"
+      />
+    </van-popup>
+    <van-popup v-model="showhncyzjlx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="zjlxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncyzjlx"
+        @cancel="showhncyzjlx = false"
+      />
+    </van-popup>
+    <van-popup v-model="showyhzgx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="yhzgxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmyhzgx"
+        @cancel="showyhzgx = false"
+      />
+    </van-popup>
+    <van-popup v-model="showqlrlx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="qlrlxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmqlrlx"
+        @cancel="showqlrlx = false"
+      />
+    </van-popup>
+    <div class="nmfw">
+      <van-popup v-model:show="showPickerdjsj" position="bottom">
+        <van-datetime-picker
+          type="date"
+          @confirm="onConfirmdjsj"
+          @cancel="showPickerdjsj = false"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </van-popup>
+      <van-popup v-model:show="showPickerdjsj" position="bottom">
+        <van-datetime-picker
+          type="date"
+          @confirm="onConfirmdjsj"
+          @cancel="showPickerdjsj = false"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </van-popup>
+      <van-popup v-model:show="showPickercfqssj" position="bottom">
+        <van-datetime-picker
+          type="date"
+          @confirm="onConfirmcfqssj"
+          @cancel="showPickercfqssj = false"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </van-popup>
+      <van-popup v-model:show="showPickercfjssj" position="bottom">
+        <van-datetime-picker
+          type="date"
+          @confirm="onConfirmcfjssj"
+          @cancel="showPickercfjssj = false"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </van-popup>
+      <van-popup v-model:show="showPickerzwlxsj1" position="bottom">
+        <van-datetime-picker
+          type="date"
+          @confirm="onConfirmzwlxsj1"
+          @cancel="showPickerzwlxsj1 = false"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </van-popup>
+      <van-popup v-model:show="showPickerzwlxsj2" position="bottom">
+        <van-datetime-picker
+          type="date"
+          @confirm="onConfirmzwlxsj2"
+          @cancel="showPickerzwlxsj2 = false"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </van-popup>
+      <van-popup v-model="showhx" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="hxOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmhx"
+          @cancel="showhx = false"
+        />
+      </van-popup>
+      <van-popup v-model="showhxjg" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="hxjgOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmhxjg"
+          @cancel="showhxjg = false"
+        />
+      </van-popup>
+      <van-popup v-model="showzrzfwjg" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="fwjgOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmzrzfwjg"
+          @cancel="showzrzfwjg = false"
+        />
+      </van-popup>
+      <van-popup v-model="showfwjg" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="fwjgOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmfwjg"
+          @cancel="showfwjg = false"
+        />
+      </van-popup>
+      <van-popup v-model="showfwyt" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="fwytOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmfwyt"
+          @cancel="showfwyt = false"
+        />
+      </van-popup>
+      <van-popup v-model="showfwlx" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="fwlxOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmfwlx"
+          @cancel="showfwlx = false"
+        />
+      </van-popup>
+      <van-popup v-model="showfwxz" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="fwxzOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmfwxz"
+          @cancel="showfwxz = false"
+        />
+      </van-popup>
+      <van-popup v-model="shownmfwsjly" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="sjlyOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmnmfwsjly"
+          @cancel="shownmfwsjly = false"
+        />
+      </van-popup>
+      <van-popup v-model="shownmfwlyzk" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="nmfwlyzkOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmnmfwlyzk"
+          @cancel="shownmfwlyzk = false"
+        />
+      </van-popup>
+      <van-popup v-model="showphlyms" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="phlymsOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmphlyms"
+          @cancel="showphlyms = false"
+        />
+      </van-popup>
+      <van-popup v-model="shownmfwfwzt" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="fwztOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmnmfwfwzt"
+          @cancel="shownmfwfwzt = false"
+        />
+      </van-popup>
+      <van-popup v-model="shownmfwqsly" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="qslyOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmnmfwqsly"
+          @cancel="shownmfwqsly = false"
+        />
+      </van-popup>
+      <van-popup v-model="showPickerjgrq" position="bottom">
+        <van-datetime-picker
+          type="date"
+          @confirm="onConfirmzrzjgrq"
+          @cancel="showPickerjgrq = false"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </van-popup>
+      <van-popup v-model="showPickerpzsj" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="pzsjOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmpzsj"
+          @cancel="showPickerpzsj = false"
+        />
+      </van-popup>
+      <van-popup v-model="shownmfwtdzk" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="tdzkOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmnmfwtdzk"
+          @cancel="shownmfwtdzk = false"
+        />
+      </van-popup>
+    </div>
+    <van-popup v-model="showfssslx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="fssslxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmfssslx"
+        @cancel="showfssslx = false"
+      />
+    </van-popup>
+    <van-popup v-model="showzrzsjly" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="sjlyOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmzrzsjly"
+        @cancel="showzrzsjly = false"
+      />
+    </van-popup>
+    <van-popup v-model="showqsly" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="qslyOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmqsly"
+        @cancel="showqsly = false"
+      />
+    </van-popup>
+    <van-popup v-model="showfwzt" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="fwztOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmfwzt"
+        @cancel="showfwzt = false"
+      />
+    </van-popup>
+    <van-popup v-model="showsyqrnhdmlist" position="bottom">
+      <van-search v-model="nhdmValue" placeholder="请输入搜索关键词" @input="getnhdmlist"/>
+      <van-picker
+        show-toolbar
+        :columns="syqrnhdmlist"
+        value-key="hzxm"
+        @confirm="onConfirmsyqrnhdmlist"
+        @cancel="showsyqrnhdmlist = false"
+      />
+    </van-popup>
+    <van-popup v-model="showjzwqk" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="jzwqkOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmjzwqk"
+        @cancel="showjzwqk = false"
+      />
+    </van-popup>
+    <van-popup v-model="showjglx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="jglxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmjglx"
+        @cancel="showjglx = false"
+      />
+    </van-popup>
+    <van-popup v-model="showtdzk" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="tdzkOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmtdzk"
+        @cancel="showtdzk = false"
+      />
+    </van-popup>
+    <van-popup v-model="showfsss" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="showfsss=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">附属设施</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="margin:20px;">
+        <van-form @submit="onSubmitfsss">
+          <van-field
+            autocomplete="off"
+            v-model="form4.deptId"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form4.zjddm"
+            name="宅基地代码"
+            label="宅基地代码"
+            placeholder="宅基地代码"
+            required
+            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form4.fssslxName"
+            name="附属设施类型"
+            label="附属设施类型"
+            placeholder="附属设施类型"
+            required
+            :rules="[{ required: true, message: '附属设施类型不能为空' }]"
+            @click="showfssslx = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form4.fssslx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form4.jzmj"
+            name="建筑面积(㎡)"
+            label="建筑面积(㎡)"
+            placeholder="建筑面积(㎡)"
+            type="number"
+            required
+            :rules="[{ required: true, message: '建筑面积(㎡)不能为空' }]"
+          />
+
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form4.fwztName"
+            name="房屋状态"
+            label="房屋状态"
+            placeholder="房屋状态"
+            required
+            :rules="[{ required: true, message: '房屋状态不能为空' }]"
+            @click="showfwzt = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form4.fwzt"
+            style="display:none"
+          />
+
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form4.jglxName"
+            name="结构类型"
+            label="结构类型"
+            placeholder="结构类型"
+            required
+            :rules="[{ required: true, message: '结构类型不能为空' }]"
+            @click="showjglx = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form4.jglx"
+            style="display:none"
+          />
+
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form4.jzwqkName"
+            name="建筑物情况"
+            label="建筑物情况"
+            placeholder="建筑物情况"
+            required
+            :rules="[{ required: true, message: '建筑物情况不能为空' }]"
+            @click="showjzwqk = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form4.jzwqk"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form4.tdzkName"
+            name="审批或建设前土地状况"
+            label="审批或建设前土地状况"
+            placeholder="审批或建设前土地状况"
+            required
+            :rules="[{ required: true, message: '审批或建设前土地状况不能为空' }]"
+            @click="showtdzk = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form4.tdzk"
+            style="display:none"
+          />
+          <van-field name="radio" label="是否审批" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form4.sfsp" direction="horizontal">
+                <van-radio name="Y">是</van-radio>
+                <van-radio name="N">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否发证" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form4.sffz" direction="horizontal">
+                <van-radio name="Y">是</van-radio>
+                <van-radio name="N">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否正在使用" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form4.sfzzsy" direction="horizontal">
+                <van-radio name="Y">是</van-radio>
+                <van-radio name="N">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否受过处罚" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form4.sfsgcf" direction="horizontal">
+                <van-radio name="Y">是</van-radio>
+                <van-radio name="N">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form4.qslyName"
+            name="权属来源"
+            label="权属来源"
+            placeholder="权属来源"
+            required
+            :rules="[{ required: true, message: '权属来源不能为空' }]"
+            @click="showqsly = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form4.qsly"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form4.remark"
+            name="备注"
+            label="备注"
+            placeholder="备注"
+          />
+          <MapGisDrawing :ref="this.fsssProductResh" :message="form4.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
+          <div style="margin: 16px;" v-if="isFinished">
+            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    <van-popup v-model="showhncy" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="showhncy=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">户内成员</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="margin:20px;">
+        <van-form @submit="onSubmithncy">
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.nhdm"
+            name="农户代码"
+            label="农户代码"
+            placeholder="农户代码"
+            disabled
+            required
+            :rules="[{ required: true, message: '农户代码不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.xm"
+            name="姓名"
+            label="姓名"
+            placeholder="姓名"
+            required
+            :rules="[{ required: true, message: '姓名不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.zjlxName"
+            name="证件类型"
+            label="证件类型"
+            placeholder="证件类型"
+            required
+            :rules="[{ required: true, message: '证件类型不能为空' }]"
+            readonly
+            @click="showhncyzjlx = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.zjlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.yhzgxName"
+            name="与户主关系"
+            label="与户主关系"
+            placeholder="与户主关系"
+            required
+            readonly
+            :rules="[{ required: true, message: '与户主关系不能为空' }]"
+            @click="showyhzgx = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.yhzgx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.zjhm"
+            name="证件号码"
+            label="证件号码"
+            placeholder="证件号码"
+            required
+            :rules="[{ required: true, message: '证件号码不能为空' },{validator:validatorIdcard2,message:'身份证号格式错误！'}]"
+          />
+          <van-field autocomplete="off" name="radio" label="性别" input-align="right" required
+                     :rules="[{ required: true, message: '性别不能为空' }]">
+            <template #input>
+              <van-radio-group v-model="form5.xb" direction="horizontal">
+                <van-radio name="1">男</van-radio>
+                <van-radio name="2">女</van-radio>
+                <van-radio name="3">不详</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.lxdh"
+            name="联系电话"
+            label="联系电话"
+            placeholder="联系电话"
+          />
+          <van-field name="radio" label="户口类型" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.hklx" direction="horizontal">
+                <van-radio name="01">农业户口</van-radio>
+                <van-radio name="02">非农业户口</van-radio>
+                <van-radio name="03">其他</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.hyzk" direction="horizontal">
+                <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否本集体经济组织成员" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.sfbjtjjzzcy" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.cybzName"
+            name="成员备注"
+            label="成员备注"
+            placeholder="成员备注"
+            @click="showhncycybz = true"
+            readonly
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.cybz"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.cybzsm"
+            name="成员备注说明"
+            label="成员备注说明"
+            placeholder="成员备注说明"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.occupationName"
+            name="职业"
+            label="职业"
+            placeholder="职业"
+            required
+            :rules="[{ required: true, message: '' }]"
+            @click="showhncyoccupation = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.occupation"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.jzqkName"
+            name="居住情况"
+            label="居住情况"
+            placeholder="居住情况"
+            required
+            :rules="[{ required: true, message: '' }]"
+            @click="showhncyjzqk = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.jzqk"
+            style="display:none"
+          />
+          <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.sfpkh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.sfwbh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.sjlyName"
+            name="数据来源"
+            label="数据来源"
+            placeholder="数据来源"
+            required
+            :rules="[{ required: true, message: '' }]"
+            @click="showhncysjly = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.sjly"
+            style="display:none"
+          />
+          <div style="margin: 16px;" v-if="isFinished">
+            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    <van-popup v-model="showhncylist" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="showhncylist=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">户内成员信息</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <van-swipe-cell v-for="(item,index) in hncylist" :key="index" @click.native="showPopuphncy(item)" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
+        <div style="padding:20px;">
+          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>
+            {{item.xm}}</p>
+          <div style="display:flex;line-height:20px">
+            <p style="flex:1;text-align:left;">证件号码</p>
+            <p  style="flex:1;text-align:right;">{{item.zjhm}}</p>
+          </div>
+          <div style="display:flex;line-height:20px">
+            <p style="flex:1;text-align:left;">与户主关系</p>
+            <p style="flex:1;text-align:right;">{{yhzgxfy(item.yhzgx)}}</p>
+          </div>
+        </div>
+        <template #right v-if="isFinished">
+          <van-button square text="设为户主" type="primary" style="height:100%" @click="setNh(item,index)"/>
+          <van-button square text="删除" type="danger" class="delete-button" @click="deletehncy(item.id,index)" />
+        </template>
+      </van-swipe-cell>
+      <div v-if="isFinished" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">
+        <div style="text-align:center;" >
+          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopuphncy('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加户内成员信息</p>
+        </div>
+      </div>
+    </van-popup>
+    <van-popup v-model="shownmfw" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="shownmfw=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">房屋信息列表</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="margin:20px;">
+        <p class="title" style="position:relative;padding-left:20px;line-height:32px;">房屋信息</p>
+      </div>
+      <van-swipe-cell v-for="(item,index) in fwlist" :key="index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
+        <div style="padding:20px;">
+          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>第{{index+1}}号</p>
+          <div style="display:flex;line-height:20px">
+            <p style="flex:1;text-align:left;">农民房屋幢号</p>
+            <p  style="flex:1;text-align:right;">{{item.nmfwzh}}</p>
+          </div>
+          <div style="display:flex;line-height:20px">
+            <p style="flex:1;text-align:left;">农民房屋面积(㎡)</p>
+            <p style="flex:1;text-align:right;">{{item.nmfwmj}}</p>
+          </div>
+          <div style="text-align:center;overflow:auto;">
+            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" @click="showPopupfw(item)">查看房屋信息</van-button>
+          </div>
+        </div>
+        <template #right v-if="isFinished">
+          <van-button square text="删除"  type="danger" class="delete-button" @click="deletefw(item.id,index)"/>
+        </template>
+      </van-swipe-cell>
+      <div v-if="isFinished" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;margin-bottom:50px">
+        <div style="text-align:center;" >
+          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopupfw('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加房屋信息</p>
+        </div>
+      </div>
+    </van-popup>
+    <van-popup v-model="showesign" position="bottom" closeable
+               close-icon="close">
+      <van-row style="margin:0 10%">
+        <p class="title" style="margin:20px 0;position:relative;padding-left:20px;font-size:0.5rem">电子签名</p>
+      </van-row>
+      <van-row style="margin: 0 5% 5% 5%;border:1px solid #BFBFBF">
+        <vue-esign
+          ref="esign"
+          class="mySign"
+          :width="800"
+          :height="500"
+          :isCrop="isCrop"
+          :lineWidth="lineWidth"
+          :lineColor="lineColor"
+          :bgColor.sync="bgColor"
+          v-if="!resultImg"
+        />
+        <img :src="resultImg" alt="" width="100%" height="100%" v-if="resultImg"/>
+      </van-row>
+      <van-row type="flex" justify="center" style="margin-bottom:20px;" v-if="isFinished">
+        <van-col span="6" style="text-align:center;"><van-button type="primary" round size="small" @click="handleReset">清空画板</van-button></van-col>
+        <van-col span="6" style="text-align:center;"><van-button type="primary" round size="small" @click="handleGenerate">保存提交</van-button></van-col>
+      </van-row>
+    </van-popup>
+    <van-popup v-model="showycbj" position="bottom"
+               style="padding-top:20px;">
+      <van-field name="radio" label="是否异常">
+        <template #input>
+          <van-radio-group v-model="isyc" direction="horizontal">
+            <van-radio name="Y">是</van-radio>
+            <van-radio name="N">否</van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field v-model="ycms" v-if="isyc=='Y'" type="textarea" maxlength="250" label="异常描述" placeholder="请输入异常描述" />
+      <van-field name="uploader" label="异常描述照片" v-if="isyc=='Y'" autocomplete="off">
+        <template #input>
+          <van-uploader v-model="fileListyc" :after-read="beforeReadyc" multiple @delete="deleteFileyc" :max-count="8"></van-uploader>
+        </template>
+      </van-field>
+      <div style="margin: 16px;" v-if="isFinished">
+        <van-button round block type="info" @click="saveyc">保存</van-button>
+      </div>
+    </van-popup>
+    <van-popup v-model="showdcsh" position="bottom"
+               style="padding-top:20px;">
+      <van-field name="radio" label="调查审核">
+        <template #input>
+          <van-radio-group v-model="zjdAudit" direction="horizontal">
+            <van-radio name="1">通过</van-radio>
+            <van-radio name="2">驳回</van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field v-model="auditRemark"  type="textarea" maxlength="250" label="审核描述" placeholder="请输入审核描述" />
+      <div style="margin: 16px;">
+        <van-button round block type="info" @click="savesh">保存</van-button>
+      </div>
+    </van-popup>
+    <!--户内成员职业-->
+    <van-popup v-model="showhncyoccupation" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="occupationOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncyoccupation"
+        @cancel="showhncyoccupation = false"
+      />
+    </van-popup>
+    <!--户内成员成员备注-->
+    <van-popup v-model="showhncycybz" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="cybzOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncycybz"
+        @cancel="showhncycybz = false"
+      />
+    </van-popup>
+    <!--户内成员居住情况-->
+    <van-popup v-model="showhncyjzqk" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="jzqkOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncyjzqk"
+        @cancel="showhncyjzqk = false"
+      />
+    </van-popup>
+    <!--户主数据来源-->
+    <van-popup v-model="showhzsjly" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="sjlyOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzsjly"
+        @cancel="showhzsjly = false"
+      />
+    </van-popup>
+    <!--户内成员数据来源-->
+    <van-popup v-model="showhncysjly" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="sjlyOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncysjly"
+        @cancel="showhncysjly = false"
+      />
+    </van-popup>
+    <!--使用权人农民房屋代码列表-->
+    <van-popup v-model="showsyqrnmfwdm" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="fwlist"
+        value-key="nmfwdm"
+        @confirm="onConfirmsyqrnmfwdm"
+        @cancel="showsyqrnmfwdm = false"
+      />
+    </van-popup>
+    <!--农民房屋农户代码列表-->
+    <van-popup v-model="shownmfwnhdm" position="bottom">
+      <!--<van-search v-model="nhdmValue" placeholder="请输入搜索关键词" @input="getnhdmlist"/>-->
+      <van-picker
+        show-toolbar
+        :columns="syqrlist"
+        value-key="shyqrdbxm"
+        @confirm="onConfirmnmfwnhdm"
+        @cancel="shownmfwnhdm = false"
+      />
+    </van-popup>
+    <!--使用权人所属行业列表-->
+    <van-popup v-model="showsyqrsshy" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="industryOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmsyqrsshy"
+        @cancel="showsyqrsshy = false"
+      />
+    </van-popup>
+    <!--户主证件类型-->
+    <van-popup v-model="showhzzjlx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="zjlxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzzjlx"
+        @cancel="showhzzjlx = false"
+      />
+    </van-popup>
+    <!--户主数据来源-->
+    <van-popup v-model="showhzsjly" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="sjlyOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzsjly"
+        @cancel="showhzsjly = false"
+      />
+    </van-popup>
+    <!--户主职业-->
+    <van-popup v-model="showhzoccupation" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="occupationOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzoccupation"
+        @cancel="showhzoccupation = false"
+      />
+    </van-popup>
+    <!--户主居住情况-->
+    <van-popup v-model="showhzjzqk" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="jzqkOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzjzqk"
+        @cancel="showhzjzqk = false"
+      />
+    </van-popup>
+    <!--集市或城市是否有住房-->
+    <van-popup v-model="showhzjzhcssfyzf" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="jzhcssfyzfOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzjzhcssfyzf"
+        @cancel="showhzjzhcssfyzf = false"
+      />
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr";
+import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd";
+import MapGisDrawing from "@/components/Map/MapGisDrawing";
+import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz";
+import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw";
+import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr";
+import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy";
+import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";
+import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss";
+import { listTown, getTown } from "@/api/homesteadSurvey/town";
+import { listVillage} from "@/api/homesteadSurvey/village";
+import { sysConfig} from "@/api/homesteadSurvey/index";
+import { Notify, Dialog, Toast } from 'vant';
+import axios from "axios";
+export default {
+  name: "homesteadAdd",
+  components: { MapGisDrawing,},
+  data() {
+    return {
+      showsh:false,
+      showdcsh:false,
+      zjdAudit:'1',
+      auditRemark:"",
+      isyc:'Y',
+      ycms:"",
+      showycbj:false,
+      shownh:false,
+      showhzzjlx:false,
+      minDate:new Date(1950,1,1),
+      maxDate:new Date(2030,1,1),
+      nhdmValue:null,
+      active:2,
+      // 电子签名
+      lineWidth: 6, // 画笔的线条粗细
+      lineColor: "#000000", // 画笔的颜色
+      bgColor: "", // 画布的背景颜色
+      resultImg: "", // 最终画布生成的base64图片
+      isCrop: false, // 是否裁剪，在画布设定尺寸基础上裁掉四周空白部分
+      showhjszss:false,
+      showdj:false,
+      shownmfw:false,
+      showsyqrsshy:false,
+      shownmfwnhdm:false,
+      showsyqrnmfwdm:false,
+      showhncysjly:false,
+      showhzsjly:false,
+      showesign:false,
+      showsyqrnhdmlist:false,
+      showzrzfwjg:false,
+      showzrzh:false,
+      showyt:false,
+      showqllx:false,
+      showqlxz:false,
+      showqlsdfs:false,
+      showhzjzhcssfyzf:false,
+      showhncycybz:false,
+      showhncyoccupation:false,
+      showhncyjzqk:false,
+      showhzoccupation:false,
+      showhzjzqk:false,
+      showhncyzjlx:false,
+      showyhzgx:false,
+      showqlrlx:false,
+      showshyqrdbzjlx:false,
+      showgyfs:false,
+      showPickerjgrq:false,
+      showPickerdjsj:false,
+      showPickerpzsj:false,
+      showPickercfqssj:false,
+      showPickercfjssj:false,
+      showPickerzwlxsj1:false,
+      showPickerzwlxsj2:false,
+      showhx:false,
+      showhxjg:false,
+      showfwjg:false,
+      showfwyt:false,
+      showfwlx:false,
+      showfwxz:false,
+      shownmfwsjly:false,
+      shownmfwlyzk:false,
+      shownmfwtdzk:false,
+      shownmfwqsly:false,
+      shownmfwfwzt:false,
+      showphlyms:false,
+      showfssslx:false,
+      showqsly:false,
+      showfwzt:false,
+      showjglx:false,
+      showjzwqk:false,
+      showtdzk:false,
+      showsjly:false,
+      showzrzsjly:false,
+      showPickerxzkssj:false,
+      showlyzk:false,
+      showsyqr: false,
+      showhncylist:false,
+      showhncy:false,
+      show1: false,
+      showzrz: false,
+      showfw:false,
+      showfsss:false,
+      show3: false,
+      username: '',
+      password: '',
+      // 路由数据
+      item:{},
+      //宅基地表单
+      form:{},
+      //使用权人表单
+      form1:{},
+      //自然幢表单
+      form3:{},
+      //农民房屋表单
+      nmfwform:{},
+      //附属设施表单
+      form4:{},
+      //成员信息表单
+      form5:{},
+      // 农户信息表单
+      nhform:{},
+      // 使用权人列表
+      syqrlist:[
+        {
+          shyqrdbxm :'测试测试',
+          shyqrdbzjhm :'12324648564',
+          nhdm :'777888999',
+        }
+      ],
+      // 使用权人农户代码列表
+      syqrnhdmlist:[],
+      // 户内成员列表
+      hncylist:[],
+      // 自然幢列表
+      zrzlist:[],
+      // 房屋列表
+      fwlist:[],
+      // 附属设施列表
+      fssslist:[],
+      // 当前利用状况字典
+      lyzkOptions: [],
+      // 数据来源字典
+      sjlyOptions:[],
+      // 宅基地取得方式字典
+      zjdqdfsOptions:[],
+      // 附属设施类型字典
+      fssslxOptions:[],
+      // 权属来源字典
+      qslyOptions:[],
+      // 房屋状态字典
+      fwztOptions:[],
+      // 结构类型字典
+      jglxOptions:[],
+      // 建筑物情况字典
+      jzwqkOptions:[],
+      // 土地状况字典
+      tdzkOptions:[],
+      // 宅基地图片
+      fileListzjd:[],
+      // 房屋图片
+      fileListfw:[],
+      // 户型字典
+      hxOptions: [],
+      // 户型结构字典
+      hxjgOptions: [],
+      // 房屋结构字典
+      fwjgOptions: [],
+      // 房屋用途字典
+      fwytOptions: [],
+      // 房屋类型字典
+      fwlxOptions: [],
+      // 房屋性质字典
+      fwxzOptions: [],
+      // 盘活利用模式字典
+      phlymsOptions: [],
+      // 流转意向字典
+      lzyxOptions: [],
+      // 有偿退出意向字典
+      yctcyxOptions: [],
+      // 被惩处经历字典
+      bccjlOptions: [],
+      // 批准时间字典
+      pzsjOptions: [],
+      // 共有方式字典
+      gyfsOptions: [],
+      // 权利人类型字典
+      qlrlxOptions: [],
+      // 证件类型字典
+      zjlxOptions:[],
+      // 与户主关系字典
+      yhzgxOptions:[],
+      // 权利类型字典
+      qllxOptions:[],
+      // 权利性质字典
+      qlxzOptions:[],
+      // 权利设定方式字典
+      qlsdfsOptions:[],
+      // 用途字典
+      ytOptions:[],
+      // 职业字典
+      occupationOptions:[],
+      // 集镇或城市是否有住房
+      jzhcssfyzfOptions:[],
+      // 婚姻状况
+      hyzkOptions:[],
+      // 成员备注字典
+      cybzOptions:[],
+      // 居住情况字典
+      jzqkOptions:[],
+      // 土地等级字典
+      tddjOptions:[],
+      // 所属行业
+      industryOptions:[],
+      // 户籍所在省市
+      hjszssOptions:[],
+      // 农名房屋利用状况
+      nmfwlyzkOptions:[],
+
+      // 图片上传路径
+      baseUrl:"",
+
+      // 自然幢号
+      zrzh:null,
+
+      //返回地图页
+      backMap:{
+        activeBtn:"",
+        backMapZjdAData:"",
+        deptId:"",
+        zjddm:"",
+      },
+      ztMap: true,
+      itemBc: "",
+      //记录是否从地图进入
+      enterMap: "",
+      //记录从地图进入宅基地代码
+      enterMapZjddm:"",
+      //地图状态保存
+      numerical:"",
+      //审核状态
+      isFinished:false,
+      // cookies
+      cookiesInfo:null,
+      // 异常标记照片
+      fileListyc:[],
+      //刷新随机数
+      zjdProductResh:this.guidProduct(),
+      zrzProductResh:this.guidProduct(),
+      fsssProductResh:this.guidProduct(),
+      // 字典列表json
+      dictTypeList:null,
+      //宅基地折叠面板
+      activeZjd:['1','2'],
+      //权利人折叠面板
+      activeQlr:['1','2'],
+      //房屋折叠面板
+      activeFw:['1','3','4','5','6'],
+    };
+  },
+  created(){
+    axios.get('../static/dictyType.json').then(res => {
+      this.dictTypeList = res.data
+      this.lyzkOptions= this.dictTypeList.zjdlyzk
+      this.nmfwlyzkOptions = this.dictTypeList.nmfwlyzk
+      this.zjdqdfsOptions = this.dictTypeList.acquisition_method;
+      this.sjlyOptions = this.dictTypeList.sjly;
+      this.fssslxOptions = this.dictTypeList.fsss_type;
+      this.qslyOptions = this.dictTypeList.acquisition_method;
+      this.fwztOptions = this.dictTypeList.fwzt;
+      this.jglxOptions = this.dictTypeList.house_jglx;
+      this.jzwqkOptions = this.dictTypeList.fwzt;
+      this.tdzkOptions = this.dictTypeList.land_state;
+      this.pzsjOptions = this.dictTypeList.approve_time;
+      this.phlymsOptions = this.dictTypeList.phlyms;
+      this.fwlxOptions = this.dictTypeList.fwlx;
+      this.fwxzOptions = this.dictTypeList.fwxz;
+      this.hxOptions = this.dictTypeList.nmfwhx;
+      this.hxjgOptions = this.dictTypeList.nmfwhxjg;
+      this.fwjgOptions = this.dictTypeList.housing_structure;
+      this.fwytOptions = this.dictTypeList.fwyt;
+      this.gyfsOptions = this.dictTypeList.common_mode;
+      this.qlrlxOptions = this.dictTypeList.obligee_type;
+      this.zjlxOptions = this.dictTypeList.zjlx;
+      this.hjszssOptions = this.dictTypeList.hjszss;
+      this.qlxzOptions = this.dictTypeList.rights_nature;
+      this.qllxOptions = this.dictTypeList.rights_type;
+      this.qlsdfsOptions = this.dictTypeList.right_setting_mode;
+      this.ytOptions = this.dictTypeList.land_use;
+      this.jzhcssfyzfOptions = this.dictTypeList.jzhcssfyzf;
+      this.occupationOptions = this.dictTypeList.occupation;
+      this.hyzkOptions = this.dictTypeList.hyzk;
+      this.cybzOptions = this.dictTypeList.member_remark;
+      this.jzqkOptions = this.dictTypeList.living_condition;
+      if(this.dictTypeList.tddj){
+        this.tddjOptions = this.dictTypeList.tddj;
+      }
+      this.industryOptions = this.dictTypeList.Industry;
+    })
+    this.baseUrl = this.$cookies.get("url")
+    //console.log(this.$route.query.res);
+    //console.log(this.$cookies.get("search"));
+    //this.itemBc = this.$cookies.get("map");
+    //this.$cookies.set("item","");
+    if(this.$cookies.get("search") !=null &&this.$cookies.get("search").zjddm !="" && this.$cookies.get("search").zjddm !=undefined && this.$cookies.get("search").zjddm !=null){
+      this.ztMap =false;
+      //this.$cookies.set("map",this.$cookies.get("search"));
+      this.numerical =this.$cookies.get("search");
+    }else {
+      if(this.$route.query.res !=null && this.$route.query.res !="" && this.$route.query.res != undefined){
+        this.numerical = this.$route.query.res;
+        if(this.numerical.active!=null){
+          this.ztMap =true;
+        }else{
+          this.ztMap =false;
+        }
+      }
+    }
+    if(this.numerical){
+      if(this.numerical.active!=null && this.numerical.active!=undefined){
+        this.cookiesInfo = this.numerical
+        this.$cookies.set("search","")
+        //返回地图值记录----start
+        this.backMap.activeBtn = 4;
+        this.enterMap =1;
+        this.backMap.backMapZjdAData = this.cookiesInfo.mapZjdAData;
+        this.backMap.deptId = this.cookiesInfo.mapZjdAData.deptId;
+        this.backMap.zjddm = this.cookiesInfo.mapZjdAData.zjddm;
+        this.$cookies.set("search",this.backMap.zjddm);
+        this.form.theGeom = this.cookiesInfo.mapZjdAData.theGeom;
+        this.enterMapZjddm = this.cookiesInfo.mapZjdAData.zjddm;
+        //返回地图值记录----end
+        this.active = this.cookiesInfo.active;
+        this.item = this.cookiesInfo.mapZjdAData;
+        if(this.item.houseDataConfirmStatus!="CONFIRMED"){
+          this.isFinished = true
+        }
+        this.form = this.cookiesInfo.mapZjdAData;
+        this.getnhdmlist();
+        /*this.getBaseUrl();*/
+        this.getZjd();
+        if(this.ztMap){
+          this.$cookies.set("search",this.backMap);
+        }
+        let zrz = this.cookiesInfo.mapZrzAData;
+        let fsss = this.cookiesInfo.mapFsssAData;
+        if(this.cookiesInfo.active=="3"){
+          this.showzrz = true
+          this.form3 = this.cookiesInfo.mapZrzAData
+          this.form3.theGeom = this.cookiesInfo.mapZrzAData.theGeom;
+          this.getZrzList()
+          setTimeout(() => {
+            this.showPopupzrz(zrz)
+          }, 500);
+
+        }else if(this.cookiesInfo.active=="4"){
+          this.showfsss= true
+          this.form4 = this.cookiesInfo.mapFsssAData
+          this.form4.theGeom = this.cookiesInfo.mapFsssAData.theGeom;
+          this.getFsssList()
+          setTimeout(() => {
+            this.showPopupfsss(fsss)
+          }, 500);
+        }
+      }else{
+        this.cookiesInfo = this.$cookies.get("search")?this.$cookies.get("search"):this.$route.query.res
+        /*          this.$cookies.set("search","")*/
+        this.item = this.cookiesInfo
+        this.backMap.zjddm = this.cookiesInfo.zjddm;
+        this.$cookies.set("search",this.backMap);
+        if(this.item.houseDataConfirmStatus!="CONFIRMED"){
+          this.isFinished = true
+        }
+        this.getnhdmlist();
+        this.getZjd();
+
+      }
+    }else{
+      this.$set(this.item,"deptId",this.$cookies.get("item").deptId)
+      if(this.item.houseDataConfirmStatus!="CONFIRMED"){
+        this.isFinished = true
+      }
+      /*this.getBaseUrl();*/
+      this.getnhdmlist();
+      this.getZjd();
+    }
+    this.getDicts("family_status").then(response => {
+      let arr = [];response.data.forEach(function (item) {
+        if (item.dictLabel !== '户主') {
+          arr.push(item)
+        }
+      });
+      this.yhzgxOptions = arr;
+    });
+  },
+  mounted(){
+
+  },
+  methods: {
+    showPic(){
+      if(this.form.dzqm!=null&&this.form.dzqm!=""){
+        this.resultImg = this.baseUrl+this.form.dzqm
+      }
+      if(this.$cookies.get("businessLevel")=='2'){
+        this.showsh = true
+      }else{
+        this.showsh = false
+      }
+    },
+    validatorIdcard(val){
+      if(this.form1.shyqrdbzjlx=='01'){
+        if(this.vcheckID(val)){
+          return true
+        }else {
+          return false
+        }
+      }else{
+        return true
+      }
+    },
+    validatorIdcard1(val){
+      if(this.nhform.hzzjlx=='01'){
+        if(this.vcheckID(val)){
+          return true
+        }else {
+          return false
+        }
+      }else{
+        return true
+      }
+    },
+    validatorIdcard2(val){
+      if(this.form5.zjlx=='01'){
+        if(this.vcheckID(val)){
+          return true
+        }else {
+          return false
+        }
+      }else{
+        return true
+      }
+    },
+    checkCode(val) {
+      var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
+      var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
+      var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
+      var code = val.substring(17);
+      if(p.test(val)) {
+        var sum = 0;
+        for(var i=0;i<17;i++) {
+          sum += val[i]*factor[i];
+        }
+        if(parity[sum % 11] == code.toUpperCase()) {
+          return true;
+        }
+      }
+      return false;
+    },
+    checkDate (val) {
+      var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)$/;
+      if(pattern.test(val)) {
+        var year = val.substring(0, 4);
+        var month = val.substring(4, 6);
+        var date = val.substring(6, 8);
+        var date2 = new Date(year+"-"+month+"-"+date);
+        if(date2 && date2.getMonth() == (parseInt(month) - 1)) {
+          return true;
+        }
+      }
+      return false;
+    },
+    checkProv(val) {
+      var pattern = /^[1-9][0-9]/;
+      var provs = {11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门"};
+      if(pattern.test(val)) {
+        if(provs[val]) {
+          return true;
+        }
+      }
+      return false;
+    },
+    vcheckID(val){
+      if(this.checkCode(val)) {
+        var date = val.substring(6,14);
+        if(this.checkDate(date)) {
+          if(this.checkProv(val.substring(0,2))) {
+            return true;
+          }
+        }
+      }
+      return false;
+    },
+    showdcshinfo(){
+      this.showdcsh = true
+      if(this.form.zjdAudit!=null&&this.form.zjdAudit!=""){
+        if(this.form.zjdAudit=='0'||this.form.zjdAudit=='1'){
+          this.zjdAudit = "1"
+          this.auditRemark = this.form.auditRemark
+        }else{
+          this.zjdAudit = this.form.zjdAudit
+          this.auditRemark = this.form.auditRemark
+        }
+      }else{
+        this.zjdAudit = "1"
+        this.auditRemark = ""
+      }
+    },
+    showycbjinfo(){
+      this.showycbj = true
+      if(this.form.isyc!=null&&this.form.isyc!=""){
+        this.isyc = this.form.isyc
+        this.ycms = this.form.ycms
+        this.fileListyc = []
+        if(this.form.yctp!=null&&this.form.yctp!=""&&this.form.yctp.length>0){
+          let li = this.form.yctp.split(",");
+          li.map(res => {
+            this.fileListyc.push({"url":this.baseUrl+res,"baseUrl":res})
+          })
+        }
+      }else{
+        this.isyc = "Y"
+        this.ycms = ""
+      }
+    },
+    savesh(){
+      this.form.zjdAudit = this.zjdAudit
+      this.form.auditRemark = this.auditRemark
+      if(this.form.zjdAudit=='2'){
+        this.form.houseDataConfirmStatus = 'UNCONFIRMED'
+        this.isFinished = true
+        let params = {
+          houseDataConfirmStatus : 'UNCONFIRMED',
+          zjddm : this.form.zjddm,
+          zjdAudit : "0"
+        }
+        updateZrzStatus(params).then(res => {
+          console.log(res)
+        })
+        updateFsssStatus(params).then(res => {
+          console.log(res)
+        })
+        updateZjdzd(this.form).then(response => {
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '审核成功',
+            duration:"1000",
+            onClose:function(){
+              _this.showdcsh = false
+              _this.goBack()
+            }
+          })
+        });
+      }else{
+        let params = {
+          houseDataConfirmStatus : 'CONFIRMED',
+          zjddm : this.form.zjddm,
+          zjdAudit : "1"
+        }
+
+        updateZrzStatus(params).then(res => {
+          console.log(res)
+        })
+        updateFsssStatus(params).then(res => {
+          console.log(res)
+        })
+        updateZjdzd(this.form).then(response => {
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '审核成功',
+            duration:"1000",
+            onClose:function(){
+              _this.showdcsh = false
+              _this.goBack()
+            }
+          })
+        });
+
+      }
+    },
+    saveyc(){
+      this.showycbj = false
+      this.form.isyc = this.isyc
+      this.form.ycms = this.ycms
+      let params = {
+        zjddm : this.form.zjddm,
+        isyc : this.form.isyc
+      }
+      updateZrzStatus(params).then(res => {})
+      updateFsssStatus(params).then(res => {})
+      updateZjdzd(this.form).then(response => {
+        let _this =this
+        this.$toast({
+          icon: 'success', // 找到自己需要的图标
+          message: '保存成功',
+          duration:"1000",
+          onClose:function(){
+            _this.showycbj = false
+          }
+        })
+      });
+    },
+    // 图片上传前
+    beforeReadyc(file){
+      // 创建Canvas对象(画布)
+      let canvas =  document.createElement('canvas')
+      // 获取对应的CanvasRenderingContext2D对象(画笔)
+      let context = canvas.getContext('2d')
+      // 创建新的图片对象
+      let img = new Image()
+      // 指定图片的DataURL(图片的base64编码数据)
+      img.src = file.content
+      // 监听浏览器加载图片完成，然后进行进行绘制
+      const height = 166
+      const width = 316
+      img.onload = () => {
+        const h = img.height
+        const w = img.width
+        let ch = img.height/6
+        let cw = img.width/6
+        let canvas = document.createElement('canvas')
+        let ctx = canvas.getContext('2d')
+        canvas.height = ch
+        canvas.width = cw
+        ctx.clearRect(0,0,cw,ch)
+        ctx.drawImage(img,0,0,cw,ch)
+        let base_img = canvas.toDataURL('image/jpeg')
+        const blobBin = atob(base_img.split(',')[1])
+        let d = []
+        for (let i=0;i<blobBin.length;i++){
+          d.push(blobBin.charCodeAt(i))
+        }
+        const data2 = new FormData();
+        data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+        uploadFile(data2).then(res => {
+          if(this.form.yctp!=null&&this.form.yctp!=""){
+            this.form.yctp = this.form.yctp + "," + res.fileName
+          }else{
+            this.form.yctp =  res.fileName
+          }
+        })
+      }
+    },
+    // 图片删除
+    deleteFileyc(file){
+      let url = ","+file.baseUrl
+      let url1 = file.baseUrl+","
+      let url2 = file.baseUrl
+      this.form.yctp = this.form.yctp.replace(new RegExp(url, "g"),"")
+      this.form.yctp = this.form.yctp.replace(new RegExp(url1, "g"),"")
+      this.form.yctp = this.form.yctp.replace(new RegExp(url2, "g"),"")
+      this.form.yctp = this.form.yctp.split(url).join("")
+      this.form.yctp = this.form.yctp.split(url1).join("")
+      this.form.yctp = this.form.yctp.split(url2).join("")
+    },
+    shownmfwlist(item){
+      this.zrzh = item.zrzh
+      this.shownmfw = true
+      this.fwlist=[]
+      if(this.item.zjddm!=null||this.form.zjddm!=null) {
+        let params = {
+          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
+          deptId:this.item.deptId,
+          zrzh:this.zrzh
+        }
+        listNmfw(params).then(r => {
+          this.fwlist = r.rows
+        })
+      }
+    },
+    /*getBaseUrl(){
+        let params={
+          configKey: "system.attachment.url"}
+        sysConfig(params).then(response => {
+          this.baseUrl = response.rows[0].configValue
+        })
+      },*/
+    // 验证
+    validator(val){
+      if(val>1||val<0||val.length>4){
+        return false
+      }else{
+        return true
+      }
+    },
+    validator1(val){
+      if(val>=1000||val<0||val.length>6){
+        return false
+      }else{
+        return true
+      }
+    },
+    // 所有权人农户代码列表
+    getnhdmlist(){
+      let params = {
+        "deptId" : this.item.deptId,
+        "nhValue":this.nhdmValue
+      }
+      listNh(params).then((response) => {
+        this.syqrnhdmlist = response.rows
+      });
+    },
+    //删除户内成员
+    deletehncy(id,index){
+      Dialog.confirm({
+        title: '警告',
+        message: '删除后无法恢复，确认删除此成员么？',
+      })
+        .then(() => {
+          // on confirm
+          delNhhncy(id).then(res => {
+            if(res.code=="200"){
+              this.hncylist.splice(index,1);
+            }
+          })
+        })
+        .catch(() => {
+          // on cancel
+        });
+    },
+    // 删除附属设施
+    deletefsss(id,index){
+      Dialog.confirm({
+        title: '警告',
+        message: '确认删除此附属物么？',
+      })
+        .then(() => {
+          // on confirm
+          delFsss(id).then(res => {
+            if(res.code=="200"){
+              this.fssslist.splice(index,1);
+            }
+          })
+        })
+        .catch(() => {
+          // on cancel
+        });
+    },// 删除自然幢
+    deletezrz(item,index){
+      this.zrzh = item.zrzh
+      if(this.item.zjddm!=null||this.form.zjddm!=null) {
+        let params = {
+          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
+          deptId:this.item.deptId,
+          zrzh:this.zrzh
+        }
+        listNmfw(params).then(r => {
+          if(r.rows.length>0){
+            this.$toast({
+              type: 'fail',// 找到自己需要的图标
+              message: '无法删除，此自然幢下有房屋信息！',
+              duration:"1000",
+              onClose:function(){
+              }
+            })
+          }else{
+            Dialog.confirm({
+              title: '警告',
+              message: '删除后无法恢复，确认删除此自然幢么？',
+            })
+              .then(() => {
+                // on confirm
+                delZrz(item.id).then(res => {
+                  if(res.code=="200"){
+                    this.zrzlist.splice(index,1);
+                  }
+                })
+              })
+              .catch(() => {
+                // on cancel
+              });
+          }
+        })
+      }
+
+    },
+    // 删除使用权人
+    deletesyqr(id,index){
+      Dialog.confirm({
+        title: '警告',
+        message: '确认删除使用权人么？',
+      })
+        .then(() => {
+          // on confirm
+          delShyqr(id).then(res => {
+            if(res.code=="200"){
+              this.syqrlist.splice(index,1);
+            }
+          })
+        })
+        .catch(() => {
+          // on cancel
+        });
+    },
+
+    // 与户主关系翻译
+    yhzgxfy(value){
+      let label
+      this.yhzgxOptions.map(res => {
+        if(res.dictValue ==value){
+          label = res.dictLabel
+        }
+      })
+      return label
+    },
+    // 附属设施类型翻译
+    fssslxfy(value){
+      let label
+      this.fssslxOptions.map(res => {
+        if(res.dictValue ==value){
+          label = res.dictLabel
+        }
+      })
+      return label
+    },
+    // 建筑物情况翻译
+    jzwqkfy(value){
+      let label
+      this.jzwqkOptions.map(res => {
+        if(res.dictValue ==value){
+          label = res.dictLabel
+        }
+      })
+      return label
+    },
+    // 图片上传前
+    beforeReadzjd(file){
+      let _this = this
+      if(file.length!=undefined){
+        file.map(res => {
+          // 创建Canvas对象(画布)
+          let canvas =  document.createElement('canvas')
+          // 获取对应的CanvasRenderingContext2D对象(画笔)
+          let context = canvas.getContext('2d')
+          // 创建新的图片对象
+          let img = new Image()
+          // 指定图片的DataURL(图片的base64编码数据)
+          img.src = res.content
+          // 监听浏览器加载图片完成，然后进行进行绘制
+          const height = 166
+          const width = 316
+          img.onload = () => {
+            const h = img.height
+            const w = img.width
+            let ch = img.height/5
+            let cw = img.width/5
+            let canvas = document.createElement('canvas')
+            let ctx = canvas.getContext('2d')
+            canvas.height = ch
+            canvas.width = cw
+            ctx.clearRect(0,0,cw,ch)
+            ctx.drawImage(img,0,0,cw,ch)
+            let base_img = canvas.toDataURL('image/jpeg')
+            const blobBin = atob(base_img.split(',')[1])
+            let d = []
+            for (let i=0;i<blobBin.length;i++){
+              d.push(blobBin.charCodeAt(i))
+            }
+            const data2 = new FormData();
+            data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+            if(this.$cookies.get("upload")==null||this.$cookies.get("upload")==0){
+              uploadFile(data2).then(response => {
+                if(_this.form.zjdxctp!=null&&_this.form.zjdxctp!=""){
+                  _this.form.zjdxctp = _this.form.zjdxctp + "," + response.fileName
+                }else{
+                  _this.form.zjdxctp =  response.fileName
+                }
+              })
+            }else{
+              _this.saveBlobAsFile(new Blob([new Uint8Array(d)],{type:'image/jpeg'}),_this.form.zjddm)
+            }
+          }
+        })
+      }
+      else{
+        // 创建Canvas对象(画布)
+        let canvas =  document.createElement('canvas')
+        // 获取对应的CanvasRenderingContext2D对象(画笔)
+        let context = canvas.getContext('2d')
+        // 创建新的图片对象
+        let img = new Image()
+        // 指定图片的DataURL(图片的base64编码数据)
+        img.src = file.content
+        // 监听浏览器加载图片完成，然后进行进行绘制
+        const height = 166
+        const width = 316
+        img.onload = () => {
+          const h = img.height
+          const w = img.width
+          let ch = img.height/5
+          let cw = img.width/5
+          let canvas = document.createElement('canvas')
+          let ctx = canvas.getContext('2d')
+          canvas.height = ch
+          canvas.width = cw
+          ctx.clearRect(0,0,cw,ch)
+          ctx.drawImage(img,0,0,cw,ch)
+          let base_img = canvas.toDataURL('image/jpeg')
+          const blobBin = atob(base_img.split(',')[1])
+          let d = []
+          for (let i=0;i<blobBin.length;i++){
+            d.push(blobBin.charCodeAt(i))
+          }
+          const data2 = new FormData();
+          data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+          if(_this.$cookies.get("upload")==null||_this.$cookies.get("upload")==0){
+            uploadFile(data2).then(res => {
+              if(_this.form.zjdxctp!=null&&_this.form.zjdxctp!=""){
+                _this.form.zjdxctp = _this.form.zjdxctp + "," + res.fileName
+              }else{
+                _this.form.zjdxctp =  res.fileName
+              }
+            })
+          }else{
+            _this.saveBlobAsFile(new Blob([new Uint8Array(d)],{type:'image/jpeg'}),_this.form.zjddm)
+          }
+        }
+      }
+
+    },
+    blobToBase64(blob) {
+      return new Promise((resolve, reject) => {
+        const fileReader = new FileReader();
+        fileReader.onload = (e) => {
+          resolve(e.target.result);
+        };
+        // readAsDataURL
+        fileReader.readAsDataURL(blob);
+        fileReader.onerror = () => {
+          reject(new Error('blobToBase64 error'));
+        };
+      });
+    },
+    saveBlobAsFile(blob, fileName) {
+      /*var reader = new FileReader(blob);
+        reader.onloadend = function () {
+          var base64 = reader.result ;
+          var link = document.createElement("a");
+          link.setAttribute("href", base64);
+          link.setAttribute("download", fileName);
+          link.click();
+        };
+        reader.readAsDataURL(blob);*/
+      let link = document.createElement("a");
+      link.href = window.URL.createObjectURL(blob);
+      link.download = fileName+""
+      link.target = "_blank"
+      link.click();
+      link.remove();
+    },
+    // 图片删除
+    deleteFilezjd(file){
+      let url = ","+file.baseUrl
+      let url1 = file.baseUrl+","
+      let url2 = file.baseUrl
+      this.form.zjdxctp = this.form.zjdxctp.replace(new RegExp(url, "g"),"")
+      this.form.zjdxctp = this.form.zjdxctp.replace(new RegExp(url1, "g"),"")
+      this.form.zjdxctp = this.form.zjdxctp.replace(new RegExp(url2, "g"),"")
+      this.form.zjdxctp = this.form.zjdxctp.split(url).join("")
+      this.form.zjdxctp = this.form.zjdxctp.split(url1).join("")
+      this.form.zjdxctp = this.form.zjdxctp.split(url2).join("")
+    },
+    // 图片上传前
+    beforeReadfw(file){
+      // 创建Canvas对象(画布)
+      let canvas =  document.createElement('canvas')
+      // 获取对应的CanvasRenderingContext2D对象(画笔)
+      let context = canvas.getContext('2d')
+      // 创建新的图片对象
+      let img = new Image()
+      // 指定图片的DataURL(图片的base64编码数据)
+      img.src = file.content
+      // 监听浏览器加载图片完成，然后进行进行绘制
+      const height = 166
+      const width = 316
+      img.onload = () => {
+        const h = img.height
+        const w = img.width
+        let ch = img.height/5
+        let cw = img.width/5
+        let canvas = document.createElement('canvas')
+        let ctx = canvas.getContext('2d')
+        canvas.height = ch
+        canvas.width = cw
+        ctx.clearRect(0,0,cw,ch)
+        ctx.drawImage(img,0,0,cw,ch)
+        let base_img = canvas.toDataURL('image/jpeg')
+        const blobBin = atob(base_img.split(',')[1])
+        let d = []
+        for (let i=0;i<blobBin.length;i++){
+          d.push(blobBin.charCodeAt(i))
+        }
+        const data2 = new FormData();
+        data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+        uploadFile(data2).then(res => {
+          if(this.nmfwform.zjdxctp!=null&&this.nmfwform.zjdxctp!=""){
+            this.nmfwform.zjdxctp = this.nmfwform.zjdxctp + "," + res.fileName
+          }else{
+            this.nmfwform.zjdxctp =  res.fileName
+          }
+        })
+      }
+
+    },
+    // 图片删除
+    deleteFilefw(file){
+      let url = ","+file.baseUrl
+      let url1 = file.baseUrl+","
+      let url2 = file.baseUrl
+      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.replace(new RegExp(url, "g"),"")
+      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.replace(new RegExp(url1, "g"),"")
+      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.replace(new RegExp(url2, "g"),"")
+      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.split(url).join("")
+      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.split(url1).join("")
+      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.split(url2).join("")
+    },
+    onConfirmhzsjly(value){
+      this.nhform.sjlyName = value.dictLabel
+      this.nhform.sjly = value.dictValue
+      this.showhzsjly= false
+    },
+    onConfirmhzjzqk(value){
+      this.nhform.jzqkName = value.dictLabel
+      this.nhform.jzqk = value.dictValue
+      this.showhzjzqk = false
+    },
+    onConfirmhzoccupation(value){
+      this.nhform.occupationName = value.dictLabel
+      this.nhform.occupation = value.dictValue
+      this.showhzoccupation = false
+    },
+    onConfirmhzzjlx(value){
+      this.nhform.hzzjlxName = value.dictLabel
+      this.nhform.hzzjlx = value.dictValue
+      this.showhzzjlx = false
+    },
+    onConfirmhzjzhcssfyzf(value){
+      this.nhform.jzhcssfyzfName = value.dictLabel
+      this.nhform.jzhcssfyzf = value.dictValue
+      this.showhzjzhcssfyzf= false
+    },
+    // 使用权人农民房屋代码弹出框
+    onConfirmsyqrnmfwdm(value){
+      this.form1.nmfwdm = value.nmfwdm
+      this.showsyqrnmfwdm = false
+    },
+    // 使用权人农户代码弹出框
+    onConfirmsyqrnhdmlist(value){
+      this.nhdmValue = null
+      this.form1.nhdm = value.nhdm
+      this.form1.shyqrdbxm = value.hzxm
+      this.form1.shyqrdbzjhm = value.hzzjhm
+      this.form1.shyqrdbzjlx = value.hzzjlx
+      this.form1.dh = value.phone
+      this.form1.dz = value.txdz
+      this.zjlxOptions.map(res => {
+        if(res.dictValue == this.form1.shyqrdbzjlx){
+          this.form1.shyqrdbzjlxName = res.dictLabel
+        }
+      })
+      this.showsyqrnhdmlist = false
+    },
+    // 农名房屋农户代码弹出框
+    onConfirmnmfwnhdm(value){
+      this.nhdmValue = null
+      this.nmfwform.nhdm = value.nhdm
+      this.shownmfwnhdm = false
+    },
+    // 使用权人所属行业弹出框
+    onConfirmsyqrsshy(value){
+      this.form1.sshyName = value.dictLabel
+      this.form1.sshy = value.dictValue
+      this.showsyqrsshy= false
+    },
+    // 户内成员数据来源弹出框
+    onConfirmhncysjly(value){
+      this.form5.sjlyName = value.dictLabel
+      this.form5.sjly = value.dictValue
+      this.showhncysjly= false
+    },
+    // 宅基地等级弹出框
+    onConfirmdj(value){
+      this.form.djName = value.dictLabel
+      this.form.dj = value.dictValue
+      this.showdj= false
+    },
+    // 户内成员职业弹出框
+    onConfirmhncyoccupation(value){
+      this.form5.occupationName = value.dictLabel
+      this.form5.occupation = value.dictValue
+      this.showhncyoccupation = false
+    },
+    // 户内成员成员备注弹出框
+    onConfirmhncycybz(value){
+      this.form5.cybzName = value.dictLabel
+      this.form5.cybz = value.dictValue
+      this.showhncycybz= false
+    },
+    // 户内成员居住情况弹出框
+    onConfirmhncyjzqk(value){
+      this.form5.jzqkName = value.dictLabel
+      this.form5.jzqk = value.dictValue
+      this.showhncyjzqk = false
+    },
+    // 自然幢房屋结构弹出框
+    onConfirmzrzfwjg(value){
+      this.form3.fwjgName = value.dictLabel
+      this.form3.fwjg = value.dictValue
+      this.showzrzfwjg = false
+    },
+    // 户内成员自然幢号弹出框
+    onConfirmzrzh(value){
+      this.nmfwform.zrzh = value.zrzh
+      this.showzrzh = false
+    },
+    // 户内成员证件类型弹出框
+    onConfirmhncyzjlx(value){
+      this.form5.zjlxName = value.dictLabel
+      this.form5.zjlx = value.dictValue
+      this.showhncyzjlx = false
+    },
+    // 宅基地用途弹出框
+    onConfirmyt(value){
+      this.form.ytmc = value.dictLabel
+      this.form.yt = value.dictValue
+      this.showyt = false
+    },
+    // 宅基地权利类型弹出框
+    onConfirmqllx(value){
+      this.form.qllxName = value.dictLabel
+      this.form.qllx = value.dictValue
+      this.showqllx = false
+    },
+    // 宅基地权利性质弹出框
+    onConfirmqlxz(value){
+      this.form.qlxzName = value.dictLabel
+      this.form.qlxz = value.dictValue
+      this.showqlxz = false
+    },
+    // 宅基地权利设定方式弹出框
+    onConfirmqlsdfs(value){
+      this.form.qlsdfsName = value.dictLabel
+      this.form.qlsdfs = value.dictValue
+      this.showqlsdfs = false
+    },
+    // 户内成员与户主关系弹出框
+    onConfirmyhzgx(value){
+      this.form5.yhzgxName = value.dictLabel
+      this.form5.yhzgx = value.dictValue
+      this.showyhzgx = false
+    },
+    // 使用权人权利人类型弹出框
+    onConfirmqlrlx(value){
+      this.form1.qlrlxName = value.dictLabel
+      this.form1.qlrlx = value.dictValue
+      this.showqlrlx = false
+    },
+    // 使用权人证件类型弹出框
+    onConfirmshyqrdbzjlx(value){
+      this.form1.shyqrdbzjlxName = value.dictLabel
+      this.form1.shyqrdbzjlx = value.dictValue
+      this.showshyqrdbzjlx = false
+    },
+    // 使用权人共有方式弹出框
+    onConfirmgyfs(value){
+      this.form1.gyfsName = value.dictLabel
+      this.form1.gyfs = value.dictValue
+      this.showgyfs = false
+    },
+    // 使用权人户籍所在省市弹出框
+    onConfirmhjszss(value){
+      this.form1.hjszssName = value.dictLabel
+      this.form1.hjszss = value.dictValue
+      this.showhjszss = false
+    },
+    // 农民房屋户型弹出框
+    onConfirmhx(value){
+      this.nmfwform.hxName = value.dictLabel
+      this.nmfwform.hx = value.dictValue
+      this.showhx = false
+    },
+    // 农民房屋户型结构弹出框
+    onConfirmhxjg(value){
+      this.nmfwform.hxjgName = value.dictLabel
+      this.nmfwform.hxjg = value.dictValue
+      this.showhxjg = false
+    },
+    // 农民房屋房屋结构弹出框
+    onConfirmfwjg(value){
+      this.nmfwform.fwjgName = value.dictLabel
+      this.nmfwform.fwjg = value.dictValue
+      this.showfwjg = false
+    },
+    // 农民房屋房屋用途弹出框
+    onConfirmfwyt(value){
+      this.nmfwform.fwytName = value.dictLabel
+      this.nmfwform.fwyt = value.dictValue
+      this.showfwyt = false
+    },
+    // 农民房屋房屋类型弹出框
+    onConfirmfwlx(value){
+      this.nmfwform.fwlxName = value.dictLabel
+      this.nmfwform.fwlx = value.dictValue
+      this.showfwlx = false
+    },
+    // 农民房屋房屋性质弹出框
+    onConfirmfwxz(value){
+      this.nmfwform.fwxzName = value.dictLabel
+      this.nmfwform.fwxz = value.dictValue
+      this.showfwxz = false
+    },
+    // 农民房屋数据来源弹出框
+    onConfirmnmfwsjly(value){
+      this.nmfwform.sjlyName = value.dictLabel
+      this.nmfwform.sjly = value.dictValue
+      this.shownmfwsjly = false
+    },
+    // 农民房屋房屋状态弹出框
+    onConfirmnmfwfwzt(value){
+      this.nmfwform.fwztName = value.dictLabel
+      this.nmfwform.fwzt = value.dictValue
+      this.shownmfwfwzt = false
+    },
+    // 农民房屋利用状况弹出框
+    onConfirmnmfwlyzk(value){
+      this.nmfwform.lyzkName = value.dictLabel
+      this.nmfwform.lyzk = value.dictValue
+      this.shownmfwlyzk = false
+    },
+    // 农民房屋盘活利用模式弹出框
+    onConfirmphlyms(value){
+      this.nmfwform.phlymsName = value.dictLabel
+      this.nmfwform.phlyms = value.dictValue
+      this.showphlyms = false
+    },
+    // 农民房屋权属来源弹出框
+    onConfirmnmfwqsly(value){
+      this.nmfwform.qslyName = value.dictLabel
+      this.nmfwform.qsly = value.dictValue
+      this.shownmfwqsly = false
+    },
+    // 农民房屋审批或建设前土地状况弹出框
+    onConfirmnmfwtdzk(value){
+      this.nmfwform.tdzkName = value.dictLabel
+      this.nmfwform.tdzk = value.dictValue
+      this.shownmfwtdzk = false
+    },
+    // 农民房屋登记时间弹出框
+    onConfirmdjsj(val){
+      let year = val.getFullYear()
+      let month = val.getMonth() + 1
+      let day = val.getDate()
+      if (month >= 1 && month <= 9) { month = `0${month}` }
+      if (day >= 1 && day <= 9) { day = `0${day}` }
+      this.nmfwform.djsj = year+"-"+month+"-"+day
+      this.showPickerdjsj= false
+    },
+    // 农民房屋查封起始时间弹出框
+    onConfirmcfqssj(val){
+      let year = val.getFullYear()
+      let month = val.getMonth() + 1
+      let day = val.getDate()
+      if (month >= 1 && month <= 9) { month = `0${month}` }
+      if (day >= 1 && day <= 9) { day = `0${day}` }
+      this.nmfwform.cfqssj = year+"-"+month+"-"+day
+      this.showPickercfqssj= false
+    },
+    // 农民房屋查封结束时间弹出框
+    onConfirmcfjssj(val){
+      let year = val.getFullYear()
+      let month = val.getMonth() + 1
+      let day = val.getDate()
+      if (month >= 1 && month <= 9) { month = `0${month}` }
+      if (day >= 1 && day <= 9) { day = `0${day}` }
+      this.nmfwform.cfjssj = year+"-"+month+"-"+day
+      this.showPickercfjssj= false
+    },
+    // 农民房屋债务履行开始时间弹出框
+    onConfirmzwlxsj1(val){
+      let year = val.getFullYear()
+      let month = val.getMonth() + 1
+      let day = val.getDate()
+      if (month >= 1 && month <= 9) { month = `0${month}` }
+      if (day >= 1 && day <= 9) { day = `0${day}` }
+      this.nmfwform.zwlxsj1 = year+"-"+month+"-"+day
+      this.showPickerzwlxsj1= false
+    },
+    // 自然幢竣工日期弹出框
+    onConfirmzrzjgrq(val){
+      let year = val.getFullYear()
+      let month = val.getMonth() + 1
+      let day = val.getDate()
+      if (month >= 1 && month <= 9) { month = `0${month}` }
+      if (day >= 1 && day <= 9) { day = `0${day}` }
+      this.form3.jgrq = year+"-"+month+"-"+day
+      this.showPickerjgrq= false
+    },
+    // 农民房屋债务履行结束时间弹出框
+    onConfirmzwlxsj2(val){
+      let year = val.getFullYear()
+      let month = val.getMonth() + 1
+      let day = val.getDate()
+      if (month >= 1 && month <= 9) { month = `0${month}` }
+      if (day >= 1 && day <= 9) { day = `0${day}` }
+      this.nmfwform.zwlxsj2 = year+"-"+month+"-"+day
+      this.showPickerzwlxsj2= false
+    },
+    // 农民房屋批准时间弹出框
+    onConfirmpzsj(value){
+      this.nmfwform.pzsjName = value.dictLabel
+      this.nmfwform.pzsj = value.dictValue
+      this.showPickerpzsj= false
+    },
+
+    // 附属设施类型弹出框
+    onConfirmfssslx(value){
+      this.form4.fssslxName = value.dictLabel
+      this.form4.fssslx = value.dictValue
+      this.showfssslx = false
+    },
+    // 权属来源弹出框
+    onConfirmqsly(value){
+      this.form4.qslyName = value.dictLabel
+      this.form4.qsly = value.dictValue
+      this.showqsly = false
+    },
+    // 房屋状态弹出框
+    onConfirmfwzt(value){
+      this.form4.fwztName = value.dictLabel
+      this.form4.fwzt = value.dictValue
+      this.showfwzt = false
+    },
+    // 结构类型弹出框
+    onConfirmjglx(value){
+      this.form4.jglxName = value.dictLabel
+      this.form4.jglx = value.dictValue
+      this.showjglx = false
+    },
+    // 建筑物情况弹出框
+    onConfirmjzwqk(value){
+      this.form4.jzwqkName = value.dictLabel
+      this.form4.jzwqk = value.dictValue
+      this.showjzwqk = false
+    },
+    // 土地状况弹出框
+    onConfirmtdzk(value){
+      this.form4.tdzkName = value.dictLabel
+      this.form4.tdzk = value.dictValue
+      this.showtdzk = false
+    },
+    // 当前利用状况弹出框
+    onConfirmlyzk(value){
+      this.form.lyzkName = value.dictLabel
+      this.form.lyzk = value.dictValue
+      this.showlyzk = false
+    },
+    // 数据来源弹出框
+    onConfirmsjly(value){
+      this.form.sjlyName = value.dictLabel
+      this.form.sjly = value.dictValue
+      this.showsjly = false
+    },
+    // 自然幢数据里来源弹出框
+    onConfirmzrzsjly(value){
+      this.form3.sjlyName = value.dictLabel
+      this.form3.sjly = value.dictValue
+      this.showzrzsjly = false
+    },
+    // 闲置开始时间弹出框
+    onConfirmxzkssj(val){
+      let year = val.getFullYear()
+      let month = val.getMonth() + 1
+      let day = val.getDate()
+      if (month >= 1 && month <= 9) { month = `0${month}` }
+      if (day >= 1 && day <= 9) { day = `0${day}` }
+      this.form.xzkssj = year+"-"+month+"-"+day
+      this.showPickerxzkssj= false
+    },
+    goBack(){
+      if(this.ztMap && this.enterMap ==1){
+        if(this.form.id == null){
+          this.backMap.backMapZjdAData.theGeom= "";
+        }else{
+          this.backMap.backMapZjdAData = this.form;
+        }
+        this.$cookies.set("search",this.backMap);
+      } else {
+        this.$cookies.set("search","");
+      }
+      this.$router.push({name:'homesteadList'});
+      // }
+    },
+    // 设为户主
+    setNh(item,index){
+      Dialog.confirm({
+        title: '警告',
+        message: '此操作将删除原户主，并将此成员设为新户主，是否确认操作？',
+      })
+        .then(() => {
+          // on confirm
+          delNhhncy(item.id).then(res => {
+            if(res.code=="200"){
+              this.hncylist.splice(index,1);
+            }
+          })
+          // 更新户主信息
+          let pnh = {
+            deptId : item.deptId,
+            nhdm : item.nhdm,
+            hzxm : item.xm,
+            hzzjlx : item.zjlx,
+            hzzjhm : item.zjhm,
+            phone : item.lxdh,
+            jzqk: item.jzqk,
+            occupation :item.occupation,
+            hyzk: item.hyzk,
+            sfwbh:item.sfwbh,
+            sfpkh:item.sfpkh
+          }
+          setNhInfo(pnh).then(res => {
+          })
+          // 更新使用权人
+          let psyqr = {
+            deptId : item.deptId,
+            nhdm : item.nhdm,
+            shyqrdbxm : item.xm,
+            shyqrdbzjlx : item.zjlx,
+            shyqrdbzjhm : item.zjhm,
+            xb : item.xb,
+            dh : item.lxdh
+          }
+          setSyqrInfo(psyqr).then(res => {
+          })
+        })
+        .catch(() => {
+          // on cancel
+        });
+    },
+    // 删除房屋
+    deletefw(id,index){
+      Dialog.confirm({
+        title: '警告',
+        message: '确认删除此房屋么？',
+      })
+        .then(() => {
+          // on confirm
+          delNmfw(id).then(response => {
+            if(response.code=='200'){
+              this.fwlist.splice(index,1)
+            }
+          })
+        })
+        .catch(() => {
+          // on cancel
+        });
+    },
+    showPopupnh(item){
+
+      if(item==""){
+        this.shownh = true;
+        let params = {
+          "deptId" : this.item.deptId
+        }
+        this.nhform={
+          "suyqrdm":null,
+          "deptId":this.item.deptId,
+          "hzzjlx":'01',
+          "hzzjlxName":"身份证",
+          "hyzk":'02',
+          "occupation":'1',
+          "occupationName":'务农',
+          "jzqk":'3',
+          "jzqkName":'常年居住',
+          "jzhcssfyzf":'1',
+          "jzhcssfyzfName":'无住房',
+          "zqtczsfyzf":'1',
+          "sfbccm":'1',
+          "sfpkh":'0',
+          "sfwbh":'0',
+          "sjly":'07',
+          "sjlyName":'农村集体产权制度改革',
+        }
+        listSuyqr(params).then((response) => {
+          if(response.rows.length>0){
+            this.nhform.suyqrdm = response.rows[0].suyqrdm
+            this.nhform.txdz = response.rows[0].suyqrmc
+          }else{
+            this.nhform.suyqrdm = this.form.suyqrdm
+            this.nhform.txdz = this.form.zl
+          }
+        });
+      }else{
+        let params = {
+          "deptId" : this.item.deptId,
+          nhdm:item.nhdm
+        }
+        listNh(params).then((response) => {
+          if(response.rows.length>0){
+            this.nhform = response.rows[0]
+            this.shownh = true;
+            if(this.nhform.hzzjlx==null||this.nhform.hzzjlx==''){
+              this.nhform.hzzjlx = '01'
+              this.nhform.hzzjlxName = '身份证'
+            }
+            if(this.nhform.hyzk==null||this.nhform.hyzk==''){
+              this.nhform.hyzk = '02'
+            }
+            if(this.nhform.occupation==null||this.nhform.occupation==''){
+              this.nhform.occupation = '1'
+              this.nhform.occupationName = '务农'
+            }
+            if(this.nhform.jzqk==null||this.nhform.jzqk==''){
+              this.nhform.jzqk = '3'
+              this.nhform.jzqkName = '常年居住'
+            }
+            if(this.nhform.jzhcssfyzf==null||this.nhform.jzhcssfyzf==''){
+              this.nhform.jzhcssfyzf = '1'
+              this.nhform.jzhcssfyzfName = '无住房'
+            }
+            if(this.nhform.zqtczsfyzf==null||this.nhform.zqtczsfyzf==''){
+              this.nhform.zqtczsfyzf = '1'
+            }
+            if(this.nhform.sfbccm==null||this.nhform.sfbccm==''){
+              this.nhform.sfbccm = '1'
+            }
+            if(this.nhform.sfpkh==null||this.nhform.sfpkh==''){
+              this.nhform.sfpkh = '0'
+            }
+            if(this.nhform.sfwbh==null||this.nhform.sfwbh==''){
+              this.nhform.sfwbh = '0'
+            }
+            if(this.nhform.sjly==null||this.nhform.sjly==''){
+              this.nhform.sjly = '07'
+              this.nhform.sjlyName = '农村集体产权制度改革'
+            }
+            this.jzhcssfyzfOptions.map(res => {
+              if(res.dictValue == this.nhform.jzhcssfyzf){
+                this.nhform.jzhcssfyzfName = res.dictLabel
+              }
+            })
+            this.zjlxOptions.map(res => {
+              if(res.dictValue == this.nhform.hzzjlx){
+                this.nhform.hzzjlxName = res.dictLabel
+              }
+            })
+            this.occupationOptions.map(res => {
+              if(res.dictValue == this.nhform.occupation){
+                this.nhform.occupationName = res.dictLabel
+              }
+            })
+            this.jzqkOptions.map(res => {
+              if(res.dictValue == this.nhform.jzqk){
+                this.nhform.jzqkName = res.dictLabel
+              }
+            })
+            this.sjlyOptions.map(res => {
+              if(res.dictValue == this.nhform.sjly){
+                this.nhform.sjlyName = res.dictLabel
+              }
+            })
+          }else{
+            this.$toast({
+              type: 'fail', // 找到自己需要的图标
+              message: '无对应农户信息，请先新增户主信息后再进行关联！',
+              duration:"3000",
+              onClose:function(){
+              }
+            })
+          }
+        });
+      }
+
+    },
+    getZjd() {
+      let _this = this
+      if(this.item.zjddm){
+        let params = {
+          "zjddm":this.item.zjddm,
+          deptId:this.item.deptId
+        }
+        listZjdzd(params).then(response => {
+          this.form = response.rows[0];
+          if(this.form.sffz==null||this.form.sffz==""){
+            this.form.sffz = "Y"
+          }
+          if(this.form.yt==null||this.form.yt==""){
+            this.form.yt = "072"
+            this.form.ytmc="农村宅基地"
+          }
+          if(this.form.lyzk==null||this.form.lyzk==""){
+            this.form.lyzk = "1"
+            this.form.lyzkName="正常使用"
+          }
+          if(this.form.lzyx==null||this.form.lzyx==""){
+            this.form.lzyx = "0"
+          }
+          if(this.form.yctcyx==null||this.form.yctcyx==""){
+            this.form.yctcyx = "0"
+          }
+          if(this.form.bccjl==null||this.form.bccjl==""){
+            this.form.bccjl = "0"
+          }
+          if(this.form.zjdqdfs==null||this.form.zjdqdfs==""){
+            this.form.zjdqdfs = "01"
+          }
+          if(this.form.dj==null||this.form.dj==""){
+            this.form.dj = "1"
+            this.form.djName = "一类"
+          }
+          if(this.form.qllx==null||this.form.qllx==""){
+            this.form.qllx = "1"
+            this.form.qllxName = "集体土地所有权"
+          }
+          if(this.form.qlxz==null||this.form.qlxz==""){
+            this.form.qlxz = "203"
+            this.form.qlxzName = "批准拨用"
+          }
+          if(this.form.qlsdfs==null||this.form.qlsdfs==""){
+            this.form.qlsdfs = "1"
+            this.form.qlsdfsName = "地上"
+          }
+          console.log(this.form.sjly)
+          if(this.form.sjly==null||this.form.sjly==""){
+            this.form.sjly = "04"
+            this.form.sjlyName = "农村宅基地使用权确权登记发证"
+          }else{
+            this.sjlyOptions.map(res => {
+              if(res.dictValue == this.form.sjly){
+                this.form.sjlyName = res.dictLabel
+              }
+            })
+          }
+          this.fileListzjd = []
+          if(this.form.zjdxctp!=null&&this.form.zjdxctp!=""&&this.form.zjdxctp.length>0){
+            let li = this.form.zjdxctp.split(",");
+            li.map(res => {
+              this.fileListzjd.push({"url":this.baseUrl+res,"baseUrl":res})
+            })
+          }
+
+          this.lyzkOptions.map(res => {
+            if(res.dictValue == this.form.lyzk){
+              this.form.lyzkName = res.dictLabel
+            }
+          })
+          this.qllxOptions.map(res => {
+            if(res.dictValue == this.form.qllx){
+              this.form.qllxName = res.dictLabel
+            }
+          })
+          this.qlxzOptions.map(res => {
+            if(res.dictValue == this.form.qlxz){
+              this.form.qlxzName = res.dictLabel
+            }
+          })
+          this.qlsdfsOptions.map(res => {
+            if(res.dictValue == this.form.qlsdfs){
+              this.form.qlsdfsName = res.dictLabel
+            }
+          })
+          this.ytOptions.map(res => {
+            if(res.dictValue == this.form.yt){
+              this.form.ytmc = res.dictLabel
+            }
+          })
+          this.tddjOptions.map(res => {
+            if(res.dictValue == this.form.dj){
+              this.form.djName = res.dictLabel
+            }
+          })
+          this.zjdProduct();
+        });
+      }else{
+        let params = {
+          "deptId" : this.item.deptId
+        }
+        listSuyqr(params).then((response) => {
+          this.form = {
+            deptId :this.item.deptId,
+            sffz:"Y",
+            yt:"072",
+            ytmc:"农村宅基地",
+            lyzk:"1",
+            lyzkName:"正常使用",
+            lzyx:'0',
+            yctcyx:'0',
+            bccjl:'0',
+            zjdqdfs:'01',
+            dj:'1',
+            djName:'一类',
+            qllx:'1',
+            qllxName:'集体土地所有权',
+            qlxz:'203',
+            qlxzName:'批准拨用',
+            qlsdfs:'1',
+            qlsdfsName:'地上',
+            sjly:'04',
+            sjlyName:'农村宅基地使用权确权登记发证',
+            zl:'',
+            theGeom:this.form.theGeom,
+          }
+          if(response.rows.length>0){
+            this.form.suyqrdm = response.rows[0].suyqrdm
+            this.form.zl = response.rows[0].suyqrmc
+          }
+          this.zjdProduct();
+        });
+      }
+    },
+    getSyqrList() {
+      if(this.item.zjddm!=null||this.form.zjddm!=null) {
+        let params = {
+          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
+          deptId:this.item.deptId
+        }
+        listShyqr(params).then(response => {
+          this.syqrlist = response.rows;
+        });
+      }
+    },
+    getZrzList() {
+      if(this.item.zjddm!=null||this.form.zjddm!=null) {
+        let params = {
+          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
+          deptId:this.item.deptId
+        }
+        listZrz(params).then(response => {
+          this.zrzlist = response.rows;
+          if(this.active ==3 && this.enterMap ==1 && this.ztMap){
+            this.form3.zjddm = this.backMap.zjddm;
+          }
+        });
+        /*listNmfw(params).then(r => {
+            this.fwlist = r.rows
+          })*/
+      }
+    },
+    getFsssList() {
+      if(this.item.zjddm!=null||this.form.zjddm!=null) {
+        let params = {
+          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
+          deptId:this.item.deptId
+        }
+        listFsss(params).then(response => {
+          this.fssslist = response.rows;
+          if(this.active ==4 && this.enterMap ==1 && this.ztMap){
+            this.form4.zjddm = this.backMap.zjddm;
+          }
+        });
+      }
+    },
+    onSubmithncy(){
+      if (this.form5.id != null) {
+        if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+          if(this.form5.xb!='1'){
+            Dialog.confirm({
+              title: '警告',
+              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+            })
+              .then(() => {
+                // on confirm
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              })
+              .catch(() => {
+                // on cancel
+              });
+          }else{
+            updateNhhncy(this.form5).then(response => {
+              let _this =this
+              this.$toast({
+                icon: 'success', // 找到自己需要的图标
+                message: '修改成功',
+                duration:"1000",
+                onClose:function(){
+                  _this.showhncy = false
+                  let params = {
+                    "nhdm":_this.form5.nhdm,
+                    deptId:_this.form5.deptId
+                  }
+                  listNhhncy(params).then((response) => {
+                    _this.hncylist = response.rows
+                  })
+                }
+              })
+            });
+          }
+        } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
+          if(this.form5.xb!='0'){
+            Dialog.confirm({
+              title: '警告',
+              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+            })
+              .then(() => {
+                // on confirm
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              })
+              .catch(() => {
+                // on cancel
+              });
+          }else{
+            updateNhhncy(this.form5).then(response => {
+              let _this =this
+              this.$toast({
+                icon: 'success', // 找到自己需要的图标
+                message: '修改成功',
+                duration:"1000",
+                onClose:function(){
+                  _this.showhncy = false
+                  let params = {
+                    "nhdm":_this.form5.nhdm,
+                    deptId:_this.form5.deptId
+                  }
+                  listNhhncy(params).then((response) => {
+                    _this.hncylist = response.rows
+                  })
+                }
+              })
+            });
+          }
+        }else{
+          updateNhhncy(this.form5).then(response => {
+            let _this =this
+            this.$toast({
+              icon: 'success', // 找到自己需要的图标
+              message: '修改成功',
+              duration:"1000",
+              onClose:function(){
+                _this.showhncy = false
+                let params = {
+                  "nhdm":_this.form5.nhdm,
+                  deptId:_this.form5.deptId
+                }
+                listNhhncy(params).then((response) => {
+                  _this.hncylist = response.rows
+                })
+              }
+            })
+          });
+        }
+      } else {
+        if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+          if(this.form5.xb!='1'){
+            Dialog.confirm({
+              title: '警告',
+              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+            })
+              .then(() => {
+                // on confirm
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              })
+              .catch(() => {
+                // on cancel
+              });
+          }else{
+            addNhhncy(this.form5).then(response => {
+              let _this =this
+              this.$toast({
+                icon: 'success', // 找到自己需要的图标
+                message: '保存成功',
+                duration:"1000",
+                onClose:function(){
+                  _this.showhncy = false
+                  let params = {
+                    "nhdm":_this.form5.nhdm,
+                    deptId:_this.form5.deptId
+                  }
+                  listNhhncy(params).then((response) => {
+                    _this.hncylist = response.rows
+                  })
+                }
+              })
+            });
+          }
+        } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
+          if(this.form5.xb!='0'){
+            Dialog.confirm({
+              title: '警告',
+              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+            })
+              .then(() => {
+                // on confirm
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              })
+              .catch(() => {
+                // on cancel
+              });
+          }else{
+            addNhhncy(this.form5).then(response => {
+              let _this =this
+              this.$toast({
+                icon: 'success', // 找到自己需要的图标
+                message: '保存成功',
+                duration:"1000",
+                onClose:function(){
+                  _this.showhncy = false
+                  let params = {
+                    "nhdm":_this.form5.nhdm,
+                    deptId:_this.form5.deptId
+                  }
+                  listNhhncy(params).then((response) => {
+                    _this.hncylist = response.rows
+                  })
+                }
+              })
+            });
+          }
+        }else{
+          addNhhncy(this.form5).then(response => {
+            let _this =this
+            this.$toast({
+              icon: 'success', // 找到自己需要的图标
+              message: '保存成功',
+              duration:"1000",
+              onClose:function(){
+                _this.showhncy = false
+                let params = {
+                  "nhdm":_this.form5.nhdm,
+                  deptId:_this.form5.deptId
+                }
+                listNhhncy(params).then((response) => {
+                  _this.hncylist = response.rows
+                })
+              }
+            })
+          });
+        }
+
+      }
+    },
+    onSubmitsyqr(){
+      if(this.form.id==null||this.form.id==""){
+        Notify({ type: 'danger', message: '请先保存宅基地信息' });
+      }else{
+        if (this.form1.id != null) {
+          if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 1) {
+            if(this.form1.xb!='1'){
+              Dialog.confirm({
+                title: '警告',
+                message: '使用权人性别与身份证号中性别信息不符，是否继续保存？',
+              })
+                .then(() => {
+                  // on confirm
+                  updateShyqr(this.form1).then(response => {
+                    let _this =this
+                    this.$toast({
+                      icon: 'success', // 找到自己需要的图标
+                      message: '修改成功',
+                      duration:"1000",
+                      onClose:function(){
+                        _this.showsyqr = false
+                        _this.active = 2
+                        _this.getSyqrList()
+                      }
+                    })
+                  });
+                })
+                .catch(() => {
+                  // on cancel
+                });
+            }else{
+              updateShyqr(this.form1).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.showsyqr = false
+                    _this.active = 2
+                    _this.getSyqrList()
+                  }
+                })
+              });
+            }
+          } else if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 0) {
+            if(this.form1.xb!='0'){
+              Dialog.confirm({
+                title: '警告',
+                message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+              })
+                .then(() => {
+                  // on confirm
+                  updateShyqr(this.form1).then(response => {
+                    let _this =this
+                    this.$toast({
+                      icon: 'success', // 找到自己需要的图标
+                      message: '修改成功',
+                      duration:"1000",
+                      onClose:function(){
+                        _this.showsyqr = false
+                        _this.active = 2
+                        _this.getSyqrList()
+                      }
+                    })
+                  });
+                })
+                .catch(() => {
+                  // on cancel
+                });
+            }else{
+              updateShyqr(this.form1).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.showsyqr = false
+                    _this.active = 2
+                    _this.getSyqrList()
+                  }
+                })
+              });
+            }
+          }else{
+            updateShyqr(this.form1).then(response => {
+              let _this =this
+              this.$toast({
+                icon: 'success', // 找到自己需要的图标
+                message: '修改成功',
+                duration:"1000",
+                onClose:function(){
+                  _this.showsyqr = false
+                  _this.active = 2
+                  _this.getSyqrList()
+                }
+              })
+            });
+          }
+        } else {
+          if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 1) {
+            if(this.form1.xb!='1'){
+              Dialog.confirm({
+                title: '警告',
+                message: '使用权人性别与身份证号中性别信息不符，是否继续保存？',
+              })
+                .then(() => {
+                  // on confirm
+                  addShyqr(this.form1).then(response => {
+                    let _this =this
+                    this.$toast({
+                      icon: 'success', // 找到自己需要的图标
+                      message: '保存成功',
+                      duration:"1000",
+                      onClose:function(){
+                        _this.showsyqr = false
+                        _this.active = 2
+                        _this.getSyqrList()
+                      }
+                    })
+                  });
+                })
+                .catch(() => {
+                  // on cancel
+                });
+            }else{
+              addShyqr(this.form1).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.showsyqr = false
+                    _this.active = 2
+                    _this.getSyqrList()
+                  }
+                })
+              });
+            }
+
+          } else if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 0) {
+            if(this.form1.xb!='0'){
+              Dialog.confirm({
+                title: '警告',
+                message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+              })
+                .then(() => {
+                  // on confirm
+                  addShyqr(this.form1).then(response => {
+                    let _this =this
+                    this.$toast({
+                      icon: 'success', // 找到自己需要的图标
+                      message: '保存成功',
+                      duration:"1000",
+                      onClose:function(){
+                        _this.showsyqr = false
+                        _this.active = 2
+                        _this.getSyqrList()
+                      }
+                    })
+                  });
+                })
+                .catch(() => {
+                  // on cancel
+                });
+            }else{
+              addShyqr(this.form1).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.showsyqr = false
+                    _this.active = 2
+                    _this.getSyqrList()
+                  }
+                })
+              });
+            }
+          }else{
+            addShyqr(this.form1).then(response => {
+              let _this =this
+              this.$toast({
+                icon: 'success', // 找到自己需要的图标
+                message: '保存成功',
+                duration:"1000",
+                onClose:function(){
+                  _this.showsyqr = false
+                  _this.active = 2
+                  _this.getSyqrList()
+                }
+              })
+            });
+          }
+        }
+      }
+    },
+    onSubmitnmfw(){
+      if (this.nmfwform.id != null) {
+        updateNmfw(this.nmfwform).then(response => {
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '修改成功',
+            duration:"1000",
+            onClose:function(){
+              _this.showfw = false
+            }
+          })
+        });
+      } else {
+        addNmfw(this.nmfwform).then(response => {
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '保存成功',
+            duration:"1000",
+            onClose:function(){
+              _this.showfw = false
+              _this.shownmfwlist(_this.nmfwform);
+            }
+          })
+        });
+      }
+    },
+    // 户主保存
+    onSubmitnh(){
+      if(this.nhform.id!=null){
+        updateNh(this.nhform).then(
+          response => {
+            let _this = this
+            this.$toast({
+              icon: 'success', // 找到自己需要的图标
+              message: '修改成功',
+              duration:"1000",
+              onClose:function(){
+                let psyqr = {
+                  deptId : _this.nhform.deptId,
+                  nhdm : _this.nhform.nhdm,
+                  shyqrdbxm : _this.nhform.hzxm,
+                  shyqrdbzjlx : _this.nhform.hzzjlx,
+                  shyqrdbzjhm : _this.nhform.hzzjhm,
+                  dh : _this.nhform.phone,
+                  dz : _this.nhform.txdz
+                }
+                setSyqrInfo(psyqr).then(res => {
+                  _this.shownh = false
+                  _this.getSyqrList()
+                })
+              }
+            })
+          }
+        );
+      }else{
+        this.nhform.deptId = this.item.deptId
+        addNh(this.nhform).then(
+          response => {
+            let _this =this
+            this.$toast({
+              icon: 'success', // 找到自己需要的图标
+              message: '保存成功',
+              duration:"1000",
+              onClose:function(){
+                _this.shownh = false
+              }
+            })
+          }
+        );
+      }
+    },
+    // 自然幢保存
+    onSubmitzrz(){
+      if (this.form3.id != null) {
+        updateZrz(this.form3).then(response => {
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '修改成功',
+            duration:"1000",
+            onClose:function(){
+              _this.showzrz = false
+              _this.active = 3
+              _this.getZrzList()
+
+            }
+          })
+        });
+      } else {
+        addZrz(this.form3).then(response => {
+          this.form3 = response.data
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '保存成功',
+            duration:"1000",
+            onClose:function(){
+              _this.showzrz = false
+              _this.active = 3
+              _this.getZrzList()
+
+            }
+          })
+        });
+      }
+    },
+    // 附属设施保存
+    onSubmitfsss(){
+      if (this.form4.id != null) {
+        updateFsss(this.form4).then(response => {
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '修改成功',
+            duration:"1000",
+            onClose:function(){
+              _this.showfsss = false;
+              _this.getFsssList()
+            }
+          })
+        });
+      } else {
+        addFsss(this.form4).then(response => {
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '保存成功',
+            duration:"1000",
+            onClose:function(){
+              _this.showfsss = false;
+              _this.getFsssList()
+
+            }
+          })
+        });
+      }
+    },
+    onSubmitzjd(){
+      if (this.form.id != null) {
+        updateZjdzd(this.form).then(response => {
+          this.$cookies.set("search",this.form);
+          console.log(this.$cookies.get("search"));
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '修改成功',
+            duration:"1000",
+            onClose:function(){
+              _this.active = 2
+              _this.getSyqrList()
+            }
+          })
+        });
+      } else {
+        addZjdzd(this.form).then(response => {
+          this.form = response.data
+          this.$cookies.set("search",this.form);
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '保存成功',
+            duration:"1000",
+            onClose:function(){
+              _this.active = 2
+              _this.getSyqrList()
+            }
+          })
+        });
+      }
+    },
+    showPopupsyqr(item) {
+      if(this.form.id==null||this.form.id==""){
+        Notify({ type: 'danger', message: '请先保存宅基地信息' });
+      }else{
+        if(item==""){
+          this.form1={
+            zjddm:this.form.zjddm,
+            suyqrdm:this.form.suyqrdm,
+            deptId:this.item.deptId,
+            gj:'1',
+            hklx:'01',
+            xb:'1',
+            sfbncjtjjzzcy:'Y',
+            sfsyqrzjgy:'N',
+            sfczr:'Y',
+            qlrlx:'10',
+            qlrlxName:'个人',
+            gyfs:'1',
+            gyfsName:'单独所有',
+            qlbl:'1',
+            hjszss:"150000",
+            hjszssName:"内蒙古自治区",
+          }
+        }else{
+          this.form1 = item
+          if(this.form1.gj==null||this.form1.gj==""){
+            this.form1.gj = '1'
+          }
+          if(this.form1.hklx==null||this.form1.hklx==""){
+            this.form1.hklx = '01'
+          }
+          if(this.form1.xb==null||this.form1.xb==""){
+            this.form1.xb = '1'
+          }
+          if(this.form1.sfbncjtjjzzcy==null||this.form1.sfbncjtjjzzcy==""){
+            this.form1.sfbncjtjjzzcy = 'Y'
+          }
+          if(this.form1.sfsyqrzjgy==null||this.form1.sfsyqrzjgy==""){
+            this.form1.sfsyqrzjgy = 'N'
+          }
+          if(this.form1.sfczr==null||this.form1.sfczr==""){
+            this.form1.sfczr = 'Y'
+          }
+          if(this.form1.qlrlx==null||this.form1.qlrlx==""){
+            this.form1.qlrlx = 'Y'
+            this.form1.qlrlxName = '个人'
+          }
+          if(this.form1.gyfs==null||this.form1.gyfs==""){
+            this.form1.gyfs = '1'
+            this.form1.gyfsName = '单独所有'
+          }
+          if(this.form1.qlbl==null||this.form1.qlbl==""){
+            this.form1.qlbl = '1'
+          }
+          if(this.form1.hjszss==null||this.form1.hjszss==""){
+            this.form1.hjszss = '150000'
+            this.form1.hjszssName = '内蒙古自治区'
+          }
+          this.industryOptions.map(res => {
+            if(res.dictValue == this.form1.sshy){
+              this.form1.sshyName = res.dictLabel
+            }
+          })
+          this.sjlyOptions.map(res => {
+            if(res.dictValue == this.form1.sjly){
+              this.form1.sjlyName = res.dictLabel
+            }
+          })
+          this.zjlxOptions.map(res => {
+            if(res.dictValue == this.form1.shyqrdbzjlx){
+              this.form1.shyqrdbzjlxName = res.dictLabel
+            }
+          })
+          this.qlrlxOptions.map(res => {
+            if(res.dictValue == this.form1.qlrlx){
+              this.form1.qlrlxName = res.dictLabel
+            }
+          })
+          this.gyfsOptions.map(res => {
+            if(res.dictValue == this.form1.gyfs){
+              this.form1.gyfsName = res.dictLabel
+            }
+          })
+          this.hjszssOptions.map(res => {
+            if(res.dictValue == this.form1.hjszss){
+              this.form1.hjszssName = res.dictLabel
+            }
+          })
+        }
+        this.showsyqr = true;
+      }
+    },
+    showPopuphncy(item){
+      if(item==""){
+        this.form5 = {
+          "nhdm":this.nhdm,
+          "deptId":this.item.deptId,
+          "zjlx":'01',
+          "zjlxName":"身份证",
+          "yhzgx":"12",
+          "yhzgxName":"妻",
+          "hyzk":'02',
+          "hklx":'01',
+          "occupation":'1',
+          "occupationName":'务农',
+          "jzqk":'3',
+          "jzqkName":'常年居住',
+          "sfbjtjjzzcy":'1',
+          "xb":'0',
+          "sfbccm":'1',
+          "sfpkh":'0',
+          "sfwbh":'0',
+          "sjly":'07',
+          "sjlyName":'农村集体产权制度改革',
+          "cybz":'9',
+          "cybzName":'其他备注'
+        }
+      }else{
+        this.form5 = item
+        if(this.form5.nhdm==null||this.form5.nhdm==""){
+          this.form5.nhdm = this.nhform.nhdm
+        }
+        if(this.form5.deptId==null||this.form5.deptId==""){
+          this.form5.deptId = this.nhform.deptId
+        }
+        if(this.form5.zjlx==null||this.form5.zjlx==""){
+          this.form5.zjlx = "01"
+          this.form5.zjlxName = "身份证"
+        }
+        if(this.form5.yhzgx==null||this.form5.yhzgx==""){
+          this.form5.yhzgx = "12"
+          this.form5.yhzgxName = "妻"
+        }
+        if(this.form5.hyzk==null||this.form5.hyzk==""){
+          this.form5.hyzk = "02"
+        }
+        if(this.form5.hklx==null||this.form5.hklx==""){
+          this.form5.hklx = "01"
+        }
+        if(this.form5.occupation==null||this.form5.occupation==""){
+          this.form5.occupation = "1"
+          this.form5.occupationName = "务农"
+        }
+        if(this.form5.jzqk==null||this.form5.jzqk==""){
+          this.form5.jzqk = "3"
+          this.form5.jzqkName = "常年居住"
+        }
+        if(this.form5.sfbjtjjzzcy==null||this.form5.sfbjtjjzzcy==""){
+          this.form5.sfbjtjjzzcy = "1"
+        }
+        if(this.form5.xb==null||this.form5.xb==""){
+          this.form5.xb = "0"
+        }
+        if(this.form5.sfbccm==null||this.form5.sfbccm==""){
+          this.form5.sfbccm = "1"
+        }
+        if(this.form5.sfpkh==null||this.form5.sfpkh==""){
+          this.form5.sfpkh = "0"
+        }
+        if(this.form5.sfwbh==null||this.form5.sfwbh==""){
+          this.form5.sfwbh = "0"
+        }
+        if(this.form5.sjly==null||this.form5.sjly==""){
+          this.form5.sjly = "07"
+          this.form5.sjlyName = "农村集体产权制度改革"
+        }
+        if(this.form5.cybz==null||this.form5.cybz==""){
+          this.form5.cybz = "9"
+          this.form5.cybzName = "其他备注"
+        }
+        this.jzhcssfyzfOptions.map(res => {
+          if(res.dictValue == item.jzhcssfyzf){
+            this.form5.jzhcssfyzfName = res.dictLabel
+          }
+        })
+        this.zjlxOptions.map(res => {
+          if(res.dictValue == item.zjlx){
+            this.form5.zjlxName = res.dictLabel
+          }
+        })
+        this.occupationOptions.map(res => {
+          if(res.dictValue == item.occupation){
+            this.form5.occupationName = res.dictLabel
+          }
+        })
+        this.jzqkOptions.map(res => {
+          if(res.dictValue == item.jzqk){
+            this.form5.jzqkName = res.dictLabel
+          }
+        })
+        this.yhzgxOptions.map(res => {
+          if(res.dictValue == item.yhzgx){
+            this.form5.yhzgxName = res.dictLabel
+          }
+        })
+        this.cybzOptions.map(res => {
+          if(res.dictValue == item.cybz){
+            this.form5.cybzName = res.dictLabel
+          }
+        })
+        this.sjlyOptions.map(res => {
+          if(res.dictValue == item.sjly){
+            this.form5.sjlyName = res.dictLabel
+          }
+        })
+      }
+      this.showhncy = true
+    },
+    showPopupzrz(item) {
+      console.log(item);
+      if(this.form.id==null||this.form.id==""){
+        Notify({ type: 'danger', message: '请先保存宅基地信息' });
+      }else{
+        if(item==""){
+          this.form3={
+            zjddm:this.item.zjddm?this.item.zjddm:this.form.zjddm,
+            deptId:this.item.deptId?this.item.deptId:this.form.deptId,
+            zcs:"1",
+            dscs:"1",
+            dxcs:"0",
+            fwjg:'02',
+            fwjgName:'钢和钢筋混凝土结构',
+            sjly:'04',
+            sjlyName:'农村宅基地使用权确权登记发证',
+            theGeom:this.form.theGeom,
+          }
+          this.zrzProduct();
+        }else{
+          this.form3 = item
+          console.log(this.form3);
+          this.form3.theGeom = item.theGeom;
+          if(this.form3.zcs==null||this.form3.zcs==""){
+            this.form3.zcs = "1"
+          }
+          if(this.form3.dscs==null||this.form3.dscs==""){
+            this.form3.dscs = "1"
+          }
+          if(this.form3.dxcs==null||this.form3.dxcs==""){
+            this.form3.dxcs = "0"
+          }
+          if(this.form3.fwjg==null||this.form3.fwjg==""){
+            this.form3.fwjg = "02"
+            this.form3.fwjgName = "钢和钢筋混凝土结构"
+          }
+          if(this.form3.sjly==null||this.form3.sjly==""){
+            this.form3.sjly = "04"
+            this.form3.sjlyName = "农村宅基地使用权确权登记发证"
+          }
+          if(this.form3.sjly!=null){
+            this.sjlyOptions.map(res => {
+              if(res.dictValue == this.form3.sjly){
+                this.form3.sjlyName = res.dictLabel
+              }
+            })
+          }
+          if(this.form3.fwjg!=null){
+            this.fwjgOptions.map(res => {
+              if(res.dictValue == this.form3.fwjg){
+                this.form3.fwjgName = res.dictLabel
+              }
+            })
+          }
+          if(this.form3.theGeom == null){
+            this.form3.theGeom = this.form.theGeom;
+          }
+        }
+        this.showzrz = true;
+        this.zrzProduct();
+        this.active = 3;
+        // if(){
+        //
+        // }
+      }
+    },
+    showPopupfw(item) {
+      this.fileListfw = []
+      if(this.form.id==null||this.form.id==""){
+        Notify({ type: 'danger', message: '请先保存宅基地信息' });
+      }else{
+        this.showfw = true;
+        if(item==""){
+          this.nmfwform={
+            zrzh: this.zrzh,
+            deptId : this.item.deptId?this.item.deptId:this.form.deptId,
+            zjddm : this.item.zjddm?this.item.zjddm:this.form.zjddm,
+            nmfwzh : null,
+            ch:"1",
+            sjc:"1",
+            myc:"1",
+            sjcs:"1",
+            hx:'03',
+            hxName:'三居室',
+            hxjg:'01',
+            hxjgName:'平层',
+            fwjg:'02',
+            fwjgName:'钢和钢筋混凝土结构',
+            fwyt:'10',
+            fwytName:'住宅',
+            sfjf:'0',
+            sfcf:'0',
+            sffz:'Y',
+            isCommon:'N',
+            fwzt:'01',
+            fwztName:'正常',
+            isMortgage:'N',
+            sjly:'04',
+            sjlyName:'农村宅基地使用权确权登记发证',
+            fwlx:'01',
+            fwlxName:'住宅',
+            lyzk:'11',
+            lyzkName:'居住',
+            lzyx:'0',
+            yctcyx:'0',
+            qsly:'01',
+            qslyName:'申请',
+            sfkjgj:'N',
+            pzdw:'1',
+          }
+        }else{
+          this.nmfwform = item
+          if(this.nmfwform.zjdxctp!=null&&this.nmfwform.zjdxctp!=""&&this.nmfwform.zjdxctp.length>0){
+            let li = this.nmfwform.zjdxctp.split(",");
+            li.map(res => {
+              this.fileListfw.push({"url":this.baseUrl+res,"baseUrl":res})
+
+            })
+          }
+          if(this.nmfwform.sfkjgj==null||this.nmfwform.sfkjgj==""){
+            this.nmfwform.sfkjgj = "N"
+          }
+          if(this.nmfwform.qsly==null||this.nmfwform.qsly==""){
+            this.nmfwform.qsly = "01"
+            this.nmfwform.qslyName = "申请"
+          }
+          if(this.nmfwform.yctcyx==null||this.nmfwform.yctcyx==""){
+            this.nmfwform.yctcyx = "0"
+          }
+          if(this.nmfwform.lzyx==null||this.nmfwform.lzyx==""){
+            this.nmfwform.lzyx = "0"
+          }
+          if(this.nmfwform.lyzk==null||this.nmfwform.lyzk==""){
+            this.nmfwform.lyzk = "11"
+            this.nmfwform.lyzkName = "居住"
+          }
+          if(this.nmfwform.fwlx==null||this.nmfwform.fwlx==""){
+            this.nmfwform.fwlx = "01"
+            this.nmfwform.fwlxName = "住宅"
+          }
+          if(this.nmfwform.sjly==null||this.nmfwform.sjly==""){
+            this.nmfwform.sjly = "04"
+            this.nmfwform.sjlyName = "农村宅基地使用权确权登记发证"
+          }
+          if(this.nmfwform.isMortgage==null||this.nmfwform.isMortgage==""){
+            this.nmfwform.isMortgage = "N"
+          }
+          if(this.nmfwform.fwzt==null||this.nmfwform.fwzt==""){
+            this.nmfwform.fwzt = "01"
+            this.nmfwform.fwztName = "正常"
+          }
+          if(this.nmfwform.pzdw==null||this.nmfwform.pzdw==""){
+            this.nmfwform.pzdw = "1"
+          }
+          if(this.nmfwform.sfkjgj==null||this.nmfwform.sfkjgj==""){
+            this.nmfwform.sfkjgj = "N"
+          }
+          if(this.nmfwform.zrzh==null||this.nmfwform.zrzh==""){
+            this.nmfwform.zrzh = this.item.zrzh
+          }
+          if(this.nmfwform.deptId==null||this.nmfwform.deptId==""){
+            this.nmfwform.deptId = this.item.deptId
+          }
+          if(this.nmfwform.zjddm==null||this.nmfwform.zjddm==""){
+            this.nmfwform.zjddm = this.item.zjddm
+          }
+          if(this.nmfwform.nmfwzh==null||this.nmfwform.nmfwzh==""){
+            this.nmfwform.nmfwzh = this.item.nmfwzh
+          }
+          if(this.nmfwform.ch==null||this.nmfwform.ch==""){
+            this.nmfwform.ch = "1"
+          }
+          if(this.nmfwform.sjc==null||this.nmfwform.sjc==""){
+            this.nmfwform.sjc = "1"
+          }
+          if(this.nmfwform.myc==null||this.nmfwform.myc==""){
+            this.nmfwform.myc = "1"
+          }
+          if(this.nmfwform.sjcs==null||this.nmfwform.sjcs==""){
+            this.nmfwform.sjcs = "1"
+          }
+          if(this.nmfwform.hx==null||this.nmfwform.hx==""){
+            this.nmfwform.hx = "03"
+            this.nmfwform.hxName = "三居室"
+          }
+          if(this.nmfwform.hxjg==null||this.nmfwform.hxjg==""){
+            this.nmfwform.hxjg = "01"
+            this.nmfwform.hxjgName = "平层"
+          }
+          if(this.nmfwform.fwjg==null||this.nmfwform.fwjg==""){
+            this.nmfwform.fwjg = "02"
+            this.nmfwform.fwjgName = "钢和钢筋混凝土结构"
+          }
+          if(this.nmfwform.fwyt==null||this.nmfwform.fwyt==""){
+            this.nmfwform.fwyt = "10"
+            this.nmfwform.fwytName = "住宅"
+          }
+          if(this.nmfwform.sfjf==null||this.nmfwform.sfjf==""){
+            this.nmfwform.sfjf = "0"
+          }
+          if(this.nmfwform.sfcf==null||this.nmfwform.sfcf==""){
+            this.nmfwform.sfcf = "0"
+          }
+          if(this.nmfwform.sffz==null||this.nmfwform.sffz==""){
+            this.nmfwform.sffz = "Y"
+          }
+          if(this.nmfwform.isCommon==null||this.nmfwform.isCommon==""){
+            this.nmfwform.isCommon = "N"
+          }
+          this.sjlyOptions.map(res => {
+            if(res.dictValue == item.sjly){
+              this.nmfwform.sjlyName = res.dictLabel
+            }
+          })
+          this.hxjgOptions.map(res => {
+            if(res.dictValue == item.hxjg){
+              this.nmfwform.hxjgName = res.dictLabel
+            }
+          })
+          this.hxOptions.map(res => {
+            if(res.dictValue == item.hx){
+              this.nmfwform.hxName = res.dictLabel
+            }
+          })
+          this.fwjgOptions.map(res => {
+            if(res.dictValue == item.fwjg){
+              this.nmfwform.fwjgName = res.dictLabel
+            }
+          })
+          this.fwytOptions.map(res => {
+            if(res.dictValue == item.fwyt){
+              this.nmfwform.fwytName = res.dictLabel
+            }
+          })
+          this.tdzkOptions.map(res => {
+            if(res.dictValue == item.tdzk){
+              this.nmfwform.tdzkName = res.dictLabel
+            }
+          })
+          this.pzsjOptions.map(res => {
+            if(res.dictValue == item.pzsj){
+              this.nmfwform.pzsjName = res.dictLabel
+            }
+          })
+          this.phlymsOptions.map(res => {
+            if(res.dictValue == item.phlyms){
+              this.nmfwform.phlymsName = res.dictLabel
+            }
+          })
+          this.fwlxOptions.map(res => {
+            if(res.dictValue == item.fwlx){
+              this.nmfwform.fwlxName = res.dictLabel
+            }
+          })
+          this.nmfwlyzkOptions.map(res => {
+            if(res.dictValue == item.lyzk){
+              this.nmfwform.lyzkName = res.dictLabel
+            }
+          })
+          this.fwztOptions.map(res => {
+            if(res.dictValue == item.fwzt){
+              this.nmfwform.fwztName = res.dictLabel
+            }
+          })
+          this.qslyOptions.map(res => {
+            if(res.dictValue == item.qsly){
+              this.nmfwform.qslyName = res.dictLabel
+            }
+          })
+
+        }}
+    },
+    showPopuphncylist(item){
+      if(item.nhdm==null||item.nhdm==""){
+        Notify({ type: 'danger', message: '使用权人农户代码不能为空' });
+      }else{
+        this.showhncylist = true;
+        if(item==""){
+          this.hncylist=[]
+        }else{
+          this.nhdm = item.nhdm
+          this.hncylist=[]
+          let params = {
+            "nhdm":item.nhdm,
+            deptId:this.item.deptId
+          }
+          listNhhncy(params).then((response) => {
+            this.hncylist = response.rows
+          })
+        }
+      }
+
+    },
+    showPopupfsss(item) {if(this.form.id==null||this.form.id==""){
+      Notify({ type: 'danger', message: '请先保存宅基地信息' });
+    }else{
+      if(item==""){
+        this.form4={
+          deptId:this.item.deptId?this.item.deptId:this.form.deptId,
+          zjddm:this.item.zjddm?this.item.zjddm:this.form.zjddm,
+          fssslx:'11',
+          fssslxName:'畜厩',
+          qsly:'99',
+          qslyName:'其他',
+          fwzt:'01',
+          fwztName:'正常',
+          sfsp:'N',
+          sffz:'N',
+          jglx:'2',
+          jglxName:'砖混',
+          sfzzsy:'Y',
+          jzwqk:'01',
+          jzwqkName:'正常',
+          tdzk:'3',
+          tdzkName:'其他',
+          sfsgcf:'N',
+          theGeom:this.form.theGeom,
+        }
+        this.fsssProduct();
+      }else{
+        this.form4=item
+        console.log(this.form4);
+        if(this.form4.fssslx==null||this.form4.fssslx==""){
+          this.form4.fssslx = "11"
+          this.form4.fssslxName = "畜厩"
+        }
+        if(this.form4.qsly==null||this.form4.qsly==""){
+          this.form4.qsly = "99"
+          this.form4.qslyName = "其他"
+        }
+        if(this.form4.fwzt==null||this.form4.fwzt==""){
+          this.form4.fwzt = "01"
+          this.form4.fwztName = "正常"
+        }
+        if(this.form4.sfsp==null||this.form4.sfsp==""){
+          this.form4.sfsp = "N"
+        }
+        if(this.form4.sffz==null||this.form4.sffz==""){
+          this.form4.sffz = "N"
+        }
+        if(this.form4.jglx==null||this.form4.jglx==""){
+          this.form4.jglx = "2"
+          this.form4.jglxName = "砖混"
+        }
+        if(this.form4.sfzzsy==null||this.form4.sfzzsy==""){
+          this.form4.sfzzsy = "Y"
+        }
+        if(this.form4.jzwqk==null||this.form4.jzwqk==""){
+          this.form4.jzwqk = "01"
+          this.form4.jzwqkName = "正常"
+        }
+        if(this.form4.tdzk==null||this.form4.tdzk==""){
+          this.form4.tdzk = "3"
+          this.form4.tdzkName = "其他"
+        }
+        if(this.form4.sfsgcf==null||this.form4.sfsgcf==""){
+          this.form4.sfsgcf = "N"
+        }
+        if(this.form4.theGeom==null||this.form4.theGeom==""){
+          this.form4.theGeom = this.form.theGeom
+        }
+        this.fssslxOptions.map(res => {
+          if(res.dictValue == item.fssslx){
+            this.form4.fssslxName = res.dictLabel
+          }
+        })
+        this.qslyOptions.map(res => {
+          if(res.dictValue == item.qsly){
+            this.form4.qslyName = res.dictLabel
+          }
+        })
+        this.fwztOptions.map(res => {
+          if(res.dictValue == item.fwzt){
+            this.form4.fwztName = res.dictLabel
+          }
+        })
+        this.jglxOptions.map(res => {
+          if(res.dictValue == item.jglx){
+            this.form4.jglxName = res.dictLabel
+          }
+        })
+        this.jzwqkOptions.map(res => {
+          if(res.dictValue == item.jzwqk){
+            this.form4.jzwqkName = res.dictLabel
+          }
+        })
+        this.tdzkOptions.map(res => {
+          if(res.dictValue == item.tdzk){
+            this.form4.tdzkName = res.dictLabel
+          }
+        })
+      }
+      this.showfsss = true;
+      this.active = 4;
+      this.fsssProduct();
+    }
+    },
+    showPopup3() {
+      this.show3 = true;
+      this.mapClickLoading();
+    },
+    onSubmit(values) {
+    },
+    changeActive(){
+      if(this.active<4){
+        this.active+=1
+      }else{
+        this.active=1
+      }
+    },
+    changeActiveBack(){
+      if(this.active>1){
+        this.active-=1
+        if(this.active ==1){
+          this.mapClickLoading();
+        }
+      }else{
+        this.active=1
+        this.mapClickLoading();
+      }
+    },
+    // 清空画板
+    handleReset() {
+      this.resultImg = null
+      if(this.$refs.esign){
+        this.$refs.esign.reset();
+      }
+    },
+    // 图片上传前
+    beforeRead(file){
+      // 创建Canvas对象(画布)
+      let canvas =  document.createElement('canvas')
+      // 获取对应的CanvasRenderingContext2D对象(画笔)
+      let context = canvas.getContext('2d')
+      // 创建新的图片对象
+      let img = new Image()
+      // 指定图片的DataURL(图片的base64编码数据)
+      img.src = file.content
+      // 监听浏览器加载图片完成，然后进行进行绘制
+      const height = 166
+      const width = 316
+      img.onload = () => {
+        const h = img.height
+        const w = img.width
+        let ch = img.height/2
+        let cw = img.width/2
+        let canvas = document.createElement('canvas')
+        let ctx = canvas.getContext('2d')
+        canvas.height = ch
+        canvas.width = cw
+        ctx.clearRect(0,0,cw,ch)
+        ctx.drawImage(img,0,0,cw,ch)
+        let base_img = canvas.toDataURL('image/jpeg')
+        const blobBin = atob(base_img.split(',')[1])
+        let d = []
+        for (let i=0;i<blobBin.length;i++){
+          d.push(blobBin.charCodeAt(i))
+        }
+        const data2 = new FormData();
+        data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+        uploadFile(data2).then(res => {
+          if(this.form.zjdxctp!=null&&this.form.zjdxctp!=""){
+            this.form.zjdxctp = this.form.zjdxctp + "," + res.fileName
+          }else{
+            this.form.zjdxctp =  res.fileName
+          }
+        })
+      }
+    },
+    // 生成签字图
+    handleGenerate() {
+      if(this.resultImg==null||this.resultImg==''){
+        this.$refs.esign
+          .generate() // 使用生成器调用把签字的图片转换成为base64图片格式
+          .then((res) => {
+            this.resultImg = res;
+          })
+          .catch((err) => {
+            // 画布没有签字时会执行这里提示一下
+            this.$message({
+              type: "warning",
+              message: "请签名后再生成签字图片",
+            });
+          });
+        // 在这里向后端发请求把转换后的base64文件传给后端，后端接收以后再转换成图片做静态图片存储
+        // 当然也可以把base64转成流文件blob格式的，类似上传给后端这样，具体哪种方式看后端要求
+        setTimeout(() => {
+          // 这里要使用定时器稍微延后以后就能取到base64数据了，当然也可以再加一个确认按钮，如：确认使用这张base64签名图片
+          // 点击确认以后，在其回调函数中，再把base64的签名图片传给后端用于存储
+          const blobBin = atob(this.resultImg.split(',')[1])
+          let d = []
+          for (let i=0;i<blobBin.length;i++){
+            d.push(blobBin.charCodeAt(i))
+          }
+          const data2 = new FormData();
+          data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+          uploadFile(data2).then(res => {
+            this.form.dzqm = res.fileName
+            this.form.houseDataConfirmStatus = "CONFIRMED"
+            this.form.zjdAudit = '0'
+            let param ={
+              zjddm : this.item.zjddm,
+              houseDataConfirmStatus : "CONFIRMED"
+            }
+            updateZrzStatus(param).then(res => {})
+            updateFsssStatus(param).then(res => {})
+            if (this.form.id != null) {
+              submitOnly(this.form).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.goBack();
+                  }
+                });
+              });
+            } else {
+              addZjdzd(this.form).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.goBack();
+                  }
+                })
+              });
+            }
+          })
+        }, 200);
+      }else{
+        this.form.houseDataConfirmStatus = "CONFIRMED"
+        this.form.zjdAudit = '0'
+        let param ={
+          zjddm : this.item.zjddm,
+          houseDataConfirmStatus : "CONFIRMED"
+        }
+        updateZrzStatus(param).then(res => {})
+        updateFsssStatus(param).then(res => {})
+        submitOnly(this.form).then(response => {
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '修改成功',
+            duration:"1000",
+            onClose:function(){
+              _this.goBack();
+            }
+          });
+        });
+      }
+      /*this.showesign = false;*/
+    },
+    searchCommit(){
+      this.showesign = true
+    },
+    searchCommit1(){
+      this.form.houseDataConfirmStatus = "CONFIRMED"
+      if (this.form.id != null) {
+        updateZjdzd(this.form).then(response => {
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '修改成功',
+            duration:"1000",
+            onClose:function(){
+              _this.goBack();
+            }
+          })
+        });
+      } else {
+        addZjdzd(this.form).then(response => {
+          let _this =this
+          this.$toast({
+            icon: 'success', // 找到自己需要的图标
+            message: '保存成功',
+            duration:"1000",
+            onClose:function(){
+              _this.goBack();
+            }
+          })
+        });
+      }
+    },
+    //地图加载js------start
+    mapClickLoading(){
+      setTimeout(() => {
+        if(this.active =="1"){
+          this.$refs[this.zjdProductResh].drawingPaceCountryDarw();
+        }else if(this.active=="3"){
+          this.$refs[this.zrzProductResh].drawingPaceCountryDarw();
+        }else if(this.active=="4"){
+          this.$refs[this.fsssProductResh].drawingPaceCountryDarw();
+        } else {
+
+        }
+      }, 500);
+    },
+    /** 查找地图中定位点 */
+    MapTag: function (data) {
+      if(this.active =="1"){
+        this.form.theGeom = data;
+      }else if(this.active=="3"){
+        this.form3.theGeom = data;
+      }else if(this.active=="4"){
+        this.form4.theGeom = data;
+      } else {
+
+      }
+    },
+    zjdProduct(){
+      this.zjdProductResh = this.guidProduct();
+      this.mapClickLoading();
+    },
+    zrzProduct(){
+      this.zrzProductResh = this.guidProduct();
+      this.mapClickLoading();
+    },
+    fsssProduct(){
+      this.fsssProductResh = this.guidProduct();
+      this.mapClickLoading();
+    },
+    guidProduct(){
+      return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        var r = Math.random() * 16 | 0,
+          v = c == 'x' ? r : (r & 0x3 | 0x8);
+        return v.toString(16);
+      });
+    },
+    //地图加载js------end
+  }
+}
+</script>
+
+<style scoped>
+>>> .bannerBg{
+  width: 100%;
+  color:#fff;
+  padding:10px;
+  background: linear-gradient(134deg,#7ac943 1%, #22b7f2);
+}
+>>> .van-hairline--bottom::after {
+  border-bottom-width: 0;
+}
+>>> .title:before
+{
+  content:"";
+  width: 6px;
+  height: 20PX;
+  background: #7ac943;
+  border-radius: 3px;
+  position:absolute;
+  left:0;
+  bottom:0;
+}
+>>> .delete-button {
+  height: 100%;
+}
+>>> .van-swipe-cell__wrapper{
+  margin-right:-3px;
+}
+>>> .label-class .van-collapse-item__title--expanded{
+  font-weight: bold;
+}
+</style>
diff --git a/src/views/homesteadSurvey/index.vue b/src/views/homesteadSurvey/index.vue
index e95da3d2..64f8ea5f 100644
--- a/src/views/homesteadSurvey/index.vue
+++ b/src/views/homesteadSurvey/index.vue
@@ -1,31 +1,24 @@
 <template>
   <div class="app-container">
-      <div style="width: 100%;
-    color:#fff;
-    padding:20px;
-    background: linear-gradient(134deg,#7ac943 1%, #22b7f2);">
-        <van-row>
-          <van-col span="6">
-            <van-image
-              width="60"
-              height="60"
-              round
-              src="https://img.yzcdn.cn/vant/leaf.jpg"
-            />
-          </van-col>
-          <van-col span="14">
-            <p style="margin-top: 10px;" v-if="businessLevel=='1'">调查员.采集员</p>
-            <p style="margin-top: 10px;" v-if="businessLevel=='2'">审核员</p>
-            <p>{{nickName}}</p>
-          </van-col>
-          <van-col span="2" style="text-align:center;">
-            <van-icon name="setting-o" style="margin-top:10px" @click="gotoLink" size="30"/>
-          </van-col>
-        </van-row>
+    <div style="width: 100%;color:#fff;padding:15px 0;background: linear-gradient(134deg,#7ac943 1%, #22b7f2);">
+      <div style="width: 95%;margin: 0 auto;display: flex;align-items: center;">
+        <van-image
+          width="60"
+          height="60"
+          round
+          src="https://img.yzcdn.cn/vant/leaf.jpg"
+        />
+        <div style="margin-left: 15px;">
+          <p style="font-size: 16px;" v-if="businessLevel=='1'">调查员·采集员</p>
+          <p style="font-size: 16px;" v-if="businessLevel=='2'">审核员</p>
+          <p style="margin-top: 10px;font-size: 16px;">{{nickName}}</p>
+        </div>
+        <van-icon name="setting-o" style="margin-left: auto;" @click="gotoLink" size="25"/>
       </div>
-      <div style="background:#F5F5F5; padding-top:10px;">
-      <van-row style="text-align:center;margin:20px;background:#fff;padding:15px;border-radius:15px;">
-        <van-col span="8">
+    </div>
+    <div style="background:#F5F5F5;width: 95%;margin: 20px auto 0;border-radius: 15px;overflow: hidden;">
+      <van-grid :column-num="3" :border="false">
+        <van-grid-item>
           <van-badge :content="total">
             <img
               width="50"
@@ -34,9 +27,9 @@
               @click="active=1,getList()"
             />
           </van-badge>
-          <p id="basetext" :style="{color:(active==1?'#7AC943':'#000')}">全部任务</p>
-        </van-col>
-        <van-col span="8">
+          <p id="basetext" :style="{color:(active==1?'#7AC943':'#000'),fontSize:'14px',marginTop:'5px'}">全部任务</p>
+        </van-grid-item>
+        <van-grid-item>
           <van-badge :content="done">
             <img
               width="50"
@@ -45,9 +38,9 @@
               @click="active=2,getList()"
             />
           </van-badge>
-          <p :style="{color:(active==2?'#7AC943':'#000')}">已完成</p>
-        </van-col>
-        <van-col span="8" >
+          <p :style="{color:(active==2?'#7AC943':'#000'),fontSize:'14px',marginTop:'5px'}">已完成</p>
+        </van-grid-item>
+        <van-grid-item>
           <van-badge :content="todo">
             <img
               width="50"
@@ -56,44 +49,39 @@
               @click="active=3,getList()"
             />
           </van-badge>
-          <p :style="{color:(active==3?'#7AC943':'#000')}">待调查</p>
-        </van-col>
-      </van-row>
-      <div style="margin:20px;">
-        <p class="title" style="position:relative;padding-left:20px;line-height:32px;">任务列表</p>
-      </div>
-      </div>
+          <p :style="{color:(active==3?'#7AC943':'#000'),fontSize:'14px',marginTop:'5px'}">待调查</p>
+        </van-grid-item>
+      </van-grid>
+    </div>
+    <div style="margin:20px;">
+      <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;">任务列表</p>
+    </div>
 
     <div v-if="active==1" style="height:calc( 100vh - 350px);overflow-y:auto;">
       <van-pull-refresh v-model="isLoadingtask" @refresh="onRefreshtask" :immediate-check="false">
-      <van-cell  v-for="(item,index) in totalList" :key="item.id" size="small"  @click.native="setCookies(item)" style="border-radius: 16px;
-    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+      <van-cell  v-for="(item,index) in totalList" :key="item.id" size="small" @click.native="setCookies(item)" style="border-radius: 16px;
+    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:0px auto 20px;height: 110px;">
         <template #title>
-          <div>{{item.deptName}}
-            <p style="float:right">
-              {{item.confirmZjdzdNumber}}/{{item.reportZjdzdNumber}}
-            </p>
-          </div>
+          <div>{{item.deptName}}</div>
         </template>
         <template #default>
+          <p :style="{'color':chooseColor(item),'background':chooseColor2(item),'display':'inline-block','padding':'4px 2px','line-height':'1','border-radius':'5px'}">
+            {{item.confirmZjdzdNumber}}/{{item.reportZjdzdNumber}}
+          </p>
           <van-circle
             v-model="item.reportZrzNumber"
             :rate="item.reportNhNumber"
             :stroke-width="100"
             :speed="100"
-            size="100%"
+            size="70%"
             layer-color="#ebedf0"
             :color="chooseColor(item)"
             :text="item.reportZjdzdNumber!=null?(((item.confirmZjdzdNumber/item.reportZjdzdNumber)*100).toFixed())+'%':0+'%'"
           />
         </template>
         <template #label>
-          {{item.planBeginTime}}~{{item.planEndTime}}
-          <br/>
-          {{taskExecutorChange(item)}}
-        </template>
-        <template #icon>
-          <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+          <p style="display: flex;align-items: center;margin-top: 5px;"><van-icon name="clock" color="#22b7f2" style="margin-right:5px;"/>{{item.planBeginTime}}~{{item.planEndTime}}</p>
+          <p style="display: flex;align-items: center;margin-top: 5px;"><van-icon name="manager" color="#22b7f2" style="margin-right:5px;"/>{{taskExecutorChange(item)}}</p>
         </template>
       </van-cell>
       </van-pull-refresh>
@@ -101,31 +89,28 @@
     <div v-if="active==2" style="height:calc( 100vh - 350px);overflow-y:auto;">
       <van-pull-refresh v-model="isLoadingtask" @refresh="onRefreshtask">
       <van-cell  v-for="(item,index) in doneList" :key="item.id" size="small" @click.native="setCookies(item)" style="border-radius: 16px;
-    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:0px auto 20px;height: 110px;">
         <template #title>
-          <p style="float:right">{{item.deptName}}
-            {{item.confirmZjdzdNumber}}/{{item.reportZjdzdNumber}}
-          </p>
+          <div>{{item.deptName}}</div>
         </template>
         <template #default>
+          <p :style="{'color':chooseColor(item),'background':chooseColor2(item),'display':'inline-block','padding':'4px 2px','line-height':'1','border-radius':'5px'}">
+            {{item.confirmZjdzdNumber}}/{{item.reportZjdzdNumber}}
+          </p>
           <van-circle
             v-model="item.reportZrzNumber"
             :rate="item.reportNhNumber"
             :stroke-width="100"
             :speed="100"
-            size="100%"
+            size="70%"
             layer-color="#ebedf0"
             :color="chooseColor(item)"
             :text="item.reportZjdzdNumber!=null?(((item.confirmZjdzdNumber/item.reportZjdzdNumber)*100).toFixed())+'%':0+'%'"
           />
         </template>
         <template #label>
-          {{item.planBeginTime}}~{{item.planEndTime}}
-          <br/>
-          {{taskExecutorChange(item)}}
-        </template>
-        <template #icon>
-          <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+          <p style="display: flex;align-items: center;margin-top: 5px;"><van-icon name="clock" color="#22b7f2" style="margin-right:5px;"/>{{item.planBeginTime}}~{{item.planEndTime}}</p>
+          <p style="display: flex;align-items: center;margin-top: 5px;"><van-icon name="manager" color="#22b7f2" style="margin-right:5px;"/>{{taskExecutorChange(item)}}</p>
         </template>
       </van-cell>
       </van-pull-refresh>
@@ -133,33 +118,28 @@
     <div v-if="active==3" style="height:calc( 100vh - 350px);overflow-y:auto;">
       <van-pull-refresh v-model="isLoadingtask" @refresh="onRefreshtask">
       <van-cell  v-for="(item,index) in todoList" :key="item.id" size="small" @click.native="setCookies(item)" style="border-radius: 16px;
-    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:0px auto 20px;height: 110px;">
         <template #title>
-          <div>{{item.deptName}}
-            <p style="float:right">
-              {{item.confirmZjdzdNumber}}/{{item.reportZjdzdNumber}}
-            </p>
-          </div>
+          <div>{{item.deptName}}</div>
         </template>
         <template #default>
+          <p :style="{'color':chooseColor(item),'background':chooseColor2(item),'display':'inline-block','padding':'4px 2px','line-height':'1','border-radius':'5px'}">
+            {{item.confirmZjdzdNumber}}/{{item.reportZjdzdNumber}}
+          </p>
           <van-circle
             v-model="item.reportZrzNumber"
             :rate="item.reportNhNumber"
             :stroke-width="100"
             :speed="100"
-            size="100%"
+            size="70%"
             layer-color="#ebedf0"
             :color="chooseColor(item)"
             :text="item.reportZjdzdNumber!=null?(((item.confirmZjdzdNumber/item.reportZjdzdNumber)*100).toFixed())+'%':0+'%'"
           />
         </template>
         <template #label>
-          {{item.planBeginTime}}~{{item.planEndTime}}
-          <br/>
-          {{taskExecutorChange(item)}}
-        </template>
-        <template #icon>
-          <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+          <p style="display: flex;align-items: center;margin-top: 5px;"><van-icon name="clock" color="#22b7f2" style="margin-right:5px;"/>{{item.planBeginTime}}~{{item.planEndTime}}</p>
+          <p style="display: flex;align-items: center;margin-top: 5px;"><van-icon name="manager" color="#22b7f2" style="margin-right:5px;"/>{{taskExecutorChange(item)}}</p>
         </template>
       </van-cell>
       </van-pull-refresh>
@@ -279,6 +259,17 @@
             }
           return  '#FA5353'
         },
+        chooseColor2(item){
+          let a = ((item.confirmZjdzdNumber/item.reportZjdzdNumber)*100).toFixed()
+            if(a < 50){
+              return  'rgba(250,83,83,0.22)'
+            }else if(a < 100){
+              return 'rgba(34,183,242,0.22)'
+            }else{
+              return 'rgba(122,201,67,0.22)'
+            }
+          return  '#FA5353'
+        },
         taskExecutorChange(row){
           if(row.taskExecutor!=null&&row.taskExecutor!=""&&row.taskExecutor.length>1){
             var actions = [];
@@ -413,7 +404,7 @@
   {
     content:"";
     width: 6px;
-    height: 32px;
+    height: 20PX;
     background: #7ac943;
     border-radius: 3px;
     position:absolute;
diff --git a/src/views/homesteadSurvey/list.vue b/src/views/homesteadSurvey/list.vue
index 4b3e6f3d..657e8577 100644
--- a/src/views/homesteadSurvey/list.vue
+++ b/src/views/homesteadSurvey/list.vue
@@ -29,1184 +29,120 @@
             <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="submitUploadList">上传</van-button></van-col>
           </van-row>
         </van-popup>
-        <div style="display:flex;width:94%;margin:0 auto;justify-content:space-between;padding: 10px 0">
-          <div style="display:flex;width:90%;margin:0 auto;">
-            <div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="activeBtn=1,getDc()"
-            ><van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn1'+(activeBtn!=1?'1':'')+'.png')" />
-              入户核查
-            </div>
-            <div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="activeBtn=2,getNh()">
-              <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn2'+(activeBtn!=2?'2':'')+'.png')" />
-              农户信息
-            </div>
-            <div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="activeBtn=3,getSyqr()">
-              <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn3'+(activeBtn!=3?'3':'')+'.png')" />
-              所有权人
-            </div>
-            <div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }"  @click="activeBtn=4,mapShow()">
-              <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn4'+(activeBtn!=4?'4':'')+'.png')" />
-              切换地图
-            </div>
-          </div>
+        <div style="display:flex;width:95%;margin:0 auto;justify-content:space-between;padding: 0px 0 15px">
+          <div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="$router.push({path:'/homesteadSurvey/list'})">入户核查</div>
+          <div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="$router.push({path:'/homesteadSurvey/list2'})">农户信息</div>
+          <div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="$router.push({path:'/homesteadSurvey/list3'})">所有权人</div>
+          <div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }" @click="$router.push({path:'/homesteadSurvey/list4'})">切换地图</div>
         </div>
       </div>
-      <div style="background:#fff;padding:10px 0;">
-        <div style="border:1px solid rgb(122, 201, 67);width:90%;margin:0 auto;border-radius:15px;height:.8rem;display:flex;font-size:.3rem;">
-          <div style="flex:1;text-align:center;">
-            <span style="color:rgb(122, 201, 67);line-height:.8rem;">总户数：</span>
-            <span style="color:rgb(250, 83, 83);line-height:.8rem;">{{totalH}} <span style="font-size:12px;">户</span></span>
-          </div>
-          <div style="flex:1;text-align:center;">
-            <span style="color:rgb(122, 201, 67);line-height:.8rem">总人数：</span>
-            <span style="color:rgb(250, 83, 83);line-height:.8rem">{{totalR}} <span style="font-size:12px;">人</span></span>
-          </div>
+      <div style="background:#fff;padding:10px 2.5%;display: flex;justify-content: space-between;">
+        <div style="text-align:center;background: rgba(122,201,67,0.2);width: 49%;font-size: 14px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 2px 0;">
+          <img src="../../assets/images/housesteadSurvey/list01.png" alt="">
+          <p style="margin-left: 10px;">
+            <span style="color:#60B722;line-height:.8rem;">总户数：</span>
+            <span style="color:#60B722;line-height:.8rem;"><span style="font-size:16px;color: #448815;">{{totalH}}</span> 户</span>
+          </p>
+        </div>
+        <div style="text-align:center;background: rgba(122,201,67,0.2);width: 49%;font-size: 14px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 2px 0;">
+          <img src="../../assets/images/housesteadSurvey/list02.png" alt="">
+          <p style="margin-left: 10px;">
+            <span style="color:#60B722;line-height:.8rem">总人数：</span>
+            <span style="color:#60B722;line-height:.8rem"><span style="font-size:16px;color: #448815;">{{totalR}}</span> 人</span>
+          </p>
         </div>
       </div>
     </van-sticky>
-    <div v-if="activeBtn==1">
-      <van-search v-model="zjdvalue" placeholder="请输入搜索关键词" show-action @search="onSearchzjd">
-        <template #action>
-          <van-icon name="add" color="rgba(122,201,67,1)" size=".8rem" @click="onClickzjd" style="vertical-align:middle;"/>
+    <van-search v-model="zjdvalue" placeholder="请输入宅基地代码或农户姓名" show-action @search="onSearchzjd" style="padding-top: 0;padding-bottom: 0;">
+      <template #action>
+        <van-icon name="add" color="rgba(122,201,67,1)" size=".8rem" @click="onClickzjd" style="vertical-align:middle;"/>
+      </template>
+    </van-search>
+    <van-tabs v-model="active" title-active-color="#7AC943" color="#7AC943" @click="getZjdList">
+      <van-tab>
+        <template #title>
+          <div style="display: flex;align-items: center;">
+            <p>已核查</p>
+            <van-badge v-if="yhcNums>=0" :content="yhcNums" max="99" :color="active==0?'#7AC943':'#878787'" />
+          </div>
         </template>
-      </van-search>
-      <van-tabs v-model="active" title-active-color="#7AC943" color="#7AC943" @click="getZjdList">
-        <van-tab >
-          <template #title>全部<van-badge v-if="qbNums>=0" :content="qbNums" /></template>
-          <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->
-            <van-list
-              v-model:loading="loading1"
-              :finished="finished1"
-              finished-text="没有更多了"
-              @load="onRefreshzjd"
-              :immediate-check="false"
-            >
-          <van-cell  v-for="(item,index) in list" :key="index" size="small"  :clickable="true"  style="border-radius: 16px;
-          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
-            <template #title>
-              <p  style="color:#22B7F2">{{limitWords(item.syqr)}}
-                <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看</van-button>
-                <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">调查</van-button>
-                <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>
-                <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='0'" style="color:#ff976a;float:right;font-size:12px;margin-right:10px;">待审核</span>
-                <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='1'" style="color:#07c160;float:right;font-size:12px;margin-right:10px;">已审核</span>
-                <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>
-              </p>
-            </template>
-            <!--<template #default>
-
-            </template>-->
-            <template #label>
-              <p>宅基地代码:  {{item.zjddm}} </p>
-              <p>宗地面积: {{item.zdmj}}㎡
-                <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>
-              </p>
-            </template>
-            <template #icon>
-              <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
-            </template>
-          </van-cell>
-            </van-list>
-          <!--</van-pull-refresh>-->
-        </van-tab>
-        <van-tab >
-          <template #title>已核查<van-badge v-if="yhcNums>=0" :content="yhcNums" /></template>
-          <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->
-          <van-list
-            v-model:loading="loading2"
-            :finished="finished2"
-            finished-text="没有更多了"
-            @load="onRefreshzjd"
-            :immediate-check="false"
-          >
+        <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->
+        <van-list
+          v-model:loading="loading2"
+          :finished="finished2"
+          finished-text="没有更多了"
+          :immediate-check="false"
+          @load="onRefreshzjd"
+        >
           <van-cell  v-for="(item,index) in list1" :key="index" size="small" :clickable="true"  style="border-radius: 16px;
-          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;">
             <template #title>
-              <p style="color:#22B7F2">{{limitWords(item.syqr)}}
-                <van-button  plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看</van-button>
-                <span v-if="item.zjdAudit=='0'" style="color:#ff976a;float:right;font-size:12px;margin-right:10px;">待审核</span>
-                <span v-if="item.zjdAudit=='1'" style="color:#07c160;float:right;font-size:12px;margin-right:10px;">已审核</span>
-                <span v-if="item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>
+              <div style="display: flex;align-items: center;">
+                <p style="display: flex;align-items: center;">
+                  <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;">
+                  <span style="line-height: 1;">{{limitWords(item.syqr)}}</span>
+                </p>
+                <p style="display: flex;align-items: center;color:#22B7F2;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #22B7F2;" @click="setCookies(item)"><img src="../../assets/images/housesteadSurvey/list06.png" alt="" style="margin-right: 3px;">详情</p>
+                <p v-if="item.zjdAudit=='0'" style="color:#ff976a;background:rgba(255,151,106,0.2);font-size:12px;padding: 5px;line-height: 1;border-radius: 5px;">待审核</p>
+                <p v-if="item.zjdAudit=='1'" style="color:#7AC943;background:rgba(122,201,67,0.2);font-size:12px;padding: 5px;line-height: 1;border-radius: 5px;">已审核</p>
+                <p v-if="item.zjdAudit=='2'" style="color:#ee0a24;font-size:12px;">已驳回</p>
                 <!--<van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'" plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">开始调查</van-button>
                 <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>-->
-              </p>
-            </template>
-            <!--<template #default>
-              <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
-              <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>
-            </template>-->
-            <template #label>
-              <p>宅基地代码:  {{item.zjddm}} </p>
-              <p>宗地面积: {{item.zdmj}}㎡
-                <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>
-              </p>
-            </template>
-            <template #icon>
-              <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
-            </template>
-          </van-cell>
-          </van-list>
-          <!--</van-pull-refresh>-->
-        </van-tab>
-        <van-tab >
-          <template #title>未核查<van-badge v-if="whcNums>=0" :content="whcNums" /></template>
-          <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->
-          <van-list
-            v-model:loading="loading3"
-            :finished="finished3"
-            finished-text="没有更多了"
-            @load="onRefreshzjd"
-            :immediate-check="false"
-          >
-          <van-cell  v-for="(item,index) in list2" :key="index" size="small"  :clickable="true"  style="border-radius: 16px;
-          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
-            <template #title>
-              <p style="color:#22B7F2">{{limitWords(item.syqr)}}
-                <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看</van-button>
-                <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">调查</van-button>
-                <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>
-                <span v-if="item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>
-              </p>
+              </div>
             </template>
             <!--<template #default>
               <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
               <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>
             </template>-->
             <template #label>
-              <p>宅基地代码:  {{item.zjddm}} </p>
-              <p>宗地面积: {{item.zdmj}}㎡
-
-                <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>
-              </p>
-            </template>
-            <template #icon>
-              <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+              <p style="display: flex;align-items: center;margin-top: 10px;"><img src="../../assets/images/housesteadSurvey/list04.png" alt="" style="margin-right: 5px;">宅基地代码:  {{item.zjddm}} </p>
+              <p style="display: flex;align-items: center;margin-top: 5px;"><img src="../../assets/images/housesteadSurvey/list05.png" alt="" style="margin-right: 5px;">宗地面积: {{item.zdmj}}㎡<span style="margin-left: auto;color: #333333;">检察员：{{item.updateBy}}</span></p>
             </template>
           </van-cell>
-            </van-list>
-          <!--</van-pull-refresh>-->
-        </van-tab>
-      </van-tabs>
-    </div>
-    <div v-if="activeBtn==2" >
-      <van-search v-model="nhvalue" placeholder="请输入农户姓名或证件号" show-action @search="onSearchnh">
-        <template #action>
-          <van-icon name="add" color="rgba(122,201,67,1)" size=".8rem" @click="onClicknh" style="vertical-align:middle;"/>
-        </template>
-      </van-search>
-      <van-pull-refresh v-model="isLoadingnh" @refresh="onRefreshnh">
-      <van-cell  v-for="(item,index) in nhlist" :key="index" size="small"  style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+        </van-list>
+        <!--</van-pull-refresh>-->
+      </van-tab>
+      <van-tab >
         <template #title>
-          <p style="color:#22B7F2">{{item.hzxm}}
-            <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;margin-left:10px;" @click="showPopuphncylist(item)">查看成员</van-button>
-            <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;margin-left:10px;" @click="showPopupnh(item)">查看户主</van-button>
-            <van-button plain round color="#FA5353" size="mini" v-if="!isFinished" style="vertical-align:middle;float:right;" @click="deletenh(item,index)">删除</van-button>
-          </p>
-        </template>
-<!--        <template #default>
-
-        </template>-->
-        <template #label>
-          <p>证件号码:{{item.hzzjhm}}</p>
-          <p>农户代码:{{item.nhdm}}</p>
-        </template>
-        <template #icon>
-          <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
-        </template>
-      </van-cell>
-      </van-pull-refresh>
-    </div>
-    <div v-if="activeBtn==3">
-      <van-form @submit="onSubmitsyqr">
-        <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.qydm"
-            name="区域代码"
-            label="区域代码"
-            placeholder="禁止修改"
-            disabled
-            input-align="right"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.suyqrdm"
-            name="所有权人代码"
-            label="所有权人代码"
-            disabled
-            placeholder="自动生成"
-            input-align="right"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.suyqrmc"
-            name="所有权人名称"
-            label="所有权人名称"
-            required
-            placeholder="所有权人名称"
-            input-align="right"
-            :rules="[{ required: true, message: '所有权人名称不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.suyqxzName"
-            name="所有权性质"
-            label="所有权性质"
-            required
-            placeholder="所有权性质"
-            input-align="right"
-            :rules="[{ required: true, message: '所有权性质不能为空' }]"
-            @click="showsuyqxz = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.suyqxz"
-            style="display:none"
-          />
-          <van-popup v-model="showsuyqxz" position="bottom" input-align="right">
-            <van-picker
-              show-toolbar
-              :columns="suyqxzOptions"
-              value-key="dictLabel"
-              @confirm="onConfirmsuyqxz"
-              @cancel="showsuyqxz = false"
-            />
-          </van-popup>
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dbrxm"
-            name="代表人姓名"
-            label="代表人姓名"
-            required
-            placeholder="代表人姓名"
-            input-align="right"
-            :rules="[{ required: true, message: '代表人姓名不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dbrzjlx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dbrzjlxName"
-            name="代表人证件类型"
-            label="代表人证件类型"
-            required
-            placeholder="代表人证件类型"
-            input-align="right"
-            :rules="[{ required: true, message: '代表人证件类型不能为空' }]"
-            @click="showdbrzjlx = true"
-          />
-          <van-popup v-model="showdbrzjlx" position="bottom" input-align="right">
-            <van-picker
-              show-toolbar
-              :columns="zjlxOptions"
-              value-key="dictLabel"
-              @confirm="onConfirmdbrzjlx"
-              @cancel="showdbrzjlx = false"
-            />
-          </van-popup>
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dbrzjhm"
-            name="代表人证件号码"
-            label="代表人证件号码"
-            required
-            placeholder="代表人证件号码"
-            input-align="right"
-            :rules="[{ required: true, message: '代表人证件号码不能为空' },{validator:validatorIdcardqlr,message:'身份证号格式错误！'}]"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dbrlxdh"
-            name="代表人联系电话"
-            label="代表人联系电话"
-            placeholder="代表人联系电话"
-            type="number"
-            input-align="right"
-            required
-            :rules="[{ required: true, message: '代表人联系电话不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dbrtxdz"
-            name="代表人通讯地址"
-            label="代表人通讯地址"
-            required
-            placeholder="代表人通讯地址"
-            input-align="right"
-            :rules="[{ required: true, message: '代表人通讯地址不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dbryzbm"
-            name="代表人邮政编码"
-            label="代表人邮政编码"
-            required
-            placeholder="代表人邮政编码"
-            input-align="right"
-            maxlength="6"
-            :rules="[{ required: true, message: '代表人邮政编码不能为空' }]"
-          />
-          <van-field name="radio" label="是否成立农村集体经济组织" required input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="qlrform.sfclncjtjjzz" direction="horizontal">
-                <van-radio name="Y">是</van-radio>
-                <van-radio name="N">否 </van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dlrxm"
-            name="代理人姓名"
-            label="代理人姓名"
-            placeholder="代理人姓名"
-            input-align="right"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dlrzjlx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dlrzjlxName"
-            name="代理人证件类型"
-            label="代理人证件类型"
-            placeholder="代理人证件类型"
-            input-align="right"
-            @click="showdlrzjlx = true"
-          />
-          <van-popup v-model="showdlrzjlx" position="bottom" input-align="right">
-            <van-picker
-              show-toolbar
-              :columns="zjlxOptions"
-              value-key="dictLabel"
-              @confirm="onConfirmdlrzjlx"
-              @cancel="showdlrzjlx = false"
-            />
-          </van-popup>
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dlrzjhm"
-            name="代理人证件号码"
-            label="代理人证件号码"
-            placeholder="代理人证件号码"
-            input-align="right"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dlrlxdh"
-            name="代理人联系电话"
-            label="代理人联系电话"
-            placeholder="代理人联系电话"
-            input-align="right"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dlrtxdz"
-            name="代理人通讯地址"
-            label="代理人通讯地址"
-            placeholder="代理人通讯地址"
-            input-align="right"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="qlrform.dlryzbm"
-            name="代理人邮政编码"
-            label="代理人邮政编码"
-            placeholder="代理人邮政编码"
-            input-align="right"
-          />
-        </div>
-      <div style="border-radius: 16px;
-          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">
-        <van-field
-          autocomplete="off"
-          v-model="qlrform.ncjtjjzzdm"
-          name="农村集体经济组织代码"
-          label="农村集体经济组织代码"
-          placeholder="农村集体经济组织代码"
-          input-align="right"
-        />
-        <van-field
-          autocomplete="off"
-          v-model="qlrform.ncjtjjzzmc"
-          name="农村集体经济组织名称"
-          label="农村集体经济组织名称"
-          placeholder="农村集体经济组织名称"
-          input-align="right"
-        />
-        <van-field
-          autocomplete="off"
-          v-model="qlrform.fbfdm"
-          name="发包方代码"
-          label="发包方代码"
-          placeholder="发包方代码"
-          input-align="right"
-        />
-        <van-field
-          autocomplete="off"
-          v-model="qlrform.fbfmc"
-          name="发包方名称"
-          label="发包方名称"
-          placeholder="发包方名称"
-          input-align="right"
-        />
-        <van-field
-          autocomplete="off"
-          v-model="qlrform.sjlyName"
-          name="数据来源"
-          label="数据来源"
-          placeholder="数据来源"
-          input-align="right"
-          @click="showsjly = true"
-          required
-          :rules="[{ required: true, message: '数据来源不能为空' }]"
-        />
-        <van-field
-          autocomplete="off"
-          v-model="qlrform.sjly"
-          style="display:none"
-        />
-        <van-popup v-model="showsjly" position="bottom" input-align="right">
-          <van-picker
-            show-toolbar
-            :columns="sjlyOptions"
-            value-key="dictLabel"
-            @confirm="onConfirmsjly"
-            @cancel="showsjly = false"
-          />
-        </van-popup>
-        <van-field
-          autocomplete="off"
-          v-model="qlrform.bz"
-          name="备注"
-          label="备注"
-          placeholder="备注"
-          input-align="right"
-        />
-      </div>
-        <div style="margin: 16px;" v-if="!isFinished">
-          <van-button round block color="#7AC943" native-type="submit">保存</van-button>
-        </div>
-      </van-form>
-  </div>
-    <div v-if="activeBtn==4" style="overflow:hidden">
-      <!--      <van-search placeholder="请输入宅基地号查询" v-if="false">
-              <template #action>
-              </template>
-            </van-search>-->
-      <div id="mapWrapAll" style="width: 100%;height: calc(100vh - 247px);"></div>
-      <div id="info" style="display: none"></div>
-      <div id="deleteHistory" style="display: none"></div>
-      <div id="deleteHistoryMap" style="display: none"></div>
-      <van-overlay :show="showSearch" @click="closeSearchBox" />
-      <!--搜索栏目-->
-      <div class="searchBar_wrap" :style="{bottom : bottomHeight}">
-        <van-search
-          v-model="seachText"
-          show-action
-          placeholder="请输入宗地或权利人信息"
-        >
-          <template #action>
-            <div id="query">搜索</div>
-          </template>
-        </van-search>
-        <div class="searchBox" style="display: none;">
-          <van-cell center v-for="(item,index) in mapDataAll" :key="index">
-            <template #title>
-              <p><van-icon name="manager" /><span>{{item.syqr}}</span><span style="background: rgba(122, 201, 67, 0.4);color:#7ac943">{{item.paceType}}</span>
-                <!--<span style="background: rgba(122, 201, 67, 0.4);color:#7ac943">{{item.typeTc}}</span>--></p>
-            </template>
-            <template #default>
-              <p style="border: 1px solid #7ac943;color:#7ac943;" @click="zjdSs(item)">查看详情</p>
-            </template>
-            <template #label>
-              <p style="font-size: 0.25rem;color: #666666;">宅基地代码 {{item.zjddm}}</p>
-              <p style="font-size: 0.25rem;color: #666666;">宗地面积 {{item.zdmj}}㎡</p>
-            </template>
-          </van-cell>
-        </div>
-      </div>
-      <!--图层-->
-      <div class="rightZoom_wrap">
-        <img src="../../assets/images/housesteadSurvey/tool1.png">
-        <div class="amplification" @click="selectionPushMap">图层</div>
-      </div>
-      <!--放大缩小-->
-      <div class="mapZoom_wrap">
-        <div class="qtMap" id="mapAllQt">
-          <img src="../../assets/images/housesteadSurvey/tool2.png">
-          <p>全图</p>
-        </div>
-        <div class="clMap" @click="" id="area">
-          <img src="../../assets/images/housesteadSurvey/tool3.png">
-          <p>测量</p>
-        </div>
-        <div class="hcMap" @click="zjdHc">
-          <img src="../../assets/images/housesteadSurvey/tool4.png">
-          <p>核查</p>
-        </div>
-        <div class="htMap" @click="" id="htMapAll">
-          <img src="../../assets/images/housesteadSurvey/tool5.png">
-          <p>绘图</p>
-        </div>
-        <div class="dwMap" @click="" id="dwMapAll">
-          <img src="../../assets/images/housesteadSurvey/tool6.png">
-          <p>定位</p>
-        </div>
-      </div>
-
-      <!--列表拉取详情-->
-      <div class="homesteadList_wrap" v-show="homesteadListStatus">
-        <div class="main_m">
-          <div class="title_m">
-            <div class="more_icon" @click="homesteadListShrink"></div>
-            <div class="name">筛选列表</div>
+          <div style="display: flex;align-items: center;">
+            <p>未核查</p>
+            <van-badge v-if="whcNums>=0" :content="whcNums" max="99" :color="active==1?'#7AC943':'#878787'" />
           </div>
-
-          <div style="padding: 10px 15px;">
-            <van-checkbox name="all" shape="square" id="checkAll" v-model="checkAllFlag" @click="checkAllArray">全选</van-checkbox>
-            <div style="height: 15px;"></div>
-            <van-checkbox-group v-model="checked" @change="handleChecked" ref="checkboxGroup">
-              <van-checkbox name="fsssSx" shape="square" style="margin-bottom: 5px;" id="fsssSx">
-                <template #default>
-                  附属设施<span style="display: inline-block;background: #00FFFF;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>
-                </template>
-              </van-checkbox>
-              <van-checkbox name="zrzSx" shape="square" style="margin-bottom: 5px;" id="zrzSx">
-                <template #default>
-                  自<i style="margin-right: 0.5em;"></i>然<i style="margin-right: 0.5em;"></i>幢<span style="display: inline-block;background: #FFD306;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>
-                </template>
-              </van-checkbox>
-              <van-checkbox name="zjdSx" shape="square" style="margin-bottom: 5px;" id="zjdSx">
-                <template #default>
-                  宅<i style="margin-right: 0.5em;"></i>基<i style="margin-right: 0.5em;"></i>地<span style="display: inline-block;background: #AE57A4;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>
-                </template>
-              </van-checkbox>
-            </van-checkbox-group>
-          </div>
-        </div>
-      </div>
-      <van-overlay :show="selectionIconShow" @click="homesteadListShrink" />
-    </div>
-    <van-popup v-model="shownh" style="height:100%;width:100%;">
-      <div class="bannerBg">
-        <van-nav-bar
-          style="background:transparent;border-bottom-width:0;"
-          @click-left="shownh=false"
-        >
-          <template #left>
-            <van-icon name="arrow-left" size="18" color="#fff" />
-          </template>
-          <template #title>
-            <p style="color:#fff">{{nhform.id?"":"新增"}}户主信息</p>
-          </template>
-        </van-nav-bar>
-      </div>
-      <div style="margin:20px;">
-        <van-form @submit="onSubmitnh">
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.suyqrdm"
-            name="所有权人代码"
-            label="所有权人代码"
-            placeholder="所有权人代码"
-            required
-            disabled
-            :rules="[{ required: true, message: '所有权人代码不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.nhdm"
-            name="农户代码"
-            label="农户代码"
-            placeholder="自动生成"
-            disabled
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.hzxm"
-            name="户主姓名"
-            label="户主姓名"
-            placeholder="户主姓名"
-            required
-            :rules="[{ required: true, message: '户主姓名不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.hzzjlxName"
-            name="户主证件类型"
-            label="户主证件类型"
-            placeholder="户主证件类型"
-            required
-            readonly
-            :rules="[{ required: true, message: '户主证件类型不能为空' }]"
-            @click="showhzzjlx = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.hzzjlx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.hzzjhm"
-            input-align="right"
-            name="户主证件号码"
-            label="户主证件号码"
-            placeholder="户主证件号码"
-            required
-            :rules="[{ required: true, message: '户主证件号码不能为空' },{validator:validatorIdcardnh,message:'身份证号格式错误！'}]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.txdz"
-            name="通讯地址"
-            label="通讯地址"
-            placeholder="通讯地址"
-            required
-            :rules="[{ required: true, message: '通讯地址不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.hncysl"
-            name="户内成员数量"
-            label="户内成员数量"
-            placeholder="户内成员数量"
-            required
-            :rules="[{ required: true, message: '户内成员数量不能为空' }]"
-          />
-          <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="nhform.hyzk" direction="horizontal">
-                <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.phone"
-            name="电话号码"
-            label="电话号码"
-            placeholder="电话号码"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.occupationName"
-            name="职业"
-            label="职业"
-            placeholder="职业"
-            required
-            readonly
-            :rules="[{ required: true, message: '职业不能为空' }]"
-            @click="showhzoccupation = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.occupation"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.jzqkName"
-            name="居住情况"
-            label="居住情况"
-            placeholder="居住情况"
-            required
-            readonly
-            :rules="[{ required: true, message: '居住情况不能为空' }]"
-            @click="showhzjzqk = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.jzqk"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.jzhcssfyzfName"
-            name="在集镇或城市是否有住房"
-            label="在集镇或城市是否有住房"
-            placeholder="在集镇或城市是否有住房"
-            required
-            readonly
-            :rules="[{ required: true, message: '在集镇或城市是否有住房不能为空' }]"
-            @click="showhzjzhcssfyzf = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.jzhcssfyzf"
-            style="display:none"
-          />
-          <van-field name="radio" label="在其他村庄是否有住房" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="nhform.zqtczsfyzf" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否本村村民" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="nhform.sfbccm" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="nhform.sfpkh" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="nhform.sfwbh" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.sjlyName"
-            name="数据来源"
-            label="数据来源"
-            placeholder="数据来源"
-            required
-            readonly
-            :rules="[{ required: true, message: '能为空' }]"
-            @click="showhzsjly = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="nhform.sjly"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="nhform.bz"
-            name="备注"
-            label="备注"
-            placeholder="备注"
-          />
-          <div style="text-align:center;overflow:auto;">
-            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" native-type="button" @click="showPopuphncylist(nhform)">查看户内成员列表</van-button>
-          </div>
-          <div style="margin: 16px;" v-if="!isFinished">
-            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
-          </div>
-        </van-form>
-      </div>
-    </van-popup>
-    <!--户主数据来源-->
-    <van-popup v-model="showhzsjly" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="sjlyOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhzsjly"
-        @cancel="showhzsjly = false"
-      />
-    </van-popup>
-    <!--户内成员数据来源-->
-    <van-popup v-model="showhncysjly" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="sjlyOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhncysjly"
-        @cancel="showhncysjly = false"
-      />
-    </van-popup>
-    <!--集市或城市是否有住房-->
-    <van-popup v-model="showhzjzhcssfyzf" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="jzhcssfyzfOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhzjzhcssfyzf"
-        @cancel="showhzjzhcssfyzf = false"
-      />
-    </van-popup>
-    <!--户主证件类型-->
-    <van-popup v-model="showhzzjlx" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="zjlxOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhzzjlx"
-        @cancel="showhzzjlx = false"
-      />
-    </van-popup>
-    <!--户内成员证件类型-->
-    <van-popup v-model="showhncyzjlx" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="zjlxOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhncyzjlx"
-        @cancel="showhncyzjlx = false"
-      />
-    </van-popup>
-    <!--户内成员与户主关系-->
-    <van-popup v-model="showhncyyhzgx" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="yhzgxOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhncyyhzgx"
-        @cancel="showhncyyhzgx = false"
-      />
-    </van-popup>
-    <!--户内成员职业-->
-    <van-popup v-model="showhncyoccupation" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="occupationOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhncyoccupation"
-        @cancel="showhncyoccupation = false"
-      />
-    </van-popup>
-    <!--户内成员成员备注-->
-    <van-popup v-model="showhncycybz" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="cybzOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhncycybz"
-        @cancel="showhncycybz = false"
-      />
-    </van-popup>
-    <!--户内成员居住情况-->
-    <van-popup v-model="showhncyjzqk" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="jzqkOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhncyjzqk"
-        @cancel="showhncyjzqk = false"
-      />
-    </van-popup>
-    <!--户主职业-->
-    <van-popup v-model="showhzoccupation" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="occupationOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhzoccupation"
-        @cancel="showhzoccupation = false"
-      />
-    </van-popup>
-    <!--户主居住情况-->
-    <van-popup v-model="showhzjzqk" position="bottom">
-      <van-picker
-        show-toolbar
-        :columns="jzqkOptions"
-        value-key="dictLabel"
-        @confirm="onConfirmhzjzqk"
-        @cancel="showhzjzqk = false"
-      />
-    </van-popup>
-
-    <van-popup v-model="showhncylist" style="height:100%;width:100%;">
-      <div class="bannerBg">
-        <van-nav-bar
-          style="background:transparent;border-bottom-width:0;"
-          @click-left="showhncylist=false"
-        >
-          <template #left>
-            <van-icon name="arrow-left" size="18" color="#fff" />
-          </template>
-          <template #title>
-            <p style="color:#fff">户内成员列表</p>
-          </template>
-        </van-nav-bar>
-      </div>
-      <van-swipe-cell v-for="(item,index) in hncylist" :key="index" @click.native="showPopuphncy(item)" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
-        <div style="padding:20px;">
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>
-            {{item.xm}}</p>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">证件号码</p>
-            <p  style="flex:1;text-align:right;">{{item.zjhm}}</p>
-          </div>
-          <div style="display:flex;line-height:20px">
-            <p style="flex:1;text-align:left;">与户主关系</p>
-            <p style="flex:1;text-align:right;">{{yhzgxfy(item.yhzgx)}}</p>
-          </div>
-        </div>
-        <template #right v-if="!isFinished">
-          <van-button square text="设为户主" type="primary" style="height:100%" @click="setNh(item,index)"/>
-          <van-button square text="删除" type="danger" style="height:100%" @click="deletehncy(item.id,index)" />
         </template>
-      </van-swipe-cell>
-      <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;" v-if="!isFinished">
-        <div style="text-align:center;" >
-          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopuphncy('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加户内成员信息</p>
-        </div>
-      </div>
-    </van-popup>
-    <van-popup v-model="showhncy" style="height:100%;width:100%;">
-      <div class="bannerBg">
-        <van-nav-bar
-          style="background:transparent;border-bottom-width:0;"
-          @click-left="showhncy=!showhncy"
+        <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->
+        <van-list
+          v-model:loading="loading3"
+          :finished="finished3"
+          finished-text="没有更多了"
+          :immediate-check="false"
         >
-          <template #left>
-            <van-icon name="arrow-left" size="18" color="#fff" />
-          </template>
+<!--            @load="onRefreshzjd"-->
+        <van-cell  v-for="(item,index) in list2" :key="index" size="small"  :clickable="true"  style="border-radius: 16px;
+        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;">
           <template #title>
-            <p style="color:#fff">户内成员</p>
+            <div style="display: flex;align-items: center;">
+              <p style="display: flex;align-items: center;">
+                <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;">
+                <span style="line-height: 1;">{{limitWords(item.syqr)}}</span>
+              </p>
+              <p v-if="item.houseDataConfirmStatus=='CONFIRMED'" style="display: flex;align-items: center;color:#22B7F2;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #22B7F2;" @click="setCookies(item)"><img src="../../assets/images/housesteadSurvey/list07.png" alt="" style="margin-right: 3px;">调查</p>
+              <p v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="display: flex;align-items: center;color:#ee0a24;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #ee0a24;" @click="deleteZjd(item,index)"><img src="../../assets/images/housesteadSurvey/list08.png" alt="" style="margin-right: 3px;">删除</p>
+              <p v-if="item.zjdAudit=='2'" style="color:#ee0a24;font-size:12px;">已驳回</p>
+            </div>
           </template>
-        </van-nav-bar>
-      </div>
-      <div style="margin:20px;">
-        <van-form @submit="onSubmithncy">
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.nhdm"
-            name="农户代码"
-            label="农户代码"
-            placeholder="农户代码"
-            disabled
-            required
-            :rules="[{ required: true, message: '农户代码不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.xm"
-            name="姓名"
-            label="姓名"
-            placeholder="姓名"
-            required
-            :rules="[{ required: true, message: '姓名不能为空' }]"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.zjlxName"
-            name="证件类型"
-            label="证件类型"
-            placeholder="证件类型"
-            required
-            :rules="[{ required: true, message: '证件类型不能为空' }]"
-            readonly
-            @click="showhncyzjlx = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.zjlx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.yhzgxName"
-            name="与户主关系"
-            label="与户主关系"
-            placeholder="与户主关系"
-            required
-            :rules="[{ required: true, message: '与户主关系不能为空' }]"
-            @click="showhncyyhzgx = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.yhzgx"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.zjhm"
-            name="证件号码"
-            label="证件号码"
-            placeholder="证件号码"
-            required
-            :rules="[{ required: true, message: '证件号码不能为空' },{validator:validatorIdcardhncy,message:'身份证号格式错误！'}]"
-          />
-          <van-field autocomplete="off" name="radio" label="性别" input-align="right" required
-                     :rules="[{ required: true, message: '性别不能为空' }]">
-            <template #input>
-              <van-radio-group v-model="form5.xb" direction="horizontal">
-                <van-radio name="1">男</van-radio>
-                <van-radio name="2">女</van-radio>
-                <van-radio name="3">不详</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.lxdh"
-            name="联系电话"
-            label="联系电话"
-            placeholder="联系电话"
-          />
-          <van-field name="radio" label="户口类型" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form5.hklx" direction="horizontal">
-                <van-radio name="01">农业</van-radio>
-                <van-radio name="02">非农业</van-radio>
-                <van-radio name="03">其他</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form5.hyzk" direction="horizontal">
-                <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否本集体经济组织成员" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form5.sfbjtjjzzcy" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.cybzName"
-            name="成员备注"
-            label="成员备注"
-            placeholder="成员备注"
-            @click="showhncycybz = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.cybz"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.cybzsm"
-            name="成员备注说明"
-            label="成员备注说明"
-            placeholder="成员备注说明"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.occupationName"
-            name="职业"
-            label="职业"
-            placeholder="职业"
-            required
-            :rules="[{ required: true, message: '' }]"
-            @click="showhncyoccupation = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.occupation"
-            style="display:none"
-          />
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.jzqkName"
-            name="居住情况"
-            label="居住情况"
-            placeholder="居住情况"
-            required
-            :rules="[{ required: true, message: '' }]"
-            @click="showhncyjzqk = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.jzqk"
-            style="display:none"
-          />
-          <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form5.sfpkh" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">
-            <template #input>
-              <van-radio-group v-model="form5.sfwbh" direction="horizontal">
-                <van-radio name="1">是</van-radio>
-                <van-radio name="0">否</van-radio>
-              </van-radio-group>
-            </template>
-          </van-field>
-          <van-field
-            autocomplete="off"
-            input-align="right"
-            v-model="form5.sjlyName"
-            name="数据来源"
-            label="数据来源"
-            placeholder="数据来源"
-            required
-            :rules="[{ required: true, message: '' }]"
-            @click="showhncysjly = true"
-          />
-          <van-field
-            autocomplete="off"
-            v-model="form5.sjly"
-            style="display:none"
-          />
-          <div style="margin: 16px;" v-if="!isFinished">
-            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
-          </div>
-        </van-form>
-      </div>
-    </van-popup>
-
-    <!--绘制结束弹窗开始-->
-    <van-popup v-model:show="showhzht" style="width: 94%;border-radius: 15PX" :close-on-click-overlay="false">
-      <div style="padding: 5px 3% 3%;">
-        <h1 style="font-size: 0.35rem;font-weight: 400;border-bottom: 1px solid #ccc; line-height: 0.8rem;"><i style="display: inline-block;width: 1%;height: 0.4rem;background: #7ac943;vertical-align: middle;margin-right: 1%;"></i>是否完成绘制</h1>
-
-        <div style="text-align: center;margin-top: 3%;">
-          <p style="font-size: 0.3rem;display: inline-block;background: #ccc;padding: 2% 0;border-radius: 30PX;color: #FFF;margin-right: 10%;width: 40%" @click="deleteHistory">否</p>
-          <p style="font-size: 0.3rem;display: inline-block;background: #7ac943;padding: 2% 0;border-radius: 30PX;color: #FFF;width: 40%" @click="showhzlx = true,showhzht = false">是</p>
-        </div>
-      </div>
-    </van-popup>
-
-    <!--  background: #ccc  -->
-
-    <van-popup v-model:show="showhzlx" style="width: 94%;border-radius: 15PX">
-      <div style="padding: 5px 3% 3%;">
-        <h1 style="font-size: 0.35rem;font-weight: 400;border-bottom: 1px solid #ccc; line-height: 0.8rem;"><i style="display: inline-block;width: 1%;height: 0.4rem;background: #7ac943;vertical-align: middle;margin-right: 1%;"></i>请选择绘制类型<van-icon name="cross" color="#666666" style="position: absolute;right: 2%;top: 0.1rem" @click="showhzlx = false,showhzht = true" /></h1>
-
-        <div style="text-align: center;margin-top: 3%;">
-          <p class="hzlxBtn" :style="{background: mapZjdData ? '#CCC':'#7ac943'}" @click="zjdTz">宅基地</p>
-          <p class="hzlxBtn" :style="{background: mapZjdData ? '#b026ff':'#CCC'}" @click="zrzTz">自然幢</p>
-          <p class="hzlxBtn" :style="{background: mapZjdData ? '#3ac2db':'#CCC'}" @click="fsssTz">附属设施</p>
-        </div>
-      </div>
-    </van-popup>
-    <!--绘制结束弹窗结束-->
+          <!--<template #default>
+            <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
+            <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>
+          </template>-->
+          <template #label>
+            <p style="display: flex;align-items: center;margin-top: 10px;"><img src="../../assets/images/housesteadSurvey/list04.png" alt="" style="margin-right: 5px;">宅基地代码:  {{item.zjddm}} </p>
+            <p style="display: flex;align-items: center;margin-top: 5px;"><img src="../../assets/images/housesteadSurvey/list05.png" alt="" style="margin-right: 5px;">宗地面积: {{item.zdmj}}㎡<span style="margin-left: auto;color: #333333;">检察员：{{item.updateBy}}</span></p>
+          </template>
+        </van-cell>
+          </van-list>
+        <!--</van-pull-refresh>-->
+      </van-tab>
+    </van-tabs>
   </div>
 </template>
 
@@ -1282,9 +218,25 @@
           // 全部列表
           list:[],
           // 已核查列表
-          list1:[],
+          list1:[
+            {
+              syqr:'刘茂强，王讲讲，王公公',
+              zjdAudit :'0',
+              zjddm :'4413215200216562255Z00026',
+              zdmj :'119.87㎡',
+              updateBy :'高一鹏',
+            }
+          ],
           // 未核查列表
-          list2:[],
+          list2:[
+            {
+              syqr:'刘茂强，王讲讲，王公公12',
+              zjdAudit :'0',
+              zjddm :'4413215200216562255Z00026',
+              zdmj :'119.87㎡',
+              updateBy :'高一鹏',
+            }
+          ],
           // 户主列表
           nhlist:[],
           // 户内成员表单
@@ -1419,62 +371,62 @@
           this.jzhcssfyzfOptions = this.dictTypeList.jzhcssfyzf;
           this.cybzOptions = this.dictTypeList.member_remark;
         })
-          this.getDicts("family_status").then(response => {
-            var arr = [];
-            response.data.forEach(function (item) {
-              if (item.dictLabel !== '户主') {
-                arr.push(item)
-              }
-            });
-            this.yhzgxOptions = arr;
-          });
-          if(this.$cookies.get("search") != null && this.$cookies.get("search") !="" && this.$cookies.get("search")!=undefined){
-            if(this.$cookies.get("search").activeBtn !=null){
-              if(this.$cookies.get("search").activeBtn == 4){
-                // if(location.href.indexOf("#reloaded")==-1){
-                //   location.href=location.href+"#reloaded";
-                //   location.reload();
-                // }
-                this.activeBtn = this.$cookies.get("search").activeBtn;
-                this.item = this.$cookies.get("item");
-                this.mapAddJump = this.$cookies.get("search").backMapZjdAData.deptId;
-                this.backTheGeom = this.$cookies.get("search").backMapZjdAData.theGeom;
-                this.mapZjdData = this.$cookies.get("search").backMapZjdAData;
-                this.mapZjdTeAll.mapZjdAData = this.$cookies.get("search").backMapZjdAData;
-                this.mapClick = this.mapZjdTeAll.mapZjdAData.zjddm;
-                this.mapXs =true;
-                this.zjdHcDy = 1;
-                this.mapZjdDataTure = 1;
-                this.mapAddJumpNum =1;
-                this.mapShow();
-                this.getZjdList();
-                this.getTotalHR();
-                if(this.item.taskStatus=="FINISHED"){
-                    this.isFinished = true
-                }else{
-                  this.isFinished = false
-                }
-              }
-            }else {
-              this.item = this.$cookies.get("item");
-              this.getZjdList();
-              this.getTotalHR();
-              if(this.item.taskStatus=="FINISHED"){
-                this.isFinished = true
-              }else{
-                this.isFinished = false
-              }
-            }
-          }else {
-            this.item = this.$cookies.get("item");
-            this.getZjdList();
-            this.getTotalHR();
-            if(this.item.taskStatus=="FINISHED"){
-              this.isFinished = true
-            }else{
-              this.isFinished = false
-            }
-          }
+          // this.getDicts("family_status").then(response => {
+          //   var arr = [];
+          //   response.data.forEach(function (item) {
+          //     if (item.dictLabel !== '户主') {
+          //       arr.push(item)
+          //     }
+          //   });
+          //   this.yhzgxOptions = arr;
+          // });
+          // if(this.$cookies.get("search") != null && this.$cookies.get("search") !="" && this.$cookies.get("search")!=undefined){
+          //   if(this.$cookies.get("search").activeBtn !=null){
+          //     if(this.$cookies.get("search").activeBtn == 4){
+          //       // if(location.href.indexOf("#reloaded")==-1){
+          //       //   location.href=location.href+"#reloaded";
+          //       //   location.reload();
+          //       // }
+          //       this.activeBtn = this.$cookies.get("search").activeBtn;
+          //       this.item = this.$cookies.get("item");
+          //       this.mapAddJump = this.$cookies.get("search").backMapZjdAData.deptId;
+          //       this.backTheGeom = this.$cookies.get("search").backMapZjdAData.theGeom;
+          //       this.mapZjdData = this.$cookies.get("search").backMapZjdAData;
+          //       this.mapZjdTeAll.mapZjdAData = this.$cookies.get("search").backMapZjdAData;
+          //       this.mapClick = this.mapZjdTeAll.mapZjdAData.zjddm;
+          //       this.mapXs =true;
+          //       this.zjdHcDy = 1;
+          //       this.mapZjdDataTure = 1;
+          //       this.mapAddJumpNum =1;
+          //       this.mapShow();
+          //       this.getZjdList();
+          //       this.getTotalHR();
+          //       if(this.item.taskStatus=="FINISHED"){
+          //           this.isFinished = true
+          //       }else{
+          //         this.isFinished = false
+          //       }
+          //     }
+          //   }else {
+          //     this.item = this.$cookies.get("item");
+          //     this.getZjdList();
+          //     this.getTotalHR();
+          //     if(this.item.taskStatus=="FINISHED"){
+          //       this.isFinished = true
+          //     }else{
+          //       this.isFinished = false
+          //     }
+          //   }
+          // }else {
+          //   this.item = this.$cookies.get("item");
+          //   this.getZjdList();
+          //   this.getTotalHR();
+          //   if(this.item.taskStatus=="FINISHED"){
+          //     this.isFinished = true
+          //   }else{
+          //     this.isFinished = false
+          //   }
+          // }
       },
       methods: {
         showUploadList(){
@@ -1829,6 +781,7 @@
           return label
         },
         onRefreshzjd(){
+          console.log("aaaaaaaaaaaaaaaaaaaaaaaaaaaaa")
           this.isLoadingzjd = false;
           let _this = this
           if(this.active==1&&this.loading2){
@@ -6173,25 +5126,23 @@
   }
   .activeBtn{
     background:#fff;
-    height:50px;
-    border-radius:25px;
+    border-radius:25PX;
     color:#7AC943;
-    line-height:50px;
+    line-height:30PX;
     text-align:center;
-    font-size:20px;
-    width: 26%;
+    font-size:14PX;
+    width: 25%;
     margin:0 10px;
     box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
   }
   .disactiveBtn{
     background:rgba(255,255,255,.4);
-    height:50px;
-    border-radius:25px;
+    border-radius:25PX;
     color:#fff;
-    line-height:50px;
+    line-height:30PX;
     text-align:center;
-    font-size:20px;
-    width: 26%;
+    font-size:14PX;
+    width: 25%;
     margin:0 10px;
     box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
   }
diff --git a/src/views/homesteadSurvey/list2.vue b/src/views/homesteadSurvey/list2.vue
new file mode 100644
index 00000000..8d056929
--- /dev/null
+++ b/src/views/homesteadSurvey/list2.vue
@@ -0,0 +1,5565 @@
+<template>
+  <div class="app-container">
+    <van-sticky>
+      <div class="bannerBg" style="">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="onClickLeft"
+          @click-right="showUploadList"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size=".5rem" color="#fff" />
+          </template>
+          <template #right>
+            <van-icon v-if="$cookies.get('upload')!=null&&$cookies.get('upload')==1" name="photo-o" size=".5rem" color="#fff"/>
+          </template>
+          <template #title>
+            <p style="color:#fff">{{item.deptName}}</p>
+          </template>
+        </van-nav-bar>
+        <van-popup v-model:show="showImageList" position="bottom" style="height:40vh;padding:50px 10px 0" closeable
+                   close-icon="close">
+          <p style="color:#000;position:absolute;top:0.426667rem;left:0.426667rem">图片上传</p>
+          <div style="width:100%;height:calc( 40vh - 100px);overflow-y: scroll;">
+
+            <van-uploader v-model="uploadImgList" :after-read="beforeReadImageList" @delete="deleteFileImageList" multiple :max-count="50"  />
+          </div>
+          <van-row justify="space-around" style=" position:fixed;bottom:0;left:0;width:100%;height:50px;text-align: center;">
+            <van-col span="12"><van-button type="primary" style="width:100px;" round @click="uploadImgList = [],uploadImgList1 = []">清空</van-button></van-col>
+            <van-col span="12"><van-button type="primary" style="width:100px;" round @click="submitUploadList">上传</van-button></van-col>
+          </van-row>
+        </van-popup>
+        <div style="display:flex;width:95%;margin:0 auto;justify-content:space-between;padding: 0px 0 15px">
+          <div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="$router.push({path:'/homesteadSurvey/list'})">入户核查</div>
+          <div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="$router.push({path:'/homesteadSurvey/list2'})">农户信息</div>
+          <div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="$router.push({path:'/homesteadSurvey/list3'})">所有权人</div>
+          <div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }" @click="$router.push({path:'/homesteadSurvey/list4'})">切换地图</div>
+        </div>
+      </div>
+      <div style="background:#fff;padding:10px 2.5%;display: flex;justify-content: space-between;">
+        <div style="text-align:center;background: rgba(122,201,67,0.2);width: 49%;font-size: 14px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 2px 0;">
+          <img src="../../assets/images/housesteadSurvey/list01.png" alt="">
+          <p style="margin-left: 10px;">
+            <span style="color:#60B722;line-height:.8rem;">总户数：</span>
+            <span style="color:#60B722;line-height:.8rem;"><span style="font-size:16px;color: #448815;">{{totalH}}</span> 户</span>
+          </p>
+        </div>
+        <div style="text-align:center;background: rgba(122,201,67,0.2);width: 49%;font-size: 14px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 2px 0;">
+          <img src="../../assets/images/housesteadSurvey/list02.png" alt="">
+          <p style="margin-left: 10px;">
+            <span style="color:#60B722;line-height:.8rem">总人数：</span>
+            <span style="color:#60B722;line-height:.8rem"><span style="font-size:16px;color: #448815;">{{totalR}}</span> 人</span>
+          </p>
+        </div>
+      </div>
+    </van-sticky>
+    <van-search v-model="nhvalue" placeholder="请输入农户姓名或证件号" show-action @search="onSearchnh">
+      <template #action>
+        <van-icon name="add" color="rgba(122,201,67,1)" size=".8rem" @click="onClicknh" style="vertical-align:middle;"/>
+      </template>
+    </van-search>
+<!--<van-pull-refresh v-model="isLoadingnh" @refresh="onRefreshnh">-->
+    <van-cell  v-for="(item,index) in nhlist" :key="index" size="small" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;">
+      <template #title>
+        <div style="display: flex;align-items: center;">
+          <p style="display: flex;align-items: center;">
+            <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;">
+            <span style="line-height: 1;">{{item.hzxm}}</span>
+          </p>
+          <p style="display: flex;align-items: center;color:#22B7F2;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #22B7F2;" @click="showPopuphncylist(item)"><img src="../../assets/images/housesteadSurvey/list09.png" alt="" style="margin-right: 3px;">成员</p>
+          <p style="display: flex;align-items: center;color:#22B7F2;font-size:12px;margin-right: 10px;border-bottom: 1px dashed #22B7F2;" @click="showPopupnh(item)"><img src="../../assets/images/housesteadSurvey/list10.png" alt="" style="margin-right: 3px;">户主</p>
+          <p style="display: flex;align-items: center;color:#FA5353;font-size:12px;border-bottom: 1px dashed #FA5353;" @click="deletenh(item,index)"><img src="../../assets/images/housesteadSurvey/list08.png" alt="" style="margin-right: 3px;">删除</p>
+        </div>
+      </template>
+      <template #label>
+        <p style="display: flex;align-items: center;margin-top: 10px;"><img src="../../assets/images/housesteadSurvey/list04.png" alt="" style="margin-right: 5px;">证件号码:<span style="margin-left: auto;">{{item.hzzjhm}}</span> </p>
+        <p style="display: flex;align-items: center;margin-top: 5px;"><img src="../../assets/images/housesteadSurvey/list05.png" alt="" style="margin-right: 5px;">农户代码:<span style="margin-left: auto;">{{item.nhdm}}</span></p>
+      </template>
+    </van-cell>
+<!--    </van-pull-refresh>-->
+  </div>
+</template>
+
+<script>
+    import {listZjdzd,getQueryLand,getZjdzd,delZjdzdInfo,uploadFile,submitUploadImageList} from "@/api/homesteadSurvey/zjdzd";
+    import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";
+    import {addNhhncy, delNhhncy, exportNhhncy, getNhhncy, listNhhncy, updateNhhncy} from "@/api/homesteadSurvey/nhhncy";
+    import {listShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr";
+    import {listSuyqr,updateSuyqr,addSuyqr} from "@/api/homesteadSurvey/suyqr";
+    import {listZrz,getZrzZjdDmList,getZrz} from "@/api/homesteadSurvey/zrz";
+    import {listFsss,getFsssZjdDmList,getFsss} from "@/api/homesteadSurvey/fsss";
+    import {getGeoServerConfigKey} from "@/api/system/config";
+    import { listTown, getTown } from "@/api/homesteadSurvey/town";
+    import { listVillage} from "@/api/homesteadSurvey/village";
+    import {deptGetId,} from "@/api/homestead/index";
+    import $ from "jquery";
+    import {Dialog} from "vant";
+    import {ref} from "vue";
+    import axios from "axios";
+    export default {
+      name: "homesteadList",
+      data() {
+        return {
+          loading1:false,
+          finished1:false,
+          loading2:false,
+          finished2:false,
+          loading3:false,
+          finished3:false,
+          //全部
+          qbNums:0,
+          //已调查数量
+          yhcNums:0,
+          //未核查数量
+          whcNums:0,
+          // 总户数
+          totalH:0,
+          // 总人数
+          totalR:0,
+          zjdSx:true,
+          zrzSx :true,
+          fsssSx:true,
+          showhncysjly:false,
+          showhzsjly:false,
+          showhncycybz:false,
+          showhncyzjlx:false,
+          showhncyyhzgx:false,
+          showhzjzhcssfyzf:false,
+          showhncyoccupation:false,
+          showhncyjzqk:false,
+          showhzoccupation:false,
+          showhzjzqk:false,
+          // 下拉刷新
+          isLoadingnh:false,
+          countnh:0,
+          isLoadingzjd:false,
+          countqb:1,
+          countyhc:1,
+          countwhc:1,
+          // 使用权人表单弹出
+          shownh:false,
+          showhzht:false,
+          showhzlx:false,
+          showhncylist:false,
+          showhncy:false,
+          activeBtn:2,
+          value:'',
+          // 宅基地搜索框
+          zjdvalue:"",
+          // 使用权人搜索框
+          nhvalue:"",
+          active:2,
+          // 全部列表
+          list:[],
+          // 已核查列表
+          list1:[],
+          // 未核查列表
+          list2:[],
+          // 户主列表
+          nhlist:[{
+            hzxm :'刘茂强',
+            hzzjhm :'373702215605074707',
+            nhdm :'3737022156050747072'
+          }],
+          // 户内成员表单
+          form5: {},
+          // 户内成员列表
+          hncylist:[],
+          currentRate:20,
+          // 使用权人
+          nhform:[],
+          // 户主列表
+          hzform:{},
+          // 权利人列表
+          qlrform:[],
+          // 权利人性质弹出框
+          showsuyqxz:false,
+          // 代理人证件类型弹出框
+          showdlrzjlx:false,
+          // 代表人证件类型弹出框
+          showdbrzjlx:false,
+          // 数据来源弹出框
+          showsjly:false,
+          // 证件类型字典
+          zjlxOptions: [],
+          // 所有权性质字典
+          suyqxzOption: [],
+          // 婚姻状况字典
+          hyzkOptions:[],
+          // 数据来源字典
+          sjlyOptions:[],
+          // 居住情况字典
+          jzqkOptions:[],
+          // 与户主关系字典
+          yhzgxOptions:[],
+          // 职业字典
+          occupationOptions:[],
+          // 集镇或城市是否有住房字典
+          jzhcssfyzfOptions:[],
+          // 成员备注字典
+          cybzOptions:[],
+          columns:[],
+          show1:false,
+          showhzzjlx: false,
+          // 路由传过来的任务基本信息。
+          item: {},
+          //地图使用 --start
+          openMap: false,
+          mapTheGeomZrzId: null,
+          mapTheGeomZjdId: null,
+          mapTheGeomFsssId: null,
+          drawInsert:null,
+          mapZjdData:"",
+          mapZrzData:"",
+          mapFsssData:"",
+          mapZjdDataTure:"",
+          mapZjdTeAll:{
+            active:"",
+            mapZjdAData:{},
+            mapZrzAData:{},
+            mapFsssAData:{},
+          },
+          mapHaDataValue:false,
+          mapHasDateStatus: 0, //0附属设施  1自然幢  2宅基地
+          selectionIconShow:false,
+          homesteadListStatus:false,
+          //地图绘制状态
+          draw: {
+            drawMapPolygon: false, //绘制地图
+          },
+          mapTownList: null,
+          mapVillageList: null,
+          coordinate:"",
+          checked:['zjdSx', 'zrzSx', 'fsssSx'],
+          checkAllMap: false,
+          sx:"",
+          drawingClick:true,
+          //搜索---start
+          seachText: "",
+          //搜索栏目-操作栏显隐
+          searchBarOperVisbile: false,
+          mapDataAll: [],
+          showSearch:false,
+          bottomHeight:'0px',
+          //搜索---end
+          //测面
+          textMjAll:"",
+          clickBbox:"",
+          textMjAllNum:"",
+          //核查
+          zjdHcDy:"",
+          //绘图
+          htZjdZrzFsss:"",
+          //筛选
+          checkAllFlag: true,
+          CheckedAllArr: [],//全选数组
+          dataForm: {
+            imageUrl: []
+          },
+          dataList: [["fsssSx"],["zjdSx"],["zrzSx"]],          //地图使用 --end
+          checkBoxAll:[],
+          //地图跳转存之
+          mapAddJump:"",
+          mapAddJumpNum:"",
+          nhdm:"",
+          backTheGeom:"",
+          //地图服务地址
+          mapGeoServerUrl:"",
+          backMap:"",
+          // 任务完成标记
+          //宅基地点击事件
+          mapXs: false,
+          mapClick:"",
+          isFinished:false,
+          //
+          showImageList:false,
+          uploadImgList:[],
+          uploadImgList1:[],
+          // 字典列表json
+          dictTypeList:null,
+        };
+      },
+      mounted(){
+      },
+      created(){
+        axios.get('../static/dictyType.json').then(res => {
+          this.dictTypeList = res.data
+          this.zjlxOptions = this.dictTypeList.zjlx;
+          this.suyqxzOptions = this.dictTypeList.qsxz;
+          this.sjlyOptions = this.dictTypeList.sjly;
+          this.hyzkOptions = this.dictTypeList.hyzk;
+          this.occupationOptions = this.dictTypeList.occupation;
+          this.jzqkOptions = this.dictTypeList.living_condition;
+          this.jzhcssfyzfOptions = this.dictTypeList.jzhcssfyzf;
+          this.cybzOptions = this.dictTypeList.member_remark;
+        })
+          this.getDicts("family_status").then(response => {
+            var arr = [];
+            response.data.forEach(function (item) {
+              if (item.dictLabel !== '户主') {
+                arr.push(item)
+              }
+            });
+            this.yhzgxOptions = arr;
+          });
+          if(this.$cookies.get("search") != null && this.$cookies.get("search") !="" && this.$cookies.get("search")!=undefined){
+            if(this.$cookies.get("search").activeBtn !=null){
+              if(this.$cookies.get("search").activeBtn == 4){
+                // if(location.href.indexOf("#reloaded")==-1){
+                //   location.href=location.href+"#reloaded";
+                //   location.reload();
+                // }
+                this.activeBtn = this.$cookies.get("search").activeBtn;
+                this.item = this.$cookies.get("item");
+                this.mapAddJump = this.$cookies.get("search").backMapZjdAData.deptId;
+                this.backTheGeom = this.$cookies.get("search").backMapZjdAData.theGeom;
+                this.mapZjdData = this.$cookies.get("search").backMapZjdAData;
+                this.mapZjdTeAll.mapZjdAData = this.$cookies.get("search").backMapZjdAData;
+                this.mapClick = this.mapZjdTeAll.mapZjdAData.zjddm;
+                this.mapXs =true;
+                this.zjdHcDy = 1;
+                this.mapZjdDataTure = 1;
+                this.mapAddJumpNum =1;
+                this.mapShow();
+                this.getZjdList();
+                this.getTotalHR();
+                if(this.item.taskStatus=="FINISHED"){
+                    this.isFinished = true
+                }else{
+                  this.isFinished = false
+                }
+              }
+            }else {
+              this.item = this.$cookies.get("item");
+              this.getZjdList();
+              this.getTotalHR();
+              if(this.item.taskStatus=="FINISHED"){
+                this.isFinished = true
+              }else{
+                this.isFinished = false
+              }
+            }
+          }else {
+            this.item = this.$cookies.get("item");
+            this.getZjdList();
+            this.getTotalHR();
+            if(this.item.taskStatus=="FINISHED"){
+              this.isFinished = true
+            }else{
+              this.isFinished = false
+            }
+          }
+      },
+      methods: {
+        showUploadList(){
+          this.showImageList = true;
+        },
+        submitUploadList(){
+          submitUploadImageList(this.uploadImgList1).then(res => {
+            let _this = this
+            this.$toast({
+              icon: 'success', // 找到自己需要的图标
+              message: '上传成功',
+              duration:"1000",
+              onClose:function(){
+                _this.showImageList = false
+              }
+            })
+          })
+        },
+        // 图片上传前
+        beforeReadImageList(file){
+          let _this = this
+          if(file.length!=undefined){
+            file.map(res => {
+              let zjddm = res.file.name
+              //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));
+              // 创建Canvas对象(画布)
+              let canvas =  document.createElement('canvas')
+              // 获取对应的CanvasRenderingContext2D对象(画笔)
+              let context = canvas.getContext('2d')
+              // 创建新的图片对象
+              let img = new Image()
+              // 指定图片的DataURL(图片的base64编码数据)
+              img.src = res.content
+              // 监听浏览器加载图片完成，然后进行进行绘制
+              img.onload = () => {
+                /*const h = img.height
+                const w = img.width*/
+                let ch = img.height/5
+                let cw = img.width/5
+                let canvas = document.createElement('canvas')
+                let ctx = canvas.getContext('2d')
+                canvas.height = ch
+                canvas.width = cw
+                ctx.clearRect(0,0,cw,ch)
+                ctx.drawImage(img,0,0,cw,ch)
+                let base_img = canvas.toDataURL('image/jpeg')
+                let blobBin = atob(base_img.split(',')[1])
+                let d = []
+                for (let i=0;i<blobBin.length;i++){
+                  d.push(blobBin.charCodeAt(i))
+                }
+                let data2 = new FormData();
+                data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+                uploadFile(data2).then(response => {
+                  let p={
+                    "zjddm":zjddm,
+                    "url":response.fileName
+                  }
+                  _this.uploadImgList1.push(p)
+                })
+              }
+            })
+          }else{
+            let zjddm = file.file.name
+            //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));
+            // 创建Canvas对象(画布)
+            let canvas =  document.createElement('canvas')
+            // 获取对应的CanvasRenderingContext2D对象(画笔)
+            let context = canvas.getContext('2d')
+            // 创建新的图片对象
+            let img = new Image()
+            // 指定图片的DataURL(图片的base64编码数据)
+            img.src = file.content
+            // 监听浏览器加载图片完成，然后进行进行绘制
+            img.onload = () => {
+              /*const h = img.height
+              const w = img.width*/
+              let ch = img.height/5
+              let cw = img.width/5
+              let canvas = document.createElement('canvas')
+              let ctx = canvas.getContext('2d')
+              canvas.height = ch
+              canvas.width = cw
+              ctx.clearRect(0,0,cw,ch)
+              ctx.drawImage(img,0,0,cw,ch)
+              let base_img = canvas.toDataURL('image/jpeg')
+              let blobBin = atob(base_img.split(',')[1])
+              let d = []
+              for (let i=0;i<blobBin.length;i++){
+                d.push(blobBin.charCodeAt(i))
+              }
+              let data2 = new FormData();
+              data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+              uploadFile(data2).then(response => {
+                let p={
+                  "zjddm":zjddm,
+                  "url":response.fileName
+                }
+                _this.uploadImgList1.push(p)
+              })
+            }
+          }
+
+        },
+        deleteFileImageList(file){
+          let url = file.file.name
+          this.uploadImgList1.map((res,index) => {
+            if(res.zjddm==url){
+              this.uploadImgList1.remove(index);
+            }
+          })
+        },
+        validatorIdcardqlr(val){
+          if(this.qlrform.dbrzjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        validatorIdcardnh(val){
+          if(this.nhform.hzzjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        validatorIdcardhncy(val){
+          if(this.form5.zjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        checkCode(val) {
+          var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
+          var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
+          var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
+          var code = val.substring(17);
+          if(p.test(val)) {
+            var sum = 0;
+            for(var i=0;i<17;i++) {
+              sum += val[i]*factor[i];
+            }
+            if(parity[sum % 11] == code.toUpperCase()) {
+              return true;
+            }
+          }
+          return false;
+        },
+        checkDate (val) {
+          var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)$/;
+          if(pattern.test(val)) {
+            var year = val.substring(0, 4);
+            var month = val.substring(4, 6);
+            var date = val.substring(6, 8);
+            var date2 = new Date(year+"-"+month+"-"+date);
+            if(date2 && date2.getMonth() == (parseInt(month) - 1)) {
+              return true;
+            }
+          }
+          return false;
+        },
+        checkProv(val) {
+          var pattern = /^[1-9][0-9]/;
+          var provs = {11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门"};
+          if(pattern.test(val)) {
+            if(provs[val]) {
+              return true;
+            }
+          }
+          return false;
+        },
+        vcheckID(val){
+          if(this.checkCode(val)) {
+            var date = val.substring(6,14);
+            if(this.checkDate(date)) {
+              if(this.checkProv(val.substring(0,2))) {
+                return true;
+              }
+            }
+          }
+          return false;
+        },
+        deleteZjd(item,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '将删除与此宅基地关联的使用权人，自然幢，房屋，附属设施等所有信息，同时删除后无法恢复，确认删除么？',
+          })
+            .then(() => {
+              // on confirm
+              delZjdzdInfo(item).then(res => {
+                if(res.code=="200"){
+                  if(this.active==1){
+                    this.list1.splice(index,1);
+                  }else if(this.active==2){
+                    this.list2.splice(index,1);
+                  }else{
+                    this.list.splice(index,1);
+                  }
+                }
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        //删除户主
+        deletenh(item,index){
+          let yes = true
+          let params={
+            nhdm : item.nhdm,
+            deptId: item.deptId
+          }
+          listNhhncy(params).then((res) => {
+            console.log(res.rows.length)
+            if(res.rows.length>0){
+              yes = false
+              this.$toast({
+                icon: 'error', // 找到自己需要的图标
+                message: '无法删除，此户主存在户内成员！',
+                duration:"1000",
+                onClose:function(){
+                }
+              })
+            }else{
+              listShyqr(params).then((res) => {
+                if(res.rows.length>0){
+                  yes = false
+                  this.$toast({
+                    icon: 'error', // 找到自己需要的图标
+                    message: '无法删除，此户主已经成为使用权人！',
+                    duration:"1000",
+                    onClose:function(){
+                    }
+                  })
+                }else{
+                  if(yes){
+                    Dialog.confirm({
+                      title: '警告',
+                      message: '确认删除此使用权人么？',
+                    })
+                      .then(() => {
+                        // on confirm
+                        delNh(item.id).then(res => {
+                          if(res.code=="200"){
+                            this.nhlist.splice(index,1);
+                            this.totalH--
+                            this.totalR--
+                          }
+                        })
+                      })
+                      .catch(() => {
+                        // on cancel
+                      });
+                  }
+                }
+              });
+            }
+          });
+
+        },
+        // 设为户主
+        setNh(item,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '此操作将删除原户主，并将此成员设为新户主，是否确认操作？',
+          })
+            .then(() => {
+              // on confirm
+              delNhhncy(item.id).then(res => {
+                if(res.code=="200"){
+                  this.hncylist.splice(index,1);
+                  this.totalR--
+                }
+              })
+              // 更新户主信息
+              let pnh = {
+                deptId : item.deptId,
+                nhdm : item.nhdm,
+                hzxm:item.xm,
+                hzzjlx :item.zjlx,
+                hzzjhm :item.zjhm
+              }
+              setNhInfo(pnh).then(res => {
+              })
+              // 更新使用权人
+              let psyqr = {
+                deptId : item.deptId,
+                nhdm : item.nhdm,
+                shyqrdbxm : item.xm,
+                shyqrdbzjlx : item.zjlx,
+                shyqrdbzjhm : item.zjhm,
+                xb : item.xb
+              }
+              setSyqrInfo(psyqr).then(res => {
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        //删除户内成员
+        deletehncy(id,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '删除后无法恢复，确认删除此成员么？',
+          })
+            .then(() => {
+              // on confirm
+              delNhhncy(id).then(res => {
+                if(res.code=="200"){
+                  this.hncylist.splice(index,1);
+                  this.totalR--
+                }
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        // 字数限制
+        limitWords(val){
+          if(val==null||val==""){
+            return "无"
+          }else{
+            if(val.length>11){
+              val = val.slice(0,10) +"..."
+            }
+            return val
+          }
+        },
+        // 与户主关系翻译
+        yhzgxfy(value){
+          let label
+          this.yhzgxOptions.map(res => {
+            if(res.dictValue == value){
+              label = res.dictLabel
+            }
+          })
+          return label
+        },
+        onRefreshzjd(){
+          this.isLoadingzjd = false;
+          let _this = this
+          if(this.active==1&&this.loading2){
+              let params = {
+                "deptId" : this.item.deptId,
+                "houseDataConfirmStatus" : "CONFIRMED",
+                "pageNum": this.countyhc+1,
+                "pageSize":10,
+              }
+              listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list1.length<response.total){
+                  response.rows.map(res => {
+                    this.list1.push(res)
+                  })
+                  this.countyhc++
+                  this.loading2 = false
+                }else{
+                  this.loading2 = false
+                  this.finished2 = true
+                }
+              });
+          }else if(this.active==2&&this.loading3){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "UNCONFIRMED",
+              "pageNum": this.countwhc+1,
+              "pageSize":10,
+            }
+            listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list2.length<response.total){
+                  response.rows.map(res => {
+                    this.list2.push(res)
+                  })
+                  this.countwhc++
+                  this.loading3 = false
+                }else{
+                  this.finished3 = true
+                }
+            });
+          }else if(this.active==0&&this.loading1){
+            let params = {
+              "deptId" : this.item.deptId,
+              "pageNum": this.countqb+1,
+              "pageSize":10,
+            }
+            listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list.length<response.total){
+                  response.rows.map(res => {
+                    _this.list.push(res)
+                  })
+                  this.countqb++
+                  this.loading1 = false
+                }else{
+                  this.finished1 = true
+                }
+            });
+          }
+        },
+        getTotalHR(){
+          let params = {
+            "deptId" : this.item.deptId,
+            "pageNum": 1,
+            "pageSize":10,
+          }
+          listNh(params).then((response) => {
+            if(response.rows.length>=0){
+              this.totalH = response.total
+            }
+            listNhhncy(params).then((res) => {
+              if(res.rows.length>=0){
+                this.totalR = res.total + this.totalH
+              }
+            });
+          });
+
+        },
+        onRefreshnh(){
+          this.isLoadingnh = false
+          let params = {
+            "deptId" : this.item.deptId,
+            "pageNum": this.countnh+1,
+            "pageSize":10,
+          }
+          listNh(params).then((response) => {
+            if(response.rows.length>0&&this.nhlist.length<response.total){
+              response.rows.map(res => {
+                this.nhlist.unshift(res)
+              })
+              this.countnh++
+            }
+          });
+        },
+        setCookies(item){
+          //this.$cookies.set("search",JSON.stringify(item));
+          this.$cookies.set("search","");
+          // let _this = this
+          // setTimeout(function(){
+          //   _this.$router.push({name:'homesteadAdd'});
+          // },1000)
+
+          this.$router.push({path:'/homesteadSurvey/add',query: {res: item}});
+        },
+        // 入户核查搜索框新增。
+        onClickzjd(){
+          this.$cookies.remove("search");
+          this.$router.push({name:'homesteadAdd'});
+        },
+        // 农户信息搜索框新增。
+        onClicknh(){
+          this.shownh = true;
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          this.qlrform={}
+          this.nhform={
+            "suyqrdm":null,
+            "deptId":this.item.deptId,
+            "hzzjlx":'01',
+            "hzzjlxName":"身份证",
+            "hyzk":'02',
+            "occupation":'1',
+            "occupationName":'务农',
+            "jzqk":'3',
+            "jzqkName":'常年居住',
+            "jzhcssfyzf":'1',
+            "jzhcssfyzfName":'无住房',
+            "zqtczsfyzf":'Y',
+            "sfbccm":'Y',
+            "sfpkh":'N',
+            "sfwbh":'N',
+            "sjly":'07',
+            "sjlyName":'农村集体产权制度改革',
+          }
+          listSuyqr(params).then((response) => {
+            if(response.rows.length>0){
+              this.qlrform = response.rows[0]
+              this.nhform.suyqrdm = this.qlrform.suyqrdm
+              this.nhform.txdz = response.rows[0].suyqrmc
+            }
+          });
+        },
+        // 返回
+        onClickLeft(){
+          this.$cookies.set("search","")
+          this.$router.push('/homesteadSurvey/index');
+        },
+        onConfirmhncysjly(value){
+          this.form5.sjlyName = value.dictLabel
+          this.form5.sjly = value.dictValue
+          this.showhncysjly= false
+        },
+        onConfirmhzsjly(value){
+          this.nhform.sjlyName = value.dictLabel
+          this.nhform.sjly = value.dictValue
+          this.showhzsjly= false
+        },
+        onConfirmhncycybz(value){
+          this.form5.cybzName = value.dictLabel
+          this.form5.cybz = value.dictValue
+          this.showhncycybz= false
+        },
+        onConfirmhzjzhcssfyzf(value){
+          this.nhform.jzhcssfyzfName = value.dictLabel
+          this.nhform.jzhcssfyzf = value.dictValue
+          this.showhzjzhcssfyzf= false
+        },
+        onConfirmhncyyhzgx(value){
+          this.form5.yhzgxName = value.dictLabel
+          this.form5.yhzgx = value.dictValue
+          this.showhncyyhzgx = false
+        },
+        onConfirmhncyzjlx(value){
+          this.form5.zjlxName = value.dictLabel
+          this.form5.zjlx = value.dictValue
+          this.showhncyzjlx = false
+        },
+        onConfirmhncyjzqk(value){
+          this.form5.jzqkName = value.dictLabel
+          this.form5.jzqk = value.dictValue
+          this.showhncyjzqk = false
+        },
+        onConfirmhzjzqk(value){
+          this.nhform.jzqkName = value.dictLabel
+          this.nhform.jzqk = value.dictValue
+          this.showhzjzqk = false
+        },
+        onConfirmhncyoccupation(value){
+          this.form5.occupationName = value.dictLabel
+          this.form5.occupation = value.dictValue
+          this.showhncyoccupation = false
+        },
+        onConfirmhzoccupation(value){
+          this.nhform.occupationName = value.dictLabel
+          this.nhform.occupation = value.dictValue
+          this.showhzoccupation = false
+        },
+        onConfirmhzzjlx(value){
+          this.nhform.hzzjlxName = value.dictLabel
+          this.nhform.hzzjlx = value.dictValue
+          this.showhzzjlx = false
+        },
+        onConfirmdbrzjlx(value){
+          this.qlrform.dbrzjlxName = value.dictLabel
+          this.qlrform.dbrzjlx = value.dictValue
+          this.showdbrzjlx = false
+        },
+        onConfirmsuyqxz(value){
+          this.qlrform.suyqxzName = value.dictLabel
+          this.qlrform.suyqxz = value.dictValue
+          this.showsuyqxz = false
+        },
+        onConfirmdlrzjlx(value){
+          this.qlrform.dlrzjlxName = value.dictLabel
+          this.qlrform.dlrzjlx = value.dictValue
+          this.showdlrzjlx = false
+        },
+        onConfirmsjly(value){
+          this.qlrform.sjlyName = value.dictLabel
+          this.qlrform.sjly = value.dictValue
+          this.showsjly = false
+        },
+        // 户主保存
+        onSubmitnh(){
+          if(this.nhform.id!=null){
+            updateNh(this.nhform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.getNh()
+                    let psyqr = {
+                      deptId : _this.nhform.deptId,
+                      nhdm : _this.nhform.nhdm,
+                      shyqrdbxm : _this.nhform.hzxm,
+                      shyqrdbzjlx : _this.nhform.hzzjlx,
+                      shyqrdbzjhm : _this.nhform.hzzjhm,
+                      dh : _this.nhform.phone,
+                      dz : _this.nhform.txdz
+                    }
+                    setSyqrInfo(psyqr).then(res => {
+                      _this.shownh = false
+                    })
+                  }
+                })
+              }
+            );
+          }else{
+            this.nhform.deptId = this.item.deptId
+            addNh(this.nhform).then(
+              response => {
+                this.totalR+=1
+                this.totalH+=1
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.shownh = false
+                    _this.getNh()
+                  }
+                })
+              }
+            );
+          }
+        },
+        // 所有权人保存
+        onSubmitsyqr(){
+          if(this.qlrform.id!=null){
+            updateSuyqr(this.qlrform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000"
+                })
+              }
+            );
+          }else{
+            this.qlrform.deptId = this.item.deptId
+            addSuyqr(this.qlrform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000"
+                })
+              }
+            );
+          }
+        },
+        // 查询所有权人
+        getSyqr(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          this.qlrform ={
+            "deptId":this.item.deptId,
+            "suyqxz":'40',
+            "suyqxzName":'集体土地所有权',
+            "dbrzjlx":'01',
+            "dbrzjlxName":'身份证',
+            "sfclncjtjjzz":'Y',
+            "sjly":'04',
+            "sjlyName":"农村宅基地使用权确权登记发证"
+          }
+          listSuyqr(params).then((response) => {
+            if(response.rows.length>0){
+              this.qlrform = response.rows[0]
+              if(this.qlrform.suyqxz==null||this.qlrform.suyqxz==""){
+                this.qlrform.suyqxz = "40"
+                this.qlrform.suyqxzName = "集体土地所有权"
+              }
+              if(this.qlrform.dbrzjlx==null||this.qlrform.dbrzjlx==""){
+                this.qlrform.dbrzjlx = "01"
+                this.qlrform.dbrzjlxName = "身份证"
+              }
+              if(this.qlrform.sfclncjtjjzz==null||this.qlrform.sfclncjtjjzz==""){
+                this.qlrform.sfclncjtjjzz = "Y"
+              }
+              if(this.qlrform.sjly==null||this.qlrform.sjly==""){
+                this.qlrform.sjly = "04"
+                this.qlrform.sjlyName = "农村宅基地使用权确权登记发证"
+              }
+              this.zjlxOptions.map(res => {
+                if(res.dictValue == this.qlrform.dbrzjlx){
+                  this.qlrform.dbrzjlxName = res.dictLabel
+                }
+                if(res.dictValue == this.qlrform.dlrzjlx){
+                  this.qlrform.dlrzjlxName = res.dictLabel
+                }
+              })
+              this.suyqxzOptions.map(res => {
+                if(res.dictValue == this.qlrform.suyqxz){
+                  this.qlrform.suyqxzName = res.dictLabel
+                }
+              })
+              this.sjlyOptions.map(res => {
+                if(res.dictValue == this.qlrform.sjly){
+                  this.qlrform.sjlyName = res.dictLabel
+                }
+              })
+            }
+          });
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        // 查询农户列表
+        getNh(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          listNh(params).then((response) => {
+            this.nhlist = response.rows
+            this.totalN = response.total
+          });
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        //调查
+        getDc(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        // 农户信息搜索框
+        onSearchnh(){
+          let params = {
+            "deptId" : this.item.deptId,
+            "nhValue" : this.nhvalue
+          }
+          listNh(params).then((response) => {
+            this.nhlist = response.rows
+          });
+        },
+        // 宅基地搜索框
+        onSearchzjd(){
+          if(this.active==1){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "CONFIRMED",
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list1 = response.rows
+              }
+            });
+          }else if(this.active==2){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "UNCONFIRMED",
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list2 = response.rows
+              }
+            });
+          }else{
+            let params = {
+              "deptId" : this.item.deptId,
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list = response.rows
+              }
+            });
+          }
+        },
+        // 户内成员弹窗
+        showPopuphncy(item){
+          this.showhncy = true
+          if(item.id==null||item.id==""){
+            this.form5 = {
+              "nhdm":this.nhdm,
+              "deptId":this.item.deptId,
+              "zjlx":'01',
+              "zjlxName":"身份证",
+              "yhzgx":"14",
+              "yhzgxName":"妻",
+              "hyzk":'02',
+              "hklx":'1',
+              "occupation":'1',
+              "occupationName":'务农',
+              "jzqk":'3',
+              "jzqkName":'常年居住',
+              "sfbjtjjzzcy":'Y',
+              "xb":'0',
+              "sfbccm":'Y',
+              "sfpkh":'N',
+              "sfwbh":'N',
+              "sjly":'07',
+              "sjlyName":'农村集体产权制度改革',
+              "cybz":'9',
+              "cybzName":'其他备注'
+            }
+          }else{
+            let _this = this
+            this.form5 = item
+            if(this.form5.nhdm==null||this.form5.nhdm==""){
+              this.form5.nhdm = this.nhform.nhdm
+            }
+            if(this.form5.deptId==null||this.form5.deptId==""){
+              this.form5.deptId = this.nhform.deptId
+            }
+            if(this.form5.zjlx==null||this.form5.zjlx==""){
+              this.form5.zjlx = "01"
+              this.form5.zjlxName = "身份证"
+            }
+            if(this.form5.yhzgx==null||this.form5.yhzgx==""){
+              this.form5.yhzgx = "14"
+              this.form5.yhzgxName = "妻"
+            }
+            if(this.form5.hyzk==null||this.form5.hyzk==""){
+              this.form5.hyzk = "02"
+            }
+            if(this.form5.hklx==null||this.form5.hklx==""){
+              this.form5.hklx = "1"
+            }
+            if(this.form5.occupation==null||this.form5.occupation==""){
+              this.form5.occupation = "1"
+              this.form5.occupationName = "务农"
+            }
+            if(this.form5.jzqk==null||this.form5.jzqk==""){
+              this.form5.jzqk = "3"
+              this.form5.jzqkName = "常年居住"
+            }
+            if(this.form5.sfbjtjjzzcy==null||this.form5.sfbjtjjzzcy==""){
+              this.form5.sfbjtjjzzcy = "Y"
+            }
+            if(this.form5.xb==null||this.form5.xb==""){
+              this.form5.xb = "0"
+            }
+            if(this.form5.sfbccm==null||this.form5.sfbccm==""){
+              this.form5.sfbccm = "Y"
+            }
+            if(this.form5.sfpkh==null||this.form5.sfpkh==""){
+              this.form5.sfpkh = "N"
+            }
+            if(this.form5.sfwbh==null||this.form5.sfwbh==""){
+              this.form5.sfwbh = "N"
+            }
+            if(this.form5.sjly==null||this.form5.sjly==""){
+              this.form5.sjly = "07"
+              this.form5.sjlyName = "农村集体产权制度改革"
+            }
+            if(this.form5.cybz==null||this.form5.cybz==""){
+              this.form5.cybz = "9"
+              this.form5.cybzName = "其他备注"
+            }
+            this.jzhcssfyzfOptions.map(res => {
+              if(res.dictValue == item.jzhcssfyzf){
+                this.form5.jzhcssfyzfName = res.dictLabel
+              }
+            })
+            this.zjlxOptions.map(res => {
+              if(res.dictValue == item.zjlx){
+                this.form5.zjlxName = res.dictLabel
+              }
+            })
+            this.occupationOptions.map(res => {
+              if(res.dictValue == item.occupation){
+                this.form5.occupationName = res.dictLabel
+              }
+            })
+            this.jzqkOptions.map(res => {
+              if(res.dictValue == item.jzqk){
+                this.form5.jzqkName = res.dictLabel
+              }
+            })
+            this.yhzgxOptions.map(res => {
+              if(res.dictValue == item.yhzgx){
+                this.form5.yhzgxName = res.dictLabel
+              }
+            })
+            this.cybzOptions.map(res => {
+              if(res.dictValue == item.cybz){
+                this.form5.cybzName = res.dictLabel
+              }
+            })
+            this.sjlyOptions.map(res => {
+              if(res.dictValue == item.sjly){
+                this.form5.sjlyName = res.dictLabel
+              }
+            })
+          }
+        },
+        // 户内成员列表
+        showPopuphncylist(item){
+          if(item.nhdm==null||item.nhdm==""){
+            this.$toast({
+              icon: 'error', // 找到自己需要的图标
+              message: '请先保存户主信息',
+              duration:"1000"
+            })
+          }else{
+            this.nhdm = item.nhdm
+            this.showhncylist =  true
+            let params = {
+              "nhdm":item.nhdm,
+              "deptId":this.item.deptId
+            }
+            listNhhncy(params).then((response) => {
+              if (response.code == 200) {
+                this.hncylist = response.rows
+              }
+            });
+          }
+
+        },
+        showPopupnh(item){
+          this.shownh = true
+          this.nhform = item
+          this.jzhcssfyzfOptions.map(res => {
+            if(res.dictValue == item.jzhcssfyzf){
+              this.nhform.jzhcssfyzfName = res.dictLabel
+            }
+          })
+          this.zjlxOptions.map(res => {
+            if(res.dictValue == item.hzzjlx){
+              this.nhform.hzzjlxName = res.dictLabel
+            }
+          })
+          this.occupationOptions.map(res => {
+            if(res.dictValue == item.occupation){
+              this.nhform.occupationName = res.dictLabel
+            }
+          })
+          this.jzqkOptions.map(res => {
+            if(res.dictValue == item.jzqk){
+              this.nhform.jzqkName = res.dictLabel
+            }
+          })
+          this.sjlyOptions.map(res => {
+            if(res.dictValue == item.sjly){
+              this.nhform.sjlyName = res.dictLabel
+            }
+          })
+        },
+      getZjdList(){
+         let params = {
+           "deptId" : this.item.deptId,
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params).then((response) => {
+           if (response.code == 200) {
+             this.list = response.rows
+             this.qbNums = response.total
+   /*          if(response.rows.length>=10){
+               this.list = newList.slice(0,9)
+             }else {
+               this.list = newList
+             }
+             this.yhcNums = 0
+             this.whcNums = 0
+             this.list1 = []
+             this.list2 = []
+             response.rows.map(res => {
+               if(res.houseDataConfirmStatus == 'CONFIRMED'){
+                 if(this.list1.length<10){
+                   this.list1.push(res)
+                 }
+                 this.yhcNums ++
+               }else{
+                 if(this.list2.length<10){
+                   this.list2.push(res)
+                 }
+                 this.whcNums ++
+               }
+             })*/
+
+           }
+         });
+         let params1 = {
+           "deptId" : this.item.deptId,
+           "houseDataConfirmStatus" : "CONFIRMED",
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params1).then((response) => {
+           if (response.code == 200) {
+             this.yhcNums = response.total
+             this.list1 = response.rows
+           }
+         });
+         let params2 = {
+           "deptId" : this.item.deptId,
+           "houseDataConfirmStatus" : "UNCONFIRMED",
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params2).then((response) => {
+           if (response.code == 200) {
+             this.whcNums = response.total
+             this.list2 = response.rows
+           }
+         });
+        },
+        onConfirm(){},
+        /*onSubmithncy(){
+          if (this.form5.id != null) {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+
+            } else {
+              if(this.form5.xb=='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }
+          } else {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          _this.totalR+=1
+                          _this.totalH+=1
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      _this.totalR+=1
+                      _this.totalH+=1
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+
+            } else {
+              if(this.form5.xb=='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          _this.totalR+=1
+                          _this.totalH+=1
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      _this.totalR+=1
+                      _this.totalH+=1
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }
+
+          }
+        },*/
+        onSubmithncy(){
+          if (this.form5.id != null) {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
+              if(this.form5.xb!='0'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }else{
+              updateNhhncy(this.form5).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.showhncy = false
+                    let params = {
+                      "nhdm":_this.form5.nhdm,
+                      deptId:_this.form5.deptId
+                    }
+                    listNhhncy(params).then((response) => {
+                      _this.hncylist = response.rows
+                    })
+                  }
+                })
+              });
+            }
+          } else {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.totalR+=1
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.totalR+=1
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
+              if(this.form5.xb!='0'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.totalR+=1
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.totalR+=1
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }else{
+              addNhhncy(this.form5).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.totalR+=1
+                    _this.showhncy = false
+                    let params = {
+                      "nhdm":_this.form5.nhdm,
+                      deptId:_this.form5.deptId
+                    }
+                    listNhhncy(params).then((response) => {
+                      _this.hncylist = response.rows
+                    })
+                  }
+                })
+              });
+            }
+
+          }
+        },
+        mapShow() {
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          //通过数据直接查询方式--------加载较慢 start
+          //镇边界获取
+          // listTown().then(response => {
+          //   if (response.code == 200) {
+          //     this.mapTownList = response.rows;
+          //     //村边界获取
+          //     listVillage(this.queryParams).then(response => {
+          //       this.mapVillageList = response.rows;
+          //       listZjdzd().then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomZjdId= response.rows;
+          //           listZrz().then((response) => {
+          //             if (response.code == 200) {
+          //               this.mapTheGeomZrzId = response.rows;
+          //               listFsss().then((response) => {
+          //                 if (response.code == 200) {
+          //                   this.mapTheGeomFsssId = response.rows;
+          //                 }
+          //                 setTimeout(() => {
+          //                   this.GetMapsInit();
+          //                 }, 300);
+          //               });
+          //             }
+          //           });
+          //         }
+          //       });
+          //     });
+          //   }
+          // });
+          //通过数据直接查询方式--------加载较慢 end
+          getGeoServerConfigKey().then(response => {
+            this.mapGeoServerUrl = response.msg;
+            setTimeout(() => {
+              this.GetMapsInit();
+            }, 300);
+          });
+          var that = this;
+          setTimeout(function () {
+            var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+            that.bottomHeight = -height+'px'
+          },500)
+        },
+        //地图加载 -----start
+        GetMapsInit() {
+
+          //加载地图编辑
+          var that = this;
+          var map;
+          //点击事件添加样式
+          var hc_land_on;
+          document.getElementById("mapWrapAll").innerHTML = '';
+          var hc_land;
+          var projection = new ol.proj.Projection({
+            //地图投影类型
+            code: "EPSG:3857",
+            units: "degrees",
+            //extent:extent
+          });
+
+          var aerial = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              // url: "http://t0.tianditu.gov.cn/img_w/wmts?" +
+              //   "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
+              //   "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
+              url: "http://t{0-7}.tianditu.com/img_w/wmts?" +
+                "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
+                "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
+            }),
+            isGroup: true,
+            name: "卫星影像图",
+          });
+
+          var yingxzi = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              url: "http://t{0-7}.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk= ",
+            }),
+            isGroup: true,
+            name: "天地图文字标注--卫星影像图",
+          });
+
+          //加载地图
+          map = new ol.Map({
+            controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+            layers: [aerial, yingxzi],
+            projection: projection,
+            target: "mapWrapAll",
+            view: new ol.View({
+              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+              zoom: 10,
+              minZoom: 5, //地图缩小限制
+              maxZoom: 18.3, //地图放大限制
+              resolution: Math.random() * 0.00000001,
+            }),
+            interactions: ol.interaction.defaults({
+              pinchRotate: false // 移动端禁止地图旋转
+            }),
+          });
+          //使用geoserver服务查询开始 -------------------start
+          //镇边界查询开始 ------------------------------start
+          // var zhenTc= new ol.layer.Tile({
+          //   source: new ol.source.TileWMS({
+          //     url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_border_town',
+          //       TILED: true,
+          //       //cql_filter: cql_filter,
+          //       SRID: 3857,
+          //     },
+          //   }),
+          // });
+          // map.addLayer(zhenTc);
+          //镇边界查询开始 ------------------------------end
+          //村边界查询开始 ------------------------------start
+          var cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'";
+          var cunTc = new ol.layer.Image({
+            source: new ol.source.ImageWMS({
+              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+              params: {
+                LAYERS: 'zjd_dc:t_house_survey_border_village',
+                TILED: true,
+                cql_filter: cql_filter,
+                SRID: 3857,
+                TIMESTAMP: new Date().getTime(),
+              },
+              resolution: Math.random() * 0.00000001,
+            }),
+          });
+          // //定位查询位置
+          // let param_dw = {
+          //   srsName: "EPSG:3857",
+          //   service: "WFS",
+          //   version: "1.0.0",
+          //   request: "GetFeature",
+          //   typename: "zjd_dc:t_house_survey_border_village",
+          //   //featureNS: 'nsgk_hc',//命名空间 URI
+          //   cql_filter: cql_filter,
+          //   //featurePrefix: 'nationalwater',//工作区名称
+          //   //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+          //   outputFormat: "application/json",
+          //   //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+          // };
+          // let url_dw = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;
+          // url_dw = url_dw + "?";
+          // for (let key in param_dw) {
+          //   url_dw = url_dw + key + "=" + param_dw[key] + "&";
+          // }
+          // url_dw = url_dw.substr(0, url_dw.length - 1);
+          // fetch(url_dw, {
+          //   method: "POST", // *GET, POST, PUT, DELETE, etc.
+          // })
+          //   .then((res) => {
+          //     var geojsonmap = res.json();
+          //     return geojsonmap;
+          //   })
+          //   .then((data) => {
+          //     if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {
+          //       //自然幢图层查询开始 ------------------start
+          //       var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";
+          //       zrzTc = new ol.layer.Image({
+          //         source: new ol.source.ImageWMS({
+          //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //           params: {
+          //             LAYERS: 'zjd_dc:t_house_survey_zrz',
+          //             TILED: true,
+          //             cql_filter: cql_filter_map,
+          //             SRID: 3857,
+          //             TIMESTAMP: new Date().getTime(),
+          //           },
+          //         }),
+          //       });
+          //       map.addLayer(zrzTc);
+          //       //自然幢图层查询开始 ------------------start
+          //       //附属设施图层查询开始 ------------------start
+          //       //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+          //       fsssTc = new ol.layer.Image({
+          //         source: new ol.source.ImageWMS({
+          //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //           params: {
+          //             LAYERS: 'zjd_dc:t_house_survey_fsss',
+          //             TILED: true,
+          //             cql_filter: cql_filter_map,
+          //             SRID: 3857,
+          //             TIMESTAMP: new Date().getTime(),
+          //           },
+          //         }),
+          //       });
+          //       map.addLayer(fsssTc);
+          //       //附属设施图层查询开始 ------------------end
+          //       hc_land_on = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),
+          //         }),
+          //         style: new ol.style.Style({
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#CCFF66",
+          //             width: 6,
+          //           }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land_on);
+          //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+          //       //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       that.clickBbox = center;
+          //       console.log(that.mapZjdData);
+          //       that.textMjAll = that.mapZjdData.zdmj;
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 17.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //       //this.backMap =1;
+          //     } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {
+          //       //that.newHt ="1";
+          //       var zbNew = JSON.stringify({
+          //         "type": "MultiPolygon",
+          //         "coordinates": [that.backTheGeom.replaceAll("\"", "")]
+          //       });
+          //       var leftJoin = zbNew.replace("\"[", "[");
+          //       var rightJoin = leftJoin.replace("\"]", "]");
+          //       hc_land_on = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + rightJoin + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "rgba(204, 255, 204,0.3)",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#CCFF66",
+          //             width: 3,
+          //           }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land_on);
+          //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+          //       //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       that.clickBbox = center;
+          //       that.textMjAll = that.mapZjdData.zdmj;
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 16.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //       //this.backMap =1;
+          //     } else {
+          //       //通过村界大小视图显示
+          //       // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+          //       // resolution:resolution + Math.random() * 0.00000001,
+          //       // map.getView().fit(data.bbox);
+          //       // map.getView().setResolution(resolution);
+          //       // //初始视图大小控制
+          //       // map.getView().setZoom(16.0);
+          //       console.log(data);
+          //       console.log(data.features[0].geometry.coordinates[0][0][0]);
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: data.features[0].geometry.coordinates[0][0][0], // 中心点
+          //         zoom: 16.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //     }
+          //   })
+          //   .catch((error) => {
+          //     console.log("【异常】", error);
+          //   });
+          map.addLayer(cunTc);
+          //村边界查询开始 ------------------------------end
+          //国有数据加载-----------------------------------start
+          deptGetId(that.$cookies.get("item").deptId).then((res) => {
+            var cql_filter_guoyou = "ZLDWDM='" + res.data.orgCode + "0000000'";
+            var guoyouTc = new ol.layer.Image({
+              source: new ol.source.ImageWMS({
+                url: that.mapGeoServerUrl + "/geoserver/zjd_gydl/wms",
+                params: {
+                  LAYERS: 'zjd_gydl:DLTB',
+                  TILED: true,
+                  cql_filter: cql_filter_guoyou,
+                  SRID: 3857,
+                  TIMESTAMP: new Date().getTime(),
+                },
+              }),
+            });
+            map.addLayer(guoyouTc);
+          });
+          //国有数据加载----------------------------------end
+          //宅基地图层查询开始 ------------------start
+          //var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'";
+          var zjdTc = new ol.layer.Image({
+            source: new ol.source.ImageWMS({
+              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+              params: {
+                LAYERS: 'zjd_dc:t_house_survey_zjdzd',
+                TILED: true,
+                cql_filter: cql_filter,
+                SRID: 3857,
+                TIMESTAMP: new Date().getTime(),
+              },
+            }),
+          });
+          //定位查询位置
+          let param_zjdzd = {
+            srsName: "EPSG:3857",
+            service: "WFS",
+            version: "1.0.0",
+            request: "GetFeature",
+            typename: "zjd_dc:t_house_survey_zjdzd",
+            //featureNS: 'nsgk_hc',//命名空间 URI
+            cql_filter: cql_filter,
+            //featurePrefix: 'nationalwater',//工作区名称
+            //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+            outputFormat: "application/json",
+            maxFeatures:1,
+            //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+          };
+          let url_zjdzd = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;
+          url_zjdzd = url_zjdzd + "?";
+          for (let key in param_zjdzd) {
+            url_zjdzd = url_zjdzd + key + "=" + param_zjdzd[key] + "&";
+          }
+          url_zjdzd = url_zjdzd.substr(0, url_zjdzd.length - 1);
+          fetch(url_zjdzd, {
+            method: "POST", // *GET, POST, PUT, DELETE, etc.
+          })
+            .then((res) => {
+              var geojsonmap = res.json();
+              return geojsonmap;
+            })
+            .then((data) => {
+              if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {
+                //自然幢图层查询开始 ------------------start
+                var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";
+                zrzTc = new ol.layer.Image({
+                  source: new ol.source.ImageWMS({
+                    url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                    params: {
+                      LAYERS: 'zjd_dc:t_house_survey_zrz',
+                      TILED: true,
+                      cql_filter: cql_filter_map,
+                      SRID: 3857,
+                      TIMESTAMP: new Date().getTime(),
+                    },
+                  }),
+                });
+                map.addLayer(zrzTc);
+                //自然幢图层查询开始 ------------------start
+                //附属设施图层查询开始 ------------------start
+                //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                fsssTc = new ol.layer.Image({
+                  source: new ol.source.ImageWMS({
+                    url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                    params: {
+                      LAYERS: 'zjd_dc:t_house_survey_fsss',
+                      TILED: true,
+                      cql_filter: cql_filter_map,
+                      SRID: 3857,
+                      TIMESTAMP: new Date().getTime(),
+                    },
+                  }),
+                });
+                map.addLayer(fsssTc);
+                //附属设施图层查询开始 ------------------end
+                hc_land_on = new ol.layer.Vector({
+                  title: "add Layer",
+                  source: new ol.source.Vector({
+                    projection: projection,
+                    features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),
+                  }),
+                  style: new ol.style.Style({
+                    stroke: new ol.style.Stroke({
+                      //边界样式
+                      color: "#CCFF66",
+                      width: 6,
+                    }),
+                  }),
+                });
+                map.addLayer(hc_land_on);
+                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                //定位查询位置
+                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                that.clickBbox = center;
+                console.log(that.mapZjdData);
+                that.textMjAll = that.mapZjdData.zdmj;
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: center, // 中心点
+                  zoom: 17.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+                //this.backMap =1;
+              } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {
+                //that.newHt ="1";
+                var zbNew = JSON.stringify({
+                  "type": "MultiPolygon",
+                  "coordinates": [that.backTheGeom.replaceAll("\"", "")]
+                });
+                var leftJoin = zbNew.replace("\"[", "[");
+                var rightJoin = leftJoin.replace("\"]", "]");
+                hc_land_on = new ol.layer.Vector({
+                  title: "add Layer",
+                  source: new ol.source.Vector({
+                    projection: projection,
+                    features: new ol.format.GeoJSON().readFeatures("{\n" +
+                      "    \"type\": \"Feature\",\n" +
+                      "    \"geometry\":" + rightJoin + "}"),
+                  }),
+                  style: new ol.style.Style({
+                    fill: new ol.style.Fill({
+                      //矢量图层填充颜色，以及透明度
+                      color: "rgba(204, 255, 204,0.3)",
+                    }),
+                    stroke: new ol.style.Stroke({
+                      //边界样式
+                      color: "#CCFF66",
+                      width: 3,
+                    }),
+                  }),
+                });
+                map.addLayer(hc_land_on);
+                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                //定位查询位置
+                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                that.clickBbox = center;
+                that.textMjAll = that.mapZjdData.zdmj;
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: center, // 中心点
+                  zoom: 16.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+                //this.backMap =1;
+              } else {
+                //通过村界大小视图显示
+                // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+                // resolution:resolution + Math.random() * 0.00000001,
+                // map.getView().fit(data.bbox);
+                // map.getView().setResolution(resolution);
+                // //初始视图大小控制
+                // map.getView().setZoom(16.0);
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: data.features[0].geometry.coordinates[0][0][0], // 中心点
+                  zoom: 15.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+              }
+            })
+            .catch((error) => {
+              console.log("【异常】", error);
+            });
+          map.addLayer(zjdTc);
+          //宅基地图层查询开始 ------------------start
+          var zrzTc;
+          // //自然幢图层查询开始 ------------------start
+          // var zrzTc = new ol.layer.Image({
+          //   source: new ol.source.ImageWMS({
+          //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_zrz',
+          //       TILED: true,
+          //       cql_filter: cql_filter,
+          //       SRID: 3857,
+          //       TIMESTAMP: new Date().getTime(),
+          //     },
+          //   }),
+          // });
+          // map.addLayer(zrzTc);
+          // //自然幢图层查询开始 ------------------start
+          //
+          var fsssTc;
+          // //附属设施图层查询开始 ------------------start
+          // var fsssTc = new ol.layer.Image({
+          //   source: new ol.source.ImageWMS({
+          //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_fsss',
+          //       TILED: true,
+          //       cql_filter: cql_filter,
+          //       SRID: 3857,
+          //       TIMESTAMP: new Date().getTime(),
+          //     },
+          //   }),
+          // });
+          // map.addLayer(fsssTc);
+          // //附属设施图层查询开始 ------------------start
+          //使用geoserver服务查询开始 -------------------end
+        //   if(this.backMap ==1){
+        //   var cql = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + this.mapZjdTeAll.mapZjdAData.zjddm + "'";
+        //   var wmsSourceBack = new ol.source.ImageWMS({
+        //     crossOrigin: 'anonymous',
+        //     params: {
+        //       LAYERS: 'zjd_dc:t_house_survey_all',
+        //       'VERSION': '1.1.0',
+        //       'FORMAT': "image/png",
+        //       'CQL_FILTER': cql
+        //     },
+        //     serverType: 'geoserver',
+        //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+        //   });
+        //   zjdTc.setSource(wmsSourceBack);
+        //   ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新
+        // }
+          //数据库直接加载数据渲染方式---------------------------------------------------start
+          //判断当前账套是否有数据
+          // var mapTalkAbout = true;
+          // //获取镇界线----start
+          // if(this.mapTownList.length >0){
+          //   for (var i = 0; this.mapTownList.length > i; i++) {
+          //     if (this.mapTownList[i] != null && this.mapTownList[i].theGeom != null && this.mapTownList[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapTownList[i].createBy = 'mapTownList';
+          //       var theGeomLine= this.mapTownList[i].theGeom.replaceAll("MultiPolygon","LineString");
+          //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");
+          //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapTownList[i]) + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#FF0000",
+          //             width: 3,
+          //           }),
+          //           // text: new ol.style.Text({
+          //           //   text: this.mapTownList[i].xzqmc,
+          //           //   font: '30px sans-serif',
+          //           //   textAlign: "center",
+          //           //   textBaseline: "middle",
+          //           //   //font: 'verdana',
+          //           //   fill: new ol.style.Fill({
+          //           //     color: "#ff0000"
+          //           //   }),
+          //           //   // backgroundFill: new ol.style.Fill({
+          //           //   //   color: "#ff0000"
+          //           //   // }),
+          //           //   font: "30px sans-serif",
+          //           //   stroke: new ol.style.Stroke({
+          //           //     color: "#ffffff"
+          //           //     // width: 3
+          //           //   }),
+          //           //   offsetX: parseInt(0, 10),
+          //           //   offsetY: parseInt(0, 10),
+          //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注
+          //           //   overflow: false //超出面的部分不显示
+          //           //}),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land);
+          //       //console.log(hc_land.values_.source.featuresRtree_.rbush_.data);
+          //       var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+          //       // //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       // console.log(center);
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 9.8, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //       });
+          //     }
+          //   }
+          // }
+          // //获取镇界线----end
+          // //获取村界线----start
+          // if(this.mapVillageList.length >0){
+          //   for (var i = 0; this.mapVillageList.length > i; i++) {
+          //     if (this.mapVillageList[i] != null && this.mapVillageList[i].theGeom != null && this.mapVillageList[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapVillageList[i].createBy = 'mapVillageList';
+          //       var theGeomLine= this.mapVillageList[i].theGeom.replaceAll("MultiPolygon","LineString");
+          //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");
+          //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapVillageList[i]) + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#ff00ff",
+          //             width: 3,
+          //           }),
+          //           // text: new ol.style.Text({
+          //           //   text: this.mapVillageList[i].dcmj,
+          //           //   font: '30px sans-serif',
+          //           //   textAlign: "center",
+          //           //   textBaseline: "middle",
+          //           //   //font: 'verdana',
+          //           //   fill: new ol.style.Fill({
+          //           //     color: "#ff00ff"
+          //           //   }),
+          //           //   // backgroundFill: new ol.style.Fill({
+          //           //   //   color: "#ff0000"
+          //           //   // }),
+          //           //   font: "30px sans-serif",
+          //           //   stroke: new ol.style.Stroke({
+          //           //     color: "#ffffff"
+          //           //     // width: 3
+          //           //   }),
+          //           //   offsetX: parseInt(0, 10),
+          //           //   offsetY: parseInt(0, 10),
+          //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注
+          //           //   overflow: false //超出面的部分不显示
+          //           // }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land);
+          //     }
+          //   }
+          // }
+          // // //获取村界线----end
+          // //宅基地定位开始 ---------start
+          // if(this.mapTheGeomZjdId.length >0) {
+          //   for (var i = 0; this.mapTheGeomZjdId.length > i; i++) {
+          //     if (this.mapTheGeomZjdId[i] !=null && this.mapTheGeomZjdId[i].theGeom != null && this.mapTheGeomZjdId[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapTheGeomZjdId[i].createBy = 'mapTheGeomZjdId';
+          //       var styleYqr = "";
+          //       if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //         styleYqr = new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#28FF28",
+          //             width: 3,
+          //           }),
+          //         });
+          //       } else {
+          //         styleYqr = new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "rgba(255, 45, 45,1)",
+          //             width: 3,
+          //           }),
+          //         });
+          //       }
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + this.mapTheGeomZjdId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZjdId[i]) + "}"),
+          //         }),
+          //         style: styleYqr
+          //       });
+          //       map.addLayer(hc_land);
+          //       // var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       // var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       // var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+          //       // var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+          //       // //定位查询位置
+          //       // var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       // map.getView().animate({
+          //       //   // 只设置需要的属性即可
+          //       //   center: center, // 中心点
+          //       //   zoom: 15.8, // 缩放级别
+          //       //   rotation: undefined, // 缩放完成view视图旋转弧度
+          //       //   duration: 1000, // 缩放持续时间，默认不需要设置
+          //       // });
+          //       //自然幢定位开始 ---------start
+          //       getZrzZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomZrzId = response.data;
+          //           if(this.mapTheGeomZrzId.length >0) {
+          //             for (var i = 0; this.mapTheGeomZrzId.length > i; i++) {
+          //               if (this.mapTheGeomZrzId[i] !=null && this.mapTheGeomZrzId[i].theGeom != null && this.mapTheGeomZrzId[i].theGeom != "") {
+          //                 this.mapTheGeomZrzId[i].createBy = 'mapTheGeomZrzId';
+          //                 var styleZrz = "";
+          //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //                   styleZrz = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#FFD306",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "#28FF28",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 } else {
+          //                   styleZrz = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#FFD306",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "rgba(255, 45, 45,1)",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 }
+          //                 hc_land = new ol.layer.Vector({
+          //                   title: "add Layer",
+          //                   source: new ol.source.Vector({
+          //                     projection: projection,
+          //                     features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //                       "    \"type\": \"Feature\",\n" +
+          //                       "    \"geometry\":" + this.mapTheGeomZrzId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZrzId[i]) + "}"),
+          //                   }),
+          //                   style: styleZrz
+          //                 });
+          //                 map.addLayer(hc_land);
+          //               }
+          //             }
+          //           }
+          //         }
+          //       });
+          //       //自然幢定位结束 ---------end
+          //
+          //       //附属设施定位开始 ---------start
+          //       getFsssZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomFsssId = response.data;
+          //           if(this.mapTheGeomFsssId.length >0) {
+          //             for (var i = 0; this.mapTheGeomFsssId.length > i; i++) {
+          //               if (this.mapTheGeomFsssId[i] !=null && this.mapTheGeomFsssId[i].theGeom != null && this.mapTheGeomFsssId[i].theGeom != "") {
+          //                 this.mapTheGeomFsssId[i].createBy = 'mapTheGeomFsssId';
+          //                 var styleFsss = "";
+          //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //                   styleFsss = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#00FFFF",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "#28FF28",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 } else {
+          //                   styleFsss = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#00FFFF",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "rgba(255, 45, 45,1)",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 }
+          //                 hc_land = new ol.layer.Vector({
+          //                   title: "add Layer",
+          //                   source: new ol.source.Vector({
+          //                     projection: projection,
+          //                     features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //                       "    \"type\": \"Feature\",\n" +
+          //                       "    \"geometry\":" + this.mapTheGeomFsssId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomFsssId[i]) + "}"),
+          //                   }),
+          //                   style: styleFsss
+          //                 });
+          //                 map.addLayer(hc_land);
+          //               }
+          //             }
+          //           }
+          //         }
+          //       });
+          //       //附属设施定位结束 ---------end
+          //     }
+          //   }
+          // }
+          // //宅基地定位结束 ---------end
+          //数据库直接加载数据渲染方式---------------------------------------------------end
+
+          //地图操作定义------------start
+          //定位定义------------start
+          var Zb;
+          var latitude;
+          var longitude;
+          var vector_drawing;
+          //定位定义------------end
+
+          //绘图定义---------------start
+          var drawing;
+          var draw_map;
+          //绘图定义---------------end
+
+          //测面绘图定义------------start
+          var draw_cm;
+          //定义矢量图层
+          var vector;
+          //创建一个帮助提示信息对象
+          var helpTooltip;
+          //创建一个测量提示信息对象
+          var measureTooltip;
+          //创建一个帮助提示框对象
+          var helpTooltipElement;
+          //测出距离
+          var measureTooltipElement;
+          //测面绘图定义-----------end
+
+          //地图操作定义------------end
+          //定位当前位置 ------start
+          $("#dwMapAll").on("click", function () {
+            //删除测量记录操作--------start
+            //将矢量图层从图中删除
+            //map.removeLayer(helpTooltip);
+            map.removeLayer(vector);
+            map.removeInteraction(draw_cm);
+            //map.removeOverlay(helpTooltipElement);
+            //map.removeLayer(measureTooltip);
+            //删除测量记录操作--------end
+            //删除绘制图层画图操作-------start
+            map.removeInteraction(draw_map);
+            map.removeLayer(drawing);
+            //删除绘制图层画图操作-------end
+
+            //开始定位当前位置
+            navigator.geolocation.getCurrentPosition(function(position) {
+              latitude = position.coords.latitude;// 获取纬度
+              longitude = position.coords.longitude;// 获取经度
+            });
+            if(latitude !=null && longitude !=null && latitude !="" && longitude !="" && latitude !=undefined && longitude !=undefined ){
+              Zb = [longitude,latitude];
+            }else {
+              Zb =[115.452752, 31.789033];
+            }
+            //获取坐标点LocationManager
+            // geoGps().then(response => {
+            //
+            // });
+            //矢量标注样式设置函数，设置image为图标ol.style.Icon
+            function createLabelStyle() {
+              return new ol.style.Style({
+                image: new ol.style.Icon({
+                  //设置图标偏移
+                  anchor: [0.5, 1],
+                  //标注样式的起点位置
+                  anchorOrigin: "top-right",
+                  //X方向单位：分数
+                  anchorXUnits: "fraction",
+                  //Y方向单位：像素
+                  anchorYUnits: "pixels",
+                  //偏移起点位置的方向
+                  offsetOrigin: "top-right",
+                  //透明度
+                  opacity: 0.9,
+                  //图片路径
+                  src: require("../../assets/images/housesteadSurvey/mark.png"),
+                }),
+                text: new ol.style.Text({
+                  textAlign: "center", //位置
+                  textBaseline: "middle", //基准线
+                  font: "normal 12px 微软雅黑", //文字样式
+                  //text: "标注点", //文本内容
+                  fill: new ol.style.Fill({
+                    //文本填充样式（即文字颜色)
+                    color: "#ff0000",
+                  }),
+                }),
+                zIndex: 9999,
+              });
+            }
+            var newcenterFeature = new ol.Feature({
+              geometry: new ol.geom.Point(ol.proj.fromLonLat(Zb)), //几何信息
+              name: "标注点",
+            });
+            var sourceMapLook = new ol.source.Vector({wrapX: false});
+            vector_drawing = new ol.layer.Vector({
+              source: sourceMapLook,
+            });
+            map.addLayer(vector_drawing);
+            newcenterFeature.setStyle(createLabelStyle()); //设置要素样式
+            sourceMapLook.addFeature(newcenterFeature);
+            map.getView().animate({
+              // 只设置需要的属性即可
+              center: ol.proj.fromLonLat(Zb), // 中心点
+              zoom: 17.8, // 缩放级别
+              rotation: undefined, // 缩放完成view视图旋转弧度
+              duration: 1000, // 缩放持续时间，默认不需要设置
+              resolution:Math.random() * 0.00000001,
+            });
+          });
+          //定位当前位置 ------end
+
+          //开始绘制图层- -----start
+          $("#htMapAll").on("click", function () {
+            if(that.drawingClick) {
+              that.drawingClick=false;
+              //删除之前 测距操作添加map中的绘图  --------start
+              //map.removeLayer(helpTooltip);
+              map.removeLayer(vector);
+              map.removeInteraction(draw_cm);
+              //map.removeOverlay(helpTooltipElement);
+              map.removeLayer(measureTooltipElement);
+              //删除之前 测距操作添加map中的绘图  --------end
+
+              //删除之前画图图层,重新绘制图层
+              map.removeInteraction(draw_map);
+              map.removeLayer(drawing);
+              //var source = new ol.source.Vector({wrapX: false});
+              drawing = new ol.layer.Vector({
+                source: new ol.source.Vector(),
+              });
+              map.addLayer(drawing);
+
+              function addInteraction() {
+                draw_map = new ol.interaction.Draw({
+                  source: drawing.getSource(),
+                  type: "Polygon",
+                });
+                draw_map.on("drawend", function (evt) {
+                  var feature = evt.feature;
+                  var geometry = feature.getGeometry();
+                  that.coordinate = geometry.getCoordinates();
+                  //_this.coordinateList = coordinate.toString();
+                  //提示当前坐标是否绘制完成
+                  if (that.coordinate != "" && that.coordinate != null) {
+                    that.showhzht = true;
+                    that.htZjdZrzFsss = JSON.stringify(that.coordinate);
+                    console.log(that.mapZjdData);
+                    // htMapAllFu();
+                  } else {
+                    $("#htMapAll").trigger("click");
+                  }
+                });
+                map.addInteraction(draw_map);
+              }
+
+              function htMapAllFu() {
+                //that.drawMapPolygonFun();
+                //绘制多边形地图
+                that.$dialog
+                  .confirm({
+                    title: "提示",
+                    message: "是否重新绘制画图",
+                  })
+                  .then(() => {
+                    //$("#drawRemove").trigger("click");
+                    map.removeInteraction(draw_map);
+                    that.coordinate = "";
+                  })
+                  .catch(() => {
+                    //删除画图点
+                    map.removeInteraction(draw_map);
+                  });
+              }
+
+              addInteraction();
+            } else {
+              that.drawingClick=true;
+              //删除之前 测距操作添加map中的绘图  --------start
+              //map.removeLayer(helpTooltip);
+              map.removeLayer(vector);
+              map.removeInteraction(draw_cm);
+              //map.removeOverlay(helpTooltipElement);
+              map.removeLayer(measureTooltipElement);
+              //删除之前 测距操作添加map中的绘图  --------end
+
+              //删除之前画图图层,重新绘制图层
+              map.removeInteraction(draw_map);
+              map.removeLayer(drawing);
+              //var source = new ol.source.Vector({wrapX: false});
+            }
+          });
+          //删除之前绘制图层
+          $("#deleteHistory").on("click", function () {
+            map.removeLayer(drawing);
+            that.showhzht = false;
+          });
+          //开始绘制图层- -----end
+
+          //切换功能删除之前选中状态
+          $("#deleteHistoryMap").on("click", function () {
+            map.removeLayer(hc_land_on);
+            that.mapZjdData = "";
+            that.mapZrzData = "";
+            that.mapFsssData = "";
+            //that.mapZjdTeAll.active ="1";
+            that.mapZjdTeAll.mapZjdAData = {};
+            that.mapZjdTeAll.mapZrzAData = {};
+            that.mapZjdTeAll.mapFsssAData = {};
+            that.mapZjdDataTure = "";
+          });
+          //清除画图鼠标点击事件
+          // $("#drawRemove").click(function () {
+          //   map.removeLayer(drawing);
+          // });
+          //
+
+          //地图定义
+          var delete_map = ["mapZjd", "mapZrz","mapFsss"];
+          var hc_land_queryList =[];
+          var texiao_layer_zjd;
+          var texiao_layer_zrz;
+          var texiao_layer_fsss;
+          //按照查询条件人名  定位地图-----------------start
+          $("#query").on("click", function () {
+            //数据库查询数据------------------------------------------------------start
+            $("#deleteHistoryMap").trigger("click");
+            var val = that.seachText;
+            //删除之前查询图层
+            for(var i=0;hc_land_queryList.length>i;i++){
+              map.removeLayer(hc_land_queryList[i]);
+            }
+            hc_land_queryList = [];
+            that.mapDataAll =[];
+            if (val == "") {
+                that.$toast('请填写查询条件再查询');
+              } else {
+              var styleZjd = new ol.style.Style({
+                stroke: new ol.style.Stroke({
+                  //边界样式
+                  color: "#CCFF66",
+                  width: 6,
+                }),
+              });
+              let params;
+              if(that.mapAddJumpNum == 1){
+                params = {
+                  "deptId" : that.mapAddJump,
+                  "syqr" : val
+                }
+              } else {
+                params = {
+                  "deptId" : that.$cookies.get("item").deptId,
+                  "syqr" : val
+                }
+              }
+              listZjdzd(params).then((response) => {
+                if(response.rows.length != 0){
+                  that.mapDataAll = response.rows;
+                  for(var hg=0; hg < that.mapDataAll.length; hg++){
+                    var mapNum = that.mapDataAll[hg].houseDataConfirmStatus;
+                    if(mapNum == "UNCONFIRMED"){
+                      that.mapDataAll[hg].paceType = "未核查";
+                    } else if (mapNum == "CONFIRMED"){
+                      that.mapDataAll[hg].paceType = "已核查";
+                    }else{
+
+                    }
+                    that.mapDataAll[hg].typeTc="宅基地";
+                    if (that.mapDataAll[hg] !=null && that.mapDataAll[hg].theGeom != null && that.mapDataAll[hg].theGeom != "") {
+                      that.mapDataAll[hg].createBy = 'mapTheGeomZjdId';
+                      hc_land_queryList[hg] =new ol.layer.Vector({
+                          title: "add Layer",
+                          source: new ol.source.Vector({
+                            projection: projection,
+                            features: new ol.format.GeoJSON().readFeatures("{\n" +
+                              "    \"type\": \"Feature\",\n" +
+                              "    \"geometry\":" + that.mapDataAll[hg].theGeom + ",    \"properties\":" + JSON.stringify(that.mapDataAll[hg]) + "}"),
+                          }),
+                          style: styleZjd
+                        });
+                      map.addLayer(hc_land_queryList[hg]);
+                      var maxXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxX;
+                      var maxYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxY;
+                      var minXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minX;
+                      var minYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minY;
+                      //定位查询位置
+                      var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                      map.getView().animate({
+                        // 只设置需要的属性即可
+                        center: center, // 中心点
+                        zoom: 15.8, // 缩放级别
+                        rotation: undefined, // 缩放完成view视图旋转弧度
+                        duration: 1000, // 缩放持续时间，默认不需要设置
+                        resolution:Math.random() * 0.00000001,
+                      });
+                    }
+                    // listFsss(paramsZrz).then((response) => {
+                    //   that.mapDataAll.push(response.rows);
+                    // });
+                  }
+                  // for(var queryFor=0; hc_land_queryList > queryFor; queryFor++ ){
+                  //   map.addLayer(hc_land_queryList[queryFor]);
+                  // }
+                  // var mapZrzFor = that.mapDataAll[0].length+1;
+                  // console.log(mapZrzFor);
+                  // for(var mapFor=0;mapZrzFor>mapFor;mapFor++){
+                  //   //查询自然幢
+                  //   let paramsZrz = {
+                  //     "deptId" : that.$cookies.get("item").deptId,
+                  //     "zjddm" : that.mapDataAll[0][mapFor].zjddm,
+                  //     "pageSize":20,
+                  //   }
+                  //   listZrz(paramsZrz).then((response) => {
+                  //     console.log(response);
+                  //     that.mapDataAll[0].
+                  //     that.mapDataAll[0].push(response.rows);
+                  //   });
+                  // }
+                  setTimeout(function () {
+                    that.showSearch = true ;
+                    $('.searchBox').css('display','block')
+                    var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+                    document.styleSheets[0].insertRule(
+                      "@keyframes test" +
+                      "{" +
+                      "0%{bottom: -" + height + "px;}" +
+                      "100%{bottom: 0px;}" +
+                      "}"
+                    )
+                    $('.searchBar_wrap').css({'animation':'test 0.5s ease-in-out 0s 1 alternate forwards','-webkit-animation':'test 0.5s ease-in-out 0s 1 alternate forwards'});
+                  //}
+                  },500);
+                } else {
+                  that.$toast("暂无数据")
+                }
+              });
+
+            }
+            //数据库查询数据------------------------------------------------------end
+            //地图查询------------------------------------------------------------start
+            /**
+             * @api wfs服务空间查询
+             * @param {*} wfsurl
+             * @param {*} srsName
+             * @param {*} typeName
+             * @param {*} drawType
+             * @param {option 可选} geometryField
+             */
+            // var val = that.seachText;
+            // if (val == "") {
+            //   that.$toast('请填写查询条件再查询');
+            // } else {
+            //   //清除之前查询数据
+            //   that.mapDataAll =[];
+            //   //分类查询查询农地、农房
+            //   var difang;
+            //   //查询条件
+            //   var cql_filter_cun;
+            //   var cun = that.$cookies.get("item").deptId;
+            //   difang = ["zjd_dc:t_house_survey_zjdzd", "zjd_dc:t_house_survey_zrz","zjd_dc:t_house_survey_fsss"];
+            //   var tach = 0;
+            //   var once = 0;
+            //   for (var i = 0; i < difang.length; i++) {
+            //     map.removeLayer(delete_map[i]);
+            //     // 数字验证！
+            //     var reg = /\d/;
+            //     //验证汉子
+            //     //var han = /^[\u4e00-\u9fa5]+$/;
+            //     if (reg.test(val)) {
+            //       //循环判断查询条件
+            //       cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //     } else {
+            //       //循环判断查询条件
+            //       if (difang[i] == "zjd_dc:t_house_survey_zjdzd") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       } else if(difang[i] == "zjd_dc:t_house_survey_zrz") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       } else if(difang[i] == "zjd_dc:t_house_survey_fsss") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       }
+            //     }
+            //     //for(var i=0; i< difang.length; i++){
+            //     //cql_filter = "CM='"+cun +"'"+ "and XZQK='待流转待盘活'";
+            //
+            //     //图层加载
+            //
+            //     //业务图层  wms服务
+            //     delete_map[i] = new ol.layer.Tile({
+            //       source: new ol.source.TileWMS({
+            //         url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            //         params: {
+            //           LAYERS: difang[i],
+            //           //'LAYERS': 'new_shp:new_shp_all',
+            //           TILED: true,
+            //           cql_filter: cql_filter_cun,
+            //           SRID: 3857,
+            //         },
+            //       }),
+            //     });
+            //
+            //     //}
+            //     //定位查询位置
+            //     let param_dw = {
+            //       srsName: "EPSG:3857",
+            //       service: "WFS",
+            //       version: "1.0.0",
+            //       request: "GetFeature",
+            //       typename: difang[i],
+            //       //featureNS: 'nsgk_hc',//命名空间 URI
+            //       cql_filter: cql_filter_cun,
+            //       //featurePrefix: 'nationalwater',//工作区名称
+            //       //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+            //       outputFormat: "application/json",
+            //       //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+            //     };
+            //     let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;
+            //     url_dw = url_dw + "?";
+            //     for (let key in param_dw) {
+            //       url_dw = url_dw + key + "=" + param_dw[key] + "&";
+            //     }
+            //     url_dw = url_dw.substr(0, url_dw.length - 1);
+            //     fetch(url_dw, {
+            //       method: "POST", // *GET, POST, PUT, DELETE, etc.
+            //     })
+            //       .then((res) => {
+            //         var geojsonmap = res.json();
+            //         return geojsonmap;
+            //       })
+            //       .then((data) => {
+            //         tach = tach + 1;
+            //         if (data.features != null && data.features != "") {
+            //           for(var i=0; data.features.length >i; i++) {
+            //             //特效动画实现 -----------------------------start
+            //             console.log(tach,"++++++++++++++++++",once)
+            //             var datamap = data.features[0].bbox;
+            //             if (tach == 1 && once == 0) {
+            //               console.log("zrz")
+            //               texiao_layer_zjd = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_zjd);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_zjd.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             } else if(tach == 2) {
+            //               console.log("zrz")
+            //               texiao_layer_zrz = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_zrz);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_zrz.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             } else {
+            //               console.log("fsss")
+            //               texiao_layer_fsss = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_fsss);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_fsss.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             }
+            //             //特效动画实现 -----------------------------end
+            //             that.mapDataAll.push(JSON.parse(JSON.stringify(data.features[i].properties)));
+            //           }
+            //           //定位实现
+            //           let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+            //           map.getView().fit(data.bbox);
+            //           map.getView().setResolution(resolution);
+            //           console.log(that.mapDataAll);
+            //         } else if (tach == 1) {
+            //           once = once + 1;
+            //         } else {
+            //           if (once == 1 && tach == 3) {
+            //             that.$toast("没有找到相关人员信息");
+            //             //that.showSearch = false ;
+            //           }else {
+            //
+            //           }
+            //         }
+            //       })
+            //       .catch((error) => {
+            //         console.log("【异常】", error);
+            //       });
+            //     map.addLayer(delete_map[i]);
+            //   }
+            //地图查询------------------------------------------------------------end
+          });
+          //按照查询  定位地图-----------------end
+
+          //筛选附属设施-----------------------------------start
+          $("#fsssSx").click(function () {
+            if(!that.fsssSx){
+              map.addLayer(fsssTc);
+            }else {
+              map.removeLayer(fsssTc);
+            }
+          });
+          $("#zrzSx").click(function () {
+            if(!that.zrzSx){
+              map.addLayer(zrzTc);
+            }else {
+              map.removeLayer(zrzTc);
+            }
+          });
+          $("#zjdSx").click(function () {
+            if(!that.zjdSx){
+              map.addLayer(zjdTc);
+            }else {
+              map.removeLayer(zjdTc);
+            }
+          });
+          $("#checkAll").click(function () {
+            if(!that.fsssSx && !that.zjdSx && !that.zrzSx){
+              map.addLayer(zjdTc);
+              map.addLayer(zrzTc);
+              map.addLayer(fsssTc);
+            }else {
+              map.removeLayer(zrzTc);
+              map.removeLayer(zjdTc);
+              map.removeLayer(fsssTc);
+            }
+          });
+          //筛选附属设施-----------------------------------end
+          // //获取类型开始  侧面-----------------------------------------------------------------start
+          //样式加载定义
+          var vector_drawing_delete;
+          $("#area").click(function () {
+            console.log(that.textMjAll);
+            console.log(that.clickBbox);
+            if(that.textMjAll ==null || that.textMjAll ==""){
+              that.textMjAll =0;
+            }
+            if((that.textMjAll != "" && that.clickBbox !="") || (that.textMjAll == 0 && that.clickBbox !="")){
+              map.removeLayer(vector_drawing_delete);
+              function createLabelStyle() {
+                return new ol.style.Style({
+                  text: new ol.style.Text({
+                    text: that.textMjAll+"㎡",
+                    textAlign: "center", //位置
+                    textBaseline: "middle", //基准线
+                    font: "normal 12px 微软雅黑", //文字样式
+                    //text: "标注点", //文本内容
+                    fill: new ol.style.Fill({
+                      //文本填充样式（即文字颜色)
+                      color: "#FFFFFF",
+                      width: 10,
+                    }),
+                    overflow: false //超出面的部分不显示
+                  }),
+                  zIndex: 9999,
+                });
+              }
+              var newcenterFeature = new ol.Feature({
+                geometry: new ol.geom.Point(that.clickBbox), //几何信息
+                //name: "标注点",
+              });
+              var sourceMapLook = new ol.source.Vector({wrapX: false});
+              vector_drawing_delete = new ol.layer.Vector({
+                source: sourceMapLook,
+              });
+              map.addLayer(vector_drawing_delete);
+              newcenterFeature.setStyle(createLabelStyle()); //设置要素样式
+              sourceMapLook.addFeature(newcenterFeature);
+              //map.addLayer(styleFsss);
+            } else if(that.textMjAllNum == "1"){
+              that.$toast("该图层面积暂无信息");
+            } else {
+              that.$toast("选择图层进行面积显示");
+            }
+          });
+          // $("#area").click(function () {
+          //   console.log("进入测面")
+          //   //删除绘制图层画图操作-------start
+          //   map.removeInteraction(draw_map);
+          //   map.removeLayer(drawing);
+          //   //删除绘制图层画图操作-------end
+          //   //开始绘制 测面--------------------------------------------------------------start
+          //   //定义矢量数据源
+          //   var source = new ol.source.Vector();
+          //
+          //   vector = new ol.layer.Vector({
+          //     source: source,
+          //     style: new ol.style.Style({
+          //       fill: new ol.style.Fill({
+          //         color: "rgba(255,255,255,0.2)",
+          //       }),
+          //       stroke: new ol.style.Stroke({
+          //         color: "#e21e0a",
+          //         width: 2,
+          //       }),
+          //       //image: new ol.style.Circle({
+          //       // radius: 7,
+          //       // fill: new ol.style.Fill({
+          //       //  color:'#ffcc33'
+          //       // })
+          //       //})
+          //     }),
+          //   });
+          //
+          //   //将矢量图层添加到地图中   线的颜色加入map中
+          //   map.addLayer(vector);
+          //
+          //   var sketch;
+          //
+          //   var continuePolygonMsg = "单击以继续绘制多边形";
+          //
+          //   /**
+          //    * Message to show when the user is drawing a line.
+          //    * @type {string}
+          //    */
+          //     //var continueLineMsg = '单击继续绘制直线';
+          //
+          //     //鼠标移动触发的函数
+          //   var pointerMoveHandler = function (evt) {
+          //       //Indicates if the map is currently being dragged.
+          //       //Only set for POINTERDRAG and POINTERMOVE events. Default is false.
+          //       //如果是平移地图则直接结束
+          //       if (evt.dragging) {
+          //         return;
+          //       }
+          //       //帮助提示信息
+          //       var helpMsg = "单击开始绘图";
+          //
+          //       if (sketch) {
+          //         //Get the feature's default geometry.
+          //         //A feature may have any number of named geometries.
+          //         //获取绘图对象的几何要素
+          //         var geom = sketch.getGeometry();
+          //         //如果当前绘制的几何要素是多边形，则将绘制提示信息设置为多边形绘制提示信息
+          //         //如果当前绘制的几何要素是多线段，则将绘制提示信息设置为多线段绘制提示信息
+          //         helpMsg = continuePolygonMsg;
+          //       }
+          //       //设置帮助提示要素的内标签为帮助提示信息
+          //       helpTooltipElement.innerHTML = helpMsg;
+          //       //设置帮助提示信息的位置
+          //       //The coordinate in view projection corresponding to the original browser event.
+          //       helpTooltip.setPosition(evt.coordinate);
+          //       //移除帮助提示要素的隐藏样式
+          //       $(helpTooltipElement).removeClass("hidden");
+          //     };
+          //
+          //   map.on("pointermove", pointerMoveHandler);
+          //
+          //   map.getViewport().addEventListener("mouseout", function () {
+          //     helpTooltipElement.classList.add("hidden");
+          //   });
+          //
+          //   //添加交互式绘图对象的函数
+          //   function addInteraction() {
+          //     // 获取当前选择的绘制类型
+          //     //var type = typeSelect.value == 'length' ? 'Polygon' : 'LineString';
+          //     //创建一个交互式绘图对象
+          //     var type = "Polygon";
+          //     draw_cm = new ol.interaction.Draw({
+          //       //绘制的数据源
+          //       source: source,
+          //       //绘制类型
+          //       type: type,
+          //       //样式
+          //       style: new ol.style.Style({
+          //         fill: new ol.style.Fill({
+          //           color: "rgba(255,255,255,0.2)",
+          //         }),
+          //         stroke: new ol.style.Stroke({
+          //           color: "rgba(0,0,0,0.5)",
+          //           lineDash: [10, 10],
+          //           width: 2,
+          //         }),
+          //         //  image: new ol.style.Circle({
+          //         //   radius: 5,
+          //         //   stroke: new ol.style.Stroke({
+          //         //	color:'rgba(0,0,0,0.7)'
+          //         // }),
+          //         // fill: new ol.style.Fill({
+          //         //color: 'rgba(255,255,255,0.2)'
+          //         // })
+          //         //})
+          //       }),
+          //     });
+          //     //将交互绘图对象添加到地图中
+          //     map.addInteraction(draw_cm);
+          //
+          //     //创建测量提示框
+          //     createMeasureTooltip();
+          //     //创建帮助提示框
+          //     createHelpTooltip();
+          //
+          //     //定义一个事件监听
+          //     var listener;
+          //     //定义一个控制鼠标点击次数的变量
+          //     var count = 0;
+          //     //绘制开始事件
+          //     draw_cm.on(
+          //       "drawstart",
+          //       function (evt) {
+          //         //The feature being drawn.
+          //         sketch = evt.feature;
+          //         //提示框的坐标
+          //         var tooltipCoord = evt.coordinate;
+          //         //监听几何要素的change事件
+          //         //Increases the revision counter and dispatches a 'change' event.
+          //
+          //         listener = sketch.getGeometry().on("change", function (evt) {
+          //           //The event target.
+          //           //获取绘制的几何对象
+          //           var geom = evt.target;
+          //           //定义一个输出对象，用于记录面积和长度
+          //           var output;
+          //           map.removeEventListener("singleclick");
+          //           map.removeEventListener("dblclick");
+          //           //输出多边形的面积
+          //           output = formatArea(geom);
+          //           //Return an interior point of the polygon.
+          //           //获取多变形内部点的坐标
+          //           tooltipCoord = geom.getInteriorPoint().getCoordinates();
+          //
+          //           //设置测量提示框的内标签为最终输出结果
+          //           measureTooltipElement.innerHTML = output;
+          //           //设置测量提示信息的位置坐标
+          //           measureTooltip.setPosition(tooltipCoord);
+          //         });
+          //
+          //         //地图单击事件
+          //         map.on("singleclick", function (evt) {
+          //           //设置测量提示信息的位置坐标，用来确定鼠标点击后测量提示框的位置
+          //           measureTooltip.setPosition(evt.coordinate);
+          //           //如果是第一次点击，则设置测量提示框的文本内容为起点
+          //           if (count == 0) {
+          //             measureTooltipElement.innerHTML = "起点";
+          //           }
+          //           //根据鼠标点击位置生成一个点
+          //           var point = new ol.geom.Point(evt.coordinate);
+          //           //将该点要素添加到矢量数据源中
+          //           source.addFeature(new ol.Feature(point));
+          //           //更改测量提示框的样式，使测量提示框可见
+          //           measureTooltipElement.className = "tooltip tooltip-static";
+          //           //创建测量提示框
+          //           createMeasureTooltip();
+          //           //点击次数增加
+          //           count++;
+          //         });
+          //
+          //         //地图双击事件
+          //         map.on("dblclick", function (evt) {
+          //           //根据
+          //           var point = new ol.geom.Point(evt.coordinate);
+          //           source.addFeature(new ol.Feature(point));
+          //         });
+          //       },
+          //       this
+          //     );
+          //     //绘制结束事件
+          //     draw_cm.on(
+          //       "drawend",
+          //       function (evt) {
+          //         count = 0;
+          //         //设置测量提示框的样式
+          //         measureTooltipElement.className = "tooltip tooltip-static";
+          //         //Set the offset for this overlay.
+          //         //设置偏移量
+          //         measureTooltip.setOffset([0, -7]);
+          //         //清空绘制要素
+          //         sketch = null;
+          //         //清空测量提示要素
+          //         measureTooltipElement = null;
+          //         //创建测量提示框
+          //         createMeasureTooltip();
+          //         //Removes an event listener using the key returned by on() or once().
+          //         //移除事件监听
+          //         ol.Observable.unByKey(listener);
+          //         //移除地图单击事件
+          //         map.removeEventListener("singleclick");
+          //       },
+          //       this
+          //     );
+          //   }
+          //   /**
+          //    * Creates a new help tooltip
+          //    */
+          //   function createHelpTooltip() {
+          //     if (helpTooltipElement) {
+          //       helpTooltipElement.parentNode.removeChild(helpTooltipElement);
+          //     }
+          //     helpTooltipElement = document.createElement("div");
+          //     helpTooltipElement.className = "ol-tooltip hidden";
+          //     helpTooltip = new ol.Overlay({
+          //       element: helpTooltipElement,
+          //       offset: [15, 0],
+          //       positioning: "center-left",
+          //     });
+          //     map.addOverlay(helpTooltip);
+          //   }
+          //
+          //   /**
+          //    * Creates a new measure tooltip
+          //    */
+          //   function createMeasureTooltip() {
+          //     if (measureTooltipElement) {
+          //       measureTooltipElement.parentNode.removeChild(measureTooltipElement);
+          //     }
+          //     measureTooltipElement = document.createElement("div");
+          //     measureTooltipElement.className = "ol-tooltip ol-tooltip-measure";
+          //     measureTooltip = new ol.Overlay({
+          //       element: measureTooltipElement,
+          //       offset: [0, -15],
+          //       positioning: "bottom-center",
+          //     });
+          //     map.addOverlay(measureTooltip);
+          //   }
+          //
+          //   //格式化测量面积
+          //   var formatArea = function (polygon) {
+          //     //定义面积变量
+          //     var area;
+          //     //获取平面面积
+          //     area = polygon.getArea();
+          //     //定义输出变量
+          //     var output;
+          //     //当面积大于10000时，转换为平方千米，否则为平方米
+          //     if (area > 10000) {
+          //       output =
+          //         Math.round((area / 1000000) * 100) / 100 + " " + "km<sup>2</sup>";
+          //     } else {
+          //       output = Math.round(area * 100) / 100 + " " + "m<sup>2</sup>";
+          //     }
+          //     return output;
+          //   };
+          //
+          //   addInteraction();
+          // });
+          // //侧面结束-----------------------------------------------------------------end
+
+          //全图展示-----------------start
+          $("#mapAllQt").click(function (){
+            //定位查询位置
+            let param_dw = {
+              srsName: "EPSG:3857",
+              service: "WFS",
+              version: "1.0.0",
+              request: "GetFeature",
+              typename: "zjd_dc:t_house_survey_border_village",
+              //featureNS: 'nsgk_hc',//命名空间 URI
+              cql_filter: cql_filter,
+              //featurePrefix: 'nationalwater',//工作区名称
+              //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+              outputFormat: "application/json",
+              //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+            };
+            let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;
+            url_dw = url_dw + "?";
+            for (let key in param_dw) {
+              url_dw = url_dw + key + "=" + param_dw[key] + "&";
+            }
+            url_dw = url_dw.substr(0, url_dw.length - 1);
+            fetch(url_dw, {
+              method: "POST", // *GET, POST, PUT, DELETE, etc.
+            })
+              .then((res) => {
+                var geojsonmap = res.json();
+                return geojsonmap;
+              })
+              .then((data) => {
+                let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize());
+                resolution:resolution + Math.random() * 0.00000001,
+                map.getView().fit(data.bbox);
+                map.getView().setResolution(resolution);
+                // var datamap = data.bbox;
+                // var center = ol.extent.getCenter(datamap);
+                // map.getView().animate({
+                //   // 只设置需要的属性即可
+                //   center: center, // 中心点
+                //   rotation: undefined, // 缩放完成view视图旋转弧度
+                // });
+              })
+              .catch((error) => {
+                console.log("【异常】", error);
+              });
+          });
+
+          //业务图层  wfs服务  属性查询开始 ------------------start
+          /**
+           * @api wfs服务空间查询
+           * @param {*} wfsurl
+           * @param {*} srsName
+           * @param {*} typeName
+           * @param {*} drawType
+           * @param {option 可选} geometryField
+           */
+
+          //查询全部图层  -------查询叠加图层出现覆盖问题
+          var wmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_all",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询宅基地图层
+          var ZjdwmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_zjdzd",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询自然幢图层
+          var ZrzwmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_zrz",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询附属设施图层
+          var FssswmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_fsss",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+
+          map.on("pointermove", function (evt) {
+            if (evt.dragging) {
+              return;
+            }
+            var pixel = map.getEventPixel(evt.originalEvent);
+            var hit = map.forEachLayerAtPixel(pixel, function () {
+              return true;
+            });
+            map.getTargetElement().style.cursor = hit ? "pointer" : "";
+          });
+          //属性查询结束 ------------------end
+          //点击查询详细信息
+          map.on("singleclick", function (evt) {
+            console.log(evt);
+            let feature = map.forEachFeatureAtPixel(
+              evt.pixel,
+              (feature) => feature
+            );
+            var viewResolution = map.getView().getResolution(); ///** @type {number} */ (view.getResolution());
+            var zb = evt.coordinate;
+            var url;
+            var url_bbox;
+            that.clickBbox ="";
+            that.textMjAll = "";
+            if(that.drawingClick) {
+              //点击空白删除之前图层
+              map.removeLayer(hc_land_on);
+              //map.removeLayer(hc_land_query);
+              //for(var i=0;hc_land_query>i;i++){
+                //map.removeLayer(hc_land_query);
+              for(var i=0;hc_land_queryList.length>i;i++){
+                map.removeLayer(hc_land_queryList[i]);
+              }
+              //}c
+              if (that.fsssSx && that.zjdSx && that.zrzSx) {
+                url = wmsSource.getFeatureInfoUrl(
+                  evt.coordinate,
+                  viewResolution,
+                  "EPSG:3857",
+                  {INFO_FORMAT: "text/html"}
+                );
+                url_bbox = wmsSource.getFeatureInfoUrl(
+                  evt.coordinate,
+                  viewResolution,
+                  "EPSG:3857",
+                  {INFO_FORMAT: "application/json"}
+                );
+              } else {
+                if (that.zjdSx) {
+                  url = ZjdwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = ZjdwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else if (that.fsssSx) {
+                  url = FssswmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = FssswmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else if (that.zrzSx) {
+                  url = ZrzwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = ZrzwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else {
+                  url = wmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = wmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                }
+              }
+              if (url_bbox) {
+                fetch(url_bbox).then((res) => {
+                  var geojsonmap = res.json();
+                  return geojsonmap;
+                })
+                  .then((data) => {
+                    var center = ol.extent.getCenter(data.bbox); //获取边界区域的中心位置
+                    center = [center[0], center[1] - 16];
+                    that.clickBbox = center;
+                  })
+                  .catch((error) => {
+                    that.mapZjdData = "";
+                    that.mapZrzData = "";
+                    that.mapFsssData = "";
+                    //that.mapZjdTeAll.active ="1";
+                    that.mapZjdTeAll.mapZjdAData = {};
+                    that.mapZjdTeAll.mapZrzAData = {};
+                    that.mapZjdTeAll.mapFsssAData = {};
+                    that.mapZjdDataTure = "";
+                    that.mapXs =false;
+                    that.mapClick ="";
+                    console.log("【异常】", error);
+                  });
+              }
+              if (url) {
+                fetch(url)
+                  .then(function (response) {
+                    return response.text();
+                  })
+                  .then(function (html) {
+                    document.getElementById("info").innerHTML = html;
+                    if (html.indexOf("<table") != -1) {
+                      that.mapZjdData = "";
+                      that.mapZrzData = "";
+                      that.mapFsssData = "";
+                      //that.mapZjdTeAll.active ="1";
+                      that.mapZjdTeAll.mapZjdAData = {};
+                      that.mapZjdTeAll.mapZrzAData = {};
+                      that.mapZjdTeAll.mapFsssAData = {};
+                      that.mapZjdDataTure = "";
+                      setTimeout(() => {
+                        if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zjdzd") {
+                          map.removeLayer(hc_land_on);
+                          that.mapHasDateStatus = 2;
+                          that.mapXs = true;
+                          let obj = {};
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let zjdXq = trs.find("td").eq(0).text();
+                          let zjdIdNum = zjdXq.replace("t_house_survey_zjdzd.", "");
+                          obj.id = zjdIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(3).text();//行政区划名称
+
+                          obj.zjddm = trs.find("td").eq(6).text();//宅基地代码
+
+                          obj.zdmj = trs.find("td").eq(11).text();//宗地面积
+
+                          obj.active = 1;
+
+                          var vector_drawing_map;
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                          }
+                          that.mapClick = obj.zjddm;
+                          //点击查看自然幢
+                          //自然幢图层查询开始 ------------------start
+                          var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                          zrzTc = new ol.layer.Image({
+                            source: new ol.source.ImageWMS({
+                              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                              params: {
+                                LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                TILED: true,
+                                cql_filter: cql_filter_map,
+                                SRID: 3857,
+                                TIMESTAMP: new Date().getTime(),
+                              },
+                            }),
+                          });
+                          map.addLayer(zrzTc);
+                          //自然幢图层查询开始 ------------------start
+                          //附属设施图层查询开始 ------------------start
+                          //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                          fsssTc = new ol.layer.Image({
+                            source: new ol.source.ImageWMS({
+                              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                              params: {
+                                LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                TILED: true,
+                                cql_filter: cql_filter_map,
+                                SRID: 3857,
+                                TIMESTAMP: new Date().getTime(),
+                              },
+                            }),
+                          });
+                          map.addLayer(fsssTc);
+                          //附属设施图层查询开始 ------------------end
+                          that.$cookies.set("search", "")
+                          //that.$cookies.set("map", "")
+                          console.log(document.cookie.split(';').length)
+                          console.log(params);
+                          listZjdzd(params).then((response) => {
+                            if (response.rows[0].zdmj != "") {
+                              that.textMjAll = response.rows[0].zdmj;
+                            } else {
+                              that.textMjAllNum = "1";
+                            }
+                            that.mapZjdData = response.rows[0];
+                            that.mapZjdData.active = 1;
+                            that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                            that.mapZjdDataTure = 1;
+                            that.zjdHcDy = obj.zjddm;
+                            var styleZjd = new ol.style.Style({
+                              stroke: new ol.style.Stroke({
+                                //边界样式
+                                color: "#CCFF66",
+                                width: 6,
+                              }),
+                            });
+                            hc_land_on = new ol.layer.Vector({
+                              title: "add Layer",
+                              source: new ol.source.Vector({
+                                projection: projection,
+                                features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                  "    \"type\": \"Feature\",\n" +
+                                  "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                              }),
+                              style: styleZjd
+                            });
+                            map.addLayer(hc_land_on);
+                            var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                            var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                            var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                            var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                            //定位查询位置
+                            var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                            map.getView().animate({
+                              // 只设置需要的属性即可
+                              center: center, // 中心点
+                              zoom: 17.8, // 缩放级别
+                              rotation: undefined, // 缩放完成view视图旋转弧度
+                              duration: 1000, // 缩放持续时间，默认不需要设置
+                              resolution:Math.random() * 0.00000001,
+                            });
+
+                            function createLabelStyleMap() {
+                              return new ol.style.Style({
+                                text: new ol.style.Text({
+                                  text: that.mapZjdData.syqr,
+                                  textAlign: "center", //位置
+                                  textBaseline: "middle", //基准线
+                                  font: "normal 16px 微软雅黑", //文字样式
+                                  //text: "标注点", //文本内容
+                                  fill: new ol.style.Fill({
+                                    //文本填充样式（即文字颜色)
+                                    color: "#09DDCE",
+                                    width: 10,
+                                  }),
+                                  overflow: false //超出面的部分不显示
+                                }),
+                                zIndex: 9999,
+                              });
+                            }
+
+                            var newcenterFeatureMap = new ol.Feature({
+                              geometry: new ol.geom.Point(center), //几何信息
+                              //name: "标注点",
+                            });
+                            var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                            vector_drawing_map = new ol.layer.Vector({
+                              source: sourceMapLookMap,
+                            });
+                            map.addLayer(vector_drawing_map);
+                            newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                            sourceMapLookMap.addFeature(newcenterFeatureMap);
+                          });
+                          //let cloneObj = JSON.parse(JSON.stringify(obj));
+                          //that.mapZjdData = cloneObj;
+                        } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zrz") {
+                          //that.mapZjdTeAll.mapZjdAData ={};
+                          that.mapZjdDataTure = "";
+                          that.mapZjdTeAll.mapFsssAData = {};
+                          map.removeLayer(hc_land_on);
+                          let obj = {};
+                          that.mapHasDateStatus = 1;
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let zrzXq = trs.find("td").eq(0).text();
+                          let zrzIdNum = zrzXq.replace("t_house_survey_zrz.", "");
+                          obj.id = zrzIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(3).text();//行政区划名称
+                          obj.zjddm = trs.find("td").eq(4).text();//宅基地代码
+                          obj.scjzmj = trs.find("td").eq(12).text();//实测建筑面积
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                          }
+                          that.$cookies.set("search", "")
+                          //that.$cookies.set("map", "")
+                          console.log(that.mapZjdData);
+                          //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {
+                          console.log(that.mapClick);
+                          console.log(obj.zjddm);
+                          if(that.mapXs && that.mapClick == obj.zjddm){
+                            listZjdzd(params).then((response) => {
+                              that.mapZjdData = response.rows[0];
+                              //that.mapZjdAData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              getZrz(obj.id).then((response) => {
+                                if (response.data.scjzmj != "") {
+                                  that.textMjAll = response.data.scjzmj;
+                                } else {
+                                  that.textMjAllNum = "1";
+                                }
+                                that.mapZrzData = response.data;
+                                that.mapZrzData.active = 3;
+                                that.mapZjdTeAll.mapZrzAData = that.mapZrzData;
+                                that.zjdHcDy = obj.zjddm;
+                                var styleZjd = new ol.style.Style({
+                                  stroke: new ol.style.Stroke({
+                                    //边界样式
+                                    color: "#CCFF66",
+                                    width: 6,
+                                  }),
+                                });
+                                hc_land_on = new ol.layer.Vector({
+                                  title: "add Layer",
+                                  source: new ol.source.Vector({
+                                    projection: projection,
+                                    features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                      "    \"type\": \"Feature\",\n" +
+                                      "    \"geometry\":" + that.mapZrzData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZrzData) + "}"),
+                                  }),
+                                  style: styleZjd
+                                });
+                                map.addLayer(hc_land_on);
+                                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                                //定位查询位置
+                                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                                map.getView().animate({
+                                  // 只设置需要的属性即可
+                                  center: center, // 中心点
+                                  zoom: 17.8, // 缩放级别
+                                  rotation: undefined, // 缩放完成view视图旋转弧度
+                                  duration: 1000, // 缩放持续时间，默认不需要设置
+                                  resolution: Math.random() * 0.00000001,
+                                });
+                              });
+                            });
+                          } else {
+                            //自然幢图层查询开始 ------------------start
+                            var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            zrzTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(zrzTc);
+                            //自然幢图层查询开始 ------------------start
+                            //附属设施图层查询开始 ------------------start
+                            //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            fsssTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(fsssTc);
+                            //附属设施图层查询开始 ------------------end
+                            listZjdzd(params).then((response) => {
+                              if (response.rows[0].zdmj != "") {
+                                that.textMjAll = response.rows[0].zdmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              that.mapZjdData = response.rows[0];
+                              that.mapZjdData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              that.mapZjdDataTure = 1;
+                              that.zjdHcDy = obj.zjddm;
+                              that.mapClick = obj.zjddm;
+                              that.mapXs = true;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution:Math.random() * 0.00000001,
+                              });
+
+                              function createLabelStyleMap() {
+                                return new ol.style.Style({
+                                  text: new ol.style.Text({
+                                    text: that.mapZjdData.syqr,
+                                    textAlign: "center", //位置
+                                    textBaseline: "middle", //基准线
+                                    font: "normal 16px 微软雅黑", //文字样式
+                                    //text: "标注点", //文本内容
+                                    fill: new ol.style.Fill({
+                                      //文本填充样式（即文字颜色)
+                                      color: "#09DDCE",
+                                      width: 10,
+                                    }),
+                                    overflow: false //超出面的部分不显示
+                                  }),
+                                  zIndex: 9999,
+                                });
+                              }
+
+                              var newcenterFeatureMap = new ol.Feature({
+                                geometry: new ol.geom.Point(center), //几何信息
+                                //name: "标注点",
+                              });
+                              var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                              vector_drawing_map = new ol.layer.Vector({
+                                source: sourceMapLookMap,
+                              });
+                              map.addLayer(vector_drawing_map);
+                              newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                              sourceMapLookMap.addFeature(newcenterFeatureMap);
+                            });
+                          }
+                        } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_fsss") {
+                          that.mapZjdTeAll.mapZrzAData = {};
+                          that.mapZjdDataTure = "";
+                          //that.mapZjdTeAll.mapZjdAData ={};
+                          map.removeLayer(hc_land_on);
+                          let obj = {};
+                          that.mapHasDateStatus = 0;
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let fsssXq = trs.find("td").eq(0).text();
+                          let fsssIdNum = fsssXq.replace("t_house_survey_fsss.", "");
+                          obj.id = fsssIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(4).text();//行政区划名称
+                          obj.zjddm = trs.find("td").eq(1).text();//宅基地代码
+                          // obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态
+                          // obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型
+                          obj.jzmj = trs.find("td").eq(8).text(); //建筑面积
+
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                            "pageSize": 20,
+                          }
+                          that.$cookies.remove("search")
+                          //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {
+                          if(that.mapXs && that.mapClick == obj.zjddm){
+                          listZjdzd(params).then((response) => {
+                            that.mapZjdData = response.rows[0];
+                            that.mapZjdData.active = 1;
+                            that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                            getFsss(obj.id).then((response) => {
+                              if (response.data.jzmj != "") {
+                                that.textMjAll = response.data.jzmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              //that.mapfsssData.active = 4;
+                              that.mapfsssData = response.data;
+                              console.log(that.mapfsssData);
+                              that.mapZjdTeAll.mapFsssAData = that.mapfsssData;
+                              that.zjdHcDy = obj.zjddm;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapfsssData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapfsssData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution: Math.random() * 0.00000001,
+                              });
+                            });
+                          });
+                        } else {
+                            //自然幢图层查询开始 ------------------start
+                            var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            zrzTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(zrzTc);
+                            //自然幢图层查询开始 ------------------start
+                            //附属设施图层查询开始 ------------------start
+                            //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            fsssTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(fsssTc);
+                            //附属设施图层查询开始 ------------------end
+                            listZjdzd(params).then((response) => {
+                              if (response.rows[0].zdmj != "") {
+                                that.textMjAll = response.rows[0].zdmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              that.mapZjdData = response.rows[0];
+                              that.mapZjdData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              that.mapZjdDataTure = 1;
+                              that.zjdHcDy = obj.zjddm;
+                              that.mapClick = obj.zjddm;
+                              that.mapXs = true;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution:Math.random() * 0.00000001,
+                              });
+
+                              function createLabelStyleMap() {
+                                return new ol.style.Style({
+                                  text: new ol.style.Text({
+                                    text: that.mapZjdData.syqr,
+                                    textAlign: "center", //位置
+                                    textBaseline: "middle", //基准线
+                                    font: "normal 16px 微软雅黑", //文字样式
+                                    //text: "标注点", //文本内容
+                                    fill: new ol.style.Fill({
+                                      //文本填充样式（即文字颜色)
+                                      color: "#09DDCE",
+                                      width: 10,
+                                    }),
+                                    overflow: false //超出面的部分不显示
+                                  }),
+                                  zIndex: 9999,
+                                });
+                              }
+
+                              var newcenterFeatureMap = new ol.Feature({
+                                geometry: new ol.geom.Point(center), //几何信息
+                                //name: "标注点",
+                              });
+                              var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                              vector_drawing_map = new ol.layer.Vector({
+                                source: sourceMapLookMap,
+                              });
+                              map.addLayer(vector_drawing_map);
+                              newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                              sourceMapLookMap.addFeature(newcenterFeatureMap);
+                            });
+                          }
+                          // if(obj.jzmj != ""){
+                          //   that.textMjAll = obj.jzmj;
+                          // } else {
+                          //   that.textMjAllNum = "1";
+                          // }
+                        } else {
+
+                        }
+                      }, 300);
+                    } else {
+
+                    }
+                  });
+              }
+            }
+            //数据库查询详情时使用----------------------------------------start
+            // if(feature) {
+            //   //document.getElementById("info").innerHTML = "";
+            //   that.mapHaDataValue = true;
+            //   var ifConsole = feature.values_.createBy;
+            //   if (ifConsole =="mapTheGeomFsssId") {
+            //     let obj = {};
+            //     that.mapHasDateStatus = 0;
+            //     obj.deptName = feature.values_.deptName;//行政区划名称
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus; //状态
+            //     obj.fssslx = feature.values_.fssslx; //附属设施类型
+            //     obj.jzmj = feature.values_.jzmj; //建筑面积
+            //     obj.qsly = feature.values_.qsly;//权属来源
+            //     obj.fwzt = feature.values_.fwzt; //房屋状态
+            //     obj.sfsp = feature.values_.sfsp; //是否审批
+            //     obj.sffz = feature.values_.sffz; //是否发证
+            //     obj.jglx = feature.values_.jglx; //结构类型
+            //     obj.sfzzsy = feature.values_.sfzzsy; //是否正在使用
+            //     obj.jzwqk = feature.values_.jzwqk; //建筑物情况
+            //     obj.tdzk = feature.values_.tdzk; //审批或建设前土地状况
+            //     obj.sfsgcf = feature.values_.sfsgcf; //是否受过处罚
+            //     obj.sysNormalDisable = feature.values_.sysNormalDisable; //是否停用
+            //     //附属设施类型字典项
+            //     that.getDicts("fsss_type").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fssslx !=null && obj.fssslx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fssslx == assetTypeOptions[i].dictValue) {
+            //             obj.fssslx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //权属类型字典项
+            //     that.getDicts("acquisition_method").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.qsly !=null && obj.qsly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.qsly == assetTypeOptions[i].dictValue) {
+            //             obj.qsly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋状态字典项
+            //     that.getDicts("fwzt").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwzt !=null && obj.fwzt !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwzt == assetTypeOptions[i].dictValue) {
+            //             obj.fwzt = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否审批字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfsp !=null && obj.sfsp !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfsp == assetTypeOptions[i].dictValue) {
+            //             obj.sfsp = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否发证字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sffz !=null && obj.sffz !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sffz == assetTypeOptions[i].dictValue) {
+            //             obj.sffz = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //结构类型字典项
+            //     that.getDicts("house_jglx").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.jglx !=null && obj.jglx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.jglx == assetTypeOptions[i].dictValue) {
+            //             obj.jglx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否正在使用字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfzzsy !=null && obj.sfzzsy !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfzzsy == assetTypeOptions[i].dictValue) {
+            //             obj.sfzzsy = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋状态字典项
+            //     that.getDicts("fwzt").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwzt !=null && obj.fwzt !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwzt == assetTypeOptions[i].dictValue) {
+            //             obj.fwzt = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //土地状况字典项
+            //     that.getDicts("land_state").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.tdzk !=null && obj.tdzk !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.tdzk == assetTypeOptions[i].dictValue) {
+            //             obj.tdzk = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否受过处罚字典项
+            //     that.getDicts("land_state").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfsgcf !=null && obj.sfsgcf !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfsgcf == assetTypeOptions[i].dictValue) {
+            //             obj.sfsgcf = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapFsssData = obj;
+            //   } else if(ifConsole =="mapTheGeomZrzId"){
+            //     let obj = {};
+            //     that.mapHasDateStatus = 1;
+            //     obj.deptName = feature.values_.deptName;//部门名称
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.nmfwzh = feature.values_.nmfwzh;//农民房屋幢号
+            //     obj.zrzh = feature.values_.zrzh;//自然幢号
+            //     obj.jgrq = feature.values_.jgrq;//竣工日期
+            //     obj.jzwgd = feature.values_.jzwgd;//建筑物高度
+            //     obj.zzdmj = feature.values_.zzdmj;//幢占地面积
+            //     obj.zydmj = feature.values_.zydmj;//幢用地面积
+            //     obj.scjzmj = feature.values_.scjzmj;//实测建筑面积
+            //     obj.zcs = feature.values_.zcs;//总层数
+            //     obj.dscs = feature.values_.dscs;//地上层数
+            //     obj.dxcs = feature.values_.dxcs;//地下层数
+            //     obj.fwjg = feature.values_.fwjg;//房屋结构
+            //     obj.sjly = feature.values_.sjly;//数据来源
+            //     obj.status = feature.values_.status;//状态
+            //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus;//数据调查确认状态
+            //     //字典项转化
+            //     //房屋结构字典项
+            //     that.getDicts("housing_structure").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwjg !=null && obj.fwjg !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwjg == assetTypeOptions[i].dictValue) {
+            //             obj.fwjg = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋结构字典项
+            //     that.getDicts("sjly").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sjly !=null && obj.sjly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sjly == assetTypeOptions[i].dictValue) {
+            //             obj.sjly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapZrzData = obj;
+            //   } else if(ifConsole =="mapTheGeomZjdId"){
+            //     let obj = {};
+            //     that.mapHasDateStatus = 2;
+            //     obj.deptName = feature.values_.deptName;//行政区划名称
+            //     obj.suyqrdm = feature.values_.suyqrdm;//所有权人代码
+            //     obj.nhdm = feature.values_.nhdm;//农户代码
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.zdbh = feature.values_.zdbh;//宗地编号
+            //     obj.zddm = feature.values_.zddm;//宗地代码
+            //     obj.zl = feature.values_.zl;//坐落
+            //     obj.zldwdm = feature.values_.zldwdm;//坐落单位代码
+            //     obj.zdmj = feature.values_.zdmj;//宗地面积
+            //     obj.yt = feature.values_.yt;//用途
+            //     obj.ytmc = feature.values_.ytmc;//用途名称
+            //     obj.dj = feature.values_.dj;//宗地编号
+            //     obj.jg = feature.values_.jg;//价格万元
+            //     obj.qllx = feature.values_.qllx;//权利类型
+            //     obj.qlxz = feature.values_.qlxz;//权利性质
+            //     obj.qlsdfs = feature.values_.qlsdfs;//权利设定方式
+            //     obj.rjl = feature.values_.rjl;//容积率
+            //     obj.jzmd = feature.values_.jzmd;//建筑密度
+            //     obj.jzxg = feature.values_.jzxg;//建筑限高
+            //     obj.zdszd = feature.values_.zdszd;//宗地四至-东
+            //     obj.zdszn = feature.values_.zdszn;//宗地四至-南
+            //     obj.zdszx = feature.values_.zdszx;//宗地四至-西
+            //     obj.zdszb = feature.values_.zdszb;//宗地四至-北
+            //     obj.zdt = feature.values_.zdt;//宗地图
+            //     obj.tfh = feature.values_.tfh;//图幅号
+            //     obj.djh = feature.values_.djh;//地籍号
+            //     obj.sjly = feature.values_.sjly;//数据来源
+            //     obj.lyzk = feature.values_.lyzk;//当前利用状况
+            //     obj.xzkssj = feature.values_.xzkssj;//闲置开始时间
+            //     obj.sffz = feature.values_.sffz;//是否发证
+            //     obj.zjdzsh = feature.values_.zjdzsh;//宅基地证书号
+            //     obj.zjdxctp = feature.values_.zjdxctp;//宅基地现场图片
+            //     obj.zjdqdfs = feature.values_.zjdqdfs;//宅基地取得方式
+            //     obj.bccjl = feature.values_.bccjl;//被惩处经历
+            //     obj.bccbz = feature.values_.bccbz;//被惩处备注
+            //     obj.yctcyx = feature.values_.yctcyx;//有偿退出意向
+            //     obj.zjdpzmj = feature.values_.zjdpzmj;//宅基地批准面积
+            //     obj.zjdxzyy = feature.values_.zjdxzyy;//宅基地闲置原因
+            //     obj.lzyx = feature.values_.lzyx;//流转意向
+            //     obj.sysNormalDisable = feature.values_.sysNormalDisable;//是否停用
+            //     obj.active = 1;
+            //     //字典项转化
+            //     //是否发证字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sffz !=null && obj.sffz !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sffz == assetTypeOptions[i].dictValue) {
+            //             obj.sffz = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //利用状态字典项
+            //     that.getDicts("zjdlyzk").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.lyzk !=null && obj.lyzk !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.lyzk == assetTypeOptions[i].dictValue) {
+            //             obj.lyzk = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //流转意向字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.lzyx !=null && obj.lzyx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.lzyx == assetTypeOptions[i].dictValue) {
+            //             obj.lzyx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //有偿退出意向字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.yctcyx !=null && obj.yctcyx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.yctcyx == assetTypeOptions[i].dictValue) {
+            //             obj.yctcyx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //被惩处经历字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.bccjl !=null && obj.bccjl !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.bccjl == assetTypeOptions[i].dictValue) {
+            //             obj.bccjl = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //宅基地取得方式字典项
+            //     that.getDicts("acquisition_method").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.zjdqdfs !=null && obj.zjdqdfs !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.zjdqdfs == assetTypeOptions[i].dictValue) {
+            //             obj.zjdqdfs = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //权利设定方式字典项
+            //     that.getDicts("right_setting_mode").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.qlsdfs !=null && obj.qlsdfs !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.qlsdfs == assetTypeOptions[i].dictValue) {
+            //             obj.qlsdfs = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //数据来源字典项
+            //     that.getDicts("sjly").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sjly !=null && obj.sjly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sjly == assetTypeOptions[i].dictValue) {
+            //             obj.sjly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapZjdData = obj;
+            //     console.log(obj.zjddm);
+            //     that.zjdHcDy = obj.zjddm;
+            //   } else {
+            //     that.mapHaDataValue = false;
+            //   }
+            // }else {
+            //   that.mapHaDataValue = false;
+            // }
+            //数据库查询详情时使用----------------------------------------end
+          });
+          //数据库循环加载时使用 --------------------加载较慢 ------start
+          //当前账套没有任何空间数据
+          // if(mapTalkAbout){
+          //   let deptName = this.$store.state.user.loginDeptId + "";
+          //   getQueryLand(deptName).then((response) => {
+          //     if (response.code == 200) {
+          //       let InsertCode = response.data;
+          //       if (InsertCode != null) {
+          //         var lat = InsertCode.lat;
+          //         var lng = InsertCode.lng;
+          //         var center;
+          //         if(lat !=null && lng !=null && lat !="" && lng !=""){
+          //           center = [lng,lat];
+          //         }else {
+          //           center =[115.452752, 31.789033];
+          //         }
+          //         map.getView().animate({
+          //           // 只设置需要的属性即可
+          //           center: ol.proj.fromLonLat(center), // 中心点
+          //           zoom: 17.9, // 缩放级别
+          //           rotation: undefined, // 缩放完成view视图旋转弧度
+          //           duration: 1000, // 缩放持续时间，默认不需要设置
+          //         });
+          //       }
+          //     }
+          //   });
+          // }
+          //数据库循环加载时使用 --------------------加载较慢 ------start
+        },
+
+        /*右侧列表 --展开收缩*/
+        selectionPushMap() {
+          this.selectionIconShow = true;
+          this.homesteadListStatus = true;
+          $(".homesteadList_wrap").animate(
+            {
+              right: "0",
+            },
+            300
+          );
+        },
+        homesteadListShrink() {
+          this.selectionIconShow = false;
+          // this.checked =["zjdSx","zrzSx","fsssSx"];
+          $(".homesteadList_wrap").animate(
+            {
+              right: "-300px",
+            },
+            300
+          );
+          setTimeout(() => {
+            this.homesteadListStatus = false;
+          }, 300);
+        },
+        checkClick(res){
+          // 1、全选与不全选模块
+          $(".checkall").change(function() {
+            $(".item-list-checkbox .checkitem").prop("checked", $(this).prop("checked"));
+            if($(this).prop("checked")){
+
+            }else {
+
+            }
+          });
+          // 2、小复选框模块
+          $(".checkitem").change(function() {
+            if ($(".checkitem:checked").length === $(".checkitem").length) {
+              $(".checkall").prop("checked", true);
+            } else {
+              $(".checkall").prop("checked", false);
+            }
+          })
+        },
+        //绘制多边形地图
+        drawMapPolygonFun() {
+
+        },
+        guidProduct(){
+          return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+            var r = Math.random() * 16 | 0,
+              v = c == 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+          });
+        },
+        //宅基地点击地图核查
+        zjdHc(){
+          if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){
+            if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+              this.mapZjdTeAll.active =1;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              //this.$router.push({path:'/homesteadSurvey/add'});
+            }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){
+              if(this.mapZjdTeAll.mapZjdAData !=""){
+                this.mapZjdTeAll.active = 3;
+                //this.$cookies.set("search",this.mapZjdTeAll);
+                this.$cookies.set("search","")
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              } else {
+                this.$toast("必须有宅基地数据才能进入自然幢核查");
+              }
+            }else {
+              if(this.mapZjdTeAll.mapZjdAData !="") {
+                this.mapZjdTeAll.active = 4;
+                //this.$cookies.set("search", this.mapZjdTeAll);
+                this.$cookies.set("search","")
+                this.$router.push({path: '/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              } else {
+                this.$toast("必须有宅基地数据才能进入附属设施核查");
+              }
+            }
+          } else {
+            this.$dialog.alert({
+              title: '宅基地核查',
+              message: "请从地图中选择图层并点击核查",
+              theme: 'round-button',
+            }).then(() => {
+              // on close
+            });
+          }
+        },
+        //搜索详情跳转
+        zjdSs(item){
+          this.mapZjdTeAll.mapZjdAData ={};
+          this.mapZjdTeAll.mapZrzAData ={};
+          this.mapZjdTeAll.mapFsssAData ={};
+          //this.mapZjdTeAll.active =1;
+          if(item.typeTc =="宅基地"){
+          getZjdzd(item.id).then((response) => {
+            this.mapZjdData = response.data;
+            this.mapZjdTeAll.active = 1;
+            this.mapZjdTeAll.mapZjdAData = this.mapZjdData;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            setTimeout(() => {
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+          });
+          }else if(item.typeTc =="自然幢"){
+            //let =
+            getZjdzd(item.id).then((response) => {
+              this.mapZrzData = response.data;
+              this.mapZjdTeAll.active = 3;
+              this.mapZjdTeAll.mapZrzAData = this.mapZrzData;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              setTimeout(() => {
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+            });
+          }else if(item.typeTc =="附属设施"){
+            getFsss(item.id).then((response) => {
+              this.mapFsssData = response.data;
+              this.mapZjdTeAll.active = 4;
+              this.mapZjdTeAll.mapFsssAData = this.mapFsssData;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              setTimeout(() => {
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+            });
+          }else{
+            this.$toast("无数据请检查后进入核查页面");
+          }
+        },
+        //地图查询
+        toggleSearch() {
+          $("#query").trigger("click");
+        },
+        //
+        checkAllArray(value){
+          if(this.checked.length<3){
+            this.$refs.checkboxGroup.toggleAll(true);
+          }else{
+            this.$refs.checkboxGroup.toggleAll(false);
+          }
+        },
+        //筛选//全选
+        checkAll(val) {
+          this.$refs.checkboxGroup.value.toggleAll(true);
+          return;
+          let checkedCount = this.CheckedAllArr.length
+          if (val) {
+            //全选
+            this.CheckedAllArr = this.dataList.map(item => item.id)
+          } else{
+            //取消全选
+            if (checkedCount === this.dataList.length) {
+              //如果不增加这个条件判断点击某一项时会全部取消
+              this.CheckedAllArr = []
+            }
+          }
+        },
+        //单选
+        handleChecked(value) {
+          // this.checkAllFlag = this.CheckedAllArr.length == this.dataList.length;
+          if (value.length<3){
+            this.checkAllFlag = false;
+          }else{
+            this.checkAllFlag = true;
+          }
+          value.indexOf('zjdSx') == -1 ? this.zjdSx = false : this.zjdSx = true;
+          value.indexOf('zrzSx') == -1 ? this.zrzSx = false : this.zrzSx = true;
+          value.indexOf('fsssSx') == -1 ? this.fsssSx = false : this.fsssSx = true;
+        },
+        closeSearchBox(){
+          this.showSearch = false ;
+          var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+          document.styleSheets[0].insertRule(
+            "@keyframes test2" +
+            "{" +
+            "0%{bottom: 0px}" +
+            "100%{bottom: -" + height + "px;}" +
+            "}"
+          )
+          $('.searchBar_wrap').css({'animation':'test2 0.5s ease-in-out 0s 1 alternate forwards','-webkit-animation':'test2 0.5s ease-in-out 0s 1 alternate forwards'});
+        },
+        zjdTz(){
+          if(this.mapZjdData =="" && this.mapZjdDataTure =="" && this.mapZjdData !=undefined){
+            this.mapZjdTeAll.active =1;
+            this.mapZjdTeAll.mapZjdAData.deptId =this.$cookies.get("item").deptId;
+            this.mapZjdTeAll.mapZjdAData.theGeom =this.htZjdZrzFsss;
+            //this.mapZjdTeAll.mapZjdAData.deptId = this.$cookies.get("item").deptId;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("已选择宅基地，请选择自然幢或附属设施按钮");
+          }
+        },
+        zrzTz(){
+          if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+            this.mapZjdTeAll.active =3;
+            this.mapZjdTeAll.mapZrzAData.theGeom =this.htZjdZrzFsss;
+            this.mapZjdTeAll.mapZrzAData.deptId =this.$cookies.get("item").deptId;
+            //this.mapZjdTeAll.mapZrzAData.deptId = this.$cookies.get("item").deptId;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("请先在地图上选择宅基地后，再选择自然幢按钮");
+          }
+        },
+        fsssTz(){
+          if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+          this.mapZjdTeAll.active =4;
+          this.mapZjdTeAll.mapFsssAData.theGeom =this.htZjdZrzFsss;
+            this.mapZjdTeAll.mapFsssAData.deptId =this.$cookies.get("item").deptId;
+          //this.mapZjdTeAll.mapFsssAData.deptId = this.$cookies.get("item").deptId;
+          //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+          this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("请先在地图上选择宅基地后，再选择附属设施按钮");
+          }
+        },
+        //绘图重置清除之前图层
+        deleteHistory(){
+          $("#deleteHistory").trigger("click");
+        }
+
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-swipe-cell__wrapper{
+    margin-right:-3px;
+  }
+  .hzlxBtn{
+    font-size: 0.3rem;
+    display: inline-block;
+    padding: 2% 0;
+    border-radius: 30PX;
+    color: #FFF;
+    margin-right: 2%;
+    width: 30%;
+    &:last-child{
+      margin: 0;
+    }
+  }
+  .van-cell__title{
+    flex:2
+  }
+  .bannerBg{
+    width: 100%;
+    color:#fff;
+    /*padding:10px;*/
+    background: linear-gradient(134deg,#7ac943 1%, #22b7f2);
+  }
+  .van-hairline--bottom::after {
+    border-bottom-width: 0;
+  }
+  .activeBtn{
+    background:#fff;
+    border-radius:25PX;
+    color:#7AC943;
+    line-height:30PX;
+    text-align:center;
+    font-size:14PX;
+    width: 25%;
+    margin:0 10px;
+    box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
+  }
+  .disactiveBtn{
+    background:rgba(255,255,255,.4);
+    border-radius:25PX;
+    color:#fff;
+    line-height:30PX;
+    text-align:center;
+    font-size:14PX;
+    width: 25%;
+    margin:0 10px;
+    box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
+  }
+  /*.van-cell__label{*/
+  /*  color: #969799;*/
+  /*  font-size: 12px;*/
+  /*  line-height: 20px;*/
+  /*  margin:0*/
+  /*}*/
+  .map_area {
+    width: 50vw;
+    height: 50vh;
+    z-index:1;
+    background:#000;
+    position: fixed;
+    left: 0;
+    top: 0;
+  }
+  .van-field__label{
+    width:50%;
+  }
+  .rightZoom_wrap {
+    position: absolute;
+    right: 3%;
+    top: 35%;
+    margin-top: -200px;
+    background: #fff;
+    margin-bottom: 16px;
+    border-radius: 10px;
+    text-align: center;
+    padding: 15px 20px;
+    img{
+      margin: 0 auto;
+    }
+    .amplification {
+      line-height: 1;
+      font-size: 18px;
+      text-align: center;
+      margin-top: 5px;
+    }
+  }
+  .mapZoom_wrap {
+    position: absolute;
+    right: 3%;
+    top: 50%;
+    margin-top: -200px;
+    background: #fff;
+    margin-bottom: 16px;
+    border-radius: 10px;
+    padding: 0px 20px;
+    div{
+      padding: 15px 0;
+      border-bottom: 1px solid #C9C9C9;
+      &:last-child{
+        border: none;
+      }
+      p{
+        margin-top: 5px;
+      }
+    }
+    .qtMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .clMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .hcMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .htMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .dwMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+  }
+  .rightIcon_wrap {
+    position: absolute;
+    right: 16px;
+    bottom: 160px;
+    .selectionIcon_wrap {
+      width: 74px;
+      background: #fff;
+      border-radius: 10px;
+      padding: 14px 0;
+
+      .icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/selection_icon.png")
+        no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto 4px;
+      }
+      .text {
+        font-size: 24px;
+        text-align: center;
+      }
+    }
+    .positioning_wrap {
+      width: 74px;
+      background: #fff;
+      margin-bottom: 16px;
+      border-radius: 10px;
+      height: 74px;
+      display: flex;
+      justify-content: center; /* 相对父元素水平居中 */
+      align-items: center; /*  子元素相对父元素垂直居中*/
+      .icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/positioning_icon.png")
+        no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto;
+      }
+    }
+  }
+  .homesteadList_wrap {
+    // display: none;
+    display: flex;
+    position: absolute;
+    right: -200px;
+    top: 0px;
+    bottom: 0px;
+    width: 300px;
+    background: #fff;
+    z-index: 999;
+    border-top-left-radius: 15px;
+    border-bottom-left-radius: 15px;
+
+    flex-direction: column;
+    .noInfo_data {
+      font-size: 28px;
+      text-align: center;
+      height: 300px;
+      line-height: 300px;
+      color: #666;
+    }
+    .title_m {
+      color: #333;
+      line-height: 36px;
+      padding: 20px 40px 22px;
+      .name {
+        font-size: 36px;
+        line-height: 42px;
+        height: 42px;
+      }
+      .more_icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/selectionNext_icon.png")
+        no-repeat;
+        float: right;
+        margin-top: 2px;
+      }
+    }
+
+    .main_m {
+      overflow-y: auto;
+      padding: 10px 0;
+      // height: 300px;
+      flex: 1;
+      .flex_block {
+        height: 70px;
+        display: flex;
+        // justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+        padding: 0 40px;
+        &.active {
+          box-shadow: 0px 0px 10px rgba(24, 45, 51, 0.5);
+        }
+        .name_text {
+          font-size: 28px;
+          flex: 0.5;
+          overflow: hidden; /*超出部分隐藏*/
+          white-space: nowrap; /*不换行*/
+          text-overflow: ellipsis; /*超出部分文字以...显示*/
+        }
+        .square_text {
+          font-size: 28px;
+          flex: 0.4;
+        }
+        .operation_mian {
+          flex: 0 0 150px;
+
+          .describe {
+            font-size: 20px;
+            padding: 6px 5px;
+            float: right;
+            color: #fff;
+            border-radius: 30px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            max-width: 150px;
+            &.yph {
+              background: #b026ff;
+            }
+            &.dlzdph {
+              background: #ff6f36;
+            }
+            &.ylz {
+              background: #7fff4c;
+            }
+            &.dlz {
+              background: rgb(255, 232, 76);
+            }
+            &.ylzdph {
+              background: #ff7dd0;
+            }
+            &.zy {
+              background: rgb(100, 30, 100);
+            }
+            &.xz {
+              background: rgb(60, 100, 180);
+            }
+            &.chdb {
+              background: #fe0303;
+            }
+          }
+        }
+      }
+    }
+    .footerBtn_wrap {
+      flex: 0 0 90px;
+      display: flex;
+      justify-content: center; /* 相对父元素水平居中 */
+      align-items: center; /*  子元素相对父元素垂直居中 */
+
+      .options {
+        flex: 1;
+        font-size: 38px;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+        height: 90px;
+        &:first-child {
+          border-bottom-left-radius: 15px;
+        }
+        &.active {
+          background: #3cbf5b;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .checkbox {
+    width: 200px;
+    margin: 30px auto;
+  }
+
+  .thead-checkbox {
+    background-color: lightgray;
+  }
+
+  .item-checkbox {
+    border: 1px solid darkgray;
+  }
+  .van-sticky{position: fixed;top: 0;right: 0; left: 0;z-index: 9999;}
+
+  .searchBar_wrap {
+    // display: none;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    padding: 0px 16px 0px 13px;
+    background: #fff;
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+    z-index: 9;
+
+    .searchBox{
+      height: 40vh;
+      overflow-y: scroll;
+      .van-cell{
+        /*&:first-child{*/
+        /*  box-shadow: none;*/
+        /*  margin:0;*/
+        /*}*/
+        box-shadow: 0px 0px 5px #cccccc;
+        border-radius: 15PX;
+        width: 98%;
+        margin: 0 auto;
+        margin-bottom: 0.35rem;
+        &:first-child{
+          margin-top: 5px;
+        }
+      }
+      .van-cell__title{
+        flex: 0.8;
+        p{
+          color: rgb(34, 183, 242);
+          .van-icon{
+            vertical-align: middle;
+          }
+          span{
+            vertical-align: middle;
+            &:nth-child(2){
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              display: inline-block;
+              width: 60%;
+            }
+            &:nth-child(3){
+              font-size: 0.25rem;
+              border-radius: 5PX;
+              padding: 5PX 15PX;
+              margin-left: 5%;
+            }
+          }
+        }
+      }
+      .van-cell__value{
+        flex: 0.2;
+        p{
+          font-size: 0.25rem;
+          display: inline-block;
+          border-radius: 1rem;
+          line-height: 1;
+          padding: 10%;
+        }
+      }
+    }
+    .actionBar_wrap {
+      display: flex;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+
+      background: #fff;
+      border-top-left-radius: 15px;
+      border-top-right-radius: 15px;
+      .m_list {
+        flex: 1;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+
+        .tensile,
+        .positioning,
+        .spacing,
+        .scale {
+          width: 76px;
+          height: 72px;
+          background: #ffffff;
+          border-radius: 8px;
+          box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);
+          .icon {
+            width: 76px;
+            height: 72px;
+          }
+          &.active {
+            background: #333;
+            &.tensile {
+              .icon {
+                background: url("../../assets/images/homestead/operation/tensile_active.png")
+                center center no-repeat;
+                background-size: 38px 50px;
+              }
+            }
+            &.positioning {
+              .icon {
+                background: url("../../assets/images/homestead/operation/positioning_active.png")
+                center center no-repeat;
+                background-size: 38px 48px;
+              }
+            }
+            &.spacing {
+              .icon {
+                background: url("../../assets/images/homestead/operation/spacing_active.png")
+                center center no-repeat;
+                background-size: 46px 46px;
+              }
+            }
+            &.scale {
+              .icon {
+                background: url("../../assets/images/homestead/operation/scale_active.png")
+                center center no-repeat;
+                background-size: 48px 48px;
+              }
+            }
+          }
+        }
+        .tensile {
+          .icon {
+            background: url("../../assets/images/homestead/operation/tensile.png")
+            center center no-repeat;
+            background-size: 38px 50px;
+          }
+        }
+        .positioning {
+          .icon {
+            background: url("../../assets/images/homestead/operation/positioning.png")
+            center center no-repeat;
+            background-size: 38px 48px;
+          }
+        }
+        .spacing {
+          .icon {
+            background: url("../../assets/images/homestead/operation/spacing.png")
+            center center no-repeat;
+            background-size: 46px 46px;
+          }
+        }
+        .scale {
+          .icon {
+            background: url("../../assets/images/homestead/operation/scale.png")
+            center center no-repeat;
+            background-size: 48px 48px;
+          }
+        }
+        .closes {
+          background: url("../../assets/images/homestead/searchBar_close.png")
+          no-repeat;
+          background-size: 100% 100%;
+          width: 72px;
+          height: 72px;
+          &.gray {
+            background: url("../../assets/images/homestead/searchBar_close_gray.png")
+            no-repeat;
+            background-size: 100% 100%;
+          }
+        }
+        .correct {
+          background: url("../../assets/images/homestead/searchBar_save.png")
+          no-repeat;
+          background-size: 100% 100%;
+          width: 72px;
+          height: 72px;
+        }
+      }
+    }
+    .searchBar_area {
+      flex: 1;
+      height: 80px;
+      background: #f1f1f1;
+      border: 1px solid #dfdfdf;
+      border-radius: 10px;
+      padding: 0 28px;
+      display: flex;
+      .bar_icon {
+        width: 50px;
+        height: 50px;
+        background: url("../../assets/images/homestead/searchBar_bar.png")
+        center center no-repeat;
+        background-size: 100% 100%;
+        margin-top: 14px;
+        margin-right: 15px;
+      }
+      .bar_ipt {
+        flex: 1;
+        input {
+          width: 100%;
+          height: 100%;
+          background: none;
+          border: 0 none;
+          font-size: 32px;
+        }
+      }
+      .bar_text {
+        flex: 0 0 80px;
+        font-size: 32px;
+        color: #333333;
+        font-family: PingFang SC, PingFang SC-Regular;
+        font-weight: 400;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+      }
+    }
+    .searchBar_more {
+      flex: 0 0 80px;
+      background: url("../../assets/images/homestead/searchBar_add.png") center
+      center no-repeat;
+      background-size: 80% 80%;
+      margin-left: 15px;
+    }
+  }
+</style>
diff --git a/src/views/homesteadSurvey/list3.vue b/src/views/homesteadSurvey/list3.vue
new file mode 100644
index 00000000..bb8d4444
--- /dev/null
+++ b/src/views/homesteadSurvey/list3.vue
@@ -0,0 +1,5814 @@
+<template>
+  <div class="app-container">
+    <van-sticky>
+      <div class="bannerBg" style="">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="onClickLeft"
+          @click-right="showUploadList"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size=".5rem" color="#fff" />
+          </template>
+          <template #right>
+            <van-icon v-if="$cookies.get('upload')!=null&&$cookies.get('upload')==1" name="photo-o" size=".5rem" color="#fff"/>
+          </template>
+          <template #title>
+            <p style="color:#fff">{{item.deptName}}</p>
+          </template>
+        </van-nav-bar>
+        <van-popup v-model:show="showImageList" position="bottom" style="height:40vh;padding:50px 10px 0" closeable
+                   close-icon="close">
+          <p style="color:#000;position:absolute;top:0.426667rem;left:0.426667rem">图片上传</p>
+          <div style="width:100%;height:calc( 40vh - 100px);overflow-y: scroll;">
+
+            <van-uploader v-model="uploadImgList" :after-read="beforeReadImageList" @delete="deleteFileImageList" multiple :max-count="50"  />
+          </div>
+          <van-row justify="space-around" style=" position:fixed;bottom:0;left:0;width:100%;height:50px;text-align: center;">
+            <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="uploadImgList = [],uploadImgList1 = []">清空</van-button></van-col>
+            <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="submitUploadList">上传</van-button></van-col>
+          </van-row>
+        </van-popup>
+        <div style="display:flex;width:95%;margin:0 auto;justify-content:space-between;padding: 0px 0 15px">
+          <div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="$router.push({path:'/homesteadSurvey/list'})">入户核查</div>
+          <div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="$router.push({path:'/homesteadSurvey/list2'})">农户信息</div>
+          <div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="$router.push({path:'/homesteadSurvey/list3'})">所有权人</div>
+          <div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }" @click="$router.push({path:'/homesteadSurvey/list4'})">切换地图</div>
+        </div>
+      </div>
+      <div style="background:#fff;padding:10px 2.5%;display: flex;justify-content: space-between;">
+        <div style="text-align:center;background: rgba(122,201,67,0.2);width: 49%;font-size: 14px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 2px 0;">
+          <img src="../../assets/images/housesteadSurvey/list01.png" alt="">
+          <p style="margin-left: 10px;">
+            <span style="color:#60B722;line-height:.8rem;">总户数：</span>
+            <span style="color:#60B722;line-height:.8rem;"><span style="font-size:16px;color: #448815;">{{totalH}}</span> 户</span>
+          </p>
+        </div>
+        <div style="text-align:center;background: rgba(122,201,67,0.2);width: 49%;font-size: 14px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 2px 0;">
+          <img src="../../assets/images/housesteadSurvey/list02.png" alt="">
+          <p style="margin-left: 10px;">
+            <span style="color:#60B722;line-height:.8rem">总人数：</span>
+            <span style="color:#60B722;line-height:.8rem"><span style="font-size:16px;color: #448815;">{{totalR}}</span> 人</span>
+          </p>
+        </div>
+      </div>
+    </van-sticky>
+    <van-form @submit="onSubmitsyqr">
+      <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.qydm"
+          name="区域代码"
+          label="区域代码"
+          placeholder="禁止修改"
+          disabled
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.suyqrdm"
+          name="所有权人代码"
+          label="所有权人代码"
+          disabled
+          placeholder="自动生成"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.suyqrmc"
+          name="所有权人名称"
+          label="所有权人名称"
+          required
+          placeholder="所有权人名称"
+          input-align="right"
+          :rules="[{ required: true, message: '所有权人名称不能为空' }]"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.suyqxzName"
+          name="所有权性质"
+          label="所有权性质"
+          required
+          placeholder="所有权性质"
+          input-align="right"
+          :rules="[{ required: true, message: '所有权性质不能为空' }]"
+          @click="showsuyqxz = true"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.suyqxz"
+          style="display:none"
+        />
+        <van-popup v-model="showsuyqxz" position="bottom" input-align="right">
+          <van-picker
+            show-toolbar
+            :columns="suyqxzOptions"
+            value-key="dictLabel"
+            @confirm="onConfirmsuyqxz"
+            @cancel="showsuyqxz = false"
+          />
+        </van-popup>
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dbrxm"
+          name="代表人姓名"
+          label="代表人姓名"
+          required
+          placeholder="代表人姓名"
+          input-align="right"
+          :rules="[{ required: true, message: '代表人姓名不能为空' }]"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dbrzjlx"
+          style="display:none"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dbrzjlxName"
+          name="代表人证件类型"
+          label="代表人证件类型"
+          required
+          placeholder="代表人证件类型"
+          input-align="right"
+          :rules="[{ required: true, message: '代表人证件类型不能为空' }]"
+          @click="showdbrzjlx = true"
+        />
+        <van-popup v-model="showdbrzjlx" position="bottom" input-align="right">
+          <van-picker
+            show-toolbar
+            :columns="zjlxOptions"
+            value-key="dictLabel"
+            @confirm="onConfirmdbrzjlx"
+            @cancel="showdbrzjlx = false"
+          />
+        </van-popup>
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dbrzjhm"
+          name="代表人证件号码"
+          label="代表人证件号码"
+          required
+          placeholder="代表人证件号码"
+          input-align="right"
+          :rules="[{ required: true, message: '代表人证件号码不能为空' },{validator:validatorIdcardqlr,message:'身份证号格式错误！'}]"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dbrlxdh"
+          name="代表人联系电话"
+          label="代表人联系电话"
+          placeholder="代表人联系电话"
+          type="number"
+          input-align="right"
+          required
+          :rules="[{ required: true, message: '代表人联系电话不能为空' }]"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dbrtxdz"
+          name="代表人通讯地址"
+          label="代表人通讯地址"
+          required
+          placeholder="代表人通讯地址"
+          input-align="right"
+          :rules="[{ required: true, message: '代表人通讯地址不能为空' }]"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dbryzbm"
+          name="代表人邮政编码"
+          label="代表人邮政编码"
+          required
+          placeholder="代表人邮政编码"
+          input-align="right"
+          maxlength="6"
+          :rules="[{ required: true, message: '代表人邮政编码不能为空' }]"
+        />
+        <van-field name="radio" label="是否成立农村集体经济组织" required input-align="right" autocomplete="off">
+          <template #input>
+            <van-radio-group v-model="qlrform.sfclncjtjjzz" direction="horizontal">
+              <van-radio name="Y">是</van-radio>
+              <van-radio name="N">否 </van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dlrxm"
+          name="代理人姓名"
+          label="代理人姓名"
+          placeholder="代理人姓名"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dlrzjlx"
+          style="display:none"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dlrzjlxName"
+          name="代理人证件类型"
+          label="代理人证件类型"
+          placeholder="代理人证件类型"
+          input-align="right"
+          @click="showdlrzjlx = true"
+        />
+        <van-popup v-model="showdlrzjlx" position="bottom" input-align="right">
+          <van-picker
+            show-toolbar
+            :columns="zjlxOptions"
+            value-key="dictLabel"
+            @confirm="onConfirmdlrzjlx"
+            @cancel="showdlrzjlx = false"
+          />
+        </van-popup>
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dlrzjhm"
+          name="代理人证件号码"
+          label="代理人证件号码"
+          placeholder="代理人证件号码"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dlrlxdh"
+          name="代理人联系电话"
+          label="代理人联系电话"
+          placeholder="代理人联系电话"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dlrtxdz"
+          name="代理人通讯地址"
+          label="代理人通讯地址"
+          placeholder="代理人通讯地址"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.dlryzbm"
+          name="代理人邮政编码"
+          label="代理人邮政编码"
+          placeholder="代理人邮政编码"
+          input-align="right"
+        />
+      </div>
+    <div style="border-radius: 16px;
+        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">
+      <van-field
+        autocomplete="off"
+        v-model="qlrform.ncjtjjzzdm"
+        name="农村集体经济组织代码"
+        label="农村集体经济组织代码"
+        placeholder="农村集体经济组织代码"
+        input-align="right"
+      />
+      <van-field
+        autocomplete="off"
+        v-model="qlrform.ncjtjjzzmc"
+        name="农村集体经济组织名称"
+        label="农村集体经济组织名称"
+        placeholder="农村集体经济组织名称"
+        input-align="right"
+      />
+      <van-field
+        autocomplete="off"
+        v-model="qlrform.fbfdm"
+        name="发包方代码"
+        label="发包方代码"
+        placeholder="发包方代码"
+        input-align="right"
+      />
+      <van-field
+        autocomplete="off"
+        v-model="qlrform.fbfmc"
+        name="发包方名称"
+        label="发包方名称"
+        placeholder="发包方名称"
+        input-align="right"
+      />
+      <van-field
+        autocomplete="off"
+        v-model="qlrform.sjlyName"
+        name="数据来源"
+        label="数据来源"
+        placeholder="数据来源"
+        input-align="right"
+        @click="showsjly = true"
+        required
+        :rules="[{ required: true, message: '数据来源不能为空' }]"
+      />
+      <van-field
+        autocomplete="off"
+        v-model="qlrform.sjly"
+        style="display:none"
+      />
+      <van-popup v-model="showsjly" position="bottom" input-align="right">
+        <van-picker
+          show-toolbar
+          :columns="sjlyOptions"
+          value-key="dictLabel"
+          @confirm="onConfirmsjly"
+          @cancel="showsjly = false"
+        />
+      </van-popup>
+      <van-field
+        autocomplete="off"
+        v-model="qlrform.bz"
+        name="备注"
+        label="备注"
+        placeholder="备注"
+        input-align="right"
+      />
+    </div>
+      <div style="margin: 16px;" v-if="!isFinished">
+        <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+      </div>
+    </van-form>
+  </div>
+</template>
+
+<script>
+    import {listZjdzd,getQueryLand,getZjdzd,delZjdzdInfo,uploadFile,submitUploadImageList} from "@/api/homesteadSurvey/zjdzd";
+    import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";
+    import {addNhhncy, delNhhncy, exportNhhncy, getNhhncy, listNhhncy, updateNhhncy} from "@/api/homesteadSurvey/nhhncy";
+    import {listShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr";
+    import {listSuyqr,updateSuyqr,addSuyqr} from "@/api/homesteadSurvey/suyqr";
+    import {listZrz,getZrzZjdDmList,getZrz} from "@/api/homesteadSurvey/zrz";
+    import {listFsss,getFsssZjdDmList,getFsss} from "@/api/homesteadSurvey/fsss";
+    import {getGeoServerConfigKey} from "@/api/system/config";
+    import { listTown, getTown } from "@/api/homesteadSurvey/town";
+    import { listVillage} from "@/api/homesteadSurvey/village";
+    import {deptGetId,} from "@/api/homestead/index";
+    import $ from "jquery";
+    import {Dialog} from "vant";
+    import {ref} from "vue";
+    import axios from "axios";
+    export default {
+      name: "homesteadList",
+      data() {
+        return {
+          loading1:false,
+          finished1:false,
+          loading2:false,
+          finished2:false,
+          loading3:false,
+          finished3:false,
+          //全部
+          qbNums:0,
+          //已调查数量
+          yhcNums:0,
+          //未核查数量
+          whcNums:0,
+          // 总户数
+          totalH:0,
+          // 总人数
+          totalR:0,
+          zjdSx:true,
+          zrzSx :true,
+          fsssSx:true,
+          showhncysjly:false,
+          showhzsjly:false,
+          showhncycybz:false,
+          showhncyzjlx:false,
+          showhncyyhzgx:false,
+          showhzjzhcssfyzf:false,
+          showhncyoccupation:false,
+          showhncyjzqk:false,
+          showhzoccupation:false,
+          showhzjzqk:false,
+          // 下拉刷新
+          isLoadingnh:false,
+          countnh:0,
+          isLoadingzjd:false,
+          countqb:1,
+          countyhc:1,
+          countwhc:1,
+          // 使用权人表单弹出
+          shownh:false,
+          showhzht:false,
+          showhzlx:false,
+          showhncylist:false,
+          showhncy:false,
+          activeBtn:3,
+          value:'',
+          // 宅基地搜索框
+          zjdvalue:"",
+          // 使用权人搜索框
+          nhvalue:"",
+          active:2,
+          // 全部列表
+          list:[],
+          // 已核查列表
+          list1:[],
+          // 未核查列表
+          list2:[],
+          // 户主列表
+          nhlist:[],
+          // 户内成员表单
+          form5: {},
+          // 户内成员列表
+          hncylist:[],
+          currentRate:20,
+          // 使用权人
+          nhform:[],
+          // 户主列表
+          hzform:{},
+          // 权利人列表
+          qlrform:[],
+          // 权利人性质弹出框
+          showsuyqxz:false,
+          // 代理人证件类型弹出框
+          showdlrzjlx:false,
+          // 代表人证件类型弹出框
+          showdbrzjlx:false,
+          // 数据来源弹出框
+          showsjly:false,
+          // 证件类型字典
+          zjlxOptions: [],
+          // 所有权性质字典
+          suyqxzOption: [],
+          // 婚姻状况字典
+          hyzkOptions:[],
+          // 数据来源字典
+          sjlyOptions:[],
+          // 居住情况字典
+          jzqkOptions:[],
+          // 与户主关系字典
+          yhzgxOptions:[],
+          // 职业字典
+          occupationOptions:[],
+          // 集镇或城市是否有住房字典
+          jzhcssfyzfOptions:[],
+          // 成员备注字典
+          cybzOptions:[],
+          columns:[],
+          show1:false,
+          showhzzjlx: false,
+          // 路由传过来的任务基本信息。
+          item: {},
+          //地图使用 --start
+          openMap: false,
+          mapTheGeomZrzId: null,
+          mapTheGeomZjdId: null,
+          mapTheGeomFsssId: null,
+          drawInsert:null,
+          mapZjdData:"",
+          mapZrzData:"",
+          mapFsssData:"",
+          mapZjdDataTure:"",
+          mapZjdTeAll:{
+            active:"",
+            mapZjdAData:{},
+            mapZrzAData:{},
+            mapFsssAData:{},
+          },
+          mapHaDataValue:false,
+          mapHasDateStatus: 0, //0附属设施  1自然幢  2宅基地
+          selectionIconShow:false,
+          homesteadListStatus:false,
+          //地图绘制状态
+          draw: {
+            drawMapPolygon: false, //绘制地图
+          },
+          mapTownList: null,
+          mapVillageList: null,
+          coordinate:"",
+          checked:['zjdSx', 'zrzSx', 'fsssSx'],
+          checkAllMap: false,
+          sx:"",
+          drawingClick:true,
+          //搜索---start
+          seachText: "",
+          //搜索栏目-操作栏显隐
+          searchBarOperVisbile: false,
+          mapDataAll: [],
+          showSearch:false,
+          bottomHeight:'0px',
+          //搜索---end
+          //测面
+          textMjAll:"",
+          clickBbox:"",
+          textMjAllNum:"",
+          //核查
+          zjdHcDy:"",
+          //绘图
+          htZjdZrzFsss:"",
+          //筛选
+          checkAllFlag: true,
+          CheckedAllArr: [],//全选数组
+          dataForm: {
+            imageUrl: []
+          },
+          dataList: [["fsssSx"],["zjdSx"],["zrzSx"]],          //地图使用 --end
+          checkBoxAll:[],
+          //地图跳转存之
+          mapAddJump:"",
+          mapAddJumpNum:"",
+          nhdm:"",
+          backTheGeom:"",
+          //地图服务地址
+          mapGeoServerUrl:"",
+          backMap:"",
+          // 任务完成标记
+          //宅基地点击事件
+          mapXs: false,
+          mapClick:"",
+          isFinished:false,
+          //
+          showImageList:false,
+          uploadImgList:[],
+          uploadImgList1:[],
+          // 字典列表json
+          dictTypeList:null,
+        };
+      },
+      mounted(){
+      },
+      created(){
+        axios.get('../static/dictyType.json').then(res => {
+          this.dictTypeList = res.data
+          this.zjlxOptions = this.dictTypeList.zjlx;
+          this.suyqxzOptions = this.dictTypeList.qsxz;
+          this.sjlyOptions = this.dictTypeList.sjly;
+          this.hyzkOptions = this.dictTypeList.hyzk;
+          this.occupationOptions = this.dictTypeList.occupation;
+          this.jzqkOptions = this.dictTypeList.living_condition;
+          this.jzhcssfyzfOptions = this.dictTypeList.jzhcssfyzf;
+          this.cybzOptions = this.dictTypeList.member_remark;
+        })
+          this.getDicts("family_status").then(response => {
+            var arr = [];
+            response.data.forEach(function (item) {
+              if (item.dictLabel !== '户主') {
+                arr.push(item)
+              }
+            });
+            this.yhzgxOptions = arr;
+          });
+          if(this.$cookies.get("search") != null && this.$cookies.get("search") !="" && this.$cookies.get("search")!=undefined){
+            if(this.$cookies.get("search").activeBtn !=null){
+              if(this.$cookies.get("search").activeBtn == 4){
+                // if(location.href.indexOf("#reloaded")==-1){
+                //   location.href=location.href+"#reloaded";
+                //   location.reload();
+                // }
+                this.activeBtn = this.$cookies.get("search").activeBtn;
+                this.item = this.$cookies.get("item");
+                this.mapAddJump = this.$cookies.get("search").backMapZjdAData.deptId;
+                this.backTheGeom = this.$cookies.get("search").backMapZjdAData.theGeom;
+                this.mapZjdData = this.$cookies.get("search").backMapZjdAData;
+                this.mapZjdTeAll.mapZjdAData = this.$cookies.get("search").backMapZjdAData;
+                this.mapClick = this.mapZjdTeAll.mapZjdAData.zjddm;
+                this.mapXs =true;
+                this.zjdHcDy = 1;
+                this.mapZjdDataTure = 1;
+                this.mapAddJumpNum =1;
+                this.mapShow();
+                this.getZjdList();
+                this.getTotalHR();
+                if(this.item.taskStatus=="FINISHED"){
+                    this.isFinished = true
+                }else{
+                  this.isFinished = false
+                }
+              }
+            }else {
+              this.item = this.$cookies.get("item");
+              this.getZjdList();
+              this.getTotalHR();
+              if(this.item.taskStatus=="FINISHED"){
+                this.isFinished = true
+              }else{
+                this.isFinished = false
+              }
+            }
+          }else {
+            this.item = this.$cookies.get("item");
+            this.getZjdList();
+            this.getTotalHR();
+            if(this.item.taskStatus=="FINISHED"){
+              this.isFinished = true
+            }else{
+              this.isFinished = false
+            }
+          }
+      },
+      methods: {
+        showUploadList(){
+          this.showImageList = true;
+        },
+        submitUploadList(){
+          submitUploadImageList(this.uploadImgList1).then(res => {
+            let _this = this
+            this.$toast({
+              icon: 'success', // 找到自己需要的图标
+              message: '上传成功',
+              duration:"1000",
+              onClose:function(){
+                _this.showImageList = false
+              }
+            })
+          })
+        },
+        // 图片上传前
+        beforeReadImageList(file){
+          let _this = this
+          if(file.length!=undefined){
+            file.map(res => {
+              let zjddm = res.file.name
+              //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));
+              // 创建Canvas对象(画布)
+              let canvas =  document.createElement('canvas')
+              // 获取对应的CanvasRenderingContext2D对象(画笔)
+              let context = canvas.getContext('2d')
+              // 创建新的图片对象
+              let img = new Image()
+              // 指定图片的DataURL(图片的base64编码数据)
+              img.src = res.content
+              // 监听浏览器加载图片完成，然后进行进行绘制
+              img.onload = () => {
+                /*const h = img.height
+                const w = img.width*/
+                let ch = img.height/5
+                let cw = img.width/5
+                let canvas = document.createElement('canvas')
+                let ctx = canvas.getContext('2d')
+                canvas.height = ch
+                canvas.width = cw
+                ctx.clearRect(0,0,cw,ch)
+                ctx.drawImage(img,0,0,cw,ch)
+                let base_img = canvas.toDataURL('image/jpeg')
+                let blobBin = atob(base_img.split(',')[1])
+                let d = []
+                for (let i=0;i<blobBin.length;i++){
+                  d.push(blobBin.charCodeAt(i))
+                }
+                let data2 = new FormData();
+                data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+                uploadFile(data2).then(response => {
+                  let p={
+                    "zjddm":zjddm,
+                    "url":response.fileName
+                  }
+                  _this.uploadImgList1.push(p)
+                })
+              }
+            })
+          }else{
+            let zjddm = file.file.name
+            //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));
+            // 创建Canvas对象(画布)
+            let canvas =  document.createElement('canvas')
+            // 获取对应的CanvasRenderingContext2D对象(画笔)
+            let context = canvas.getContext('2d')
+            // 创建新的图片对象
+            let img = new Image()
+            // 指定图片的DataURL(图片的base64编码数据)
+            img.src = file.content
+            // 监听浏览器加载图片完成，然后进行进行绘制
+            img.onload = () => {
+              /*const h = img.height
+              const w = img.width*/
+              let ch = img.height/5
+              let cw = img.width/5
+              let canvas = document.createElement('canvas')
+              let ctx = canvas.getContext('2d')
+              canvas.height = ch
+              canvas.width = cw
+              ctx.clearRect(0,0,cw,ch)
+              ctx.drawImage(img,0,0,cw,ch)
+              let base_img = canvas.toDataURL('image/jpeg')
+              let blobBin = atob(base_img.split(',')[1])
+              let d = []
+              for (let i=0;i<blobBin.length;i++){
+                d.push(blobBin.charCodeAt(i))
+              }
+              let data2 = new FormData();
+              data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+              uploadFile(data2).then(response => {
+                let p={
+                  "zjddm":zjddm,
+                  "url":response.fileName
+                }
+                _this.uploadImgList1.push(p)
+              })
+            }
+          }
+
+        },
+        deleteFileImageList(file){
+          let url = file.file.name
+          this.uploadImgList1.map((res,index) => {
+            if(res.zjddm==url){
+              this.uploadImgList1.remove(index);
+            }
+          })
+        },
+        validatorIdcardqlr(val){
+          if(this.qlrform.dbrzjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        validatorIdcardnh(val){
+          if(this.nhform.hzzjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        validatorIdcardhncy(val){
+          if(this.form5.zjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        checkCode(val) {
+          var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
+          var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
+          var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
+          var code = val.substring(17);
+          if(p.test(val)) {
+            var sum = 0;
+            for(var i=0;i<17;i++) {
+              sum += val[i]*factor[i];
+            }
+            if(parity[sum % 11] == code.toUpperCase()) {
+              return true;
+            }
+          }
+          return false;
+        },
+        checkDate (val) {
+          var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)$/;
+          if(pattern.test(val)) {
+            var year = val.substring(0, 4);
+            var month = val.substring(4, 6);
+            var date = val.substring(6, 8);
+            var date2 = new Date(year+"-"+month+"-"+date);
+            if(date2 && date2.getMonth() == (parseInt(month) - 1)) {
+              return true;
+            }
+          }
+          return false;
+        },
+        checkProv(val) {
+          var pattern = /^[1-9][0-9]/;
+          var provs = {11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门"};
+          if(pattern.test(val)) {
+            if(provs[val]) {
+              return true;
+            }
+          }
+          return false;
+        },
+        vcheckID(val){
+          if(this.checkCode(val)) {
+            var date = val.substring(6,14);
+            if(this.checkDate(date)) {
+              if(this.checkProv(val.substring(0,2))) {
+                return true;
+              }
+            }
+          }
+          return false;
+        },
+        deleteZjd(item,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '将删除与此宅基地关联的使用权人，自然幢，房屋，附属设施等所有信息，同时删除后无法恢复，确认删除么？',
+          })
+            .then(() => {
+              // on confirm
+              delZjdzdInfo(item).then(res => {
+                if(res.code=="200"){
+                  if(this.active==1){
+                    this.list1.splice(index,1);
+                  }else if(this.active==2){
+                    this.list2.splice(index,1);
+                  }else{
+                    this.list.splice(index,1);
+                  }
+                }
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        //删除户主
+        deletenh(item,index){
+          let yes = true
+          let params={
+            nhdm : item.nhdm,
+            deptId: item.deptId
+          }
+          listNhhncy(params).then((res) => {
+            console.log(res.rows.length)
+            if(res.rows.length>0){
+              yes = false
+              this.$toast({
+                icon: 'error', // 找到自己需要的图标
+                message: '无法删除，此户主存在户内成员！',
+                duration:"1000",
+                onClose:function(){
+                }
+              })
+            }else{
+              listShyqr(params).then((res) => {
+                if(res.rows.length>0){
+                  yes = false
+                  this.$toast({
+                    icon: 'error', // 找到自己需要的图标
+                    message: '无法删除，此户主已经成为使用权人！',
+                    duration:"1000",
+                    onClose:function(){
+                    }
+                  })
+                }else{
+                  if(yes){
+                    Dialog.confirm({
+                      title: '警告',
+                      message: '确认删除此使用权人么？',
+                    })
+                      .then(() => {
+                        // on confirm
+                        delNh(item.id).then(res => {
+                          if(res.code=="200"){
+                            this.nhlist.splice(index,1);
+                            this.totalH--
+                            this.totalR--
+                          }
+                        })
+                      })
+                      .catch(() => {
+                        // on cancel
+                      });
+                  }
+                }
+              });
+            }
+          });
+
+        },
+        // 设为户主
+        setNh(item,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '此操作将删除原户主，并将此成员设为新户主，是否确认操作？',
+          })
+            .then(() => {
+              // on confirm
+              delNhhncy(item.id).then(res => {
+                if(res.code=="200"){
+                  this.hncylist.splice(index,1);
+                  this.totalR--
+                }
+              })
+              // 更新户主信息
+              let pnh = {
+                deptId : item.deptId,
+                nhdm : item.nhdm,
+                hzxm:item.xm,
+                hzzjlx :item.zjlx,
+                hzzjhm :item.zjhm
+              }
+              setNhInfo(pnh).then(res => {
+              })
+              // 更新使用权人
+              let psyqr = {
+                deptId : item.deptId,
+                nhdm : item.nhdm,
+                shyqrdbxm : item.xm,
+                shyqrdbzjlx : item.zjlx,
+                shyqrdbzjhm : item.zjhm,
+                xb : item.xb
+              }
+              setSyqrInfo(psyqr).then(res => {
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        //删除户内成员
+        deletehncy(id,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '删除后无法恢复，确认删除此成员么？',
+          })
+            .then(() => {
+              // on confirm
+              delNhhncy(id).then(res => {
+                if(res.code=="200"){
+                  this.hncylist.splice(index,1);
+                  this.totalR--
+                }
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        // 字数限制
+        limitWords(val){
+          if(val==null||val==""){
+            return "无"
+          }else{
+            if(val.length>11){
+              val = val.slice(0,10) +"..."
+            }
+            return val
+          }
+        },
+        // 与户主关系翻译
+        yhzgxfy(value){
+          let label
+          this.yhzgxOptions.map(res => {
+            if(res.dictValue == value){
+              label = res.dictLabel
+            }
+          })
+          return label
+        },
+        onRefreshzjd(){
+          this.isLoadingzjd = false;
+          let _this = this
+          if(this.active==1&&this.loading2){
+              let params = {
+                "deptId" : this.item.deptId,
+                "houseDataConfirmStatus" : "CONFIRMED",
+                "pageNum": this.countyhc+1,
+                "pageSize":10,
+              }
+              listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list1.length<response.total){
+                  response.rows.map(res => {
+                    this.list1.push(res)
+                  })
+                  this.countyhc++
+                  this.loading2 = false
+                }else{
+                  this.loading2 = false
+                  this.finished2 = true
+                }
+              });
+          }else if(this.active==2&&this.loading3){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "UNCONFIRMED",
+              "pageNum": this.countwhc+1,
+              "pageSize":10,
+            }
+            listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list2.length<response.total){
+                  response.rows.map(res => {
+                    this.list2.push(res)
+                  })
+                  this.countwhc++
+                  this.loading3 = false
+                }else{
+                  this.finished3 = true
+                }
+            });
+          }else if(this.active==0&&this.loading1){
+            let params = {
+              "deptId" : this.item.deptId,
+              "pageNum": this.countqb+1,
+              "pageSize":10,
+            }
+            listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list.length<response.total){
+                  response.rows.map(res => {
+                    _this.list.push(res)
+                  })
+                  this.countqb++
+                  this.loading1 = false
+                }else{
+                  this.finished1 = true
+                }
+            });
+          }
+        },
+        getTotalHR(){
+          let params = {
+            "deptId" : this.item.deptId,
+            "pageNum": 1,
+            "pageSize":10,
+          }
+          listNh(params).then((response) => {
+            if(response.rows.length>=0){
+              this.totalH = response.total
+            }
+            listNhhncy(params).then((res) => {
+              if(res.rows.length>=0){
+                this.totalR = res.total + this.totalH
+              }
+            });
+          });
+
+        },
+        onRefreshnh(){
+          this.isLoadingnh = false
+          let params = {
+            "deptId" : this.item.deptId,
+            "pageNum": this.countnh+1,
+            "pageSize":10,
+          }
+          listNh(params).then((response) => {
+            if(response.rows.length>0&&this.nhlist.length<response.total){
+              response.rows.map(res => {
+                this.nhlist.unshift(res)
+              })
+              this.countnh++
+            }
+          });
+        },
+        setCookies(item){
+          //this.$cookies.set("search",JSON.stringify(item));
+          this.$cookies.set("search","");
+          // let _this = this
+          // setTimeout(function(){
+          //   _this.$router.push({name:'homesteadAdd'});
+          // },1000)
+
+          this.$router.push({path:'/homesteadSurvey/add',query: {res: item}});
+        },
+        // 入户核查搜索框新增。
+        onClickzjd(){
+          this.$cookies.remove("search");
+          this.$router.push({name:'homesteadAdd'});
+        },
+        // 农户信息搜索框新增。
+        onClicknh(){
+          this.shownh = true;
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          this.qlrform={}
+          this.nhform={
+            "suyqrdm":null,
+            "deptId":this.item.deptId,
+            "hzzjlx":'01',
+            "hzzjlxName":"身份证",
+            "hyzk":'02',
+            "occupation":'1',
+            "occupationName":'务农',
+            "jzqk":'3',
+            "jzqkName":'常年居住',
+            "jzhcssfyzf":'1',
+            "jzhcssfyzfName":'无住房',
+            "zqtczsfyzf":'Y',
+            "sfbccm":'Y',
+            "sfpkh":'N',
+            "sfwbh":'N',
+            "sjly":'07',
+            "sjlyName":'农村集体产权制度改革',
+          }
+          listSuyqr(params).then((response) => {
+            if(response.rows.length>0){
+              this.qlrform = response.rows[0]
+              this.nhform.suyqrdm = this.qlrform.suyqrdm
+              this.nhform.txdz = response.rows[0].suyqrmc
+            }
+          });
+        },
+        // 返回
+        onClickLeft(){
+          this.$cookies.set("search","")
+          this.$router.push('/homesteadSurvey/index');
+        },
+        onConfirmhncysjly(value){
+          this.form5.sjlyName = value.dictLabel
+          this.form5.sjly = value.dictValue
+          this.showhncysjly= false
+        },
+        onConfirmhzsjly(value){
+          this.nhform.sjlyName = value.dictLabel
+          this.nhform.sjly = value.dictValue
+          this.showhzsjly= false
+        },
+        onConfirmhncycybz(value){
+          this.form5.cybzName = value.dictLabel
+          this.form5.cybz = value.dictValue
+          this.showhncycybz= false
+        },
+        onConfirmhzjzhcssfyzf(value){
+          this.nhform.jzhcssfyzfName = value.dictLabel
+          this.nhform.jzhcssfyzf = value.dictValue
+          this.showhzjzhcssfyzf= false
+        },
+        onConfirmhncyyhzgx(value){
+          this.form5.yhzgxName = value.dictLabel
+          this.form5.yhzgx = value.dictValue
+          this.showhncyyhzgx = false
+        },
+        onConfirmhncyzjlx(value){
+          this.form5.zjlxName = value.dictLabel
+          this.form5.zjlx = value.dictValue
+          this.showhncyzjlx = false
+        },
+        onConfirmhncyjzqk(value){
+          this.form5.jzqkName = value.dictLabel
+          this.form5.jzqk = value.dictValue
+          this.showhncyjzqk = false
+        },
+        onConfirmhzjzqk(value){
+          this.nhform.jzqkName = value.dictLabel
+          this.nhform.jzqk = value.dictValue
+          this.showhzjzqk = false
+        },
+        onConfirmhncyoccupation(value){
+          this.form5.occupationName = value.dictLabel
+          this.form5.occupation = value.dictValue
+          this.showhncyoccupation = false
+        },
+        onConfirmhzoccupation(value){
+          this.nhform.occupationName = value.dictLabel
+          this.nhform.occupation = value.dictValue
+          this.showhzoccupation = false
+        },
+        onConfirmhzzjlx(value){
+          this.nhform.hzzjlxName = value.dictLabel
+          this.nhform.hzzjlx = value.dictValue
+          this.showhzzjlx = false
+        },
+        onConfirmdbrzjlx(value){
+          this.qlrform.dbrzjlxName = value.dictLabel
+          this.qlrform.dbrzjlx = value.dictValue
+          this.showdbrzjlx = false
+        },
+        onConfirmsuyqxz(value){
+          this.qlrform.suyqxzName = value.dictLabel
+          this.qlrform.suyqxz = value.dictValue
+          this.showsuyqxz = false
+        },
+        onConfirmdlrzjlx(value){
+          this.qlrform.dlrzjlxName = value.dictLabel
+          this.qlrform.dlrzjlx = value.dictValue
+          this.showdlrzjlx = false
+        },
+        onConfirmsjly(value){
+          this.qlrform.sjlyName = value.dictLabel
+          this.qlrform.sjly = value.dictValue
+          this.showsjly = false
+        },
+        // 户主保存
+        onSubmitnh(){
+          if(this.nhform.id!=null){
+            updateNh(this.nhform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.getNh()
+                    let psyqr = {
+                      deptId : _this.nhform.deptId,
+                      nhdm : _this.nhform.nhdm,
+                      shyqrdbxm : _this.nhform.hzxm,
+                      shyqrdbzjlx : _this.nhform.hzzjlx,
+                      shyqrdbzjhm : _this.nhform.hzzjhm,
+                      dh : _this.nhform.phone,
+                      dz : _this.nhform.txdz
+                    }
+                    setSyqrInfo(psyqr).then(res => {
+                      _this.shownh = false
+                    })
+                  }
+                })
+              }
+            );
+          }else{
+            this.nhform.deptId = this.item.deptId
+            addNh(this.nhform).then(
+              response => {
+                this.totalR+=1
+                this.totalH+=1
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.shownh = false
+                    _this.getNh()
+                  }
+                })
+              }
+            );
+          }
+        },
+        // 所有权人保存
+        onSubmitsyqr(){
+          if(this.qlrform.id!=null){
+            updateSuyqr(this.qlrform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000"
+                })
+              }
+            );
+          }else{
+            this.qlrform.deptId = this.item.deptId
+            addSuyqr(this.qlrform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000"
+                })
+              }
+            );
+          }
+        },
+        // 查询所有权人
+        getSyqr(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          this.qlrform ={
+            "deptId":this.item.deptId,
+            "suyqxz":'40',
+            "suyqxzName":'集体土地所有权',
+            "dbrzjlx":'01',
+            "dbrzjlxName":'身份证',
+            "sfclncjtjjzz":'Y',
+            "sjly":'04',
+            "sjlyName":"农村宅基地使用权确权登记发证"
+          }
+          listSuyqr(params).then((response) => {
+            if(response.rows.length>0){
+              this.qlrform = response.rows[0]
+              if(this.qlrform.suyqxz==null||this.qlrform.suyqxz==""){
+                this.qlrform.suyqxz = "40"
+                this.qlrform.suyqxzName = "集体土地所有权"
+              }
+              if(this.qlrform.dbrzjlx==null||this.qlrform.dbrzjlx==""){
+                this.qlrform.dbrzjlx = "01"
+                this.qlrform.dbrzjlxName = "身份证"
+              }
+              if(this.qlrform.sfclncjtjjzz==null||this.qlrform.sfclncjtjjzz==""){
+                this.qlrform.sfclncjtjjzz = "Y"
+              }
+              if(this.qlrform.sjly==null||this.qlrform.sjly==""){
+                this.qlrform.sjly = "04"
+                this.qlrform.sjlyName = "农村宅基地使用权确权登记发证"
+              }
+              this.zjlxOptions.map(res => {
+                if(res.dictValue == this.qlrform.dbrzjlx){
+                  this.qlrform.dbrzjlxName = res.dictLabel
+                }
+                if(res.dictValue == this.qlrform.dlrzjlx){
+                  this.qlrform.dlrzjlxName = res.dictLabel
+                }
+              })
+              this.suyqxzOptions.map(res => {
+                if(res.dictValue == this.qlrform.suyqxz){
+                  this.qlrform.suyqxzName = res.dictLabel
+                }
+              })
+              this.sjlyOptions.map(res => {
+                if(res.dictValue == this.qlrform.sjly){
+                  this.qlrform.sjlyName = res.dictLabel
+                }
+              })
+            }
+          });
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        // 查询农户列表
+        getNh(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          listNh(params).then((response) => {
+            this.nhlist = response.rows
+            this.totalN = response.total
+          });
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        //调查
+        getDc(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        // 农户信息搜索框
+        onSearchnh(){
+          let params = {
+            "deptId" : this.item.deptId,
+            "nhValue" : this.nhvalue
+          }
+          listNh(params).then((response) => {
+            this.nhlist = response.rows
+          });
+        },
+        // 宅基地搜索框
+        onSearchzjd(){
+          if(this.active==1){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "CONFIRMED",
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list1 = response.rows
+              }
+            });
+          }else if(this.active==2){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "UNCONFIRMED",
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list2 = response.rows
+              }
+            });
+          }else{
+            let params = {
+              "deptId" : this.item.deptId,
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list = response.rows
+              }
+            });
+          }
+        },
+        // 户内成员弹窗
+        showPopuphncy(item){
+          this.showhncy = true
+          if(item.id==null||item.id==""){
+            this.form5 = {
+              "nhdm":this.nhdm,
+              "deptId":this.item.deptId,
+              "zjlx":'01',
+              "zjlxName":"身份证",
+              "yhzgx":"14",
+              "yhzgxName":"妻",
+              "hyzk":'02',
+              "hklx":'1',
+              "occupation":'1',
+              "occupationName":'务农',
+              "jzqk":'3',
+              "jzqkName":'常年居住',
+              "sfbjtjjzzcy":'Y',
+              "xb":'0',
+              "sfbccm":'Y',
+              "sfpkh":'N',
+              "sfwbh":'N',
+              "sjly":'07',
+              "sjlyName":'农村集体产权制度改革',
+              "cybz":'9',
+              "cybzName":'其他备注'
+            }
+          }else{
+            let _this = this
+            this.form5 = item
+            if(this.form5.nhdm==null||this.form5.nhdm==""){
+              this.form5.nhdm = this.nhform.nhdm
+            }
+            if(this.form5.deptId==null||this.form5.deptId==""){
+              this.form5.deptId = this.nhform.deptId
+            }
+            if(this.form5.zjlx==null||this.form5.zjlx==""){
+              this.form5.zjlx = "01"
+              this.form5.zjlxName = "身份证"
+            }
+            if(this.form5.yhzgx==null||this.form5.yhzgx==""){
+              this.form5.yhzgx = "14"
+              this.form5.yhzgxName = "妻"
+            }
+            if(this.form5.hyzk==null||this.form5.hyzk==""){
+              this.form5.hyzk = "02"
+            }
+            if(this.form5.hklx==null||this.form5.hklx==""){
+              this.form5.hklx = "1"
+            }
+            if(this.form5.occupation==null||this.form5.occupation==""){
+              this.form5.occupation = "1"
+              this.form5.occupationName = "务农"
+            }
+            if(this.form5.jzqk==null||this.form5.jzqk==""){
+              this.form5.jzqk = "3"
+              this.form5.jzqkName = "常年居住"
+            }
+            if(this.form5.sfbjtjjzzcy==null||this.form5.sfbjtjjzzcy==""){
+              this.form5.sfbjtjjzzcy = "Y"
+            }
+            if(this.form5.xb==null||this.form5.xb==""){
+              this.form5.xb = "0"
+            }
+            if(this.form5.sfbccm==null||this.form5.sfbccm==""){
+              this.form5.sfbccm = "Y"
+            }
+            if(this.form5.sfpkh==null||this.form5.sfpkh==""){
+              this.form5.sfpkh = "N"
+            }
+            if(this.form5.sfwbh==null||this.form5.sfwbh==""){
+              this.form5.sfwbh = "N"
+            }
+            if(this.form5.sjly==null||this.form5.sjly==""){
+              this.form5.sjly = "07"
+              this.form5.sjlyName = "农村集体产权制度改革"
+            }
+            if(this.form5.cybz==null||this.form5.cybz==""){
+              this.form5.cybz = "9"
+              this.form5.cybzName = "其他备注"
+            }
+            this.jzhcssfyzfOptions.map(res => {
+              if(res.dictValue == item.jzhcssfyzf){
+                this.form5.jzhcssfyzfName = res.dictLabel
+              }
+            })
+            this.zjlxOptions.map(res => {
+              if(res.dictValue == item.zjlx){
+                this.form5.zjlxName = res.dictLabel
+              }
+            })
+            this.occupationOptions.map(res => {
+              if(res.dictValue == item.occupation){
+                this.form5.occupationName = res.dictLabel
+              }
+            })
+            this.jzqkOptions.map(res => {
+              if(res.dictValue == item.jzqk){
+                this.form5.jzqkName = res.dictLabel
+              }
+            })
+            this.yhzgxOptions.map(res => {
+              if(res.dictValue == item.yhzgx){
+                this.form5.yhzgxName = res.dictLabel
+              }
+            })
+            this.cybzOptions.map(res => {
+              if(res.dictValue == item.cybz){
+                this.form5.cybzName = res.dictLabel
+              }
+            })
+            this.sjlyOptions.map(res => {
+              if(res.dictValue == item.sjly){
+                this.form5.sjlyName = res.dictLabel
+              }
+            })
+          }
+        },
+        // 户内成员列表
+        showPopuphncylist(item){
+          if(item.nhdm==null||item.nhdm==""){
+            this.$toast({
+              icon: 'error', // 找到自己需要的图标
+              message: '请先保存户主信息',
+              duration:"1000"
+            })
+          }else{
+            this.nhdm = item.nhdm
+            this.showhncylist =  true
+            let params = {
+              "nhdm":item.nhdm,
+              "deptId":this.item.deptId
+            }
+            listNhhncy(params).then((response) => {
+              if (response.code == 200) {
+                this.hncylist = response.rows
+              }
+            });
+          }
+
+        },
+        showPopupnh(item){
+          this.shownh = true
+          this.nhform = item
+          this.jzhcssfyzfOptions.map(res => {
+            if(res.dictValue == item.jzhcssfyzf){
+              this.nhform.jzhcssfyzfName = res.dictLabel
+            }
+          })
+          this.zjlxOptions.map(res => {
+            if(res.dictValue == item.hzzjlx){
+              this.nhform.hzzjlxName = res.dictLabel
+            }
+          })
+          this.occupationOptions.map(res => {
+            if(res.dictValue == item.occupation){
+              this.nhform.occupationName = res.dictLabel
+            }
+          })
+          this.jzqkOptions.map(res => {
+            if(res.dictValue == item.jzqk){
+              this.nhform.jzqkName = res.dictLabel
+            }
+          })
+          this.sjlyOptions.map(res => {
+            if(res.dictValue == item.sjly){
+              this.nhform.sjlyName = res.dictLabel
+            }
+          })
+        },
+      getZjdList(){
+         let params = {
+           "deptId" : this.item.deptId,
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params).then((response) => {
+           if (response.code == 200) {
+             this.list = response.rows
+             this.qbNums = response.total
+   /*          if(response.rows.length>=10){
+               this.list = newList.slice(0,9)
+             }else {
+               this.list = newList
+             }
+             this.yhcNums = 0
+             this.whcNums = 0
+             this.list1 = []
+             this.list2 = []
+             response.rows.map(res => {
+               if(res.houseDataConfirmStatus == 'CONFIRMED'){
+                 if(this.list1.length<10){
+                   this.list1.push(res)
+                 }
+                 this.yhcNums ++
+               }else{
+                 if(this.list2.length<10){
+                   this.list2.push(res)
+                 }
+                 this.whcNums ++
+               }
+             })*/
+
+           }
+         });
+         let params1 = {
+           "deptId" : this.item.deptId,
+           "houseDataConfirmStatus" : "CONFIRMED",
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params1).then((response) => {
+           if (response.code == 200) {
+             this.yhcNums = response.total
+             this.list1 = response.rows
+           }
+         });
+         let params2 = {
+           "deptId" : this.item.deptId,
+           "houseDataConfirmStatus" : "UNCONFIRMED",
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params2).then((response) => {
+           if (response.code == 200) {
+             this.whcNums = response.total
+             this.list2 = response.rows
+           }
+         });
+        },
+        onConfirm(){},
+        /*onSubmithncy(){
+          if (this.form5.id != null) {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+
+            } else {
+              if(this.form5.xb=='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }
+          } else {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          _this.totalR+=1
+                          _this.totalH+=1
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      _this.totalR+=1
+                      _this.totalH+=1
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+
+            } else {
+              if(this.form5.xb=='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          _this.totalR+=1
+                          _this.totalH+=1
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      _this.totalR+=1
+                      _this.totalH+=1
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }
+
+          }
+        },*/
+        onSubmithncy(){
+          if (this.form5.id != null) {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
+              if(this.form5.xb!='0'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }else{
+              updateNhhncy(this.form5).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.showhncy = false
+                    let params = {
+                      "nhdm":_this.form5.nhdm,
+                      deptId:_this.form5.deptId
+                    }
+                    listNhhncy(params).then((response) => {
+                      _this.hncylist = response.rows
+                    })
+                  }
+                })
+              });
+            }
+          } else {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.totalR+=1
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.totalR+=1
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
+              if(this.form5.xb!='0'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.totalR+=1
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.totalR+=1
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }else{
+              addNhhncy(this.form5).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.totalR+=1
+                    _this.showhncy = false
+                    let params = {
+                      "nhdm":_this.form5.nhdm,
+                      deptId:_this.form5.deptId
+                    }
+                    listNhhncy(params).then((response) => {
+                      _this.hncylist = response.rows
+                    })
+                  }
+                })
+              });
+            }
+
+          }
+        },
+        mapShow() {
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          //通过数据直接查询方式--------加载较慢 start
+          //镇边界获取
+          // listTown().then(response => {
+          //   if (response.code == 200) {
+          //     this.mapTownList = response.rows;
+          //     //村边界获取
+          //     listVillage(this.queryParams).then(response => {
+          //       this.mapVillageList = response.rows;
+          //       listZjdzd().then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomZjdId= response.rows;
+          //           listZrz().then((response) => {
+          //             if (response.code == 200) {
+          //               this.mapTheGeomZrzId = response.rows;
+          //               listFsss().then((response) => {
+          //                 if (response.code == 200) {
+          //                   this.mapTheGeomFsssId = response.rows;
+          //                 }
+          //                 setTimeout(() => {
+          //                   this.GetMapsInit();
+          //                 }, 300);
+          //               });
+          //             }
+          //           });
+          //         }
+          //       });
+          //     });
+          //   }
+          // });
+          //通过数据直接查询方式--------加载较慢 end
+          getGeoServerConfigKey().then(response => {
+            this.mapGeoServerUrl = response.msg;
+            setTimeout(() => {
+              this.GetMapsInit();
+            }, 300);
+          });
+          var that = this;
+          setTimeout(function () {
+            var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+            that.bottomHeight = -height+'px'
+          },500)
+        },
+        //地图加载 -----start
+        GetMapsInit() {
+
+          //加载地图编辑
+          var that = this;
+          var map;
+          //点击事件添加样式
+          var hc_land_on;
+          document.getElementById("mapWrapAll").innerHTML = '';
+          var hc_land;
+          var projection = new ol.proj.Projection({
+            //地图投影类型
+            code: "EPSG:3857",
+            units: "degrees",
+            //extent:extent
+          });
+
+          var aerial = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              // url: "http://t0.tianditu.gov.cn/img_w/wmts?" +
+              //   "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
+              //   "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
+              url: "http://t{0-7}.tianditu.com/img_w/wmts?" +
+                "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
+                "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
+            }),
+            isGroup: true,
+            name: "卫星影像图",
+          });
+
+          var yingxzi = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              url: "http://t{0-7}.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk= ",
+            }),
+            isGroup: true,
+            name: "天地图文字标注--卫星影像图",
+          });
+
+          //加载地图
+          map = new ol.Map({
+            controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+            layers: [aerial, yingxzi],
+            projection: projection,
+            target: "mapWrapAll",
+            view: new ol.View({
+              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+              zoom: 10,
+              minZoom: 5, //地图缩小限制
+              maxZoom: 18.3, //地图放大限制
+              resolution: Math.random() * 0.00000001,
+            }),
+            interactions: ol.interaction.defaults({
+              pinchRotate: false // 移动端禁止地图旋转
+            }),
+          });
+          //使用geoserver服务查询开始 -------------------start
+          //镇边界查询开始 ------------------------------start
+          // var zhenTc= new ol.layer.Tile({
+          //   source: new ol.source.TileWMS({
+          //     url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_border_town',
+          //       TILED: true,
+          //       //cql_filter: cql_filter,
+          //       SRID: 3857,
+          //     },
+          //   }),
+          // });
+          // map.addLayer(zhenTc);
+          //镇边界查询开始 ------------------------------end
+          //村边界查询开始 ------------------------------start
+          var cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'";
+          var cunTc = new ol.layer.Image({
+            source: new ol.source.ImageWMS({
+              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+              params: {
+                LAYERS: 'zjd_dc:t_house_survey_border_village',
+                TILED: true,
+                cql_filter: cql_filter,
+                SRID: 3857,
+                TIMESTAMP: new Date().getTime(),
+              },
+              resolution: Math.random() * 0.00000001,
+            }),
+          });
+          // //定位查询位置
+          // let param_dw = {
+          //   srsName: "EPSG:3857",
+          //   service: "WFS",
+          //   version: "1.0.0",
+          //   request: "GetFeature",
+          //   typename: "zjd_dc:t_house_survey_border_village",
+          //   //featureNS: 'nsgk_hc',//命名空间 URI
+          //   cql_filter: cql_filter,
+          //   //featurePrefix: 'nationalwater',//工作区名称
+          //   //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+          //   outputFormat: "application/json",
+          //   //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+          // };
+          // let url_dw = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;
+          // url_dw = url_dw + "?";
+          // for (let key in param_dw) {
+          //   url_dw = url_dw + key + "=" + param_dw[key] + "&";
+          // }
+          // url_dw = url_dw.substr(0, url_dw.length - 1);
+          // fetch(url_dw, {
+          //   method: "POST", // *GET, POST, PUT, DELETE, etc.
+          // })
+          //   .then((res) => {
+          //     var geojsonmap = res.json();
+          //     return geojsonmap;
+          //   })
+          //   .then((data) => {
+          //     if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {
+          //       //自然幢图层查询开始 ------------------start
+          //       var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";
+          //       zrzTc = new ol.layer.Image({
+          //         source: new ol.source.ImageWMS({
+          //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //           params: {
+          //             LAYERS: 'zjd_dc:t_house_survey_zrz',
+          //             TILED: true,
+          //             cql_filter: cql_filter_map,
+          //             SRID: 3857,
+          //             TIMESTAMP: new Date().getTime(),
+          //           },
+          //         }),
+          //       });
+          //       map.addLayer(zrzTc);
+          //       //自然幢图层查询开始 ------------------start
+          //       //附属设施图层查询开始 ------------------start
+          //       //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+          //       fsssTc = new ol.layer.Image({
+          //         source: new ol.source.ImageWMS({
+          //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //           params: {
+          //             LAYERS: 'zjd_dc:t_house_survey_fsss',
+          //             TILED: true,
+          //             cql_filter: cql_filter_map,
+          //             SRID: 3857,
+          //             TIMESTAMP: new Date().getTime(),
+          //           },
+          //         }),
+          //       });
+          //       map.addLayer(fsssTc);
+          //       //附属设施图层查询开始 ------------------end
+          //       hc_land_on = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),
+          //         }),
+          //         style: new ol.style.Style({
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#CCFF66",
+          //             width: 6,
+          //           }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land_on);
+          //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+          //       //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       that.clickBbox = center;
+          //       console.log(that.mapZjdData);
+          //       that.textMjAll = that.mapZjdData.zdmj;
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 17.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //       //this.backMap =1;
+          //     } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {
+          //       //that.newHt ="1";
+          //       var zbNew = JSON.stringify({
+          //         "type": "MultiPolygon",
+          //         "coordinates": [that.backTheGeom.replaceAll("\"", "")]
+          //       });
+          //       var leftJoin = zbNew.replace("\"[", "[");
+          //       var rightJoin = leftJoin.replace("\"]", "]");
+          //       hc_land_on = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + rightJoin + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "rgba(204, 255, 204,0.3)",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#CCFF66",
+          //             width: 3,
+          //           }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land_on);
+          //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+          //       //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       that.clickBbox = center;
+          //       that.textMjAll = that.mapZjdData.zdmj;
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 16.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //       //this.backMap =1;
+          //     } else {
+          //       //通过村界大小视图显示
+          //       // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+          //       // resolution:resolution + Math.random() * 0.00000001,
+          //       // map.getView().fit(data.bbox);
+          //       // map.getView().setResolution(resolution);
+          //       // //初始视图大小控制
+          //       // map.getView().setZoom(16.0);
+          //       console.log(data);
+          //       console.log(data.features[0].geometry.coordinates[0][0][0]);
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: data.features[0].geometry.coordinates[0][0][0], // 中心点
+          //         zoom: 16.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //     }
+          //   })
+          //   .catch((error) => {
+          //     console.log("【异常】", error);
+          //   });
+          map.addLayer(cunTc);
+          //村边界查询开始 ------------------------------end
+          //国有数据加载-----------------------------------start
+          deptGetId(that.$cookies.get("item").deptId).then((res) => {
+            var cql_filter_guoyou = "ZLDWDM='" + res.data.orgCode + "0000000'";
+            var guoyouTc = new ol.layer.Image({
+              source: new ol.source.ImageWMS({
+                url: that.mapGeoServerUrl + "/geoserver/zjd_gydl/wms",
+                params: {
+                  LAYERS: 'zjd_gydl:DLTB',
+                  TILED: true,
+                  cql_filter: cql_filter_guoyou,
+                  SRID: 3857,
+                  TIMESTAMP: new Date().getTime(),
+                },
+              }),
+            });
+            map.addLayer(guoyouTc);
+          });
+          //国有数据加载----------------------------------end
+          //宅基地图层查询开始 ------------------start
+          //var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'";
+          var zjdTc = new ol.layer.Image({
+            source: new ol.source.ImageWMS({
+              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+              params: {
+                LAYERS: 'zjd_dc:t_house_survey_zjdzd',
+                TILED: true,
+                cql_filter: cql_filter,
+                SRID: 3857,
+                TIMESTAMP: new Date().getTime(),
+              },
+            }),
+          });
+          //定位查询位置
+          let param_zjdzd = {
+            srsName: "EPSG:3857",
+            service: "WFS",
+            version: "1.0.0",
+            request: "GetFeature",
+            typename: "zjd_dc:t_house_survey_zjdzd",
+            //featureNS: 'nsgk_hc',//命名空间 URI
+            cql_filter: cql_filter,
+            //featurePrefix: 'nationalwater',//工作区名称
+            //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+            outputFormat: "application/json",
+            maxFeatures:1,
+            //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+          };
+          let url_zjdzd = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;
+          url_zjdzd = url_zjdzd + "?";
+          for (let key in param_zjdzd) {
+            url_zjdzd = url_zjdzd + key + "=" + param_zjdzd[key] + "&";
+          }
+          url_zjdzd = url_zjdzd.substr(0, url_zjdzd.length - 1);
+          fetch(url_zjdzd, {
+            method: "POST", // *GET, POST, PUT, DELETE, etc.
+          })
+            .then((res) => {
+              var geojsonmap = res.json();
+              return geojsonmap;
+            })
+            .then((data) => {
+              if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {
+                //自然幢图层查询开始 ------------------start
+                var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";
+                zrzTc = new ol.layer.Image({
+                  source: new ol.source.ImageWMS({
+                    url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                    params: {
+                      LAYERS: 'zjd_dc:t_house_survey_zrz',
+                      TILED: true,
+                      cql_filter: cql_filter_map,
+                      SRID: 3857,
+                      TIMESTAMP: new Date().getTime(),
+                    },
+                  }),
+                });
+                map.addLayer(zrzTc);
+                //自然幢图层查询开始 ------------------start
+                //附属设施图层查询开始 ------------------start
+                //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                fsssTc = new ol.layer.Image({
+                  source: new ol.source.ImageWMS({
+                    url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                    params: {
+                      LAYERS: 'zjd_dc:t_house_survey_fsss',
+                      TILED: true,
+                      cql_filter: cql_filter_map,
+                      SRID: 3857,
+                      TIMESTAMP: new Date().getTime(),
+                    },
+                  }),
+                });
+                map.addLayer(fsssTc);
+                //附属设施图层查询开始 ------------------end
+                hc_land_on = new ol.layer.Vector({
+                  title: "add Layer",
+                  source: new ol.source.Vector({
+                    projection: projection,
+                    features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),
+                  }),
+                  style: new ol.style.Style({
+                    stroke: new ol.style.Stroke({
+                      //边界样式
+                      color: "#CCFF66",
+                      width: 6,
+                    }),
+                  }),
+                });
+                map.addLayer(hc_land_on);
+                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                //定位查询位置
+                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                that.clickBbox = center;
+                console.log(that.mapZjdData);
+                that.textMjAll = that.mapZjdData.zdmj;
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: center, // 中心点
+                  zoom: 17.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+                //this.backMap =1;
+              } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {
+                //that.newHt ="1";
+                var zbNew = JSON.stringify({
+                  "type": "MultiPolygon",
+                  "coordinates": [that.backTheGeom.replaceAll("\"", "")]
+                });
+                var leftJoin = zbNew.replace("\"[", "[");
+                var rightJoin = leftJoin.replace("\"]", "]");
+                hc_land_on = new ol.layer.Vector({
+                  title: "add Layer",
+                  source: new ol.source.Vector({
+                    projection: projection,
+                    features: new ol.format.GeoJSON().readFeatures("{\n" +
+                      "    \"type\": \"Feature\",\n" +
+                      "    \"geometry\":" + rightJoin + "}"),
+                  }),
+                  style: new ol.style.Style({
+                    fill: new ol.style.Fill({
+                      //矢量图层填充颜色，以及透明度
+                      color: "rgba(204, 255, 204,0.3)",
+                    }),
+                    stroke: new ol.style.Stroke({
+                      //边界样式
+                      color: "#CCFF66",
+                      width: 3,
+                    }),
+                  }),
+                });
+                map.addLayer(hc_land_on);
+                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                //定位查询位置
+                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                that.clickBbox = center;
+                that.textMjAll = that.mapZjdData.zdmj;
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: center, // 中心点
+                  zoom: 16.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+                //this.backMap =1;
+              } else {
+                //通过村界大小视图显示
+                // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+                // resolution:resolution + Math.random() * 0.00000001,
+                // map.getView().fit(data.bbox);
+                // map.getView().setResolution(resolution);
+                // //初始视图大小控制
+                // map.getView().setZoom(16.0);
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: data.features[0].geometry.coordinates[0][0][0], // 中心点
+                  zoom: 15.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+              }
+            })
+            .catch((error) => {
+              console.log("【异常】", error);
+            });
+          map.addLayer(zjdTc);
+          //宅基地图层查询开始 ------------------start
+          var zrzTc;
+          // //自然幢图层查询开始 ------------------start
+          // var zrzTc = new ol.layer.Image({
+          //   source: new ol.source.ImageWMS({
+          //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_zrz',
+          //       TILED: true,
+          //       cql_filter: cql_filter,
+          //       SRID: 3857,
+          //       TIMESTAMP: new Date().getTime(),
+          //     },
+          //   }),
+          // });
+          // map.addLayer(zrzTc);
+          // //自然幢图层查询开始 ------------------start
+          //
+          var fsssTc;
+          // //附属设施图层查询开始 ------------------start
+          // var fsssTc = new ol.layer.Image({
+          //   source: new ol.source.ImageWMS({
+          //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_fsss',
+          //       TILED: true,
+          //       cql_filter: cql_filter,
+          //       SRID: 3857,
+          //       TIMESTAMP: new Date().getTime(),
+          //     },
+          //   }),
+          // });
+          // map.addLayer(fsssTc);
+          // //附属设施图层查询开始 ------------------start
+          //使用geoserver服务查询开始 -------------------end
+        //   if(this.backMap ==1){
+        //   var cql = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + this.mapZjdTeAll.mapZjdAData.zjddm + "'";
+        //   var wmsSourceBack = new ol.source.ImageWMS({
+        //     crossOrigin: 'anonymous',
+        //     params: {
+        //       LAYERS: 'zjd_dc:t_house_survey_all',
+        //       'VERSION': '1.1.0',
+        //       'FORMAT': "image/png",
+        //       'CQL_FILTER': cql
+        //     },
+        //     serverType: 'geoserver',
+        //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+        //   });
+        //   zjdTc.setSource(wmsSourceBack);
+        //   ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新
+        // }
+          //数据库直接加载数据渲染方式---------------------------------------------------start
+          //判断当前账套是否有数据
+          // var mapTalkAbout = true;
+          // //获取镇界线----start
+          // if(this.mapTownList.length >0){
+          //   for (var i = 0; this.mapTownList.length > i; i++) {
+          //     if (this.mapTownList[i] != null && this.mapTownList[i].theGeom != null && this.mapTownList[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapTownList[i].createBy = 'mapTownList';
+          //       var theGeomLine= this.mapTownList[i].theGeom.replaceAll("MultiPolygon","LineString");
+          //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");
+          //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapTownList[i]) + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#FF0000",
+          //             width: 3,
+          //           }),
+          //           // text: new ol.style.Text({
+          //           //   text: this.mapTownList[i].xzqmc,
+          //           //   font: '30px sans-serif',
+          //           //   textAlign: "center",
+          //           //   textBaseline: "middle",
+          //           //   //font: 'verdana',
+          //           //   fill: new ol.style.Fill({
+          //           //     color: "#ff0000"
+          //           //   }),
+          //           //   // backgroundFill: new ol.style.Fill({
+          //           //   //   color: "#ff0000"
+          //           //   // }),
+          //           //   font: "30px sans-serif",
+          //           //   stroke: new ol.style.Stroke({
+          //           //     color: "#ffffff"
+          //           //     // width: 3
+          //           //   }),
+          //           //   offsetX: parseInt(0, 10),
+          //           //   offsetY: parseInt(0, 10),
+          //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注
+          //           //   overflow: false //超出面的部分不显示
+          //           //}),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land);
+          //       //console.log(hc_land.values_.source.featuresRtree_.rbush_.data);
+          //       var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+          //       // //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       // console.log(center);
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 9.8, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //       });
+          //     }
+          //   }
+          // }
+          // //获取镇界线----end
+          // //获取村界线----start
+          // if(this.mapVillageList.length >0){
+          //   for (var i = 0; this.mapVillageList.length > i; i++) {
+          //     if (this.mapVillageList[i] != null && this.mapVillageList[i].theGeom != null && this.mapVillageList[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapVillageList[i].createBy = 'mapVillageList';
+          //       var theGeomLine= this.mapVillageList[i].theGeom.replaceAll("MultiPolygon","LineString");
+          //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");
+          //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapVillageList[i]) + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#ff00ff",
+          //             width: 3,
+          //           }),
+          //           // text: new ol.style.Text({
+          //           //   text: this.mapVillageList[i].dcmj,
+          //           //   font: '30px sans-serif',
+          //           //   textAlign: "center",
+          //           //   textBaseline: "middle",
+          //           //   //font: 'verdana',
+          //           //   fill: new ol.style.Fill({
+          //           //     color: "#ff00ff"
+          //           //   }),
+          //           //   // backgroundFill: new ol.style.Fill({
+          //           //   //   color: "#ff0000"
+          //           //   // }),
+          //           //   font: "30px sans-serif",
+          //           //   stroke: new ol.style.Stroke({
+          //           //     color: "#ffffff"
+          //           //     // width: 3
+          //           //   }),
+          //           //   offsetX: parseInt(0, 10),
+          //           //   offsetY: parseInt(0, 10),
+          //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注
+          //           //   overflow: false //超出面的部分不显示
+          //           // }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land);
+          //     }
+          //   }
+          // }
+          // // //获取村界线----end
+          // //宅基地定位开始 ---------start
+          // if(this.mapTheGeomZjdId.length >0) {
+          //   for (var i = 0; this.mapTheGeomZjdId.length > i; i++) {
+          //     if (this.mapTheGeomZjdId[i] !=null && this.mapTheGeomZjdId[i].theGeom != null && this.mapTheGeomZjdId[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapTheGeomZjdId[i].createBy = 'mapTheGeomZjdId';
+          //       var styleYqr = "";
+          //       if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //         styleYqr = new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#28FF28",
+          //             width: 3,
+          //           }),
+          //         });
+          //       } else {
+          //         styleYqr = new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "rgba(255, 45, 45,1)",
+          //             width: 3,
+          //           }),
+          //         });
+          //       }
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + this.mapTheGeomZjdId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZjdId[i]) + "}"),
+          //         }),
+          //         style: styleYqr
+          //       });
+          //       map.addLayer(hc_land);
+          //       // var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       // var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       // var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+          //       // var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+          //       // //定位查询位置
+          //       // var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       // map.getView().animate({
+          //       //   // 只设置需要的属性即可
+          //       //   center: center, // 中心点
+          //       //   zoom: 15.8, // 缩放级别
+          //       //   rotation: undefined, // 缩放完成view视图旋转弧度
+          //       //   duration: 1000, // 缩放持续时间，默认不需要设置
+          //       // });
+          //       //自然幢定位开始 ---------start
+          //       getZrzZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomZrzId = response.data;
+          //           if(this.mapTheGeomZrzId.length >0) {
+          //             for (var i = 0; this.mapTheGeomZrzId.length > i; i++) {
+          //               if (this.mapTheGeomZrzId[i] !=null && this.mapTheGeomZrzId[i].theGeom != null && this.mapTheGeomZrzId[i].theGeom != "") {
+          //                 this.mapTheGeomZrzId[i].createBy = 'mapTheGeomZrzId';
+          //                 var styleZrz = "";
+          //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //                   styleZrz = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#FFD306",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "#28FF28",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 } else {
+          //                   styleZrz = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#FFD306",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "rgba(255, 45, 45,1)",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 }
+          //                 hc_land = new ol.layer.Vector({
+          //                   title: "add Layer",
+          //                   source: new ol.source.Vector({
+          //                     projection: projection,
+          //                     features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //                       "    \"type\": \"Feature\",\n" +
+          //                       "    \"geometry\":" + this.mapTheGeomZrzId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZrzId[i]) + "}"),
+          //                   }),
+          //                   style: styleZrz
+          //                 });
+          //                 map.addLayer(hc_land);
+          //               }
+          //             }
+          //           }
+          //         }
+          //       });
+          //       //自然幢定位结束 ---------end
+          //
+          //       //附属设施定位开始 ---------start
+          //       getFsssZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomFsssId = response.data;
+          //           if(this.mapTheGeomFsssId.length >0) {
+          //             for (var i = 0; this.mapTheGeomFsssId.length > i; i++) {
+          //               if (this.mapTheGeomFsssId[i] !=null && this.mapTheGeomFsssId[i].theGeom != null && this.mapTheGeomFsssId[i].theGeom != "") {
+          //                 this.mapTheGeomFsssId[i].createBy = 'mapTheGeomFsssId';
+          //                 var styleFsss = "";
+          //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //                   styleFsss = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#00FFFF",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "#28FF28",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 } else {
+          //                   styleFsss = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#00FFFF",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "rgba(255, 45, 45,1)",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 }
+          //                 hc_land = new ol.layer.Vector({
+          //                   title: "add Layer",
+          //                   source: new ol.source.Vector({
+          //                     projection: projection,
+          //                     features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //                       "    \"type\": \"Feature\",\n" +
+          //                       "    \"geometry\":" + this.mapTheGeomFsssId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomFsssId[i]) + "}"),
+          //                   }),
+          //                   style: styleFsss
+          //                 });
+          //                 map.addLayer(hc_land);
+          //               }
+          //             }
+          //           }
+          //         }
+          //       });
+          //       //附属设施定位结束 ---------end
+          //     }
+          //   }
+          // }
+          // //宅基地定位结束 ---------end
+          //数据库直接加载数据渲染方式---------------------------------------------------end
+
+          //地图操作定义------------start
+          //定位定义------------start
+          var Zb;
+          var latitude;
+          var longitude;
+          var vector_drawing;
+          //定位定义------------end
+
+          //绘图定义---------------start
+          var drawing;
+          var draw_map;
+          //绘图定义---------------end
+
+          //测面绘图定义------------start
+          var draw_cm;
+          //定义矢量图层
+          var vector;
+          //创建一个帮助提示信息对象
+          var helpTooltip;
+          //创建一个测量提示信息对象
+          var measureTooltip;
+          //创建一个帮助提示框对象
+          var helpTooltipElement;
+          //测出距离
+          var measureTooltipElement;
+          //测面绘图定义-----------end
+
+          //地图操作定义------------end
+          //定位当前位置 ------start
+          $("#dwMapAll").on("click", function () {
+            //删除测量记录操作--------start
+            //将矢量图层从图中删除
+            //map.removeLayer(helpTooltip);
+            map.removeLayer(vector);
+            map.removeInteraction(draw_cm);
+            //map.removeOverlay(helpTooltipElement);
+            //map.removeLayer(measureTooltip);
+            //删除测量记录操作--------end
+            //删除绘制图层画图操作-------start
+            map.removeInteraction(draw_map);
+            map.removeLayer(drawing);
+            //删除绘制图层画图操作-------end
+
+            //开始定位当前位置
+            navigator.geolocation.getCurrentPosition(function(position) {
+              latitude = position.coords.latitude;// 获取纬度
+              longitude = position.coords.longitude;// 获取经度
+            });
+            if(latitude !=null && longitude !=null && latitude !="" && longitude !="" && latitude !=undefined && longitude !=undefined ){
+              Zb = [longitude,latitude];
+            }else {
+              Zb =[115.452752, 31.789033];
+            }
+            //获取坐标点LocationManager
+            // geoGps().then(response => {
+            //
+            // });
+            //矢量标注样式设置函数，设置image为图标ol.style.Icon
+            function createLabelStyle() {
+              return new ol.style.Style({
+                image: new ol.style.Icon({
+                  //设置图标偏移
+                  anchor: [0.5, 1],
+                  //标注样式的起点位置
+                  anchorOrigin: "top-right",
+                  //X方向单位：分数
+                  anchorXUnits: "fraction",
+                  //Y方向单位：像素
+                  anchorYUnits: "pixels",
+                  //偏移起点位置的方向
+                  offsetOrigin: "top-right",
+                  //透明度
+                  opacity: 0.9,
+                  //图片路径
+                  src: require("../../assets/images/housesteadSurvey/mark.png"),
+                }),
+                text: new ol.style.Text({
+                  textAlign: "center", //位置
+                  textBaseline: "middle", //基准线
+                  font: "normal 12px 微软雅黑", //文字样式
+                  //text: "标注点", //文本内容
+                  fill: new ol.style.Fill({
+                    //文本填充样式（即文字颜色)
+                    color: "#ff0000",
+                  }),
+                }),
+                zIndex: 9999,
+              });
+            }
+            var newcenterFeature = new ol.Feature({
+              geometry: new ol.geom.Point(ol.proj.fromLonLat(Zb)), //几何信息
+              name: "标注点",
+            });
+            var sourceMapLook = new ol.source.Vector({wrapX: false});
+            vector_drawing = new ol.layer.Vector({
+              source: sourceMapLook,
+            });
+            map.addLayer(vector_drawing);
+            newcenterFeature.setStyle(createLabelStyle()); //设置要素样式
+            sourceMapLook.addFeature(newcenterFeature);
+            map.getView().animate({
+              // 只设置需要的属性即可
+              center: ol.proj.fromLonLat(Zb), // 中心点
+              zoom: 17.8, // 缩放级别
+              rotation: undefined, // 缩放完成view视图旋转弧度
+              duration: 1000, // 缩放持续时间，默认不需要设置
+              resolution:Math.random() * 0.00000001,
+            });
+          });
+          //定位当前位置 ------end
+
+          //开始绘制图层- -----start
+          $("#htMapAll").on("click", function () {
+            if(that.drawingClick) {
+              that.drawingClick=false;
+              //删除之前 测距操作添加map中的绘图  --------start
+              //map.removeLayer(helpTooltip);
+              map.removeLayer(vector);
+              map.removeInteraction(draw_cm);
+              //map.removeOverlay(helpTooltipElement);
+              map.removeLayer(measureTooltipElement);
+              //删除之前 测距操作添加map中的绘图  --------end
+
+              //删除之前画图图层,重新绘制图层
+              map.removeInteraction(draw_map);
+              map.removeLayer(drawing);
+              //var source = new ol.source.Vector({wrapX: false});
+              drawing = new ol.layer.Vector({
+                source: new ol.source.Vector(),
+              });
+              map.addLayer(drawing);
+
+              function addInteraction() {
+                draw_map = new ol.interaction.Draw({
+                  source: drawing.getSource(),
+                  type: "Polygon",
+                });
+                draw_map.on("drawend", function (evt) {
+                  var feature = evt.feature;
+                  var geometry = feature.getGeometry();
+                  that.coordinate = geometry.getCoordinates();
+                  //_this.coordinateList = coordinate.toString();
+                  //提示当前坐标是否绘制完成
+                  if (that.coordinate != "" && that.coordinate != null) {
+                    that.showhzht = true;
+                    that.htZjdZrzFsss = JSON.stringify(that.coordinate);
+                    console.log(that.mapZjdData);
+                    // htMapAllFu();
+                  } else {
+                    $("#htMapAll").trigger("click");
+                  }
+                });
+                map.addInteraction(draw_map);
+              }
+
+              function htMapAllFu() {
+                //that.drawMapPolygonFun();
+                //绘制多边形地图
+                that.$dialog
+                  .confirm({
+                    title: "提示",
+                    message: "是否重新绘制画图",
+                  })
+                  .then(() => {
+                    //$("#drawRemove").trigger("click");
+                    map.removeInteraction(draw_map);
+                    that.coordinate = "";
+                  })
+                  .catch(() => {
+                    //删除画图点
+                    map.removeInteraction(draw_map);
+                  });
+              }
+
+              addInteraction();
+            } else {
+              that.drawingClick=true;
+              //删除之前 测距操作添加map中的绘图  --------start
+              //map.removeLayer(helpTooltip);
+              map.removeLayer(vector);
+              map.removeInteraction(draw_cm);
+              //map.removeOverlay(helpTooltipElement);
+              map.removeLayer(measureTooltipElement);
+              //删除之前 测距操作添加map中的绘图  --------end
+
+              //删除之前画图图层,重新绘制图层
+              map.removeInteraction(draw_map);
+              map.removeLayer(drawing);
+              //var source = new ol.source.Vector({wrapX: false});
+            }
+          });
+          //删除之前绘制图层
+          $("#deleteHistory").on("click", function () {
+            map.removeLayer(drawing);
+            that.showhzht = false;
+          });
+          //开始绘制图层- -----end
+
+          //切换功能删除之前选中状态
+          $("#deleteHistoryMap").on("click", function () {
+            map.removeLayer(hc_land_on);
+            that.mapZjdData = "";
+            that.mapZrzData = "";
+            that.mapFsssData = "";
+            //that.mapZjdTeAll.active ="1";
+            that.mapZjdTeAll.mapZjdAData = {};
+            that.mapZjdTeAll.mapZrzAData = {};
+            that.mapZjdTeAll.mapFsssAData = {};
+            that.mapZjdDataTure = "";
+          });
+          //清除画图鼠标点击事件
+          // $("#drawRemove").click(function () {
+          //   map.removeLayer(drawing);
+          // });
+          //
+
+          //地图定义
+          var delete_map = ["mapZjd", "mapZrz","mapFsss"];
+          var hc_land_queryList =[];
+          var texiao_layer_zjd;
+          var texiao_layer_zrz;
+          var texiao_layer_fsss;
+          //按照查询条件人名  定位地图-----------------start
+          $("#query").on("click", function () {
+            //数据库查询数据------------------------------------------------------start
+            $("#deleteHistoryMap").trigger("click");
+            var val = that.seachText;
+            //删除之前查询图层
+            for(var i=0;hc_land_queryList.length>i;i++){
+              map.removeLayer(hc_land_queryList[i]);
+            }
+            hc_land_queryList = [];
+            that.mapDataAll =[];
+            if (val == "") {
+                that.$toast('请填写查询条件再查询');
+              } else {
+              var styleZjd = new ol.style.Style({
+                stroke: new ol.style.Stroke({
+                  //边界样式
+                  color: "#CCFF66",
+                  width: 6,
+                }),
+              });
+              let params;
+              if(that.mapAddJumpNum == 1){
+                params = {
+                  "deptId" : that.mapAddJump,
+                  "syqr" : val
+                }
+              } else {
+                params = {
+                  "deptId" : that.$cookies.get("item").deptId,
+                  "syqr" : val
+                }
+              }
+              listZjdzd(params).then((response) => {
+                if(response.rows.length != 0){
+                  that.mapDataAll = response.rows;
+                  for(var hg=0; hg < that.mapDataAll.length; hg++){
+                    var mapNum = that.mapDataAll[hg].houseDataConfirmStatus;
+                    if(mapNum == "UNCONFIRMED"){
+                      that.mapDataAll[hg].paceType = "未核查";
+                    } else if (mapNum == "CONFIRMED"){
+                      that.mapDataAll[hg].paceType = "已核查";
+                    }else{
+
+                    }
+                    that.mapDataAll[hg].typeTc="宅基地";
+                    if (that.mapDataAll[hg] !=null && that.mapDataAll[hg].theGeom != null && that.mapDataAll[hg].theGeom != "") {
+                      that.mapDataAll[hg].createBy = 'mapTheGeomZjdId';
+                      hc_land_queryList[hg] =new ol.layer.Vector({
+                          title: "add Layer",
+                          source: new ol.source.Vector({
+                            projection: projection,
+                            features: new ol.format.GeoJSON().readFeatures("{\n" +
+                              "    \"type\": \"Feature\",\n" +
+                              "    \"geometry\":" + that.mapDataAll[hg].theGeom + ",    \"properties\":" + JSON.stringify(that.mapDataAll[hg]) + "}"),
+                          }),
+                          style: styleZjd
+                        });
+                      map.addLayer(hc_land_queryList[hg]);
+                      var maxXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxX;
+                      var maxYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxY;
+                      var minXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minX;
+                      var minYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minY;
+                      //定位查询位置
+                      var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                      map.getView().animate({
+                        // 只设置需要的属性即可
+                        center: center, // 中心点
+                        zoom: 15.8, // 缩放级别
+                        rotation: undefined, // 缩放完成view视图旋转弧度
+                        duration: 1000, // 缩放持续时间，默认不需要设置
+                        resolution:Math.random() * 0.00000001,
+                      });
+                    }
+                    // listFsss(paramsZrz).then((response) => {
+                    //   that.mapDataAll.push(response.rows);
+                    // });
+                  }
+                  // for(var queryFor=0; hc_land_queryList > queryFor; queryFor++ ){
+                  //   map.addLayer(hc_land_queryList[queryFor]);
+                  // }
+                  // var mapZrzFor = that.mapDataAll[0].length+1;
+                  // console.log(mapZrzFor);
+                  // for(var mapFor=0;mapZrzFor>mapFor;mapFor++){
+                  //   //查询自然幢
+                  //   let paramsZrz = {
+                  //     "deptId" : that.$cookies.get("item").deptId,
+                  //     "zjddm" : that.mapDataAll[0][mapFor].zjddm,
+                  //     "pageSize":20,
+                  //   }
+                  //   listZrz(paramsZrz).then((response) => {
+                  //     console.log(response);
+                  //     that.mapDataAll[0].
+                  //     that.mapDataAll[0].push(response.rows);
+                  //   });
+                  // }
+                  setTimeout(function () {
+                    that.showSearch = true ;
+                    $('.searchBox').css('display','block')
+                    var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+                    document.styleSheets[0].insertRule(
+                      "@keyframes test" +
+                      "{" +
+                      "0%{bottom: -" + height + "px;}" +
+                      "100%{bottom: 0px;}" +
+                      "}"
+                    )
+                    $('.searchBar_wrap').css({'animation':'test 0.5s ease-in-out 0s 1 alternate forwards','-webkit-animation':'test 0.5s ease-in-out 0s 1 alternate forwards'});
+                  //}
+                  },500);
+                } else {
+                  that.$toast("暂无数据")
+                }
+              });
+
+            }
+            //数据库查询数据------------------------------------------------------end
+            //地图查询------------------------------------------------------------start
+            /**
+             * @api wfs服务空间查询
+             * @param {*} wfsurl
+             * @param {*} srsName
+             * @param {*} typeName
+             * @param {*} drawType
+             * @param {option 可选} geometryField
+             */
+            // var val = that.seachText;
+            // if (val == "") {
+            //   that.$toast('请填写查询条件再查询');
+            // } else {
+            //   //清除之前查询数据
+            //   that.mapDataAll =[];
+            //   //分类查询查询农地、农房
+            //   var difang;
+            //   //查询条件
+            //   var cql_filter_cun;
+            //   var cun = that.$cookies.get("item").deptId;
+            //   difang = ["zjd_dc:t_house_survey_zjdzd", "zjd_dc:t_house_survey_zrz","zjd_dc:t_house_survey_fsss"];
+            //   var tach = 0;
+            //   var once = 0;
+            //   for (var i = 0; i < difang.length; i++) {
+            //     map.removeLayer(delete_map[i]);
+            //     // 数字验证！
+            //     var reg = /\d/;
+            //     //验证汉子
+            //     //var han = /^[\u4e00-\u9fa5]+$/;
+            //     if (reg.test(val)) {
+            //       //循环判断查询条件
+            //       cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //     } else {
+            //       //循环判断查询条件
+            //       if (difang[i] == "zjd_dc:t_house_survey_zjdzd") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       } else if(difang[i] == "zjd_dc:t_house_survey_zrz") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       } else if(difang[i] == "zjd_dc:t_house_survey_fsss") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       }
+            //     }
+            //     //for(var i=0; i< difang.length; i++){
+            //     //cql_filter = "CM='"+cun +"'"+ "and XZQK='待流转待盘活'";
+            //
+            //     //图层加载
+            //
+            //     //业务图层  wms服务
+            //     delete_map[i] = new ol.layer.Tile({
+            //       source: new ol.source.TileWMS({
+            //         url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            //         params: {
+            //           LAYERS: difang[i],
+            //           //'LAYERS': 'new_shp:new_shp_all',
+            //           TILED: true,
+            //           cql_filter: cql_filter_cun,
+            //           SRID: 3857,
+            //         },
+            //       }),
+            //     });
+            //
+            //     //}
+            //     //定位查询位置
+            //     let param_dw = {
+            //       srsName: "EPSG:3857",
+            //       service: "WFS",
+            //       version: "1.0.0",
+            //       request: "GetFeature",
+            //       typename: difang[i],
+            //       //featureNS: 'nsgk_hc',//命名空间 URI
+            //       cql_filter: cql_filter_cun,
+            //       //featurePrefix: 'nationalwater',//工作区名称
+            //       //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+            //       outputFormat: "application/json",
+            //       //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+            //     };
+            //     let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;
+            //     url_dw = url_dw + "?";
+            //     for (let key in param_dw) {
+            //       url_dw = url_dw + key + "=" + param_dw[key] + "&";
+            //     }
+            //     url_dw = url_dw.substr(0, url_dw.length - 1);
+            //     fetch(url_dw, {
+            //       method: "POST", // *GET, POST, PUT, DELETE, etc.
+            //     })
+            //       .then((res) => {
+            //         var geojsonmap = res.json();
+            //         return geojsonmap;
+            //       })
+            //       .then((data) => {
+            //         tach = tach + 1;
+            //         if (data.features != null && data.features != "") {
+            //           for(var i=0; data.features.length >i; i++) {
+            //             //特效动画实现 -----------------------------start
+            //             console.log(tach,"++++++++++++++++++",once)
+            //             var datamap = data.features[0].bbox;
+            //             if (tach == 1 && once == 0) {
+            //               console.log("zrz")
+            //               texiao_layer_zjd = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_zjd);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_zjd.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             } else if(tach == 2) {
+            //               console.log("zrz")
+            //               texiao_layer_zrz = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_zrz);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_zrz.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             } else {
+            //               console.log("fsss")
+            //               texiao_layer_fsss = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_fsss);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_fsss.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             }
+            //             //特效动画实现 -----------------------------end
+            //             that.mapDataAll.push(JSON.parse(JSON.stringify(data.features[i].properties)));
+            //           }
+            //           //定位实现
+            //           let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+            //           map.getView().fit(data.bbox);
+            //           map.getView().setResolution(resolution);
+            //           console.log(that.mapDataAll);
+            //         } else if (tach == 1) {
+            //           once = once + 1;
+            //         } else {
+            //           if (once == 1 && tach == 3) {
+            //             that.$toast("没有找到相关人员信息");
+            //             //that.showSearch = false ;
+            //           }else {
+            //
+            //           }
+            //         }
+            //       })
+            //       .catch((error) => {
+            //         console.log("【异常】", error);
+            //       });
+            //     map.addLayer(delete_map[i]);
+            //   }
+            //地图查询------------------------------------------------------------end
+          });
+          //按照查询  定位地图-----------------end
+
+          //筛选附属设施-----------------------------------start
+          $("#fsssSx").click(function () {
+            if(!that.fsssSx){
+              map.addLayer(fsssTc);
+            }else {
+              map.removeLayer(fsssTc);
+            }
+          });
+          $("#zrzSx").click(function () {
+            if(!that.zrzSx){
+              map.addLayer(zrzTc);
+            }else {
+              map.removeLayer(zrzTc);
+            }
+          });
+          $("#zjdSx").click(function () {
+            if(!that.zjdSx){
+              map.addLayer(zjdTc);
+            }else {
+              map.removeLayer(zjdTc);
+            }
+          });
+          $("#checkAll").click(function () {
+            if(!that.fsssSx && !that.zjdSx && !that.zrzSx){
+              map.addLayer(zjdTc);
+              map.addLayer(zrzTc);
+              map.addLayer(fsssTc);
+            }else {
+              map.removeLayer(zrzTc);
+              map.removeLayer(zjdTc);
+              map.removeLayer(fsssTc);
+            }
+          });
+          //筛选附属设施-----------------------------------end
+          // //获取类型开始  侧面-----------------------------------------------------------------start
+          //样式加载定义
+          var vector_drawing_delete;
+          $("#area").click(function () {
+            console.log(that.textMjAll);
+            console.log(that.clickBbox);
+            if(that.textMjAll ==null || that.textMjAll ==""){
+              that.textMjAll =0;
+            }
+            if((that.textMjAll != "" && that.clickBbox !="") || (that.textMjAll == 0 && that.clickBbox !="")){
+              map.removeLayer(vector_drawing_delete);
+              function createLabelStyle() {
+                return new ol.style.Style({
+                  text: new ol.style.Text({
+                    text: that.textMjAll+"㎡",
+                    textAlign: "center", //位置
+                    textBaseline: "middle", //基准线
+                    font: "normal 12px 微软雅黑", //文字样式
+                    //text: "标注点", //文本内容
+                    fill: new ol.style.Fill({
+                      //文本填充样式（即文字颜色)
+                      color: "#FFFFFF",
+                      width: 10,
+                    }),
+                    overflow: false //超出面的部分不显示
+                  }),
+                  zIndex: 9999,
+                });
+              }
+              var newcenterFeature = new ol.Feature({
+                geometry: new ol.geom.Point(that.clickBbox), //几何信息
+                //name: "标注点",
+              });
+              var sourceMapLook = new ol.source.Vector({wrapX: false});
+              vector_drawing_delete = new ol.layer.Vector({
+                source: sourceMapLook,
+              });
+              map.addLayer(vector_drawing_delete);
+              newcenterFeature.setStyle(createLabelStyle()); //设置要素样式
+              sourceMapLook.addFeature(newcenterFeature);
+              //map.addLayer(styleFsss);
+            } else if(that.textMjAllNum == "1"){
+              that.$toast("该图层面积暂无信息");
+            } else {
+              that.$toast("选择图层进行面积显示");
+            }
+          });
+          // $("#area").click(function () {
+          //   console.log("进入测面")
+          //   //删除绘制图层画图操作-------start
+          //   map.removeInteraction(draw_map);
+          //   map.removeLayer(drawing);
+          //   //删除绘制图层画图操作-------end
+          //   //开始绘制 测面--------------------------------------------------------------start
+          //   //定义矢量数据源
+          //   var source = new ol.source.Vector();
+          //
+          //   vector = new ol.layer.Vector({
+          //     source: source,
+          //     style: new ol.style.Style({
+          //       fill: new ol.style.Fill({
+          //         color: "rgba(255,255,255,0.2)",
+          //       }),
+          //       stroke: new ol.style.Stroke({
+          //         color: "#e21e0a",
+          //         width: 2,
+          //       }),
+          //       //image: new ol.style.Circle({
+          //       // radius: 7,
+          //       // fill: new ol.style.Fill({
+          //       //  color:'#ffcc33'
+          //       // })
+          //       //})
+          //     }),
+          //   });
+          //
+          //   //将矢量图层添加到地图中   线的颜色加入map中
+          //   map.addLayer(vector);
+          //
+          //   var sketch;
+          //
+          //   var continuePolygonMsg = "单击以继续绘制多边形";
+          //
+          //   /**
+          //    * Message to show when the user is drawing a line.
+          //    * @type {string}
+          //    */
+          //     //var continueLineMsg = '单击继续绘制直线';
+          //
+          //     //鼠标移动触发的函数
+          //   var pointerMoveHandler = function (evt) {
+          //       //Indicates if the map is currently being dragged.
+          //       //Only set for POINTERDRAG and POINTERMOVE events. Default is false.
+          //       //如果是平移地图则直接结束
+          //       if (evt.dragging) {
+          //         return;
+          //       }
+          //       //帮助提示信息
+          //       var helpMsg = "单击开始绘图";
+          //
+          //       if (sketch) {
+          //         //Get the feature's default geometry.
+          //         //A feature may have any number of named geometries.
+          //         //获取绘图对象的几何要素
+          //         var geom = sketch.getGeometry();
+          //         //如果当前绘制的几何要素是多边形，则将绘制提示信息设置为多边形绘制提示信息
+          //         //如果当前绘制的几何要素是多线段，则将绘制提示信息设置为多线段绘制提示信息
+          //         helpMsg = continuePolygonMsg;
+          //       }
+          //       //设置帮助提示要素的内标签为帮助提示信息
+          //       helpTooltipElement.innerHTML = helpMsg;
+          //       //设置帮助提示信息的位置
+          //       //The coordinate in view projection corresponding to the original browser event.
+          //       helpTooltip.setPosition(evt.coordinate);
+          //       //移除帮助提示要素的隐藏样式
+          //       $(helpTooltipElement).removeClass("hidden");
+          //     };
+          //
+          //   map.on("pointermove", pointerMoveHandler);
+          //
+          //   map.getViewport().addEventListener("mouseout", function () {
+          //     helpTooltipElement.classList.add("hidden");
+          //   });
+          //
+          //   //添加交互式绘图对象的函数
+          //   function addInteraction() {
+          //     // 获取当前选择的绘制类型
+          //     //var type = typeSelect.value == 'length' ? 'Polygon' : 'LineString';
+          //     //创建一个交互式绘图对象
+          //     var type = "Polygon";
+          //     draw_cm = new ol.interaction.Draw({
+          //       //绘制的数据源
+          //       source: source,
+          //       //绘制类型
+          //       type: type,
+          //       //样式
+          //       style: new ol.style.Style({
+          //         fill: new ol.style.Fill({
+          //           color: "rgba(255,255,255,0.2)",
+          //         }),
+          //         stroke: new ol.style.Stroke({
+          //           color: "rgba(0,0,0,0.5)",
+          //           lineDash: [10, 10],
+          //           width: 2,
+          //         }),
+          //         //  image: new ol.style.Circle({
+          //         //   radius: 5,
+          //         //   stroke: new ol.style.Stroke({
+          //         //	color:'rgba(0,0,0,0.7)'
+          //         // }),
+          //         // fill: new ol.style.Fill({
+          //         //color: 'rgba(255,255,255,0.2)'
+          //         // })
+          //         //})
+          //       }),
+          //     });
+          //     //将交互绘图对象添加到地图中
+          //     map.addInteraction(draw_cm);
+          //
+          //     //创建测量提示框
+          //     createMeasureTooltip();
+          //     //创建帮助提示框
+          //     createHelpTooltip();
+          //
+          //     //定义一个事件监听
+          //     var listener;
+          //     //定义一个控制鼠标点击次数的变量
+          //     var count = 0;
+          //     //绘制开始事件
+          //     draw_cm.on(
+          //       "drawstart",
+          //       function (evt) {
+          //         //The feature being drawn.
+          //         sketch = evt.feature;
+          //         //提示框的坐标
+          //         var tooltipCoord = evt.coordinate;
+          //         //监听几何要素的change事件
+          //         //Increases the revision counter and dispatches a 'change' event.
+          //
+          //         listener = sketch.getGeometry().on("change", function (evt) {
+          //           //The event target.
+          //           //获取绘制的几何对象
+          //           var geom = evt.target;
+          //           //定义一个输出对象，用于记录面积和长度
+          //           var output;
+          //           map.removeEventListener("singleclick");
+          //           map.removeEventListener("dblclick");
+          //           //输出多边形的面积
+          //           output = formatArea(geom);
+          //           //Return an interior point of the polygon.
+          //           //获取多变形内部点的坐标
+          //           tooltipCoord = geom.getInteriorPoint().getCoordinates();
+          //
+          //           //设置测量提示框的内标签为最终输出结果
+          //           measureTooltipElement.innerHTML = output;
+          //           //设置测量提示信息的位置坐标
+          //           measureTooltip.setPosition(tooltipCoord);
+          //         });
+          //
+          //         //地图单击事件
+          //         map.on("singleclick", function (evt) {
+          //           //设置测量提示信息的位置坐标，用来确定鼠标点击后测量提示框的位置
+          //           measureTooltip.setPosition(evt.coordinate);
+          //           //如果是第一次点击，则设置测量提示框的文本内容为起点
+          //           if (count == 0) {
+          //             measureTooltipElement.innerHTML = "起点";
+          //           }
+          //           //根据鼠标点击位置生成一个点
+          //           var point = new ol.geom.Point(evt.coordinate);
+          //           //将该点要素添加到矢量数据源中
+          //           source.addFeature(new ol.Feature(point));
+          //           //更改测量提示框的样式，使测量提示框可见
+          //           measureTooltipElement.className = "tooltip tooltip-static";
+          //           //创建测量提示框
+          //           createMeasureTooltip();
+          //           //点击次数增加
+          //           count++;
+          //         });
+          //
+          //         //地图双击事件
+          //         map.on("dblclick", function (evt) {
+          //           //根据
+          //           var point = new ol.geom.Point(evt.coordinate);
+          //           source.addFeature(new ol.Feature(point));
+          //         });
+          //       },
+          //       this
+          //     );
+          //     //绘制结束事件
+          //     draw_cm.on(
+          //       "drawend",
+          //       function (evt) {
+          //         count = 0;
+          //         //设置测量提示框的样式
+          //         measureTooltipElement.className = "tooltip tooltip-static";
+          //         //Set the offset for this overlay.
+          //         //设置偏移量
+          //         measureTooltip.setOffset([0, -7]);
+          //         //清空绘制要素
+          //         sketch = null;
+          //         //清空测量提示要素
+          //         measureTooltipElement = null;
+          //         //创建测量提示框
+          //         createMeasureTooltip();
+          //         //Removes an event listener using the key returned by on() or once().
+          //         //移除事件监听
+          //         ol.Observable.unByKey(listener);
+          //         //移除地图单击事件
+          //         map.removeEventListener("singleclick");
+          //       },
+          //       this
+          //     );
+          //   }
+          //   /**
+          //    * Creates a new help tooltip
+          //    */
+          //   function createHelpTooltip() {
+          //     if (helpTooltipElement) {
+          //       helpTooltipElement.parentNode.removeChild(helpTooltipElement);
+          //     }
+          //     helpTooltipElement = document.createElement("div");
+          //     helpTooltipElement.className = "ol-tooltip hidden";
+          //     helpTooltip = new ol.Overlay({
+          //       element: helpTooltipElement,
+          //       offset: [15, 0],
+          //       positioning: "center-left",
+          //     });
+          //     map.addOverlay(helpTooltip);
+          //   }
+          //
+          //   /**
+          //    * Creates a new measure tooltip
+          //    */
+          //   function createMeasureTooltip() {
+          //     if (measureTooltipElement) {
+          //       measureTooltipElement.parentNode.removeChild(measureTooltipElement);
+          //     }
+          //     measureTooltipElement = document.createElement("div");
+          //     measureTooltipElement.className = "ol-tooltip ol-tooltip-measure";
+          //     measureTooltip = new ol.Overlay({
+          //       element: measureTooltipElement,
+          //       offset: [0, -15],
+          //       positioning: "bottom-center",
+          //     });
+          //     map.addOverlay(measureTooltip);
+          //   }
+          //
+          //   //格式化测量面积
+          //   var formatArea = function (polygon) {
+          //     //定义面积变量
+          //     var area;
+          //     //获取平面面积
+          //     area = polygon.getArea();
+          //     //定义输出变量
+          //     var output;
+          //     //当面积大于10000时，转换为平方千米，否则为平方米
+          //     if (area > 10000) {
+          //       output =
+          //         Math.round((area / 1000000) * 100) / 100 + " " + "km<sup>2</sup>";
+          //     } else {
+          //       output = Math.round(area * 100) / 100 + " " + "m<sup>2</sup>";
+          //     }
+          //     return output;
+          //   };
+          //
+          //   addInteraction();
+          // });
+          // //侧面结束-----------------------------------------------------------------end
+
+          //全图展示-----------------start
+          $("#mapAllQt").click(function (){
+            //定位查询位置
+            let param_dw = {
+              srsName: "EPSG:3857",
+              service: "WFS",
+              version: "1.0.0",
+              request: "GetFeature",
+              typename: "zjd_dc:t_house_survey_border_village",
+              //featureNS: 'nsgk_hc',//命名空间 URI
+              cql_filter: cql_filter,
+              //featurePrefix: 'nationalwater',//工作区名称
+              //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+              outputFormat: "application/json",
+              //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+            };
+            let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;
+            url_dw = url_dw + "?";
+            for (let key in param_dw) {
+              url_dw = url_dw + key + "=" + param_dw[key] + "&";
+            }
+            url_dw = url_dw.substr(0, url_dw.length - 1);
+            fetch(url_dw, {
+              method: "POST", // *GET, POST, PUT, DELETE, etc.
+            })
+              .then((res) => {
+                var geojsonmap = res.json();
+                return geojsonmap;
+              })
+              .then((data) => {
+                let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize());
+                resolution:resolution + Math.random() * 0.00000001,
+                map.getView().fit(data.bbox);
+                map.getView().setResolution(resolution);
+                // var datamap = data.bbox;
+                // var center = ol.extent.getCenter(datamap);
+                // map.getView().animate({
+                //   // 只设置需要的属性即可
+                //   center: center, // 中心点
+                //   rotation: undefined, // 缩放完成view视图旋转弧度
+                // });
+              })
+              .catch((error) => {
+                console.log("【异常】", error);
+              });
+          });
+
+          //业务图层  wfs服务  属性查询开始 ------------------start
+          /**
+           * @api wfs服务空间查询
+           * @param {*} wfsurl
+           * @param {*} srsName
+           * @param {*} typeName
+           * @param {*} drawType
+           * @param {option 可选} geometryField
+           */
+
+          //查询全部图层  -------查询叠加图层出现覆盖问题
+          var wmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_all",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询宅基地图层
+          var ZjdwmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_zjdzd",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询自然幢图层
+          var ZrzwmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_zrz",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询附属设施图层
+          var FssswmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_fsss",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+
+          map.on("pointermove", function (evt) {
+            if (evt.dragging) {
+              return;
+            }
+            var pixel = map.getEventPixel(evt.originalEvent);
+            var hit = map.forEachLayerAtPixel(pixel, function () {
+              return true;
+            });
+            map.getTargetElement().style.cursor = hit ? "pointer" : "";
+          });
+          //属性查询结束 ------------------end
+          //点击查询详细信息
+          map.on("singleclick", function (evt) {
+            console.log(evt);
+            let feature = map.forEachFeatureAtPixel(
+              evt.pixel,
+              (feature) => feature
+            );
+            var viewResolution = map.getView().getResolution(); ///** @type {number} */ (view.getResolution());
+            var zb = evt.coordinate;
+            var url;
+            var url_bbox;
+            that.clickBbox ="";
+            that.textMjAll = "";
+            if(that.drawingClick) {
+              //点击空白删除之前图层
+              map.removeLayer(hc_land_on);
+              //map.removeLayer(hc_land_query);
+              //for(var i=0;hc_land_query>i;i++){
+                //map.removeLayer(hc_land_query);
+              for(var i=0;hc_land_queryList.length>i;i++){
+                map.removeLayer(hc_land_queryList[i]);
+              }
+              //}c
+              if (that.fsssSx && that.zjdSx && that.zrzSx) {
+                url = wmsSource.getFeatureInfoUrl(
+                  evt.coordinate,
+                  viewResolution,
+                  "EPSG:3857",
+                  {INFO_FORMAT: "text/html"}
+                );
+                url_bbox = wmsSource.getFeatureInfoUrl(
+                  evt.coordinate,
+                  viewResolution,
+                  "EPSG:3857",
+                  {INFO_FORMAT: "application/json"}
+                );
+              } else {
+                if (that.zjdSx) {
+                  url = ZjdwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = ZjdwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else if (that.fsssSx) {
+                  url = FssswmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = FssswmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else if (that.zrzSx) {
+                  url = ZrzwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = ZrzwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else {
+                  url = wmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = wmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                }
+              }
+              if (url_bbox) {
+                fetch(url_bbox).then((res) => {
+                  var geojsonmap = res.json();
+                  return geojsonmap;
+                })
+                  .then((data) => {
+                    var center = ol.extent.getCenter(data.bbox); //获取边界区域的中心位置
+                    center = [center[0], center[1] - 16];
+                    that.clickBbox = center;
+                  })
+                  .catch((error) => {
+                    that.mapZjdData = "";
+                    that.mapZrzData = "";
+                    that.mapFsssData = "";
+                    //that.mapZjdTeAll.active ="1";
+                    that.mapZjdTeAll.mapZjdAData = {};
+                    that.mapZjdTeAll.mapZrzAData = {};
+                    that.mapZjdTeAll.mapFsssAData = {};
+                    that.mapZjdDataTure = "";
+                    that.mapXs =false;
+                    that.mapClick ="";
+                    console.log("【异常】", error);
+                  });
+              }
+              if (url) {
+                fetch(url)
+                  .then(function (response) {
+                    return response.text();
+                  })
+                  .then(function (html) {
+                    document.getElementById("info").innerHTML = html;
+                    if (html.indexOf("<table") != -1) {
+                      that.mapZjdData = "";
+                      that.mapZrzData = "";
+                      that.mapFsssData = "";
+                      //that.mapZjdTeAll.active ="1";
+                      that.mapZjdTeAll.mapZjdAData = {};
+                      that.mapZjdTeAll.mapZrzAData = {};
+                      that.mapZjdTeAll.mapFsssAData = {};
+                      that.mapZjdDataTure = "";
+                      setTimeout(() => {
+                        if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zjdzd") {
+                          map.removeLayer(hc_land_on);
+                          that.mapHasDateStatus = 2;
+                          that.mapXs = true;
+                          let obj = {};
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let zjdXq = trs.find("td").eq(0).text();
+                          let zjdIdNum = zjdXq.replace("t_house_survey_zjdzd.", "");
+                          obj.id = zjdIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(3).text();//行政区划名称
+
+                          obj.zjddm = trs.find("td").eq(6).text();//宅基地代码
+
+                          obj.zdmj = trs.find("td").eq(11).text();//宗地面积
+
+                          obj.active = 1;
+
+                          var vector_drawing_map;
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                          }
+                          that.mapClick = obj.zjddm;
+                          //点击查看自然幢
+                          //自然幢图层查询开始 ------------------start
+                          var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                          zrzTc = new ol.layer.Image({
+                            source: new ol.source.ImageWMS({
+                              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                              params: {
+                                LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                TILED: true,
+                                cql_filter: cql_filter_map,
+                                SRID: 3857,
+                                TIMESTAMP: new Date().getTime(),
+                              },
+                            }),
+                          });
+                          map.addLayer(zrzTc);
+                          //自然幢图层查询开始 ------------------start
+                          //附属设施图层查询开始 ------------------start
+                          //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                          fsssTc = new ol.layer.Image({
+                            source: new ol.source.ImageWMS({
+                              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                              params: {
+                                LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                TILED: true,
+                                cql_filter: cql_filter_map,
+                                SRID: 3857,
+                                TIMESTAMP: new Date().getTime(),
+                              },
+                            }),
+                          });
+                          map.addLayer(fsssTc);
+                          //附属设施图层查询开始 ------------------end
+                          that.$cookies.set("search", "")
+                          //that.$cookies.set("map", "")
+                          console.log(document.cookie.split(';').length)
+                          console.log(params);
+                          listZjdzd(params).then((response) => {
+                            if (response.rows[0].zdmj != "") {
+                              that.textMjAll = response.rows[0].zdmj;
+                            } else {
+                              that.textMjAllNum = "1";
+                            }
+                            that.mapZjdData = response.rows[0];
+                            that.mapZjdData.active = 1;
+                            that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                            that.mapZjdDataTure = 1;
+                            that.zjdHcDy = obj.zjddm;
+                            var styleZjd = new ol.style.Style({
+                              stroke: new ol.style.Stroke({
+                                //边界样式
+                                color: "#CCFF66",
+                                width: 6,
+                              }),
+                            });
+                            hc_land_on = new ol.layer.Vector({
+                              title: "add Layer",
+                              source: new ol.source.Vector({
+                                projection: projection,
+                                features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                  "    \"type\": \"Feature\",\n" +
+                                  "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                              }),
+                              style: styleZjd
+                            });
+                            map.addLayer(hc_land_on);
+                            var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                            var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                            var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                            var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                            //定位查询位置
+                            var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                            map.getView().animate({
+                              // 只设置需要的属性即可
+                              center: center, // 中心点
+                              zoom: 17.8, // 缩放级别
+                              rotation: undefined, // 缩放完成view视图旋转弧度
+                              duration: 1000, // 缩放持续时间，默认不需要设置
+                              resolution:Math.random() * 0.00000001,
+                            });
+
+                            function createLabelStyleMap() {
+                              return new ol.style.Style({
+                                text: new ol.style.Text({
+                                  text: that.mapZjdData.syqr,
+                                  textAlign: "center", //位置
+                                  textBaseline: "middle", //基准线
+                                  font: "normal 16px 微软雅黑", //文字样式
+                                  //text: "标注点", //文本内容
+                                  fill: new ol.style.Fill({
+                                    //文本填充样式（即文字颜色)
+                                    color: "#09DDCE",
+                                    width: 10,
+                                  }),
+                                  overflow: false //超出面的部分不显示
+                                }),
+                                zIndex: 9999,
+                              });
+                            }
+
+                            var newcenterFeatureMap = new ol.Feature({
+                              geometry: new ol.geom.Point(center), //几何信息
+                              //name: "标注点",
+                            });
+                            var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                            vector_drawing_map = new ol.layer.Vector({
+                              source: sourceMapLookMap,
+                            });
+                            map.addLayer(vector_drawing_map);
+                            newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                            sourceMapLookMap.addFeature(newcenterFeatureMap);
+                          });
+                          //let cloneObj = JSON.parse(JSON.stringify(obj));
+                          //that.mapZjdData = cloneObj;
+                        } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zrz") {
+                          //that.mapZjdTeAll.mapZjdAData ={};
+                          that.mapZjdDataTure = "";
+                          that.mapZjdTeAll.mapFsssAData = {};
+                          map.removeLayer(hc_land_on);
+                          let obj = {};
+                          that.mapHasDateStatus = 1;
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let zrzXq = trs.find("td").eq(0).text();
+                          let zrzIdNum = zrzXq.replace("t_house_survey_zrz.", "");
+                          obj.id = zrzIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(3).text();//行政区划名称
+                          obj.zjddm = trs.find("td").eq(4).text();//宅基地代码
+                          obj.scjzmj = trs.find("td").eq(12).text();//实测建筑面积
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                          }
+                          that.$cookies.set("search", "")
+                          //that.$cookies.set("map", "")
+                          console.log(that.mapZjdData);
+                          //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {
+                          console.log(that.mapClick);
+                          console.log(obj.zjddm);
+                          if(that.mapXs && that.mapClick == obj.zjddm){
+                            listZjdzd(params).then((response) => {
+                              that.mapZjdData = response.rows[0];
+                              //that.mapZjdAData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              getZrz(obj.id).then((response) => {
+                                if (response.data.scjzmj != "") {
+                                  that.textMjAll = response.data.scjzmj;
+                                } else {
+                                  that.textMjAllNum = "1";
+                                }
+                                that.mapZrzData = response.data;
+                                that.mapZrzData.active = 3;
+                                that.mapZjdTeAll.mapZrzAData = that.mapZrzData;
+                                that.zjdHcDy = obj.zjddm;
+                                var styleZjd = new ol.style.Style({
+                                  stroke: new ol.style.Stroke({
+                                    //边界样式
+                                    color: "#CCFF66",
+                                    width: 6,
+                                  }),
+                                });
+                                hc_land_on = new ol.layer.Vector({
+                                  title: "add Layer",
+                                  source: new ol.source.Vector({
+                                    projection: projection,
+                                    features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                      "    \"type\": \"Feature\",\n" +
+                                      "    \"geometry\":" + that.mapZrzData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZrzData) + "}"),
+                                  }),
+                                  style: styleZjd
+                                });
+                                map.addLayer(hc_land_on);
+                                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                                //定位查询位置
+                                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                                map.getView().animate({
+                                  // 只设置需要的属性即可
+                                  center: center, // 中心点
+                                  zoom: 17.8, // 缩放级别
+                                  rotation: undefined, // 缩放完成view视图旋转弧度
+                                  duration: 1000, // 缩放持续时间，默认不需要设置
+                                  resolution: Math.random() * 0.00000001,
+                                });
+                              });
+                            });
+                          } else {
+                            //自然幢图层查询开始 ------------------start
+                            var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            zrzTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(zrzTc);
+                            //自然幢图层查询开始 ------------------start
+                            //附属设施图层查询开始 ------------------start
+                            //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            fsssTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(fsssTc);
+                            //附属设施图层查询开始 ------------------end
+                            listZjdzd(params).then((response) => {
+                              if (response.rows[0].zdmj != "") {
+                                that.textMjAll = response.rows[0].zdmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              that.mapZjdData = response.rows[0];
+                              that.mapZjdData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              that.mapZjdDataTure = 1;
+                              that.zjdHcDy = obj.zjddm;
+                              that.mapClick = obj.zjddm;
+                              that.mapXs = true;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution:Math.random() * 0.00000001,
+                              });
+
+                              function createLabelStyleMap() {
+                                return new ol.style.Style({
+                                  text: new ol.style.Text({
+                                    text: that.mapZjdData.syqr,
+                                    textAlign: "center", //位置
+                                    textBaseline: "middle", //基准线
+                                    font: "normal 16px 微软雅黑", //文字样式
+                                    //text: "标注点", //文本内容
+                                    fill: new ol.style.Fill({
+                                      //文本填充样式（即文字颜色)
+                                      color: "#09DDCE",
+                                      width: 10,
+                                    }),
+                                    overflow: false //超出面的部分不显示
+                                  }),
+                                  zIndex: 9999,
+                                });
+                              }
+
+                              var newcenterFeatureMap = new ol.Feature({
+                                geometry: new ol.geom.Point(center), //几何信息
+                                //name: "标注点",
+                              });
+                              var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                              vector_drawing_map = new ol.layer.Vector({
+                                source: sourceMapLookMap,
+                              });
+                              map.addLayer(vector_drawing_map);
+                              newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                              sourceMapLookMap.addFeature(newcenterFeatureMap);
+                            });
+                          }
+                        } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_fsss") {
+                          that.mapZjdTeAll.mapZrzAData = {};
+                          that.mapZjdDataTure = "";
+                          //that.mapZjdTeAll.mapZjdAData ={};
+                          map.removeLayer(hc_land_on);
+                          let obj = {};
+                          that.mapHasDateStatus = 0;
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let fsssXq = trs.find("td").eq(0).text();
+                          let fsssIdNum = fsssXq.replace("t_house_survey_fsss.", "");
+                          obj.id = fsssIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(4).text();//行政区划名称
+                          obj.zjddm = trs.find("td").eq(1).text();//宅基地代码
+                          // obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态
+                          // obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型
+                          obj.jzmj = trs.find("td").eq(8).text(); //建筑面积
+
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                            "pageSize": 20,
+                          }
+                          that.$cookies.remove("search")
+                          //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {
+                          if(that.mapXs && that.mapClick == obj.zjddm){
+                          listZjdzd(params).then((response) => {
+                            that.mapZjdData = response.rows[0];
+                            that.mapZjdData.active = 1;
+                            that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                            getFsss(obj.id).then((response) => {
+                              if (response.data.jzmj != "") {
+                                that.textMjAll = response.data.jzmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              //that.mapfsssData.active = 4;
+                              that.mapfsssData = response.data;
+                              console.log(that.mapfsssData);
+                              that.mapZjdTeAll.mapFsssAData = that.mapfsssData;
+                              that.zjdHcDy = obj.zjddm;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapfsssData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapfsssData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution: Math.random() * 0.00000001,
+                              });
+                            });
+                          });
+                        } else {
+                            //自然幢图层查询开始 ------------------start
+                            var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            zrzTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(zrzTc);
+                            //自然幢图层查询开始 ------------------start
+                            //附属设施图层查询开始 ------------------start
+                            //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            fsssTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(fsssTc);
+                            //附属设施图层查询开始 ------------------end
+                            listZjdzd(params).then((response) => {
+                              if (response.rows[0].zdmj != "") {
+                                that.textMjAll = response.rows[0].zdmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              that.mapZjdData = response.rows[0];
+                              that.mapZjdData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              that.mapZjdDataTure = 1;
+                              that.zjdHcDy = obj.zjddm;
+                              that.mapClick = obj.zjddm;
+                              that.mapXs = true;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution:Math.random() * 0.00000001,
+                              });
+
+                              function createLabelStyleMap() {
+                                return new ol.style.Style({
+                                  text: new ol.style.Text({
+                                    text: that.mapZjdData.syqr,
+                                    textAlign: "center", //位置
+                                    textBaseline: "middle", //基准线
+                                    font: "normal 16px 微软雅黑", //文字样式
+                                    //text: "标注点", //文本内容
+                                    fill: new ol.style.Fill({
+                                      //文本填充样式（即文字颜色)
+                                      color: "#09DDCE",
+                                      width: 10,
+                                    }),
+                                    overflow: false //超出面的部分不显示
+                                  }),
+                                  zIndex: 9999,
+                                });
+                              }
+
+                              var newcenterFeatureMap = new ol.Feature({
+                                geometry: new ol.geom.Point(center), //几何信息
+                                //name: "标注点",
+                              });
+                              var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                              vector_drawing_map = new ol.layer.Vector({
+                                source: sourceMapLookMap,
+                              });
+                              map.addLayer(vector_drawing_map);
+                              newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                              sourceMapLookMap.addFeature(newcenterFeatureMap);
+                            });
+                          }
+                          // if(obj.jzmj != ""){
+                          //   that.textMjAll = obj.jzmj;
+                          // } else {
+                          //   that.textMjAllNum = "1";
+                          // }
+                        } else {
+
+                        }
+                      }, 300);
+                    } else {
+
+                    }
+                  });
+              }
+            }
+            //数据库查询详情时使用----------------------------------------start
+            // if(feature) {
+            //   //document.getElementById("info").innerHTML = "";
+            //   that.mapHaDataValue = true;
+            //   var ifConsole = feature.values_.createBy;
+            //   if (ifConsole =="mapTheGeomFsssId") {
+            //     let obj = {};
+            //     that.mapHasDateStatus = 0;
+            //     obj.deptName = feature.values_.deptName;//行政区划名称
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus; //状态
+            //     obj.fssslx = feature.values_.fssslx; //附属设施类型
+            //     obj.jzmj = feature.values_.jzmj; //建筑面积
+            //     obj.qsly = feature.values_.qsly;//权属来源
+            //     obj.fwzt = feature.values_.fwzt; //房屋状态
+            //     obj.sfsp = feature.values_.sfsp; //是否审批
+            //     obj.sffz = feature.values_.sffz; //是否发证
+            //     obj.jglx = feature.values_.jglx; //结构类型
+            //     obj.sfzzsy = feature.values_.sfzzsy; //是否正在使用
+            //     obj.jzwqk = feature.values_.jzwqk; //建筑物情况
+            //     obj.tdzk = feature.values_.tdzk; //审批或建设前土地状况
+            //     obj.sfsgcf = feature.values_.sfsgcf; //是否受过处罚
+            //     obj.sysNormalDisable = feature.values_.sysNormalDisable; //是否停用
+            //     //附属设施类型字典项
+            //     that.getDicts("fsss_type").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fssslx !=null && obj.fssslx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fssslx == assetTypeOptions[i].dictValue) {
+            //             obj.fssslx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //权属类型字典项
+            //     that.getDicts("acquisition_method").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.qsly !=null && obj.qsly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.qsly == assetTypeOptions[i].dictValue) {
+            //             obj.qsly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋状态字典项
+            //     that.getDicts("fwzt").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwzt !=null && obj.fwzt !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwzt == assetTypeOptions[i].dictValue) {
+            //             obj.fwzt = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否审批字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfsp !=null && obj.sfsp !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfsp == assetTypeOptions[i].dictValue) {
+            //             obj.sfsp = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否发证字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sffz !=null && obj.sffz !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sffz == assetTypeOptions[i].dictValue) {
+            //             obj.sffz = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //结构类型字典项
+            //     that.getDicts("house_jglx").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.jglx !=null && obj.jglx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.jglx == assetTypeOptions[i].dictValue) {
+            //             obj.jglx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否正在使用字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfzzsy !=null && obj.sfzzsy !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfzzsy == assetTypeOptions[i].dictValue) {
+            //             obj.sfzzsy = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋状态字典项
+            //     that.getDicts("fwzt").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwzt !=null && obj.fwzt !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwzt == assetTypeOptions[i].dictValue) {
+            //             obj.fwzt = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //土地状况字典项
+            //     that.getDicts("land_state").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.tdzk !=null && obj.tdzk !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.tdzk == assetTypeOptions[i].dictValue) {
+            //             obj.tdzk = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否受过处罚字典项
+            //     that.getDicts("land_state").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfsgcf !=null && obj.sfsgcf !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfsgcf == assetTypeOptions[i].dictValue) {
+            //             obj.sfsgcf = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapFsssData = obj;
+            //   } else if(ifConsole =="mapTheGeomZrzId"){
+            //     let obj = {};
+            //     that.mapHasDateStatus = 1;
+            //     obj.deptName = feature.values_.deptName;//部门名称
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.nmfwzh = feature.values_.nmfwzh;//农民房屋幢号
+            //     obj.zrzh = feature.values_.zrzh;//自然幢号
+            //     obj.jgrq = feature.values_.jgrq;//竣工日期
+            //     obj.jzwgd = feature.values_.jzwgd;//建筑物高度
+            //     obj.zzdmj = feature.values_.zzdmj;//幢占地面积
+            //     obj.zydmj = feature.values_.zydmj;//幢用地面积
+            //     obj.scjzmj = feature.values_.scjzmj;//实测建筑面积
+            //     obj.zcs = feature.values_.zcs;//总层数
+            //     obj.dscs = feature.values_.dscs;//地上层数
+            //     obj.dxcs = feature.values_.dxcs;//地下层数
+            //     obj.fwjg = feature.values_.fwjg;//房屋结构
+            //     obj.sjly = feature.values_.sjly;//数据来源
+            //     obj.status = feature.values_.status;//状态
+            //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus;//数据调查确认状态
+            //     //字典项转化
+            //     //房屋结构字典项
+            //     that.getDicts("housing_structure").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwjg !=null && obj.fwjg !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwjg == assetTypeOptions[i].dictValue) {
+            //             obj.fwjg = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋结构字典项
+            //     that.getDicts("sjly").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sjly !=null && obj.sjly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sjly == assetTypeOptions[i].dictValue) {
+            //             obj.sjly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapZrzData = obj;
+            //   } else if(ifConsole =="mapTheGeomZjdId"){
+            //     let obj = {};
+            //     that.mapHasDateStatus = 2;
+            //     obj.deptName = feature.values_.deptName;//行政区划名称
+            //     obj.suyqrdm = feature.values_.suyqrdm;//所有权人代码
+            //     obj.nhdm = feature.values_.nhdm;//农户代码
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.zdbh = feature.values_.zdbh;//宗地编号
+            //     obj.zddm = feature.values_.zddm;//宗地代码
+            //     obj.zl = feature.values_.zl;//坐落
+            //     obj.zldwdm = feature.values_.zldwdm;//坐落单位代码
+            //     obj.zdmj = feature.values_.zdmj;//宗地面积
+            //     obj.yt = feature.values_.yt;//用途
+            //     obj.ytmc = feature.values_.ytmc;//用途名称
+            //     obj.dj = feature.values_.dj;//宗地编号
+            //     obj.jg = feature.values_.jg;//价格万元
+            //     obj.qllx = feature.values_.qllx;//权利类型
+            //     obj.qlxz = feature.values_.qlxz;//权利性质
+            //     obj.qlsdfs = feature.values_.qlsdfs;//权利设定方式
+            //     obj.rjl = feature.values_.rjl;//容积率
+            //     obj.jzmd = feature.values_.jzmd;//建筑密度
+            //     obj.jzxg = feature.values_.jzxg;//建筑限高
+            //     obj.zdszd = feature.values_.zdszd;//宗地四至-东
+            //     obj.zdszn = feature.values_.zdszn;//宗地四至-南
+            //     obj.zdszx = feature.values_.zdszx;//宗地四至-西
+            //     obj.zdszb = feature.values_.zdszb;//宗地四至-北
+            //     obj.zdt = feature.values_.zdt;//宗地图
+            //     obj.tfh = feature.values_.tfh;//图幅号
+            //     obj.djh = feature.values_.djh;//地籍号
+            //     obj.sjly = feature.values_.sjly;//数据来源
+            //     obj.lyzk = feature.values_.lyzk;//当前利用状况
+            //     obj.xzkssj = feature.values_.xzkssj;//闲置开始时间
+            //     obj.sffz = feature.values_.sffz;//是否发证
+            //     obj.zjdzsh = feature.values_.zjdzsh;//宅基地证书号
+            //     obj.zjdxctp = feature.values_.zjdxctp;//宅基地现场图片
+            //     obj.zjdqdfs = feature.values_.zjdqdfs;//宅基地取得方式
+            //     obj.bccjl = feature.values_.bccjl;//被惩处经历
+            //     obj.bccbz = feature.values_.bccbz;//被惩处备注
+            //     obj.yctcyx = feature.values_.yctcyx;//有偿退出意向
+            //     obj.zjdpzmj = feature.values_.zjdpzmj;//宅基地批准面积
+            //     obj.zjdxzyy = feature.values_.zjdxzyy;//宅基地闲置原因
+            //     obj.lzyx = feature.values_.lzyx;//流转意向
+            //     obj.sysNormalDisable = feature.values_.sysNormalDisable;//是否停用
+            //     obj.active = 1;
+            //     //字典项转化
+            //     //是否发证字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sffz !=null && obj.sffz !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sffz == assetTypeOptions[i].dictValue) {
+            //             obj.sffz = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //利用状态字典项
+            //     that.getDicts("zjdlyzk").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.lyzk !=null && obj.lyzk !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.lyzk == assetTypeOptions[i].dictValue) {
+            //             obj.lyzk = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //流转意向字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.lzyx !=null && obj.lzyx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.lzyx == assetTypeOptions[i].dictValue) {
+            //             obj.lzyx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //有偿退出意向字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.yctcyx !=null && obj.yctcyx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.yctcyx == assetTypeOptions[i].dictValue) {
+            //             obj.yctcyx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //被惩处经历字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.bccjl !=null && obj.bccjl !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.bccjl == assetTypeOptions[i].dictValue) {
+            //             obj.bccjl = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //宅基地取得方式字典项
+            //     that.getDicts("acquisition_method").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.zjdqdfs !=null && obj.zjdqdfs !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.zjdqdfs == assetTypeOptions[i].dictValue) {
+            //             obj.zjdqdfs = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //权利设定方式字典项
+            //     that.getDicts("right_setting_mode").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.qlsdfs !=null && obj.qlsdfs !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.qlsdfs == assetTypeOptions[i].dictValue) {
+            //             obj.qlsdfs = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //数据来源字典项
+            //     that.getDicts("sjly").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sjly !=null && obj.sjly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sjly == assetTypeOptions[i].dictValue) {
+            //             obj.sjly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapZjdData = obj;
+            //     console.log(obj.zjddm);
+            //     that.zjdHcDy = obj.zjddm;
+            //   } else {
+            //     that.mapHaDataValue = false;
+            //   }
+            // }else {
+            //   that.mapHaDataValue = false;
+            // }
+            //数据库查询详情时使用----------------------------------------end
+          });
+          //数据库循环加载时使用 --------------------加载较慢 ------start
+          //当前账套没有任何空间数据
+          // if(mapTalkAbout){
+          //   let deptName = this.$store.state.user.loginDeptId + "";
+          //   getQueryLand(deptName).then((response) => {
+          //     if (response.code == 200) {
+          //       let InsertCode = response.data;
+          //       if (InsertCode != null) {
+          //         var lat = InsertCode.lat;
+          //         var lng = InsertCode.lng;
+          //         var center;
+          //         if(lat !=null && lng !=null && lat !="" && lng !=""){
+          //           center = [lng,lat];
+          //         }else {
+          //           center =[115.452752, 31.789033];
+          //         }
+          //         map.getView().animate({
+          //           // 只设置需要的属性即可
+          //           center: ol.proj.fromLonLat(center), // 中心点
+          //           zoom: 17.9, // 缩放级别
+          //           rotation: undefined, // 缩放完成view视图旋转弧度
+          //           duration: 1000, // 缩放持续时间，默认不需要设置
+          //         });
+          //       }
+          //     }
+          //   });
+          // }
+          //数据库循环加载时使用 --------------------加载较慢 ------start
+        },
+
+        /*右侧列表 --展开收缩*/
+        selectionPushMap() {
+          this.selectionIconShow = true;
+          this.homesteadListStatus = true;
+          $(".homesteadList_wrap").animate(
+            {
+              right: "0",
+            },
+            300
+          );
+        },
+        homesteadListShrink() {
+          this.selectionIconShow = false;
+          // this.checked =["zjdSx","zrzSx","fsssSx"];
+          $(".homesteadList_wrap").animate(
+            {
+              right: "-300px",
+            },
+            300
+          );
+          setTimeout(() => {
+            this.homesteadListStatus = false;
+          }, 300);
+        },
+        checkClick(res){
+          // 1、全选与不全选模块
+          $(".checkall").change(function() {
+            $(".item-list-checkbox .checkitem").prop("checked", $(this).prop("checked"));
+            if($(this).prop("checked")){
+
+            }else {
+
+            }
+          });
+          // 2、小复选框模块
+          $(".checkitem").change(function() {
+            if ($(".checkitem:checked").length === $(".checkitem").length) {
+              $(".checkall").prop("checked", true);
+            } else {
+              $(".checkall").prop("checked", false);
+            }
+          })
+        },
+        //绘制多边形地图
+        drawMapPolygonFun() {
+
+        },
+        guidProduct(){
+          return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+            var r = Math.random() * 16 | 0,
+              v = c == 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+          });
+        },
+        //宅基地点击地图核查
+        zjdHc(){
+          if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){
+            if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+              this.mapZjdTeAll.active =1;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              //this.$router.push({path:'/homesteadSurvey/add'});
+            }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){
+              if(this.mapZjdTeAll.mapZjdAData !=""){
+                this.mapZjdTeAll.active = 3;
+                //this.$cookies.set("search",this.mapZjdTeAll);
+                this.$cookies.set("search","")
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              } else {
+                this.$toast("必须有宅基地数据才能进入自然幢核查");
+              }
+            }else {
+              if(this.mapZjdTeAll.mapZjdAData !="") {
+                this.mapZjdTeAll.active = 4;
+                //this.$cookies.set("search", this.mapZjdTeAll);
+                this.$cookies.set("search","")
+                this.$router.push({path: '/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              } else {
+                this.$toast("必须有宅基地数据才能进入附属设施核查");
+              }
+            }
+          } else {
+            this.$dialog.alert({
+              title: '宅基地核查',
+              message: "请从地图中选择图层并点击核查",
+              theme: 'round-button',
+            }).then(() => {
+              // on close
+            });
+          }
+        },
+        //搜索详情跳转
+        zjdSs(item){
+          this.mapZjdTeAll.mapZjdAData ={};
+          this.mapZjdTeAll.mapZrzAData ={};
+          this.mapZjdTeAll.mapFsssAData ={};
+          //this.mapZjdTeAll.active =1;
+          if(item.typeTc =="宅基地"){
+          getZjdzd(item.id).then((response) => {
+            this.mapZjdData = response.data;
+            this.mapZjdTeAll.active = 1;
+            this.mapZjdTeAll.mapZjdAData = this.mapZjdData;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            setTimeout(() => {
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+          });
+          }else if(item.typeTc =="自然幢"){
+            //let =
+            getZjdzd(item.id).then((response) => {
+              this.mapZrzData = response.data;
+              this.mapZjdTeAll.active = 3;
+              this.mapZjdTeAll.mapZrzAData = this.mapZrzData;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              setTimeout(() => {
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+            });
+          }else if(item.typeTc =="附属设施"){
+            getFsss(item.id).then((response) => {
+              this.mapFsssData = response.data;
+              this.mapZjdTeAll.active = 4;
+              this.mapZjdTeAll.mapFsssAData = this.mapFsssData;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              setTimeout(() => {
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+            });
+          }else{
+            this.$toast("无数据请检查后进入核查页面");
+          }
+        },
+        //地图查询
+        toggleSearch() {
+          $("#query").trigger("click");
+        },
+        //
+        checkAllArray(value){
+          if(this.checked.length<3){
+            this.$refs.checkboxGroup.toggleAll(true);
+          }else{
+            this.$refs.checkboxGroup.toggleAll(false);
+          }
+        },
+        //筛选//全选
+        checkAll(val) {
+          this.$refs.checkboxGroup.value.toggleAll(true);
+          return;
+          let checkedCount = this.CheckedAllArr.length
+          if (val) {
+            //全选
+            this.CheckedAllArr = this.dataList.map(item => item.id)
+          } else{
+            //取消全选
+            if (checkedCount === this.dataList.length) {
+              //如果不增加这个条件判断点击某一项时会全部取消
+              this.CheckedAllArr = []
+            }
+          }
+        },
+        //单选
+        handleChecked(value) {
+          // this.checkAllFlag = this.CheckedAllArr.length == this.dataList.length;
+          if (value.length<3){
+            this.checkAllFlag = false;
+          }else{
+            this.checkAllFlag = true;
+          }
+          value.indexOf('zjdSx') == -1 ? this.zjdSx = false : this.zjdSx = true;
+          value.indexOf('zrzSx') == -1 ? this.zrzSx = false : this.zrzSx = true;
+          value.indexOf('fsssSx') == -1 ? this.fsssSx = false : this.fsssSx = true;
+        },
+        closeSearchBox(){
+          this.showSearch = false ;
+          var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+          document.styleSheets[0].insertRule(
+            "@keyframes test2" +
+            "{" +
+            "0%{bottom: 0px}" +
+            "100%{bottom: -" + height + "px;}" +
+            "}"
+          )
+          $('.searchBar_wrap').css({'animation':'test2 0.5s ease-in-out 0s 1 alternate forwards','-webkit-animation':'test2 0.5s ease-in-out 0s 1 alternate forwards'});
+        },
+        zjdTz(){
+          if(this.mapZjdData =="" && this.mapZjdDataTure =="" && this.mapZjdData !=undefined){
+            this.mapZjdTeAll.active =1;
+            this.mapZjdTeAll.mapZjdAData.deptId =this.$cookies.get("item").deptId;
+            this.mapZjdTeAll.mapZjdAData.theGeom =this.htZjdZrzFsss;
+            //this.mapZjdTeAll.mapZjdAData.deptId = this.$cookies.get("item").deptId;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("已选择宅基地，请选择自然幢或附属设施按钮");
+          }
+        },
+        zrzTz(){
+          if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+            this.mapZjdTeAll.active =3;
+            this.mapZjdTeAll.mapZrzAData.theGeom =this.htZjdZrzFsss;
+            this.mapZjdTeAll.mapZrzAData.deptId =this.$cookies.get("item").deptId;
+            //this.mapZjdTeAll.mapZrzAData.deptId = this.$cookies.get("item").deptId;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("请先在地图上选择宅基地后，再选择自然幢按钮");
+          }
+        },
+        fsssTz(){
+          if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+          this.mapZjdTeAll.active =4;
+          this.mapZjdTeAll.mapFsssAData.theGeom =this.htZjdZrzFsss;
+            this.mapZjdTeAll.mapFsssAData.deptId =this.$cookies.get("item").deptId;
+          //this.mapZjdTeAll.mapFsssAData.deptId = this.$cookies.get("item").deptId;
+          //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+          this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("请先在地图上选择宅基地后，再选择附属设施按钮");
+          }
+        },
+        //绘图重置清除之前图层
+        deleteHistory(){
+          $("#deleteHistory").trigger("click");
+        }
+
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-swipe-cell__wrapper{
+    margin-right:-3px;
+  }
+  .hzlxBtn{
+    font-size: 0.3rem;
+    display: inline-block;
+    padding: 2% 0;
+    border-radius: 30PX;
+    color: #FFF;
+    margin-right: 2%;
+    width: 30%;
+    &:last-child{
+      margin: 0;
+    }
+  }
+  .van-cell__title{
+    flex:2
+  }
+  .bannerBg{
+    width: 100%;
+    color:#fff;
+    /*padding:10px;*/
+    background: linear-gradient(134deg,#7ac943 1%, #22b7f2);
+  }
+  .van-hairline--bottom::after {
+    border-bottom-width: 0;
+  }
+  .activeBtn{
+    background:#fff;
+    border-radius:25PX;
+    color:#7AC943;
+    line-height:30PX;
+    text-align:center;
+    font-size:14PX;
+    width: 25%;
+    margin:0 10px;
+    box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
+  }
+  .disactiveBtn{
+    background:rgba(255,255,255,.4);
+    border-radius:25PX;
+    color:#fff;
+    line-height:30PX;
+    text-align:center;
+    font-size:14PX;
+    width: 25%;
+    margin:0 10px;
+    box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
+  }
+  /*.van-cell__label{*/
+  /*  color: #969799;*/
+  /*  font-size: 12px;*/
+  /*  line-height: 20px;*/
+  /*  margin:0*/
+  /*}*/
+  .map_area {
+    width: 50vw;
+    height: 50vh;
+    z-index:1;
+    background:#000;
+    position: fixed;
+    left: 0;
+    top: 0;
+  }
+  .van-field__label{
+    width:50%;
+  }
+  .rightZoom_wrap {
+    position: absolute;
+    right: 3%;
+    top: 35%;
+    margin-top: -200px;
+    background: #fff;
+    margin-bottom: 16px;
+    border-radius: 10px;
+    text-align: center;
+    padding: 15px 20px;
+    img{
+      margin: 0 auto;
+    }
+    .amplification {
+      line-height: 1;
+      font-size: 18px;
+      text-align: center;
+      margin-top: 5px;
+    }
+  }
+  .mapZoom_wrap {
+    position: absolute;
+    right: 3%;
+    top: 50%;
+    margin-top: -200px;
+    background: #fff;
+    margin-bottom: 16px;
+    border-radius: 10px;
+    padding: 0px 20px;
+    div{
+      padding: 15px 0;
+      border-bottom: 1px solid #C9C9C9;
+      &:last-child{
+        border: none;
+      }
+      p{
+        margin-top: 5px;
+      }
+    }
+    .qtMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .clMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .hcMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .htMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .dwMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+  }
+  .rightIcon_wrap {
+    position: absolute;
+    right: 16px;
+    bottom: 160px;
+    .selectionIcon_wrap {
+      width: 74px;
+      background: #fff;
+      border-radius: 10px;
+      padding: 14px 0;
+
+      .icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/selection_icon.png")
+        no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto 4px;
+      }
+      .text {
+        font-size: 24px;
+        text-align: center;
+      }
+    }
+    .positioning_wrap {
+      width: 74px;
+      background: #fff;
+      margin-bottom: 16px;
+      border-radius: 10px;
+      height: 74px;
+      display: flex;
+      justify-content: center; /* 相对父元素水平居中 */
+      align-items: center; /*  子元素相对父元素垂直居中*/
+      .icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/positioning_icon.png")
+        no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto;
+      }
+    }
+  }
+  .homesteadList_wrap {
+    // display: none;
+    display: flex;
+    position: absolute;
+    right: -200px;
+    top: 0px;
+    bottom: 0px;
+    width: 300px;
+    background: #fff;
+    z-index: 999;
+    border-top-left-radius: 15px;
+    border-bottom-left-radius: 15px;
+
+    flex-direction: column;
+    .noInfo_data {
+      font-size: 28px;
+      text-align: center;
+      height: 300px;
+      line-height: 300px;
+      color: #666;
+    }
+    .title_m {
+      color: #333;
+      line-height: 36px;
+      padding: 20px 40px 22px;
+      .name {
+        font-size: 36px;
+        line-height: 42px;
+        height: 42px;
+      }
+      .more_icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/selectionNext_icon.png")
+        no-repeat;
+        float: right;
+        margin-top: 2px;
+      }
+    }
+
+    .main_m {
+      overflow-y: auto;
+      padding: 10px 0;
+      // height: 300px;
+      flex: 1;
+      .flex_block {
+        height: 70px;
+        display: flex;
+        // justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+        padding: 0 40px;
+        &.active {
+          box-shadow: 0px 0px 10px rgba(24, 45, 51, 0.5);
+        }
+        .name_text {
+          font-size: 28px;
+          flex: 0.5;
+          overflow: hidden; /*超出部分隐藏*/
+          white-space: nowrap; /*不换行*/
+          text-overflow: ellipsis; /*超出部分文字以...显示*/
+        }
+        .square_text {
+          font-size: 28px;
+          flex: 0.4;
+        }
+        .operation_mian {
+          flex: 0 0 150px;
+
+          .describe {
+            font-size: 20px;
+            padding: 6px 5px;
+            float: right;
+            color: #fff;
+            border-radius: 30px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            max-width: 150px;
+            &.yph {
+              background: #b026ff;
+            }
+            &.dlzdph {
+              background: #ff6f36;
+            }
+            &.ylz {
+              background: #7fff4c;
+            }
+            &.dlz {
+              background: rgb(255, 232, 76);
+            }
+            &.ylzdph {
+              background: #ff7dd0;
+            }
+            &.zy {
+              background: rgb(100, 30, 100);
+            }
+            &.xz {
+              background: rgb(60, 100, 180);
+            }
+            &.chdb {
+              background: #fe0303;
+            }
+          }
+        }
+      }
+    }
+    .footerBtn_wrap {
+      flex: 0 0 90px;
+      display: flex;
+      justify-content: center; /* 相对父元素水平居中 */
+      align-items: center; /*  子元素相对父元素垂直居中 */
+
+      .options {
+        flex: 1;
+        font-size: 38px;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+        height: 90px;
+        &:first-child {
+          border-bottom-left-radius: 15px;
+        }
+        &.active {
+          background: #3cbf5b;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .checkbox {
+    width: 200px;
+    margin: 30px auto;
+  }
+
+  .thead-checkbox {
+    background-color: lightgray;
+  }
+
+  .item-checkbox {
+    border: 1px solid darkgray;
+  }
+  .van-sticky{position: fixed;top: 0;right: 0; left: 0;z-index: 9999;}
+
+  .searchBar_wrap {
+    // display: none;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    padding: 0px 16px 0px 13px;
+    background: #fff;
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+    z-index: 9;
+
+    .searchBox{
+      height: 40vh;
+      overflow-y: scroll;
+      .van-cell{
+        /*&:first-child{*/
+        /*  box-shadow: none;*/
+        /*  margin:0;*/
+        /*}*/
+        box-shadow: 0px 0px 5px #cccccc;
+        border-radius: 15PX;
+        width: 98%;
+        margin: 0 auto;
+        margin-bottom: 0.35rem;
+        &:first-child{
+          margin-top: 5px;
+        }
+      }
+      .van-cell__title{
+        flex: 0.8;
+        p{
+          color: rgb(34, 183, 242);
+          .van-icon{
+            vertical-align: middle;
+          }
+          span{
+            vertical-align: middle;
+            &:nth-child(2){
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              display: inline-block;
+              width: 60%;
+            }
+            &:nth-child(3){
+              font-size: 0.25rem;
+              border-radius: 5PX;
+              padding: 5PX 15PX;
+              margin-left: 5%;
+            }
+          }
+        }
+      }
+      .van-cell__value{
+        flex: 0.2;
+        p{
+          font-size: 0.25rem;
+          display: inline-block;
+          border-radius: 1rem;
+          line-height: 1;
+          padding: 10%;
+        }
+      }
+    }
+    .actionBar_wrap {
+      display: flex;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+
+      background: #fff;
+      border-top-left-radius: 15px;
+      border-top-right-radius: 15px;
+      .m_list {
+        flex: 1;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+
+        .tensile,
+        .positioning,
+        .spacing,
+        .scale {
+          width: 76px;
+          height: 72px;
+          background: #ffffff;
+          border-radius: 8px;
+          box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);
+          .icon {
+            width: 76px;
+            height: 72px;
+          }
+          &.active {
+            background: #333;
+            &.tensile {
+              .icon {
+                background: url("../../assets/images/homestead/operation/tensile_active.png")
+                center center no-repeat;
+                background-size: 38px 50px;
+              }
+            }
+            &.positioning {
+              .icon {
+                background: url("../../assets/images/homestead/operation/positioning_active.png")
+                center center no-repeat;
+                background-size: 38px 48px;
+              }
+            }
+            &.spacing {
+              .icon {
+                background: url("../../assets/images/homestead/operation/spacing_active.png")
+                center center no-repeat;
+                background-size: 46px 46px;
+              }
+            }
+            &.scale {
+              .icon {
+                background: url("../../assets/images/homestead/operation/scale_active.png")
+                center center no-repeat;
+                background-size: 48px 48px;
+              }
+            }
+          }
+        }
+        .tensile {
+          .icon {
+            background: url("../../assets/images/homestead/operation/tensile.png")
+            center center no-repeat;
+            background-size: 38px 50px;
+          }
+        }
+        .positioning {
+          .icon {
+            background: url("../../assets/images/homestead/operation/positioning.png")
+            center center no-repeat;
+            background-size: 38px 48px;
+          }
+        }
+        .spacing {
+          .icon {
+            background: url("../../assets/images/homestead/operation/spacing.png")
+            center center no-repeat;
+            background-size: 46px 46px;
+          }
+        }
+        .scale {
+          .icon {
+            background: url("../../assets/images/homestead/operation/scale.png")
+            center center no-repeat;
+            background-size: 48px 48px;
+          }
+        }
+        .closes {
+          background: url("../../assets/images/homestead/searchBar_close.png")
+          no-repeat;
+          background-size: 100% 100%;
+          width: 72px;
+          height: 72px;
+          &.gray {
+            background: url("../../assets/images/homestead/searchBar_close_gray.png")
+            no-repeat;
+            background-size: 100% 100%;
+          }
+        }
+        .correct {
+          background: url("../../assets/images/homestead/searchBar_save.png")
+          no-repeat;
+          background-size: 100% 100%;
+          width: 72px;
+          height: 72px;
+        }
+      }
+    }
+    .searchBar_area {
+      flex: 1;
+      height: 80px;
+      background: #f1f1f1;
+      border: 1px solid #dfdfdf;
+      border-radius: 10px;
+      padding: 0 28px;
+      display: flex;
+      .bar_icon {
+        width: 50px;
+        height: 50px;
+        background: url("../../assets/images/homestead/searchBar_bar.png")
+        center center no-repeat;
+        background-size: 100% 100%;
+        margin-top: 14px;
+        margin-right: 15px;
+      }
+      .bar_ipt {
+        flex: 1;
+        input {
+          width: 100%;
+          height: 100%;
+          background: none;
+          border: 0 none;
+          font-size: 32px;
+        }
+      }
+      .bar_text {
+        flex: 0 0 80px;
+        font-size: 32px;
+        color: #333333;
+        font-family: PingFang SC, PingFang SC-Regular;
+        font-weight: 400;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+      }
+    }
+    .searchBar_more {
+      flex: 0 0 80px;
+      background: url("../../assets/images/homestead/searchBar_add.png") center
+      center no-repeat;
+      background-size: 80% 80%;
+      margin-left: 15px;
+    }
+  }
+</style>
+
diff --git a/src/views/homesteadSurvey/list4.vue b/src/views/homesteadSurvey/list4.vue
new file mode 100644
index 00000000..4b3e6f3d
--- /dev/null
+++ b/src/views/homesteadSurvey/list4.vue
@@ -0,0 +1,6693 @@
+<template>
+  <div class="app-container">
+    <van-sticky>
+      <div class="bannerBg" style="">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="onClickLeft"
+          @click-right="showUploadList"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size=".5rem" color="#fff" />
+          </template>
+          <template #right>
+            <van-icon v-if="$cookies.get('upload')!=null&&$cookies.get('upload')==1" name="photo-o" size=".5rem" color="#fff"/>
+          </template>
+          <template #title>
+            <p style="color:#fff">{{item.deptName}}</p>
+          </template>
+        </van-nav-bar>
+        <van-popup v-model:show="showImageList" position="bottom" style="height:40vh;padding:50px 10px 0" closeable
+                   close-icon="close">
+          <p style="color:#000;position:absolute;top:0.426667rem;left:0.426667rem">图片上传</p>
+          <div style="width:100%;height:calc( 40vh - 100px);overflow-y: scroll;">
+
+            <van-uploader v-model="uploadImgList" :after-read="beforeReadImageList" @delete="deleteFileImageList" multiple :max-count="50"  />
+          </div>
+          <van-row justify="space-around" style=" position:fixed;bottom:0;left:0;width:100%;height:50px;text-align: center;">
+            <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="uploadImgList = [],uploadImgList1 = []">清空</van-button></van-col>
+            <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="submitUploadList">上传</van-button></van-col>
+          </van-row>
+        </van-popup>
+        <div style="display:flex;width:94%;margin:0 auto;justify-content:space-between;padding: 10px 0">
+          <div style="display:flex;width:90%;margin:0 auto;">
+            <div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="activeBtn=1,getDc()"
+            ><van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn1'+(activeBtn!=1?'1':'')+'.png')" />
+              入户核查
+            </div>
+            <div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="activeBtn=2,getNh()">
+              <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn2'+(activeBtn!=2?'2':'')+'.png')" />
+              农户信息
+            </div>
+            <div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="activeBtn=3,getSyqr()">
+              <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn3'+(activeBtn!=3?'3':'')+'.png')" />
+              所有权人
+            </div>
+            <div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }"  @click="activeBtn=4,mapShow()">
+              <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn4'+(activeBtn!=4?'4':'')+'.png')" />
+              切换地图
+            </div>
+          </div>
+        </div>
+      </div>
+      <div style="background:#fff;padding:10px 0;">
+        <div style="border:1px solid rgb(122, 201, 67);width:90%;margin:0 auto;border-radius:15px;height:.8rem;display:flex;font-size:.3rem;">
+          <div style="flex:1;text-align:center;">
+            <span style="color:rgb(122, 201, 67);line-height:.8rem;">总户数：</span>
+            <span style="color:rgb(250, 83, 83);line-height:.8rem;">{{totalH}} <span style="font-size:12px;">户</span></span>
+          </div>
+          <div style="flex:1;text-align:center;">
+            <span style="color:rgb(122, 201, 67);line-height:.8rem">总人数：</span>
+            <span style="color:rgb(250, 83, 83);line-height:.8rem">{{totalR}} <span style="font-size:12px;">人</span></span>
+          </div>
+        </div>
+      </div>
+    </van-sticky>
+    <div v-if="activeBtn==1">
+      <van-search v-model="zjdvalue" placeholder="请输入搜索关键词" show-action @search="onSearchzjd">
+        <template #action>
+          <van-icon name="add" color="rgba(122,201,67,1)" size=".8rem" @click="onClickzjd" style="vertical-align:middle;"/>
+        </template>
+      </van-search>
+      <van-tabs v-model="active" title-active-color="#7AC943" color="#7AC943" @click="getZjdList">
+        <van-tab >
+          <template #title>全部<van-badge v-if="qbNums>=0" :content="qbNums" /></template>
+          <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->
+            <van-list
+              v-model:loading="loading1"
+              :finished="finished1"
+              finished-text="没有更多了"
+              @load="onRefreshzjd"
+              :immediate-check="false"
+            >
+          <van-cell  v-for="(item,index) in list" :key="index" size="small"  :clickable="true"  style="border-radius: 16px;
+          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+            <template #title>
+              <p  style="color:#22B7F2">{{limitWords(item.syqr)}}
+                <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看</van-button>
+                <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">调查</van-button>
+                <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>
+                <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='0'" style="color:#ff976a;float:right;font-size:12px;margin-right:10px;">待审核</span>
+                <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='1'" style="color:#07c160;float:right;font-size:12px;margin-right:10px;">已审核</span>
+                <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>
+              </p>
+            </template>
+            <!--<template #default>
+
+            </template>-->
+            <template #label>
+              <p>宅基地代码:  {{item.zjddm}} </p>
+              <p>宗地面积: {{item.zdmj}}㎡
+                <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>
+              </p>
+            </template>
+            <template #icon>
+              <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+            </template>
+          </van-cell>
+            </van-list>
+          <!--</van-pull-refresh>-->
+        </van-tab>
+        <van-tab >
+          <template #title>已核查<van-badge v-if="yhcNums>=0" :content="yhcNums" /></template>
+          <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->
+          <van-list
+            v-model:loading="loading2"
+            :finished="finished2"
+            finished-text="没有更多了"
+            @load="onRefreshzjd"
+            :immediate-check="false"
+          >
+          <van-cell  v-for="(item,index) in list1" :key="index" size="small" :clickable="true"  style="border-radius: 16px;
+          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+            <template #title>
+              <p style="color:#22B7F2">{{limitWords(item.syqr)}}
+                <van-button  plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看</van-button>
+                <span v-if="item.zjdAudit=='0'" style="color:#ff976a;float:right;font-size:12px;margin-right:10px;">待审核</span>
+                <span v-if="item.zjdAudit=='1'" style="color:#07c160;float:right;font-size:12px;margin-right:10px;">已审核</span>
+                <span v-if="item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>
+                <!--<van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'" plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">开始调查</van-button>
+                <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>-->
+              </p>
+            </template>
+            <!--<template #default>
+              <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
+              <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>
+            </template>-->
+            <template #label>
+              <p>宅基地代码:  {{item.zjddm}} </p>
+              <p>宗地面积: {{item.zdmj}}㎡
+                <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>
+              </p>
+            </template>
+            <template #icon>
+              <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+            </template>
+          </van-cell>
+          </van-list>
+          <!--</van-pull-refresh>-->
+        </van-tab>
+        <van-tab >
+          <template #title>未核查<van-badge v-if="whcNums>=0" :content="whcNums" /></template>
+          <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->
+          <van-list
+            v-model:loading="loading3"
+            :finished="finished3"
+            finished-text="没有更多了"
+            @load="onRefreshzjd"
+            :immediate-check="false"
+          >
+          <van-cell  v-for="(item,index) in list2" :key="index" size="small"  :clickable="true"  style="border-radius: 16px;
+          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+            <template #title>
+              <p style="color:#22B7F2">{{limitWords(item.syqr)}}
+                <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看</van-button>
+                <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">调查</van-button>
+                <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>
+                <span v-if="item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>
+              </p>
+            </template>
+            <!--<template #default>
+              <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
+              <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>
+            </template>-->
+            <template #label>
+              <p>宅基地代码:  {{item.zjddm}} </p>
+              <p>宗地面积: {{item.zdmj}}㎡
+
+                <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>
+              </p>
+            </template>
+            <template #icon>
+              <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+            </template>
+          </van-cell>
+            </van-list>
+          <!--</van-pull-refresh>-->
+        </van-tab>
+      </van-tabs>
+    </div>
+    <div v-if="activeBtn==2" >
+      <van-search v-model="nhvalue" placeholder="请输入农户姓名或证件号" show-action @search="onSearchnh">
+        <template #action>
+          <van-icon name="add" color="rgba(122,201,67,1)" size=".8rem" @click="onClicknh" style="vertical-align:middle;"/>
+        </template>
+      </van-search>
+      <van-pull-refresh v-model="isLoadingnh" @refresh="onRefreshnh">
+      <van-cell  v-for="(item,index) in nhlist" :key="index" size="small"  style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+        <template #title>
+          <p style="color:#22B7F2">{{item.hzxm}}
+            <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;margin-left:10px;" @click="showPopuphncylist(item)">查看成员</van-button>
+            <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;margin-left:10px;" @click="showPopupnh(item)">查看户主</van-button>
+            <van-button plain round color="#FA5353" size="mini" v-if="!isFinished" style="vertical-align:middle;float:right;" @click="deletenh(item,index)">删除</van-button>
+          </p>
+        </template>
+<!--        <template #default>
+
+        </template>-->
+        <template #label>
+          <p>证件号码:{{item.hzzjhm}}</p>
+          <p>农户代码:{{item.nhdm}}</p>
+        </template>
+        <template #icon>
+          <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+        </template>
+      </van-cell>
+      </van-pull-refresh>
+    </div>
+    <div v-if="activeBtn==3">
+      <van-form @submit="onSubmitsyqr">
+        <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.qydm"
+            name="区域代码"
+            label="区域代码"
+            placeholder="禁止修改"
+            disabled
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.suyqrdm"
+            name="所有权人代码"
+            label="所有权人代码"
+            disabled
+            placeholder="自动生成"
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.suyqrmc"
+            name="所有权人名称"
+            label="所有权人名称"
+            required
+            placeholder="所有权人名称"
+            input-align="right"
+            :rules="[{ required: true, message: '所有权人名称不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.suyqxzName"
+            name="所有权性质"
+            label="所有权性质"
+            required
+            placeholder="所有权性质"
+            input-align="right"
+            :rules="[{ required: true, message: '所有权性质不能为空' }]"
+            @click="showsuyqxz = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.suyqxz"
+            style="display:none"
+          />
+          <van-popup v-model="showsuyqxz" position="bottom" input-align="right">
+            <van-picker
+              show-toolbar
+              :columns="suyqxzOptions"
+              value-key="dictLabel"
+              @confirm="onConfirmsuyqxz"
+              @cancel="showsuyqxz = false"
+            />
+          </van-popup>
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrxm"
+            name="代表人姓名"
+            label="代表人姓名"
+            required
+            placeholder="代表人姓名"
+            input-align="right"
+            :rules="[{ required: true, message: '代表人姓名不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrzjlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrzjlxName"
+            name="代表人证件类型"
+            label="代表人证件类型"
+            required
+            placeholder="代表人证件类型"
+            input-align="right"
+            :rules="[{ required: true, message: '代表人证件类型不能为空' }]"
+            @click="showdbrzjlx = true"
+          />
+          <van-popup v-model="showdbrzjlx" position="bottom" input-align="right">
+            <van-picker
+              show-toolbar
+              :columns="zjlxOptions"
+              value-key="dictLabel"
+              @confirm="onConfirmdbrzjlx"
+              @cancel="showdbrzjlx = false"
+            />
+          </van-popup>
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrzjhm"
+            name="代表人证件号码"
+            label="代表人证件号码"
+            required
+            placeholder="代表人证件号码"
+            input-align="right"
+            :rules="[{ required: true, message: '代表人证件号码不能为空' },{validator:validatorIdcardqlr,message:'身份证号格式错误！'}]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrlxdh"
+            name="代表人联系电话"
+            label="代表人联系电话"
+            placeholder="代表人联系电话"
+            type="number"
+            input-align="right"
+            required
+            :rules="[{ required: true, message: '代表人联系电话不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrtxdz"
+            name="代表人通讯地址"
+            label="代表人通讯地址"
+            required
+            placeholder="代表人通讯地址"
+            input-align="right"
+            :rules="[{ required: true, message: '代表人通讯地址不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbryzbm"
+            name="代表人邮政编码"
+            label="代表人邮政编码"
+            required
+            placeholder="代表人邮政编码"
+            input-align="right"
+            maxlength="6"
+            :rules="[{ required: true, message: '代表人邮政编码不能为空' }]"
+          />
+          <van-field name="radio" label="是否成立农村集体经济组织" required input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="qlrform.sfclncjtjjzz" direction="horizontal">
+                <van-radio name="Y">是</van-radio>
+                <van-radio name="N">否 </van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrxm"
+            name="代理人姓名"
+            label="代理人姓名"
+            placeholder="代理人姓名"
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrzjlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrzjlxName"
+            name="代理人证件类型"
+            label="代理人证件类型"
+            placeholder="代理人证件类型"
+            input-align="right"
+            @click="showdlrzjlx = true"
+          />
+          <van-popup v-model="showdlrzjlx" position="bottom" input-align="right">
+            <van-picker
+              show-toolbar
+              :columns="zjlxOptions"
+              value-key="dictLabel"
+              @confirm="onConfirmdlrzjlx"
+              @cancel="showdlrzjlx = false"
+            />
+          </van-popup>
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrzjhm"
+            name="代理人证件号码"
+            label="代理人证件号码"
+            placeholder="代理人证件号码"
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrlxdh"
+            name="代理人联系电话"
+            label="代理人联系电话"
+            placeholder="代理人联系电话"
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrtxdz"
+            name="代理人通讯地址"
+            label="代理人通讯地址"
+            placeholder="代理人通讯地址"
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlryzbm"
+            name="代理人邮政编码"
+            label="代理人邮政编码"
+            placeholder="代理人邮政编码"
+            input-align="right"
+          />
+        </div>
+      <div style="border-radius: 16px;
+          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.ncjtjjzzdm"
+          name="农村集体经济组织代码"
+          label="农村集体经济组织代码"
+          placeholder="农村集体经济组织代码"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.ncjtjjzzmc"
+          name="农村集体经济组织名称"
+          label="农村集体经济组织名称"
+          placeholder="农村集体经济组织名称"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.fbfdm"
+          name="发包方代码"
+          label="发包方代码"
+          placeholder="发包方代码"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.fbfmc"
+          name="发包方名称"
+          label="发包方名称"
+          placeholder="发包方名称"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.sjlyName"
+          name="数据来源"
+          label="数据来源"
+          placeholder="数据来源"
+          input-align="right"
+          @click="showsjly = true"
+          required
+          :rules="[{ required: true, message: '数据来源不能为空' }]"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.sjly"
+          style="display:none"
+        />
+        <van-popup v-model="showsjly" position="bottom" input-align="right">
+          <van-picker
+            show-toolbar
+            :columns="sjlyOptions"
+            value-key="dictLabel"
+            @confirm="onConfirmsjly"
+            @cancel="showsjly = false"
+          />
+        </van-popup>
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.bz"
+          name="备注"
+          label="备注"
+          placeholder="备注"
+          input-align="right"
+        />
+      </div>
+        <div style="margin: 16px;" v-if="!isFinished">
+          <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+        </div>
+      </van-form>
+  </div>
+    <div v-if="activeBtn==4" style="overflow:hidden">
+      <!--      <van-search placeholder="请输入宅基地号查询" v-if="false">
+              <template #action>
+              </template>
+            </van-search>-->
+      <div id="mapWrapAll" style="width: 100%;height: calc(100vh - 247px);"></div>
+      <div id="info" style="display: none"></div>
+      <div id="deleteHistory" style="display: none"></div>
+      <div id="deleteHistoryMap" style="display: none"></div>
+      <van-overlay :show="showSearch" @click="closeSearchBox" />
+      <!--搜索栏目-->
+      <div class="searchBar_wrap" :style="{bottom : bottomHeight}">
+        <van-search
+          v-model="seachText"
+          show-action
+          placeholder="请输入宗地或权利人信息"
+        >
+          <template #action>
+            <div id="query">搜索</div>
+          </template>
+        </van-search>
+        <div class="searchBox" style="display: none;">
+          <van-cell center v-for="(item,index) in mapDataAll" :key="index">
+            <template #title>
+              <p><van-icon name="manager" /><span>{{item.syqr}}</span><span style="background: rgba(122, 201, 67, 0.4);color:#7ac943">{{item.paceType}}</span>
+                <!--<span style="background: rgba(122, 201, 67, 0.4);color:#7ac943">{{item.typeTc}}</span>--></p>
+            </template>
+            <template #default>
+              <p style="border: 1px solid #7ac943;color:#7ac943;" @click="zjdSs(item)">查看详情</p>
+            </template>
+            <template #label>
+              <p style="font-size: 0.25rem;color: #666666;">宅基地代码 {{item.zjddm}}</p>
+              <p style="font-size: 0.25rem;color: #666666;">宗地面积 {{item.zdmj}}㎡</p>
+            </template>
+          </van-cell>
+        </div>
+      </div>
+      <!--图层-->
+      <div class="rightZoom_wrap">
+        <img src="../../assets/images/housesteadSurvey/tool1.png">
+        <div class="amplification" @click="selectionPushMap">图层</div>
+      </div>
+      <!--放大缩小-->
+      <div class="mapZoom_wrap">
+        <div class="qtMap" id="mapAllQt">
+          <img src="../../assets/images/housesteadSurvey/tool2.png">
+          <p>全图</p>
+        </div>
+        <div class="clMap" @click="" id="area">
+          <img src="../../assets/images/housesteadSurvey/tool3.png">
+          <p>测量</p>
+        </div>
+        <div class="hcMap" @click="zjdHc">
+          <img src="../../assets/images/housesteadSurvey/tool4.png">
+          <p>核查</p>
+        </div>
+        <div class="htMap" @click="" id="htMapAll">
+          <img src="../../assets/images/housesteadSurvey/tool5.png">
+          <p>绘图</p>
+        </div>
+        <div class="dwMap" @click="" id="dwMapAll">
+          <img src="../../assets/images/housesteadSurvey/tool6.png">
+          <p>定位</p>
+        </div>
+      </div>
+
+      <!--列表拉取详情-->
+      <div class="homesteadList_wrap" v-show="homesteadListStatus">
+        <div class="main_m">
+          <div class="title_m">
+            <div class="more_icon" @click="homesteadListShrink"></div>
+            <div class="name">筛选列表</div>
+          </div>
+
+          <div style="padding: 10px 15px;">
+            <van-checkbox name="all" shape="square" id="checkAll" v-model="checkAllFlag" @click="checkAllArray">全选</van-checkbox>
+            <div style="height: 15px;"></div>
+            <van-checkbox-group v-model="checked" @change="handleChecked" ref="checkboxGroup">
+              <van-checkbox name="fsssSx" shape="square" style="margin-bottom: 5px;" id="fsssSx">
+                <template #default>
+                  附属设施<span style="display: inline-block;background: #00FFFF;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>
+                </template>
+              </van-checkbox>
+              <van-checkbox name="zrzSx" shape="square" style="margin-bottom: 5px;" id="zrzSx">
+                <template #default>
+                  自<i style="margin-right: 0.5em;"></i>然<i style="margin-right: 0.5em;"></i>幢<span style="display: inline-block;background: #FFD306;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>
+                </template>
+              </van-checkbox>
+              <van-checkbox name="zjdSx" shape="square" style="margin-bottom: 5px;" id="zjdSx">
+                <template #default>
+                  宅<i style="margin-right: 0.5em;"></i>基<i style="margin-right: 0.5em;"></i>地<span style="display: inline-block;background: #AE57A4;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>
+                </template>
+              </van-checkbox>
+            </van-checkbox-group>
+          </div>
+        </div>
+      </div>
+      <van-overlay :show="selectionIconShow" @click="homesteadListShrink" />
+    </div>
+    <van-popup v-model="shownh" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="shownh=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">{{nhform.id?"":"新增"}}户主信息</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="margin:20px;">
+        <van-form @submit="onSubmitnh">
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.suyqrdm"
+            name="所有权人代码"
+            label="所有权人代码"
+            placeholder="所有权人代码"
+            required
+            disabled
+            :rules="[{ required: true, message: '所有权人代码不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.nhdm"
+            name="农户代码"
+            label="农户代码"
+            placeholder="自动生成"
+            disabled
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.hzxm"
+            name="户主姓名"
+            label="户主姓名"
+            placeholder="户主姓名"
+            required
+            :rules="[{ required: true, message: '户主姓名不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.hzzjlxName"
+            name="户主证件类型"
+            label="户主证件类型"
+            placeholder="户主证件类型"
+            required
+            readonly
+            :rules="[{ required: true, message: '户主证件类型不能为空' }]"
+            @click="showhzzjlx = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.hzzjlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.hzzjhm"
+            input-align="right"
+            name="户主证件号码"
+            label="户主证件号码"
+            placeholder="户主证件号码"
+            required
+            :rules="[{ required: true, message: '户主证件号码不能为空' },{validator:validatorIdcardnh,message:'身份证号格式错误！'}]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.txdz"
+            name="通讯地址"
+            label="通讯地址"
+            placeholder="通讯地址"
+            required
+            :rules="[{ required: true, message: '通讯地址不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.hncysl"
+            name="户内成员数量"
+            label="户内成员数量"
+            placeholder="户内成员数量"
+            required
+            :rules="[{ required: true, message: '户内成员数量不能为空' }]"
+          />
+          <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.hyzk" direction="horizontal">
+                <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.phone"
+            name="电话号码"
+            label="电话号码"
+            placeholder="电话号码"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.occupationName"
+            name="职业"
+            label="职业"
+            placeholder="职业"
+            required
+            readonly
+            :rules="[{ required: true, message: '职业不能为空' }]"
+            @click="showhzoccupation = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.occupation"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.jzqkName"
+            name="居住情况"
+            label="居住情况"
+            placeholder="居住情况"
+            required
+            readonly
+            :rules="[{ required: true, message: '居住情况不能为空' }]"
+            @click="showhzjzqk = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.jzqk"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.jzhcssfyzfName"
+            name="在集镇或城市是否有住房"
+            label="在集镇或城市是否有住房"
+            placeholder="在集镇或城市是否有住房"
+            required
+            readonly
+            :rules="[{ required: true, message: '在集镇或城市是否有住房不能为空' }]"
+            @click="showhzjzhcssfyzf = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.jzhcssfyzf"
+            style="display:none"
+          />
+          <van-field name="radio" label="在其他村庄是否有住房" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.zqtczsfyzf" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否本村村民" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.sfbccm" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.sfpkh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.sfwbh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.sjlyName"
+            name="数据来源"
+            label="数据来源"
+            placeholder="数据来源"
+            required
+            readonly
+            :rules="[{ required: true, message: '能为空' }]"
+            @click="showhzsjly = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.sjly"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.bz"
+            name="备注"
+            label="备注"
+            placeholder="备注"
+          />
+          <div style="text-align:center;overflow:auto;">
+            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" native-type="button" @click="showPopuphncylist(nhform)">查看户内成员列表</van-button>
+          </div>
+          <div style="margin: 16px;" v-if="!isFinished">
+            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    <!--户主数据来源-->
+    <van-popup v-model="showhzsjly" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="sjlyOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzsjly"
+        @cancel="showhzsjly = false"
+      />
+    </van-popup>
+    <!--户内成员数据来源-->
+    <van-popup v-model="showhncysjly" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="sjlyOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncysjly"
+        @cancel="showhncysjly = false"
+      />
+    </van-popup>
+    <!--集市或城市是否有住房-->
+    <van-popup v-model="showhzjzhcssfyzf" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="jzhcssfyzfOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzjzhcssfyzf"
+        @cancel="showhzjzhcssfyzf = false"
+      />
+    </van-popup>
+    <!--户主证件类型-->
+    <van-popup v-model="showhzzjlx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="zjlxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzzjlx"
+        @cancel="showhzzjlx = false"
+      />
+    </van-popup>
+    <!--户内成员证件类型-->
+    <van-popup v-model="showhncyzjlx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="zjlxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncyzjlx"
+        @cancel="showhncyzjlx = false"
+      />
+    </van-popup>
+    <!--户内成员与户主关系-->
+    <van-popup v-model="showhncyyhzgx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="yhzgxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncyyhzgx"
+        @cancel="showhncyyhzgx = false"
+      />
+    </van-popup>
+    <!--户内成员职业-->
+    <van-popup v-model="showhncyoccupation" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="occupationOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncyoccupation"
+        @cancel="showhncyoccupation = false"
+      />
+    </van-popup>
+    <!--户内成员成员备注-->
+    <van-popup v-model="showhncycybz" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="cybzOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncycybz"
+        @cancel="showhncycybz = false"
+      />
+    </van-popup>
+    <!--户内成员居住情况-->
+    <van-popup v-model="showhncyjzqk" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="jzqkOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncyjzqk"
+        @cancel="showhncyjzqk = false"
+      />
+    </van-popup>
+    <!--户主职业-->
+    <van-popup v-model="showhzoccupation" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="occupationOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzoccupation"
+        @cancel="showhzoccupation = false"
+      />
+    </van-popup>
+    <!--户主居住情况-->
+    <van-popup v-model="showhzjzqk" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="jzqkOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzjzqk"
+        @cancel="showhzjzqk = false"
+      />
+    </van-popup>
+
+    <van-popup v-model="showhncylist" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="showhncylist=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">户内成员列表</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <van-swipe-cell v-for="(item,index) in hncylist" :key="index" @click.native="showPopuphncy(item)" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
+        <div style="padding:20px;">
+          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>
+            {{item.xm}}</p>
+          <div style="display:flex;line-height:20px">
+            <p style="flex:1;text-align:left;">证件号码</p>
+            <p  style="flex:1;text-align:right;">{{item.zjhm}}</p>
+          </div>
+          <div style="display:flex;line-height:20px">
+            <p style="flex:1;text-align:left;">与户主关系</p>
+            <p style="flex:1;text-align:right;">{{yhzgxfy(item.yhzgx)}}</p>
+          </div>
+        </div>
+        <template #right v-if="!isFinished">
+          <van-button square text="设为户主" type="primary" style="height:100%" @click="setNh(item,index)"/>
+          <van-button square text="删除" type="danger" style="height:100%" @click="deletehncy(item.id,index)" />
+        </template>
+      </van-swipe-cell>
+      <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;" v-if="!isFinished">
+        <div style="text-align:center;" >
+          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopuphncy('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加户内成员信息</p>
+        </div>
+      </div>
+    </van-popup>
+    <van-popup v-model="showhncy" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="showhncy=!showhncy"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">户内成员</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="margin:20px;">
+        <van-form @submit="onSubmithncy">
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.nhdm"
+            name="农户代码"
+            label="农户代码"
+            placeholder="农户代码"
+            disabled
+            required
+            :rules="[{ required: true, message: '农户代码不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.xm"
+            name="姓名"
+            label="姓名"
+            placeholder="姓名"
+            required
+            :rules="[{ required: true, message: '姓名不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.zjlxName"
+            name="证件类型"
+            label="证件类型"
+            placeholder="证件类型"
+            required
+            :rules="[{ required: true, message: '证件类型不能为空' }]"
+            readonly
+            @click="showhncyzjlx = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.zjlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.yhzgxName"
+            name="与户主关系"
+            label="与户主关系"
+            placeholder="与户主关系"
+            required
+            :rules="[{ required: true, message: '与户主关系不能为空' }]"
+            @click="showhncyyhzgx = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.yhzgx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.zjhm"
+            name="证件号码"
+            label="证件号码"
+            placeholder="证件号码"
+            required
+            :rules="[{ required: true, message: '证件号码不能为空' },{validator:validatorIdcardhncy,message:'身份证号格式错误！'}]"
+          />
+          <van-field autocomplete="off" name="radio" label="性别" input-align="right" required
+                     :rules="[{ required: true, message: '性别不能为空' }]">
+            <template #input>
+              <van-radio-group v-model="form5.xb" direction="horizontal">
+                <van-radio name="1">男</van-radio>
+                <van-radio name="2">女</van-radio>
+                <van-radio name="3">不详</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.lxdh"
+            name="联系电话"
+            label="联系电话"
+            placeholder="联系电话"
+          />
+          <van-field name="radio" label="户口类型" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.hklx" direction="horizontal">
+                <van-radio name="01">农业</van-radio>
+                <van-radio name="02">非农业</van-radio>
+                <van-radio name="03">其他</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.hyzk" direction="horizontal">
+                <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否本集体经济组织成员" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.sfbjtjjzzcy" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.cybzName"
+            name="成员备注"
+            label="成员备注"
+            placeholder="成员备注"
+            @click="showhncycybz = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.cybz"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.cybzsm"
+            name="成员备注说明"
+            label="成员备注说明"
+            placeholder="成员备注说明"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.occupationName"
+            name="职业"
+            label="职业"
+            placeholder="职业"
+            required
+            :rules="[{ required: true, message: '' }]"
+            @click="showhncyoccupation = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.occupation"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.jzqkName"
+            name="居住情况"
+            label="居住情况"
+            placeholder="居住情况"
+            required
+            :rules="[{ required: true, message: '' }]"
+            @click="showhncyjzqk = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.jzqk"
+            style="display:none"
+          />
+          <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.sfpkh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.sfwbh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.sjlyName"
+            name="数据来源"
+            label="数据来源"
+            placeholder="数据来源"
+            required
+            :rules="[{ required: true, message: '' }]"
+            @click="showhncysjly = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.sjly"
+            style="display:none"
+          />
+          <div style="margin: 16px;" v-if="!isFinished">
+            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+
+    <!--绘制结束弹窗开始-->
+    <van-popup v-model:show="showhzht" style="width: 94%;border-radius: 15PX" :close-on-click-overlay="false">
+      <div style="padding: 5px 3% 3%;">
+        <h1 style="font-size: 0.35rem;font-weight: 400;border-bottom: 1px solid #ccc; line-height: 0.8rem;"><i style="display: inline-block;width: 1%;height: 0.4rem;background: #7ac943;vertical-align: middle;margin-right: 1%;"></i>是否完成绘制</h1>
+
+        <div style="text-align: center;margin-top: 3%;">
+          <p style="font-size: 0.3rem;display: inline-block;background: #ccc;padding: 2% 0;border-radius: 30PX;color: #FFF;margin-right: 10%;width: 40%" @click="deleteHistory">否</p>
+          <p style="font-size: 0.3rem;display: inline-block;background: #7ac943;padding: 2% 0;border-radius: 30PX;color: #FFF;width: 40%" @click="showhzlx = true,showhzht = false">是</p>
+        </div>
+      </div>
+    </van-popup>
+
+    <!--  background: #ccc  -->
+
+    <van-popup v-model:show="showhzlx" style="width: 94%;border-radius: 15PX">
+      <div style="padding: 5px 3% 3%;">
+        <h1 style="font-size: 0.35rem;font-weight: 400;border-bottom: 1px solid #ccc; line-height: 0.8rem;"><i style="display: inline-block;width: 1%;height: 0.4rem;background: #7ac943;vertical-align: middle;margin-right: 1%;"></i>请选择绘制类型<van-icon name="cross" color="#666666" style="position: absolute;right: 2%;top: 0.1rem" @click="showhzlx = false,showhzht = true" /></h1>
+
+        <div style="text-align: center;margin-top: 3%;">
+          <p class="hzlxBtn" :style="{background: mapZjdData ? '#CCC':'#7ac943'}" @click="zjdTz">宅基地</p>
+          <p class="hzlxBtn" :style="{background: mapZjdData ? '#b026ff':'#CCC'}" @click="zrzTz">自然幢</p>
+          <p class="hzlxBtn" :style="{background: mapZjdData ? '#3ac2db':'#CCC'}" @click="fsssTz">附属设施</p>
+        </div>
+      </div>
+    </van-popup>
+    <!--绘制结束弹窗结束-->
+  </div>
+</template>
+
+<script>
+    import {listZjdzd,getQueryLand,getZjdzd,delZjdzdInfo,uploadFile,submitUploadImageList} from "@/api/homesteadSurvey/zjdzd";
+    import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";
+    import {addNhhncy, delNhhncy, exportNhhncy, getNhhncy, listNhhncy, updateNhhncy} from "@/api/homesteadSurvey/nhhncy";
+    import {listShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr";
+    import {listSuyqr,updateSuyqr,addSuyqr} from "@/api/homesteadSurvey/suyqr";
+    import {listZrz,getZrzZjdDmList,getZrz} from "@/api/homesteadSurvey/zrz";
+    import {listFsss,getFsssZjdDmList,getFsss} from "@/api/homesteadSurvey/fsss";
+    import {getGeoServerConfigKey} from "@/api/system/config";
+    import { listTown, getTown } from "@/api/homesteadSurvey/town";
+    import { listVillage} from "@/api/homesteadSurvey/village";
+    import {deptGetId,} from "@/api/homestead/index";
+    import $ from "jquery";
+    import {Dialog} from "vant";
+    import {ref} from "vue";
+    import axios from "axios";
+    export default {
+      name: "homesteadList",
+      data() {
+        return {
+          loading1:false,
+          finished1:false,
+          loading2:false,
+          finished2:false,
+          loading3:false,
+          finished3:false,
+          //全部
+          qbNums:0,
+          //已调查数量
+          yhcNums:0,
+          //未核查数量
+          whcNums:0,
+          // 总户数
+          totalH:0,
+          // 总人数
+          totalR:0,
+          zjdSx:true,
+          zrzSx :true,
+          fsssSx:true,
+          showhncysjly:false,
+          showhzsjly:false,
+          showhncycybz:false,
+          showhncyzjlx:false,
+          showhncyyhzgx:false,
+          showhzjzhcssfyzf:false,
+          showhncyoccupation:false,
+          showhncyjzqk:false,
+          showhzoccupation:false,
+          showhzjzqk:false,
+          // 下拉刷新
+          isLoadingnh:false,
+          countnh:0,
+          isLoadingzjd:false,
+          countqb:1,
+          countyhc:1,
+          countwhc:1,
+          // 使用权人表单弹出
+          shownh:false,
+          showhzht:false,
+          showhzlx:false,
+          showhncylist:false,
+          showhncy:false,
+          activeBtn:1,
+          value:'',
+          // 宅基地搜索框
+          zjdvalue:"",
+          // 使用权人搜索框
+          nhvalue:"",
+          active:2,
+          // 全部列表
+          list:[],
+          // 已核查列表
+          list1:[],
+          // 未核查列表
+          list2:[],
+          // 户主列表
+          nhlist:[],
+          // 户内成员表单
+          form5: {},
+          // 户内成员列表
+          hncylist:[],
+          currentRate:20,
+          // 使用权人
+          nhform:[],
+          // 户主列表
+          hzform:{},
+          // 权利人列表
+          qlrform:[],
+          // 权利人性质弹出框
+          showsuyqxz:false,
+          // 代理人证件类型弹出框
+          showdlrzjlx:false,
+          // 代表人证件类型弹出框
+          showdbrzjlx:false,
+          // 数据来源弹出框
+          showsjly:false,
+          // 证件类型字典
+          zjlxOptions: [],
+          // 所有权性质字典
+          suyqxzOption: [],
+          // 婚姻状况字典
+          hyzkOptions:[],
+          // 数据来源字典
+          sjlyOptions:[],
+          // 居住情况字典
+          jzqkOptions:[],
+          // 与户主关系字典
+          yhzgxOptions:[],
+          // 职业字典
+          occupationOptions:[],
+          // 集镇或城市是否有住房字典
+          jzhcssfyzfOptions:[],
+          // 成员备注字典
+          cybzOptions:[],
+          columns:[],
+          show1:false,
+          showhzzjlx: false,
+          // 路由传过来的任务基本信息。
+          item: {},
+          //地图使用 --start
+          openMap: false,
+          mapTheGeomZrzId: null,
+          mapTheGeomZjdId: null,
+          mapTheGeomFsssId: null,
+          drawInsert:null,
+          mapZjdData:"",
+          mapZrzData:"",
+          mapFsssData:"",
+          mapZjdDataTure:"",
+          mapZjdTeAll:{
+            active:"",
+            mapZjdAData:{},
+            mapZrzAData:{},
+            mapFsssAData:{},
+          },
+          mapHaDataValue:false,
+          mapHasDateStatus: 0, //0附属设施  1自然幢  2宅基地
+          selectionIconShow:false,
+          homesteadListStatus:false,
+          //地图绘制状态
+          draw: {
+            drawMapPolygon: false, //绘制地图
+          },
+          mapTownList: null,
+          mapVillageList: null,
+          coordinate:"",
+          checked:['zjdSx', 'zrzSx', 'fsssSx'],
+          checkAllMap: false,
+          sx:"",
+          drawingClick:true,
+          //搜索---start
+          seachText: "",
+          //搜索栏目-操作栏显隐
+          searchBarOperVisbile: false,
+          mapDataAll: [],
+          showSearch:false,
+          bottomHeight:'0px',
+          //搜索---end
+          //测面
+          textMjAll:"",
+          clickBbox:"",
+          textMjAllNum:"",
+          //核查
+          zjdHcDy:"",
+          //绘图
+          htZjdZrzFsss:"",
+          //筛选
+          checkAllFlag: true,
+          CheckedAllArr: [],//全选数组
+          dataForm: {
+            imageUrl: []
+          },
+          dataList: [["fsssSx"],["zjdSx"],["zrzSx"]],          //地图使用 --end
+          checkBoxAll:[],
+          //地图跳转存之
+          mapAddJump:"",
+          mapAddJumpNum:"",
+          nhdm:"",
+          backTheGeom:"",
+          //地图服务地址
+          mapGeoServerUrl:"",
+          backMap:"",
+          // 任务完成标记
+          //宅基地点击事件
+          mapXs: false,
+          mapClick:"",
+          isFinished:false,
+          //
+          showImageList:false,
+          uploadImgList:[],
+          uploadImgList1:[],
+          // 字典列表json
+          dictTypeList:null,
+        };
+      },
+      mounted(){
+      },
+      created(){
+        axios.get('../static/dictyType.json').then(res => {
+          this.dictTypeList = res.data
+          this.zjlxOptions = this.dictTypeList.zjlx;
+          this.suyqxzOptions = this.dictTypeList.qsxz;
+          this.sjlyOptions = this.dictTypeList.sjly;
+          this.hyzkOptions = this.dictTypeList.hyzk;
+          this.occupationOptions = this.dictTypeList.occupation;
+          this.jzqkOptions = this.dictTypeList.living_condition;
+          this.jzhcssfyzfOptions = this.dictTypeList.jzhcssfyzf;
+          this.cybzOptions = this.dictTypeList.member_remark;
+        })
+          this.getDicts("family_status").then(response => {
+            var arr = [];
+            response.data.forEach(function (item) {
+              if (item.dictLabel !== '户主') {
+                arr.push(item)
+              }
+            });
+            this.yhzgxOptions = arr;
+          });
+          if(this.$cookies.get("search") != null && this.$cookies.get("search") !="" && this.$cookies.get("search")!=undefined){
+            if(this.$cookies.get("search").activeBtn !=null){
+              if(this.$cookies.get("search").activeBtn == 4){
+                // if(location.href.indexOf("#reloaded")==-1){
+                //   location.href=location.href+"#reloaded";
+                //   location.reload();
+                // }
+                this.activeBtn = this.$cookies.get("search").activeBtn;
+                this.item = this.$cookies.get("item");
+                this.mapAddJump = this.$cookies.get("search").backMapZjdAData.deptId;
+                this.backTheGeom = this.$cookies.get("search").backMapZjdAData.theGeom;
+                this.mapZjdData = this.$cookies.get("search").backMapZjdAData;
+                this.mapZjdTeAll.mapZjdAData = this.$cookies.get("search").backMapZjdAData;
+                this.mapClick = this.mapZjdTeAll.mapZjdAData.zjddm;
+                this.mapXs =true;
+                this.zjdHcDy = 1;
+                this.mapZjdDataTure = 1;
+                this.mapAddJumpNum =1;
+                this.mapShow();
+                this.getZjdList();
+                this.getTotalHR();
+                if(this.item.taskStatus=="FINISHED"){
+                    this.isFinished = true
+                }else{
+                  this.isFinished = false
+                }
+              }
+            }else {
+              this.item = this.$cookies.get("item");
+              this.getZjdList();
+              this.getTotalHR();
+              if(this.item.taskStatus=="FINISHED"){
+                this.isFinished = true
+              }else{
+                this.isFinished = false
+              }
+            }
+          }else {
+            this.item = this.$cookies.get("item");
+            this.getZjdList();
+            this.getTotalHR();
+            if(this.item.taskStatus=="FINISHED"){
+              this.isFinished = true
+            }else{
+              this.isFinished = false
+            }
+          }
+      },
+      methods: {
+        showUploadList(){
+          this.showImageList = true;
+        },
+        submitUploadList(){
+          submitUploadImageList(this.uploadImgList1).then(res => {
+            let _this = this
+            this.$toast({
+              icon: 'success', // 找到自己需要的图标
+              message: '上传成功',
+              duration:"1000",
+              onClose:function(){
+                _this.showImageList = false
+              }
+            })
+          })
+        },
+        // 图片上传前
+        beforeReadImageList(file){
+          let _this = this
+          if(file.length!=undefined){
+            file.map(res => {
+              let zjddm = res.file.name
+              //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));
+              // 创建Canvas对象(画布)
+              let canvas =  document.createElement('canvas')
+              // 获取对应的CanvasRenderingContext2D对象(画笔)
+              let context = canvas.getContext('2d')
+              // 创建新的图片对象
+              let img = new Image()
+              // 指定图片的DataURL(图片的base64编码数据)
+              img.src = res.content
+              // 监听浏览器加载图片完成，然后进行进行绘制
+              img.onload = () => {
+                /*const h = img.height
+                const w = img.width*/
+                let ch = img.height/5
+                let cw = img.width/5
+                let canvas = document.createElement('canvas')
+                let ctx = canvas.getContext('2d')
+                canvas.height = ch
+                canvas.width = cw
+                ctx.clearRect(0,0,cw,ch)
+                ctx.drawImage(img,0,0,cw,ch)
+                let base_img = canvas.toDataURL('image/jpeg')
+                let blobBin = atob(base_img.split(',')[1])
+                let d = []
+                for (let i=0;i<blobBin.length;i++){
+                  d.push(blobBin.charCodeAt(i))
+                }
+                let data2 = new FormData();
+                data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+                uploadFile(data2).then(response => {
+                  let p={
+                    "zjddm":zjddm,
+                    "url":response.fileName
+                  }
+                  _this.uploadImgList1.push(p)
+                })
+              }
+            })
+          }else{
+            let zjddm = file.file.name
+            //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));
+            // 创建Canvas对象(画布)
+            let canvas =  document.createElement('canvas')
+            // 获取对应的CanvasRenderingContext2D对象(画笔)
+            let context = canvas.getContext('2d')
+            // 创建新的图片对象
+            let img = new Image()
+            // 指定图片的DataURL(图片的base64编码数据)
+            img.src = file.content
+            // 监听浏览器加载图片完成，然后进行进行绘制
+            img.onload = () => {
+              /*const h = img.height
+              const w = img.width*/
+              let ch = img.height/5
+              let cw = img.width/5
+              let canvas = document.createElement('canvas')
+              let ctx = canvas.getContext('2d')
+              canvas.height = ch
+              canvas.width = cw
+              ctx.clearRect(0,0,cw,ch)
+              ctx.drawImage(img,0,0,cw,ch)
+              let base_img = canvas.toDataURL('image/jpeg')
+              let blobBin = atob(base_img.split(',')[1])
+              let d = []
+              for (let i=0;i<blobBin.length;i++){
+                d.push(blobBin.charCodeAt(i))
+              }
+              let data2 = new FormData();
+              data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+              uploadFile(data2).then(response => {
+                let p={
+                  "zjddm":zjddm,
+                  "url":response.fileName
+                }
+                _this.uploadImgList1.push(p)
+              })
+            }
+          }
+
+        },
+        deleteFileImageList(file){
+          let url = file.file.name
+          this.uploadImgList1.map((res,index) => {
+            if(res.zjddm==url){
+              this.uploadImgList1.remove(index);
+            }
+          })
+        },
+        validatorIdcardqlr(val){
+          if(this.qlrform.dbrzjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        validatorIdcardnh(val){
+          if(this.nhform.hzzjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        validatorIdcardhncy(val){
+          if(this.form5.zjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        checkCode(val) {
+          var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
+          var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
+          var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
+          var code = val.substring(17);
+          if(p.test(val)) {
+            var sum = 0;
+            for(var i=0;i<17;i++) {
+              sum += val[i]*factor[i];
+            }
+            if(parity[sum % 11] == code.toUpperCase()) {
+              return true;
+            }
+          }
+          return false;
+        },
+        checkDate (val) {
+          var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)$/;
+          if(pattern.test(val)) {
+            var year = val.substring(0, 4);
+            var month = val.substring(4, 6);
+            var date = val.substring(6, 8);
+            var date2 = new Date(year+"-"+month+"-"+date);
+            if(date2 && date2.getMonth() == (parseInt(month) - 1)) {
+              return true;
+            }
+          }
+          return false;
+        },
+        checkProv(val) {
+          var pattern = /^[1-9][0-9]/;
+          var provs = {11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门"};
+          if(pattern.test(val)) {
+            if(provs[val]) {
+              return true;
+            }
+          }
+          return false;
+        },
+        vcheckID(val){
+          if(this.checkCode(val)) {
+            var date = val.substring(6,14);
+            if(this.checkDate(date)) {
+              if(this.checkProv(val.substring(0,2))) {
+                return true;
+              }
+            }
+          }
+          return false;
+        },
+        deleteZjd(item,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '将删除与此宅基地关联的使用权人，自然幢，房屋，附属设施等所有信息，同时删除后无法恢复，确认删除么？',
+          })
+            .then(() => {
+              // on confirm
+              delZjdzdInfo(item).then(res => {
+                if(res.code=="200"){
+                  if(this.active==1){
+                    this.list1.splice(index,1);
+                  }else if(this.active==2){
+                    this.list2.splice(index,1);
+                  }else{
+                    this.list.splice(index,1);
+                  }
+                }
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        //删除户主
+        deletenh(item,index){
+          let yes = true
+          let params={
+            nhdm : item.nhdm,
+            deptId: item.deptId
+          }
+          listNhhncy(params).then((res) => {
+            console.log(res.rows.length)
+            if(res.rows.length>0){
+              yes = false
+              this.$toast({
+                icon: 'error', // 找到自己需要的图标
+                message: '无法删除，此户主存在户内成员！',
+                duration:"1000",
+                onClose:function(){
+                }
+              })
+            }else{
+              listShyqr(params).then((res) => {
+                if(res.rows.length>0){
+                  yes = false
+                  this.$toast({
+                    icon: 'error', // 找到自己需要的图标
+                    message: '无法删除，此户主已经成为使用权人！',
+                    duration:"1000",
+                    onClose:function(){
+                    }
+                  })
+                }else{
+                  if(yes){
+                    Dialog.confirm({
+                      title: '警告',
+                      message: '确认删除此使用权人么？',
+                    })
+                      .then(() => {
+                        // on confirm
+                        delNh(item.id).then(res => {
+                          if(res.code=="200"){
+                            this.nhlist.splice(index,1);
+                            this.totalH--
+                            this.totalR--
+                          }
+                        })
+                      })
+                      .catch(() => {
+                        // on cancel
+                      });
+                  }
+                }
+              });
+            }
+          });
+
+        },
+        // 设为户主
+        setNh(item,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '此操作将删除原户主，并将此成员设为新户主，是否确认操作？',
+          })
+            .then(() => {
+              // on confirm
+              delNhhncy(item.id).then(res => {
+                if(res.code=="200"){
+                  this.hncylist.splice(index,1);
+                  this.totalR--
+                }
+              })
+              // 更新户主信息
+              let pnh = {
+                deptId : item.deptId,
+                nhdm : item.nhdm,
+                hzxm:item.xm,
+                hzzjlx :item.zjlx,
+                hzzjhm :item.zjhm
+              }
+              setNhInfo(pnh).then(res => {
+              })
+              // 更新使用权人
+              let psyqr = {
+                deptId : item.deptId,
+                nhdm : item.nhdm,
+                shyqrdbxm : item.xm,
+                shyqrdbzjlx : item.zjlx,
+                shyqrdbzjhm : item.zjhm,
+                xb : item.xb
+              }
+              setSyqrInfo(psyqr).then(res => {
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        //删除户内成员
+        deletehncy(id,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '删除后无法恢复，确认删除此成员么？',
+          })
+            .then(() => {
+              // on confirm
+              delNhhncy(id).then(res => {
+                if(res.code=="200"){
+                  this.hncylist.splice(index,1);
+                  this.totalR--
+                }
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        // 字数限制
+        limitWords(val){
+          if(val==null||val==""){
+            return "无"
+          }else{
+            if(val.length>11){
+              val = val.slice(0,10) +"..."
+            }
+            return val
+          }
+        },
+        // 与户主关系翻译
+        yhzgxfy(value){
+          let label
+          this.yhzgxOptions.map(res => {
+            if(res.dictValue == value){
+              label = res.dictLabel
+            }
+          })
+          return label
+        },
+        onRefreshzjd(){
+          this.isLoadingzjd = false;
+          let _this = this
+          if(this.active==1&&this.loading2){
+              let params = {
+                "deptId" : this.item.deptId,
+                "houseDataConfirmStatus" : "CONFIRMED",
+                "pageNum": this.countyhc+1,
+                "pageSize":10,
+              }
+              listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list1.length<response.total){
+                  response.rows.map(res => {
+                    this.list1.push(res)
+                  })
+                  this.countyhc++
+                  this.loading2 = false
+                }else{
+                  this.loading2 = false
+                  this.finished2 = true
+                }
+              });
+          }else if(this.active==2&&this.loading3){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "UNCONFIRMED",
+              "pageNum": this.countwhc+1,
+              "pageSize":10,
+            }
+            listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list2.length<response.total){
+                  response.rows.map(res => {
+                    this.list2.push(res)
+                  })
+                  this.countwhc++
+                  this.loading3 = false
+                }else{
+                  this.finished3 = true
+                }
+            });
+          }else if(this.active==0&&this.loading1){
+            let params = {
+              "deptId" : this.item.deptId,
+              "pageNum": this.countqb+1,
+              "pageSize":10,
+            }
+            listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list.length<response.total){
+                  response.rows.map(res => {
+                    _this.list.push(res)
+                  })
+                  this.countqb++
+                  this.loading1 = false
+                }else{
+                  this.finished1 = true
+                }
+            });
+          }
+        },
+        getTotalHR(){
+          let params = {
+            "deptId" : this.item.deptId,
+            "pageNum": 1,
+            "pageSize":10,
+          }
+          listNh(params).then((response) => {
+            if(response.rows.length>=0){
+              this.totalH = response.total
+            }
+            listNhhncy(params).then((res) => {
+              if(res.rows.length>=0){
+                this.totalR = res.total + this.totalH
+              }
+            });
+          });
+
+        },
+        onRefreshnh(){
+          this.isLoadingnh = false
+          let params = {
+            "deptId" : this.item.deptId,
+            "pageNum": this.countnh+1,
+            "pageSize":10,
+          }
+          listNh(params).then((response) => {
+            if(response.rows.length>0&&this.nhlist.length<response.total){
+              response.rows.map(res => {
+                this.nhlist.unshift(res)
+              })
+              this.countnh++
+            }
+          });
+        },
+        setCookies(item){
+          //this.$cookies.set("search",JSON.stringify(item));
+          this.$cookies.set("search","");
+          // let _this = this
+          // setTimeout(function(){
+          //   _this.$router.push({name:'homesteadAdd'});
+          // },1000)
+
+          this.$router.push({path:'/homesteadSurvey/add',query: {res: item}});
+        },
+        // 入户核查搜索框新增。
+        onClickzjd(){
+          this.$cookies.remove("search");
+          this.$router.push({name:'homesteadAdd'});
+        },
+        // 农户信息搜索框新增。
+        onClicknh(){
+          this.shownh = true;
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          this.qlrform={}
+          this.nhform={
+            "suyqrdm":null,
+            "deptId":this.item.deptId,
+            "hzzjlx":'01',
+            "hzzjlxName":"身份证",
+            "hyzk":'02',
+            "occupation":'1',
+            "occupationName":'务农',
+            "jzqk":'3',
+            "jzqkName":'常年居住',
+            "jzhcssfyzf":'1',
+            "jzhcssfyzfName":'无住房',
+            "zqtczsfyzf":'Y',
+            "sfbccm":'Y',
+            "sfpkh":'N',
+            "sfwbh":'N',
+            "sjly":'07',
+            "sjlyName":'农村集体产权制度改革',
+          }
+          listSuyqr(params).then((response) => {
+            if(response.rows.length>0){
+              this.qlrform = response.rows[0]
+              this.nhform.suyqrdm = this.qlrform.suyqrdm
+              this.nhform.txdz = response.rows[0].suyqrmc
+            }
+          });
+        },
+        // 返回
+        onClickLeft(){
+          this.$cookies.set("search","")
+          this.$router.push('/homesteadSurvey/index');
+        },
+        onConfirmhncysjly(value){
+          this.form5.sjlyName = value.dictLabel
+          this.form5.sjly = value.dictValue
+          this.showhncysjly= false
+        },
+        onConfirmhzsjly(value){
+          this.nhform.sjlyName = value.dictLabel
+          this.nhform.sjly = value.dictValue
+          this.showhzsjly= false
+        },
+        onConfirmhncycybz(value){
+          this.form5.cybzName = value.dictLabel
+          this.form5.cybz = value.dictValue
+          this.showhncycybz= false
+        },
+        onConfirmhzjzhcssfyzf(value){
+          this.nhform.jzhcssfyzfName = value.dictLabel
+          this.nhform.jzhcssfyzf = value.dictValue
+          this.showhzjzhcssfyzf= false
+        },
+        onConfirmhncyyhzgx(value){
+          this.form5.yhzgxName = value.dictLabel
+          this.form5.yhzgx = value.dictValue
+          this.showhncyyhzgx = false
+        },
+        onConfirmhncyzjlx(value){
+          this.form5.zjlxName = value.dictLabel
+          this.form5.zjlx = value.dictValue
+          this.showhncyzjlx = false
+        },
+        onConfirmhncyjzqk(value){
+          this.form5.jzqkName = value.dictLabel
+          this.form5.jzqk = value.dictValue
+          this.showhncyjzqk = false
+        },
+        onConfirmhzjzqk(value){
+          this.nhform.jzqkName = value.dictLabel
+          this.nhform.jzqk = value.dictValue
+          this.showhzjzqk = false
+        },
+        onConfirmhncyoccupation(value){
+          this.form5.occupationName = value.dictLabel
+          this.form5.occupation = value.dictValue
+          this.showhncyoccupation = false
+        },
+        onConfirmhzoccupation(value){
+          this.nhform.occupationName = value.dictLabel
+          this.nhform.occupation = value.dictValue
+          this.showhzoccupation = false
+        },
+        onConfirmhzzjlx(value){
+          this.nhform.hzzjlxName = value.dictLabel
+          this.nhform.hzzjlx = value.dictValue
+          this.showhzzjlx = false
+        },
+        onConfirmdbrzjlx(value){
+          this.qlrform.dbrzjlxName = value.dictLabel
+          this.qlrform.dbrzjlx = value.dictValue
+          this.showdbrzjlx = false
+        },
+        onConfirmsuyqxz(value){
+          this.qlrform.suyqxzName = value.dictLabel
+          this.qlrform.suyqxz = value.dictValue
+          this.showsuyqxz = false
+        },
+        onConfirmdlrzjlx(value){
+          this.qlrform.dlrzjlxName = value.dictLabel
+          this.qlrform.dlrzjlx = value.dictValue
+          this.showdlrzjlx = false
+        },
+        onConfirmsjly(value){
+          this.qlrform.sjlyName = value.dictLabel
+          this.qlrform.sjly = value.dictValue
+          this.showsjly = false
+        },
+        // 户主保存
+        onSubmitnh(){
+          if(this.nhform.id!=null){
+            updateNh(this.nhform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.getNh()
+                    let psyqr = {
+                      deptId : _this.nhform.deptId,
+                      nhdm : _this.nhform.nhdm,
+                      shyqrdbxm : _this.nhform.hzxm,
+                      shyqrdbzjlx : _this.nhform.hzzjlx,
+                      shyqrdbzjhm : _this.nhform.hzzjhm,
+                      dh : _this.nhform.phone,
+                      dz : _this.nhform.txdz
+                    }
+                    setSyqrInfo(psyqr).then(res => {
+                      _this.shownh = false
+                    })
+                  }
+                })
+              }
+            );
+          }else{
+            this.nhform.deptId = this.item.deptId
+            addNh(this.nhform).then(
+              response => {
+                this.totalR+=1
+                this.totalH+=1
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.shownh = false
+                    _this.getNh()
+                  }
+                })
+              }
+            );
+          }
+        },
+        // 所有权人保存
+        onSubmitsyqr(){
+          if(this.qlrform.id!=null){
+            updateSuyqr(this.qlrform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000"
+                })
+              }
+            );
+          }else{
+            this.qlrform.deptId = this.item.deptId
+            addSuyqr(this.qlrform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000"
+                })
+              }
+            );
+          }
+        },
+        // 查询所有权人
+        getSyqr(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          this.qlrform ={
+            "deptId":this.item.deptId,
+            "suyqxz":'40',
+            "suyqxzName":'集体土地所有权',
+            "dbrzjlx":'01',
+            "dbrzjlxName":'身份证',
+            "sfclncjtjjzz":'Y',
+            "sjly":'04',
+            "sjlyName":"农村宅基地使用权确权登记发证"
+          }
+          listSuyqr(params).then((response) => {
+            if(response.rows.length>0){
+              this.qlrform = response.rows[0]
+              if(this.qlrform.suyqxz==null||this.qlrform.suyqxz==""){
+                this.qlrform.suyqxz = "40"
+                this.qlrform.suyqxzName = "集体土地所有权"
+              }
+              if(this.qlrform.dbrzjlx==null||this.qlrform.dbrzjlx==""){
+                this.qlrform.dbrzjlx = "01"
+                this.qlrform.dbrzjlxName = "身份证"
+              }
+              if(this.qlrform.sfclncjtjjzz==null||this.qlrform.sfclncjtjjzz==""){
+                this.qlrform.sfclncjtjjzz = "Y"
+              }
+              if(this.qlrform.sjly==null||this.qlrform.sjly==""){
+                this.qlrform.sjly = "04"
+                this.qlrform.sjlyName = "农村宅基地使用权确权登记发证"
+              }
+              this.zjlxOptions.map(res => {
+                if(res.dictValue == this.qlrform.dbrzjlx){
+                  this.qlrform.dbrzjlxName = res.dictLabel
+                }
+                if(res.dictValue == this.qlrform.dlrzjlx){
+                  this.qlrform.dlrzjlxName = res.dictLabel
+                }
+              })
+              this.suyqxzOptions.map(res => {
+                if(res.dictValue == this.qlrform.suyqxz){
+                  this.qlrform.suyqxzName = res.dictLabel
+                }
+              })
+              this.sjlyOptions.map(res => {
+                if(res.dictValue == this.qlrform.sjly){
+                  this.qlrform.sjlyName = res.dictLabel
+                }
+              })
+            }
+          });
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        // 查询农户列表
+        getNh(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          listNh(params).then((response) => {
+            this.nhlist = response.rows
+            this.totalN = response.total
+          });
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        //调查
+        getDc(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        // 农户信息搜索框
+        onSearchnh(){
+          let params = {
+            "deptId" : this.item.deptId,
+            "nhValue" : this.nhvalue
+          }
+          listNh(params).then((response) => {
+            this.nhlist = response.rows
+          });
+        },
+        // 宅基地搜索框
+        onSearchzjd(){
+          if(this.active==1){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "CONFIRMED",
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list1 = response.rows
+              }
+            });
+          }else if(this.active==2){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "UNCONFIRMED",
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list2 = response.rows
+              }
+            });
+          }else{
+            let params = {
+              "deptId" : this.item.deptId,
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list = response.rows
+              }
+            });
+          }
+        },
+        // 户内成员弹窗
+        showPopuphncy(item){
+          this.showhncy = true
+          if(item.id==null||item.id==""){
+            this.form5 = {
+              "nhdm":this.nhdm,
+              "deptId":this.item.deptId,
+              "zjlx":'01',
+              "zjlxName":"身份证",
+              "yhzgx":"14",
+              "yhzgxName":"妻",
+              "hyzk":'02',
+              "hklx":'1',
+              "occupation":'1',
+              "occupationName":'务农',
+              "jzqk":'3',
+              "jzqkName":'常年居住',
+              "sfbjtjjzzcy":'Y',
+              "xb":'0',
+              "sfbccm":'Y',
+              "sfpkh":'N',
+              "sfwbh":'N',
+              "sjly":'07',
+              "sjlyName":'农村集体产权制度改革',
+              "cybz":'9',
+              "cybzName":'其他备注'
+            }
+          }else{
+            let _this = this
+            this.form5 = item
+            if(this.form5.nhdm==null||this.form5.nhdm==""){
+              this.form5.nhdm = this.nhform.nhdm
+            }
+            if(this.form5.deptId==null||this.form5.deptId==""){
+              this.form5.deptId = this.nhform.deptId
+            }
+            if(this.form5.zjlx==null||this.form5.zjlx==""){
+              this.form5.zjlx = "01"
+              this.form5.zjlxName = "身份证"
+            }
+            if(this.form5.yhzgx==null||this.form5.yhzgx==""){
+              this.form5.yhzgx = "14"
+              this.form5.yhzgxName = "妻"
+            }
+            if(this.form5.hyzk==null||this.form5.hyzk==""){
+              this.form5.hyzk = "02"
+            }
+            if(this.form5.hklx==null||this.form5.hklx==""){
+              this.form5.hklx = "1"
+            }
+            if(this.form5.occupation==null||this.form5.occupation==""){
+              this.form5.occupation = "1"
+              this.form5.occupationName = "务农"
+            }
+            if(this.form5.jzqk==null||this.form5.jzqk==""){
+              this.form5.jzqk = "3"
+              this.form5.jzqkName = "常年居住"
+            }
+            if(this.form5.sfbjtjjzzcy==null||this.form5.sfbjtjjzzcy==""){
+              this.form5.sfbjtjjzzcy = "Y"
+            }
+            if(this.form5.xb==null||this.form5.xb==""){
+              this.form5.xb = "0"
+            }
+            if(this.form5.sfbccm==null||this.form5.sfbccm==""){
+              this.form5.sfbccm = "Y"
+            }
+            if(this.form5.sfpkh==null||this.form5.sfpkh==""){
+              this.form5.sfpkh = "N"
+            }
+            if(this.form5.sfwbh==null||this.form5.sfwbh==""){
+              this.form5.sfwbh = "N"
+            }
+            if(this.form5.sjly==null||this.form5.sjly==""){
+              this.form5.sjly = "07"
+              this.form5.sjlyName = "农村集体产权制度改革"
+            }
+            if(this.form5.cybz==null||this.form5.cybz==""){
+              this.form5.cybz = "9"
+              this.form5.cybzName = "其他备注"
+            }
+            this.jzhcssfyzfOptions.map(res => {
+              if(res.dictValue == item.jzhcssfyzf){
+                this.form5.jzhcssfyzfName = res.dictLabel
+              }
+            })
+            this.zjlxOptions.map(res => {
+              if(res.dictValue == item.zjlx){
+                this.form5.zjlxName = res.dictLabel
+              }
+            })
+            this.occupationOptions.map(res => {
+              if(res.dictValue == item.occupation){
+                this.form5.occupationName = res.dictLabel
+              }
+            })
+            this.jzqkOptions.map(res => {
+              if(res.dictValue == item.jzqk){
+                this.form5.jzqkName = res.dictLabel
+              }
+            })
+            this.yhzgxOptions.map(res => {
+              if(res.dictValue == item.yhzgx){
+                this.form5.yhzgxName = res.dictLabel
+              }
+            })
+            this.cybzOptions.map(res => {
+              if(res.dictValue == item.cybz){
+                this.form5.cybzName = res.dictLabel
+              }
+            })
+            this.sjlyOptions.map(res => {
+              if(res.dictValue == item.sjly){
+                this.form5.sjlyName = res.dictLabel
+              }
+            })
+          }
+        },
+        // 户内成员列表
+        showPopuphncylist(item){
+          if(item.nhdm==null||item.nhdm==""){
+            this.$toast({
+              icon: 'error', // 找到自己需要的图标
+              message: '请先保存户主信息',
+              duration:"1000"
+            })
+          }else{
+            this.nhdm = item.nhdm
+            this.showhncylist =  true
+            let params = {
+              "nhdm":item.nhdm,
+              "deptId":this.item.deptId
+            }
+            listNhhncy(params).then((response) => {
+              if (response.code == 200) {
+                this.hncylist = response.rows
+              }
+            });
+          }
+
+        },
+        showPopupnh(item){
+          this.shownh = true
+          this.nhform = item
+          this.jzhcssfyzfOptions.map(res => {
+            if(res.dictValue == item.jzhcssfyzf){
+              this.nhform.jzhcssfyzfName = res.dictLabel
+            }
+          })
+          this.zjlxOptions.map(res => {
+            if(res.dictValue == item.hzzjlx){
+              this.nhform.hzzjlxName = res.dictLabel
+            }
+          })
+          this.occupationOptions.map(res => {
+            if(res.dictValue == item.occupation){
+              this.nhform.occupationName = res.dictLabel
+            }
+          })
+          this.jzqkOptions.map(res => {
+            if(res.dictValue == item.jzqk){
+              this.nhform.jzqkName = res.dictLabel
+            }
+          })
+          this.sjlyOptions.map(res => {
+            if(res.dictValue == item.sjly){
+              this.nhform.sjlyName = res.dictLabel
+            }
+          })
+        },
+      getZjdList(){
+         let params = {
+           "deptId" : this.item.deptId,
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params).then((response) => {
+           if (response.code == 200) {
+             this.list = response.rows
+             this.qbNums = response.total
+   /*          if(response.rows.length>=10){
+               this.list = newList.slice(0,9)
+             }else {
+               this.list = newList
+             }
+             this.yhcNums = 0
+             this.whcNums = 0
+             this.list1 = []
+             this.list2 = []
+             response.rows.map(res => {
+               if(res.houseDataConfirmStatus == 'CONFIRMED'){
+                 if(this.list1.length<10){
+                   this.list1.push(res)
+                 }
+                 this.yhcNums ++
+               }else{
+                 if(this.list2.length<10){
+                   this.list2.push(res)
+                 }
+                 this.whcNums ++
+               }
+             })*/
+
+           }
+         });
+         let params1 = {
+           "deptId" : this.item.deptId,
+           "houseDataConfirmStatus" : "CONFIRMED",
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params1).then((response) => {
+           if (response.code == 200) {
+             this.yhcNums = response.total
+             this.list1 = response.rows
+           }
+         });
+         let params2 = {
+           "deptId" : this.item.deptId,
+           "houseDataConfirmStatus" : "UNCONFIRMED",
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params2).then((response) => {
+           if (response.code == 200) {
+             this.whcNums = response.total
+             this.list2 = response.rows
+           }
+         });
+        },
+        onConfirm(){},
+        /*onSubmithncy(){
+          if (this.form5.id != null) {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+
+            } else {
+              if(this.form5.xb=='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }
+          } else {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          _this.totalR+=1
+                          _this.totalH+=1
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      _this.totalR+=1
+                      _this.totalH+=1
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+
+            } else {
+              if(this.form5.xb=='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          _this.totalR+=1
+                          _this.totalH+=1
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      _this.totalR+=1
+                      _this.totalH+=1
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }
+
+          }
+        },*/
+        onSubmithncy(){
+          if (this.form5.id != null) {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
+              if(this.form5.xb!='0'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }else{
+              updateNhhncy(this.form5).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.showhncy = false
+                    let params = {
+                      "nhdm":_this.form5.nhdm,
+                      deptId:_this.form5.deptId
+                    }
+                    listNhhncy(params).then((response) => {
+                      _this.hncylist = response.rows
+                    })
+                  }
+                })
+              });
+            }
+          } else {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.totalR+=1
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.totalR+=1
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
+              if(this.form5.xb!='0'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.totalR+=1
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.totalR+=1
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }else{
+              addNhhncy(this.form5).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.totalR+=1
+                    _this.showhncy = false
+                    let params = {
+                      "nhdm":_this.form5.nhdm,
+                      deptId:_this.form5.deptId
+                    }
+                    listNhhncy(params).then((response) => {
+                      _this.hncylist = response.rows
+                    })
+                  }
+                })
+              });
+            }
+
+          }
+        },
+        mapShow() {
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          //通过数据直接查询方式--------加载较慢 start
+          //镇边界获取
+          // listTown().then(response => {
+          //   if (response.code == 200) {
+          //     this.mapTownList = response.rows;
+          //     //村边界获取
+          //     listVillage(this.queryParams).then(response => {
+          //       this.mapVillageList = response.rows;
+          //       listZjdzd().then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomZjdId= response.rows;
+          //           listZrz().then((response) => {
+          //             if (response.code == 200) {
+          //               this.mapTheGeomZrzId = response.rows;
+          //               listFsss().then((response) => {
+          //                 if (response.code == 200) {
+          //                   this.mapTheGeomFsssId = response.rows;
+          //                 }
+          //                 setTimeout(() => {
+          //                   this.GetMapsInit();
+          //                 }, 300);
+          //               });
+          //             }
+          //           });
+          //         }
+          //       });
+          //     });
+          //   }
+          // });
+          //通过数据直接查询方式--------加载较慢 end
+          getGeoServerConfigKey().then(response => {
+            this.mapGeoServerUrl = response.msg;
+            setTimeout(() => {
+              this.GetMapsInit();
+            }, 300);
+          });
+          var that = this;
+          setTimeout(function () {
+            var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+            that.bottomHeight = -height+'px'
+          },500)
+        },
+        //地图加载 -----start
+        GetMapsInit() {
+
+          //加载地图编辑
+          var that = this;
+          var map;
+          //点击事件添加样式
+          var hc_land_on;
+          document.getElementById("mapWrapAll").innerHTML = '';
+          var hc_land;
+          var projection = new ol.proj.Projection({
+            //地图投影类型
+            code: "EPSG:3857",
+            units: "degrees",
+            //extent:extent
+          });
+
+          var aerial = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              // url: "http://t0.tianditu.gov.cn/img_w/wmts?" +
+              //   "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
+              //   "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
+              url: "http://t{0-7}.tianditu.com/img_w/wmts?" +
+                "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
+                "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
+            }),
+            isGroup: true,
+            name: "卫星影像图",
+          });
+
+          var yingxzi = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              url: "http://t{0-7}.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk= ",
+            }),
+            isGroup: true,
+            name: "天地图文字标注--卫星影像图",
+          });
+
+          //加载地图
+          map = new ol.Map({
+            controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+            layers: [aerial, yingxzi],
+            projection: projection,
+            target: "mapWrapAll",
+            view: new ol.View({
+              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+              zoom: 10,
+              minZoom: 5, //地图缩小限制
+              maxZoom: 18.3, //地图放大限制
+              resolution: Math.random() * 0.00000001,
+            }),
+            interactions: ol.interaction.defaults({
+              pinchRotate: false // 移动端禁止地图旋转
+            }),
+          });
+          //使用geoserver服务查询开始 -------------------start
+          //镇边界查询开始 ------------------------------start
+          // var zhenTc= new ol.layer.Tile({
+          //   source: new ol.source.TileWMS({
+          //     url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_border_town',
+          //       TILED: true,
+          //       //cql_filter: cql_filter,
+          //       SRID: 3857,
+          //     },
+          //   }),
+          // });
+          // map.addLayer(zhenTc);
+          //镇边界查询开始 ------------------------------end
+          //村边界查询开始 ------------------------------start
+          var cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'";
+          var cunTc = new ol.layer.Image({
+            source: new ol.source.ImageWMS({
+              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+              params: {
+                LAYERS: 'zjd_dc:t_house_survey_border_village',
+                TILED: true,
+                cql_filter: cql_filter,
+                SRID: 3857,
+                TIMESTAMP: new Date().getTime(),
+              },
+              resolution: Math.random() * 0.00000001,
+            }),
+          });
+          // //定位查询位置
+          // let param_dw = {
+          //   srsName: "EPSG:3857",
+          //   service: "WFS",
+          //   version: "1.0.0",
+          //   request: "GetFeature",
+          //   typename: "zjd_dc:t_house_survey_border_village",
+          //   //featureNS: 'nsgk_hc',//命名空间 URI
+          //   cql_filter: cql_filter,
+          //   //featurePrefix: 'nationalwater',//工作区名称
+          //   //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+          //   outputFormat: "application/json",
+          //   //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+          // };
+          // let url_dw = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;
+          // url_dw = url_dw + "?";
+          // for (let key in param_dw) {
+          //   url_dw = url_dw + key + "=" + param_dw[key] + "&";
+          // }
+          // url_dw = url_dw.substr(0, url_dw.length - 1);
+          // fetch(url_dw, {
+          //   method: "POST", // *GET, POST, PUT, DELETE, etc.
+          // })
+          //   .then((res) => {
+          //     var geojsonmap = res.json();
+          //     return geojsonmap;
+          //   })
+          //   .then((data) => {
+          //     if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {
+          //       //自然幢图层查询开始 ------------------start
+          //       var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";
+          //       zrzTc = new ol.layer.Image({
+          //         source: new ol.source.ImageWMS({
+          //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //           params: {
+          //             LAYERS: 'zjd_dc:t_house_survey_zrz',
+          //             TILED: true,
+          //             cql_filter: cql_filter_map,
+          //             SRID: 3857,
+          //             TIMESTAMP: new Date().getTime(),
+          //           },
+          //         }),
+          //       });
+          //       map.addLayer(zrzTc);
+          //       //自然幢图层查询开始 ------------------start
+          //       //附属设施图层查询开始 ------------------start
+          //       //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+          //       fsssTc = new ol.layer.Image({
+          //         source: new ol.source.ImageWMS({
+          //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //           params: {
+          //             LAYERS: 'zjd_dc:t_house_survey_fsss',
+          //             TILED: true,
+          //             cql_filter: cql_filter_map,
+          //             SRID: 3857,
+          //             TIMESTAMP: new Date().getTime(),
+          //           },
+          //         }),
+          //       });
+          //       map.addLayer(fsssTc);
+          //       //附属设施图层查询开始 ------------------end
+          //       hc_land_on = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),
+          //         }),
+          //         style: new ol.style.Style({
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#CCFF66",
+          //             width: 6,
+          //           }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land_on);
+          //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+          //       //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       that.clickBbox = center;
+          //       console.log(that.mapZjdData);
+          //       that.textMjAll = that.mapZjdData.zdmj;
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 17.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //       //this.backMap =1;
+          //     } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {
+          //       //that.newHt ="1";
+          //       var zbNew = JSON.stringify({
+          //         "type": "MultiPolygon",
+          //         "coordinates": [that.backTheGeom.replaceAll("\"", "")]
+          //       });
+          //       var leftJoin = zbNew.replace("\"[", "[");
+          //       var rightJoin = leftJoin.replace("\"]", "]");
+          //       hc_land_on = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + rightJoin + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "rgba(204, 255, 204,0.3)",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#CCFF66",
+          //             width: 3,
+          //           }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land_on);
+          //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+          //       //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       that.clickBbox = center;
+          //       that.textMjAll = that.mapZjdData.zdmj;
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 16.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //       //this.backMap =1;
+          //     } else {
+          //       //通过村界大小视图显示
+          //       // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+          //       // resolution:resolution + Math.random() * 0.00000001,
+          //       // map.getView().fit(data.bbox);
+          //       // map.getView().setResolution(resolution);
+          //       // //初始视图大小控制
+          //       // map.getView().setZoom(16.0);
+          //       console.log(data);
+          //       console.log(data.features[0].geometry.coordinates[0][0][0]);
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: data.features[0].geometry.coordinates[0][0][0], // 中心点
+          //         zoom: 16.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //     }
+          //   })
+          //   .catch((error) => {
+          //     console.log("【异常】", error);
+          //   });
+          map.addLayer(cunTc);
+          //村边界查询开始 ------------------------------end
+          //国有数据加载-----------------------------------start
+          deptGetId(that.$cookies.get("item").deptId).then((res) => {
+            var cql_filter_guoyou = "ZLDWDM='" + res.data.orgCode + "0000000'";
+            var guoyouTc = new ol.layer.Image({
+              source: new ol.source.ImageWMS({
+                url: that.mapGeoServerUrl + "/geoserver/zjd_gydl/wms",
+                params: {
+                  LAYERS: 'zjd_gydl:DLTB',
+                  TILED: true,
+                  cql_filter: cql_filter_guoyou,
+                  SRID: 3857,
+                  TIMESTAMP: new Date().getTime(),
+                },
+              }),
+            });
+            map.addLayer(guoyouTc);
+          });
+          //国有数据加载----------------------------------end
+          //宅基地图层查询开始 ------------------start
+          //var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'";
+          var zjdTc = new ol.layer.Image({
+            source: new ol.source.ImageWMS({
+              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+              params: {
+                LAYERS: 'zjd_dc:t_house_survey_zjdzd',
+                TILED: true,
+                cql_filter: cql_filter,
+                SRID: 3857,
+                TIMESTAMP: new Date().getTime(),
+              },
+            }),
+          });
+          //定位查询位置
+          let param_zjdzd = {
+            srsName: "EPSG:3857",
+            service: "WFS",
+            version: "1.0.0",
+            request: "GetFeature",
+            typename: "zjd_dc:t_house_survey_zjdzd",
+            //featureNS: 'nsgk_hc',//命名空间 URI
+            cql_filter: cql_filter,
+            //featurePrefix: 'nationalwater',//工作区名称
+            //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+            outputFormat: "application/json",
+            maxFeatures:1,
+            //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+          };
+          let url_zjdzd = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;
+          url_zjdzd = url_zjdzd + "?";
+          for (let key in param_zjdzd) {
+            url_zjdzd = url_zjdzd + key + "=" + param_zjdzd[key] + "&";
+          }
+          url_zjdzd = url_zjdzd.substr(0, url_zjdzd.length - 1);
+          fetch(url_zjdzd, {
+            method: "POST", // *GET, POST, PUT, DELETE, etc.
+          })
+            .then((res) => {
+              var geojsonmap = res.json();
+              return geojsonmap;
+            })
+            .then((data) => {
+              if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {
+                //自然幢图层查询开始 ------------------start
+                var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";
+                zrzTc = new ol.layer.Image({
+                  source: new ol.source.ImageWMS({
+                    url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                    params: {
+                      LAYERS: 'zjd_dc:t_house_survey_zrz',
+                      TILED: true,
+                      cql_filter: cql_filter_map,
+                      SRID: 3857,
+                      TIMESTAMP: new Date().getTime(),
+                    },
+                  }),
+                });
+                map.addLayer(zrzTc);
+                //自然幢图层查询开始 ------------------start
+                //附属设施图层查询开始 ------------------start
+                //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                fsssTc = new ol.layer.Image({
+                  source: new ol.source.ImageWMS({
+                    url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                    params: {
+                      LAYERS: 'zjd_dc:t_house_survey_fsss',
+                      TILED: true,
+                      cql_filter: cql_filter_map,
+                      SRID: 3857,
+                      TIMESTAMP: new Date().getTime(),
+                    },
+                  }),
+                });
+                map.addLayer(fsssTc);
+                //附属设施图层查询开始 ------------------end
+                hc_land_on = new ol.layer.Vector({
+                  title: "add Layer",
+                  source: new ol.source.Vector({
+                    projection: projection,
+                    features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),
+                  }),
+                  style: new ol.style.Style({
+                    stroke: new ol.style.Stroke({
+                      //边界样式
+                      color: "#CCFF66",
+                      width: 6,
+                    }),
+                  }),
+                });
+                map.addLayer(hc_land_on);
+                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                //定位查询位置
+                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                that.clickBbox = center;
+                console.log(that.mapZjdData);
+                that.textMjAll = that.mapZjdData.zdmj;
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: center, // 中心点
+                  zoom: 17.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+                //this.backMap =1;
+              } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {
+                //that.newHt ="1";
+                var zbNew = JSON.stringify({
+                  "type": "MultiPolygon",
+                  "coordinates": [that.backTheGeom.replaceAll("\"", "")]
+                });
+                var leftJoin = zbNew.replace("\"[", "[");
+                var rightJoin = leftJoin.replace("\"]", "]");
+                hc_land_on = new ol.layer.Vector({
+                  title: "add Layer",
+                  source: new ol.source.Vector({
+                    projection: projection,
+                    features: new ol.format.GeoJSON().readFeatures("{\n" +
+                      "    \"type\": \"Feature\",\n" +
+                      "    \"geometry\":" + rightJoin + "}"),
+                  }),
+                  style: new ol.style.Style({
+                    fill: new ol.style.Fill({
+                      //矢量图层填充颜色，以及透明度
+                      color: "rgba(204, 255, 204,0.3)",
+                    }),
+                    stroke: new ol.style.Stroke({
+                      //边界样式
+                      color: "#CCFF66",
+                      width: 3,
+                    }),
+                  }),
+                });
+                map.addLayer(hc_land_on);
+                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                //定位查询位置
+                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                that.clickBbox = center;
+                that.textMjAll = that.mapZjdData.zdmj;
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: center, // 中心点
+                  zoom: 16.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+                //this.backMap =1;
+              } else {
+                //通过村界大小视图显示
+                // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+                // resolution:resolution + Math.random() * 0.00000001,
+                // map.getView().fit(data.bbox);
+                // map.getView().setResolution(resolution);
+                // //初始视图大小控制
+                // map.getView().setZoom(16.0);
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: data.features[0].geometry.coordinates[0][0][0], // 中心点
+                  zoom: 15.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+              }
+            })
+            .catch((error) => {
+              console.log("【异常】", error);
+            });
+          map.addLayer(zjdTc);
+          //宅基地图层查询开始 ------------------start
+          var zrzTc;
+          // //自然幢图层查询开始 ------------------start
+          // var zrzTc = new ol.layer.Image({
+          //   source: new ol.source.ImageWMS({
+          //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_zrz',
+          //       TILED: true,
+          //       cql_filter: cql_filter,
+          //       SRID: 3857,
+          //       TIMESTAMP: new Date().getTime(),
+          //     },
+          //   }),
+          // });
+          // map.addLayer(zrzTc);
+          // //自然幢图层查询开始 ------------------start
+          //
+          var fsssTc;
+          // //附属设施图层查询开始 ------------------start
+          // var fsssTc = new ol.layer.Image({
+          //   source: new ol.source.ImageWMS({
+          //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_fsss',
+          //       TILED: true,
+          //       cql_filter: cql_filter,
+          //       SRID: 3857,
+          //       TIMESTAMP: new Date().getTime(),
+          //     },
+          //   }),
+          // });
+          // map.addLayer(fsssTc);
+          // //附属设施图层查询开始 ------------------start
+          //使用geoserver服务查询开始 -------------------end
+        //   if(this.backMap ==1){
+        //   var cql = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + this.mapZjdTeAll.mapZjdAData.zjddm + "'";
+        //   var wmsSourceBack = new ol.source.ImageWMS({
+        //     crossOrigin: 'anonymous',
+        //     params: {
+        //       LAYERS: 'zjd_dc:t_house_survey_all',
+        //       'VERSION': '1.1.0',
+        //       'FORMAT': "image/png",
+        //       'CQL_FILTER': cql
+        //     },
+        //     serverType: 'geoserver',
+        //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+        //   });
+        //   zjdTc.setSource(wmsSourceBack);
+        //   ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新
+        // }
+          //数据库直接加载数据渲染方式---------------------------------------------------start
+          //判断当前账套是否有数据
+          // var mapTalkAbout = true;
+          // //获取镇界线----start
+          // if(this.mapTownList.length >0){
+          //   for (var i = 0; this.mapTownList.length > i; i++) {
+          //     if (this.mapTownList[i] != null && this.mapTownList[i].theGeom != null && this.mapTownList[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapTownList[i].createBy = 'mapTownList';
+          //       var theGeomLine= this.mapTownList[i].theGeom.replaceAll("MultiPolygon","LineString");
+          //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");
+          //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapTownList[i]) + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#FF0000",
+          //             width: 3,
+          //           }),
+          //           // text: new ol.style.Text({
+          //           //   text: this.mapTownList[i].xzqmc,
+          //           //   font: '30px sans-serif',
+          //           //   textAlign: "center",
+          //           //   textBaseline: "middle",
+          //           //   //font: 'verdana',
+          //           //   fill: new ol.style.Fill({
+          //           //     color: "#ff0000"
+          //           //   }),
+          //           //   // backgroundFill: new ol.style.Fill({
+          //           //   //   color: "#ff0000"
+          //           //   // }),
+          //           //   font: "30px sans-serif",
+          //           //   stroke: new ol.style.Stroke({
+          //           //     color: "#ffffff"
+          //           //     // width: 3
+          //           //   }),
+          //           //   offsetX: parseInt(0, 10),
+          //           //   offsetY: parseInt(0, 10),
+          //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注
+          //           //   overflow: false //超出面的部分不显示
+          //           //}),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land);
+          //       //console.log(hc_land.values_.source.featuresRtree_.rbush_.data);
+          //       var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+          //       // //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       // console.log(center);
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 9.8, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //       });
+          //     }
+          //   }
+          // }
+          // //获取镇界线----end
+          // //获取村界线----start
+          // if(this.mapVillageList.length >0){
+          //   for (var i = 0; this.mapVillageList.length > i; i++) {
+          //     if (this.mapVillageList[i] != null && this.mapVillageList[i].theGeom != null && this.mapVillageList[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapVillageList[i].createBy = 'mapVillageList';
+          //       var theGeomLine= this.mapVillageList[i].theGeom.replaceAll("MultiPolygon","LineString");
+          //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");
+          //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapVillageList[i]) + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#ff00ff",
+          //             width: 3,
+          //           }),
+          //           // text: new ol.style.Text({
+          //           //   text: this.mapVillageList[i].dcmj,
+          //           //   font: '30px sans-serif',
+          //           //   textAlign: "center",
+          //           //   textBaseline: "middle",
+          //           //   //font: 'verdana',
+          //           //   fill: new ol.style.Fill({
+          //           //     color: "#ff00ff"
+          //           //   }),
+          //           //   // backgroundFill: new ol.style.Fill({
+          //           //   //   color: "#ff0000"
+          //           //   // }),
+          //           //   font: "30px sans-serif",
+          //           //   stroke: new ol.style.Stroke({
+          //           //     color: "#ffffff"
+          //           //     // width: 3
+          //           //   }),
+          //           //   offsetX: parseInt(0, 10),
+          //           //   offsetY: parseInt(0, 10),
+          //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注
+          //           //   overflow: false //超出面的部分不显示
+          //           // }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land);
+          //     }
+          //   }
+          // }
+          // // //获取村界线----end
+          // //宅基地定位开始 ---------start
+          // if(this.mapTheGeomZjdId.length >0) {
+          //   for (var i = 0; this.mapTheGeomZjdId.length > i; i++) {
+          //     if (this.mapTheGeomZjdId[i] !=null && this.mapTheGeomZjdId[i].theGeom != null && this.mapTheGeomZjdId[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapTheGeomZjdId[i].createBy = 'mapTheGeomZjdId';
+          //       var styleYqr = "";
+          //       if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //         styleYqr = new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#28FF28",
+          //             width: 3,
+          //           }),
+          //         });
+          //       } else {
+          //         styleYqr = new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "rgba(255, 45, 45,1)",
+          //             width: 3,
+          //           }),
+          //         });
+          //       }
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + this.mapTheGeomZjdId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZjdId[i]) + "}"),
+          //         }),
+          //         style: styleYqr
+          //       });
+          //       map.addLayer(hc_land);
+          //       // var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       // var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       // var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+          //       // var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+          //       // //定位查询位置
+          //       // var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       // map.getView().animate({
+          //       //   // 只设置需要的属性即可
+          //       //   center: center, // 中心点
+          //       //   zoom: 15.8, // 缩放级别
+          //       //   rotation: undefined, // 缩放完成view视图旋转弧度
+          //       //   duration: 1000, // 缩放持续时间，默认不需要设置
+          //       // });
+          //       //自然幢定位开始 ---------start
+          //       getZrzZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomZrzId = response.data;
+          //           if(this.mapTheGeomZrzId.length >0) {
+          //             for (var i = 0; this.mapTheGeomZrzId.length > i; i++) {
+          //               if (this.mapTheGeomZrzId[i] !=null && this.mapTheGeomZrzId[i].theGeom != null && this.mapTheGeomZrzId[i].theGeom != "") {
+          //                 this.mapTheGeomZrzId[i].createBy = 'mapTheGeomZrzId';
+          //                 var styleZrz = "";
+          //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //                   styleZrz = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#FFD306",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "#28FF28",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 } else {
+          //                   styleZrz = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#FFD306",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "rgba(255, 45, 45,1)",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 }
+          //                 hc_land = new ol.layer.Vector({
+          //                   title: "add Layer",
+          //                   source: new ol.source.Vector({
+          //                     projection: projection,
+          //                     features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //                       "    \"type\": \"Feature\",\n" +
+          //                       "    \"geometry\":" + this.mapTheGeomZrzId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZrzId[i]) + "}"),
+          //                   }),
+          //                   style: styleZrz
+          //                 });
+          //                 map.addLayer(hc_land);
+          //               }
+          //             }
+          //           }
+          //         }
+          //       });
+          //       //自然幢定位结束 ---------end
+          //
+          //       //附属设施定位开始 ---------start
+          //       getFsssZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomFsssId = response.data;
+          //           if(this.mapTheGeomFsssId.length >0) {
+          //             for (var i = 0; this.mapTheGeomFsssId.length > i; i++) {
+          //               if (this.mapTheGeomFsssId[i] !=null && this.mapTheGeomFsssId[i].theGeom != null && this.mapTheGeomFsssId[i].theGeom != "") {
+          //                 this.mapTheGeomFsssId[i].createBy = 'mapTheGeomFsssId';
+          //                 var styleFsss = "";
+          //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //                   styleFsss = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#00FFFF",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "#28FF28",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 } else {
+          //                   styleFsss = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#00FFFF",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "rgba(255, 45, 45,1)",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 }
+          //                 hc_land = new ol.layer.Vector({
+          //                   title: "add Layer",
+          //                   source: new ol.source.Vector({
+          //                     projection: projection,
+          //                     features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //                       "    \"type\": \"Feature\",\n" +
+          //                       "    \"geometry\":" + this.mapTheGeomFsssId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomFsssId[i]) + "}"),
+          //                   }),
+          //                   style: styleFsss
+          //                 });
+          //                 map.addLayer(hc_land);
+          //               }
+          //             }
+          //           }
+          //         }
+          //       });
+          //       //附属设施定位结束 ---------end
+          //     }
+          //   }
+          // }
+          // //宅基地定位结束 ---------end
+          //数据库直接加载数据渲染方式---------------------------------------------------end
+
+          //地图操作定义------------start
+          //定位定义------------start
+          var Zb;
+          var latitude;
+          var longitude;
+          var vector_drawing;
+          //定位定义------------end
+
+          //绘图定义---------------start
+          var drawing;
+          var draw_map;
+          //绘图定义---------------end
+
+          //测面绘图定义------------start
+          var draw_cm;
+          //定义矢量图层
+          var vector;
+          //创建一个帮助提示信息对象
+          var helpTooltip;
+          //创建一个测量提示信息对象
+          var measureTooltip;
+          //创建一个帮助提示框对象
+          var helpTooltipElement;
+          //测出距离
+          var measureTooltipElement;
+          //测面绘图定义-----------end
+
+          //地图操作定义------------end
+          //定位当前位置 ------start
+          $("#dwMapAll").on("click", function () {
+            //删除测量记录操作--------start
+            //将矢量图层从图中删除
+            //map.removeLayer(helpTooltip);
+            map.removeLayer(vector);
+            map.removeInteraction(draw_cm);
+            //map.removeOverlay(helpTooltipElement);
+            //map.removeLayer(measureTooltip);
+            //删除测量记录操作--------end
+            //删除绘制图层画图操作-------start
+            map.removeInteraction(draw_map);
+            map.removeLayer(drawing);
+            //删除绘制图层画图操作-------end
+
+            //开始定位当前位置
+            navigator.geolocation.getCurrentPosition(function(position) {
+              latitude = position.coords.latitude;// 获取纬度
+              longitude = position.coords.longitude;// 获取经度
+            });
+            if(latitude !=null && longitude !=null && latitude !="" && longitude !="" && latitude !=undefined && longitude !=undefined ){
+              Zb = [longitude,latitude];
+            }else {
+              Zb =[115.452752, 31.789033];
+            }
+            //获取坐标点LocationManager
+            // geoGps().then(response => {
+            //
+            // });
+            //矢量标注样式设置函数，设置image为图标ol.style.Icon
+            function createLabelStyle() {
+              return new ol.style.Style({
+                image: new ol.style.Icon({
+                  //设置图标偏移
+                  anchor: [0.5, 1],
+                  //标注样式的起点位置
+                  anchorOrigin: "top-right",
+                  //X方向单位：分数
+                  anchorXUnits: "fraction",
+                  //Y方向单位：像素
+                  anchorYUnits: "pixels",
+                  //偏移起点位置的方向
+                  offsetOrigin: "top-right",
+                  //透明度
+                  opacity: 0.9,
+                  //图片路径
+                  src: require("../../assets/images/housesteadSurvey/mark.png"),
+                }),
+                text: new ol.style.Text({
+                  textAlign: "center", //位置
+                  textBaseline: "middle", //基准线
+                  font: "normal 12px 微软雅黑", //文字样式
+                  //text: "标注点", //文本内容
+                  fill: new ol.style.Fill({
+                    //文本填充样式（即文字颜色)
+                    color: "#ff0000",
+                  }),
+                }),
+                zIndex: 9999,
+              });
+            }
+            var newcenterFeature = new ol.Feature({
+              geometry: new ol.geom.Point(ol.proj.fromLonLat(Zb)), //几何信息
+              name: "标注点",
+            });
+            var sourceMapLook = new ol.source.Vector({wrapX: false});
+            vector_drawing = new ol.layer.Vector({
+              source: sourceMapLook,
+            });
+            map.addLayer(vector_drawing);
+            newcenterFeature.setStyle(createLabelStyle()); //设置要素样式
+            sourceMapLook.addFeature(newcenterFeature);
+            map.getView().animate({
+              // 只设置需要的属性即可
+              center: ol.proj.fromLonLat(Zb), // 中心点
+              zoom: 17.8, // 缩放级别
+              rotation: undefined, // 缩放完成view视图旋转弧度
+              duration: 1000, // 缩放持续时间，默认不需要设置
+              resolution:Math.random() * 0.00000001,
+            });
+          });
+          //定位当前位置 ------end
+
+          //开始绘制图层- -----start
+          $("#htMapAll").on("click", function () {
+            if(that.drawingClick) {
+              that.drawingClick=false;
+              //删除之前 测距操作添加map中的绘图  --------start
+              //map.removeLayer(helpTooltip);
+              map.removeLayer(vector);
+              map.removeInteraction(draw_cm);
+              //map.removeOverlay(helpTooltipElement);
+              map.removeLayer(measureTooltipElement);
+              //删除之前 测距操作添加map中的绘图  --------end
+
+              //删除之前画图图层,重新绘制图层
+              map.removeInteraction(draw_map);
+              map.removeLayer(drawing);
+              //var source = new ol.source.Vector({wrapX: false});
+              drawing = new ol.layer.Vector({
+                source: new ol.source.Vector(),
+              });
+              map.addLayer(drawing);
+
+              function addInteraction() {
+                draw_map = new ol.interaction.Draw({
+                  source: drawing.getSource(),
+                  type: "Polygon",
+                });
+                draw_map.on("drawend", function (evt) {
+                  var feature = evt.feature;
+                  var geometry = feature.getGeometry();
+                  that.coordinate = geometry.getCoordinates();
+                  //_this.coordinateList = coordinate.toString();
+                  //提示当前坐标是否绘制完成
+                  if (that.coordinate != "" && that.coordinate != null) {
+                    that.showhzht = true;
+                    that.htZjdZrzFsss = JSON.stringify(that.coordinate);
+                    console.log(that.mapZjdData);
+                    // htMapAllFu();
+                  } else {
+                    $("#htMapAll").trigger("click");
+                  }
+                });
+                map.addInteraction(draw_map);
+              }
+
+              function htMapAllFu() {
+                //that.drawMapPolygonFun();
+                //绘制多边形地图
+                that.$dialog
+                  .confirm({
+                    title: "提示",
+                    message: "是否重新绘制画图",
+                  })
+                  .then(() => {
+                    //$("#drawRemove").trigger("click");
+                    map.removeInteraction(draw_map);
+                    that.coordinate = "";
+                  })
+                  .catch(() => {
+                    //删除画图点
+                    map.removeInteraction(draw_map);
+                  });
+              }
+
+              addInteraction();
+            } else {
+              that.drawingClick=true;
+              //删除之前 测距操作添加map中的绘图  --------start
+              //map.removeLayer(helpTooltip);
+              map.removeLayer(vector);
+              map.removeInteraction(draw_cm);
+              //map.removeOverlay(helpTooltipElement);
+              map.removeLayer(measureTooltipElement);
+              //删除之前 测距操作添加map中的绘图  --------end
+
+              //删除之前画图图层,重新绘制图层
+              map.removeInteraction(draw_map);
+              map.removeLayer(drawing);
+              //var source = new ol.source.Vector({wrapX: false});
+            }
+          });
+          //删除之前绘制图层
+          $("#deleteHistory").on("click", function () {
+            map.removeLayer(drawing);
+            that.showhzht = false;
+          });
+          //开始绘制图层- -----end
+
+          //切换功能删除之前选中状态
+          $("#deleteHistoryMap").on("click", function () {
+            map.removeLayer(hc_land_on);
+            that.mapZjdData = "";
+            that.mapZrzData = "";
+            that.mapFsssData = "";
+            //that.mapZjdTeAll.active ="1";
+            that.mapZjdTeAll.mapZjdAData = {};
+            that.mapZjdTeAll.mapZrzAData = {};
+            that.mapZjdTeAll.mapFsssAData = {};
+            that.mapZjdDataTure = "";
+          });
+          //清除画图鼠标点击事件
+          // $("#drawRemove").click(function () {
+          //   map.removeLayer(drawing);
+          // });
+          //
+
+          //地图定义
+          var delete_map = ["mapZjd", "mapZrz","mapFsss"];
+          var hc_land_queryList =[];
+          var texiao_layer_zjd;
+          var texiao_layer_zrz;
+          var texiao_layer_fsss;
+          //按照查询条件人名  定位地图-----------------start
+          $("#query").on("click", function () {
+            //数据库查询数据------------------------------------------------------start
+            $("#deleteHistoryMap").trigger("click");
+            var val = that.seachText;
+            //删除之前查询图层
+            for(var i=0;hc_land_queryList.length>i;i++){
+              map.removeLayer(hc_land_queryList[i]);
+            }
+            hc_land_queryList = [];
+            that.mapDataAll =[];
+            if (val == "") {
+                that.$toast('请填写查询条件再查询');
+              } else {
+              var styleZjd = new ol.style.Style({
+                stroke: new ol.style.Stroke({
+                  //边界样式
+                  color: "#CCFF66",
+                  width: 6,
+                }),
+              });
+              let params;
+              if(that.mapAddJumpNum == 1){
+                params = {
+                  "deptId" : that.mapAddJump,
+                  "syqr" : val
+                }
+              } else {
+                params = {
+                  "deptId" : that.$cookies.get("item").deptId,
+                  "syqr" : val
+                }
+              }
+              listZjdzd(params).then((response) => {
+                if(response.rows.length != 0){
+                  that.mapDataAll = response.rows;
+                  for(var hg=0; hg < that.mapDataAll.length; hg++){
+                    var mapNum = that.mapDataAll[hg].houseDataConfirmStatus;
+                    if(mapNum == "UNCONFIRMED"){
+                      that.mapDataAll[hg].paceType = "未核查";
+                    } else if (mapNum == "CONFIRMED"){
+                      that.mapDataAll[hg].paceType = "已核查";
+                    }else{
+
+                    }
+                    that.mapDataAll[hg].typeTc="宅基地";
+                    if (that.mapDataAll[hg] !=null && that.mapDataAll[hg].theGeom != null && that.mapDataAll[hg].theGeom != "") {
+                      that.mapDataAll[hg].createBy = 'mapTheGeomZjdId';
+                      hc_land_queryList[hg] =new ol.layer.Vector({
+                          title: "add Layer",
+                          source: new ol.source.Vector({
+                            projection: projection,
+                            features: new ol.format.GeoJSON().readFeatures("{\n" +
+                              "    \"type\": \"Feature\",\n" +
+                              "    \"geometry\":" + that.mapDataAll[hg].theGeom + ",    \"properties\":" + JSON.stringify(that.mapDataAll[hg]) + "}"),
+                          }),
+                          style: styleZjd
+                        });
+                      map.addLayer(hc_land_queryList[hg]);
+                      var maxXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxX;
+                      var maxYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxY;
+                      var minXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minX;
+                      var minYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minY;
+                      //定位查询位置
+                      var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                      map.getView().animate({
+                        // 只设置需要的属性即可
+                        center: center, // 中心点
+                        zoom: 15.8, // 缩放级别
+                        rotation: undefined, // 缩放完成view视图旋转弧度
+                        duration: 1000, // 缩放持续时间，默认不需要设置
+                        resolution:Math.random() * 0.00000001,
+                      });
+                    }
+                    // listFsss(paramsZrz).then((response) => {
+                    //   that.mapDataAll.push(response.rows);
+                    // });
+                  }
+                  // for(var queryFor=0; hc_land_queryList > queryFor; queryFor++ ){
+                  //   map.addLayer(hc_land_queryList[queryFor]);
+                  // }
+                  // var mapZrzFor = that.mapDataAll[0].length+1;
+                  // console.log(mapZrzFor);
+                  // for(var mapFor=0;mapZrzFor>mapFor;mapFor++){
+                  //   //查询自然幢
+                  //   let paramsZrz = {
+                  //     "deptId" : that.$cookies.get("item").deptId,
+                  //     "zjddm" : that.mapDataAll[0][mapFor].zjddm,
+                  //     "pageSize":20,
+                  //   }
+                  //   listZrz(paramsZrz).then((response) => {
+                  //     console.log(response);
+                  //     that.mapDataAll[0].
+                  //     that.mapDataAll[0].push(response.rows);
+                  //   });
+                  // }
+                  setTimeout(function () {
+                    that.showSearch = true ;
+                    $('.searchBox').css('display','block')
+                    var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+                    document.styleSheets[0].insertRule(
+                      "@keyframes test" +
+                      "{" +
+                      "0%{bottom: -" + height + "px;}" +
+                      "100%{bottom: 0px;}" +
+                      "}"
+                    )
+                    $('.searchBar_wrap').css({'animation':'test 0.5s ease-in-out 0s 1 alternate forwards','-webkit-animation':'test 0.5s ease-in-out 0s 1 alternate forwards'});
+                  //}
+                  },500);
+                } else {
+                  that.$toast("暂无数据")
+                }
+              });
+
+            }
+            //数据库查询数据------------------------------------------------------end
+            //地图查询------------------------------------------------------------start
+            /**
+             * @api wfs服务空间查询
+             * @param {*} wfsurl
+             * @param {*} srsName
+             * @param {*} typeName
+             * @param {*} drawType
+             * @param {option 可选} geometryField
+             */
+            // var val = that.seachText;
+            // if (val == "") {
+            //   that.$toast('请填写查询条件再查询');
+            // } else {
+            //   //清除之前查询数据
+            //   that.mapDataAll =[];
+            //   //分类查询查询农地、农房
+            //   var difang;
+            //   //查询条件
+            //   var cql_filter_cun;
+            //   var cun = that.$cookies.get("item").deptId;
+            //   difang = ["zjd_dc:t_house_survey_zjdzd", "zjd_dc:t_house_survey_zrz","zjd_dc:t_house_survey_fsss"];
+            //   var tach = 0;
+            //   var once = 0;
+            //   for (var i = 0; i < difang.length; i++) {
+            //     map.removeLayer(delete_map[i]);
+            //     // 数字验证！
+            //     var reg = /\d/;
+            //     //验证汉子
+            //     //var han = /^[\u4e00-\u9fa5]+$/;
+            //     if (reg.test(val)) {
+            //       //循环判断查询条件
+            //       cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //     } else {
+            //       //循环判断查询条件
+            //       if (difang[i] == "zjd_dc:t_house_survey_zjdzd") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       } else if(difang[i] == "zjd_dc:t_house_survey_zrz") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       } else if(difang[i] == "zjd_dc:t_house_survey_fsss") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       }
+            //     }
+            //     //for(var i=0; i< difang.length; i++){
+            //     //cql_filter = "CM='"+cun +"'"+ "and XZQK='待流转待盘活'";
+            //
+            //     //图层加载
+            //
+            //     //业务图层  wms服务
+            //     delete_map[i] = new ol.layer.Tile({
+            //       source: new ol.source.TileWMS({
+            //         url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            //         params: {
+            //           LAYERS: difang[i],
+            //           //'LAYERS': 'new_shp:new_shp_all',
+            //           TILED: true,
+            //           cql_filter: cql_filter_cun,
+            //           SRID: 3857,
+            //         },
+            //       }),
+            //     });
+            //
+            //     //}
+            //     //定位查询位置
+            //     let param_dw = {
+            //       srsName: "EPSG:3857",
+            //       service: "WFS",
+            //       version: "1.0.0",
+            //       request: "GetFeature",
+            //       typename: difang[i],
+            //       //featureNS: 'nsgk_hc',//命名空间 URI
+            //       cql_filter: cql_filter_cun,
+            //       //featurePrefix: 'nationalwater',//工作区名称
+            //       //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+            //       outputFormat: "application/json",
+            //       //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+            //     };
+            //     let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;
+            //     url_dw = url_dw + "?";
+            //     for (let key in param_dw) {
+            //       url_dw = url_dw + key + "=" + param_dw[key] + "&";
+            //     }
+            //     url_dw = url_dw.substr(0, url_dw.length - 1);
+            //     fetch(url_dw, {
+            //       method: "POST", // *GET, POST, PUT, DELETE, etc.
+            //     })
+            //       .then((res) => {
+            //         var geojsonmap = res.json();
+            //         return geojsonmap;
+            //       })
+            //       .then((data) => {
+            //         tach = tach + 1;
+            //         if (data.features != null && data.features != "") {
+            //           for(var i=0; data.features.length >i; i++) {
+            //             //特效动画实现 -----------------------------start
+            //             console.log(tach,"++++++++++++++++++",once)
+            //             var datamap = data.features[0].bbox;
+            //             if (tach == 1 && once == 0) {
+            //               console.log("zrz")
+            //               texiao_layer_zjd = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_zjd);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_zjd.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             } else if(tach == 2) {
+            //               console.log("zrz")
+            //               texiao_layer_zrz = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_zrz);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_zrz.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             } else {
+            //               console.log("fsss")
+            //               texiao_layer_fsss = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_fsss);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_fsss.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             }
+            //             //特效动画实现 -----------------------------end
+            //             that.mapDataAll.push(JSON.parse(JSON.stringify(data.features[i].properties)));
+            //           }
+            //           //定位实现
+            //           let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+            //           map.getView().fit(data.bbox);
+            //           map.getView().setResolution(resolution);
+            //           console.log(that.mapDataAll);
+            //         } else if (tach == 1) {
+            //           once = once + 1;
+            //         } else {
+            //           if (once == 1 && tach == 3) {
+            //             that.$toast("没有找到相关人员信息");
+            //             //that.showSearch = false ;
+            //           }else {
+            //
+            //           }
+            //         }
+            //       })
+            //       .catch((error) => {
+            //         console.log("【异常】", error);
+            //       });
+            //     map.addLayer(delete_map[i]);
+            //   }
+            //地图查询------------------------------------------------------------end
+          });
+          //按照查询  定位地图-----------------end
+
+          //筛选附属设施-----------------------------------start
+          $("#fsssSx").click(function () {
+            if(!that.fsssSx){
+              map.addLayer(fsssTc);
+            }else {
+              map.removeLayer(fsssTc);
+            }
+          });
+          $("#zrzSx").click(function () {
+            if(!that.zrzSx){
+              map.addLayer(zrzTc);
+            }else {
+              map.removeLayer(zrzTc);
+            }
+          });
+          $("#zjdSx").click(function () {
+            if(!that.zjdSx){
+              map.addLayer(zjdTc);
+            }else {
+              map.removeLayer(zjdTc);
+            }
+          });
+          $("#checkAll").click(function () {
+            if(!that.fsssSx && !that.zjdSx && !that.zrzSx){
+              map.addLayer(zjdTc);
+              map.addLayer(zrzTc);
+              map.addLayer(fsssTc);
+            }else {
+              map.removeLayer(zrzTc);
+              map.removeLayer(zjdTc);
+              map.removeLayer(fsssTc);
+            }
+          });
+          //筛选附属设施-----------------------------------end
+          // //获取类型开始  侧面-----------------------------------------------------------------start
+          //样式加载定义
+          var vector_drawing_delete;
+          $("#area").click(function () {
+            console.log(that.textMjAll);
+            console.log(that.clickBbox);
+            if(that.textMjAll ==null || that.textMjAll ==""){
+              that.textMjAll =0;
+            }
+            if((that.textMjAll != "" && that.clickBbox !="") || (that.textMjAll == 0 && that.clickBbox !="")){
+              map.removeLayer(vector_drawing_delete);
+              function createLabelStyle() {
+                return new ol.style.Style({
+                  text: new ol.style.Text({
+                    text: that.textMjAll+"㎡",
+                    textAlign: "center", //位置
+                    textBaseline: "middle", //基准线
+                    font: "normal 12px 微软雅黑", //文字样式
+                    //text: "标注点", //文本内容
+                    fill: new ol.style.Fill({
+                      //文本填充样式（即文字颜色)
+                      color: "#FFFFFF",
+                      width: 10,
+                    }),
+                    overflow: false //超出面的部分不显示
+                  }),
+                  zIndex: 9999,
+                });
+              }
+              var newcenterFeature = new ol.Feature({
+                geometry: new ol.geom.Point(that.clickBbox), //几何信息
+                //name: "标注点",
+              });
+              var sourceMapLook = new ol.source.Vector({wrapX: false});
+              vector_drawing_delete = new ol.layer.Vector({
+                source: sourceMapLook,
+              });
+              map.addLayer(vector_drawing_delete);
+              newcenterFeature.setStyle(createLabelStyle()); //设置要素样式
+              sourceMapLook.addFeature(newcenterFeature);
+              //map.addLayer(styleFsss);
+            } else if(that.textMjAllNum == "1"){
+              that.$toast("该图层面积暂无信息");
+            } else {
+              that.$toast("选择图层进行面积显示");
+            }
+          });
+          // $("#area").click(function () {
+          //   console.log("进入测面")
+          //   //删除绘制图层画图操作-------start
+          //   map.removeInteraction(draw_map);
+          //   map.removeLayer(drawing);
+          //   //删除绘制图层画图操作-------end
+          //   //开始绘制 测面--------------------------------------------------------------start
+          //   //定义矢量数据源
+          //   var source = new ol.source.Vector();
+          //
+          //   vector = new ol.layer.Vector({
+          //     source: source,
+          //     style: new ol.style.Style({
+          //       fill: new ol.style.Fill({
+          //         color: "rgba(255,255,255,0.2)",
+          //       }),
+          //       stroke: new ol.style.Stroke({
+          //         color: "#e21e0a",
+          //         width: 2,
+          //       }),
+          //       //image: new ol.style.Circle({
+          //       // radius: 7,
+          //       // fill: new ol.style.Fill({
+          //       //  color:'#ffcc33'
+          //       // })
+          //       //})
+          //     }),
+          //   });
+          //
+          //   //将矢量图层添加到地图中   线的颜色加入map中
+          //   map.addLayer(vector);
+          //
+          //   var sketch;
+          //
+          //   var continuePolygonMsg = "单击以继续绘制多边形";
+          //
+          //   /**
+          //    * Message to show when the user is drawing a line.
+          //    * @type {string}
+          //    */
+          //     //var continueLineMsg = '单击继续绘制直线';
+          //
+          //     //鼠标移动触发的函数
+          //   var pointerMoveHandler = function (evt) {
+          //       //Indicates if the map is currently being dragged.
+          //       //Only set for POINTERDRAG and POINTERMOVE events. Default is false.
+          //       //如果是平移地图则直接结束
+          //       if (evt.dragging) {
+          //         return;
+          //       }
+          //       //帮助提示信息
+          //       var helpMsg = "单击开始绘图";
+          //
+          //       if (sketch) {
+          //         //Get the feature's default geometry.
+          //         //A feature may have any number of named geometries.
+          //         //获取绘图对象的几何要素
+          //         var geom = sketch.getGeometry();
+          //         //如果当前绘制的几何要素是多边形，则将绘制提示信息设置为多边形绘制提示信息
+          //         //如果当前绘制的几何要素是多线段，则将绘制提示信息设置为多线段绘制提示信息
+          //         helpMsg = continuePolygonMsg;
+          //       }
+          //       //设置帮助提示要素的内标签为帮助提示信息
+          //       helpTooltipElement.innerHTML = helpMsg;
+          //       //设置帮助提示信息的位置
+          //       //The coordinate in view projection corresponding to the original browser event.
+          //       helpTooltip.setPosition(evt.coordinate);
+          //       //移除帮助提示要素的隐藏样式
+          //       $(helpTooltipElement).removeClass("hidden");
+          //     };
+          //
+          //   map.on("pointermove", pointerMoveHandler);
+          //
+          //   map.getViewport().addEventListener("mouseout", function () {
+          //     helpTooltipElement.classList.add("hidden");
+          //   });
+          //
+          //   //添加交互式绘图对象的函数
+          //   function addInteraction() {
+          //     // 获取当前选择的绘制类型
+          //     //var type = typeSelect.value == 'length' ? 'Polygon' : 'LineString';
+          //     //创建一个交互式绘图对象
+          //     var type = "Polygon";
+          //     draw_cm = new ol.interaction.Draw({
+          //       //绘制的数据源
+          //       source: source,
+          //       //绘制类型
+          //       type: type,
+          //       //样式
+          //       style: new ol.style.Style({
+          //         fill: new ol.style.Fill({
+          //           color: "rgba(255,255,255,0.2)",
+          //         }),
+          //         stroke: new ol.style.Stroke({
+          //           color: "rgba(0,0,0,0.5)",
+          //           lineDash: [10, 10],
+          //           width: 2,
+          //         }),
+          //         //  image: new ol.style.Circle({
+          //         //   radius: 5,
+          //         //   stroke: new ol.style.Stroke({
+          //         //	color:'rgba(0,0,0,0.7)'
+          //         // }),
+          //         // fill: new ol.style.Fill({
+          //         //color: 'rgba(255,255,255,0.2)'
+          //         // })
+          //         //})
+          //       }),
+          //     });
+          //     //将交互绘图对象添加到地图中
+          //     map.addInteraction(draw_cm);
+          //
+          //     //创建测量提示框
+          //     createMeasureTooltip();
+          //     //创建帮助提示框
+          //     createHelpTooltip();
+          //
+          //     //定义一个事件监听
+          //     var listener;
+          //     //定义一个控制鼠标点击次数的变量
+          //     var count = 0;
+          //     //绘制开始事件
+          //     draw_cm.on(
+          //       "drawstart",
+          //       function (evt) {
+          //         //The feature being drawn.
+          //         sketch = evt.feature;
+          //         //提示框的坐标
+          //         var tooltipCoord = evt.coordinate;
+          //         //监听几何要素的change事件
+          //         //Increases the revision counter and dispatches a 'change' event.
+          //
+          //         listener = sketch.getGeometry().on("change", function (evt) {
+          //           //The event target.
+          //           //获取绘制的几何对象
+          //           var geom = evt.target;
+          //           //定义一个输出对象，用于记录面积和长度
+          //           var output;
+          //           map.removeEventListener("singleclick");
+          //           map.removeEventListener("dblclick");
+          //           //输出多边形的面积
+          //           output = formatArea(geom);
+          //           //Return an interior point of the polygon.
+          //           //获取多变形内部点的坐标
+          //           tooltipCoord = geom.getInteriorPoint().getCoordinates();
+          //
+          //           //设置测量提示框的内标签为最终输出结果
+          //           measureTooltipElement.innerHTML = output;
+          //           //设置测量提示信息的位置坐标
+          //           measureTooltip.setPosition(tooltipCoord);
+          //         });
+          //
+          //         //地图单击事件
+          //         map.on("singleclick", function (evt) {
+          //           //设置测量提示信息的位置坐标，用来确定鼠标点击后测量提示框的位置
+          //           measureTooltip.setPosition(evt.coordinate);
+          //           //如果是第一次点击，则设置测量提示框的文本内容为起点
+          //           if (count == 0) {
+          //             measureTooltipElement.innerHTML = "起点";
+          //           }
+          //           //根据鼠标点击位置生成一个点
+          //           var point = new ol.geom.Point(evt.coordinate);
+          //           //将该点要素添加到矢量数据源中
+          //           source.addFeature(new ol.Feature(point));
+          //           //更改测量提示框的样式，使测量提示框可见
+          //           measureTooltipElement.className = "tooltip tooltip-static";
+          //           //创建测量提示框
+          //           createMeasureTooltip();
+          //           //点击次数增加
+          //           count++;
+          //         });
+          //
+          //         //地图双击事件
+          //         map.on("dblclick", function (evt) {
+          //           //根据
+          //           var point = new ol.geom.Point(evt.coordinate);
+          //           source.addFeature(new ol.Feature(point));
+          //         });
+          //       },
+          //       this
+          //     );
+          //     //绘制结束事件
+          //     draw_cm.on(
+          //       "drawend",
+          //       function (evt) {
+          //         count = 0;
+          //         //设置测量提示框的样式
+          //         measureTooltipElement.className = "tooltip tooltip-static";
+          //         //Set the offset for this overlay.
+          //         //设置偏移量
+          //         measureTooltip.setOffset([0, -7]);
+          //         //清空绘制要素
+          //         sketch = null;
+          //         //清空测量提示要素
+          //         measureTooltipElement = null;
+          //         //创建测量提示框
+          //         createMeasureTooltip();
+          //         //Removes an event listener using the key returned by on() or once().
+          //         //移除事件监听
+          //         ol.Observable.unByKey(listener);
+          //         //移除地图单击事件
+          //         map.removeEventListener("singleclick");
+          //       },
+          //       this
+          //     );
+          //   }
+          //   /**
+          //    * Creates a new help tooltip
+          //    */
+          //   function createHelpTooltip() {
+          //     if (helpTooltipElement) {
+          //       helpTooltipElement.parentNode.removeChild(helpTooltipElement);
+          //     }
+          //     helpTooltipElement = document.createElement("div");
+          //     helpTooltipElement.className = "ol-tooltip hidden";
+          //     helpTooltip = new ol.Overlay({
+          //       element: helpTooltipElement,
+          //       offset: [15, 0],
+          //       positioning: "center-left",
+          //     });
+          //     map.addOverlay(helpTooltip);
+          //   }
+          //
+          //   /**
+          //    * Creates a new measure tooltip
+          //    */
+          //   function createMeasureTooltip() {
+          //     if (measureTooltipElement) {
+          //       measureTooltipElement.parentNode.removeChild(measureTooltipElement);
+          //     }
+          //     measureTooltipElement = document.createElement("div");
+          //     measureTooltipElement.className = "ol-tooltip ol-tooltip-measure";
+          //     measureTooltip = new ol.Overlay({
+          //       element: measureTooltipElement,
+          //       offset: [0, -15],
+          //       positioning: "bottom-center",
+          //     });
+          //     map.addOverlay(measureTooltip);
+          //   }
+          //
+          //   //格式化测量面积
+          //   var formatArea = function (polygon) {
+          //     //定义面积变量
+          //     var area;
+          //     //获取平面面积
+          //     area = polygon.getArea();
+          //     //定义输出变量
+          //     var output;
+          //     //当面积大于10000时，转换为平方千米，否则为平方米
+          //     if (area > 10000) {
+          //       output =
+          //         Math.round((area / 1000000) * 100) / 100 + " " + "km<sup>2</sup>";
+          //     } else {
+          //       output = Math.round(area * 100) / 100 + " " + "m<sup>2</sup>";
+          //     }
+          //     return output;
+          //   };
+          //
+          //   addInteraction();
+          // });
+          // //侧面结束-----------------------------------------------------------------end
+
+          //全图展示-----------------start
+          $("#mapAllQt").click(function (){
+            //定位查询位置
+            let param_dw = {
+              srsName: "EPSG:3857",
+              service: "WFS",
+              version: "1.0.0",
+              request: "GetFeature",
+              typename: "zjd_dc:t_house_survey_border_village",
+              //featureNS: 'nsgk_hc',//命名空间 URI
+              cql_filter: cql_filter,
+              //featurePrefix: 'nationalwater',//工作区名称
+              //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+              outputFormat: "application/json",
+              //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+            };
+            let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;
+            url_dw = url_dw + "?";
+            for (let key in param_dw) {
+              url_dw = url_dw + key + "=" + param_dw[key] + "&";
+            }
+            url_dw = url_dw.substr(0, url_dw.length - 1);
+            fetch(url_dw, {
+              method: "POST", // *GET, POST, PUT, DELETE, etc.
+            })
+              .then((res) => {
+                var geojsonmap = res.json();
+                return geojsonmap;
+              })
+              .then((data) => {
+                let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize());
+                resolution:resolution + Math.random() * 0.00000001,
+                map.getView().fit(data.bbox);
+                map.getView().setResolution(resolution);
+                // var datamap = data.bbox;
+                // var center = ol.extent.getCenter(datamap);
+                // map.getView().animate({
+                //   // 只设置需要的属性即可
+                //   center: center, // 中心点
+                //   rotation: undefined, // 缩放完成view视图旋转弧度
+                // });
+              })
+              .catch((error) => {
+                console.log("【异常】", error);
+              });
+          });
+
+          //业务图层  wfs服务  属性查询开始 ------------------start
+          /**
+           * @api wfs服务空间查询
+           * @param {*} wfsurl
+           * @param {*} srsName
+           * @param {*} typeName
+           * @param {*} drawType
+           * @param {option 可选} geometryField
+           */
+
+          //查询全部图层  -------查询叠加图层出现覆盖问题
+          var wmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_all",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询宅基地图层
+          var ZjdwmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_zjdzd",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询自然幢图层
+          var ZrzwmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_zrz",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询附属设施图层
+          var FssswmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_fsss",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+
+          map.on("pointermove", function (evt) {
+            if (evt.dragging) {
+              return;
+            }
+            var pixel = map.getEventPixel(evt.originalEvent);
+            var hit = map.forEachLayerAtPixel(pixel, function () {
+              return true;
+            });
+            map.getTargetElement().style.cursor = hit ? "pointer" : "";
+          });
+          //属性查询结束 ------------------end
+          //点击查询详细信息
+          map.on("singleclick", function (evt) {
+            console.log(evt);
+            let feature = map.forEachFeatureAtPixel(
+              evt.pixel,
+              (feature) => feature
+            );
+            var viewResolution = map.getView().getResolution(); ///** @type {number} */ (view.getResolution());
+            var zb = evt.coordinate;
+            var url;
+            var url_bbox;
+            that.clickBbox ="";
+            that.textMjAll = "";
+            if(that.drawingClick) {
+              //点击空白删除之前图层
+              map.removeLayer(hc_land_on);
+              //map.removeLayer(hc_land_query);
+              //for(var i=0;hc_land_query>i;i++){
+                //map.removeLayer(hc_land_query);
+              for(var i=0;hc_land_queryList.length>i;i++){
+                map.removeLayer(hc_land_queryList[i]);
+              }
+              //}c
+              if (that.fsssSx && that.zjdSx && that.zrzSx) {
+                url = wmsSource.getFeatureInfoUrl(
+                  evt.coordinate,
+                  viewResolution,
+                  "EPSG:3857",
+                  {INFO_FORMAT: "text/html"}
+                );
+                url_bbox = wmsSource.getFeatureInfoUrl(
+                  evt.coordinate,
+                  viewResolution,
+                  "EPSG:3857",
+                  {INFO_FORMAT: "application/json"}
+                );
+              } else {
+                if (that.zjdSx) {
+                  url = ZjdwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = ZjdwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else if (that.fsssSx) {
+                  url = FssswmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = FssswmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else if (that.zrzSx) {
+                  url = ZrzwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = ZrzwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else {
+                  url = wmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = wmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                }
+              }
+              if (url_bbox) {
+                fetch(url_bbox).then((res) => {
+                  var geojsonmap = res.json();
+                  return geojsonmap;
+                })
+                  .then((data) => {
+                    var center = ol.extent.getCenter(data.bbox); //获取边界区域的中心位置
+                    center = [center[0], center[1] - 16];
+                    that.clickBbox = center;
+                  })
+                  .catch((error) => {
+                    that.mapZjdData = "";
+                    that.mapZrzData = "";
+                    that.mapFsssData = "";
+                    //that.mapZjdTeAll.active ="1";
+                    that.mapZjdTeAll.mapZjdAData = {};
+                    that.mapZjdTeAll.mapZrzAData = {};
+                    that.mapZjdTeAll.mapFsssAData = {};
+                    that.mapZjdDataTure = "";
+                    that.mapXs =false;
+                    that.mapClick ="";
+                    console.log("【异常】", error);
+                  });
+              }
+              if (url) {
+                fetch(url)
+                  .then(function (response) {
+                    return response.text();
+                  })
+                  .then(function (html) {
+                    document.getElementById("info").innerHTML = html;
+                    if (html.indexOf("<table") != -1) {
+                      that.mapZjdData = "";
+                      that.mapZrzData = "";
+                      that.mapFsssData = "";
+                      //that.mapZjdTeAll.active ="1";
+                      that.mapZjdTeAll.mapZjdAData = {};
+                      that.mapZjdTeAll.mapZrzAData = {};
+                      that.mapZjdTeAll.mapFsssAData = {};
+                      that.mapZjdDataTure = "";
+                      setTimeout(() => {
+                        if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zjdzd") {
+                          map.removeLayer(hc_land_on);
+                          that.mapHasDateStatus = 2;
+                          that.mapXs = true;
+                          let obj = {};
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let zjdXq = trs.find("td").eq(0).text();
+                          let zjdIdNum = zjdXq.replace("t_house_survey_zjdzd.", "");
+                          obj.id = zjdIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(3).text();//行政区划名称
+
+                          obj.zjddm = trs.find("td").eq(6).text();//宅基地代码
+
+                          obj.zdmj = trs.find("td").eq(11).text();//宗地面积
+
+                          obj.active = 1;
+
+                          var vector_drawing_map;
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                          }
+                          that.mapClick = obj.zjddm;
+                          //点击查看自然幢
+                          //自然幢图层查询开始 ------------------start
+                          var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                          zrzTc = new ol.layer.Image({
+                            source: new ol.source.ImageWMS({
+                              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                              params: {
+                                LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                TILED: true,
+                                cql_filter: cql_filter_map,
+                                SRID: 3857,
+                                TIMESTAMP: new Date().getTime(),
+                              },
+                            }),
+                          });
+                          map.addLayer(zrzTc);
+                          //自然幢图层查询开始 ------------------start
+                          //附属设施图层查询开始 ------------------start
+                          //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                          fsssTc = new ol.layer.Image({
+                            source: new ol.source.ImageWMS({
+                              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                              params: {
+                                LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                TILED: true,
+                                cql_filter: cql_filter_map,
+                                SRID: 3857,
+                                TIMESTAMP: new Date().getTime(),
+                              },
+                            }),
+                          });
+                          map.addLayer(fsssTc);
+                          //附属设施图层查询开始 ------------------end
+                          that.$cookies.set("search", "")
+                          //that.$cookies.set("map", "")
+                          console.log(document.cookie.split(';').length)
+                          console.log(params);
+                          listZjdzd(params).then((response) => {
+                            if (response.rows[0].zdmj != "") {
+                              that.textMjAll = response.rows[0].zdmj;
+                            } else {
+                              that.textMjAllNum = "1";
+                            }
+                            that.mapZjdData = response.rows[0];
+                            that.mapZjdData.active = 1;
+                            that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                            that.mapZjdDataTure = 1;
+                            that.zjdHcDy = obj.zjddm;
+                            var styleZjd = new ol.style.Style({
+                              stroke: new ol.style.Stroke({
+                                //边界样式
+                                color: "#CCFF66",
+                                width: 6,
+                              }),
+                            });
+                            hc_land_on = new ol.layer.Vector({
+                              title: "add Layer",
+                              source: new ol.source.Vector({
+                                projection: projection,
+                                features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                  "    \"type\": \"Feature\",\n" +
+                                  "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                              }),
+                              style: styleZjd
+                            });
+                            map.addLayer(hc_land_on);
+                            var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                            var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                            var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                            var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                            //定位查询位置
+                            var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                            map.getView().animate({
+                              // 只设置需要的属性即可
+                              center: center, // 中心点
+                              zoom: 17.8, // 缩放级别
+                              rotation: undefined, // 缩放完成view视图旋转弧度
+                              duration: 1000, // 缩放持续时间，默认不需要设置
+                              resolution:Math.random() * 0.00000001,
+                            });
+
+                            function createLabelStyleMap() {
+                              return new ol.style.Style({
+                                text: new ol.style.Text({
+                                  text: that.mapZjdData.syqr,
+                                  textAlign: "center", //位置
+                                  textBaseline: "middle", //基准线
+                                  font: "normal 16px 微软雅黑", //文字样式
+                                  //text: "标注点", //文本内容
+                                  fill: new ol.style.Fill({
+                                    //文本填充样式（即文字颜色)
+                                    color: "#09DDCE",
+                                    width: 10,
+                                  }),
+                                  overflow: false //超出面的部分不显示
+                                }),
+                                zIndex: 9999,
+                              });
+                            }
+
+                            var newcenterFeatureMap = new ol.Feature({
+                              geometry: new ol.geom.Point(center), //几何信息
+                              //name: "标注点",
+                            });
+                            var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                            vector_drawing_map = new ol.layer.Vector({
+                              source: sourceMapLookMap,
+                            });
+                            map.addLayer(vector_drawing_map);
+                            newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                            sourceMapLookMap.addFeature(newcenterFeatureMap);
+                          });
+                          //let cloneObj = JSON.parse(JSON.stringify(obj));
+                          //that.mapZjdData = cloneObj;
+                        } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zrz") {
+                          //that.mapZjdTeAll.mapZjdAData ={};
+                          that.mapZjdDataTure = "";
+                          that.mapZjdTeAll.mapFsssAData = {};
+                          map.removeLayer(hc_land_on);
+                          let obj = {};
+                          that.mapHasDateStatus = 1;
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let zrzXq = trs.find("td").eq(0).text();
+                          let zrzIdNum = zrzXq.replace("t_house_survey_zrz.", "");
+                          obj.id = zrzIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(3).text();//行政区划名称
+                          obj.zjddm = trs.find("td").eq(4).text();//宅基地代码
+                          obj.scjzmj = trs.find("td").eq(12).text();//实测建筑面积
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                          }
+                          that.$cookies.set("search", "")
+                          //that.$cookies.set("map", "")
+                          console.log(that.mapZjdData);
+                          //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {
+                          console.log(that.mapClick);
+                          console.log(obj.zjddm);
+                          if(that.mapXs && that.mapClick == obj.zjddm){
+                            listZjdzd(params).then((response) => {
+                              that.mapZjdData = response.rows[0];
+                              //that.mapZjdAData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              getZrz(obj.id).then((response) => {
+                                if (response.data.scjzmj != "") {
+                                  that.textMjAll = response.data.scjzmj;
+                                } else {
+                                  that.textMjAllNum = "1";
+                                }
+                                that.mapZrzData = response.data;
+                                that.mapZrzData.active = 3;
+                                that.mapZjdTeAll.mapZrzAData = that.mapZrzData;
+                                that.zjdHcDy = obj.zjddm;
+                                var styleZjd = new ol.style.Style({
+                                  stroke: new ol.style.Stroke({
+                                    //边界样式
+                                    color: "#CCFF66",
+                                    width: 6,
+                                  }),
+                                });
+                                hc_land_on = new ol.layer.Vector({
+                                  title: "add Layer",
+                                  source: new ol.source.Vector({
+                                    projection: projection,
+                                    features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                      "    \"type\": \"Feature\",\n" +
+                                      "    \"geometry\":" + that.mapZrzData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZrzData) + "}"),
+                                  }),
+                                  style: styleZjd
+                                });
+                                map.addLayer(hc_land_on);
+                                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                                //定位查询位置
+                                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                                map.getView().animate({
+                                  // 只设置需要的属性即可
+                                  center: center, // 中心点
+                                  zoom: 17.8, // 缩放级别
+                                  rotation: undefined, // 缩放完成view视图旋转弧度
+                                  duration: 1000, // 缩放持续时间，默认不需要设置
+                                  resolution: Math.random() * 0.00000001,
+                                });
+                              });
+                            });
+                          } else {
+                            //自然幢图层查询开始 ------------------start
+                            var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            zrzTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(zrzTc);
+                            //自然幢图层查询开始 ------------------start
+                            //附属设施图层查询开始 ------------------start
+                            //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            fsssTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(fsssTc);
+                            //附属设施图层查询开始 ------------------end
+                            listZjdzd(params).then((response) => {
+                              if (response.rows[0].zdmj != "") {
+                                that.textMjAll = response.rows[0].zdmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              that.mapZjdData = response.rows[0];
+                              that.mapZjdData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              that.mapZjdDataTure = 1;
+                              that.zjdHcDy = obj.zjddm;
+                              that.mapClick = obj.zjddm;
+                              that.mapXs = true;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution:Math.random() * 0.00000001,
+                              });
+
+                              function createLabelStyleMap() {
+                                return new ol.style.Style({
+                                  text: new ol.style.Text({
+                                    text: that.mapZjdData.syqr,
+                                    textAlign: "center", //位置
+                                    textBaseline: "middle", //基准线
+                                    font: "normal 16px 微软雅黑", //文字样式
+                                    //text: "标注点", //文本内容
+                                    fill: new ol.style.Fill({
+                                      //文本填充样式（即文字颜色)
+                                      color: "#09DDCE",
+                                      width: 10,
+                                    }),
+                                    overflow: false //超出面的部分不显示
+                                  }),
+                                  zIndex: 9999,
+                                });
+                              }
+
+                              var newcenterFeatureMap = new ol.Feature({
+                                geometry: new ol.geom.Point(center), //几何信息
+                                //name: "标注点",
+                              });
+                              var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                              vector_drawing_map = new ol.layer.Vector({
+                                source: sourceMapLookMap,
+                              });
+                              map.addLayer(vector_drawing_map);
+                              newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                              sourceMapLookMap.addFeature(newcenterFeatureMap);
+                            });
+                          }
+                        } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_fsss") {
+                          that.mapZjdTeAll.mapZrzAData = {};
+                          that.mapZjdDataTure = "";
+                          //that.mapZjdTeAll.mapZjdAData ={};
+                          map.removeLayer(hc_land_on);
+                          let obj = {};
+                          that.mapHasDateStatus = 0;
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let fsssXq = trs.find("td").eq(0).text();
+                          let fsssIdNum = fsssXq.replace("t_house_survey_fsss.", "");
+                          obj.id = fsssIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(4).text();//行政区划名称
+                          obj.zjddm = trs.find("td").eq(1).text();//宅基地代码
+                          // obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态
+                          // obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型
+                          obj.jzmj = trs.find("td").eq(8).text(); //建筑面积
+
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                            "pageSize": 20,
+                          }
+                          that.$cookies.remove("search")
+                          //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {
+                          if(that.mapXs && that.mapClick == obj.zjddm){
+                          listZjdzd(params).then((response) => {
+                            that.mapZjdData = response.rows[0];
+                            that.mapZjdData.active = 1;
+                            that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                            getFsss(obj.id).then((response) => {
+                              if (response.data.jzmj != "") {
+                                that.textMjAll = response.data.jzmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              //that.mapfsssData.active = 4;
+                              that.mapfsssData = response.data;
+                              console.log(that.mapfsssData);
+                              that.mapZjdTeAll.mapFsssAData = that.mapfsssData;
+                              that.zjdHcDy = obj.zjddm;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapfsssData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapfsssData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution: Math.random() * 0.00000001,
+                              });
+                            });
+                          });
+                        } else {
+                            //自然幢图层查询开始 ------------------start
+                            var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            zrzTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(zrzTc);
+                            //自然幢图层查询开始 ------------------start
+                            //附属设施图层查询开始 ------------------start
+                            //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            fsssTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(fsssTc);
+                            //附属设施图层查询开始 ------------------end
+                            listZjdzd(params).then((response) => {
+                              if (response.rows[0].zdmj != "") {
+                                that.textMjAll = response.rows[0].zdmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              that.mapZjdData = response.rows[0];
+                              that.mapZjdData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              that.mapZjdDataTure = 1;
+                              that.zjdHcDy = obj.zjddm;
+                              that.mapClick = obj.zjddm;
+                              that.mapXs = true;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution:Math.random() * 0.00000001,
+                              });
+
+                              function createLabelStyleMap() {
+                                return new ol.style.Style({
+                                  text: new ol.style.Text({
+                                    text: that.mapZjdData.syqr,
+                                    textAlign: "center", //位置
+                                    textBaseline: "middle", //基准线
+                                    font: "normal 16px 微软雅黑", //文字样式
+                                    //text: "标注点", //文本内容
+                                    fill: new ol.style.Fill({
+                                      //文本填充样式（即文字颜色)
+                                      color: "#09DDCE",
+                                      width: 10,
+                                    }),
+                                    overflow: false //超出面的部分不显示
+                                  }),
+                                  zIndex: 9999,
+                                });
+                              }
+
+                              var newcenterFeatureMap = new ol.Feature({
+                                geometry: new ol.geom.Point(center), //几何信息
+                                //name: "标注点",
+                              });
+                              var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                              vector_drawing_map = new ol.layer.Vector({
+                                source: sourceMapLookMap,
+                              });
+                              map.addLayer(vector_drawing_map);
+                              newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                              sourceMapLookMap.addFeature(newcenterFeatureMap);
+                            });
+                          }
+                          // if(obj.jzmj != ""){
+                          //   that.textMjAll = obj.jzmj;
+                          // } else {
+                          //   that.textMjAllNum = "1";
+                          // }
+                        } else {
+
+                        }
+                      }, 300);
+                    } else {
+
+                    }
+                  });
+              }
+            }
+            //数据库查询详情时使用----------------------------------------start
+            // if(feature) {
+            //   //document.getElementById("info").innerHTML = "";
+            //   that.mapHaDataValue = true;
+            //   var ifConsole = feature.values_.createBy;
+            //   if (ifConsole =="mapTheGeomFsssId") {
+            //     let obj = {};
+            //     that.mapHasDateStatus = 0;
+            //     obj.deptName = feature.values_.deptName;//行政区划名称
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus; //状态
+            //     obj.fssslx = feature.values_.fssslx; //附属设施类型
+            //     obj.jzmj = feature.values_.jzmj; //建筑面积
+            //     obj.qsly = feature.values_.qsly;//权属来源
+            //     obj.fwzt = feature.values_.fwzt; //房屋状态
+            //     obj.sfsp = feature.values_.sfsp; //是否审批
+            //     obj.sffz = feature.values_.sffz; //是否发证
+            //     obj.jglx = feature.values_.jglx; //结构类型
+            //     obj.sfzzsy = feature.values_.sfzzsy; //是否正在使用
+            //     obj.jzwqk = feature.values_.jzwqk; //建筑物情况
+            //     obj.tdzk = feature.values_.tdzk; //审批或建设前土地状况
+            //     obj.sfsgcf = feature.values_.sfsgcf; //是否受过处罚
+            //     obj.sysNormalDisable = feature.values_.sysNormalDisable; //是否停用
+            //     //附属设施类型字典项
+            //     that.getDicts("fsss_type").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fssslx !=null && obj.fssslx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fssslx == assetTypeOptions[i].dictValue) {
+            //             obj.fssslx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //权属类型字典项
+            //     that.getDicts("acquisition_method").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.qsly !=null && obj.qsly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.qsly == assetTypeOptions[i].dictValue) {
+            //             obj.qsly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋状态字典项
+            //     that.getDicts("fwzt").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwzt !=null && obj.fwzt !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwzt == assetTypeOptions[i].dictValue) {
+            //             obj.fwzt = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否审批字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfsp !=null && obj.sfsp !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfsp == assetTypeOptions[i].dictValue) {
+            //             obj.sfsp = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否发证字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sffz !=null && obj.sffz !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sffz == assetTypeOptions[i].dictValue) {
+            //             obj.sffz = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //结构类型字典项
+            //     that.getDicts("house_jglx").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.jglx !=null && obj.jglx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.jglx == assetTypeOptions[i].dictValue) {
+            //             obj.jglx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否正在使用字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfzzsy !=null && obj.sfzzsy !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfzzsy == assetTypeOptions[i].dictValue) {
+            //             obj.sfzzsy = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋状态字典项
+            //     that.getDicts("fwzt").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwzt !=null && obj.fwzt !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwzt == assetTypeOptions[i].dictValue) {
+            //             obj.fwzt = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //土地状况字典项
+            //     that.getDicts("land_state").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.tdzk !=null && obj.tdzk !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.tdzk == assetTypeOptions[i].dictValue) {
+            //             obj.tdzk = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否受过处罚字典项
+            //     that.getDicts("land_state").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfsgcf !=null && obj.sfsgcf !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfsgcf == assetTypeOptions[i].dictValue) {
+            //             obj.sfsgcf = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapFsssData = obj;
+            //   } else if(ifConsole =="mapTheGeomZrzId"){
+            //     let obj = {};
+            //     that.mapHasDateStatus = 1;
+            //     obj.deptName = feature.values_.deptName;//部门名称
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.nmfwzh = feature.values_.nmfwzh;//农民房屋幢号
+            //     obj.zrzh = feature.values_.zrzh;//自然幢号
+            //     obj.jgrq = feature.values_.jgrq;//竣工日期
+            //     obj.jzwgd = feature.values_.jzwgd;//建筑物高度
+            //     obj.zzdmj = feature.values_.zzdmj;//幢占地面积
+            //     obj.zydmj = feature.values_.zydmj;//幢用地面积
+            //     obj.scjzmj = feature.values_.scjzmj;//实测建筑面积
+            //     obj.zcs = feature.values_.zcs;//总层数
+            //     obj.dscs = feature.values_.dscs;//地上层数
+            //     obj.dxcs = feature.values_.dxcs;//地下层数
+            //     obj.fwjg = feature.values_.fwjg;//房屋结构
+            //     obj.sjly = feature.values_.sjly;//数据来源
+            //     obj.status = feature.values_.status;//状态
+            //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus;//数据调查确认状态
+            //     //字典项转化
+            //     //房屋结构字典项
+            //     that.getDicts("housing_structure").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwjg !=null && obj.fwjg !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwjg == assetTypeOptions[i].dictValue) {
+            //             obj.fwjg = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋结构字典项
+            //     that.getDicts("sjly").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sjly !=null && obj.sjly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sjly == assetTypeOptions[i].dictValue) {
+            //             obj.sjly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapZrzData = obj;
+            //   } else if(ifConsole =="mapTheGeomZjdId"){
+            //     let obj = {};
+            //     that.mapHasDateStatus = 2;
+            //     obj.deptName = feature.values_.deptName;//行政区划名称
+            //     obj.suyqrdm = feature.values_.suyqrdm;//所有权人代码
+            //     obj.nhdm = feature.values_.nhdm;//农户代码
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.zdbh = feature.values_.zdbh;//宗地编号
+            //     obj.zddm = feature.values_.zddm;//宗地代码
+            //     obj.zl = feature.values_.zl;//坐落
+            //     obj.zldwdm = feature.values_.zldwdm;//坐落单位代码
+            //     obj.zdmj = feature.values_.zdmj;//宗地面积
+            //     obj.yt = feature.values_.yt;//用途
+            //     obj.ytmc = feature.values_.ytmc;//用途名称
+            //     obj.dj = feature.values_.dj;//宗地编号
+            //     obj.jg = feature.values_.jg;//价格万元
+            //     obj.qllx = feature.values_.qllx;//权利类型
+            //     obj.qlxz = feature.values_.qlxz;//权利性质
+            //     obj.qlsdfs = feature.values_.qlsdfs;//权利设定方式
+            //     obj.rjl = feature.values_.rjl;//容积率
+            //     obj.jzmd = feature.values_.jzmd;//建筑密度
+            //     obj.jzxg = feature.values_.jzxg;//建筑限高
+            //     obj.zdszd = feature.values_.zdszd;//宗地四至-东
+            //     obj.zdszn = feature.values_.zdszn;//宗地四至-南
+            //     obj.zdszx = feature.values_.zdszx;//宗地四至-西
+            //     obj.zdszb = feature.values_.zdszb;//宗地四至-北
+            //     obj.zdt = feature.values_.zdt;//宗地图
+            //     obj.tfh = feature.values_.tfh;//图幅号
+            //     obj.djh = feature.values_.djh;//地籍号
+            //     obj.sjly = feature.values_.sjly;//数据来源
+            //     obj.lyzk = feature.values_.lyzk;//当前利用状况
+            //     obj.xzkssj = feature.values_.xzkssj;//闲置开始时间
+            //     obj.sffz = feature.values_.sffz;//是否发证
+            //     obj.zjdzsh = feature.values_.zjdzsh;//宅基地证书号
+            //     obj.zjdxctp = feature.values_.zjdxctp;//宅基地现场图片
+            //     obj.zjdqdfs = feature.values_.zjdqdfs;//宅基地取得方式
+            //     obj.bccjl = feature.values_.bccjl;//被惩处经历
+            //     obj.bccbz = feature.values_.bccbz;//被惩处备注
+            //     obj.yctcyx = feature.values_.yctcyx;//有偿退出意向
+            //     obj.zjdpzmj = feature.values_.zjdpzmj;//宅基地批准面积
+            //     obj.zjdxzyy = feature.values_.zjdxzyy;//宅基地闲置原因
+            //     obj.lzyx = feature.values_.lzyx;//流转意向
+            //     obj.sysNormalDisable = feature.values_.sysNormalDisable;//是否停用
+            //     obj.active = 1;
+            //     //字典项转化
+            //     //是否发证字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sffz !=null && obj.sffz !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sffz == assetTypeOptions[i].dictValue) {
+            //             obj.sffz = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //利用状态字典项
+            //     that.getDicts("zjdlyzk").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.lyzk !=null && obj.lyzk !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.lyzk == assetTypeOptions[i].dictValue) {
+            //             obj.lyzk = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //流转意向字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.lzyx !=null && obj.lzyx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.lzyx == assetTypeOptions[i].dictValue) {
+            //             obj.lzyx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //有偿退出意向字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.yctcyx !=null && obj.yctcyx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.yctcyx == assetTypeOptions[i].dictValue) {
+            //             obj.yctcyx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //被惩处经历字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.bccjl !=null && obj.bccjl !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.bccjl == assetTypeOptions[i].dictValue) {
+            //             obj.bccjl = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //宅基地取得方式字典项
+            //     that.getDicts("acquisition_method").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.zjdqdfs !=null && obj.zjdqdfs !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.zjdqdfs == assetTypeOptions[i].dictValue) {
+            //             obj.zjdqdfs = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //权利设定方式字典项
+            //     that.getDicts("right_setting_mode").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.qlsdfs !=null && obj.qlsdfs !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.qlsdfs == assetTypeOptions[i].dictValue) {
+            //             obj.qlsdfs = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //数据来源字典项
+            //     that.getDicts("sjly").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sjly !=null && obj.sjly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sjly == assetTypeOptions[i].dictValue) {
+            //             obj.sjly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapZjdData = obj;
+            //     console.log(obj.zjddm);
+            //     that.zjdHcDy = obj.zjddm;
+            //   } else {
+            //     that.mapHaDataValue = false;
+            //   }
+            // }else {
+            //   that.mapHaDataValue = false;
+            // }
+            //数据库查询详情时使用----------------------------------------end
+          });
+          //数据库循环加载时使用 --------------------加载较慢 ------start
+          //当前账套没有任何空间数据
+          // if(mapTalkAbout){
+          //   let deptName = this.$store.state.user.loginDeptId + "";
+          //   getQueryLand(deptName).then((response) => {
+          //     if (response.code == 200) {
+          //       let InsertCode = response.data;
+          //       if (InsertCode != null) {
+          //         var lat = InsertCode.lat;
+          //         var lng = InsertCode.lng;
+          //         var center;
+          //         if(lat !=null && lng !=null && lat !="" && lng !=""){
+          //           center = [lng,lat];
+          //         }else {
+          //           center =[115.452752, 31.789033];
+          //         }
+          //         map.getView().animate({
+          //           // 只设置需要的属性即可
+          //           center: ol.proj.fromLonLat(center), // 中心点
+          //           zoom: 17.9, // 缩放级别
+          //           rotation: undefined, // 缩放完成view视图旋转弧度
+          //           duration: 1000, // 缩放持续时间，默认不需要设置
+          //         });
+          //       }
+          //     }
+          //   });
+          // }
+          //数据库循环加载时使用 --------------------加载较慢 ------start
+        },
+
+        /*右侧列表 --展开收缩*/
+        selectionPushMap() {
+          this.selectionIconShow = true;
+          this.homesteadListStatus = true;
+          $(".homesteadList_wrap").animate(
+            {
+              right: "0",
+            },
+            300
+          );
+        },
+        homesteadListShrink() {
+          this.selectionIconShow = false;
+          // this.checked =["zjdSx","zrzSx","fsssSx"];
+          $(".homesteadList_wrap").animate(
+            {
+              right: "-300px",
+            },
+            300
+          );
+          setTimeout(() => {
+            this.homesteadListStatus = false;
+          }, 300);
+        },
+        checkClick(res){
+          // 1、全选与不全选模块
+          $(".checkall").change(function() {
+            $(".item-list-checkbox .checkitem").prop("checked", $(this).prop("checked"));
+            if($(this).prop("checked")){
+
+            }else {
+
+            }
+          });
+          // 2、小复选框模块
+          $(".checkitem").change(function() {
+            if ($(".checkitem:checked").length === $(".checkitem").length) {
+              $(".checkall").prop("checked", true);
+            } else {
+              $(".checkall").prop("checked", false);
+            }
+          })
+        },
+        //绘制多边形地图
+        drawMapPolygonFun() {
+
+        },
+        guidProduct(){
+          return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+            var r = Math.random() * 16 | 0,
+              v = c == 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+          });
+        },
+        //宅基地点击地图核查
+        zjdHc(){
+          if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){
+            if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+              this.mapZjdTeAll.active =1;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              //this.$router.push({path:'/homesteadSurvey/add'});
+            }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){
+              if(this.mapZjdTeAll.mapZjdAData !=""){
+                this.mapZjdTeAll.active = 3;
+                //this.$cookies.set("search",this.mapZjdTeAll);
+                this.$cookies.set("search","")
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              } else {
+                this.$toast("必须有宅基地数据才能进入自然幢核查");
+              }
+            }else {
+              if(this.mapZjdTeAll.mapZjdAData !="") {
+                this.mapZjdTeAll.active = 4;
+                //this.$cookies.set("search", this.mapZjdTeAll);
+                this.$cookies.set("search","")
+                this.$router.push({path: '/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              } else {
+                this.$toast("必须有宅基地数据才能进入附属设施核查");
+              }
+            }
+          } else {
+            this.$dialog.alert({
+              title: '宅基地核查',
+              message: "请从地图中选择图层并点击核查",
+              theme: 'round-button',
+            }).then(() => {
+              // on close
+            });
+          }
+        },
+        //搜索详情跳转
+        zjdSs(item){
+          this.mapZjdTeAll.mapZjdAData ={};
+          this.mapZjdTeAll.mapZrzAData ={};
+          this.mapZjdTeAll.mapFsssAData ={};
+          //this.mapZjdTeAll.active =1;
+          if(item.typeTc =="宅基地"){
+          getZjdzd(item.id).then((response) => {
+            this.mapZjdData = response.data;
+            this.mapZjdTeAll.active = 1;
+            this.mapZjdTeAll.mapZjdAData = this.mapZjdData;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            setTimeout(() => {
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+          });
+          }else if(item.typeTc =="自然幢"){
+            //let =
+            getZjdzd(item.id).then((response) => {
+              this.mapZrzData = response.data;
+              this.mapZjdTeAll.active = 3;
+              this.mapZjdTeAll.mapZrzAData = this.mapZrzData;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              setTimeout(() => {
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+            });
+          }else if(item.typeTc =="附属设施"){
+            getFsss(item.id).then((response) => {
+              this.mapFsssData = response.data;
+              this.mapZjdTeAll.active = 4;
+              this.mapZjdTeAll.mapFsssAData = this.mapFsssData;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              setTimeout(() => {
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+            });
+          }else{
+            this.$toast("无数据请检查后进入核查页面");
+          }
+        },
+        //地图查询
+        toggleSearch() {
+          $("#query").trigger("click");
+        },
+        //
+        checkAllArray(value){
+          if(this.checked.length<3){
+            this.$refs.checkboxGroup.toggleAll(true);
+          }else{
+            this.$refs.checkboxGroup.toggleAll(false);
+          }
+        },
+        //筛选//全选
+        checkAll(val) {
+          this.$refs.checkboxGroup.value.toggleAll(true);
+          return;
+          let checkedCount = this.CheckedAllArr.length
+          if (val) {
+            //全选
+            this.CheckedAllArr = this.dataList.map(item => item.id)
+          } else{
+            //取消全选
+            if (checkedCount === this.dataList.length) {
+              //如果不增加这个条件判断点击某一项时会全部取消
+              this.CheckedAllArr = []
+            }
+          }
+        },
+        //单选
+        handleChecked(value) {
+          // this.checkAllFlag = this.CheckedAllArr.length == this.dataList.length;
+          if (value.length<3){
+            this.checkAllFlag = false;
+          }else{
+            this.checkAllFlag = true;
+          }
+          value.indexOf('zjdSx') == -1 ? this.zjdSx = false : this.zjdSx = true;
+          value.indexOf('zrzSx') == -1 ? this.zrzSx = false : this.zrzSx = true;
+          value.indexOf('fsssSx') == -1 ? this.fsssSx = false : this.fsssSx = true;
+        },
+        closeSearchBox(){
+          this.showSearch = false ;
+          var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+          document.styleSheets[0].insertRule(
+            "@keyframes test2" +
+            "{" +
+            "0%{bottom: 0px}" +
+            "100%{bottom: -" + height + "px;}" +
+            "}"
+          )
+          $('.searchBar_wrap').css({'animation':'test2 0.5s ease-in-out 0s 1 alternate forwards','-webkit-animation':'test2 0.5s ease-in-out 0s 1 alternate forwards'});
+        },
+        zjdTz(){
+          if(this.mapZjdData =="" && this.mapZjdDataTure =="" && this.mapZjdData !=undefined){
+            this.mapZjdTeAll.active =1;
+            this.mapZjdTeAll.mapZjdAData.deptId =this.$cookies.get("item").deptId;
+            this.mapZjdTeAll.mapZjdAData.theGeom =this.htZjdZrzFsss;
+            //this.mapZjdTeAll.mapZjdAData.deptId = this.$cookies.get("item").deptId;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("已选择宅基地，请选择自然幢或附属设施按钮");
+          }
+        },
+        zrzTz(){
+          if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+            this.mapZjdTeAll.active =3;
+            this.mapZjdTeAll.mapZrzAData.theGeom =this.htZjdZrzFsss;
+            this.mapZjdTeAll.mapZrzAData.deptId =this.$cookies.get("item").deptId;
+            //this.mapZjdTeAll.mapZrzAData.deptId = this.$cookies.get("item").deptId;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("请先在地图上选择宅基地后，再选择自然幢按钮");
+          }
+        },
+        fsssTz(){
+          if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+          this.mapZjdTeAll.active =4;
+          this.mapZjdTeAll.mapFsssAData.theGeom =this.htZjdZrzFsss;
+            this.mapZjdTeAll.mapFsssAData.deptId =this.$cookies.get("item").deptId;
+          //this.mapZjdTeAll.mapFsssAData.deptId = this.$cookies.get("item").deptId;
+          //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+          this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("请先在地图上选择宅基地后，再选择附属设施按钮");
+          }
+        },
+        //绘图重置清除之前图层
+        deleteHistory(){
+          $("#deleteHistory").trigger("click");
+        }
+
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-swipe-cell__wrapper{
+    margin-right:-3px;
+  }
+  .hzlxBtn{
+    font-size: 0.3rem;
+    display: inline-block;
+    padding: 2% 0;
+    border-radius: 30PX;
+    color: #FFF;
+    margin-right: 2%;
+    width: 30%;
+    &:last-child{
+      margin: 0;
+    }
+  }
+  .van-cell__title{
+    flex:2
+  }
+  .bannerBg{
+    width: 100%;
+    color:#fff;
+    /*padding:10px;*/
+    background: linear-gradient(134deg,#7ac943 1%, #22b7f2);
+  }
+  .van-hairline--bottom::after {
+    border-bottom-width: 0;
+  }
+  .activeBtn{
+    background:#fff;
+    height:50px;
+    border-radius:25px;
+    color:#7AC943;
+    line-height:50px;
+    text-align:center;
+    font-size:20px;
+    width: 26%;
+    margin:0 10px;
+    box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
+  }
+  .disactiveBtn{
+    background:rgba(255,255,255,.4);
+    height:50px;
+    border-radius:25px;
+    color:#fff;
+    line-height:50px;
+    text-align:center;
+    font-size:20px;
+    width: 26%;
+    margin:0 10px;
+    box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
+  }
+  /*.van-cell__label{*/
+  /*  color: #969799;*/
+  /*  font-size: 12px;*/
+  /*  line-height: 20px;*/
+  /*  margin:0*/
+  /*}*/
+  .map_area {
+    width: 50vw;
+    height: 50vh;
+    z-index:1;
+    background:#000;
+    position: fixed;
+    left: 0;
+    top: 0;
+  }
+  .van-field__label{
+    width:50%;
+  }
+  .rightZoom_wrap {
+    position: absolute;
+    right: 3%;
+    top: 35%;
+    margin-top: -200px;
+    background: #fff;
+    margin-bottom: 16px;
+    border-radius: 10px;
+    text-align: center;
+    padding: 15px 20px;
+    img{
+      margin: 0 auto;
+    }
+    .amplification {
+      line-height: 1;
+      font-size: 18px;
+      text-align: center;
+      margin-top: 5px;
+    }
+  }
+  .mapZoom_wrap {
+    position: absolute;
+    right: 3%;
+    top: 50%;
+    margin-top: -200px;
+    background: #fff;
+    margin-bottom: 16px;
+    border-radius: 10px;
+    padding: 0px 20px;
+    div{
+      padding: 15px 0;
+      border-bottom: 1px solid #C9C9C9;
+      &:last-child{
+        border: none;
+      }
+      p{
+        margin-top: 5px;
+      }
+    }
+    .qtMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .clMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .hcMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .htMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .dwMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+  }
+  .rightIcon_wrap {
+    position: absolute;
+    right: 16px;
+    bottom: 160px;
+    .selectionIcon_wrap {
+      width: 74px;
+      background: #fff;
+      border-radius: 10px;
+      padding: 14px 0;
+
+      .icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/selection_icon.png")
+        no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto 4px;
+      }
+      .text {
+        font-size: 24px;
+        text-align: center;
+      }
+    }
+    .positioning_wrap {
+      width: 74px;
+      background: #fff;
+      margin-bottom: 16px;
+      border-radius: 10px;
+      height: 74px;
+      display: flex;
+      justify-content: center; /* 相对父元素水平居中 */
+      align-items: center; /*  子元素相对父元素垂直居中*/
+      .icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/positioning_icon.png")
+        no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto;
+      }
+    }
+  }
+  .homesteadList_wrap {
+    // display: none;
+    display: flex;
+    position: absolute;
+    right: -200px;
+    top: 0px;
+    bottom: 0px;
+    width: 300px;
+    background: #fff;
+    z-index: 999;
+    border-top-left-radius: 15px;
+    border-bottom-left-radius: 15px;
+
+    flex-direction: column;
+    .noInfo_data {
+      font-size: 28px;
+      text-align: center;
+      height: 300px;
+      line-height: 300px;
+      color: #666;
+    }
+    .title_m {
+      color: #333;
+      line-height: 36px;
+      padding: 20px 40px 22px;
+      .name {
+        font-size: 36px;
+        line-height: 42px;
+        height: 42px;
+      }
+      .more_icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/selectionNext_icon.png")
+        no-repeat;
+        float: right;
+        margin-top: 2px;
+      }
+    }
+
+    .main_m {
+      overflow-y: auto;
+      padding: 10px 0;
+      // height: 300px;
+      flex: 1;
+      .flex_block {
+        height: 70px;
+        display: flex;
+        // justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+        padding: 0 40px;
+        &.active {
+          box-shadow: 0px 0px 10px rgba(24, 45, 51, 0.5);
+        }
+        .name_text {
+          font-size: 28px;
+          flex: 0.5;
+          overflow: hidden; /*超出部分隐藏*/
+          white-space: nowrap; /*不换行*/
+          text-overflow: ellipsis; /*超出部分文字以...显示*/
+        }
+        .square_text {
+          font-size: 28px;
+          flex: 0.4;
+        }
+        .operation_mian {
+          flex: 0 0 150px;
+
+          .describe {
+            font-size: 20px;
+            padding: 6px 5px;
+            float: right;
+            color: #fff;
+            border-radius: 30px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            max-width: 150px;
+            &.yph {
+              background: #b026ff;
+            }
+            &.dlzdph {
+              background: #ff6f36;
+            }
+            &.ylz {
+              background: #7fff4c;
+            }
+            &.dlz {
+              background: rgb(255, 232, 76);
+            }
+            &.ylzdph {
+              background: #ff7dd0;
+            }
+            &.zy {
+              background: rgb(100, 30, 100);
+            }
+            &.xz {
+              background: rgb(60, 100, 180);
+            }
+            &.chdb {
+              background: #fe0303;
+            }
+          }
+        }
+      }
+    }
+    .footerBtn_wrap {
+      flex: 0 0 90px;
+      display: flex;
+      justify-content: center; /* 相对父元素水平居中 */
+      align-items: center; /*  子元素相对父元素垂直居中 */
+
+      .options {
+        flex: 1;
+        font-size: 38px;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+        height: 90px;
+        &:first-child {
+          border-bottom-left-radius: 15px;
+        }
+        &.active {
+          background: #3cbf5b;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .checkbox {
+    width: 200px;
+    margin: 30px auto;
+  }
+
+  .thead-checkbox {
+    background-color: lightgray;
+  }
+
+  .item-checkbox {
+    border: 1px solid darkgray;
+  }
+  .van-sticky{position: fixed;top: 0;right: 0; left: 0;z-index: 9999;}
+
+  .searchBar_wrap {
+    // display: none;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    padding: 0px 16px 0px 13px;
+    background: #fff;
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+    z-index: 9;
+
+    .searchBox{
+      height: 40vh;
+      overflow-y: scroll;
+      .van-cell{
+        /*&:first-child{*/
+        /*  box-shadow: none;*/
+        /*  margin:0;*/
+        /*}*/
+        box-shadow: 0px 0px 5px #cccccc;
+        border-radius: 15PX;
+        width: 98%;
+        margin: 0 auto;
+        margin-bottom: 0.35rem;
+        &:first-child{
+          margin-top: 5px;
+        }
+      }
+      .van-cell__title{
+        flex: 0.8;
+        p{
+          color: rgb(34, 183, 242);
+          .van-icon{
+            vertical-align: middle;
+          }
+          span{
+            vertical-align: middle;
+            &:nth-child(2){
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              display: inline-block;
+              width: 60%;
+            }
+            &:nth-child(3){
+              font-size: 0.25rem;
+              border-radius: 5PX;
+              padding: 5PX 15PX;
+              margin-left: 5%;
+            }
+          }
+        }
+      }
+      .van-cell__value{
+        flex: 0.2;
+        p{
+          font-size: 0.25rem;
+          display: inline-block;
+          border-radius: 1rem;
+          line-height: 1;
+          padding: 10%;
+        }
+      }
+    }
+    .actionBar_wrap {
+      display: flex;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+
+      background: #fff;
+      border-top-left-radius: 15px;
+      border-top-right-radius: 15px;
+      .m_list {
+        flex: 1;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+
+        .tensile,
+        .positioning,
+        .spacing,
+        .scale {
+          width: 76px;
+          height: 72px;
+          background: #ffffff;
+          border-radius: 8px;
+          box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);
+          .icon {
+            width: 76px;
+            height: 72px;
+          }
+          &.active {
+            background: #333;
+            &.tensile {
+              .icon {
+                background: url("../../assets/images/homestead/operation/tensile_active.png")
+                center center no-repeat;
+                background-size: 38px 50px;
+              }
+            }
+            &.positioning {
+              .icon {
+                background: url("../../assets/images/homestead/operation/positioning_active.png")
+                center center no-repeat;
+                background-size: 38px 48px;
+              }
+            }
+            &.spacing {
+              .icon {
+                background: url("../../assets/images/homestead/operation/spacing_active.png")
+                center center no-repeat;
+                background-size: 46px 46px;
+              }
+            }
+            &.scale {
+              .icon {
+                background: url("../../assets/images/homestead/operation/scale_active.png")
+                center center no-repeat;
+                background-size: 48px 48px;
+              }
+            }
+          }
+        }
+        .tensile {
+          .icon {
+            background: url("../../assets/images/homestead/operation/tensile.png")
+            center center no-repeat;
+            background-size: 38px 50px;
+          }
+        }
+        .positioning {
+          .icon {
+            background: url("../../assets/images/homestead/operation/positioning.png")
+            center center no-repeat;
+            background-size: 38px 48px;
+          }
+        }
+        .spacing {
+          .icon {
+            background: url("../../assets/images/homestead/operation/spacing.png")
+            center center no-repeat;
+            background-size: 46px 46px;
+          }
+        }
+        .scale {
+          .icon {
+            background: url("../../assets/images/homestead/operation/scale.png")
+            center center no-repeat;
+            background-size: 48px 48px;
+          }
+        }
+        .closes {
+          background: url("../../assets/images/homestead/searchBar_close.png")
+          no-repeat;
+          background-size: 100% 100%;
+          width: 72px;
+          height: 72px;
+          &.gray {
+            background: url("../../assets/images/homestead/searchBar_close_gray.png")
+            no-repeat;
+            background-size: 100% 100%;
+          }
+        }
+        .correct {
+          background: url("../../assets/images/homestead/searchBar_save.png")
+          no-repeat;
+          background-size: 100% 100%;
+          width: 72px;
+          height: 72px;
+        }
+      }
+    }
+    .searchBar_area {
+      flex: 1;
+      height: 80px;
+      background: #f1f1f1;
+      border: 1px solid #dfdfdf;
+      border-radius: 10px;
+      padding: 0 28px;
+      display: flex;
+      .bar_icon {
+        width: 50px;
+        height: 50px;
+        background: url("../../assets/images/homestead/searchBar_bar.png")
+        center center no-repeat;
+        background-size: 100% 100%;
+        margin-top: 14px;
+        margin-right: 15px;
+      }
+      .bar_ipt {
+        flex: 1;
+        input {
+          width: 100%;
+          height: 100%;
+          background: none;
+          border: 0 none;
+          font-size: 32px;
+        }
+      }
+      .bar_text {
+        flex: 0 0 80px;
+        font-size: 32px;
+        color: #333333;
+        font-family: PingFang SC, PingFang SC-Regular;
+        font-weight: 400;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+      }
+    }
+    .searchBar_more {
+      flex: 0 0 80px;
+      background: url("../../assets/images/homestead/searchBar_add.png") center
+      center no-repeat;
+      background-size: 80% 80%;
+      margin-left: 15px;
+    }
+  }
+</style>
diff --git a/src/views/homesteadSurvey/listbf.vue b/src/views/homesteadSurvey/listbf.vue
new file mode 100644
index 00000000..4b3e6f3d
--- /dev/null
+++ b/src/views/homesteadSurvey/listbf.vue
@@ -0,0 +1,6693 @@
+<template>
+  <div class="app-container">
+    <van-sticky>
+      <div class="bannerBg" style="">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="onClickLeft"
+          @click-right="showUploadList"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size=".5rem" color="#fff" />
+          </template>
+          <template #right>
+            <van-icon v-if="$cookies.get('upload')!=null&&$cookies.get('upload')==1" name="photo-o" size=".5rem" color="#fff"/>
+          </template>
+          <template #title>
+            <p style="color:#fff">{{item.deptName}}</p>
+          </template>
+        </van-nav-bar>
+        <van-popup v-model:show="showImageList" position="bottom" style="height:40vh;padding:50px 10px 0" closeable
+                   close-icon="close">
+          <p style="color:#000;position:absolute;top:0.426667rem;left:0.426667rem">图片上传</p>
+          <div style="width:100%;height:calc( 40vh - 100px);overflow-y: scroll;">
+
+            <van-uploader v-model="uploadImgList" :after-read="beforeReadImageList" @delete="deleteFileImageList" multiple :max-count="50"  />
+          </div>
+          <van-row justify="space-around" style=" position:fixed;bottom:0;left:0;width:100%;height:50px;text-align: center;">
+            <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="uploadImgList = [],uploadImgList1 = []">清空</van-button></van-col>
+            <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="submitUploadList">上传</van-button></van-col>
+          </van-row>
+        </van-popup>
+        <div style="display:flex;width:94%;margin:0 auto;justify-content:space-between;padding: 10px 0">
+          <div style="display:flex;width:90%;margin:0 auto;">
+            <div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="activeBtn=1,getDc()"
+            ><van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn1'+(activeBtn!=1?'1':'')+'.png')" />
+              入户核查
+            </div>
+            <div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="activeBtn=2,getNh()">
+              <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn2'+(activeBtn!=2?'2':'')+'.png')" />
+              农户信息
+            </div>
+            <div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="activeBtn=3,getSyqr()">
+              <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn3'+(activeBtn!=3?'3':'')+'.png')" />
+              所有权人
+            </div>
+            <div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }"  @click="activeBtn=4,mapShow()">
+              <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn4'+(activeBtn!=4?'4':'')+'.png')" />
+              切换地图
+            </div>
+          </div>
+        </div>
+      </div>
+      <div style="background:#fff;padding:10px 0;">
+        <div style="border:1px solid rgb(122, 201, 67);width:90%;margin:0 auto;border-radius:15px;height:.8rem;display:flex;font-size:.3rem;">
+          <div style="flex:1;text-align:center;">
+            <span style="color:rgb(122, 201, 67);line-height:.8rem;">总户数：</span>
+            <span style="color:rgb(250, 83, 83);line-height:.8rem;">{{totalH}} <span style="font-size:12px;">户</span></span>
+          </div>
+          <div style="flex:1;text-align:center;">
+            <span style="color:rgb(122, 201, 67);line-height:.8rem">总人数：</span>
+            <span style="color:rgb(250, 83, 83);line-height:.8rem">{{totalR}} <span style="font-size:12px;">人</span></span>
+          </div>
+        </div>
+      </div>
+    </van-sticky>
+    <div v-if="activeBtn==1">
+      <van-search v-model="zjdvalue" placeholder="请输入搜索关键词" show-action @search="onSearchzjd">
+        <template #action>
+          <van-icon name="add" color="rgba(122,201,67,1)" size=".8rem" @click="onClickzjd" style="vertical-align:middle;"/>
+        </template>
+      </van-search>
+      <van-tabs v-model="active" title-active-color="#7AC943" color="#7AC943" @click="getZjdList">
+        <van-tab >
+          <template #title>全部<van-badge v-if="qbNums>=0" :content="qbNums" /></template>
+          <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->
+            <van-list
+              v-model:loading="loading1"
+              :finished="finished1"
+              finished-text="没有更多了"
+              @load="onRefreshzjd"
+              :immediate-check="false"
+            >
+          <van-cell  v-for="(item,index) in list" :key="index" size="small"  :clickable="true"  style="border-radius: 16px;
+          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+            <template #title>
+              <p  style="color:#22B7F2">{{limitWords(item.syqr)}}
+                <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看</van-button>
+                <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">调查</van-button>
+                <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>
+                <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='0'" style="color:#ff976a;float:right;font-size:12px;margin-right:10px;">待审核</span>
+                <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='1'" style="color:#07c160;float:right;font-size:12px;margin-right:10px;">已审核</span>
+                <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>
+              </p>
+            </template>
+            <!--<template #default>
+
+            </template>-->
+            <template #label>
+              <p>宅基地代码:  {{item.zjddm}} </p>
+              <p>宗地面积: {{item.zdmj}}㎡
+                <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>
+              </p>
+            </template>
+            <template #icon>
+              <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+            </template>
+          </van-cell>
+            </van-list>
+          <!--</van-pull-refresh>-->
+        </van-tab>
+        <van-tab >
+          <template #title>已核查<van-badge v-if="yhcNums>=0" :content="yhcNums" /></template>
+          <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->
+          <van-list
+            v-model:loading="loading2"
+            :finished="finished2"
+            finished-text="没有更多了"
+            @load="onRefreshzjd"
+            :immediate-check="false"
+          >
+          <van-cell  v-for="(item,index) in list1" :key="index" size="small" :clickable="true"  style="border-radius: 16px;
+          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+            <template #title>
+              <p style="color:#22B7F2">{{limitWords(item.syqr)}}
+                <van-button  plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看</van-button>
+                <span v-if="item.zjdAudit=='0'" style="color:#ff976a;float:right;font-size:12px;margin-right:10px;">待审核</span>
+                <span v-if="item.zjdAudit=='1'" style="color:#07c160;float:right;font-size:12px;margin-right:10px;">已审核</span>
+                <span v-if="item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>
+                <!--<van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'" plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">开始调查</van-button>
+                <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>-->
+              </p>
+            </template>
+            <!--<template #default>
+              <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
+              <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>
+            </template>-->
+            <template #label>
+              <p>宅基地代码:  {{item.zjddm}} </p>
+              <p>宗地面积: {{item.zdmj}}㎡
+                <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>
+              </p>
+            </template>
+            <template #icon>
+              <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+            </template>
+          </van-cell>
+          </van-list>
+          <!--</van-pull-refresh>-->
+        </van-tab>
+        <van-tab >
+          <template #title>未核查<van-badge v-if="whcNums>=0" :content="whcNums" /></template>
+          <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->
+          <van-list
+            v-model:loading="loading3"
+            :finished="finished3"
+            finished-text="没有更多了"
+            @load="onRefreshzjd"
+            :immediate-check="false"
+          >
+          <van-cell  v-for="(item,index) in list2" :key="index" size="small"  :clickable="true"  style="border-radius: 16px;
+          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+            <template #title>
+              <p style="color:#22B7F2">{{limitWords(item.syqr)}}
+                <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看</van-button>
+                <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">调查</van-button>
+                <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>
+                <span v-if="item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>
+              </p>
+            </template>
+            <!--<template #default>
+              <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
+              <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>
+            </template>-->
+            <template #label>
+              <p>宅基地代码:  {{item.zjddm}} </p>
+              <p>宗地面积: {{item.zdmj}}㎡
+
+                <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>
+              </p>
+            </template>
+            <template #icon>
+              <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+            </template>
+          </van-cell>
+            </van-list>
+          <!--</van-pull-refresh>-->
+        </van-tab>
+      </van-tabs>
+    </div>
+    <div v-if="activeBtn==2" >
+      <van-search v-model="nhvalue" placeholder="请输入农户姓名或证件号" show-action @search="onSearchnh">
+        <template #action>
+          <van-icon name="add" color="rgba(122,201,67,1)" size=".8rem" @click="onClicknh" style="vertical-align:middle;"/>
+        </template>
+      </van-search>
+      <van-pull-refresh v-model="isLoadingnh" @refresh="onRefreshnh">
+      <van-cell  v-for="(item,index) in nhlist" :key="index" size="small"  style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
+        <template #title>
+          <p style="color:#22B7F2">{{item.hzxm}}
+            <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;margin-left:10px;" @click="showPopuphncylist(item)">查看成员</van-button>
+            <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;margin-left:10px;" @click="showPopupnh(item)">查看户主</van-button>
+            <van-button plain round color="#FA5353" size="mini" v-if="!isFinished" style="vertical-align:middle;float:right;" @click="deletenh(item,index)">删除</van-button>
+          </p>
+        </template>
+<!--        <template #default>
+
+        </template>-->
+        <template #label>
+          <p>证件号码:{{item.hzzjhm}}</p>
+          <p>农户代码:{{item.nhdm}}</p>
+        </template>
+        <template #icon>
+          <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
+        </template>
+      </van-cell>
+      </van-pull-refresh>
+    </div>
+    <div v-if="activeBtn==3">
+      <van-form @submit="onSubmitsyqr">
+        <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.qydm"
+            name="区域代码"
+            label="区域代码"
+            placeholder="禁止修改"
+            disabled
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.suyqrdm"
+            name="所有权人代码"
+            label="所有权人代码"
+            disabled
+            placeholder="自动生成"
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.suyqrmc"
+            name="所有权人名称"
+            label="所有权人名称"
+            required
+            placeholder="所有权人名称"
+            input-align="right"
+            :rules="[{ required: true, message: '所有权人名称不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.suyqxzName"
+            name="所有权性质"
+            label="所有权性质"
+            required
+            placeholder="所有权性质"
+            input-align="right"
+            :rules="[{ required: true, message: '所有权性质不能为空' }]"
+            @click="showsuyqxz = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.suyqxz"
+            style="display:none"
+          />
+          <van-popup v-model="showsuyqxz" position="bottom" input-align="right">
+            <van-picker
+              show-toolbar
+              :columns="suyqxzOptions"
+              value-key="dictLabel"
+              @confirm="onConfirmsuyqxz"
+              @cancel="showsuyqxz = false"
+            />
+          </van-popup>
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrxm"
+            name="代表人姓名"
+            label="代表人姓名"
+            required
+            placeholder="代表人姓名"
+            input-align="right"
+            :rules="[{ required: true, message: '代表人姓名不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrzjlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrzjlxName"
+            name="代表人证件类型"
+            label="代表人证件类型"
+            required
+            placeholder="代表人证件类型"
+            input-align="right"
+            :rules="[{ required: true, message: '代表人证件类型不能为空' }]"
+            @click="showdbrzjlx = true"
+          />
+          <van-popup v-model="showdbrzjlx" position="bottom" input-align="right">
+            <van-picker
+              show-toolbar
+              :columns="zjlxOptions"
+              value-key="dictLabel"
+              @confirm="onConfirmdbrzjlx"
+              @cancel="showdbrzjlx = false"
+            />
+          </van-popup>
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrzjhm"
+            name="代表人证件号码"
+            label="代表人证件号码"
+            required
+            placeholder="代表人证件号码"
+            input-align="right"
+            :rules="[{ required: true, message: '代表人证件号码不能为空' },{validator:validatorIdcardqlr,message:'身份证号格式错误！'}]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrlxdh"
+            name="代表人联系电话"
+            label="代表人联系电话"
+            placeholder="代表人联系电话"
+            type="number"
+            input-align="right"
+            required
+            :rules="[{ required: true, message: '代表人联系电话不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbrtxdz"
+            name="代表人通讯地址"
+            label="代表人通讯地址"
+            required
+            placeholder="代表人通讯地址"
+            input-align="right"
+            :rules="[{ required: true, message: '代表人通讯地址不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dbryzbm"
+            name="代表人邮政编码"
+            label="代表人邮政编码"
+            required
+            placeholder="代表人邮政编码"
+            input-align="right"
+            maxlength="6"
+            :rules="[{ required: true, message: '代表人邮政编码不能为空' }]"
+          />
+          <van-field name="radio" label="是否成立农村集体经济组织" required input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="qlrform.sfclncjtjjzz" direction="horizontal">
+                <van-radio name="Y">是</van-radio>
+                <van-radio name="N">否 </van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrxm"
+            name="代理人姓名"
+            label="代理人姓名"
+            placeholder="代理人姓名"
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrzjlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrzjlxName"
+            name="代理人证件类型"
+            label="代理人证件类型"
+            placeholder="代理人证件类型"
+            input-align="right"
+            @click="showdlrzjlx = true"
+          />
+          <van-popup v-model="showdlrzjlx" position="bottom" input-align="right">
+            <van-picker
+              show-toolbar
+              :columns="zjlxOptions"
+              value-key="dictLabel"
+              @confirm="onConfirmdlrzjlx"
+              @cancel="showdlrzjlx = false"
+            />
+          </van-popup>
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrzjhm"
+            name="代理人证件号码"
+            label="代理人证件号码"
+            placeholder="代理人证件号码"
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrlxdh"
+            name="代理人联系电话"
+            label="代理人联系电话"
+            placeholder="代理人联系电话"
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlrtxdz"
+            name="代理人通讯地址"
+            label="代理人通讯地址"
+            placeholder="代理人通讯地址"
+            input-align="right"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="qlrform.dlryzbm"
+            name="代理人邮政编码"
+            label="代理人邮政编码"
+            placeholder="代理人邮政编码"
+            input-align="right"
+          />
+        </div>
+      <div style="border-radius: 16px;
+          box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.ncjtjjzzdm"
+          name="农村集体经济组织代码"
+          label="农村集体经济组织代码"
+          placeholder="农村集体经济组织代码"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.ncjtjjzzmc"
+          name="农村集体经济组织名称"
+          label="农村集体经济组织名称"
+          placeholder="农村集体经济组织名称"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.fbfdm"
+          name="发包方代码"
+          label="发包方代码"
+          placeholder="发包方代码"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.fbfmc"
+          name="发包方名称"
+          label="发包方名称"
+          placeholder="发包方名称"
+          input-align="right"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.sjlyName"
+          name="数据来源"
+          label="数据来源"
+          placeholder="数据来源"
+          input-align="right"
+          @click="showsjly = true"
+          required
+          :rules="[{ required: true, message: '数据来源不能为空' }]"
+        />
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.sjly"
+          style="display:none"
+        />
+        <van-popup v-model="showsjly" position="bottom" input-align="right">
+          <van-picker
+            show-toolbar
+            :columns="sjlyOptions"
+            value-key="dictLabel"
+            @confirm="onConfirmsjly"
+            @cancel="showsjly = false"
+          />
+        </van-popup>
+        <van-field
+          autocomplete="off"
+          v-model="qlrform.bz"
+          name="备注"
+          label="备注"
+          placeholder="备注"
+          input-align="right"
+        />
+      </div>
+        <div style="margin: 16px;" v-if="!isFinished">
+          <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+        </div>
+      </van-form>
+  </div>
+    <div v-if="activeBtn==4" style="overflow:hidden">
+      <!--      <van-search placeholder="请输入宅基地号查询" v-if="false">
+              <template #action>
+              </template>
+            </van-search>-->
+      <div id="mapWrapAll" style="width: 100%;height: calc(100vh - 247px);"></div>
+      <div id="info" style="display: none"></div>
+      <div id="deleteHistory" style="display: none"></div>
+      <div id="deleteHistoryMap" style="display: none"></div>
+      <van-overlay :show="showSearch" @click="closeSearchBox" />
+      <!--搜索栏目-->
+      <div class="searchBar_wrap" :style="{bottom : bottomHeight}">
+        <van-search
+          v-model="seachText"
+          show-action
+          placeholder="请输入宗地或权利人信息"
+        >
+          <template #action>
+            <div id="query">搜索</div>
+          </template>
+        </van-search>
+        <div class="searchBox" style="display: none;">
+          <van-cell center v-for="(item,index) in mapDataAll" :key="index">
+            <template #title>
+              <p><van-icon name="manager" /><span>{{item.syqr}}</span><span style="background: rgba(122, 201, 67, 0.4);color:#7ac943">{{item.paceType}}</span>
+                <!--<span style="background: rgba(122, 201, 67, 0.4);color:#7ac943">{{item.typeTc}}</span>--></p>
+            </template>
+            <template #default>
+              <p style="border: 1px solid #7ac943;color:#7ac943;" @click="zjdSs(item)">查看详情</p>
+            </template>
+            <template #label>
+              <p style="font-size: 0.25rem;color: #666666;">宅基地代码 {{item.zjddm}}</p>
+              <p style="font-size: 0.25rem;color: #666666;">宗地面积 {{item.zdmj}}㎡</p>
+            </template>
+          </van-cell>
+        </div>
+      </div>
+      <!--图层-->
+      <div class="rightZoom_wrap">
+        <img src="../../assets/images/housesteadSurvey/tool1.png">
+        <div class="amplification" @click="selectionPushMap">图层</div>
+      </div>
+      <!--放大缩小-->
+      <div class="mapZoom_wrap">
+        <div class="qtMap" id="mapAllQt">
+          <img src="../../assets/images/housesteadSurvey/tool2.png">
+          <p>全图</p>
+        </div>
+        <div class="clMap" @click="" id="area">
+          <img src="../../assets/images/housesteadSurvey/tool3.png">
+          <p>测量</p>
+        </div>
+        <div class="hcMap" @click="zjdHc">
+          <img src="../../assets/images/housesteadSurvey/tool4.png">
+          <p>核查</p>
+        </div>
+        <div class="htMap" @click="" id="htMapAll">
+          <img src="../../assets/images/housesteadSurvey/tool5.png">
+          <p>绘图</p>
+        </div>
+        <div class="dwMap" @click="" id="dwMapAll">
+          <img src="../../assets/images/housesteadSurvey/tool6.png">
+          <p>定位</p>
+        </div>
+      </div>
+
+      <!--列表拉取详情-->
+      <div class="homesteadList_wrap" v-show="homesteadListStatus">
+        <div class="main_m">
+          <div class="title_m">
+            <div class="more_icon" @click="homesteadListShrink"></div>
+            <div class="name">筛选列表</div>
+          </div>
+
+          <div style="padding: 10px 15px;">
+            <van-checkbox name="all" shape="square" id="checkAll" v-model="checkAllFlag" @click="checkAllArray">全选</van-checkbox>
+            <div style="height: 15px;"></div>
+            <van-checkbox-group v-model="checked" @change="handleChecked" ref="checkboxGroup">
+              <van-checkbox name="fsssSx" shape="square" style="margin-bottom: 5px;" id="fsssSx">
+                <template #default>
+                  附属设施<span style="display: inline-block;background: #00FFFF;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>
+                </template>
+              </van-checkbox>
+              <van-checkbox name="zrzSx" shape="square" style="margin-bottom: 5px;" id="zrzSx">
+                <template #default>
+                  自<i style="margin-right: 0.5em;"></i>然<i style="margin-right: 0.5em;"></i>幢<span style="display: inline-block;background: #FFD306;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>
+                </template>
+              </van-checkbox>
+              <van-checkbox name="zjdSx" shape="square" style="margin-bottom: 5px;" id="zjdSx">
+                <template #default>
+                  宅<i style="margin-right: 0.5em;"></i>基<i style="margin-right: 0.5em;"></i>地<span style="display: inline-block;background: #AE57A4;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>
+                </template>
+              </van-checkbox>
+            </van-checkbox-group>
+          </div>
+        </div>
+      </div>
+      <van-overlay :show="selectionIconShow" @click="homesteadListShrink" />
+    </div>
+    <van-popup v-model="shownh" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="shownh=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">{{nhform.id?"":"新增"}}户主信息</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="margin:20px;">
+        <van-form @submit="onSubmitnh">
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.suyqrdm"
+            name="所有权人代码"
+            label="所有权人代码"
+            placeholder="所有权人代码"
+            required
+            disabled
+            :rules="[{ required: true, message: '所有权人代码不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.nhdm"
+            name="农户代码"
+            label="农户代码"
+            placeholder="自动生成"
+            disabled
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.hzxm"
+            name="户主姓名"
+            label="户主姓名"
+            placeholder="户主姓名"
+            required
+            :rules="[{ required: true, message: '户主姓名不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.hzzjlxName"
+            name="户主证件类型"
+            label="户主证件类型"
+            placeholder="户主证件类型"
+            required
+            readonly
+            :rules="[{ required: true, message: '户主证件类型不能为空' }]"
+            @click="showhzzjlx = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.hzzjlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.hzzjhm"
+            input-align="right"
+            name="户主证件号码"
+            label="户主证件号码"
+            placeholder="户主证件号码"
+            required
+            :rules="[{ required: true, message: '户主证件号码不能为空' },{validator:validatorIdcardnh,message:'身份证号格式错误！'}]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.txdz"
+            name="通讯地址"
+            label="通讯地址"
+            placeholder="通讯地址"
+            required
+            :rules="[{ required: true, message: '通讯地址不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.hncysl"
+            name="户内成员数量"
+            label="户内成员数量"
+            placeholder="户内成员数量"
+            required
+            :rules="[{ required: true, message: '户内成员数量不能为空' }]"
+          />
+          <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.hyzk" direction="horizontal">
+                <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.phone"
+            name="电话号码"
+            label="电话号码"
+            placeholder="电话号码"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.occupationName"
+            name="职业"
+            label="职业"
+            placeholder="职业"
+            required
+            readonly
+            :rules="[{ required: true, message: '职业不能为空' }]"
+            @click="showhzoccupation = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.occupation"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.jzqkName"
+            name="居住情况"
+            label="居住情况"
+            placeholder="居住情况"
+            required
+            readonly
+            :rules="[{ required: true, message: '居住情况不能为空' }]"
+            @click="showhzjzqk = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.jzqk"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.jzhcssfyzfName"
+            name="在集镇或城市是否有住房"
+            label="在集镇或城市是否有住房"
+            placeholder="在集镇或城市是否有住房"
+            required
+            readonly
+            :rules="[{ required: true, message: '在集镇或城市是否有住房不能为空' }]"
+            @click="showhzjzhcssfyzf = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.jzhcssfyzf"
+            style="display:none"
+          />
+          <van-field name="radio" label="在其他村庄是否有住房" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.zqtczsfyzf" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否本村村民" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.sfbccm" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.sfpkh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="nhform.sfwbh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.sjlyName"
+            name="数据来源"
+            label="数据来源"
+            placeholder="数据来源"
+            required
+            readonly
+            :rules="[{ required: true, message: '能为空' }]"
+            @click="showhzsjly = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="nhform.sjly"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="nhform.bz"
+            name="备注"
+            label="备注"
+            placeholder="备注"
+          />
+          <div style="text-align:center;overflow:auto;">
+            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" native-type="button" @click="showPopuphncylist(nhform)">查看户内成员列表</van-button>
+          </div>
+          <div style="margin: 16px;" v-if="!isFinished">
+            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+    <!--户主数据来源-->
+    <van-popup v-model="showhzsjly" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="sjlyOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzsjly"
+        @cancel="showhzsjly = false"
+      />
+    </van-popup>
+    <!--户内成员数据来源-->
+    <van-popup v-model="showhncysjly" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="sjlyOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncysjly"
+        @cancel="showhncysjly = false"
+      />
+    </van-popup>
+    <!--集市或城市是否有住房-->
+    <van-popup v-model="showhzjzhcssfyzf" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="jzhcssfyzfOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzjzhcssfyzf"
+        @cancel="showhzjzhcssfyzf = false"
+      />
+    </van-popup>
+    <!--户主证件类型-->
+    <van-popup v-model="showhzzjlx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="zjlxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzzjlx"
+        @cancel="showhzzjlx = false"
+      />
+    </van-popup>
+    <!--户内成员证件类型-->
+    <van-popup v-model="showhncyzjlx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="zjlxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncyzjlx"
+        @cancel="showhncyzjlx = false"
+      />
+    </van-popup>
+    <!--户内成员与户主关系-->
+    <van-popup v-model="showhncyyhzgx" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="yhzgxOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncyyhzgx"
+        @cancel="showhncyyhzgx = false"
+      />
+    </van-popup>
+    <!--户内成员职业-->
+    <van-popup v-model="showhncyoccupation" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="occupationOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncyoccupation"
+        @cancel="showhncyoccupation = false"
+      />
+    </van-popup>
+    <!--户内成员成员备注-->
+    <van-popup v-model="showhncycybz" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="cybzOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncycybz"
+        @cancel="showhncycybz = false"
+      />
+    </van-popup>
+    <!--户内成员居住情况-->
+    <van-popup v-model="showhncyjzqk" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="jzqkOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhncyjzqk"
+        @cancel="showhncyjzqk = false"
+      />
+    </van-popup>
+    <!--户主职业-->
+    <van-popup v-model="showhzoccupation" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="occupationOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzoccupation"
+        @cancel="showhzoccupation = false"
+      />
+    </van-popup>
+    <!--户主居住情况-->
+    <van-popup v-model="showhzjzqk" position="bottom">
+      <van-picker
+        show-toolbar
+        :columns="jzqkOptions"
+        value-key="dictLabel"
+        @confirm="onConfirmhzjzqk"
+        @cancel="showhzjzqk = false"
+      />
+    </van-popup>
+
+    <van-popup v-model="showhncylist" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="showhncylist=false"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">户内成员列表</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <van-swipe-cell v-for="(item,index) in hncylist" :key="index" @click.native="showPopuphncy(item)" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
+        <div style="padding:20px;">
+          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>
+            {{item.xm}}</p>
+          <div style="display:flex;line-height:20px">
+            <p style="flex:1;text-align:left;">证件号码</p>
+            <p  style="flex:1;text-align:right;">{{item.zjhm}}</p>
+          </div>
+          <div style="display:flex;line-height:20px">
+            <p style="flex:1;text-align:left;">与户主关系</p>
+            <p style="flex:1;text-align:right;">{{yhzgxfy(item.yhzgx)}}</p>
+          </div>
+        </div>
+        <template #right v-if="!isFinished">
+          <van-button square text="设为户主" type="primary" style="height:100%" @click="setNh(item,index)"/>
+          <van-button square text="删除" type="danger" style="height:100%" @click="deletehncy(item.id,index)" />
+        </template>
+      </van-swipe-cell>
+      <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;" v-if="!isFinished">
+        <div style="text-align:center;" >
+          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopuphncy('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加户内成员信息</p>
+        </div>
+      </div>
+    </van-popup>
+    <van-popup v-model="showhncy" style="height:100%;width:100%;">
+      <div class="bannerBg">
+        <van-nav-bar
+          style="background:transparent;border-bottom-width:0;"
+          @click-left="showhncy=!showhncy"
+        >
+          <template #left>
+            <van-icon name="arrow-left" size="18" color="#fff" />
+          </template>
+          <template #title>
+            <p style="color:#fff">户内成员</p>
+          </template>
+        </van-nav-bar>
+      </div>
+      <div style="margin:20px;">
+        <van-form @submit="onSubmithncy">
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.nhdm"
+            name="农户代码"
+            label="农户代码"
+            placeholder="农户代码"
+            disabled
+            required
+            :rules="[{ required: true, message: '农户代码不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.xm"
+            name="姓名"
+            label="姓名"
+            placeholder="姓名"
+            required
+            :rules="[{ required: true, message: '姓名不能为空' }]"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.zjlxName"
+            name="证件类型"
+            label="证件类型"
+            placeholder="证件类型"
+            required
+            :rules="[{ required: true, message: '证件类型不能为空' }]"
+            readonly
+            @click="showhncyzjlx = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.zjlx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.yhzgxName"
+            name="与户主关系"
+            label="与户主关系"
+            placeholder="与户主关系"
+            required
+            :rules="[{ required: true, message: '与户主关系不能为空' }]"
+            @click="showhncyyhzgx = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.yhzgx"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.zjhm"
+            name="证件号码"
+            label="证件号码"
+            placeholder="证件号码"
+            required
+            :rules="[{ required: true, message: '证件号码不能为空' },{validator:validatorIdcardhncy,message:'身份证号格式错误！'}]"
+          />
+          <van-field autocomplete="off" name="radio" label="性别" input-align="right" required
+                     :rules="[{ required: true, message: '性别不能为空' }]">
+            <template #input>
+              <van-radio-group v-model="form5.xb" direction="horizontal">
+                <van-radio name="1">男</van-radio>
+                <van-radio name="2">女</van-radio>
+                <van-radio name="3">不详</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.lxdh"
+            name="联系电话"
+            label="联系电话"
+            placeholder="联系电话"
+          />
+          <van-field name="radio" label="户口类型" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.hklx" direction="horizontal">
+                <van-radio name="01">农业</van-radio>
+                <van-radio name="02">非农业</van-radio>
+                <van-radio name="03">其他</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.hyzk" direction="horizontal">
+                <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否本集体经济组织成员" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.sfbjtjjzzcy" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.cybzName"
+            name="成员备注"
+            label="成员备注"
+            placeholder="成员备注"
+            @click="showhncycybz = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.cybz"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.cybzsm"
+            name="成员备注说明"
+            label="成员备注说明"
+            placeholder="成员备注说明"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.occupationName"
+            name="职业"
+            label="职业"
+            placeholder="职业"
+            required
+            :rules="[{ required: true, message: '' }]"
+            @click="showhncyoccupation = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.occupation"
+            style="display:none"
+          />
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.jzqkName"
+            name="居住情况"
+            label="居住情况"
+            placeholder="居住情况"
+            required
+            :rules="[{ required: true, message: '' }]"
+            @click="showhncyjzqk = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.jzqk"
+            style="display:none"
+          />
+          <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.sfpkh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">
+            <template #input>
+              <van-radio-group v-model="form5.sfwbh" direction="horizontal">
+                <van-radio name="1">是</van-radio>
+                <van-radio name="0">否</van-radio>
+              </van-radio-group>
+            </template>
+          </van-field>
+          <van-field
+            autocomplete="off"
+            input-align="right"
+            v-model="form5.sjlyName"
+            name="数据来源"
+            label="数据来源"
+            placeholder="数据来源"
+            required
+            :rules="[{ required: true, message: '' }]"
+            @click="showhncysjly = true"
+          />
+          <van-field
+            autocomplete="off"
+            v-model="form5.sjly"
+            style="display:none"
+          />
+          <div style="margin: 16px;" v-if="!isFinished">
+            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
+          </div>
+        </van-form>
+      </div>
+    </van-popup>
+
+    <!--绘制结束弹窗开始-->
+    <van-popup v-model:show="showhzht" style="width: 94%;border-radius: 15PX" :close-on-click-overlay="false">
+      <div style="padding: 5px 3% 3%;">
+        <h1 style="font-size: 0.35rem;font-weight: 400;border-bottom: 1px solid #ccc; line-height: 0.8rem;"><i style="display: inline-block;width: 1%;height: 0.4rem;background: #7ac943;vertical-align: middle;margin-right: 1%;"></i>是否完成绘制</h1>
+
+        <div style="text-align: center;margin-top: 3%;">
+          <p style="font-size: 0.3rem;display: inline-block;background: #ccc;padding: 2% 0;border-radius: 30PX;color: #FFF;margin-right: 10%;width: 40%" @click="deleteHistory">否</p>
+          <p style="font-size: 0.3rem;display: inline-block;background: #7ac943;padding: 2% 0;border-radius: 30PX;color: #FFF;width: 40%" @click="showhzlx = true,showhzht = false">是</p>
+        </div>
+      </div>
+    </van-popup>
+
+    <!--  background: #ccc  -->
+
+    <van-popup v-model:show="showhzlx" style="width: 94%;border-radius: 15PX">
+      <div style="padding: 5px 3% 3%;">
+        <h1 style="font-size: 0.35rem;font-weight: 400;border-bottom: 1px solid #ccc; line-height: 0.8rem;"><i style="display: inline-block;width: 1%;height: 0.4rem;background: #7ac943;vertical-align: middle;margin-right: 1%;"></i>请选择绘制类型<van-icon name="cross" color="#666666" style="position: absolute;right: 2%;top: 0.1rem" @click="showhzlx = false,showhzht = true" /></h1>
+
+        <div style="text-align: center;margin-top: 3%;">
+          <p class="hzlxBtn" :style="{background: mapZjdData ? '#CCC':'#7ac943'}" @click="zjdTz">宅基地</p>
+          <p class="hzlxBtn" :style="{background: mapZjdData ? '#b026ff':'#CCC'}" @click="zrzTz">自然幢</p>
+          <p class="hzlxBtn" :style="{background: mapZjdData ? '#3ac2db':'#CCC'}" @click="fsssTz">附属设施</p>
+        </div>
+      </div>
+    </van-popup>
+    <!--绘制结束弹窗结束-->
+  </div>
+</template>
+
+<script>
+    import {listZjdzd,getQueryLand,getZjdzd,delZjdzdInfo,uploadFile,submitUploadImageList} from "@/api/homesteadSurvey/zjdzd";
+    import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";
+    import {addNhhncy, delNhhncy, exportNhhncy, getNhhncy, listNhhncy, updateNhhncy} from "@/api/homesteadSurvey/nhhncy";
+    import {listShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr";
+    import {listSuyqr,updateSuyqr,addSuyqr} from "@/api/homesteadSurvey/suyqr";
+    import {listZrz,getZrzZjdDmList,getZrz} from "@/api/homesteadSurvey/zrz";
+    import {listFsss,getFsssZjdDmList,getFsss} from "@/api/homesteadSurvey/fsss";
+    import {getGeoServerConfigKey} from "@/api/system/config";
+    import { listTown, getTown } from "@/api/homesteadSurvey/town";
+    import { listVillage} from "@/api/homesteadSurvey/village";
+    import {deptGetId,} from "@/api/homestead/index";
+    import $ from "jquery";
+    import {Dialog} from "vant";
+    import {ref} from "vue";
+    import axios from "axios";
+    export default {
+      name: "homesteadList",
+      data() {
+        return {
+          loading1:false,
+          finished1:false,
+          loading2:false,
+          finished2:false,
+          loading3:false,
+          finished3:false,
+          //全部
+          qbNums:0,
+          //已调查数量
+          yhcNums:0,
+          //未核查数量
+          whcNums:0,
+          // 总户数
+          totalH:0,
+          // 总人数
+          totalR:0,
+          zjdSx:true,
+          zrzSx :true,
+          fsssSx:true,
+          showhncysjly:false,
+          showhzsjly:false,
+          showhncycybz:false,
+          showhncyzjlx:false,
+          showhncyyhzgx:false,
+          showhzjzhcssfyzf:false,
+          showhncyoccupation:false,
+          showhncyjzqk:false,
+          showhzoccupation:false,
+          showhzjzqk:false,
+          // 下拉刷新
+          isLoadingnh:false,
+          countnh:0,
+          isLoadingzjd:false,
+          countqb:1,
+          countyhc:1,
+          countwhc:1,
+          // 使用权人表单弹出
+          shownh:false,
+          showhzht:false,
+          showhzlx:false,
+          showhncylist:false,
+          showhncy:false,
+          activeBtn:1,
+          value:'',
+          // 宅基地搜索框
+          zjdvalue:"",
+          // 使用权人搜索框
+          nhvalue:"",
+          active:2,
+          // 全部列表
+          list:[],
+          // 已核查列表
+          list1:[],
+          // 未核查列表
+          list2:[],
+          // 户主列表
+          nhlist:[],
+          // 户内成员表单
+          form5: {},
+          // 户内成员列表
+          hncylist:[],
+          currentRate:20,
+          // 使用权人
+          nhform:[],
+          // 户主列表
+          hzform:{},
+          // 权利人列表
+          qlrform:[],
+          // 权利人性质弹出框
+          showsuyqxz:false,
+          // 代理人证件类型弹出框
+          showdlrzjlx:false,
+          // 代表人证件类型弹出框
+          showdbrzjlx:false,
+          // 数据来源弹出框
+          showsjly:false,
+          // 证件类型字典
+          zjlxOptions: [],
+          // 所有权性质字典
+          suyqxzOption: [],
+          // 婚姻状况字典
+          hyzkOptions:[],
+          // 数据来源字典
+          sjlyOptions:[],
+          // 居住情况字典
+          jzqkOptions:[],
+          // 与户主关系字典
+          yhzgxOptions:[],
+          // 职业字典
+          occupationOptions:[],
+          // 集镇或城市是否有住房字典
+          jzhcssfyzfOptions:[],
+          // 成员备注字典
+          cybzOptions:[],
+          columns:[],
+          show1:false,
+          showhzzjlx: false,
+          // 路由传过来的任务基本信息。
+          item: {},
+          //地图使用 --start
+          openMap: false,
+          mapTheGeomZrzId: null,
+          mapTheGeomZjdId: null,
+          mapTheGeomFsssId: null,
+          drawInsert:null,
+          mapZjdData:"",
+          mapZrzData:"",
+          mapFsssData:"",
+          mapZjdDataTure:"",
+          mapZjdTeAll:{
+            active:"",
+            mapZjdAData:{},
+            mapZrzAData:{},
+            mapFsssAData:{},
+          },
+          mapHaDataValue:false,
+          mapHasDateStatus: 0, //0附属设施  1自然幢  2宅基地
+          selectionIconShow:false,
+          homesteadListStatus:false,
+          //地图绘制状态
+          draw: {
+            drawMapPolygon: false, //绘制地图
+          },
+          mapTownList: null,
+          mapVillageList: null,
+          coordinate:"",
+          checked:['zjdSx', 'zrzSx', 'fsssSx'],
+          checkAllMap: false,
+          sx:"",
+          drawingClick:true,
+          //搜索---start
+          seachText: "",
+          //搜索栏目-操作栏显隐
+          searchBarOperVisbile: false,
+          mapDataAll: [],
+          showSearch:false,
+          bottomHeight:'0px',
+          //搜索---end
+          //测面
+          textMjAll:"",
+          clickBbox:"",
+          textMjAllNum:"",
+          //核查
+          zjdHcDy:"",
+          //绘图
+          htZjdZrzFsss:"",
+          //筛选
+          checkAllFlag: true,
+          CheckedAllArr: [],//全选数组
+          dataForm: {
+            imageUrl: []
+          },
+          dataList: [["fsssSx"],["zjdSx"],["zrzSx"]],          //地图使用 --end
+          checkBoxAll:[],
+          //地图跳转存之
+          mapAddJump:"",
+          mapAddJumpNum:"",
+          nhdm:"",
+          backTheGeom:"",
+          //地图服务地址
+          mapGeoServerUrl:"",
+          backMap:"",
+          // 任务完成标记
+          //宅基地点击事件
+          mapXs: false,
+          mapClick:"",
+          isFinished:false,
+          //
+          showImageList:false,
+          uploadImgList:[],
+          uploadImgList1:[],
+          // 字典列表json
+          dictTypeList:null,
+        };
+      },
+      mounted(){
+      },
+      created(){
+        axios.get('../static/dictyType.json').then(res => {
+          this.dictTypeList = res.data
+          this.zjlxOptions = this.dictTypeList.zjlx;
+          this.suyqxzOptions = this.dictTypeList.qsxz;
+          this.sjlyOptions = this.dictTypeList.sjly;
+          this.hyzkOptions = this.dictTypeList.hyzk;
+          this.occupationOptions = this.dictTypeList.occupation;
+          this.jzqkOptions = this.dictTypeList.living_condition;
+          this.jzhcssfyzfOptions = this.dictTypeList.jzhcssfyzf;
+          this.cybzOptions = this.dictTypeList.member_remark;
+        })
+          this.getDicts("family_status").then(response => {
+            var arr = [];
+            response.data.forEach(function (item) {
+              if (item.dictLabel !== '户主') {
+                arr.push(item)
+              }
+            });
+            this.yhzgxOptions = arr;
+          });
+          if(this.$cookies.get("search") != null && this.$cookies.get("search") !="" && this.$cookies.get("search")!=undefined){
+            if(this.$cookies.get("search").activeBtn !=null){
+              if(this.$cookies.get("search").activeBtn == 4){
+                // if(location.href.indexOf("#reloaded")==-1){
+                //   location.href=location.href+"#reloaded";
+                //   location.reload();
+                // }
+                this.activeBtn = this.$cookies.get("search").activeBtn;
+                this.item = this.$cookies.get("item");
+                this.mapAddJump = this.$cookies.get("search").backMapZjdAData.deptId;
+                this.backTheGeom = this.$cookies.get("search").backMapZjdAData.theGeom;
+                this.mapZjdData = this.$cookies.get("search").backMapZjdAData;
+                this.mapZjdTeAll.mapZjdAData = this.$cookies.get("search").backMapZjdAData;
+                this.mapClick = this.mapZjdTeAll.mapZjdAData.zjddm;
+                this.mapXs =true;
+                this.zjdHcDy = 1;
+                this.mapZjdDataTure = 1;
+                this.mapAddJumpNum =1;
+                this.mapShow();
+                this.getZjdList();
+                this.getTotalHR();
+                if(this.item.taskStatus=="FINISHED"){
+                    this.isFinished = true
+                }else{
+                  this.isFinished = false
+                }
+              }
+            }else {
+              this.item = this.$cookies.get("item");
+              this.getZjdList();
+              this.getTotalHR();
+              if(this.item.taskStatus=="FINISHED"){
+                this.isFinished = true
+              }else{
+                this.isFinished = false
+              }
+            }
+          }else {
+            this.item = this.$cookies.get("item");
+            this.getZjdList();
+            this.getTotalHR();
+            if(this.item.taskStatus=="FINISHED"){
+              this.isFinished = true
+            }else{
+              this.isFinished = false
+            }
+          }
+      },
+      methods: {
+        showUploadList(){
+          this.showImageList = true;
+        },
+        submitUploadList(){
+          submitUploadImageList(this.uploadImgList1).then(res => {
+            let _this = this
+            this.$toast({
+              icon: 'success', // 找到自己需要的图标
+              message: '上传成功',
+              duration:"1000",
+              onClose:function(){
+                _this.showImageList = false
+              }
+            })
+          })
+        },
+        // 图片上传前
+        beforeReadImageList(file){
+          let _this = this
+          if(file.length!=undefined){
+            file.map(res => {
+              let zjddm = res.file.name
+              //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));
+              // 创建Canvas对象(画布)
+              let canvas =  document.createElement('canvas')
+              // 获取对应的CanvasRenderingContext2D对象(画笔)
+              let context = canvas.getContext('2d')
+              // 创建新的图片对象
+              let img = new Image()
+              // 指定图片的DataURL(图片的base64编码数据)
+              img.src = res.content
+              // 监听浏览器加载图片完成，然后进行进行绘制
+              img.onload = () => {
+                /*const h = img.height
+                const w = img.width*/
+                let ch = img.height/5
+                let cw = img.width/5
+                let canvas = document.createElement('canvas')
+                let ctx = canvas.getContext('2d')
+                canvas.height = ch
+                canvas.width = cw
+                ctx.clearRect(0,0,cw,ch)
+                ctx.drawImage(img,0,0,cw,ch)
+                let base_img = canvas.toDataURL('image/jpeg')
+                let blobBin = atob(base_img.split(',')[1])
+                let d = []
+                for (let i=0;i<blobBin.length;i++){
+                  d.push(blobBin.charCodeAt(i))
+                }
+                let data2 = new FormData();
+                data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+                uploadFile(data2).then(response => {
+                  let p={
+                    "zjddm":zjddm,
+                    "url":response.fileName
+                  }
+                  _this.uploadImgList1.push(p)
+                })
+              }
+            })
+          }else{
+            let zjddm = file.file.name
+            //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));
+            // 创建Canvas对象(画布)
+            let canvas =  document.createElement('canvas')
+            // 获取对应的CanvasRenderingContext2D对象(画笔)
+            let context = canvas.getContext('2d')
+            // 创建新的图片对象
+            let img = new Image()
+            // 指定图片的DataURL(图片的base64编码数据)
+            img.src = file.content
+            // 监听浏览器加载图片完成，然后进行进行绘制
+            img.onload = () => {
+              /*const h = img.height
+              const w = img.width*/
+              let ch = img.height/5
+              let cw = img.width/5
+              let canvas = document.createElement('canvas')
+              let ctx = canvas.getContext('2d')
+              canvas.height = ch
+              canvas.width = cw
+              ctx.clearRect(0,0,cw,ch)
+              ctx.drawImage(img,0,0,cw,ch)
+              let base_img = canvas.toDataURL('image/jpeg')
+              let blobBin = atob(base_img.split(',')[1])
+              let d = []
+              for (let i=0;i<blobBin.length;i++){
+                d.push(blobBin.charCodeAt(i))
+              }
+              let data2 = new FormData();
+              data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
+              uploadFile(data2).then(response => {
+                let p={
+                  "zjddm":zjddm,
+                  "url":response.fileName
+                }
+                _this.uploadImgList1.push(p)
+              })
+            }
+          }
+
+        },
+        deleteFileImageList(file){
+          let url = file.file.name
+          this.uploadImgList1.map((res,index) => {
+            if(res.zjddm==url){
+              this.uploadImgList1.remove(index);
+            }
+          })
+        },
+        validatorIdcardqlr(val){
+          if(this.qlrform.dbrzjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        validatorIdcardnh(val){
+          if(this.nhform.hzzjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        validatorIdcardhncy(val){
+          if(this.form5.zjlx=='01'){
+            if(this.vcheckID(val)){
+              return true
+            }else {
+              return false
+            }
+          }else{
+            return true
+          }
+        },
+        checkCode(val) {
+          var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
+          var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
+          var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
+          var code = val.substring(17);
+          if(p.test(val)) {
+            var sum = 0;
+            for(var i=0;i<17;i++) {
+              sum += val[i]*factor[i];
+            }
+            if(parity[sum % 11] == code.toUpperCase()) {
+              return true;
+            }
+          }
+          return false;
+        },
+        checkDate (val) {
+          var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)$/;
+          if(pattern.test(val)) {
+            var year = val.substring(0, 4);
+            var month = val.substring(4, 6);
+            var date = val.substring(6, 8);
+            var date2 = new Date(year+"-"+month+"-"+date);
+            if(date2 && date2.getMonth() == (parseInt(month) - 1)) {
+              return true;
+            }
+          }
+          return false;
+        },
+        checkProv(val) {
+          var pattern = /^[1-9][0-9]/;
+          var provs = {11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门"};
+          if(pattern.test(val)) {
+            if(provs[val]) {
+              return true;
+            }
+          }
+          return false;
+        },
+        vcheckID(val){
+          if(this.checkCode(val)) {
+            var date = val.substring(6,14);
+            if(this.checkDate(date)) {
+              if(this.checkProv(val.substring(0,2))) {
+                return true;
+              }
+            }
+          }
+          return false;
+        },
+        deleteZjd(item,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '将删除与此宅基地关联的使用权人，自然幢，房屋，附属设施等所有信息，同时删除后无法恢复，确认删除么？',
+          })
+            .then(() => {
+              // on confirm
+              delZjdzdInfo(item).then(res => {
+                if(res.code=="200"){
+                  if(this.active==1){
+                    this.list1.splice(index,1);
+                  }else if(this.active==2){
+                    this.list2.splice(index,1);
+                  }else{
+                    this.list.splice(index,1);
+                  }
+                }
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        //删除户主
+        deletenh(item,index){
+          let yes = true
+          let params={
+            nhdm : item.nhdm,
+            deptId: item.deptId
+          }
+          listNhhncy(params).then((res) => {
+            console.log(res.rows.length)
+            if(res.rows.length>0){
+              yes = false
+              this.$toast({
+                icon: 'error', // 找到自己需要的图标
+                message: '无法删除，此户主存在户内成员！',
+                duration:"1000",
+                onClose:function(){
+                }
+              })
+            }else{
+              listShyqr(params).then((res) => {
+                if(res.rows.length>0){
+                  yes = false
+                  this.$toast({
+                    icon: 'error', // 找到自己需要的图标
+                    message: '无法删除，此户主已经成为使用权人！',
+                    duration:"1000",
+                    onClose:function(){
+                    }
+                  })
+                }else{
+                  if(yes){
+                    Dialog.confirm({
+                      title: '警告',
+                      message: '确认删除此使用权人么？',
+                    })
+                      .then(() => {
+                        // on confirm
+                        delNh(item.id).then(res => {
+                          if(res.code=="200"){
+                            this.nhlist.splice(index,1);
+                            this.totalH--
+                            this.totalR--
+                          }
+                        })
+                      })
+                      .catch(() => {
+                        // on cancel
+                      });
+                  }
+                }
+              });
+            }
+          });
+
+        },
+        // 设为户主
+        setNh(item,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '此操作将删除原户主，并将此成员设为新户主，是否确认操作？',
+          })
+            .then(() => {
+              // on confirm
+              delNhhncy(item.id).then(res => {
+                if(res.code=="200"){
+                  this.hncylist.splice(index,1);
+                  this.totalR--
+                }
+              })
+              // 更新户主信息
+              let pnh = {
+                deptId : item.deptId,
+                nhdm : item.nhdm,
+                hzxm:item.xm,
+                hzzjlx :item.zjlx,
+                hzzjhm :item.zjhm
+              }
+              setNhInfo(pnh).then(res => {
+              })
+              // 更新使用权人
+              let psyqr = {
+                deptId : item.deptId,
+                nhdm : item.nhdm,
+                shyqrdbxm : item.xm,
+                shyqrdbzjlx : item.zjlx,
+                shyqrdbzjhm : item.zjhm,
+                xb : item.xb
+              }
+              setSyqrInfo(psyqr).then(res => {
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        //删除户内成员
+        deletehncy(id,index){
+          Dialog.confirm({
+            title: '警告',
+            message: '删除后无法恢复，确认删除此成员么？',
+          })
+            .then(() => {
+              // on confirm
+              delNhhncy(id).then(res => {
+                if(res.code=="200"){
+                  this.hncylist.splice(index,1);
+                  this.totalR--
+                }
+              })
+            })
+            .catch(() => {
+              // on cancel
+            });
+        },
+        // 字数限制
+        limitWords(val){
+          if(val==null||val==""){
+            return "无"
+          }else{
+            if(val.length>11){
+              val = val.slice(0,10) +"..."
+            }
+            return val
+          }
+        },
+        // 与户主关系翻译
+        yhzgxfy(value){
+          let label
+          this.yhzgxOptions.map(res => {
+            if(res.dictValue == value){
+              label = res.dictLabel
+            }
+          })
+          return label
+        },
+        onRefreshzjd(){
+          this.isLoadingzjd = false;
+          let _this = this
+          if(this.active==1&&this.loading2){
+              let params = {
+                "deptId" : this.item.deptId,
+                "houseDataConfirmStatus" : "CONFIRMED",
+                "pageNum": this.countyhc+1,
+                "pageSize":10,
+              }
+              listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list1.length<response.total){
+                  response.rows.map(res => {
+                    this.list1.push(res)
+                  })
+                  this.countyhc++
+                  this.loading2 = false
+                }else{
+                  this.loading2 = false
+                  this.finished2 = true
+                }
+              });
+          }else if(this.active==2&&this.loading3){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "UNCONFIRMED",
+              "pageNum": this.countwhc+1,
+              "pageSize":10,
+            }
+            listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list2.length<response.total){
+                  response.rows.map(res => {
+                    this.list2.push(res)
+                  })
+                  this.countwhc++
+                  this.loading3 = false
+                }else{
+                  this.finished3 = true
+                }
+            });
+          }else if(this.active==0&&this.loading1){
+            let params = {
+              "deptId" : this.item.deptId,
+              "pageNum": this.countqb+1,
+              "pageSize":10,
+            }
+            listZjdzd(params).then((response) => {
+                if(response.rows.length>0&&this.list.length<response.total){
+                  response.rows.map(res => {
+                    _this.list.push(res)
+                  })
+                  this.countqb++
+                  this.loading1 = false
+                }else{
+                  this.finished1 = true
+                }
+            });
+          }
+        },
+        getTotalHR(){
+          let params = {
+            "deptId" : this.item.deptId,
+            "pageNum": 1,
+            "pageSize":10,
+          }
+          listNh(params).then((response) => {
+            if(response.rows.length>=0){
+              this.totalH = response.total
+            }
+            listNhhncy(params).then((res) => {
+              if(res.rows.length>=0){
+                this.totalR = res.total + this.totalH
+              }
+            });
+          });
+
+        },
+        onRefreshnh(){
+          this.isLoadingnh = false
+          let params = {
+            "deptId" : this.item.deptId,
+            "pageNum": this.countnh+1,
+            "pageSize":10,
+          }
+          listNh(params).then((response) => {
+            if(response.rows.length>0&&this.nhlist.length<response.total){
+              response.rows.map(res => {
+                this.nhlist.unshift(res)
+              })
+              this.countnh++
+            }
+          });
+        },
+        setCookies(item){
+          //this.$cookies.set("search",JSON.stringify(item));
+          this.$cookies.set("search","");
+          // let _this = this
+          // setTimeout(function(){
+          //   _this.$router.push({name:'homesteadAdd'});
+          // },1000)
+
+          this.$router.push({path:'/homesteadSurvey/add',query: {res: item}});
+        },
+        // 入户核查搜索框新增。
+        onClickzjd(){
+          this.$cookies.remove("search");
+          this.$router.push({name:'homesteadAdd'});
+        },
+        // 农户信息搜索框新增。
+        onClicknh(){
+          this.shownh = true;
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          this.qlrform={}
+          this.nhform={
+            "suyqrdm":null,
+            "deptId":this.item.deptId,
+            "hzzjlx":'01',
+            "hzzjlxName":"身份证",
+            "hyzk":'02',
+            "occupation":'1',
+            "occupationName":'务农',
+            "jzqk":'3',
+            "jzqkName":'常年居住',
+            "jzhcssfyzf":'1',
+            "jzhcssfyzfName":'无住房',
+            "zqtczsfyzf":'Y',
+            "sfbccm":'Y',
+            "sfpkh":'N',
+            "sfwbh":'N',
+            "sjly":'07',
+            "sjlyName":'农村集体产权制度改革',
+          }
+          listSuyqr(params).then((response) => {
+            if(response.rows.length>0){
+              this.qlrform = response.rows[0]
+              this.nhform.suyqrdm = this.qlrform.suyqrdm
+              this.nhform.txdz = response.rows[0].suyqrmc
+            }
+          });
+        },
+        // 返回
+        onClickLeft(){
+          this.$cookies.set("search","")
+          this.$router.push('/homesteadSurvey/index');
+        },
+        onConfirmhncysjly(value){
+          this.form5.sjlyName = value.dictLabel
+          this.form5.sjly = value.dictValue
+          this.showhncysjly= false
+        },
+        onConfirmhzsjly(value){
+          this.nhform.sjlyName = value.dictLabel
+          this.nhform.sjly = value.dictValue
+          this.showhzsjly= false
+        },
+        onConfirmhncycybz(value){
+          this.form5.cybzName = value.dictLabel
+          this.form5.cybz = value.dictValue
+          this.showhncycybz= false
+        },
+        onConfirmhzjzhcssfyzf(value){
+          this.nhform.jzhcssfyzfName = value.dictLabel
+          this.nhform.jzhcssfyzf = value.dictValue
+          this.showhzjzhcssfyzf= false
+        },
+        onConfirmhncyyhzgx(value){
+          this.form5.yhzgxName = value.dictLabel
+          this.form5.yhzgx = value.dictValue
+          this.showhncyyhzgx = false
+        },
+        onConfirmhncyzjlx(value){
+          this.form5.zjlxName = value.dictLabel
+          this.form5.zjlx = value.dictValue
+          this.showhncyzjlx = false
+        },
+        onConfirmhncyjzqk(value){
+          this.form5.jzqkName = value.dictLabel
+          this.form5.jzqk = value.dictValue
+          this.showhncyjzqk = false
+        },
+        onConfirmhzjzqk(value){
+          this.nhform.jzqkName = value.dictLabel
+          this.nhform.jzqk = value.dictValue
+          this.showhzjzqk = false
+        },
+        onConfirmhncyoccupation(value){
+          this.form5.occupationName = value.dictLabel
+          this.form5.occupation = value.dictValue
+          this.showhncyoccupation = false
+        },
+        onConfirmhzoccupation(value){
+          this.nhform.occupationName = value.dictLabel
+          this.nhform.occupation = value.dictValue
+          this.showhzoccupation = false
+        },
+        onConfirmhzzjlx(value){
+          this.nhform.hzzjlxName = value.dictLabel
+          this.nhform.hzzjlx = value.dictValue
+          this.showhzzjlx = false
+        },
+        onConfirmdbrzjlx(value){
+          this.qlrform.dbrzjlxName = value.dictLabel
+          this.qlrform.dbrzjlx = value.dictValue
+          this.showdbrzjlx = false
+        },
+        onConfirmsuyqxz(value){
+          this.qlrform.suyqxzName = value.dictLabel
+          this.qlrform.suyqxz = value.dictValue
+          this.showsuyqxz = false
+        },
+        onConfirmdlrzjlx(value){
+          this.qlrform.dlrzjlxName = value.dictLabel
+          this.qlrform.dlrzjlx = value.dictValue
+          this.showdlrzjlx = false
+        },
+        onConfirmsjly(value){
+          this.qlrform.sjlyName = value.dictLabel
+          this.qlrform.sjly = value.dictValue
+          this.showsjly = false
+        },
+        // 户主保存
+        onSubmitnh(){
+          if(this.nhform.id!=null){
+            updateNh(this.nhform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.getNh()
+                    let psyqr = {
+                      deptId : _this.nhform.deptId,
+                      nhdm : _this.nhform.nhdm,
+                      shyqrdbxm : _this.nhform.hzxm,
+                      shyqrdbzjlx : _this.nhform.hzzjlx,
+                      shyqrdbzjhm : _this.nhform.hzzjhm,
+                      dh : _this.nhform.phone,
+                      dz : _this.nhform.txdz
+                    }
+                    setSyqrInfo(psyqr).then(res => {
+                      _this.shownh = false
+                    })
+                  }
+                })
+              }
+            );
+          }else{
+            this.nhform.deptId = this.item.deptId
+            addNh(this.nhform).then(
+              response => {
+                this.totalR+=1
+                this.totalH+=1
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.shownh = false
+                    _this.getNh()
+                  }
+                })
+              }
+            );
+          }
+        },
+        // 所有权人保存
+        onSubmitsyqr(){
+          if(this.qlrform.id!=null){
+            updateSuyqr(this.qlrform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000"
+                })
+              }
+            );
+          }else{
+            this.qlrform.deptId = this.item.deptId
+            addSuyqr(this.qlrform).then(
+              response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000"
+                })
+              }
+            );
+          }
+        },
+        // 查询所有权人
+        getSyqr(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          this.qlrform ={
+            "deptId":this.item.deptId,
+            "suyqxz":'40',
+            "suyqxzName":'集体土地所有权',
+            "dbrzjlx":'01',
+            "dbrzjlxName":'身份证',
+            "sfclncjtjjzz":'Y',
+            "sjly":'04',
+            "sjlyName":"农村宅基地使用权确权登记发证"
+          }
+          listSuyqr(params).then((response) => {
+            if(response.rows.length>0){
+              this.qlrform = response.rows[0]
+              if(this.qlrform.suyqxz==null||this.qlrform.suyqxz==""){
+                this.qlrform.suyqxz = "40"
+                this.qlrform.suyqxzName = "集体土地所有权"
+              }
+              if(this.qlrform.dbrzjlx==null||this.qlrform.dbrzjlx==""){
+                this.qlrform.dbrzjlx = "01"
+                this.qlrform.dbrzjlxName = "身份证"
+              }
+              if(this.qlrform.sfclncjtjjzz==null||this.qlrform.sfclncjtjjzz==""){
+                this.qlrform.sfclncjtjjzz = "Y"
+              }
+              if(this.qlrform.sjly==null||this.qlrform.sjly==""){
+                this.qlrform.sjly = "04"
+                this.qlrform.sjlyName = "农村宅基地使用权确权登记发证"
+              }
+              this.zjlxOptions.map(res => {
+                if(res.dictValue == this.qlrform.dbrzjlx){
+                  this.qlrform.dbrzjlxName = res.dictLabel
+                }
+                if(res.dictValue == this.qlrform.dlrzjlx){
+                  this.qlrform.dlrzjlxName = res.dictLabel
+                }
+              })
+              this.suyqxzOptions.map(res => {
+                if(res.dictValue == this.qlrform.suyqxz){
+                  this.qlrform.suyqxzName = res.dictLabel
+                }
+              })
+              this.sjlyOptions.map(res => {
+                if(res.dictValue == this.qlrform.sjly){
+                  this.qlrform.sjlyName = res.dictLabel
+                }
+              })
+            }
+          });
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        // 查询农户列表
+        getNh(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          let params = {
+            "deptId" : this.item.deptId
+          }
+          listNh(params).then((response) => {
+            this.nhlist = response.rows
+            this.totalN = response.total
+          });
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        //调查
+        getDc(){
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          this.mapZjdData = "";
+          this.mapZrzData = "";
+          this.mapFsssData = "";
+          //that.mapZjdTeAll.active ="1";
+          this.mapZjdTeAll.mapZjdAData = {};
+          this.mapZjdTeAll.mapZrzAData = {};
+          this.mapZjdTeAll.mapFsssAData = {};
+          this.mapZjdDataTure = "";
+          this.mapXs =false;
+          this.mapClick ="";
+          this.mapAddJump = "";
+          this.backTheGeom = "";
+          this.zjdHcDy = "";
+          this.mapZjdDataTure = "";
+          this.mapAddJumpNum ="";
+        },
+        // 农户信息搜索框
+        onSearchnh(){
+          let params = {
+            "deptId" : this.item.deptId,
+            "nhValue" : this.nhvalue
+          }
+          listNh(params).then((response) => {
+            this.nhlist = response.rows
+          });
+        },
+        // 宅基地搜索框
+        onSearchzjd(){
+          if(this.active==1){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "CONFIRMED",
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list1 = response.rows
+              }
+            });
+          }else if(this.active==2){
+            let params = {
+              "deptId" : this.item.deptId,
+              "houseDataConfirmStatus" : "UNCONFIRMED",
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list2 = response.rows
+              }
+            });
+          }else{
+            let params = {
+              "deptId" : this.item.deptId,
+              "syqr" : this.zjdvalue
+            }
+            listZjdzd(params).then((response) => {
+              if (response.code == 200) {
+                this.list = response.rows
+              }
+            });
+          }
+        },
+        // 户内成员弹窗
+        showPopuphncy(item){
+          this.showhncy = true
+          if(item.id==null||item.id==""){
+            this.form5 = {
+              "nhdm":this.nhdm,
+              "deptId":this.item.deptId,
+              "zjlx":'01',
+              "zjlxName":"身份证",
+              "yhzgx":"14",
+              "yhzgxName":"妻",
+              "hyzk":'02',
+              "hklx":'1',
+              "occupation":'1',
+              "occupationName":'务农',
+              "jzqk":'3',
+              "jzqkName":'常年居住',
+              "sfbjtjjzzcy":'Y',
+              "xb":'0',
+              "sfbccm":'Y',
+              "sfpkh":'N',
+              "sfwbh":'N',
+              "sjly":'07',
+              "sjlyName":'农村集体产权制度改革',
+              "cybz":'9',
+              "cybzName":'其他备注'
+            }
+          }else{
+            let _this = this
+            this.form5 = item
+            if(this.form5.nhdm==null||this.form5.nhdm==""){
+              this.form5.nhdm = this.nhform.nhdm
+            }
+            if(this.form5.deptId==null||this.form5.deptId==""){
+              this.form5.deptId = this.nhform.deptId
+            }
+            if(this.form5.zjlx==null||this.form5.zjlx==""){
+              this.form5.zjlx = "01"
+              this.form5.zjlxName = "身份证"
+            }
+            if(this.form5.yhzgx==null||this.form5.yhzgx==""){
+              this.form5.yhzgx = "14"
+              this.form5.yhzgxName = "妻"
+            }
+            if(this.form5.hyzk==null||this.form5.hyzk==""){
+              this.form5.hyzk = "02"
+            }
+            if(this.form5.hklx==null||this.form5.hklx==""){
+              this.form5.hklx = "1"
+            }
+            if(this.form5.occupation==null||this.form5.occupation==""){
+              this.form5.occupation = "1"
+              this.form5.occupationName = "务农"
+            }
+            if(this.form5.jzqk==null||this.form5.jzqk==""){
+              this.form5.jzqk = "3"
+              this.form5.jzqkName = "常年居住"
+            }
+            if(this.form5.sfbjtjjzzcy==null||this.form5.sfbjtjjzzcy==""){
+              this.form5.sfbjtjjzzcy = "Y"
+            }
+            if(this.form5.xb==null||this.form5.xb==""){
+              this.form5.xb = "0"
+            }
+            if(this.form5.sfbccm==null||this.form5.sfbccm==""){
+              this.form5.sfbccm = "Y"
+            }
+            if(this.form5.sfpkh==null||this.form5.sfpkh==""){
+              this.form5.sfpkh = "N"
+            }
+            if(this.form5.sfwbh==null||this.form5.sfwbh==""){
+              this.form5.sfwbh = "N"
+            }
+            if(this.form5.sjly==null||this.form5.sjly==""){
+              this.form5.sjly = "07"
+              this.form5.sjlyName = "农村集体产权制度改革"
+            }
+            if(this.form5.cybz==null||this.form5.cybz==""){
+              this.form5.cybz = "9"
+              this.form5.cybzName = "其他备注"
+            }
+            this.jzhcssfyzfOptions.map(res => {
+              if(res.dictValue == item.jzhcssfyzf){
+                this.form5.jzhcssfyzfName = res.dictLabel
+              }
+            })
+            this.zjlxOptions.map(res => {
+              if(res.dictValue == item.zjlx){
+                this.form5.zjlxName = res.dictLabel
+              }
+            })
+            this.occupationOptions.map(res => {
+              if(res.dictValue == item.occupation){
+                this.form5.occupationName = res.dictLabel
+              }
+            })
+            this.jzqkOptions.map(res => {
+              if(res.dictValue == item.jzqk){
+                this.form5.jzqkName = res.dictLabel
+              }
+            })
+            this.yhzgxOptions.map(res => {
+              if(res.dictValue == item.yhzgx){
+                this.form5.yhzgxName = res.dictLabel
+              }
+            })
+            this.cybzOptions.map(res => {
+              if(res.dictValue == item.cybz){
+                this.form5.cybzName = res.dictLabel
+              }
+            })
+            this.sjlyOptions.map(res => {
+              if(res.dictValue == item.sjly){
+                this.form5.sjlyName = res.dictLabel
+              }
+            })
+          }
+        },
+        // 户内成员列表
+        showPopuphncylist(item){
+          if(item.nhdm==null||item.nhdm==""){
+            this.$toast({
+              icon: 'error', // 找到自己需要的图标
+              message: '请先保存户主信息',
+              duration:"1000"
+            })
+          }else{
+            this.nhdm = item.nhdm
+            this.showhncylist =  true
+            let params = {
+              "nhdm":item.nhdm,
+              "deptId":this.item.deptId
+            }
+            listNhhncy(params).then((response) => {
+              if (response.code == 200) {
+                this.hncylist = response.rows
+              }
+            });
+          }
+
+        },
+        showPopupnh(item){
+          this.shownh = true
+          this.nhform = item
+          this.jzhcssfyzfOptions.map(res => {
+            if(res.dictValue == item.jzhcssfyzf){
+              this.nhform.jzhcssfyzfName = res.dictLabel
+            }
+          })
+          this.zjlxOptions.map(res => {
+            if(res.dictValue == item.hzzjlx){
+              this.nhform.hzzjlxName = res.dictLabel
+            }
+          })
+          this.occupationOptions.map(res => {
+            if(res.dictValue == item.occupation){
+              this.nhform.occupationName = res.dictLabel
+            }
+          })
+          this.jzqkOptions.map(res => {
+            if(res.dictValue == item.jzqk){
+              this.nhform.jzqkName = res.dictLabel
+            }
+          })
+          this.sjlyOptions.map(res => {
+            if(res.dictValue == item.sjly){
+              this.nhform.sjlyName = res.dictLabel
+            }
+          })
+        },
+      getZjdList(){
+         let params = {
+           "deptId" : this.item.deptId,
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params).then((response) => {
+           if (response.code == 200) {
+             this.list = response.rows
+             this.qbNums = response.total
+   /*          if(response.rows.length>=10){
+               this.list = newList.slice(0,9)
+             }else {
+               this.list = newList
+             }
+             this.yhcNums = 0
+             this.whcNums = 0
+             this.list1 = []
+             this.list2 = []
+             response.rows.map(res => {
+               if(res.houseDataConfirmStatus == 'CONFIRMED'){
+                 if(this.list1.length<10){
+                   this.list1.push(res)
+                 }
+                 this.yhcNums ++
+               }else{
+                 if(this.list2.length<10){
+                   this.list2.push(res)
+                 }
+                 this.whcNums ++
+               }
+             })*/
+
+           }
+         });
+         let params1 = {
+           "deptId" : this.item.deptId,
+           "houseDataConfirmStatus" : "CONFIRMED",
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params1).then((response) => {
+           if (response.code == 200) {
+             this.yhcNums = response.total
+             this.list1 = response.rows
+           }
+         });
+         let params2 = {
+           "deptId" : this.item.deptId,
+           "houseDataConfirmStatus" : "UNCONFIRMED",
+           "pageNum": 1,
+           "pageSize":10,
+         }
+         listZjdzd(params2).then((response) => {
+           if (response.code == 200) {
+             this.whcNums = response.total
+             this.list2 = response.rows
+           }
+         });
+        },
+        onConfirm(){},
+        /*onSubmithncy(){
+          if (this.form5.id != null) {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+
+            } else {
+              if(this.form5.xb=='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }
+          } else {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          _this.totalR+=1
+                          _this.totalH+=1
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      _this.totalR+=1
+                      _this.totalH+=1
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+
+            } else {
+              if(this.form5.xb=='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          _this.totalR+=1
+                          _this.totalH+=1
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      _this.totalR+=1
+                      _this.totalH+=1
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }
+
+          }
+        },*/
+        onSubmithncy(){
+          if (this.form5.id != null) {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
+              if(this.form5.xb!='0'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    updateNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '修改成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                updateNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '修改成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }else{
+              updateNhhncy(this.form5).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '修改成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.showhncy = false
+                    let params = {
+                      "nhdm":_this.form5.nhdm,
+                      deptId:_this.form5.deptId
+                    }
+                    listNhhncy(params).then((response) => {
+                      _this.hncylist = response.rows
+                    })
+                  }
+                })
+              });
+            }
+          } else {
+            if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
+              if(this.form5.xb!='1'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.totalR+=1
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.totalR+=1
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
+              if(this.form5.xb!='0'){
+                Dialog.confirm({
+                  title: '警告',
+                  message: '成员性别与身份证号中性别信息不符，是否继续保存？',
+                })
+                  .then(() => {
+                    // on confirm
+                    addNhhncy(this.form5).then(response => {
+                      let _this =this
+                      this.$toast({
+                        icon: 'success', // 找到自己需要的图标
+                        message: '保存成功',
+                        duration:"1000",
+                        onClose:function(){
+                          _this.totalR+=1
+                          _this.showhncy = false
+                          let params = {
+                            "nhdm":_this.form5.nhdm,
+                            deptId:_this.form5.deptId
+                          }
+                          listNhhncy(params).then((response) => {
+                            _this.hncylist = response.rows
+                          })
+                        }
+                      })
+                    });
+                  })
+                  .catch(() => {
+                    // on cancel
+                  });
+              }else{
+                addNhhncy(this.form5).then(response => {
+                  let _this =this
+                  this.$toast({
+                    icon: 'success', // 找到自己需要的图标
+                    message: '保存成功',
+                    duration:"1000",
+                    onClose:function(){
+                      _this.totalR+=1
+                      _this.showhncy = false
+                      let params = {
+                        "nhdm":_this.form5.nhdm,
+                        deptId:_this.form5.deptId
+                      }
+                      listNhhncy(params).then((response) => {
+                        _this.hncylist = response.rows
+                      })
+                    }
+                  })
+                });
+              }
+            }else{
+              addNhhncy(this.form5).then(response => {
+                let _this =this
+                this.$toast({
+                  icon: 'success', // 找到自己需要的图标
+                  message: '保存成功',
+                  duration:"1000",
+                  onClose:function(){
+                    _this.totalR+=1
+                    _this.showhncy = false
+                    let params = {
+                      "nhdm":_this.form5.nhdm,
+                      deptId:_this.form5.deptId
+                    }
+                    listNhhncy(params).then((response) => {
+                      _this.hncylist = response.rows
+                    })
+                  }
+                })
+              });
+            }
+
+          }
+        },
+        mapShow() {
+          //删除地图选中状态
+          $("#deleteHistoryMap").trigger("click");
+          //通过数据直接查询方式--------加载较慢 start
+          //镇边界获取
+          // listTown().then(response => {
+          //   if (response.code == 200) {
+          //     this.mapTownList = response.rows;
+          //     //村边界获取
+          //     listVillage(this.queryParams).then(response => {
+          //       this.mapVillageList = response.rows;
+          //       listZjdzd().then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomZjdId= response.rows;
+          //           listZrz().then((response) => {
+          //             if (response.code == 200) {
+          //               this.mapTheGeomZrzId = response.rows;
+          //               listFsss().then((response) => {
+          //                 if (response.code == 200) {
+          //                   this.mapTheGeomFsssId = response.rows;
+          //                 }
+          //                 setTimeout(() => {
+          //                   this.GetMapsInit();
+          //                 }, 300);
+          //               });
+          //             }
+          //           });
+          //         }
+          //       });
+          //     });
+          //   }
+          // });
+          //通过数据直接查询方式--------加载较慢 end
+          getGeoServerConfigKey().then(response => {
+            this.mapGeoServerUrl = response.msg;
+            setTimeout(() => {
+              this.GetMapsInit();
+            }, 300);
+          });
+          var that = this;
+          setTimeout(function () {
+            var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+            that.bottomHeight = -height+'px'
+          },500)
+        },
+        //地图加载 -----start
+        GetMapsInit() {
+
+          //加载地图编辑
+          var that = this;
+          var map;
+          //点击事件添加样式
+          var hc_land_on;
+          document.getElementById("mapWrapAll").innerHTML = '';
+          var hc_land;
+          var projection = new ol.proj.Projection({
+            //地图投影类型
+            code: "EPSG:3857",
+            units: "degrees",
+            //extent:extent
+          });
+
+          var aerial = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              // url: "http://t0.tianditu.gov.cn/img_w/wmts?" +
+              //   "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
+              //   "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
+              url: "http://t{0-7}.tianditu.com/img_w/wmts?" +
+                "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
+                "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
+            }),
+            isGroup: true,
+            name: "卫星影像图",
+          });
+
+          var yingxzi = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              url: "http://t{0-7}.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk= ",
+            }),
+            isGroup: true,
+            name: "天地图文字标注--卫星影像图",
+          });
+
+          //加载地图
+          map = new ol.Map({
+            controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+            layers: [aerial, yingxzi],
+            projection: projection,
+            target: "mapWrapAll",
+            view: new ol.View({
+              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+              zoom: 10,
+              minZoom: 5, //地图缩小限制
+              maxZoom: 18.3, //地图放大限制
+              resolution: Math.random() * 0.00000001,
+            }),
+            interactions: ol.interaction.defaults({
+              pinchRotate: false // 移动端禁止地图旋转
+            }),
+          });
+          //使用geoserver服务查询开始 -------------------start
+          //镇边界查询开始 ------------------------------start
+          // var zhenTc= new ol.layer.Tile({
+          //   source: new ol.source.TileWMS({
+          //     url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_border_town',
+          //       TILED: true,
+          //       //cql_filter: cql_filter,
+          //       SRID: 3857,
+          //     },
+          //   }),
+          // });
+          // map.addLayer(zhenTc);
+          //镇边界查询开始 ------------------------------end
+          //村边界查询开始 ------------------------------start
+          var cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'";
+          var cunTc = new ol.layer.Image({
+            source: new ol.source.ImageWMS({
+              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+              params: {
+                LAYERS: 'zjd_dc:t_house_survey_border_village',
+                TILED: true,
+                cql_filter: cql_filter,
+                SRID: 3857,
+                TIMESTAMP: new Date().getTime(),
+              },
+              resolution: Math.random() * 0.00000001,
+            }),
+          });
+          // //定位查询位置
+          // let param_dw = {
+          //   srsName: "EPSG:3857",
+          //   service: "WFS",
+          //   version: "1.0.0",
+          //   request: "GetFeature",
+          //   typename: "zjd_dc:t_house_survey_border_village",
+          //   //featureNS: 'nsgk_hc',//命名空间 URI
+          //   cql_filter: cql_filter,
+          //   //featurePrefix: 'nationalwater',//工作区名称
+          //   //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+          //   outputFormat: "application/json",
+          //   //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+          // };
+          // let url_dw = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;
+          // url_dw = url_dw + "?";
+          // for (let key in param_dw) {
+          //   url_dw = url_dw + key + "=" + param_dw[key] + "&";
+          // }
+          // url_dw = url_dw.substr(0, url_dw.length - 1);
+          // fetch(url_dw, {
+          //   method: "POST", // *GET, POST, PUT, DELETE, etc.
+          // })
+          //   .then((res) => {
+          //     var geojsonmap = res.json();
+          //     return geojsonmap;
+          //   })
+          //   .then((data) => {
+          //     if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {
+          //       //自然幢图层查询开始 ------------------start
+          //       var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";
+          //       zrzTc = new ol.layer.Image({
+          //         source: new ol.source.ImageWMS({
+          //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //           params: {
+          //             LAYERS: 'zjd_dc:t_house_survey_zrz',
+          //             TILED: true,
+          //             cql_filter: cql_filter_map,
+          //             SRID: 3857,
+          //             TIMESTAMP: new Date().getTime(),
+          //           },
+          //         }),
+          //       });
+          //       map.addLayer(zrzTc);
+          //       //自然幢图层查询开始 ------------------start
+          //       //附属设施图层查询开始 ------------------start
+          //       //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+          //       fsssTc = new ol.layer.Image({
+          //         source: new ol.source.ImageWMS({
+          //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //           params: {
+          //             LAYERS: 'zjd_dc:t_house_survey_fsss',
+          //             TILED: true,
+          //             cql_filter: cql_filter_map,
+          //             SRID: 3857,
+          //             TIMESTAMP: new Date().getTime(),
+          //           },
+          //         }),
+          //       });
+          //       map.addLayer(fsssTc);
+          //       //附属设施图层查询开始 ------------------end
+          //       hc_land_on = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),
+          //         }),
+          //         style: new ol.style.Style({
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#CCFF66",
+          //             width: 6,
+          //           }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land_on);
+          //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+          //       //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       that.clickBbox = center;
+          //       console.log(that.mapZjdData);
+          //       that.textMjAll = that.mapZjdData.zdmj;
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 17.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //       //this.backMap =1;
+          //     } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {
+          //       //that.newHt ="1";
+          //       var zbNew = JSON.stringify({
+          //         "type": "MultiPolygon",
+          //         "coordinates": [that.backTheGeom.replaceAll("\"", "")]
+          //       });
+          //       var leftJoin = zbNew.replace("\"[", "[");
+          //       var rightJoin = leftJoin.replace("\"]", "]");
+          //       hc_land_on = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + rightJoin + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "rgba(204, 255, 204,0.3)",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#CCFF66",
+          //             width: 3,
+          //           }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land_on);
+          //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+          //       //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       that.clickBbox = center;
+          //       that.textMjAll = that.mapZjdData.zdmj;
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 16.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //       //this.backMap =1;
+          //     } else {
+          //       //通过村界大小视图显示
+          //       // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+          //       // resolution:resolution + Math.random() * 0.00000001,
+          //       // map.getView().fit(data.bbox);
+          //       // map.getView().setResolution(resolution);
+          //       // //初始视图大小控制
+          //       // map.getView().setZoom(16.0);
+          //       console.log(data);
+          //       console.log(data.features[0].geometry.coordinates[0][0][0]);
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: data.features[0].geometry.coordinates[0][0][0], // 中心点
+          //         zoom: 16.9, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //         resolution: Math.random() * 0.00000001,
+          //       });
+          //     }
+          //   })
+          //   .catch((error) => {
+          //     console.log("【异常】", error);
+          //   });
+          map.addLayer(cunTc);
+          //村边界查询开始 ------------------------------end
+          //国有数据加载-----------------------------------start
+          deptGetId(that.$cookies.get("item").deptId).then((res) => {
+            var cql_filter_guoyou = "ZLDWDM='" + res.data.orgCode + "0000000'";
+            var guoyouTc = new ol.layer.Image({
+              source: new ol.source.ImageWMS({
+                url: that.mapGeoServerUrl + "/geoserver/zjd_gydl/wms",
+                params: {
+                  LAYERS: 'zjd_gydl:DLTB',
+                  TILED: true,
+                  cql_filter: cql_filter_guoyou,
+                  SRID: 3857,
+                  TIMESTAMP: new Date().getTime(),
+                },
+              }),
+            });
+            map.addLayer(guoyouTc);
+          });
+          //国有数据加载----------------------------------end
+          //宅基地图层查询开始 ------------------start
+          //var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'";
+          var zjdTc = new ol.layer.Image({
+            source: new ol.source.ImageWMS({
+              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+              params: {
+                LAYERS: 'zjd_dc:t_house_survey_zjdzd',
+                TILED: true,
+                cql_filter: cql_filter,
+                SRID: 3857,
+                TIMESTAMP: new Date().getTime(),
+              },
+            }),
+          });
+          //定位查询位置
+          let param_zjdzd = {
+            srsName: "EPSG:3857",
+            service: "WFS",
+            version: "1.0.0",
+            request: "GetFeature",
+            typename: "zjd_dc:t_house_survey_zjdzd",
+            //featureNS: 'nsgk_hc',//命名空间 URI
+            cql_filter: cql_filter,
+            //featurePrefix: 'nationalwater',//工作区名称
+            //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+            outputFormat: "application/json",
+            maxFeatures:1,
+            //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+          };
+          let url_zjdzd = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;
+          url_zjdzd = url_zjdzd + "?";
+          for (let key in param_zjdzd) {
+            url_zjdzd = url_zjdzd + key + "=" + param_zjdzd[key] + "&";
+          }
+          url_zjdzd = url_zjdzd.substr(0, url_zjdzd.length - 1);
+          fetch(url_zjdzd, {
+            method: "POST", // *GET, POST, PUT, DELETE, etc.
+          })
+            .then((res) => {
+              var geojsonmap = res.json();
+              return geojsonmap;
+            })
+            .then((data) => {
+              if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {
+                //自然幢图层查询开始 ------------------start
+                var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";
+                zrzTc = new ol.layer.Image({
+                  source: new ol.source.ImageWMS({
+                    url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                    params: {
+                      LAYERS: 'zjd_dc:t_house_survey_zrz',
+                      TILED: true,
+                      cql_filter: cql_filter_map,
+                      SRID: 3857,
+                      TIMESTAMP: new Date().getTime(),
+                    },
+                  }),
+                });
+                map.addLayer(zrzTc);
+                //自然幢图层查询开始 ------------------start
+                //附属设施图层查询开始 ------------------start
+                //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                fsssTc = new ol.layer.Image({
+                  source: new ol.source.ImageWMS({
+                    url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                    params: {
+                      LAYERS: 'zjd_dc:t_house_survey_fsss',
+                      TILED: true,
+                      cql_filter: cql_filter_map,
+                      SRID: 3857,
+                      TIMESTAMP: new Date().getTime(),
+                    },
+                  }),
+                });
+                map.addLayer(fsssTc);
+                //附属设施图层查询开始 ------------------end
+                hc_land_on = new ol.layer.Vector({
+                  title: "add Layer",
+                  source: new ol.source.Vector({
+                    projection: projection,
+                    features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),
+                  }),
+                  style: new ol.style.Style({
+                    stroke: new ol.style.Stroke({
+                      //边界样式
+                      color: "#CCFF66",
+                      width: 6,
+                    }),
+                  }),
+                });
+                map.addLayer(hc_land_on);
+                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                //定位查询位置
+                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                that.clickBbox = center;
+                console.log(that.mapZjdData);
+                that.textMjAll = that.mapZjdData.zdmj;
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: center, // 中心点
+                  zoom: 17.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+                //this.backMap =1;
+              } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {
+                //that.newHt ="1";
+                var zbNew = JSON.stringify({
+                  "type": "MultiPolygon",
+                  "coordinates": [that.backTheGeom.replaceAll("\"", "")]
+                });
+                var leftJoin = zbNew.replace("\"[", "[");
+                var rightJoin = leftJoin.replace("\"]", "]");
+                hc_land_on = new ol.layer.Vector({
+                  title: "add Layer",
+                  source: new ol.source.Vector({
+                    projection: projection,
+                    features: new ol.format.GeoJSON().readFeatures("{\n" +
+                      "    \"type\": \"Feature\",\n" +
+                      "    \"geometry\":" + rightJoin + "}"),
+                  }),
+                  style: new ol.style.Style({
+                    fill: new ol.style.Fill({
+                      //矢量图层填充颜色，以及透明度
+                      color: "rgba(204, 255, 204,0.3)",
+                    }),
+                    stroke: new ol.style.Stroke({
+                      //边界样式
+                      color: "#CCFF66",
+                      width: 3,
+                    }),
+                  }),
+                });
+                map.addLayer(hc_land_on);
+                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                //定位查询位置
+                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                that.clickBbox = center;
+                that.textMjAll = that.mapZjdData.zdmj;
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: center, // 中心点
+                  zoom: 16.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+                //this.backMap =1;
+              } else {
+                //通过村界大小视图显示
+                // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+                // resolution:resolution + Math.random() * 0.00000001,
+                // map.getView().fit(data.bbox);
+                // map.getView().setResolution(resolution);
+                // //初始视图大小控制
+                // map.getView().setZoom(16.0);
+                map.getView().animate({
+                  // 只设置需要的属性即可
+                  center: data.features[0].geometry.coordinates[0][0][0], // 中心点
+                  zoom: 15.9, // 缩放级别
+                  rotation: undefined, // 缩放完成view视图旋转弧度
+                  duration: 1000, // 缩放持续时间，默认不需要设置
+                  resolution: Math.random() * 0.00000001,
+                });
+              }
+            })
+            .catch((error) => {
+              console.log("【异常】", error);
+            });
+          map.addLayer(zjdTc);
+          //宅基地图层查询开始 ------------------start
+          var zrzTc;
+          // //自然幢图层查询开始 ------------------start
+          // var zrzTc = new ol.layer.Image({
+          //   source: new ol.source.ImageWMS({
+          //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_zrz',
+          //       TILED: true,
+          //       cql_filter: cql_filter,
+          //       SRID: 3857,
+          //       TIMESTAMP: new Date().getTime(),
+          //     },
+          //   }),
+          // });
+          // map.addLayer(zrzTc);
+          // //自然幢图层查询开始 ------------------start
+          //
+          var fsssTc;
+          // //附属设施图层查询开始 ------------------start
+          // var fsssTc = new ol.layer.Image({
+          //   source: new ol.source.ImageWMS({
+          //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+          //     params: {
+          //       LAYERS: 'zjd_dc:t_house_survey_fsss',
+          //       TILED: true,
+          //       cql_filter: cql_filter,
+          //       SRID: 3857,
+          //       TIMESTAMP: new Date().getTime(),
+          //     },
+          //   }),
+          // });
+          // map.addLayer(fsssTc);
+          // //附属设施图层查询开始 ------------------start
+          //使用geoserver服务查询开始 -------------------end
+        //   if(this.backMap ==1){
+        //   var cql = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + this.mapZjdTeAll.mapZjdAData.zjddm + "'";
+        //   var wmsSourceBack = new ol.source.ImageWMS({
+        //     crossOrigin: 'anonymous',
+        //     params: {
+        //       LAYERS: 'zjd_dc:t_house_survey_all',
+        //       'VERSION': '1.1.0',
+        //       'FORMAT': "image/png",
+        //       'CQL_FILTER': cql
+        //     },
+        //     serverType: 'geoserver',
+        //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+        //   });
+        //   zjdTc.setSource(wmsSourceBack);
+        //   ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新
+        // }
+          //数据库直接加载数据渲染方式---------------------------------------------------start
+          //判断当前账套是否有数据
+          // var mapTalkAbout = true;
+          // //获取镇界线----start
+          // if(this.mapTownList.length >0){
+          //   for (var i = 0; this.mapTownList.length > i; i++) {
+          //     if (this.mapTownList[i] != null && this.mapTownList[i].theGeom != null && this.mapTownList[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapTownList[i].createBy = 'mapTownList';
+          //       var theGeomLine= this.mapTownList[i].theGeom.replaceAll("MultiPolygon","LineString");
+          //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");
+          //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapTownList[i]) + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#FF0000",
+          //             width: 3,
+          //           }),
+          //           // text: new ol.style.Text({
+          //           //   text: this.mapTownList[i].xzqmc,
+          //           //   font: '30px sans-serif',
+          //           //   textAlign: "center",
+          //           //   textBaseline: "middle",
+          //           //   //font: 'verdana',
+          //           //   fill: new ol.style.Fill({
+          //           //     color: "#ff0000"
+          //           //   }),
+          //           //   // backgroundFill: new ol.style.Fill({
+          //           //   //   color: "#ff0000"
+          //           //   // }),
+          //           //   font: "30px sans-serif",
+          //           //   stroke: new ol.style.Stroke({
+          //           //     color: "#ffffff"
+          //           //     // width: 3
+          //           //   }),
+          //           //   offsetX: parseInt(0, 10),
+          //           //   offsetY: parseInt(0, 10),
+          //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注
+          //           //   overflow: false //超出面的部分不显示
+          //           //}),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land);
+          //       //console.log(hc_land.values_.source.featuresRtree_.rbush_.data);
+          //       var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+          //       var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+          //       // //定位查询位置
+          //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       // console.log(center);
+          //       map.getView().animate({
+          //         // 只设置需要的属性即可
+          //         center: center, // 中心点
+          //         zoom: 9.8, // 缩放级别
+          //         rotation: undefined, // 缩放完成view视图旋转弧度
+          //         duration: 1000, // 缩放持续时间，默认不需要设置
+          //       });
+          //     }
+          //   }
+          // }
+          // //获取镇界线----end
+          // //获取村界线----start
+          // if(this.mapVillageList.length >0){
+          //   for (var i = 0; this.mapVillageList.length > i; i++) {
+          //     if (this.mapVillageList[i] != null && this.mapVillageList[i].theGeom != null && this.mapVillageList[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapVillageList[i].createBy = 'mapVillageList';
+          //       var theGeomLine= this.mapVillageList[i].theGeom.replaceAll("MultiPolygon","LineString");
+          //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");
+          //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapVillageList[i]) + "}"),
+          //         }),
+          //         style: new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#ff00ff",
+          //             width: 3,
+          //           }),
+          //           // text: new ol.style.Text({
+          //           //   text: this.mapVillageList[i].dcmj,
+          //           //   font: '30px sans-serif',
+          //           //   textAlign: "center",
+          //           //   textBaseline: "middle",
+          //           //   //font: 'verdana',
+          //           //   fill: new ol.style.Fill({
+          //           //     color: "#ff00ff"
+          //           //   }),
+          //           //   // backgroundFill: new ol.style.Fill({
+          //           //   //   color: "#ff0000"
+          //           //   // }),
+          //           //   font: "30px sans-serif",
+          //           //   stroke: new ol.style.Stroke({
+          //           //     color: "#ffffff"
+          //           //     // width: 3
+          //           //   }),
+          //           //   offsetX: parseInt(0, 10),
+          //           //   offsetY: parseInt(0, 10),
+          //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注
+          //           //   overflow: false //超出面的部分不显示
+          //           // }),
+          //         }),
+          //       });
+          //       map.addLayer(hc_land);
+          //     }
+          //   }
+          // }
+          // // //获取村界线----end
+          // //宅基地定位开始 ---------start
+          // if(this.mapTheGeomZjdId.length >0) {
+          //   for (var i = 0; this.mapTheGeomZjdId.length > i; i++) {
+          //     if (this.mapTheGeomZjdId[i] !=null && this.mapTheGeomZjdId[i].theGeom != null && this.mapTheGeomZjdId[i].theGeom != "") {
+          //       mapTalkAbout =false;
+          //       this.mapTheGeomZjdId[i].createBy = 'mapTheGeomZjdId';
+          //       var styleYqr = "";
+          //       if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //         styleYqr = new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "#28FF28",
+          //             width: 3,
+          //           }),
+          //         });
+          //       } else {
+          //         styleYqr = new ol.style.Style({
+          //           fill: new ol.style.Fill({
+          //             //矢量图层填充颜色，以及透明度
+          //             color: "#AE57A4",
+          //           }),
+          //           stroke: new ol.style.Stroke({
+          //             //边界样式
+          //             color: "rgba(255, 45, 45,1)",
+          //             width: 3,
+          //           }),
+          //         });
+          //       }
+          //       hc_land = new ol.layer.Vector({
+          //         title: "add Layer",
+          //         source: new ol.source.Vector({
+          //           projection: projection,
+          //           features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //             "    \"type\": \"Feature\",\n" +
+          //             "    \"geometry\":" + this.mapTheGeomZjdId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZjdId[i]) + "}"),
+          //         }),
+          //         style: styleYqr
+          //       });
+          //       map.addLayer(hc_land);
+          //       // var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+          //       // var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+          //       // var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+          //       // var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+          //       // //定位查询位置
+          //       // var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+          //       // map.getView().animate({
+          //       //   // 只设置需要的属性即可
+          //       //   center: center, // 中心点
+          //       //   zoom: 15.8, // 缩放级别
+          //       //   rotation: undefined, // 缩放完成view视图旋转弧度
+          //       //   duration: 1000, // 缩放持续时间，默认不需要设置
+          //       // });
+          //       //自然幢定位开始 ---------start
+          //       getZrzZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomZrzId = response.data;
+          //           if(this.mapTheGeomZrzId.length >0) {
+          //             for (var i = 0; this.mapTheGeomZrzId.length > i; i++) {
+          //               if (this.mapTheGeomZrzId[i] !=null && this.mapTheGeomZrzId[i].theGeom != null && this.mapTheGeomZrzId[i].theGeom != "") {
+          //                 this.mapTheGeomZrzId[i].createBy = 'mapTheGeomZrzId';
+          //                 var styleZrz = "";
+          //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //                   styleZrz = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#FFD306",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "#28FF28",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 } else {
+          //                   styleZrz = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#FFD306",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "rgba(255, 45, 45,1)",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 }
+          //                 hc_land = new ol.layer.Vector({
+          //                   title: "add Layer",
+          //                   source: new ol.source.Vector({
+          //                     projection: projection,
+          //                     features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //                       "    \"type\": \"Feature\",\n" +
+          //                       "    \"geometry\":" + this.mapTheGeomZrzId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZrzId[i]) + "}"),
+          //                   }),
+          //                   style: styleZrz
+          //                 });
+          //                 map.addLayer(hc_land);
+          //               }
+          //             }
+          //           }
+          //         }
+          //       });
+          //       //自然幢定位结束 ---------end
+          //
+          //       //附属设施定位开始 ---------start
+          //       getFsssZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {
+          //         if (response.code == 200) {
+          //           this.mapTheGeomFsssId = response.data;
+          //           if(this.mapTheGeomFsssId.length >0) {
+          //             for (var i = 0; this.mapTheGeomFsssId.length > i; i++) {
+          //               if (this.mapTheGeomFsssId[i] !=null && this.mapTheGeomFsssId[i].theGeom != null && this.mapTheGeomFsssId[i].theGeom != "") {
+          //                 this.mapTheGeomFsssId[i].createBy = 'mapTheGeomFsssId';
+          //                 var styleFsss = "";
+          //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
+          //                   styleFsss = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#00FFFF",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "#28FF28",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 } else {
+          //                   styleFsss = new ol.style.Style({
+          //                     fill: new ol.style.Fill({
+          //                       //矢量图层填充颜色，以及透明度
+          //                       color: "#00FFFF",
+          //                     }),
+          //                     stroke: new ol.style.Stroke({
+          //                       //边界样式
+          //                       color: "rgba(255, 45, 45,1)",
+          //                       width: 3,
+          //                     }),
+          //                   });
+          //                 }
+          //                 hc_land = new ol.layer.Vector({
+          //                   title: "add Layer",
+          //                   source: new ol.source.Vector({
+          //                     projection: projection,
+          //                     features: new ol.format.GeoJSON().readFeatures("{\n" +
+          //                       "    \"type\": \"Feature\",\n" +
+          //                       "    \"geometry\":" + this.mapTheGeomFsssId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomFsssId[i]) + "}"),
+          //                   }),
+          //                   style: styleFsss
+          //                 });
+          //                 map.addLayer(hc_land);
+          //               }
+          //             }
+          //           }
+          //         }
+          //       });
+          //       //附属设施定位结束 ---------end
+          //     }
+          //   }
+          // }
+          // //宅基地定位结束 ---------end
+          //数据库直接加载数据渲染方式---------------------------------------------------end
+
+          //地图操作定义------------start
+          //定位定义------------start
+          var Zb;
+          var latitude;
+          var longitude;
+          var vector_drawing;
+          //定位定义------------end
+
+          //绘图定义---------------start
+          var drawing;
+          var draw_map;
+          //绘图定义---------------end
+
+          //测面绘图定义------------start
+          var draw_cm;
+          //定义矢量图层
+          var vector;
+          //创建一个帮助提示信息对象
+          var helpTooltip;
+          //创建一个测量提示信息对象
+          var measureTooltip;
+          //创建一个帮助提示框对象
+          var helpTooltipElement;
+          //测出距离
+          var measureTooltipElement;
+          //测面绘图定义-----------end
+
+          //地图操作定义------------end
+          //定位当前位置 ------start
+          $("#dwMapAll").on("click", function () {
+            //删除测量记录操作--------start
+            //将矢量图层从图中删除
+            //map.removeLayer(helpTooltip);
+            map.removeLayer(vector);
+            map.removeInteraction(draw_cm);
+            //map.removeOverlay(helpTooltipElement);
+            //map.removeLayer(measureTooltip);
+            //删除测量记录操作--------end
+            //删除绘制图层画图操作-------start
+            map.removeInteraction(draw_map);
+            map.removeLayer(drawing);
+            //删除绘制图层画图操作-------end
+
+            //开始定位当前位置
+            navigator.geolocation.getCurrentPosition(function(position) {
+              latitude = position.coords.latitude;// 获取纬度
+              longitude = position.coords.longitude;// 获取经度
+            });
+            if(latitude !=null && longitude !=null && latitude !="" && longitude !="" && latitude !=undefined && longitude !=undefined ){
+              Zb = [longitude,latitude];
+            }else {
+              Zb =[115.452752, 31.789033];
+            }
+            //获取坐标点LocationManager
+            // geoGps().then(response => {
+            //
+            // });
+            //矢量标注样式设置函数，设置image为图标ol.style.Icon
+            function createLabelStyle() {
+              return new ol.style.Style({
+                image: new ol.style.Icon({
+                  //设置图标偏移
+                  anchor: [0.5, 1],
+                  //标注样式的起点位置
+                  anchorOrigin: "top-right",
+                  //X方向单位：分数
+                  anchorXUnits: "fraction",
+                  //Y方向单位：像素
+                  anchorYUnits: "pixels",
+                  //偏移起点位置的方向
+                  offsetOrigin: "top-right",
+                  //透明度
+                  opacity: 0.9,
+                  //图片路径
+                  src: require("../../assets/images/housesteadSurvey/mark.png"),
+                }),
+                text: new ol.style.Text({
+                  textAlign: "center", //位置
+                  textBaseline: "middle", //基准线
+                  font: "normal 12px 微软雅黑", //文字样式
+                  //text: "标注点", //文本内容
+                  fill: new ol.style.Fill({
+                    //文本填充样式（即文字颜色)
+                    color: "#ff0000",
+                  }),
+                }),
+                zIndex: 9999,
+              });
+            }
+            var newcenterFeature = new ol.Feature({
+              geometry: new ol.geom.Point(ol.proj.fromLonLat(Zb)), //几何信息
+              name: "标注点",
+            });
+            var sourceMapLook = new ol.source.Vector({wrapX: false});
+            vector_drawing = new ol.layer.Vector({
+              source: sourceMapLook,
+            });
+            map.addLayer(vector_drawing);
+            newcenterFeature.setStyle(createLabelStyle()); //设置要素样式
+            sourceMapLook.addFeature(newcenterFeature);
+            map.getView().animate({
+              // 只设置需要的属性即可
+              center: ol.proj.fromLonLat(Zb), // 中心点
+              zoom: 17.8, // 缩放级别
+              rotation: undefined, // 缩放完成view视图旋转弧度
+              duration: 1000, // 缩放持续时间，默认不需要设置
+              resolution:Math.random() * 0.00000001,
+            });
+          });
+          //定位当前位置 ------end
+
+          //开始绘制图层- -----start
+          $("#htMapAll").on("click", function () {
+            if(that.drawingClick) {
+              that.drawingClick=false;
+              //删除之前 测距操作添加map中的绘图  --------start
+              //map.removeLayer(helpTooltip);
+              map.removeLayer(vector);
+              map.removeInteraction(draw_cm);
+              //map.removeOverlay(helpTooltipElement);
+              map.removeLayer(measureTooltipElement);
+              //删除之前 测距操作添加map中的绘图  --------end
+
+              //删除之前画图图层,重新绘制图层
+              map.removeInteraction(draw_map);
+              map.removeLayer(drawing);
+              //var source = new ol.source.Vector({wrapX: false});
+              drawing = new ol.layer.Vector({
+                source: new ol.source.Vector(),
+              });
+              map.addLayer(drawing);
+
+              function addInteraction() {
+                draw_map = new ol.interaction.Draw({
+                  source: drawing.getSource(),
+                  type: "Polygon",
+                });
+                draw_map.on("drawend", function (evt) {
+                  var feature = evt.feature;
+                  var geometry = feature.getGeometry();
+                  that.coordinate = geometry.getCoordinates();
+                  //_this.coordinateList = coordinate.toString();
+                  //提示当前坐标是否绘制完成
+                  if (that.coordinate != "" && that.coordinate != null) {
+                    that.showhzht = true;
+                    that.htZjdZrzFsss = JSON.stringify(that.coordinate);
+                    console.log(that.mapZjdData);
+                    // htMapAllFu();
+                  } else {
+                    $("#htMapAll").trigger("click");
+                  }
+                });
+                map.addInteraction(draw_map);
+              }
+
+              function htMapAllFu() {
+                //that.drawMapPolygonFun();
+                //绘制多边形地图
+                that.$dialog
+                  .confirm({
+                    title: "提示",
+                    message: "是否重新绘制画图",
+                  })
+                  .then(() => {
+                    //$("#drawRemove").trigger("click");
+                    map.removeInteraction(draw_map);
+                    that.coordinate = "";
+                  })
+                  .catch(() => {
+                    //删除画图点
+                    map.removeInteraction(draw_map);
+                  });
+              }
+
+              addInteraction();
+            } else {
+              that.drawingClick=true;
+              //删除之前 测距操作添加map中的绘图  --------start
+              //map.removeLayer(helpTooltip);
+              map.removeLayer(vector);
+              map.removeInteraction(draw_cm);
+              //map.removeOverlay(helpTooltipElement);
+              map.removeLayer(measureTooltipElement);
+              //删除之前 测距操作添加map中的绘图  --------end
+
+              //删除之前画图图层,重新绘制图层
+              map.removeInteraction(draw_map);
+              map.removeLayer(drawing);
+              //var source = new ol.source.Vector({wrapX: false});
+            }
+          });
+          //删除之前绘制图层
+          $("#deleteHistory").on("click", function () {
+            map.removeLayer(drawing);
+            that.showhzht = false;
+          });
+          //开始绘制图层- -----end
+
+          //切换功能删除之前选中状态
+          $("#deleteHistoryMap").on("click", function () {
+            map.removeLayer(hc_land_on);
+            that.mapZjdData = "";
+            that.mapZrzData = "";
+            that.mapFsssData = "";
+            //that.mapZjdTeAll.active ="1";
+            that.mapZjdTeAll.mapZjdAData = {};
+            that.mapZjdTeAll.mapZrzAData = {};
+            that.mapZjdTeAll.mapFsssAData = {};
+            that.mapZjdDataTure = "";
+          });
+          //清除画图鼠标点击事件
+          // $("#drawRemove").click(function () {
+          //   map.removeLayer(drawing);
+          // });
+          //
+
+          //地图定义
+          var delete_map = ["mapZjd", "mapZrz","mapFsss"];
+          var hc_land_queryList =[];
+          var texiao_layer_zjd;
+          var texiao_layer_zrz;
+          var texiao_layer_fsss;
+          //按照查询条件人名  定位地图-----------------start
+          $("#query").on("click", function () {
+            //数据库查询数据------------------------------------------------------start
+            $("#deleteHistoryMap").trigger("click");
+            var val = that.seachText;
+            //删除之前查询图层
+            for(var i=0;hc_land_queryList.length>i;i++){
+              map.removeLayer(hc_land_queryList[i]);
+            }
+            hc_land_queryList = [];
+            that.mapDataAll =[];
+            if (val == "") {
+                that.$toast('请填写查询条件再查询');
+              } else {
+              var styleZjd = new ol.style.Style({
+                stroke: new ol.style.Stroke({
+                  //边界样式
+                  color: "#CCFF66",
+                  width: 6,
+                }),
+              });
+              let params;
+              if(that.mapAddJumpNum == 1){
+                params = {
+                  "deptId" : that.mapAddJump,
+                  "syqr" : val
+                }
+              } else {
+                params = {
+                  "deptId" : that.$cookies.get("item").deptId,
+                  "syqr" : val
+                }
+              }
+              listZjdzd(params).then((response) => {
+                if(response.rows.length != 0){
+                  that.mapDataAll = response.rows;
+                  for(var hg=0; hg < that.mapDataAll.length; hg++){
+                    var mapNum = that.mapDataAll[hg].houseDataConfirmStatus;
+                    if(mapNum == "UNCONFIRMED"){
+                      that.mapDataAll[hg].paceType = "未核查";
+                    } else if (mapNum == "CONFIRMED"){
+                      that.mapDataAll[hg].paceType = "已核查";
+                    }else{
+
+                    }
+                    that.mapDataAll[hg].typeTc="宅基地";
+                    if (that.mapDataAll[hg] !=null && that.mapDataAll[hg].theGeom != null && that.mapDataAll[hg].theGeom != "") {
+                      that.mapDataAll[hg].createBy = 'mapTheGeomZjdId';
+                      hc_land_queryList[hg] =new ol.layer.Vector({
+                          title: "add Layer",
+                          source: new ol.source.Vector({
+                            projection: projection,
+                            features: new ol.format.GeoJSON().readFeatures("{\n" +
+                              "    \"type\": \"Feature\",\n" +
+                              "    \"geometry\":" + that.mapDataAll[hg].theGeom + ",    \"properties\":" + JSON.stringify(that.mapDataAll[hg]) + "}"),
+                          }),
+                          style: styleZjd
+                        });
+                      map.addLayer(hc_land_queryList[hg]);
+                      var maxXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxX;
+                      var maxYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxY;
+                      var minXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minX;
+                      var minYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minY;
+                      //定位查询位置
+                      var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                      map.getView().animate({
+                        // 只设置需要的属性即可
+                        center: center, // 中心点
+                        zoom: 15.8, // 缩放级别
+                        rotation: undefined, // 缩放完成view视图旋转弧度
+                        duration: 1000, // 缩放持续时间，默认不需要设置
+                        resolution:Math.random() * 0.00000001,
+                      });
+                    }
+                    // listFsss(paramsZrz).then((response) => {
+                    //   that.mapDataAll.push(response.rows);
+                    // });
+                  }
+                  // for(var queryFor=0; hc_land_queryList > queryFor; queryFor++ ){
+                  //   map.addLayer(hc_land_queryList[queryFor]);
+                  // }
+                  // var mapZrzFor = that.mapDataAll[0].length+1;
+                  // console.log(mapZrzFor);
+                  // for(var mapFor=0;mapZrzFor>mapFor;mapFor++){
+                  //   //查询自然幢
+                  //   let paramsZrz = {
+                  //     "deptId" : that.$cookies.get("item").deptId,
+                  //     "zjddm" : that.mapDataAll[0][mapFor].zjddm,
+                  //     "pageSize":20,
+                  //   }
+                  //   listZrz(paramsZrz).then((response) => {
+                  //     console.log(response);
+                  //     that.mapDataAll[0].
+                  //     that.mapDataAll[0].push(response.rows);
+                  //   });
+                  // }
+                  setTimeout(function () {
+                    that.showSearch = true ;
+                    $('.searchBox').css('display','block')
+                    var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+                    document.styleSheets[0].insertRule(
+                      "@keyframes test" +
+                      "{" +
+                      "0%{bottom: -" + height + "px;}" +
+                      "100%{bottom: 0px;}" +
+                      "}"
+                    )
+                    $('.searchBar_wrap').css({'animation':'test 0.5s ease-in-out 0s 1 alternate forwards','-webkit-animation':'test 0.5s ease-in-out 0s 1 alternate forwards'});
+                  //}
+                  },500);
+                } else {
+                  that.$toast("暂无数据")
+                }
+              });
+
+            }
+            //数据库查询数据------------------------------------------------------end
+            //地图查询------------------------------------------------------------start
+            /**
+             * @api wfs服务空间查询
+             * @param {*} wfsurl
+             * @param {*} srsName
+             * @param {*} typeName
+             * @param {*} drawType
+             * @param {option 可选} geometryField
+             */
+            // var val = that.seachText;
+            // if (val == "") {
+            //   that.$toast('请填写查询条件再查询');
+            // } else {
+            //   //清除之前查询数据
+            //   that.mapDataAll =[];
+            //   //分类查询查询农地、农房
+            //   var difang;
+            //   //查询条件
+            //   var cql_filter_cun;
+            //   var cun = that.$cookies.get("item").deptId;
+            //   difang = ["zjd_dc:t_house_survey_zjdzd", "zjd_dc:t_house_survey_zrz","zjd_dc:t_house_survey_fsss"];
+            //   var tach = 0;
+            //   var once = 0;
+            //   for (var i = 0; i < difang.length; i++) {
+            //     map.removeLayer(delete_map[i]);
+            //     // 数字验证！
+            //     var reg = /\d/;
+            //     //验证汉子
+            //     //var han = /^[\u4e00-\u9fa5]+$/;
+            //     if (reg.test(val)) {
+            //       //循环判断查询条件
+            //       cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //     } else {
+            //       //循环判断查询条件
+            //       if (difang[i] == "zjd_dc:t_house_survey_zjdzd") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       } else if(difang[i] == "zjd_dc:t_house_survey_zrz") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       } else if(difang[i] == "zjd_dc:t_house_survey_fsss") {
+            //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";
+            //       }
+            //     }
+            //     //for(var i=0; i< difang.length; i++){
+            //     //cql_filter = "CM='"+cun +"'"+ "and XZQK='待流转待盘活'";
+            //
+            //     //图层加载
+            //
+            //     //业务图层  wms服务
+            //     delete_map[i] = new ol.layer.Tile({
+            //       source: new ol.source.TileWMS({
+            //         url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            //         params: {
+            //           LAYERS: difang[i],
+            //           //'LAYERS': 'new_shp:new_shp_all',
+            //           TILED: true,
+            //           cql_filter: cql_filter_cun,
+            //           SRID: 3857,
+            //         },
+            //       }),
+            //     });
+            //
+            //     //}
+            //     //定位查询位置
+            //     let param_dw = {
+            //       srsName: "EPSG:3857",
+            //       service: "WFS",
+            //       version: "1.0.0",
+            //       request: "GetFeature",
+            //       typename: difang[i],
+            //       //featureNS: 'nsgk_hc',//命名空间 URI
+            //       cql_filter: cql_filter_cun,
+            //       //featurePrefix: 'nationalwater',//工作区名称
+            //       //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+            //       outputFormat: "application/json",
+            //       //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+            //     };
+            //     let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;
+            //     url_dw = url_dw + "?";
+            //     for (let key in param_dw) {
+            //       url_dw = url_dw + key + "=" + param_dw[key] + "&";
+            //     }
+            //     url_dw = url_dw.substr(0, url_dw.length - 1);
+            //     fetch(url_dw, {
+            //       method: "POST", // *GET, POST, PUT, DELETE, etc.
+            //     })
+            //       .then((res) => {
+            //         var geojsonmap = res.json();
+            //         return geojsonmap;
+            //       })
+            //       .then((data) => {
+            //         tach = tach + 1;
+            //         if (data.features != null && data.features != "") {
+            //           for(var i=0; data.features.length >i; i++) {
+            //             //特效动画实现 -----------------------------start
+            //             console.log(tach,"++++++++++++++++++",once)
+            //             var datamap = data.features[0].bbox;
+            //             if (tach == 1 && once == 0) {
+            //               console.log("zrz")
+            //               texiao_layer_zjd = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_zjd);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_zjd.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             } else if(tach == 2) {
+            //               console.log("zrz")
+            //               texiao_layer_zrz = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_zrz);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_zrz.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             } else {
+            //               console.log("fsss")
+            //               texiao_layer_fsss = new ol.layer.Vector({
+            //                 source: new ol.source.Vector(),
+            //               });
+            //               map.addLayer(texiao_layer_fsss);
+            //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置
+            //               var circle = new ol.Feature({
+            //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标
+            //               });
+            //
+            //               circle.setStyle(
+            //                 new ol.style.Style({
+            //                   image: new ol.style.Circle({
+            //                     radius: 0,
+            //                     stroke: new ol.style.Stroke({
+            //                       color: "yellow",
+            //                       size: 1,
+            //                     }),
+            //                   }),
+            //                 })
+            //               );
+            //               texiao_layer_fsss.getSource().addFeature(circle);
+            //
+            //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式
+            //               var radius = 0;
+            //               map.on("postcompose", function () {
+            //                 // 增大半径，最大20
+            //                 radius++;
+            //                 radius = radius % 10;
+            //                 // 设置样式
+            //                 circle.setStyle(
+            //                   new ol.style.Style({
+            //                     image: new ol.style.Circle({
+            //                       radius: radius,
+            //                       stroke: new ol.style.Stroke({
+            //                         color: "yellow",
+            //                         size: 1,
+            //                       }),
+            //                     }),
+            //                   })
+            //                 );
+            //               });
+            //             }
+            //             //特效动画实现 -----------------------------end
+            //             that.mapDataAll.push(JSON.parse(JSON.stringify(data.features[i].properties)));
+            //           }
+            //           //定位实现
+            //           let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());
+            //           map.getView().fit(data.bbox);
+            //           map.getView().setResolution(resolution);
+            //           console.log(that.mapDataAll);
+            //         } else if (tach == 1) {
+            //           once = once + 1;
+            //         } else {
+            //           if (once == 1 && tach == 3) {
+            //             that.$toast("没有找到相关人员信息");
+            //             //that.showSearch = false ;
+            //           }else {
+            //
+            //           }
+            //         }
+            //       })
+            //       .catch((error) => {
+            //         console.log("【异常】", error);
+            //       });
+            //     map.addLayer(delete_map[i]);
+            //   }
+            //地图查询------------------------------------------------------------end
+          });
+          //按照查询  定位地图-----------------end
+
+          //筛选附属设施-----------------------------------start
+          $("#fsssSx").click(function () {
+            if(!that.fsssSx){
+              map.addLayer(fsssTc);
+            }else {
+              map.removeLayer(fsssTc);
+            }
+          });
+          $("#zrzSx").click(function () {
+            if(!that.zrzSx){
+              map.addLayer(zrzTc);
+            }else {
+              map.removeLayer(zrzTc);
+            }
+          });
+          $("#zjdSx").click(function () {
+            if(!that.zjdSx){
+              map.addLayer(zjdTc);
+            }else {
+              map.removeLayer(zjdTc);
+            }
+          });
+          $("#checkAll").click(function () {
+            if(!that.fsssSx && !that.zjdSx && !that.zrzSx){
+              map.addLayer(zjdTc);
+              map.addLayer(zrzTc);
+              map.addLayer(fsssTc);
+            }else {
+              map.removeLayer(zrzTc);
+              map.removeLayer(zjdTc);
+              map.removeLayer(fsssTc);
+            }
+          });
+          //筛选附属设施-----------------------------------end
+          // //获取类型开始  侧面-----------------------------------------------------------------start
+          //样式加载定义
+          var vector_drawing_delete;
+          $("#area").click(function () {
+            console.log(that.textMjAll);
+            console.log(that.clickBbox);
+            if(that.textMjAll ==null || that.textMjAll ==""){
+              that.textMjAll =0;
+            }
+            if((that.textMjAll != "" && that.clickBbox !="") || (that.textMjAll == 0 && that.clickBbox !="")){
+              map.removeLayer(vector_drawing_delete);
+              function createLabelStyle() {
+                return new ol.style.Style({
+                  text: new ol.style.Text({
+                    text: that.textMjAll+"㎡",
+                    textAlign: "center", //位置
+                    textBaseline: "middle", //基准线
+                    font: "normal 12px 微软雅黑", //文字样式
+                    //text: "标注点", //文本内容
+                    fill: new ol.style.Fill({
+                      //文本填充样式（即文字颜色)
+                      color: "#FFFFFF",
+                      width: 10,
+                    }),
+                    overflow: false //超出面的部分不显示
+                  }),
+                  zIndex: 9999,
+                });
+              }
+              var newcenterFeature = new ol.Feature({
+                geometry: new ol.geom.Point(that.clickBbox), //几何信息
+                //name: "标注点",
+              });
+              var sourceMapLook = new ol.source.Vector({wrapX: false});
+              vector_drawing_delete = new ol.layer.Vector({
+                source: sourceMapLook,
+              });
+              map.addLayer(vector_drawing_delete);
+              newcenterFeature.setStyle(createLabelStyle()); //设置要素样式
+              sourceMapLook.addFeature(newcenterFeature);
+              //map.addLayer(styleFsss);
+            } else if(that.textMjAllNum == "1"){
+              that.$toast("该图层面积暂无信息");
+            } else {
+              that.$toast("选择图层进行面积显示");
+            }
+          });
+          // $("#area").click(function () {
+          //   console.log("进入测面")
+          //   //删除绘制图层画图操作-------start
+          //   map.removeInteraction(draw_map);
+          //   map.removeLayer(drawing);
+          //   //删除绘制图层画图操作-------end
+          //   //开始绘制 测面--------------------------------------------------------------start
+          //   //定义矢量数据源
+          //   var source = new ol.source.Vector();
+          //
+          //   vector = new ol.layer.Vector({
+          //     source: source,
+          //     style: new ol.style.Style({
+          //       fill: new ol.style.Fill({
+          //         color: "rgba(255,255,255,0.2)",
+          //       }),
+          //       stroke: new ol.style.Stroke({
+          //         color: "#e21e0a",
+          //         width: 2,
+          //       }),
+          //       //image: new ol.style.Circle({
+          //       // radius: 7,
+          //       // fill: new ol.style.Fill({
+          //       //  color:'#ffcc33'
+          //       // })
+          //       //})
+          //     }),
+          //   });
+          //
+          //   //将矢量图层添加到地图中   线的颜色加入map中
+          //   map.addLayer(vector);
+          //
+          //   var sketch;
+          //
+          //   var continuePolygonMsg = "单击以继续绘制多边形";
+          //
+          //   /**
+          //    * Message to show when the user is drawing a line.
+          //    * @type {string}
+          //    */
+          //     //var continueLineMsg = '单击继续绘制直线';
+          //
+          //     //鼠标移动触发的函数
+          //   var pointerMoveHandler = function (evt) {
+          //       //Indicates if the map is currently being dragged.
+          //       //Only set for POINTERDRAG and POINTERMOVE events. Default is false.
+          //       //如果是平移地图则直接结束
+          //       if (evt.dragging) {
+          //         return;
+          //       }
+          //       //帮助提示信息
+          //       var helpMsg = "单击开始绘图";
+          //
+          //       if (sketch) {
+          //         //Get the feature's default geometry.
+          //         //A feature may have any number of named geometries.
+          //         //获取绘图对象的几何要素
+          //         var geom = sketch.getGeometry();
+          //         //如果当前绘制的几何要素是多边形，则将绘制提示信息设置为多边形绘制提示信息
+          //         //如果当前绘制的几何要素是多线段，则将绘制提示信息设置为多线段绘制提示信息
+          //         helpMsg = continuePolygonMsg;
+          //       }
+          //       //设置帮助提示要素的内标签为帮助提示信息
+          //       helpTooltipElement.innerHTML = helpMsg;
+          //       //设置帮助提示信息的位置
+          //       //The coordinate in view projection corresponding to the original browser event.
+          //       helpTooltip.setPosition(evt.coordinate);
+          //       //移除帮助提示要素的隐藏样式
+          //       $(helpTooltipElement).removeClass("hidden");
+          //     };
+          //
+          //   map.on("pointermove", pointerMoveHandler);
+          //
+          //   map.getViewport().addEventListener("mouseout", function () {
+          //     helpTooltipElement.classList.add("hidden");
+          //   });
+          //
+          //   //添加交互式绘图对象的函数
+          //   function addInteraction() {
+          //     // 获取当前选择的绘制类型
+          //     //var type = typeSelect.value == 'length' ? 'Polygon' : 'LineString';
+          //     //创建一个交互式绘图对象
+          //     var type = "Polygon";
+          //     draw_cm = new ol.interaction.Draw({
+          //       //绘制的数据源
+          //       source: source,
+          //       //绘制类型
+          //       type: type,
+          //       //样式
+          //       style: new ol.style.Style({
+          //         fill: new ol.style.Fill({
+          //           color: "rgba(255,255,255,0.2)",
+          //         }),
+          //         stroke: new ol.style.Stroke({
+          //           color: "rgba(0,0,0,0.5)",
+          //           lineDash: [10, 10],
+          //           width: 2,
+          //         }),
+          //         //  image: new ol.style.Circle({
+          //         //   radius: 5,
+          //         //   stroke: new ol.style.Stroke({
+          //         //	color:'rgba(0,0,0,0.7)'
+          //         // }),
+          //         // fill: new ol.style.Fill({
+          //         //color: 'rgba(255,255,255,0.2)'
+          //         // })
+          //         //})
+          //       }),
+          //     });
+          //     //将交互绘图对象添加到地图中
+          //     map.addInteraction(draw_cm);
+          //
+          //     //创建测量提示框
+          //     createMeasureTooltip();
+          //     //创建帮助提示框
+          //     createHelpTooltip();
+          //
+          //     //定义一个事件监听
+          //     var listener;
+          //     //定义一个控制鼠标点击次数的变量
+          //     var count = 0;
+          //     //绘制开始事件
+          //     draw_cm.on(
+          //       "drawstart",
+          //       function (evt) {
+          //         //The feature being drawn.
+          //         sketch = evt.feature;
+          //         //提示框的坐标
+          //         var tooltipCoord = evt.coordinate;
+          //         //监听几何要素的change事件
+          //         //Increases the revision counter and dispatches a 'change' event.
+          //
+          //         listener = sketch.getGeometry().on("change", function (evt) {
+          //           //The event target.
+          //           //获取绘制的几何对象
+          //           var geom = evt.target;
+          //           //定义一个输出对象，用于记录面积和长度
+          //           var output;
+          //           map.removeEventListener("singleclick");
+          //           map.removeEventListener("dblclick");
+          //           //输出多边形的面积
+          //           output = formatArea(geom);
+          //           //Return an interior point of the polygon.
+          //           //获取多变形内部点的坐标
+          //           tooltipCoord = geom.getInteriorPoint().getCoordinates();
+          //
+          //           //设置测量提示框的内标签为最终输出结果
+          //           measureTooltipElement.innerHTML = output;
+          //           //设置测量提示信息的位置坐标
+          //           measureTooltip.setPosition(tooltipCoord);
+          //         });
+          //
+          //         //地图单击事件
+          //         map.on("singleclick", function (evt) {
+          //           //设置测量提示信息的位置坐标，用来确定鼠标点击后测量提示框的位置
+          //           measureTooltip.setPosition(evt.coordinate);
+          //           //如果是第一次点击，则设置测量提示框的文本内容为起点
+          //           if (count == 0) {
+          //             measureTooltipElement.innerHTML = "起点";
+          //           }
+          //           //根据鼠标点击位置生成一个点
+          //           var point = new ol.geom.Point(evt.coordinate);
+          //           //将该点要素添加到矢量数据源中
+          //           source.addFeature(new ol.Feature(point));
+          //           //更改测量提示框的样式，使测量提示框可见
+          //           measureTooltipElement.className = "tooltip tooltip-static";
+          //           //创建测量提示框
+          //           createMeasureTooltip();
+          //           //点击次数增加
+          //           count++;
+          //         });
+          //
+          //         //地图双击事件
+          //         map.on("dblclick", function (evt) {
+          //           //根据
+          //           var point = new ol.geom.Point(evt.coordinate);
+          //           source.addFeature(new ol.Feature(point));
+          //         });
+          //       },
+          //       this
+          //     );
+          //     //绘制结束事件
+          //     draw_cm.on(
+          //       "drawend",
+          //       function (evt) {
+          //         count = 0;
+          //         //设置测量提示框的样式
+          //         measureTooltipElement.className = "tooltip tooltip-static";
+          //         //Set the offset for this overlay.
+          //         //设置偏移量
+          //         measureTooltip.setOffset([0, -7]);
+          //         //清空绘制要素
+          //         sketch = null;
+          //         //清空测量提示要素
+          //         measureTooltipElement = null;
+          //         //创建测量提示框
+          //         createMeasureTooltip();
+          //         //Removes an event listener using the key returned by on() or once().
+          //         //移除事件监听
+          //         ol.Observable.unByKey(listener);
+          //         //移除地图单击事件
+          //         map.removeEventListener("singleclick");
+          //       },
+          //       this
+          //     );
+          //   }
+          //   /**
+          //    * Creates a new help tooltip
+          //    */
+          //   function createHelpTooltip() {
+          //     if (helpTooltipElement) {
+          //       helpTooltipElement.parentNode.removeChild(helpTooltipElement);
+          //     }
+          //     helpTooltipElement = document.createElement("div");
+          //     helpTooltipElement.className = "ol-tooltip hidden";
+          //     helpTooltip = new ol.Overlay({
+          //       element: helpTooltipElement,
+          //       offset: [15, 0],
+          //       positioning: "center-left",
+          //     });
+          //     map.addOverlay(helpTooltip);
+          //   }
+          //
+          //   /**
+          //    * Creates a new measure tooltip
+          //    */
+          //   function createMeasureTooltip() {
+          //     if (measureTooltipElement) {
+          //       measureTooltipElement.parentNode.removeChild(measureTooltipElement);
+          //     }
+          //     measureTooltipElement = document.createElement("div");
+          //     measureTooltipElement.className = "ol-tooltip ol-tooltip-measure";
+          //     measureTooltip = new ol.Overlay({
+          //       element: measureTooltipElement,
+          //       offset: [0, -15],
+          //       positioning: "bottom-center",
+          //     });
+          //     map.addOverlay(measureTooltip);
+          //   }
+          //
+          //   //格式化测量面积
+          //   var formatArea = function (polygon) {
+          //     //定义面积变量
+          //     var area;
+          //     //获取平面面积
+          //     area = polygon.getArea();
+          //     //定义输出变量
+          //     var output;
+          //     //当面积大于10000时，转换为平方千米，否则为平方米
+          //     if (area > 10000) {
+          //       output =
+          //         Math.round((area / 1000000) * 100) / 100 + " " + "km<sup>2</sup>";
+          //     } else {
+          //       output = Math.round(area * 100) / 100 + " " + "m<sup>2</sup>";
+          //     }
+          //     return output;
+          //   };
+          //
+          //   addInteraction();
+          // });
+          // //侧面结束-----------------------------------------------------------------end
+
+          //全图展示-----------------start
+          $("#mapAllQt").click(function (){
+            //定位查询位置
+            let param_dw = {
+              srsName: "EPSG:3857",
+              service: "WFS",
+              version: "1.0.0",
+              request: "GetFeature",
+              typename: "zjd_dc:t_house_survey_border_village",
+              //featureNS: 'nsgk_hc',//命名空间 URI
+              cql_filter: cql_filter,
+              //featurePrefix: 'nationalwater',//工作区名称
+              //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开
+              outputFormat: "application/json",
+              //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值
+            };
+            let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;
+            url_dw = url_dw + "?";
+            for (let key in param_dw) {
+              url_dw = url_dw + key + "=" + param_dw[key] + "&";
+            }
+            url_dw = url_dw.substr(0, url_dw.length - 1);
+            fetch(url_dw, {
+              method: "POST", // *GET, POST, PUT, DELETE, etc.
+            })
+              .then((res) => {
+                var geojsonmap = res.json();
+                return geojsonmap;
+              })
+              .then((data) => {
+                let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize());
+                resolution:resolution + Math.random() * 0.00000001,
+                map.getView().fit(data.bbox);
+                map.getView().setResolution(resolution);
+                // var datamap = data.bbox;
+                // var center = ol.extent.getCenter(datamap);
+                // map.getView().animate({
+                //   // 只设置需要的属性即可
+                //   center: center, // 中心点
+                //   rotation: undefined, // 缩放完成view视图旋转弧度
+                // });
+              })
+              .catch((error) => {
+                console.log("【异常】", error);
+              });
+          });
+
+          //业务图层  wfs服务  属性查询开始 ------------------start
+          /**
+           * @api wfs服务空间查询
+           * @param {*} wfsurl
+           * @param {*} srsName
+           * @param {*} typeName
+           * @param {*} drawType
+           * @param {option 可选} geometryField
+           */
+
+          //查询全部图层  -------查询叠加图层出现覆盖问题
+          var wmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_all",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询宅基地图层
+          var ZjdwmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_zjdzd",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询自然幢图层
+          var ZrzwmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_zrz",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+          //查询附属设施图层
+          var FssswmsSource = new ol.source.TileWMS({
+            url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
+            params: {
+              LAYERS: "zjd_dc:t_house_survey_fsss",
+              TILED: true,
+              SRID: 3857,
+              serverType: "geoserver",
+              crossOrigin: "anonymous",
+            },
+            resolution:Math.random() * 0.00000001,
+          });
+
+
+          map.on("pointermove", function (evt) {
+            if (evt.dragging) {
+              return;
+            }
+            var pixel = map.getEventPixel(evt.originalEvent);
+            var hit = map.forEachLayerAtPixel(pixel, function () {
+              return true;
+            });
+            map.getTargetElement().style.cursor = hit ? "pointer" : "";
+          });
+          //属性查询结束 ------------------end
+          //点击查询详细信息
+          map.on("singleclick", function (evt) {
+            console.log(evt);
+            let feature = map.forEachFeatureAtPixel(
+              evt.pixel,
+              (feature) => feature
+            );
+            var viewResolution = map.getView().getResolution(); ///** @type {number} */ (view.getResolution());
+            var zb = evt.coordinate;
+            var url;
+            var url_bbox;
+            that.clickBbox ="";
+            that.textMjAll = "";
+            if(that.drawingClick) {
+              //点击空白删除之前图层
+              map.removeLayer(hc_land_on);
+              //map.removeLayer(hc_land_query);
+              //for(var i=0;hc_land_query>i;i++){
+                //map.removeLayer(hc_land_query);
+              for(var i=0;hc_land_queryList.length>i;i++){
+                map.removeLayer(hc_land_queryList[i]);
+              }
+              //}c
+              if (that.fsssSx && that.zjdSx && that.zrzSx) {
+                url = wmsSource.getFeatureInfoUrl(
+                  evt.coordinate,
+                  viewResolution,
+                  "EPSG:3857",
+                  {INFO_FORMAT: "text/html"}
+                );
+                url_bbox = wmsSource.getFeatureInfoUrl(
+                  evt.coordinate,
+                  viewResolution,
+                  "EPSG:3857",
+                  {INFO_FORMAT: "application/json"}
+                );
+              } else {
+                if (that.zjdSx) {
+                  url = ZjdwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = ZjdwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else if (that.fsssSx) {
+                  url = FssswmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = FssswmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else if (that.zrzSx) {
+                  url = ZrzwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = ZrzwmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                } else {
+                  url = wmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "text/html"}
+                  );
+                  url_bbox = wmsSource.getFeatureInfoUrl(
+                    evt.coordinate,
+                    viewResolution,
+                    "EPSG:3857",
+                    {INFO_FORMAT: "application/json"}
+                  );
+                }
+              }
+              if (url_bbox) {
+                fetch(url_bbox).then((res) => {
+                  var geojsonmap = res.json();
+                  return geojsonmap;
+                })
+                  .then((data) => {
+                    var center = ol.extent.getCenter(data.bbox); //获取边界区域的中心位置
+                    center = [center[0], center[1] - 16];
+                    that.clickBbox = center;
+                  })
+                  .catch((error) => {
+                    that.mapZjdData = "";
+                    that.mapZrzData = "";
+                    that.mapFsssData = "";
+                    //that.mapZjdTeAll.active ="1";
+                    that.mapZjdTeAll.mapZjdAData = {};
+                    that.mapZjdTeAll.mapZrzAData = {};
+                    that.mapZjdTeAll.mapFsssAData = {};
+                    that.mapZjdDataTure = "";
+                    that.mapXs =false;
+                    that.mapClick ="";
+                    console.log("【异常】", error);
+                  });
+              }
+              if (url) {
+                fetch(url)
+                  .then(function (response) {
+                    return response.text();
+                  })
+                  .then(function (html) {
+                    document.getElementById("info").innerHTML = html;
+                    if (html.indexOf("<table") != -1) {
+                      that.mapZjdData = "";
+                      that.mapZrzData = "";
+                      that.mapFsssData = "";
+                      //that.mapZjdTeAll.active ="1";
+                      that.mapZjdTeAll.mapZjdAData = {};
+                      that.mapZjdTeAll.mapZrzAData = {};
+                      that.mapZjdTeAll.mapFsssAData = {};
+                      that.mapZjdDataTure = "";
+                      setTimeout(() => {
+                        if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zjdzd") {
+                          map.removeLayer(hc_land_on);
+                          that.mapHasDateStatus = 2;
+                          that.mapXs = true;
+                          let obj = {};
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let zjdXq = trs.find("td").eq(0).text();
+                          let zjdIdNum = zjdXq.replace("t_house_survey_zjdzd.", "");
+                          obj.id = zjdIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(3).text();//行政区划名称
+
+                          obj.zjddm = trs.find("td").eq(6).text();//宅基地代码
+
+                          obj.zdmj = trs.find("td").eq(11).text();//宗地面积
+
+                          obj.active = 1;
+
+                          var vector_drawing_map;
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                          }
+                          that.mapClick = obj.zjddm;
+                          //点击查看自然幢
+                          //自然幢图层查询开始 ------------------start
+                          var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                          zrzTc = new ol.layer.Image({
+                            source: new ol.source.ImageWMS({
+                              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                              params: {
+                                LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                TILED: true,
+                                cql_filter: cql_filter_map,
+                                SRID: 3857,
+                                TIMESTAMP: new Date().getTime(),
+                              },
+                            }),
+                          });
+                          map.addLayer(zrzTc);
+                          //自然幢图层查询开始 ------------------start
+                          //附属设施图层查询开始 ------------------start
+                          //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                          fsssTc = new ol.layer.Image({
+                            source: new ol.source.ImageWMS({
+                              url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                              params: {
+                                LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                TILED: true,
+                                cql_filter: cql_filter_map,
+                                SRID: 3857,
+                                TIMESTAMP: new Date().getTime(),
+                              },
+                            }),
+                          });
+                          map.addLayer(fsssTc);
+                          //附属设施图层查询开始 ------------------end
+                          that.$cookies.set("search", "")
+                          //that.$cookies.set("map", "")
+                          console.log(document.cookie.split(';').length)
+                          console.log(params);
+                          listZjdzd(params).then((response) => {
+                            if (response.rows[0].zdmj != "") {
+                              that.textMjAll = response.rows[0].zdmj;
+                            } else {
+                              that.textMjAllNum = "1";
+                            }
+                            that.mapZjdData = response.rows[0];
+                            that.mapZjdData.active = 1;
+                            that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                            that.mapZjdDataTure = 1;
+                            that.zjdHcDy = obj.zjddm;
+                            var styleZjd = new ol.style.Style({
+                              stroke: new ol.style.Stroke({
+                                //边界样式
+                                color: "#CCFF66",
+                                width: 6,
+                              }),
+                            });
+                            hc_land_on = new ol.layer.Vector({
+                              title: "add Layer",
+                              source: new ol.source.Vector({
+                                projection: projection,
+                                features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                  "    \"type\": \"Feature\",\n" +
+                                  "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                              }),
+                              style: styleZjd
+                            });
+                            map.addLayer(hc_land_on);
+                            var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                            var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                            var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                            var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                            //定位查询位置
+                            var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                            map.getView().animate({
+                              // 只设置需要的属性即可
+                              center: center, // 中心点
+                              zoom: 17.8, // 缩放级别
+                              rotation: undefined, // 缩放完成view视图旋转弧度
+                              duration: 1000, // 缩放持续时间，默认不需要设置
+                              resolution:Math.random() * 0.00000001,
+                            });
+
+                            function createLabelStyleMap() {
+                              return new ol.style.Style({
+                                text: new ol.style.Text({
+                                  text: that.mapZjdData.syqr,
+                                  textAlign: "center", //位置
+                                  textBaseline: "middle", //基准线
+                                  font: "normal 16px 微软雅黑", //文字样式
+                                  //text: "标注点", //文本内容
+                                  fill: new ol.style.Fill({
+                                    //文本填充样式（即文字颜色)
+                                    color: "#09DDCE",
+                                    width: 10,
+                                  }),
+                                  overflow: false //超出面的部分不显示
+                                }),
+                                zIndex: 9999,
+                              });
+                            }
+
+                            var newcenterFeatureMap = new ol.Feature({
+                              geometry: new ol.geom.Point(center), //几何信息
+                              //name: "标注点",
+                            });
+                            var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                            vector_drawing_map = new ol.layer.Vector({
+                              source: sourceMapLookMap,
+                            });
+                            map.addLayer(vector_drawing_map);
+                            newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                            sourceMapLookMap.addFeature(newcenterFeatureMap);
+                          });
+                          //let cloneObj = JSON.parse(JSON.stringify(obj));
+                          //that.mapZjdData = cloneObj;
+                        } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zrz") {
+                          //that.mapZjdTeAll.mapZjdAData ={};
+                          that.mapZjdDataTure = "";
+                          that.mapZjdTeAll.mapFsssAData = {};
+                          map.removeLayer(hc_land_on);
+                          let obj = {};
+                          that.mapHasDateStatus = 1;
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let zrzXq = trs.find("td").eq(0).text();
+                          let zrzIdNum = zrzXq.replace("t_house_survey_zrz.", "");
+                          obj.id = zrzIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(3).text();//行政区划名称
+                          obj.zjddm = trs.find("td").eq(4).text();//宅基地代码
+                          obj.scjzmj = trs.find("td").eq(12).text();//实测建筑面积
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                          }
+                          that.$cookies.set("search", "")
+                          //that.$cookies.set("map", "")
+                          console.log(that.mapZjdData);
+                          //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {
+                          console.log(that.mapClick);
+                          console.log(obj.zjddm);
+                          if(that.mapXs && that.mapClick == obj.zjddm){
+                            listZjdzd(params).then((response) => {
+                              that.mapZjdData = response.rows[0];
+                              //that.mapZjdAData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              getZrz(obj.id).then((response) => {
+                                if (response.data.scjzmj != "") {
+                                  that.textMjAll = response.data.scjzmj;
+                                } else {
+                                  that.textMjAllNum = "1";
+                                }
+                                that.mapZrzData = response.data;
+                                that.mapZrzData.active = 3;
+                                that.mapZjdTeAll.mapZrzAData = that.mapZrzData;
+                                that.zjdHcDy = obj.zjddm;
+                                var styleZjd = new ol.style.Style({
+                                  stroke: new ol.style.Stroke({
+                                    //边界样式
+                                    color: "#CCFF66",
+                                    width: 6,
+                                  }),
+                                });
+                                hc_land_on = new ol.layer.Vector({
+                                  title: "add Layer",
+                                  source: new ol.source.Vector({
+                                    projection: projection,
+                                    features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                      "    \"type\": \"Feature\",\n" +
+                                      "    \"geometry\":" + that.mapZrzData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZrzData) + "}"),
+                                  }),
+                                  style: styleZjd
+                                });
+                                map.addLayer(hc_land_on);
+                                var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                                var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                                var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                                var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                                //定位查询位置
+                                var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                                map.getView().animate({
+                                  // 只设置需要的属性即可
+                                  center: center, // 中心点
+                                  zoom: 17.8, // 缩放级别
+                                  rotation: undefined, // 缩放完成view视图旋转弧度
+                                  duration: 1000, // 缩放持续时间，默认不需要设置
+                                  resolution: Math.random() * 0.00000001,
+                                });
+                              });
+                            });
+                          } else {
+                            //自然幢图层查询开始 ------------------start
+                            var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            zrzTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(zrzTc);
+                            //自然幢图层查询开始 ------------------start
+                            //附属设施图层查询开始 ------------------start
+                            //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            fsssTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(fsssTc);
+                            //附属设施图层查询开始 ------------------end
+                            listZjdzd(params).then((response) => {
+                              if (response.rows[0].zdmj != "") {
+                                that.textMjAll = response.rows[0].zdmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              that.mapZjdData = response.rows[0];
+                              that.mapZjdData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              that.mapZjdDataTure = 1;
+                              that.zjdHcDy = obj.zjddm;
+                              that.mapClick = obj.zjddm;
+                              that.mapXs = true;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution:Math.random() * 0.00000001,
+                              });
+
+                              function createLabelStyleMap() {
+                                return new ol.style.Style({
+                                  text: new ol.style.Text({
+                                    text: that.mapZjdData.syqr,
+                                    textAlign: "center", //位置
+                                    textBaseline: "middle", //基准线
+                                    font: "normal 16px 微软雅黑", //文字样式
+                                    //text: "标注点", //文本内容
+                                    fill: new ol.style.Fill({
+                                      //文本填充样式（即文字颜色)
+                                      color: "#09DDCE",
+                                      width: 10,
+                                    }),
+                                    overflow: false //超出面的部分不显示
+                                  }),
+                                  zIndex: 9999,
+                                });
+                              }
+
+                              var newcenterFeatureMap = new ol.Feature({
+                                geometry: new ol.geom.Point(center), //几何信息
+                                //name: "标注点",
+                              });
+                              var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                              vector_drawing_map = new ol.layer.Vector({
+                                source: sourceMapLookMap,
+                              });
+                              map.addLayer(vector_drawing_map);
+                              newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                              sourceMapLookMap.addFeature(newcenterFeatureMap);
+                            });
+                          }
+                        } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_fsss") {
+                          that.mapZjdTeAll.mapZrzAData = {};
+                          that.mapZjdDataTure = "";
+                          //that.mapZjdTeAll.mapZjdAData ={};
+                          map.removeLayer(hc_land_on);
+                          let obj = {};
+                          that.mapHasDateStatus = 0;
+                          let trs = $("#info .featureInfo").find("tr:eq(1)");
+                          let fsssXq = trs.find("td").eq(0).text();
+                          let fsssIdNum = fsssXq.replace("t_house_survey_fsss.", "");
+                          obj.id = fsssIdNum; //	主键id
+                          obj.deptName = trs.find("td").eq(4).text();//行政区划名称
+                          obj.zjddm = trs.find("td").eq(1).text();//宅基地代码
+                          // obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态
+                          // obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型
+                          obj.jzmj = trs.find("td").eq(8).text(); //建筑面积
+
+                          let params = {
+                            "deptId": that.$cookies.get("item").deptId,
+                            "zjddm": obj.zjddm,
+                            "pageSize": 20,
+                          }
+                          that.$cookies.remove("search")
+                          //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {
+                          if(that.mapXs && that.mapClick == obj.zjddm){
+                          listZjdzd(params).then((response) => {
+                            that.mapZjdData = response.rows[0];
+                            that.mapZjdData.active = 1;
+                            that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                            getFsss(obj.id).then((response) => {
+                              if (response.data.jzmj != "") {
+                                that.textMjAll = response.data.jzmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              //that.mapfsssData.active = 4;
+                              that.mapfsssData = response.data;
+                              console.log(that.mapfsssData);
+                              that.mapZjdTeAll.mapFsssAData = that.mapfsssData;
+                              that.zjdHcDy = obj.zjddm;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapfsssData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapfsssData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution: Math.random() * 0.00000001,
+                              });
+                            });
+                          });
+                        } else {
+                            //自然幢图层查询开始 ------------------start
+                            var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            zrzTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_zrz',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(zrzTc);
+                            //自然幢图层查询开始 ------------------start
+                            //附属设施图层查询开始 ------------------start
+                            //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";
+                            fsssTc = new ol.layer.Image({
+                              source: new ol.source.ImageWMS({
+                                url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",
+                                params: {
+                                  LAYERS: 'zjd_dc:t_house_survey_fsss',
+                                  TILED: true,
+                                  cql_filter: cql_filter_map,
+                                  SRID: 3857,
+                                  TIMESTAMP: new Date().getTime(),
+                                },
+                              }),
+                            });
+                            map.addLayer(fsssTc);
+                            //附属设施图层查询开始 ------------------end
+                            listZjdzd(params).then((response) => {
+                              if (response.rows[0].zdmj != "") {
+                                that.textMjAll = response.rows[0].zdmj;
+                              } else {
+                                that.textMjAllNum = "1";
+                              }
+                              that.mapZjdData = response.rows[0];
+                              that.mapZjdData.active = 1;
+                              that.mapZjdTeAll.mapZjdAData = that.mapZjdData;
+                              that.mapZjdDataTure = 1;
+                              that.zjdHcDy = obj.zjddm;
+                              that.mapClick = obj.zjddm;
+                              that.mapXs = true;
+                              var styleZjd = new ol.style.Style({
+                                stroke: new ol.style.Stroke({
+                                  //边界样式
+                                  color: "#CCFF66",
+                                  width: 6,
+                                }),
+                              });
+                              hc_land_on = new ol.layer.Vector({
+                                title: "add Layer",
+                                source: new ol.source.Vector({
+                                  projection: projection,
+                                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                                    "    \"type\": \"Feature\",\n" +
+                                    "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),
+                                }),
+                                style: styleZjd
+                              });
+                              map.addLayer(hc_land_on);
+                              var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;
+                              var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;
+                              var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;
+                              var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;
+                              //定位查询位置
+                              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+                              map.getView().animate({
+                                // 只设置需要的属性即可
+                                center: center, // 中心点
+                                zoom: 17.8, // 缩放级别
+                                rotation: undefined, // 缩放完成view视图旋转弧度
+                                duration: 1000, // 缩放持续时间，默认不需要设置
+                                resolution:Math.random() * 0.00000001,
+                              });
+
+                              function createLabelStyleMap() {
+                                return new ol.style.Style({
+                                  text: new ol.style.Text({
+                                    text: that.mapZjdData.syqr,
+                                    textAlign: "center", //位置
+                                    textBaseline: "middle", //基准线
+                                    font: "normal 16px 微软雅黑", //文字样式
+                                    //text: "标注点", //文本内容
+                                    fill: new ol.style.Fill({
+                                      //文本填充样式（即文字颜色)
+                                      color: "#09DDCE",
+                                      width: 10,
+                                    }),
+                                    overflow: false //超出面的部分不显示
+                                  }),
+                                  zIndex: 9999,
+                                });
+                              }
+
+                              var newcenterFeatureMap = new ol.Feature({
+                                geometry: new ol.geom.Point(center), //几何信息
+                                //name: "标注点",
+                              });
+                              var sourceMapLookMap = new ol.source.Vector({wrapX: false});
+                              vector_drawing_map = new ol.layer.Vector({
+                                source: sourceMapLookMap,
+                              });
+                              map.addLayer(vector_drawing_map);
+                              newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式
+                              sourceMapLookMap.addFeature(newcenterFeatureMap);
+                            });
+                          }
+                          // if(obj.jzmj != ""){
+                          //   that.textMjAll = obj.jzmj;
+                          // } else {
+                          //   that.textMjAllNum = "1";
+                          // }
+                        } else {
+
+                        }
+                      }, 300);
+                    } else {
+
+                    }
+                  });
+              }
+            }
+            //数据库查询详情时使用----------------------------------------start
+            // if(feature) {
+            //   //document.getElementById("info").innerHTML = "";
+            //   that.mapHaDataValue = true;
+            //   var ifConsole = feature.values_.createBy;
+            //   if (ifConsole =="mapTheGeomFsssId") {
+            //     let obj = {};
+            //     that.mapHasDateStatus = 0;
+            //     obj.deptName = feature.values_.deptName;//行政区划名称
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus; //状态
+            //     obj.fssslx = feature.values_.fssslx; //附属设施类型
+            //     obj.jzmj = feature.values_.jzmj; //建筑面积
+            //     obj.qsly = feature.values_.qsly;//权属来源
+            //     obj.fwzt = feature.values_.fwzt; //房屋状态
+            //     obj.sfsp = feature.values_.sfsp; //是否审批
+            //     obj.sffz = feature.values_.sffz; //是否发证
+            //     obj.jglx = feature.values_.jglx; //结构类型
+            //     obj.sfzzsy = feature.values_.sfzzsy; //是否正在使用
+            //     obj.jzwqk = feature.values_.jzwqk; //建筑物情况
+            //     obj.tdzk = feature.values_.tdzk; //审批或建设前土地状况
+            //     obj.sfsgcf = feature.values_.sfsgcf; //是否受过处罚
+            //     obj.sysNormalDisable = feature.values_.sysNormalDisable; //是否停用
+            //     //附属设施类型字典项
+            //     that.getDicts("fsss_type").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fssslx !=null && obj.fssslx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fssslx == assetTypeOptions[i].dictValue) {
+            //             obj.fssslx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //权属类型字典项
+            //     that.getDicts("acquisition_method").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.qsly !=null && obj.qsly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.qsly == assetTypeOptions[i].dictValue) {
+            //             obj.qsly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋状态字典项
+            //     that.getDicts("fwzt").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwzt !=null && obj.fwzt !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwzt == assetTypeOptions[i].dictValue) {
+            //             obj.fwzt = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否审批字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfsp !=null && obj.sfsp !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfsp == assetTypeOptions[i].dictValue) {
+            //             obj.sfsp = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否发证字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sffz !=null && obj.sffz !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sffz == assetTypeOptions[i].dictValue) {
+            //             obj.sffz = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //结构类型字典项
+            //     that.getDicts("house_jglx").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.jglx !=null && obj.jglx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.jglx == assetTypeOptions[i].dictValue) {
+            //             obj.jglx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否正在使用字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfzzsy !=null && obj.sfzzsy !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfzzsy == assetTypeOptions[i].dictValue) {
+            //             obj.sfzzsy = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋状态字典项
+            //     that.getDicts("fwzt").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwzt !=null && obj.fwzt !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwzt == assetTypeOptions[i].dictValue) {
+            //             obj.fwzt = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //土地状况字典项
+            //     that.getDicts("land_state").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.tdzk !=null && obj.tdzk !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.tdzk == assetTypeOptions[i].dictValue) {
+            //             obj.tdzk = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //是否受过处罚字典项
+            //     that.getDicts("land_state").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sfsgcf !=null && obj.sfsgcf !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sfsgcf == assetTypeOptions[i].dictValue) {
+            //             obj.sfsgcf = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapFsssData = obj;
+            //   } else if(ifConsole =="mapTheGeomZrzId"){
+            //     let obj = {};
+            //     that.mapHasDateStatus = 1;
+            //     obj.deptName = feature.values_.deptName;//部门名称
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.nmfwzh = feature.values_.nmfwzh;//农民房屋幢号
+            //     obj.zrzh = feature.values_.zrzh;//自然幢号
+            //     obj.jgrq = feature.values_.jgrq;//竣工日期
+            //     obj.jzwgd = feature.values_.jzwgd;//建筑物高度
+            //     obj.zzdmj = feature.values_.zzdmj;//幢占地面积
+            //     obj.zydmj = feature.values_.zydmj;//幢用地面积
+            //     obj.scjzmj = feature.values_.scjzmj;//实测建筑面积
+            //     obj.zcs = feature.values_.zcs;//总层数
+            //     obj.dscs = feature.values_.dscs;//地上层数
+            //     obj.dxcs = feature.values_.dxcs;//地下层数
+            //     obj.fwjg = feature.values_.fwjg;//房屋结构
+            //     obj.sjly = feature.values_.sjly;//数据来源
+            //     obj.status = feature.values_.status;//状态
+            //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus;//数据调查确认状态
+            //     //字典项转化
+            //     //房屋结构字典项
+            //     that.getDicts("housing_structure").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.fwjg !=null && obj.fwjg !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.fwjg == assetTypeOptions[i].dictValue) {
+            //             obj.fwjg = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //房屋结构字典项
+            //     that.getDicts("sjly").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sjly !=null && obj.sjly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sjly == assetTypeOptions[i].dictValue) {
+            //             obj.sjly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapZrzData = obj;
+            //   } else if(ifConsole =="mapTheGeomZjdId"){
+            //     let obj = {};
+            //     that.mapHasDateStatus = 2;
+            //     obj.deptName = feature.values_.deptName;//行政区划名称
+            //     obj.suyqrdm = feature.values_.suyqrdm;//所有权人代码
+            //     obj.nhdm = feature.values_.nhdm;//农户代码
+            //     obj.zjddm = feature.values_.zjddm;//宅基地代码
+            //     obj.zdbh = feature.values_.zdbh;//宗地编号
+            //     obj.zddm = feature.values_.zddm;//宗地代码
+            //     obj.zl = feature.values_.zl;//坐落
+            //     obj.zldwdm = feature.values_.zldwdm;//坐落单位代码
+            //     obj.zdmj = feature.values_.zdmj;//宗地面积
+            //     obj.yt = feature.values_.yt;//用途
+            //     obj.ytmc = feature.values_.ytmc;//用途名称
+            //     obj.dj = feature.values_.dj;//宗地编号
+            //     obj.jg = feature.values_.jg;//价格万元
+            //     obj.qllx = feature.values_.qllx;//权利类型
+            //     obj.qlxz = feature.values_.qlxz;//权利性质
+            //     obj.qlsdfs = feature.values_.qlsdfs;//权利设定方式
+            //     obj.rjl = feature.values_.rjl;//容积率
+            //     obj.jzmd = feature.values_.jzmd;//建筑密度
+            //     obj.jzxg = feature.values_.jzxg;//建筑限高
+            //     obj.zdszd = feature.values_.zdszd;//宗地四至-东
+            //     obj.zdszn = feature.values_.zdszn;//宗地四至-南
+            //     obj.zdszx = feature.values_.zdszx;//宗地四至-西
+            //     obj.zdszb = feature.values_.zdszb;//宗地四至-北
+            //     obj.zdt = feature.values_.zdt;//宗地图
+            //     obj.tfh = feature.values_.tfh;//图幅号
+            //     obj.djh = feature.values_.djh;//地籍号
+            //     obj.sjly = feature.values_.sjly;//数据来源
+            //     obj.lyzk = feature.values_.lyzk;//当前利用状况
+            //     obj.xzkssj = feature.values_.xzkssj;//闲置开始时间
+            //     obj.sffz = feature.values_.sffz;//是否发证
+            //     obj.zjdzsh = feature.values_.zjdzsh;//宅基地证书号
+            //     obj.zjdxctp = feature.values_.zjdxctp;//宅基地现场图片
+            //     obj.zjdqdfs = feature.values_.zjdqdfs;//宅基地取得方式
+            //     obj.bccjl = feature.values_.bccjl;//被惩处经历
+            //     obj.bccbz = feature.values_.bccbz;//被惩处备注
+            //     obj.yctcyx = feature.values_.yctcyx;//有偿退出意向
+            //     obj.zjdpzmj = feature.values_.zjdpzmj;//宅基地批准面积
+            //     obj.zjdxzyy = feature.values_.zjdxzyy;//宅基地闲置原因
+            //     obj.lzyx = feature.values_.lzyx;//流转意向
+            //     obj.sysNormalDisable = feature.values_.sysNormalDisable;//是否停用
+            //     obj.active = 1;
+            //     //字典项转化
+            //     //是否发证字典项
+            //     that.getDicts("sys_yes_no").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sffz !=null && obj.sffz !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sffz == assetTypeOptions[i].dictValue) {
+            //             obj.sffz = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //利用状态字典项
+            //     that.getDicts("zjdlyzk").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.lyzk !=null && obj.lyzk !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.lyzk == assetTypeOptions[i].dictValue) {
+            //             obj.lyzk = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //流转意向字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.lzyx !=null && obj.lzyx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.lzyx == assetTypeOptions[i].dictValue) {
+            //             obj.lzyx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //有偿退出意向字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.yctcyx !=null && obj.yctcyx !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.yctcyx == assetTypeOptions[i].dictValue) {
+            //             obj.yctcyx = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //被惩处经历字典项
+            //     that.getDicts("is_have").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.bccjl !=null && obj.bccjl !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.bccjl == assetTypeOptions[i].dictValue) {
+            //             obj.bccjl = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //宅基地取得方式字典项
+            //     that.getDicts("acquisition_method").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.zjdqdfs !=null && obj.zjdqdfs !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.zjdqdfs == assetTypeOptions[i].dictValue) {
+            //             obj.zjdqdfs = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //权利设定方式字典项
+            //     that.getDicts("right_setting_mode").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.qlsdfs !=null && obj.qlsdfs !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.qlsdfs == assetTypeOptions[i].dictValue) {
+            //             obj.qlsdfs = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     //数据来源字典项
+            //     that.getDicts("sjly").then((response) => {
+            //       var assetTypeOptions = response.data;
+            //       if(obj.sjly !=null && obj.sjly !=""){
+            //         for(var i=0;assetTypeOptions.length >i; i++){
+            //           if(obj.sjly == assetTypeOptions[i].dictValue) {
+            //             obj.sjly = assetTypeOptions[i].dictLabel;
+            //             break;
+            //           }
+            //         }
+            //       }
+            //     });
+            //     that.mapZjdData = obj;
+            //     console.log(obj.zjddm);
+            //     that.zjdHcDy = obj.zjddm;
+            //   } else {
+            //     that.mapHaDataValue = false;
+            //   }
+            // }else {
+            //   that.mapHaDataValue = false;
+            // }
+            //数据库查询详情时使用----------------------------------------end
+          });
+          //数据库循环加载时使用 --------------------加载较慢 ------start
+          //当前账套没有任何空间数据
+          // if(mapTalkAbout){
+          //   let deptName = this.$store.state.user.loginDeptId + "";
+          //   getQueryLand(deptName).then((response) => {
+          //     if (response.code == 200) {
+          //       let InsertCode = response.data;
+          //       if (InsertCode != null) {
+          //         var lat = InsertCode.lat;
+          //         var lng = InsertCode.lng;
+          //         var center;
+          //         if(lat !=null && lng !=null && lat !="" && lng !=""){
+          //           center = [lng,lat];
+          //         }else {
+          //           center =[115.452752, 31.789033];
+          //         }
+          //         map.getView().animate({
+          //           // 只设置需要的属性即可
+          //           center: ol.proj.fromLonLat(center), // 中心点
+          //           zoom: 17.9, // 缩放级别
+          //           rotation: undefined, // 缩放完成view视图旋转弧度
+          //           duration: 1000, // 缩放持续时间，默认不需要设置
+          //         });
+          //       }
+          //     }
+          //   });
+          // }
+          //数据库循环加载时使用 --------------------加载较慢 ------start
+        },
+
+        /*右侧列表 --展开收缩*/
+        selectionPushMap() {
+          this.selectionIconShow = true;
+          this.homesteadListStatus = true;
+          $(".homesteadList_wrap").animate(
+            {
+              right: "0",
+            },
+            300
+          );
+        },
+        homesteadListShrink() {
+          this.selectionIconShow = false;
+          // this.checked =["zjdSx","zrzSx","fsssSx"];
+          $(".homesteadList_wrap").animate(
+            {
+              right: "-300px",
+            },
+            300
+          );
+          setTimeout(() => {
+            this.homesteadListStatus = false;
+          }, 300);
+        },
+        checkClick(res){
+          // 1、全选与不全选模块
+          $(".checkall").change(function() {
+            $(".item-list-checkbox .checkitem").prop("checked", $(this).prop("checked"));
+            if($(this).prop("checked")){
+
+            }else {
+
+            }
+          });
+          // 2、小复选框模块
+          $(".checkitem").change(function() {
+            if ($(".checkitem:checked").length === $(".checkitem").length) {
+              $(".checkall").prop("checked", true);
+            } else {
+              $(".checkall").prop("checked", false);
+            }
+          })
+        },
+        //绘制多边形地图
+        drawMapPolygonFun() {
+
+        },
+        guidProduct(){
+          return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+            var r = Math.random() * 16 | 0,
+              v = c == 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+          });
+        },
+        //宅基地点击地图核查
+        zjdHc(){
+          if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){
+            if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+              this.mapZjdTeAll.active =1;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              //this.$router.push({path:'/homesteadSurvey/add'});
+            }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){
+              if(this.mapZjdTeAll.mapZjdAData !=""){
+                this.mapZjdTeAll.active = 3;
+                //this.$cookies.set("search",this.mapZjdTeAll);
+                this.$cookies.set("search","")
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              } else {
+                this.$toast("必须有宅基地数据才能进入自然幢核查");
+              }
+            }else {
+              if(this.mapZjdTeAll.mapZjdAData !="") {
+                this.mapZjdTeAll.active = 4;
+                //this.$cookies.set("search", this.mapZjdTeAll);
+                this.$cookies.set("search","")
+                this.$router.push({path: '/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              } else {
+                this.$toast("必须有宅基地数据才能进入附属设施核查");
+              }
+            }
+          } else {
+            this.$dialog.alert({
+              title: '宅基地核查',
+              message: "请从地图中选择图层并点击核查",
+              theme: 'round-button',
+            }).then(() => {
+              // on close
+            });
+          }
+        },
+        //搜索详情跳转
+        zjdSs(item){
+          this.mapZjdTeAll.mapZjdAData ={};
+          this.mapZjdTeAll.mapZrzAData ={};
+          this.mapZjdTeAll.mapFsssAData ={};
+          //this.mapZjdTeAll.active =1;
+          if(item.typeTc =="宅基地"){
+          getZjdzd(item.id).then((response) => {
+            this.mapZjdData = response.data;
+            this.mapZjdTeAll.active = 1;
+            this.mapZjdTeAll.mapZjdAData = this.mapZjdData;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            setTimeout(() => {
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+          });
+          }else if(item.typeTc =="自然幢"){
+            //let =
+            getZjdzd(item.id).then((response) => {
+              this.mapZrzData = response.data;
+              this.mapZjdTeAll.active = 3;
+              this.mapZjdTeAll.mapZrzAData = this.mapZrzData;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              setTimeout(() => {
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+            });
+          }else if(item.typeTc =="附属设施"){
+            getFsss(item.id).then((response) => {
+              this.mapFsssData = response.data;
+              this.mapZjdTeAll.active = 4;
+              this.mapZjdTeAll.mapFsssAData = this.mapFsssData;
+              //this.$cookies.set("search",this.mapZjdTeAll);
+              this.$cookies.set("search","")
+              setTimeout(() => {
+                this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+              }, 500);
+            });
+          }else{
+            this.$toast("无数据请检查后进入核查页面");
+          }
+        },
+        //地图查询
+        toggleSearch() {
+          $("#query").trigger("click");
+        },
+        //
+        checkAllArray(value){
+          if(this.checked.length<3){
+            this.$refs.checkboxGroup.toggleAll(true);
+          }else{
+            this.$refs.checkboxGroup.toggleAll(false);
+          }
+        },
+        //筛选//全选
+        checkAll(val) {
+          this.$refs.checkboxGroup.value.toggleAll(true);
+          return;
+          let checkedCount = this.CheckedAllArr.length
+          if (val) {
+            //全选
+            this.CheckedAllArr = this.dataList.map(item => item.id)
+          } else{
+            //取消全选
+            if (checkedCount === this.dataList.length) {
+              //如果不增加这个条件判断点击某一项时会全部取消
+              this.CheckedAllArr = []
+            }
+          }
+        },
+        //单选
+        handleChecked(value) {
+          // this.checkAllFlag = this.CheckedAllArr.length == this.dataList.length;
+          if (value.length<3){
+            this.checkAllFlag = false;
+          }else{
+            this.checkAllFlag = true;
+          }
+          value.indexOf('zjdSx') == -1 ? this.zjdSx = false : this.zjdSx = true;
+          value.indexOf('zrzSx') == -1 ? this.zrzSx = false : this.zrzSx = true;
+          value.indexOf('fsssSx') == -1 ? this.fsssSx = false : this.fsssSx = true;
+        },
+        closeSearchBox(){
+          this.showSearch = false ;
+          var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)
+          document.styleSheets[0].insertRule(
+            "@keyframes test2" +
+            "{" +
+            "0%{bottom: 0px}" +
+            "100%{bottom: -" + height + "px;}" +
+            "}"
+          )
+          $('.searchBar_wrap').css({'animation':'test2 0.5s ease-in-out 0s 1 alternate forwards','-webkit-animation':'test2 0.5s ease-in-out 0s 1 alternate forwards'});
+        },
+        zjdTz(){
+          if(this.mapZjdData =="" && this.mapZjdDataTure =="" && this.mapZjdData !=undefined){
+            this.mapZjdTeAll.active =1;
+            this.mapZjdTeAll.mapZjdAData.deptId =this.$cookies.get("item").deptId;
+            this.mapZjdTeAll.mapZjdAData.theGeom =this.htZjdZrzFsss;
+            //this.mapZjdTeAll.mapZjdAData.deptId = this.$cookies.get("item").deptId;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("已选择宅基地，请选择自然幢或附属设施按钮");
+          }
+        },
+        zrzTz(){
+          if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+            this.mapZjdTeAll.active =3;
+            this.mapZjdTeAll.mapZrzAData.theGeom =this.htZjdZrzFsss;
+            this.mapZjdTeAll.mapZrzAData.deptId =this.$cookies.get("item").deptId;
+            //this.mapZjdTeAll.mapZrzAData.deptId = this.$cookies.get("item").deptId;
+            //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+            this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("请先在地图上选择宅基地后，再选择自然幢按钮");
+          }
+        },
+        fsssTz(){
+          if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){
+          this.mapZjdTeAll.active =4;
+          this.mapZjdTeAll.mapFsssAData.theGeom =this.htZjdZrzFsss;
+            this.mapZjdTeAll.mapFsssAData.deptId =this.$cookies.get("item").deptId;
+          //this.mapZjdTeAll.mapFsssAData.deptId = this.$cookies.get("item").deptId;
+          //this.$cookies.set("search",this.mapZjdTeAll);
+            this.$cookies.set("search","")
+          this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});
+          }else {
+            this.$toast("请先在地图上选择宅基地后，再选择附属设施按钮");
+          }
+        },
+        //绘图重置清除之前图层
+        deleteHistory(){
+          $("#deleteHistory").trigger("click");
+        }
+
+      },
+    }
+</script>
+
+<style scoped lang="scss">
+  /deep/ .van-swipe-cell__wrapper{
+    margin-right:-3px;
+  }
+  .hzlxBtn{
+    font-size: 0.3rem;
+    display: inline-block;
+    padding: 2% 0;
+    border-radius: 30PX;
+    color: #FFF;
+    margin-right: 2%;
+    width: 30%;
+    &:last-child{
+      margin: 0;
+    }
+  }
+  .van-cell__title{
+    flex:2
+  }
+  .bannerBg{
+    width: 100%;
+    color:#fff;
+    /*padding:10px;*/
+    background: linear-gradient(134deg,#7ac943 1%, #22b7f2);
+  }
+  .van-hairline--bottom::after {
+    border-bottom-width: 0;
+  }
+  .activeBtn{
+    background:#fff;
+    height:50px;
+    border-radius:25px;
+    color:#7AC943;
+    line-height:50px;
+    text-align:center;
+    font-size:20px;
+    width: 26%;
+    margin:0 10px;
+    box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
+  }
+  .disactiveBtn{
+    background:rgba(255,255,255,.4);
+    height:50px;
+    border-radius:25px;
+    color:#fff;
+    line-height:50px;
+    text-align:center;
+    font-size:20px;
+    width: 26%;
+    margin:0 10px;
+    box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);
+  }
+  /*.van-cell__label{*/
+  /*  color: #969799;*/
+  /*  font-size: 12px;*/
+  /*  line-height: 20px;*/
+  /*  margin:0*/
+  /*}*/
+  .map_area {
+    width: 50vw;
+    height: 50vh;
+    z-index:1;
+    background:#000;
+    position: fixed;
+    left: 0;
+    top: 0;
+  }
+  .van-field__label{
+    width:50%;
+  }
+  .rightZoom_wrap {
+    position: absolute;
+    right: 3%;
+    top: 35%;
+    margin-top: -200px;
+    background: #fff;
+    margin-bottom: 16px;
+    border-radius: 10px;
+    text-align: center;
+    padding: 15px 20px;
+    img{
+      margin: 0 auto;
+    }
+    .amplification {
+      line-height: 1;
+      font-size: 18px;
+      text-align: center;
+      margin-top: 5px;
+    }
+  }
+  .mapZoom_wrap {
+    position: absolute;
+    right: 3%;
+    top: 50%;
+    margin-top: -200px;
+    background: #fff;
+    margin-bottom: 16px;
+    border-radius: 10px;
+    padding: 0px 20px;
+    div{
+      padding: 15px 0;
+      border-bottom: 1px solid #C9C9C9;
+      &:last-child{
+        border: none;
+      }
+      p{
+        margin-top: 5px;
+      }
+    }
+    .qtMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .clMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .hcMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .htMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+
+    .dwMap {
+      font-size: 18px;
+      text-align: center;
+      line-height: 1;
+    }
+  }
+  .rightIcon_wrap {
+    position: absolute;
+    right: 16px;
+    bottom: 160px;
+    .selectionIcon_wrap {
+      width: 74px;
+      background: #fff;
+      border-radius: 10px;
+      padding: 14px 0;
+
+      .icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/selection_icon.png")
+        no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto 4px;
+      }
+      .text {
+        font-size: 24px;
+        text-align: center;
+      }
+    }
+    .positioning_wrap {
+      width: 74px;
+      background: #fff;
+      margin-bottom: 16px;
+      border-radius: 10px;
+      height: 74px;
+      display: flex;
+      justify-content: center; /* 相对父元素水平居中 */
+      align-items: center; /*  子元素相对父元素垂直居中*/
+      .icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/positioning_icon.png")
+        no-repeat;
+        background-size: 100% 100%;
+        margin: 0 auto;
+      }
+    }
+  }
+  .homesteadList_wrap {
+    // display: none;
+    display: flex;
+    position: absolute;
+    right: -200px;
+    top: 0px;
+    bottom: 0px;
+    width: 300px;
+    background: #fff;
+    z-index: 999;
+    border-top-left-radius: 15px;
+    border-bottom-left-radius: 15px;
+
+    flex-direction: column;
+    .noInfo_data {
+      font-size: 28px;
+      text-align: center;
+      height: 300px;
+      line-height: 300px;
+      color: #666;
+    }
+    .title_m {
+      color: #333;
+      line-height: 36px;
+      padding: 20px 40px 22px;
+      .name {
+        font-size: 36px;
+        line-height: 42px;
+        height: 42px;
+      }
+      .more_icon {
+        width: 38px;
+        height: 38px;
+        background: url("../../assets/images/homestead/selectionNext_icon.png")
+        no-repeat;
+        float: right;
+        margin-top: 2px;
+      }
+    }
+
+    .main_m {
+      overflow-y: auto;
+      padding: 10px 0;
+      // height: 300px;
+      flex: 1;
+      .flex_block {
+        height: 70px;
+        display: flex;
+        // justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+        padding: 0 40px;
+        &.active {
+          box-shadow: 0px 0px 10px rgba(24, 45, 51, 0.5);
+        }
+        .name_text {
+          font-size: 28px;
+          flex: 0.5;
+          overflow: hidden; /*超出部分隐藏*/
+          white-space: nowrap; /*不换行*/
+          text-overflow: ellipsis; /*超出部分文字以...显示*/
+        }
+        .square_text {
+          font-size: 28px;
+          flex: 0.4;
+        }
+        .operation_mian {
+          flex: 0 0 150px;
+
+          .describe {
+            font-size: 20px;
+            padding: 6px 5px;
+            float: right;
+            color: #fff;
+            border-radius: 30px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            max-width: 150px;
+            &.yph {
+              background: #b026ff;
+            }
+            &.dlzdph {
+              background: #ff6f36;
+            }
+            &.ylz {
+              background: #7fff4c;
+            }
+            &.dlz {
+              background: rgb(255, 232, 76);
+            }
+            &.ylzdph {
+              background: #ff7dd0;
+            }
+            &.zy {
+              background: rgb(100, 30, 100);
+            }
+            &.xz {
+              background: rgb(60, 100, 180);
+            }
+            &.chdb {
+              background: #fe0303;
+            }
+          }
+        }
+      }
+    }
+    .footerBtn_wrap {
+      flex: 0 0 90px;
+      display: flex;
+      justify-content: center; /* 相对父元素水平居中 */
+      align-items: center; /*  子元素相对父元素垂直居中 */
+
+      .options {
+        flex: 1;
+        font-size: 38px;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+        height: 90px;
+        &:first-child {
+          border-bottom-left-radius: 15px;
+        }
+        &.active {
+          background: #3cbf5b;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .checkbox {
+    width: 200px;
+    margin: 30px auto;
+  }
+
+  .thead-checkbox {
+    background-color: lightgray;
+  }
+
+  .item-checkbox {
+    border: 1px solid darkgray;
+  }
+  .van-sticky{position: fixed;top: 0;right: 0; left: 0;z-index: 9999;}
+
+  .searchBar_wrap {
+    // display: none;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    padding: 0px 16px 0px 13px;
+    background: #fff;
+    border-top-left-radius: 15px;
+    border-top-right-radius: 15px;
+    z-index: 9;
+
+    .searchBox{
+      height: 40vh;
+      overflow-y: scroll;
+      .van-cell{
+        /*&:first-child{*/
+        /*  box-shadow: none;*/
+        /*  margin:0;*/
+        /*}*/
+        box-shadow: 0px 0px 5px #cccccc;
+        border-radius: 15PX;
+        width: 98%;
+        margin: 0 auto;
+        margin-bottom: 0.35rem;
+        &:first-child{
+          margin-top: 5px;
+        }
+      }
+      .van-cell__title{
+        flex: 0.8;
+        p{
+          color: rgb(34, 183, 242);
+          .van-icon{
+            vertical-align: middle;
+          }
+          span{
+            vertical-align: middle;
+            &:nth-child(2){
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              display: inline-block;
+              width: 60%;
+            }
+            &:nth-child(3){
+              font-size: 0.25rem;
+              border-radius: 5PX;
+              padding: 5PX 15PX;
+              margin-left: 5%;
+            }
+          }
+        }
+      }
+      .van-cell__value{
+        flex: 0.2;
+        p{
+          font-size: 0.25rem;
+          display: inline-block;
+          border-radius: 1rem;
+          line-height: 1;
+          padding: 10%;
+        }
+      }
+    }
+    .actionBar_wrap {
+      display: flex;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+
+      background: #fff;
+      border-top-left-radius: 15px;
+      border-top-right-radius: 15px;
+      .m_list {
+        flex: 1;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+
+        .tensile,
+        .positioning,
+        .spacing,
+        .scale {
+          width: 76px;
+          height: 72px;
+          background: #ffffff;
+          border-radius: 8px;
+          box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);
+          .icon {
+            width: 76px;
+            height: 72px;
+          }
+          &.active {
+            background: #333;
+            &.tensile {
+              .icon {
+                background: url("../../assets/images/homestead/operation/tensile_active.png")
+                center center no-repeat;
+                background-size: 38px 50px;
+              }
+            }
+            &.positioning {
+              .icon {
+                background: url("../../assets/images/homestead/operation/positioning_active.png")
+                center center no-repeat;
+                background-size: 38px 48px;
+              }
+            }
+            &.spacing {
+              .icon {
+                background: url("../../assets/images/homestead/operation/spacing_active.png")
+                center center no-repeat;
+                background-size: 46px 46px;
+              }
+            }
+            &.scale {
+              .icon {
+                background: url("../../assets/images/homestead/operation/scale_active.png")
+                center center no-repeat;
+                background-size: 48px 48px;
+              }
+            }
+          }
+        }
+        .tensile {
+          .icon {
+            background: url("../../assets/images/homestead/operation/tensile.png")
+            center center no-repeat;
+            background-size: 38px 50px;
+          }
+        }
+        .positioning {
+          .icon {
+            background: url("../../assets/images/homestead/operation/positioning.png")
+            center center no-repeat;
+            background-size: 38px 48px;
+          }
+        }
+        .spacing {
+          .icon {
+            background: url("../../assets/images/homestead/operation/spacing.png")
+            center center no-repeat;
+            background-size: 46px 46px;
+          }
+        }
+        .scale {
+          .icon {
+            background: url("../../assets/images/homestead/operation/scale.png")
+            center center no-repeat;
+            background-size: 48px 48px;
+          }
+        }
+        .closes {
+          background: url("../../assets/images/homestead/searchBar_close.png")
+          no-repeat;
+          background-size: 100% 100%;
+          width: 72px;
+          height: 72px;
+          &.gray {
+            background: url("../../assets/images/homestead/searchBar_close_gray.png")
+            no-repeat;
+            background-size: 100% 100%;
+          }
+        }
+        .correct {
+          background: url("../../assets/images/homestead/searchBar_save.png")
+          no-repeat;
+          background-size: 100% 100%;
+          width: 72px;
+          height: 72px;
+        }
+      }
+    }
+    .searchBar_area {
+      flex: 1;
+      height: 80px;
+      background: #f1f1f1;
+      border: 1px solid #dfdfdf;
+      border-radius: 10px;
+      padding: 0 28px;
+      display: flex;
+      .bar_icon {
+        width: 50px;
+        height: 50px;
+        background: url("../../assets/images/homestead/searchBar_bar.png")
+        center center no-repeat;
+        background-size: 100% 100%;
+        margin-top: 14px;
+        margin-right: 15px;
+      }
+      .bar_ipt {
+        flex: 1;
+        input {
+          width: 100%;
+          height: 100%;
+          background: none;
+          border: 0 none;
+          font-size: 32px;
+        }
+      }
+      .bar_text {
+        flex: 0 0 80px;
+        font-size: 32px;
+        color: #333333;
+        font-family: PingFang SC, PingFang SC-Regular;
+        font-weight: 400;
+        display: flex;
+        justify-content: center; /* 相对父元素水平居中 */
+        align-items: center; /*  子元素相对父元素垂直居中 */
+      }
+    }
+    .searchBar_more {
+      flex: 0 0 80px;
+      background: url("../../assets/images/homestead/searchBar_add.png") center
+      center no-repeat;
+      background-size: 80% 80%;
+      margin-left: 15px;
+    }
+  }
+</style>
diff --git a/src/views/homesteadSurvey/settle.vue b/src/views/homesteadSurvey/settle.vue
index 8e477717..ff055e8b 100644
--- a/src/views/homesteadSurvey/settle.vue
+++ b/src/views/homesteadSurvey/settle.vue
@@ -19,21 +19,22 @@
       </template>
 
     </van-cell>-->
-    <van-cell title="修改密码" @click="showPassword=true,oldPassword='',newPassword='',confirmPassword='' " style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">
-      <template #icon>
-        <van-icon :name="require('../../assets/images/housesteadSurvey/little2.png')" size="18" color="#fff" style="margin:10px;"/>
-      </template>
-    </van-cell>
-    <van-cell title="上传设置" @click="showUpload = true " style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">
-      <template #icon>
-        <van-icon :name="require('../../assets/images/housesteadSurvey/little2.png')" size="18" color="#fff" style="margin:10px;"/>
-      </template>
-    </van-cell>
-    <van-cell title="退出软件" @click="logout"  style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">
-      <template #icon>
-        <van-icon :name="require('../../assets/images/housesteadSurvey/little2.png')" size="18" color="#fff" style="margin:10px;"/>
-      </template>
-    </van-cell>
+
+    <div @click="showPassword=true,oldPassword='',newPassword='',confirmPassword='' " style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;display: flex;align-items: center;">
+      <van-icon :name="require('../../assets/images/housesteadSurvey/btn2.png')" size="18"/>
+      <p style="font-size: 14px;color: #666666;margin-left: 5px;">修改密码</p>
+    </div>
+
+    <div @click="showUpload = true " style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;display: flex;align-items: center;">
+      <van-icon :name="require('../../assets/images/housesteadSurvey/btn3.png')" size="18"/>
+      <p style="font-size: 14px;color: #666666;margin-left: 5px;">上传设置</p>
+    </div>
+
+    <div @click="logout" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;display: flex;align-items: center;">
+      <van-icon :name="require('../../assets/images/housesteadSurvey/btn4.png')" size="18"/>
+      <p style="font-size: 14px;color: #666666;margin-left: 5px;">退出软件</p>
+    </div>
+
     <van-popup v-model:show="showPassword" position="bottom" style="width:100%;padding:20px;">
       <van-cell-group >
         <van-field v-model="oldPassword" label="原密码" type="password" placeholder="请输入" />