nsgk_mobile/src/views/homesteadSurvey/add.vue

<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: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">
      <van-row>
        <van-col span="4" :offset="1" style="text-align:center;" >
          <div @click="active=1">
            <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" :message="form.theGeom" @click="mapClickLoading" 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>
        </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>
        </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>
        </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">
      <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
          />
          <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
          />
          <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
            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
            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
          />
          <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-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-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-field name="uploader" label="宅基地现场照片" autocomplete="off">
            <template #input>
              <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="8"></van-uploader>
            </template>
          </van-field>
          <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.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
          />
          <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"
          />
          <MapGisDrawing ref="drewingClickLoading" :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" />
          </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: '宅基地代码不能为空' }]"
          />
          <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.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"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.fzjg"
            name="发证机关"
            label="发证机关"
            placeholder="发证机关"
            maxlength="100"
          />
          <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 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.qlbl"
            name="权利比例"
            label="权利比例"
            placeholder="单独为1，共有时2位小数"
            type="number"
            maxlength="20"
          />
          <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="0">女</van-radio>
                <van-radio name="2">未知</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.sfsyqrzjgy" 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="form1.sfsyqrzjgy=='Y'"
            input-align="right"
            v-model="form1.ftzdmj"
            name="分摊宗地面积(㎡)"
            label="分摊宗地面积(㎡)"
            placeholder="单位：平方米"
            type="number"
          />
          <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.gyfsName"
            name="共有方式"
            label="共有方式"
            placeholder="共有方式"
            @click="showgyfs = true"
          />
          <van-field
            autocomplete="off"
            v-model="form1.gyfs"
            style="display:none"
          />
          <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="Y">是</van-radio>
                <van-radio name="N">否</van-radio>
              </van-radio-group>
            </template>
          </van-field>
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.suyqrdm"
            name="所有权人代码"
            label="所有权人代码"
            placeholder="当使用权人是本村集体经济组织成员时必填"
            readonly
          />
          <van-field name="radio" label="户口类型" input-align="right" autocomplete="off">
            <template #input>
              <van-radio-group v-model="form1.hklx" 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.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.jzwgd"
            name="建筑物高度"
            label="建筑物高度"
            placeholder="建筑物高度"
            type="number"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="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.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="drewingClickLoading" :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="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="nhform.sfbccm" 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="nhform.sfpkh" 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="nhform.sfwbh" 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="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="宅基地代码"
            disabled
            required
            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.nmfwdm"
            name="农民房屋代码"
            label="农民房屋代码"
            placeholder="自动生成"
            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.bdcdyh"
            name="不动产单元号"
            label="不动产单元号"
            placeholder="不动产单元号"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.nmfwmj"
            name="农民房屋面积(㎡)"
            label="农民房屋面积(㎡)"
            placeholder="农民房屋面积(㎡)"
            type="number"
            required
            :rules="[{ required: true, message: '农民房屋面积(㎡)不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.fwbm"
            name="房屋编码"
            label="房屋编码"
            placeholder="房屋编码"
          />
          <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.nmfwzh"
            name="农民房屋幢号"
            label="农民房屋幢号"
            placeholder="自动生成"
            disabled
          />
          <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.zl"
            name="坐落"
            label="坐落"
            placeholder="坐落"required
            :rules="[{ required: true, message: '坐落不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.sjcs"
            name="实际层数"
            label="实际层数"
            placeholder="实际层数"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.hh"
            name="户号"
            label="户号"
            placeholder="户号"
          />
          <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
            input-align="right"
            v-model="nmfwform.fwytName"
            name="房屋用途"
            label="房屋用途"
            placeholder="房屋用途"
            @click="showfwyt=true"
            readonly
          />
          <van-field
            autocomplete="off"
            v-model="nmfwform.fwyt"
            style="display:none"
          />
          <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.zsh"
            name="证书号"
            label="证书号"
            placeholder="证书号"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.djjg"
            name="登记机构"
            label="登记机构"
            placeholder="登记机构"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.djsj"
            name="登记时间"
            label="登记时间"
            placeholder="登记时间"
            @click="showPickerdjsj=true"
            readonly
          />
          <van-field name="radio" label="是否纠纷" input-align="right" autocomplete="off">
            <template #input>
              <van-radio-group v-model="nmfwform.sfjf" 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.sfcf" 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.cfqssj"
            name="查封起始时间"
            label="查封起始时间"
            placeholder="查封起始时间"
            readonly
            @click="showPickercfqssj=true"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.cfjssj"
            name="查封结束时间"
            label="查封结束时间"
            placeholder="查封结束时间"
            readonly
            @click="showPickercfjssj=true"
          />
          <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.sjlyName"
            name="数据来源"
            label="数据来源"
            placeholder="数据来源"
            readonly
            @click="shownmfwsjly=true"
          />
          <van-field
            autocomplete="off"
            v-model="nmfwform.sjly"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.qxdm"
            name="区县代码"
            label="区县代码"
            placeholder="区县代码"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.lyzkName"
            name="利用状况"
            label="利用状况"
            placeholder="利用状况"
            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
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.jznd"
            name="建筑年代"
            label="建筑年代"
            placeholder="建筑年代"
          />
          <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.fwztName"
            name="房屋状态"
            label="房屋状态"
            placeholder="房屋状态"
            @click="shownmfwfwzt = true"
          />
          <van-field
            autocomplete="off"
            v-model="nmfwform.fwzt"
            style="display:none"
          />
          <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"
            input-align="right"
            v-model="nmfwform.zwlxsj1"
            name="债务履行开始时间"
            label="债务履行开始时间"
            placeholder="债务履行开始时间"
            @click="showPickerzwlxsj1=true"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.zwlxsj2"
            name="债务履行结束时间"
            label="债务履行结束时间"
            placeholder="债务履行结束时间"
            @click="showPickerzwlxsj2=true"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.eay"
            name="年收益"
            label="年收益"
            placeholder="年收益"
          />
          <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.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.qslyName"
            name="权属来源"
            label="权属来源"
            placeholder="权属来源"
            @click="shownmfwqsly=true"
          />
          <van-field
            autocomplete="off"
            v-model="nmfwform.qsly"
            style="display:none"
          />
          <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
            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.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="lyzkOptions"
          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.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.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 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
            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 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
            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.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.remark"
            name="备注"
            label="备注"
            placeholder="备注"
          />
          <MapGisDrawing ref="drewingClickLoading" :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="0">女</van-radio>
                <van-radio name="2">未知</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="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.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="Y">是</van-radio>
                <van-radio name="N">否</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="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="form5.sfwbh" 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="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} from "@/api/homesteadSurvey/zjdzd";
  import MapGisDrawing from "@/components/Map/MapGisDrawing";
  import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzZtN,updateZrzZtY} 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,updateFsssZtN,updateFsssZtY} 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';
  export default {
    name: "homesteadAdd",
    components: { MapGisDrawing,},
    data() {
      return {
        showsh:false,
        showdcsh:false,
        zjdAudit:'1',
        auditRemark:"",
        ycms:"",
        isyc:'Y',
        ycms:"",
        showycbj:false,
        shownh:false,
        showhzzjlx:false,
        showhzoccupation:false,
        showhzjzqk:false,
        showhzjzhcssfyzf:false,
        showhzsjly: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: [],
        // 审批或建设前土地状况字典
        tdzkOptions: [],
        // 批准时间字典
        pzsjOptions: [],
        // 共有方式字典
        gyfsOptions: [],
        // 权利人类型字典
        qlrlxOptions: [],
        // 证件类型字典
        zjlxOptions:[],
        // 与户主关系字典
        yhzgxOptions:[],
        // 权利类型字典
        qllxOptions:[],
        // 权利性质字典
        qlxzOptions:[],
        // 权利设定方式字典
        qlsdfsOptions:[],
        // 用途字典
        ytOptions:[],
        // 职业字典
        occupationOptions:[],
        // 集镇或城市是否有住房
        jzhcssfyzfOptions:[],
        // 婚姻状况
        hyzkOptions:[],
        // 成员备注字典
        cybzOptions:[],
        // 居住情况字典
        jzqkOptions:[],
        // 土地等级字典
        tddjOptions:[],
        // 所属行业
        industryOptions:[],
        // 户籍所在省市
        hjszssOptions:[],

        // 图片上传路径
        baseUrl:"",

        // 自然幢号
        zrzh:null,

        //返回地图页
        backMap:{
          activeBtn:"",
          backMapZjdAData:"",
          deptId:"",
          zjddm:"",
        },
        //记录是否从地图进入
        enterMap: "",
        //记录从地图进入宅基地代码
        enterMapZjddm:"",

        //审核状态
        isFinished:false,
        // cookies
        cookiesInfo:null,
        // 异常标记照片
        fileListyc:[],
      };
    },
    created(){
      if(this.$cookies.get("search")){
        if(this.$cookies.get("search").active!=null){
          this.cookiesInfo = this.$cookies.get("search")
          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("item",this.backMap);
          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.mapClickLoading();
          let zrz = this.cookiesInfo.mapZrzAData;
          let fsss = this.cookiesInfo.mapFsssAData;
          this.getnhdmlist();
          this.getBaseUrl();
          this.getZjd();
          if(this.cookiesInfo.active=="3"){
            this.showzrz= true
            this.form3 =
            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.theGeom = this.cookiesInfo.mapFsssAData.theGeom;
            this.getFsssList()
            setTimeout(() => {
              this.showPopupfsss(fsss)
            }, 500);
          }
        }else{
          this.cookiesInfo = this.$cookies.get("search")
          this.$cookies.set("search","")
          this.item = this.cookiesInfo
          if(this.item.houseDataConfirmStatus!="CONFIRMED"){
            this.isFinished = true
          }
          this.getBaseUrl();
          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("zjdlyzk").then(response => {
        this.lyzkOptions = response.data;
      });
      this.getDicts("acquisition_method").then(response => {
        this.zjdqdfsOptions = response.data;
      });
      this.getDicts("sjly").then(response => {
        this.sjlyOptions = response.data;
      });
      this.getDicts("fsss_type").then(response => {
        this.fssslxOptions = response.data;
      });
      this.getDicts("acquisition_method").then(response => {
        this.qslyOptions = response.data;
      });
      this.getDicts("fwzt").then(response => {
        this.fwztOptions = response.data;
      });
      this.getDicts("house_jglx").then(response => {
        this.jglxOptions = response.data;
      });
      this.getDicts("fwzt").then(response => {
        this.jzwqkOptions = response.data;
      });
      this.getDicts("land_state").then(response => {
        this.tdzkOptions = response.data;
      });
      this.getDicts("approve_time").then(response => {
        this.pzsjOptions = response.data;
      });
      this.getDicts("phlyms").then(response => {
        this.phlymsOptions = response.data;
      });
      this.getDicts("fwlx").then(response => {
        this.fwlxOptions = response.data;
      });
      this.getDicts("fwxz").then(response => {
        this.fwxzOptions = response.data;
      });
      this.getDicts("nmfwhx").then(response => {
        this.hxOptions = response.data;
      });
      this.getDicts("nmfwhxjg").then(response => {
        this.hxjgOptions = response.data;
      });
      this.getDicts("housing_structure").then(response => {
        this.fwjgOptions = response.data;
      });
      this.getDicts("fwyt").then(response => {
        this.fwytOptions = response.data;
      });
      this.getDicts("common_mode").then(response => {
        this.gyfsOptions = response.data;
      });
      this.getDicts("obligee_type").then(response => {
        this.qlrlxOptions = response.data;
      });
      this.getDicts("zjlx").then(response => {
        this.zjlxOptions = response.data;
      });
      this.getDicts("hjszss").then(response => {
        this.hjszssOptions = response.data;
      });
      this.getDicts("family_status").then(response => {
        var arr = [];response.data.forEach(function (item) {
          if (item.dictLabel !== '户主') {
            arr.push(item)
          }
        });
        this.yhzgxOptions = arr;
      });
      this.getDicts("rights_nature").then(response => {
        this.qlxzOptions = response.data;
      });
      this.getDicts("rights_type").then(response => {
        this.qllxOptions = response.data;
      });
      this.getDicts("right_setting_mode").then(response => {
        this.qlsdfsOptions = response.data;
      });
      this.getDicts("land_use").then(response => {
        this.ytOptions = response.data;
      });
      this.getDicts("jzhcssfyzf").then(response => {
        this.jzhcssfyzfOptions = response.data;
      });
      this.getDicts("occupation").then(response => {
        this.occupationOptions = response.data;
      });
      this.getDicts("hyzk").then(response => {
        this.hyzkOptions = response.data;
      });
      this.getDicts("member_remark").then(response => {
        this.cybzOptions = response.data;
      });
      this.getDicts("living_condition").then(response => {
        this.jzqkOptions = response.data;
      });
      this.getDicts("tddj").then(response => {
        this.tddjOptions = response.data;
      });
      this.getDicts("Industry").then(response => {
        this.industryOptions = response.data;
      });
      if(this.active ==1){
        //this.form.theGeom = this.item.theGeom;
        this.message = this.form.theGeom;
        console.log(this.message);
        //this.$refs.drewingClickLoading = this.form.theGeom;
        this.mapClickLoading();
      }
    },
    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.hzzljx=='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'
          updateZjdzd(this.form).then(response => {
            let _this =this
            this.$toast({
              icon: 'success', // 找到自己需要的图标
              message: '审核成功',
              duration:"1000",
              onClose:function(){
                _this.showdcsh = false
              }
            })
          });
        }else{
          updateZjdzd(this.form).then(response => {
            let _this =this
            this.$toast({
              icon: 'success', // 找到自己需要的图标
              message: '审核成功',
              duration:"1000",
              onClose:function(){
                _this.showdcsh = false
              }
            })
          });
        }
      },
      saveyc(){
        this.showycbj = false
        this.form.isyc = this.isyc
        this.form.ycms = this.ycms
        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.replaceAll(url,"")
        this.form.yctp = this.form.yctp.replaceAll(url1,"")
        this.form.yctp = this.form.yctp.replaceAll(url2,"")
      },
      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
          console.log(this.baseUrl)
        })
      },
      // 验证
      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({
                icon: 'erroe', // 找到自己需要的图标
                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){
        // 创建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();
          console.log(d)
          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
            }
          })
        }
      },
      // 图片删除
      deleteFilezjd(file){
        let url = ","+file.baseUrl
        let url1 = file.baseUrl+","
        let url2 = file.baseUrl
        this.form.zjdxctp = this.form.zjdxctp.replaceAll(url,"")
        this.form.zjdxctp = this.form.zjdxctp.replaceAll(url1,"")
        this.form.zjdxctp = this.form.zjdxctp.replaceAll(url2,"")
      },
      // 图片上传前
      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.replaceAll(url,"")
        this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.replaceAll(url1,"")
        this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.replaceAll(url2,"")
      },
      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
      },
      // 户主数据来源弹出框
      onConfirmhzsjly(value){
        this.nhform.sjlyName = value.dictLabel
        this.nhform.sjly = value.dictValue
        this.showhzsjly= 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.enterMap ==1){
        //   this.$cookies.set("item",this.backMap);
        //   this.$router.push({name:'homesteadList'});
        // } else {
        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){
        this.shownh = true;
        if(item==""){
          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":'Y',
            "sfbccm":'Y',
            "sfpkh":'N',
            "sfwbh":'N',
            "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) => {
            this.nhform = response.rows[0]
            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 = 'Y'
            }
            if(this.nhform.sfbccm==null||this.nhform.sfbccm==''){
              this.nhform.sfbccm = 'Y'
            }
            if(this.nhform.sfpkh==null||this.nhform.sfpkh==''){
              this.nhform.sfpkh = 'N'
            }
            if(this.nhform.sfwbh==null||this.nhform.sfwbh==''){
              this.nhform.sfwbh = 'N'
            }
            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
              }
            })
          });
        }

      },
      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 = "200"
              this.form.qlxzName = "集体土地"
            }
            if(this.form.qlsdfs==null||this.form.qlsdfs==""){
              this.form.qlsdfs = "1"
              this.form.qlsdfsName = "地上"
            }
            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
              }
            })
          });

        }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:'200',
              qlxzName:'集体土地',
              qlsdfs:'1',
              qlsdfsName:'地上',
              sjly:'04',
              sjlyName:'农村宅基地使用权确权登记发证',
              zl:''
            }
            if(response.rows.length>0){
              this.form.suyqrdm = response.rows[0].suyqrdm
              this.form.zl = response.rows[0].suyqrmc
            }
          });
        }
      },
      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;
          });
          /*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;
          });
        }
      },
      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()
                _this.shownmfwlist(_this.form3)
              }
            })
          });
        } 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()
                _this.shownmfwlist(_this.form3)
              }
            })
          });
        }
      },
      // 附属设施保存
      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);
            let _this =this
            this.$toast({
              icon: 'success', // 找到自己需要的图标
              message: '修改成功',
              duration:"1000",
              onClose:function(){
                _this.active = 2
                _this.getSyqrList()
              }
            })
          });
        } else {
          addZjdzd(this.form).then(response => {
            this.$cookies.set("search",this.form);
            this.form = response.data
            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:'1',
              xb:'1',
              sfbncjtjjzzcy:'Y',
              sfsyqrzjgy:'N',
              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 = '1'
            }
            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.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":'1',
            "occupation":'1',
            "occupationName":'务农',
            "jzqk":'3',
            "jzqkName":'常年居住',
            "sfbjtjjzzcy":'Y',
            "xb":'0',
            "sfbccm":'Y',
            "sfpkh":'N',
            "sfwbh":'N',
            "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 = "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
            }
          })
        }
        this.showhncy = true
      },
      showPopupzrz(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.form3.theGeom,
            }
          }else{
            this.form3 = item
            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.dscs==null||this.form3.dscs==""){
              this.form3.dscs = "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
                }
              })
            }

          }
          this.showzrz = true;
          this.active = 3;
          this.mapClickLoading();
        }
      },
      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:'N',
            sfcf:'N',
            sffz:'Y',
            isCommon:'N',
            fwzt:'01',
            fwztName:'正常',
            isMortgage:'N',
            sjly:'04',
            sjlyName:'农村宅基地使用权确权登记发证',
            fwlx:'01',
            fwlxName:'住宅',
            lyzk:'1',
            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 = "1"
            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 = "N"
          }
          if(this.nmfwform.sfcf==null||this.nmfwform.sfcf==""){
            this.nmfwform.sfcf = "N"
          }
          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.lyzkOptions.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.form4.theGeom,
          }
        }else{
          this.form4=item
          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.form4.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.mapClickLoading();
        }
      },
      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"
              if(this.form.zjddm !="" && this.form.zjddm !=undefined && this.form.zjddm !=null && this.form.isyc =="N"){
                updateZrzZtN(this.form.zjddm).then(response => {});
                updateFsssZtN(this.form.zjddm).then(response => {});
              }else {
                updateZrzZtY(this.form.zjddm).then(response => {});
                updateFsssZtY(this.form.zjddm).then(response => {});
              }
              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();
                    }
                  })
                });
              }
            })
          }, 200);
        }else{
          updateZjdzd(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(() => {
          this.$refs.drewingClickLoading.drawingPaceCountryDarw();
        }, 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 {

        }
      },
      //地图加载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: 32px;
    background: #7ac943;
    border-radius: 3px;
    position:absolute;
    left:0;
    bottom:0;
  }
  >>> .delete-button {
    height: 100%;
  }
  >>> .van-swipe-cell__wrapper{
    margin-right:-3px;
  }
</style>