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;" @click="zjdProduct">
            <div @click="active=1">
              <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
              <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p>
            </div>
          </van-col>
          <van-col span="2">
            <div style="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
            v-show="false"
          />
          <van-field
            autocomplete="off"
            v-model="form.zjddm"
            name="宅基地代码"
            label="宅基地代码"
            placeholder="自动生成"
            input-align="right"
            disabled
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form.zddm"
            name="宗地代码"
            label="宗地代码"
            placeholder="自动生成"
            disabled
            v-show="false"
          />
          <van-field name="radio" label="是否发证" input-align="right" autocomplete="off">
            <template #input>
              <van-radio-group v-model="form.sffz" direction="horizontal">
                <van-radio name="Y">是</van-radio>
                <van-radio name="N">否</van-radio>
              </van-radio-group>
            </template>
          </van-field>

          <van-field
            input-align="right"
            v-model="form.zjdzsh"
            name="宅基地证书号"
            label="宅基地证书号"
            placeholder="宅基地证书号"
            maxlength="50"
            autocomplete="off"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form.zjdpzmj"
            name="批准面积(㎡)"
            label="批准面积(㎡)"
            placeholder="单位：平方米"
            type="number"
            maxlength="15"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form.zdmj"
            type="number"
            name="宗地面积(㎡)"
            label="宗地面积(㎡)"
            placeholder="宗地面积(㎡)"
            maxlength="15"
          />

          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form.zl"
            name="坐落"
            label="坐落"
            placeholder="坐落"
            required
            :rules="[{ required: true, message: '坐落不能为空' }]"
          />
          <van-field
            autocomplete="off"
            v-model="form.zldwdm"
            name="坐落单位代码"
            label="坐落单位代码"
            placeholder="自动生成"
            input-align="right"
            disabled
            v-show="false"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form.zdszd"
            name="宗地四至-东"
            label="宗地四至-东"
            placeholder="宗地四至-东"
            maxlength="150"
            required
            :rules="[{ required: true, message: '宗地四至-东不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form.zdszn"
            name="宗地四至-南"
            label="宗地四至-南"
            placeholder="宗地四至-南"
            maxlength="150"
            required
            :rules="[{ required: true, message: '宗地四至-南不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form.zdszx"
            name="宗地四至-西"
            label="宗地四至-西"
            placeholder="宗地四至-西"
            maxlength="150"
            required
            :rules="[{ required: true, message: '宗地四至-西不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form.zdszb"
            name="宗地四至-北"
            label="宗地四至-北"
            placeholder="宗地四至-北"
            maxlength="150"
            required
            :rules="[{ required: true, message: '宗地四至-北不能为空' }]"
          />
          <van-collapse v-model="activeZjd">
            <van-collapse-item title="利用状况" name="1" class="label-class">
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.lyzkName"
                name="当前利用状况"
                label="当前利用状况"
                placeholder="当前利用状况"
                readonly
                @click="showlyzk = true"
              />
              <van-field
                v-model="form.lyzk"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.zjdxzyy"
                name="闲置原因"
                label="闲置原因"
                placeholder="宅基地闲置原因"
                maxlength="200"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.xzkssj"
                name="闲置开始时间"
                label="闲置开始时间"
                placeholder="闲置开始时间"
                readonly
                @click="showPickerxzkssj = true"
              />
              <van-popup v-model:show="showPickerxzkssj" position="bottom">
                <van-datetime-picker
                  type="date"
                  @confirm="onConfirmxzkssj"
                  @cancel="showPickerxzkssj = false"
                  :min-date="minDate"
                  :max-date="maxDate"
                />
              </van-popup>
              <van-field name="radio" label="流转意向" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="form.lzyx" direction="horizontal">
                    <van-radio name="1">有</van-radio>
                    <van-radio name="0">无</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
              <van-field name="radio" label="有偿退出意向" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="form.yctcyx" direction="horizontal">
                    <van-radio name="1">有</van-radio>
                    <van-radio name="0">无</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
            </van-collapse-item>
            <van-collapse-item title="其他信息" name="2" class="label-class">
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.djName"
                name="等级"
                label="等级"
                placeholder="等级"
                @click="showdj = true"
              />
              <van-field
                autocomplete="off"
                v-model="form.dj"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.jg"
                name="价格（万元）"
                label="价格（万元）"
                placeholder="价格（万元）"
                maxlength="15"
                type="number"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.ytmc"
                name="用途"
                label="用途"
                placeholder="用途"
                readonly
                @click="showyt = true"
                required
                :rules="[{ required: true, message: '用途不能为空' }]"
              />
              <van-field
                v-model="form.yt"
                style="display:none"
                autocomplete="off"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.qllxName"
                name="权利类型"
                label="权利类型"
                placeholder="权利类型"
                readonly
                @click="showqllx = true"
              />
              <van-field
                autocomplete="off"
                v-model="form.qllx"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.qlxzName"
                name="权利性质"
                label="权利性质"
                placeholder="权利性质"
                readonly
                @click="showqlxz = true"
              />
              <van-field
                autocomplete="off"
                v-model="form.qlxz"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.qlsdfsName"
                name="权利设定方式"
                label="权利设定方式"
                placeholder="权利设定方式"
                readonly
                @click="showqlsdfs = true"
              />
              <van-field
                autocomplete="off"
                v-model="form.qlsdfs"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.rjl"
                name="容积率"
                label="容积率"
                placeholder="容积率"
              />
              <van-field
                input-align="right"
                v-model="form.jzmd"
                name="validator"
                label="建筑密度"
                placeholder="填写0~1小数"
                :rules="[{ validator, message: '请填写0~1小数，保留两位小数' }]"
                type="number"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.jzxg"
                name="建筑限高(m)"
                label="建筑限高(m)"
                placeholder="填写000.00~999.99小数"
                :rules="[{ validator:validator1, message: '请填写000.00~999.99小数，保留两位小数' }]"
                type="number"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.zdt"
                name="宗地图"
                label="宗地图"
                placeholder="宗地图"
                maxlength="200"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.tfh"
                name="图幅号"
                label="图幅号"
                placeholder="图幅号"
                maxlength="50"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form.djh"
                name="地籍号"
                label="地籍号"
                placeholder="自动生成"
                disabled
                v-show="false"
              />
              <van-field name="radio" label="被惩处经历" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="form.bccjl" direction="horizontal">
                    <van-radio name="1">有</van-radio>
                    <van-radio name="0">无</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
              <van-field
                autocomplete="off"
                v-if="form.bccjl==1"
                input-align="right"
                v-model="form.bccbz"
                name="被惩处备注"
                label="被惩处备注"
                placeholder="被惩处备注"
                maxlength="200"
              />
              <van-field name="radio" label="宅基地取得方式" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="form.zjdqdfs" direction="horizontal">
                    <van-radio v-for="dict in zjdqdfsOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
            </van-collapse-item>
          </van-collapse>
          <van-field
            autocomplete="off"
            v-model="form.sjlyName"
            name="数据来源"
            label="数据来源"
            placeholder="数据来源"
            input-align="right"
            readonly
            @click="showsjly = true"
          />
          <van-field
            autocomplete="off"
            v-model="form.sjly"
            style="display:none"
          />

          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form.bz"
            name="备注"
            label="备注"
            placeholder="备注"
            maxlength="200"
          />
          <van-field name="uploader" label="现场照片" autocomplete="off">
            <template #input>
              <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="20" accept="image/*"></van-uploader>
            </template>
          </van-field>


          <MapGisDrawing :ref="this.zjdProductResh" :message="form.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
          <div  style="margin: 16px;">
            <van-button v-if="isFinished" round  color="#7AC943" style="width:100%" native-type="submit">保存</van-button>
          </div>
        </van-form>
      </div>
    </div>
    <div v-if="active==2">
      <div style="margin:20px;">
        <p class="title" style="position:relative;padding-left:20px;line-height:32px;">使用权人</p>
      </div>
      <van-swipe-cell v-for="(item,index) in syqrlist" :key="'syqr'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
        <div style="padding:20px;">
          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="manager" color="#22b7f2" size="20" style="margin-right:10px;"/>
            {{item.shyqrdbxm}}</p>
          <div style="display:flex;line-height:20px">
            <p style="flex:1;text-align:left;">证件号码</p>
            <p  style="flex:1;text-align:right;">{{item.shyqrdbzjhm}}</p>
          </div>
          <div style="display:flex;line-height:20px">
            <p style="flex:1;text-align:left;">农户代码</p>
            <p style="flex:1;text-align:right;">{{item.nhdm}}</p>
          </div>
          <div style="text-align:center;overflow:auto;">
            <van-button plain round color="#7AC943" size="mini" style="margin:0 5px;" @click="showPopupnh(item)">查看户主</van-button>
            <van-button plain round color="#7AC943" size="mini" style="margin:0 5px;" @click="showPopupsyqr(item)">查看使用权人</van-button>
            <van-button plain round color="#7AC943" size="mini" style="margin:0 5px;" @click="showPopuphncylist(item)">查看成员</van-button>
          </div>
        </div>
        <template #right v-if="isFinished">
          <van-button square text="删除" type="danger" class="delete-button" @click="deletesyqr(item.id,index)"/>
        </template>
      </van-swipe-cell>

      <div v-if="isFinished" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:10px;">
        <div style="text-align:center;overflow:auto;">
          <van-button plain round color="#22B7F2" size="mini" style="margin:0 auto;padding:20px;" @click="showPopupsyqr('')">+添加使用权人</van-button>
          <van-button plain round color="#22B7F2" size="mini" style="margin:0 auto;padding:20px;" @click="showPopupnh('')">+添加农户信息</van-button>
        </div>
      </div>
      <!--  <div style="position:fixed;bottom:50px;left:25%;width:50%;text-align:center;">
        <van-button round  size="small" color="#7AC943" style="width:40%" @click="changeActiveBack">上一项</van-button>
        <van-button round  size="small" color="#7AC943" style="width:40%" @click="changeActive">下一项</van-button>
      </div>-->
    </div>
    <div v-if="active==3">
      <div style="margin:20px;">
        <p class="title" style="position:relative;padding-left:20px;line-height:32px;">自然幢</p>
      </div>
      <van-swipe-cell v-for="(item,index) in zrzlist" :key="'zrz'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
        <div style="padding:20px;">
          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>
            第{{index+1}}号</p>
          <div style="display:flex;line-height:20px">
            <p style="flex:1;text-align:left;">自然幢号</p>
            <p  style="flex:1;text-align:right;">{{item.zrzh}}</p>
          </div>
          <div style="display:flex;line-height:20px">
            <p style="flex:1;text-align:left;">总层数</p>
            <p style="flex:1;text-align:right;">{{item.zcs}}</p>
          </div>
          <div style="text-align:center;overflow:auto;">
            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" @click="showPopupzrz(item)">查看自然幢信息</van-button>
            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" @click="shownmfwlist(item)">查看房屋列表</van-button>
          </div>
        </div>
        <template #right v-if="isFinished">
          <van-button square text="删除" type="danger" class="delete-button" @click="deletezrz(item,index)"/>
        </template>
      </van-swipe-cell>
      <div v-if="isFinished" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">
        <div style="text-align:center;" >
          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopupzrz('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加自然幢信息</p>
        </div>
      </div>
      <!--<div style="margin:20px;">
        <p class="title" style="position:relative;padding-left:20px;line-height:32px;">房屋信息</p>
      </div>
      <van-swipe-cell v-for="(item,index) in fwlist" :key="index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
        <div style="padding:20px;">
          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>第{{index+1}}号</p>
          <div style="display:flex;line-height:20px">
            <p style="flex:1;text-align:left;">农民房屋幢号</p>
            <p  style="flex:1;text-align:right;">{{item.nmfwzh}}</p>
          </div>
          <div style="display:flex;line-height:20px">
            <p style="flex:1;text-align:left;">农民房屋面积(㎡)</p>
            <p style="flex:1;text-align:right;">{{item.nmfwmj}}</p>
          </div>
          <div style="text-align:center;overflow:auto;">
            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" @click="showPopupfw(item)">查看房屋信息</van-button>
          </div>
        </div>
        <template #right>
          <van-button square text="删除" type="danger" class="delete-button" @click="deletefw(item.id,index)"/>
        </template>
      </van-swipe-cell>
      <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;margin-bottom:50px">
        <div style="text-align:center;" >
          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopupfw('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加房屋信息</p>
        </div>
      </div>-->
      <!--<div style="position:fixed;bottom:50px;left:25%;width:50%;text-align:center;">
        <van-button round  size="small" color="#7AC943" style="width:40%" @click="changeActiveBack">上一项</van-button>
        <van-button round  size="small" color="#7AC943" style="width:40%" @click="changeActive">下一项</van-button>
      </div>-->
    </div>
    <div v-if="active==4">
      <div style="margin:20px;">
        <p class="title" style="position:relative;padding-left:20px;line-height:32px;">附属设施</p>
      </div>
      <van-swipe-cell v-for="(item,index) in fssslist" :key="'fsss'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
        <div style="padding:20px;">
          <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>{{fssslxfy(item.fssslx)}}</p>
          <div style="display:flex;line-height:20px">
            <p style="flex:1;text-align:left;">建筑面积(㎡)</p>
            <p  style="flex:1;text-align:right;">{{item.jzmj}}</p>
          </div>
          <div style="display:flex;line-height:20px">
            <p style="flex:1;text-align:left;">建筑物情况</p>
            <p style="flex:1;text-align:right;">{{jzwqkfy(item.jzwqk)}}</p>
          </div>
          <div style="text-align:center;overflow:auto;">
            <van-button plain round color="#7AC943" size="mini" @click="showPopupfsss(item)" style="margin:0 auto;">查看附属设施信息</van-button>
          </div>
        </div>
        <template #right v-if="isFinished">
          <van-button square text="删除" type="danger" class="delete-button" @click="deletefsss(item.id,index)"/>
        </template>
      </van-swipe-cell>
      <div v-if="isFinished" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">
        <div style="text-align:center;" >
          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopupfsss('')"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加附属设施信息</p>
        </div>
      </div>
      <!--<div v-if="!isFinished&&showsh">
        <div style="margin:20px;">
          <p class="title" style="position:relative;padding-left:20px;line-height:32px;">电子签名</p>
        </div>
        <van-row style="margin: 0 5% 5% 5%;border:1px solid #BFBFBF">
          <img :src="resultImg" alt="" width="100%" height="100%"/>
        </van-row>
      </div>-->
      <div style="position:fixed;bottom:0;left:5%;width:90%;text-align:center;display:flex;">
        <van-button round color="#ee0a24"  style="flex:1;" @click="showycbjinfo">异常标记</van-button>
        <van-button round color="#7AC943"  style="flex:1;" @click="searchCommit">签名确认</van-button>
        <van-button round color="#ff976a" v-if="!isFinished&&showsh" style="flex:1;" @click="showdcshinfo">调查审核</van-button>
      </div>
    </div>
    <van-popup v-model="showsyqr" style="height:100%;width:100%;">
      <div class="bannerBg">
        <van-nav-bar
          style="background:transparent;border-bottom-width:0;"
          @click-left="showsyqr=false"
        >
          <template #left>
            <van-icon name="arrow-left" size="18" color="#fff" style="line-height: 32px;" />
          </template>
          <template #title>
            <p style="color:#fff">使用权利人</p>
          </template>
        </van-nav-bar>
      </div>
      <div style="margin:20px;">
        <van-form @submit="onSubmitsyqr">
          <p class="title" style="position:relative;padding-left:20px;line-height:32px;">使用权人</p>

          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.nhdm"
            name="农户代码"
            label="农户代码"
            placeholder="农户代码"
            required
            :rules="[{ required: true, message: '农户代码不能为空' }]"
            @click="showsyqrnhdmlist = true,nhdmValue=null"
            readonly
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.zjddm"
            name="宅基地代码"
            label="宅基地代码"
            placeholder="宅基地代码"
            required
            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
            v-show="false"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.shyqrdbxm"
            name="使用权人代表姓名"
            label="权利人姓名"
            placeholder="使用权人代表姓名"
            maxlength="50"
            required
            :rules="[{ required: true, message: '使用权人代表姓名不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.shyqrdbzjlxName"
            name="使用权人代表证件类型"
            label="证件类型"
            placeholder="使用权人代表证件类型"
            @click="showshyqrdbzjlx = true"
            required
            :rules="[{ required: true, message: '使用权人代表证件类型不能为空' }]"
          />
          <van-field
            v-model="form1.shyqrdbzjlx"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.shyqrdbzjhm"
            name="使用权人代表证件号码"
            label="证件号码"
            placeholder="使用权人代表证件号码"
            maxlength="30"
            required
            :rules="[{ required: true, message: '使用权人代表证件号码不能为空' },{validator:validatorIdcard,message:'身份证号格式错误！'}]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.qlrlxName"
            name="权利人类型"
            label="权利人类型"
            placeholder="权利人类型"
            @click="showqlrlx = true"
            required
            :rules="[{ required: true, message: '权利人类型不能为空' }]"
          />
          <van-field
            autocomplete="off"
            v-model="form1.qlrlx"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.bdcdyh"
            name="不动产单元号"
            label="不动产单元号"
            placeholder="分配了不动产单元号时填写"
            maxlength="28"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.bdcqzh"
            name="不动产权证号"
            label="不动产权证号"
            placeholder="不动产权证号"
            maxlength="50"
            v-show="form1.bdcdyh!=null&&form1.bdcdyh!=''"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.qzysxlh"
            name="权证印刷序列号"
            label="权证印刷序列号"
            placeholder="权证印刷序列号"
            maxlength="100"
            v-show="false"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.fzjg"
            name="发证机关"
            label="发证机关"
            placeholder="发证机关"
            maxlength="100"
          />
          <van-collapse v-model="activeQlr">
            <van-collapse-item title="基本信息" name="1" class="label-class">
              <van-field name="radio" label="国家/地区" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="form1.gj" direction="horizontal">
                    <van-radio name="1">中国</van-radio>
                    <van-radio name="2">其他</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form1.hjszssName"
                name="户籍所在省市"
                label="户籍所在省市"
                placeholder="户籍所在省市"
                readonly
                @click="showhjszss = true"
              />
              <van-field
                style="display:none"
                v-model="form1.hjszss"
              />
              <van-field name="radio" label="性别" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="form1.xb" direction="horizontal">
                    <van-radio name="1">男</van-radio>
                    <van-radio name="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.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.sshyName"
                name="所属行业"
                label="所属行业"
                placeholder="所属行业"
                readonly
                @click="showsyqrsshy = true"
              />
              <van-field
                autocomplete="off"
                v-model="form1.sshy"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form1.suyqrdm"
                name="所有权人代码"
                label="所有权人代码"
                placeholder="当使用权人是本村集体经济组织成员时必填"
                readonly
                v-show="false"
              />
              <van-field name="radio" label="户口类型" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="form1.hklx" direction="horizontal">
                    <van-radio name="1">农业</van-radio>
                    <van-radio name="2">非农业</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
            </van-collapse-item>
            <van-collapse-item title="共有方式" name="2" class="label-class">

              <van-field autocomplete="off" name="radio" label="是否持证人" input-align="right" required
                         :rules="[{ required: true, message: '是否持证人' }]">
                <template #input>
                  <van-radio-group v-model="form1.sfczr" direction="horizontal">
                    <van-radio name="Y">是</van-radio>
                    <van-radio name="N">否</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
              <van-field autocomplete="off" name="radio" label="是否使用权人之间共有" input-align="right" required
                         :rules="[{ required: true, message: '是否共有不能为空' }]">
                <template #input>
                  <van-radio-group v-model="form1.sfsyqrzjgy" direction="horizontal">
                    <van-radio name="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.gyfsName"
                name="共有方式"
                label="共有方式"
                placeholder="共有方式"
                @click="showgyfs = true"
              />
              <van-field
                autocomplete="off"
                v-model="form1.gyfs"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="form1.qlbl"
                name="权利比例"
                label="权利比例"
                placeholder="单独为1，共有时2位小数"
                type="number"
                maxlength="20"
              />
              <van-field
                autocomplete="off"
                v-if="form1.sfsyqrzjgy=='Y'"
                input-align="right"
                v-model="form1.ftzdmj"
                name="分摊宗地面积(㎡)"
                label="分摊宗地面积(㎡)"
                placeholder="单位：平方米"
                type="number"
              />
            </van-collapse-item>
          </van-collapse>

          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form1.bz"
            name="备注"
            label="备注"
            placeholder="备注"
          />
          <!--          <div style="text-align:center;overflow:auto;">
            <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" native-type="button" @click="showPopuphncylist(form1)">查看户内成员列表</van-button>
          </div>-->
          <div style="margin: 16px;" v-if="isFinished">
            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
          </div>
        </van-form>
      </div>
    </van-popup>
    <van-popup v-model="showzrz" style="height:100%;width:100%;">
      <div class="bannerBg">
        <van-nav-bar
          style="background:transparent;border-bottom-width:0;"
          @click-left="showzrz=false"
        >
          <template #left>
            <van-icon name="arrow-left" size="18" color="#fff" />
          </template>
          <template #title>
            <p style="color:#fff">自然幢信息</p>
          </template>
        </van-nav-bar>
      </div>
      <div style="margin:20px;">
        <van-form @submit="onSubmitzrz">
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.zjddm"
            name="宅基地代码"
            label="宅基地代码"
            placeholder="宅基地代码"
            readonly
            required
            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
          />
          <!--<van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.nmfwzh"
            name="农民房屋幢号"
            label="农民房屋幢号"
            placeholder="自动生成"
            disabled
          />-->
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.zrzh"
            name="自然幢号"
            label="自然幢号"
            placeholder="自动生成"
            disabled
          />
          <!--          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.jgrq"
            name="竣工日期"
            label="竣工日期"
            placeholder="竣工日期"
            @click="showPickerjgrq=true"
            readonly
          />-->

          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.zzdmj"
            @input="form3.zydmj = form3.zzdmj"
            name="幢占地面积(㎡)"
            label="幢占地面积(㎡)"
            placeholder="幢占地面积(㎡)"
            type="number"
            required
            :rules="[{ required: true, message: '幢占地面积(㎡)不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.zydmj"
            name="幢用地面积(㎡)"
            label="幢用地面积(㎡)"
            placeholder="幢用地面积(㎡)"
            type="number"
            required
            :rules="[{ required: true, message: '幢用地面积(㎡)不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.scjzmj"
            name="实测建筑面积(㎡)"
            label="实测建筑面积(㎡)"
            placeholder="实测建筑面积(㎡)"
            type="number"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.jzwgd"
            name="建筑物高度"
            label="建筑物高度"
            placeholder="建筑物高度"
            type="number"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.zcs"
            name="总层数"
            label="总层数"
            placeholder="总层数"
            type="number"
            required
            :rules="[{ required: true, message: '总层数不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.dscs"
            name="地上层数"
            label="地上层数"
            placeholder="地上层数"
            type="number"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.dxcs"
            name="地下层数"
            label="地下层数"
            placeholder="地下层数"
            type="number"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.fwjgName"
            name="房屋结构"
            label="房屋结构"
            placeholder="房屋结构"
            @click="showzrzfwjg = true"
            readonly
            required
            :rules="[{ required: true, message: '房屋结构不能为空' }]"
          />
          <van-field
            autocomplete="off"
            v-model="form3.fwjg"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.sjlyName"
            name="数据来源"
            label="数据来源"
            placeholder="数据来源"
            readonly
            required
            :rules="[{ required: true, message: '数据来源不能为空' }]"
            @click="showzrzsjly=true"
          />
          <van-field
            autocomplete="off"
            v-model="form3.sjly"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form3.bz"
            name="备注"
            label="备注"
            placeholder="备注"
          />
          <MapGisDrawing :ref="this.zrzProductResh" :message="form3.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
          <div style="margin: 16px;" v-if="isFinished">
            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
          </div>
        </van-form>
      </div>
    </van-popup>
    <van-popup v-model="shownh" style="height:100%;width:100%;">
      <div class="bannerBg">
        <van-nav-bar
          style="background:transparent;border-bottom-width:0;"
          @click-left="shownh=false"
        >
          <template #left>
            <van-icon name="arrow-left" size="18" color="#fff" />
          </template>
          <template #title>
            <p style="color:#fff">{{nhform.id?"":"新增"}}户主信息</p>
          </template>
        </van-nav-bar>
      </div>
      <div style="margin:20px;">
        <van-form @submit="onSubmitnh">
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nhform.suyqrdm"
            name="所有权人代码"
            label="所有权人代码"
            placeholder="所有权人代码"
            required
            disabled
            :rules="[{ required: true, message: '所有权人代码不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nhform.nhdm"
            name="农户代码"
            label="农户代码"
            placeholder="自动生成"
            disabled
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nhform.hzxm"
            name="户主姓名"
            label="户主姓名"
            placeholder="户主姓名"
            required
            :rules="[{ required: true, message: '户主姓名不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nhform.hzzjlxName"
            name="户主证件类型"
            label="户主证件类型"
            placeholder="户主证件类型"
            required
            readonly
            :rules="[{ required: true, message: '户主证件类型不能为空' }]"
            @click="showhzzjlx = true"
          />
          <van-field
            autocomplete="off"
            v-model="nhform.hzzjlx"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            v-model="nhform.hzzjhm"
            input-align="right"
            name="户主证件号码"
            label="户主证件号码"
            placeholder="户主证件号码"
            required
            :rules="[{ required: true, message: '户主证件号码不能为空' },{validator:validatorIdcard1,message:'身份证号格式错误！'}]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nhform.txdz"
            name="通讯地址"
            label="通讯地址"
            placeholder="通讯地址"
            required
            :rules="[{ required: true, message: '通讯地址不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nhform.hncysl"
            name="户内成员数量"
            label="户内成员数量"
            placeholder="户内成员数量"
            required
            :rules="[{ required: true, message: '户内成员数量不能为空' }]"
          />
          <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">
            <template #input>
              <van-radio-group v-model="nhform.hyzk" direction="horizontal">
                <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
              </van-radio-group>
            </template>
          </van-field>
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nhform.phone"
            name="电话号码"
            label="电话号码"
            placeholder="电话号码"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nhform.occupationName"
            name="职业"
            label="职业"
            placeholder="职业"
            required
            readonly
            :rules="[{ required: true, message: '职业不能为空' }]"
            @click="showhzoccupation = true"
          />
          <van-field
            autocomplete="off"
            v-model="nhform.occupation"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nhform.jzqkName"
            name="居住情况"
            label="居住情况"
            placeholder="居住情况"
            required
            readonly
            :rules="[{ required: true, message: '居住情况不能为空' }]"
            @click="showhzjzqk = true"
          />
          <van-field
            autocomplete="off"
            v-model="nhform.jzqk"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nhform.jzhcssfyzfName"
            name="在集镇或城市是否有住房"
            label="在集镇或城市是否有住房"
            placeholder="在集镇或城市是否有住房"
            required
            readonly
            :rules="[{ required: true, message: '在集镇或城市是否有住房不能为空' }]"
            @click="showhzjzhcssfyzf = true"
          />
          <van-field
            autocomplete="off"
            v-model="nhform.jzhcssfyzf"
            style="display:none"
          />
          <van-field name="radio" label="在其他村庄是否有住房" input-align="right" autocomplete="off">
            <template #input>
              <van-radio-group v-model="nhform.zqtczsfyzf" direction="horizontal">
                <van-radio name="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="宅基地代码"
            style="display:none"
            disabled
            required
            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.nmfwdm"
            name="农民房屋代码"
            label="农民房屋代码"
            placeholder="自动生成"
            style="display:none"
            disabled
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.nhdm"
            name="农户代码"
            label="农户代码"
            placeholder="选择农户代码"
            @click="shownmfwnhdm = true,getSyqrList()"
            readonly
            required
            :rules="[{ required: true, message: '农户代码不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.zrzh"
            name="自然幢号"
            label="自然幢号"
            placeholder="自然幢号"
            readonly
            @click="showzrzh = true"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.bdcdyh"
            name="不动产单元号"
            label="不动产单元号"
            placeholder="不动产单元号"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.nmfwzh"
            name="农民房屋幢号"
            label="农民房屋幢号"
            placeholder="自动生成"
            disabled
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.fwbm"
            name="房屋编码"
            label="房屋编码"
            placeholder="房屋编码"
          />


          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.nmfwmj"
            @input="nmfwform.fjzdmj = nmfwform.nmfwmj,nmfwform.jzmj=nmfwform.nmfwmj"
            name="农民房屋面积(㎡)"
            label="房屋面积(㎡)"
            placeholder="农民房屋面积(㎡)"
            type="number"
            required
            :rules="[{ required: true, message: '农民房屋面积(㎡)不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.fjzdmj"
            name="房屋占地面积(㎡)"
            label="占地面积(㎡)"
            placeholder="房屋占地面积(㎡)"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.jzmj"
            name="建筑面积(㎡)"
            label="建筑面积(㎡)"
            placeholder="建筑面积(㎡)"
            type="number"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.hxName"
            name="户型"
            label="户型"
            placeholder="户型"
            @click="showhx=true"
            readonly
          />
          <van-field
            autocomplete="off"
            v-model="nmfwform.hx"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.hxjgName"
            name="户型结构"
            label="户型结构"
            placeholder="户型结构"
            @click="showhxjg=true"
            readonly
          />
          <van-field
            autocomplete="off"
            v-model="nmfwform.hxjg"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.fwjgName"
            name="房屋结构"
            label="房屋结构"
            placeholder="房屋结构"
            @click="showfwjg=true"
            readonly
          />
          <van-field
            autocomplete="off"
            v-model="nmfwform.fwjg"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.fwlxName"
            name="房屋类型"
            label="房屋类型"
            placeholder="房屋类型"
            readonly
            @click="showfwlx=true"
          />
          <van-field
            autocomplete="off"
            v-model="nmfwform.fwlx"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.zl"
            name="坐落"
            label="坐落"
            placeholder="坐落"
            required
            :rules="[{ required: true, message: '坐落不能为空' }]"
          />
          <van-collapse v-model="activeFw">
            <van-collapse-item title="层数信息" name="1" class="label-class">
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.ch"
                name="层号"
                label="层号"
                placeholder="层号"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.sjc"
                name="实际层"
                label="实际层"
                placeholder="实际层"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.myc"
                name="名义层"
                label="名义层"
                placeholder="名义层"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.sjcs"
                name="实际层数"
                label="实际层数"
                placeholder="实际层数"
              />
            </van-collapse-item >
            <!--            <van-collapse-item title="结构信息" name="2">-->
            <!--              -->

            <!--            </van-collapse-item>-->
            <van-collapse-item title="利用状况" name="3" class="label-class">
              <van-field
                input-align="right"
                v-model="nmfwform.fwytName"
                name="房屋用途"
                label="房屋用途"
                placeholder="房屋用途"
                @click="showfwyt=true"
                required
                :rules="[{ required: true, message: '房屋用途不能为空' }]"
                readonly
              />
              <van-field
                autocomplete="off"
                v-model="nmfwform.fwyt"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.fwztName"
                name="房屋状态"
                label="房屋状态"
                placeholder="房屋状态"
                @click="shownmfwfwzt = true"
                required
                :rules="[{ required: true, message: '房屋状态不能为空' }]"
              />
              <van-field
                autocomplete="off"
                v-model="nmfwform.fwzt"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.lyzkName"
                name="利用状况"
                label="利用状况"
                placeholder="利用状况"
                required
                :rules="[{ required: true, message: '利用状况不能为空' }]"
                readonly
                @click="shownmfwlyzk=true"
              />
              <van-field
                autocomplete="off"
                v-model="nmfwform.lyzk"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.xzyy"
                name="闲置原因"
                label="闲置原因"
                placeholder="闲置原因"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.phlymsName"
                name="盘活利用模式"
                label="盘活利用模式"
                placeholder="盘活利用模式"
                readonly
                @click="showphlyms=true"
              />
              <van-field
                autocomplete="off"
                v-model="nmfwform.phlyms"
                style="display:none"
              />
              <van-field name="radio" label="流转意向" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="nmfwform.lzyx" direction="horizontal">
                    <van-radio name="1">有</van-radio>
                    <van-radio name="0">无</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
              <van-field name="radio" label="有偿退出意向" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="nmfwform.yctcyx" direction="horizontal">
                    <van-radio name="1">有</van-radio>
                    <van-radio name="0">无</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.eay"
                name="年收益"
                label="年收益"
                placeholder="年收益"
              />
            </van-collapse-item>
            <van-collapse-item title="纠纷惩处" name="4" class="label-class">
              <van-field name="radio" label="是否抵押" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="nmfwform.isMortgage" direction="horizontal">
                    <van-radio name="Y">是</van-radio>
                    <van-radio name="N">否</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
              <van-field
                autocomplete="off"
                v-if="nmfwform.isMortgage=='Y'"
                input-align="right"
                v-model="nmfwform.mortgageMan"
                name="抵押权利人"
                label="抵押权利人"
                placeholder="抵押权利人"
              />
              <van-field
                autocomplete="off"
                v-if="nmfwform.isMortgage=='Y'"
                input-align="right"
                v-model="nmfwform.mortgageMoney"
                name="抵押金额"
                label="抵押金额( 元)"
                placeholder="抵押金额"
                type="number"
              />
              <van-field
                autocomplete="off"
                v-if="nmfwform.isMortgage=='Y'"
                input-align="right"
                v-model="nmfwform.zwlxsj1"
                name="债务履行开始时间"
                label="债务履行开始时间"
                placeholder="债务履行开始时间"
                @click="showPickerzwlxsj1=true"
              />
              <van-field
                autocomplete="off"
                v-if="nmfwform.isMortgage=='Y'"
                input-align="right"
                v-model="nmfwform.zwlxsj2"
                name="债务履行结束时间"
                label="债务履行结束时间"
                placeholder="债务履行结束时间"
                @click="showPickerzwlxsj2=true"
              />
              <van-field name="radio" label="是否扩建改建" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="nmfwform.sfkjgj" direction="horizontal">
                    <van-radio name="Y">是</van-radio>
                    <van-radio name="N">否</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
              <van-field name="radio" label="是否纠纷" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="nmfwform.sfjf" direction="horizontal">
                    <van-radio name="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.bccjl"
                name="被惩处经历"
                label="被惩处经历"
                placeholder="被惩处经历"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.bccbz"
                name="被惩处备注"
                label="被惩处备注"
                placeholder="被惩处备注"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.cfqssj"
                name="查封起始时间"
                label="查封起始时间"
                placeholder="查封起始时间"
                v-if="nmfwform.sfcf!=null&&nmfwform.sfcf=='Y'"
                readonly
                @click="showPickercfqssj=true"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.cfjssj"
                name="查封结束时间"
                label="查封结束时间"
                placeholder="查封结束时间"
                v-if="nmfwform.sfcf!=null&&nmfwform.sfcf=='Y'"
                readonly
                @click="showPickercfjssj=true"
              />
            </van-collapse-item>
            <van-collapse-item title="证书相关" name="5" class="label-class">
              <van-field name="radio" label="是否发证" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="nmfwform.sffz" direction="horizontal">
                    <van-radio name="Y">是</van-radio>
                    <van-radio name="N">否</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
              <van-field name="radio" label="与他人共有" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="nmfwform.isCommon" direction="horizontal">
                    <van-radio name="Y">是</van-radio>
                    <van-radio name="N">否</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.zsh"
                name="证书号"
                label="证书号"
                placeholder="证书号"
                v-if="nmfwform.sffz!=null&&nmfwform.sffz=='Y'"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.djjg"
                name="登记机构"
                label="登记机构"
                placeholder="登记机构"
                v-if="nmfwform.sffz!=null&&nmfwform.sffz=='Y'"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.djsj"
                name="登记时间"
                label="登记时间"
                placeholder="登记时间"
                v-if="nmfwform.sffz!=null&&nmfwform.sffz=='Y'"
                @click="showPickerdjsj=true"
                readonly
              />
            </van-collapse-item>
            <van-collapse-item title="其他信息" name="6" class="label-class">

              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.qxdm"
                name="区县代码"
                label="区县代码"
                placeholder="区县代码"
                v-show="false"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.jznd"
                name="建筑年代"
                label="建筑年代"
                placeholder="建筑年代"
              />

              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.qslyName"
                name="权属来源"
                label="权属来源"
                placeholder="权属来源"
                @click="shownmfwqsly=true"
              />
              <van-field
                autocomplete="off"
                v-model="nmfwform.qsly"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.pzsjName"
                name="批准时间"
                label="批准时间"
                placeholder="批准时间"
                @click="showPickerpzsj=true"
              />
              <van-field
                autocomplete="off"
                v-model="nmfwform.pzsj"
                style="display:none"
              />
              <van-field name="radio" label="批准单位" input-align="right" autocomplete="off">
                <template #input>
                  <van-radio-group v-model="nmfwform.pzdw" direction="horizontal">
                    <van-radio :name="'1'">县政府</van-radio>
                    <van-radio :name="'2'">乡政府</van-radio>
                  </van-radio-group>
                </template>
              </van-field>
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.tdzkName"
                name="审批或建设前土地状况"
                label="审批或建设前土地状况"
                placeholder="审批或建设前土地状况"
                @click="shownmfwtdzk=true"
              />
              <van-field
                autocomplete="off"
                v-model="nmfwform.tdzk"
                style="display:none"
              />
              <van-field
                autocomplete="off"
                input-align="right"
                v-model="nmfwform.sjlyName"
                name="数据来源"
                label="数据来源"
                placeholder="数据来源"
                readonly
                @click="shownmfwsjly=true"
              />
              <van-field
                autocomplete="off"
                v-model="nmfwform.sjly"
                style="display:none"
              />
            </van-collapse-item>
          </van-collapse>
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.bz"
            name="备注"
            label="备注"
            placeholder="备注"
          />
          <!--          <van-field
            autocomplete="off"
            input-align="right"
            v-model="nmfwform.zjdxctp"
            name="宅基地现场照片"
            label="宅基地现场照片"
            placeholder="宅基地现场照片"
            style="display:none"
          />
          <van-field name="uploader" label="房屋现场照片" autocomplete="off">
            <template #input>
              <van-uploader v-model="fileListfw" :after-read="beforeReadfw" multiple @delete="deleteFilefw" :max-count="4"></van-uploader>
            </template>
          </van-field>-->
          <div style="margin: 16px;" v-if="isFinished">
            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
          </div>
        </van-form>
      </div>
    </van-popup>
    <van-popup v-model="showhjszss" position="bottom">
      <van-picker
        show-toolbar
        :columns="hjszssOptions"
        value-key="dictLabel"
        @confirm="onConfirmhjszss"
        @cancel="showhjszss = false"
      />
    </van-popup>
    <van-popup v-model="showsjly" position="bottom">
      <van-picker
        show-toolbar
        :columns="sjlyOptions"
        value-key="dictLabel"
        @confirm="onConfirmsjly"
        @cancel="showsjly = false"
      />
    </van-popup>
    <van-popup v-model="showzrzh" position="bottom">
      <van-picker
        show-toolbar
        :columns="zrzlist"
        value-key="zrzh"
        @confirm="onConfirmzrzh"
        @cancel="showzrzh = false"
      />
    </van-popup>
    <van-popup v-model="showyt" position="bottom">
      <van-picker
        show-toolbar
        :columns="ytOptions"
        value-key="dictLabel"
        @confirm="onConfirmyt"
        @cancel="showyt = false"
      />
    </van-popup>
    <van-popup v-model="showdj" position="bottom">
      <van-picker
        show-toolbar
        :columns="tddjOptions"
        value-key="dictLabel"
        @confirm="onConfirmdj"
        @cancel="showdj = false"
      />
    </van-popup>
    <van-popup v-model="showlyzk" position="bottom">
      <van-picker
        show-toolbar
        :columns="lyzkOptions"
        value-key="dictLabel"
        @confirm="onConfirmlyzk"
        @cancel="showlyzk = false"
      />
    </van-popup>
    <van-popup v-model="showqllx" position="bottom">
      <van-picker
        show-toolbar
        :columns="qllxOptions"
        value-key="dictLabel"
        @confirm="onConfirmqllx"
        @cancel="showqllx = false"
      />
    </van-popup>
    <van-popup v-model="showqlxz" position="bottom">
      <van-picker
        show-toolbar
        :columns="qlxzOptions"
        value-key="dictLabel"
        @confirm="onConfirmqlxz"
        @cancel="showqlxz = false"
      />
    </van-popup>
    <van-popup v-model="showqlsdfs" position="bottom">
      <van-picker
        show-toolbar
        :columns="qlsdfsOptions"
        value-key="dictLabel"
        @confirm="onConfirmqlsdfs"
        @cancel="showqlsdfs = false"
      />
    </van-popup>
    <van-popup v-model="showshyqrdbzjlx" position="bottom">
      <van-picker
        show-toolbar
        :columns="zjlxOptions"
        value-key="dictLabel"
        @confirm="onConfirmshyqrdbzjlx"
        @cancel="showshyqrdbzjlx = false"
      />
    </van-popup>
    <van-popup v-model="showgyfs" position="bottom">
      <van-picker
        show-toolbar
        :columns="gyfsOptions"
        value-key="dictLabel"
        @confirm="onConfirmgyfs"
        @cancel="showgyfs = false"
      />
    </van-popup>
    <van-popup v-model="showhncyzjlx" position="bottom">
      <van-picker
        show-toolbar
        :columns="zjlxOptions"
        value-key="dictLabel"
        @confirm="onConfirmhncyzjlx"
        @cancel="showhncyzjlx = false"
      />
    </van-popup>
    <van-popup v-model="showyhzgx" position="bottom">
      <van-picker
        show-toolbar
        :columns="yhzgxOptions"
        value-key="dictLabel"
        @confirm="onConfirmyhzgx"
        @cancel="showyhzgx = false"
      />
    </van-popup>
    <van-popup v-model="showqlrlx" position="bottom">
      <van-picker
        show-toolbar
        :columns="qlrlxOptions"
        value-key="dictLabel"
        @confirm="onConfirmqlrlx"
        @cancel="showqlrlx = false"
      />
    </van-popup>
    <div class="nmfw">
      <van-popup v-model:show="showPickerdjsj" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmdjsj"
          @cancel="showPickerdjsj = false"
          :min-date="minDate"
          :max-date="maxDate"
        />
      </van-popup>
      <van-popup v-model:show="showPickerdjsj" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmdjsj"
          @cancel="showPickerdjsj = false"
          :min-date="minDate"
          :max-date="maxDate"
        />
      </van-popup>
      <van-popup v-model:show="showPickercfqssj" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmcfqssj"
          @cancel="showPickercfqssj = false"
          :min-date="minDate"
          :max-date="maxDate"
        />
      </van-popup>
      <van-popup v-model:show="showPickercfjssj" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmcfjssj"
          @cancel="showPickercfjssj = false"
          :min-date="minDate"
          :max-date="maxDate"
        />
      </van-popup>
      <van-popup v-model:show="showPickerzwlxsj1" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmzwlxsj1"
          @cancel="showPickerzwlxsj1 = false"
          :min-date="minDate"
          :max-date="maxDate"
        />
      </van-popup>
      <van-popup v-model:show="showPickerzwlxsj2" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmzwlxsj2"
          @cancel="showPickerzwlxsj2 = false"
          :min-date="minDate"
          :max-date="maxDate"
        />
      </van-popup>
      <van-popup v-model="showhx" position="bottom">
        <van-picker
          show-toolbar
          :columns="hxOptions"
          value-key="dictLabel"
          @confirm="onConfirmhx"
          @cancel="showhx = false"
        />
      </van-popup>
      <van-popup v-model="showhxjg" position="bottom">
        <van-picker
          show-toolbar
          :columns="hxjgOptions"
          value-key="dictLabel"
          @confirm="onConfirmhxjg"
          @cancel="showhxjg = false"
        />
      </van-popup>
      <van-popup v-model="showzrzfwjg" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwjgOptions"
          value-key="dictLabel"
          @confirm="onConfirmzrzfwjg"
          @cancel="showzrzfwjg = false"
        />
      </van-popup>
      <van-popup v-model="showfwjg" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwjgOptions"
          value-key="dictLabel"
          @confirm="onConfirmfwjg"
          @cancel="showfwjg = false"
        />
      </van-popup>
      <van-popup v-model="showfwyt" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwytOptions"
          value-key="dictLabel"
          @confirm="onConfirmfwyt"
          @cancel="showfwyt = false"
        />
      </van-popup>
      <van-popup v-model="showfwlx" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwlxOptions"
          value-key="dictLabel"
          @confirm="onConfirmfwlx"
          @cancel="showfwlx = false"
        />
      </van-popup>
      <van-popup v-model="showfwxz" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwxzOptions"
          value-key="dictLabel"
          @confirm="onConfirmfwxz"
          @cancel="showfwxz = false"
        />
      </van-popup>
      <van-popup v-model="shownmfwsjly" position="bottom">
        <van-picker
          show-toolbar
          :columns="sjlyOptions"
          value-key="dictLabel"
          @confirm="onConfirmnmfwsjly"
          @cancel="shownmfwsjly = false"
        />
      </van-popup>
      <van-popup v-model="shownmfwlyzk" position="bottom">
        <van-picker
          show-toolbar
          :columns="nmfwlyzkOptions"
          value-key="dictLabel"
          @confirm="onConfirmnmfwlyzk"
          @cancel="shownmfwlyzk = false"
        />
      </van-popup>
      <van-popup v-model="showphlyms" position="bottom">
        <van-picker
          show-toolbar
          :columns="phlymsOptions"
          value-key="dictLabel"
          @confirm="onConfirmphlyms"
          @cancel="showphlyms = false"
        />
      </van-popup>
      <van-popup v-model="shownmfwfwzt" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwztOptions"
          value-key="dictLabel"
          @confirm="onConfirmnmfwfwzt"
          @cancel="shownmfwfwzt = false"
        />
      </van-popup>
      <van-popup v-model="shownmfwqsly" position="bottom">
        <van-picker
          show-toolbar
          :columns="qslyOptions"
          value-key="dictLabel"
          @confirm="onConfirmnmfwqsly"
          @cancel="shownmfwqsly = false"
        />
      </van-popup>
      <van-popup v-model="showPickerjgrq" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmzrzjgrq"
          @cancel="showPickerjgrq = false"
          :min-date="minDate"
          :max-date="maxDate"
        />
      </van-popup>
      <van-popup v-model="showPickerpzsj" position="bottom">
        <van-picker
          show-toolbar
          :columns="pzsjOptions"
          value-key="dictLabel"
          @confirm="onConfirmpzsj"
          @cancel="showPickerpzsj = false"
        />
      </van-popup>
      <van-popup v-model="shownmfwtdzk" position="bottom">
        <van-picker
          show-toolbar
          :columns="tdzkOptions"
          value-key="dictLabel"
          @confirm="onConfirmnmfwtdzk"
          @cancel="shownmfwtdzk = false"
        />
      </van-popup>
    </div>
    <van-popup v-model="showfssslx" position="bottom">
      <van-picker
        show-toolbar
        :columns="fssslxOptions"
        value-key="dictLabel"
        @confirm="onConfirmfssslx"
        @cancel="showfssslx = false"
      />
    </van-popup>
    <van-popup v-model="showzrzsjly" position="bottom">
      <van-picker
        show-toolbar
        :columns="sjlyOptions"
        value-key="dictLabel"
        @confirm="onConfirmzrzsjly"
        @cancel="showzrzsjly = false"
      />
    </van-popup>
    <van-popup v-model="showqsly" position="bottom">
      <van-picker
        show-toolbar
        :columns="qslyOptions"
        value-key="dictLabel"
        @confirm="onConfirmqsly"
        @cancel="showqsly = false"
      />
    </van-popup>
    <van-popup v-model="showfwzt" position="bottom">
      <van-picker
        show-toolbar
        :columns="fwztOptions"
        value-key="dictLabel"
        @confirm="onConfirmfwzt"
        @cancel="showfwzt = false"
      />
    </van-popup>
    <van-popup v-model="showsyqrnhdmlist" position="bottom">
      <van-search v-model="nhdmValue" placeholder="请输入搜索关键词" @input="getnhdmlist"/>
      <van-picker
        show-toolbar
        :columns="syqrnhdmlist"
        value-key="hzxm"
        @confirm="onConfirmsyqrnhdmlist"
        @cancel="showsyqrnhdmlist = false"
      />
    </van-popup>
    <van-popup v-model="showjzwqk" position="bottom">
      <van-picker
        show-toolbar
        :columns="jzwqkOptions"
        value-key="dictLabel"
        @confirm="onConfirmjzwqk"
        @cancel="showjzwqk = false"
      />
    </van-popup>
    <van-popup v-model="showjglx" position="bottom">
      <van-picker
        show-toolbar
        :columns="jglxOptions"
        value-key="dictLabel"
        @confirm="onConfirmjglx"
        @cancel="showjglx = false"
      />
    </van-popup>
    <van-popup v-model="showtdzk" position="bottom">
      <van-picker
        show-toolbar
        :columns="tdzkOptions"
        value-key="dictLabel"
        @confirm="onConfirmtdzk"
        @cancel="showtdzk = false"
      />
    </van-popup>
    <van-popup v-model="showfsss" style="height:100%;width:100%;">
      <div class="bannerBg">
        <van-nav-bar
          style="background:transparent;border-bottom-width:0;"
          @click-left="showfsss=false"
        >
          <template #left>
            <van-icon name="arrow-left" size="18" color="#fff" />
          </template>
          <template #title>
            <p style="color:#fff">附属设施</p>
          </template>
        </van-nav-bar>
      </div>
      <div style="margin:20px;">
        <van-form @submit="onSubmitfsss">
          <van-field
            autocomplete="off"
            v-model="form4.deptId"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form4.zjddm"
            name="宅基地代码"
            label="宅基地代码"
            placeholder="宅基地代码"
            required
            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form4.fssslxName"
            name="附属设施类型"
            label="附属设施类型"
            placeholder="附属设施类型"
            required
            :rules="[{ required: true, message: '附属设施类型不能为空' }]"
            @click="showfssslx = true"
          />
          <van-field
            autocomplete="off"
            v-model="form4.fssslx"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form4.jzmj"
            name="建筑面积(㎡)"
            label="建筑面积(㎡)"
            placeholder="建筑面积(㎡)"
            type="number"
            required
            :rules="[{ required: true, message: '建筑面积(㎡)不能为空' }]"
          />

          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form4.fwztName"
            name="房屋状态"
            label="房屋状态"
            placeholder="房屋状态"
            required
            :rules="[{ required: true, message: '房屋状态不能为空' }]"
            @click="showfwzt = true"
          />
          <van-field
            autocomplete="off"
            v-model="form4.fwzt"
            style="display:none"
          />

          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form4.jglxName"
            name="结构类型"
            label="结构类型"
            placeholder="结构类型"
            required
            :rules="[{ required: true, message: '结构类型不能为空' }]"
            @click="showjglx = true"
          />
          <van-field
            autocomplete="off"
            v-model="form4.jglx"
            style="display:none"
          />

          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form4.jzwqkName"
            name="建筑物情况"
            label="建筑物情况"
            placeholder="建筑物情况"
            required
            :rules="[{ required: true, message: '建筑物情况不能为空' }]"
            @click="showjzwqk = true"
          />
          <van-field
            autocomplete="off"
            v-model="form4.jzwqk"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form4.tdzkName"
            name="审批或建设前土地状况"
            label="审批或建设前土地状况"
            placeholder="审批或建设前土地状况"
            required
            :rules="[{ required: true, message: '审批或建设前土地状况不能为空' }]"
            @click="showtdzk = true"
          />
          <van-field
            autocomplete="off"
            v-model="form4.tdzk"
            style="display:none"
          />
          <van-field name="radio" label="是否审批" input-align="right" autocomplete="off">
            <template #input>
              <van-radio-group v-model="form4.sfsp" direction="horizontal">
                <van-radio name="Y">是</van-radio>
                <van-radio name="N">否</van-radio>
              </van-radio-group>
            </template>
          </van-field>
          <van-field name="radio" label="是否发证" input-align="right" autocomplete="off">
            <template #input>
              <van-radio-group v-model="form4.sffz" direction="horizontal">
                <van-radio name="Y">是</van-radio>
                <van-radio name="N">否</van-radio>
              </van-radio-group>
            </template>
          </van-field>
          <van-field name="radio" label="是否正在使用" input-align="right" autocomplete="off">
            <template #input>
              <van-radio-group v-model="form4.sfzzsy" direction="horizontal">
                <van-radio name="Y">是</van-radio>
                <van-radio name="N">否</van-radio>
              </van-radio-group>
            </template>
          </van-field>
          <van-field name="radio" label="是否受过处罚" input-align="right" autocomplete="off">
            <template #input>
              <van-radio-group v-model="form4.sfsgcf" direction="horizontal">
                <van-radio name="Y">是</van-radio>
                <van-radio name="N">否</van-radio>
              </van-radio-group>
            </template>
          </van-field>
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form4.qslyName"
            name="权属来源"
            label="权属来源"
            placeholder="权属来源"
            required
            :rules="[{ required: true, message: '权属来源不能为空' }]"
            @click="showqsly = true"
          />
          <van-field
            autocomplete="off"
            v-model="form4.qsly"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form4.remark"
            name="备注"
            label="备注"
            placeholder="备注"
          />
          <MapGisDrawing :ref="this.fsssProductResh" :message="form4.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
          <div style="margin: 16px;" v-if="isFinished">
            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
          </div>
        </van-form>
      </div>
    </van-popup>
    <van-popup v-model="showhncy" style="height:100%;width:100%;">
      <div class="bannerBg">
        <van-nav-bar
          style="background:transparent;border-bottom-width:0;"
          @click-left="showhncy=false"
        >
          <template #left>
            <van-icon name="arrow-left" size="18" color="#fff" />
          </template>
          <template #title>
            <p style="color:#fff">户内成员</p>
          </template>
        </van-nav-bar>
      </div>
      <div style="margin:20px;">
        <van-form @submit="onSubmithncy">
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form5.nhdm"
            name="农户代码"
            label="农户代码"
            placeholder="农户代码"
            disabled
            required
            :rules="[{ required: true, message: '农户代码不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form5.xm"
            name="姓名"
            label="姓名"
            placeholder="姓名"
            required
            :rules="[{ required: true, message: '姓名不能为空' }]"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form5.zjlxName"
            name="证件类型"
            label="证件类型"
            placeholder="证件类型"
            required
            :rules="[{ required: true, message: '证件类型不能为空' }]"
            readonly
            @click="showhncyzjlx = true"
          />
          <van-field
            autocomplete="off"
            v-model="form5.zjlx"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form5.yhzgxName"
            name="与户主关系"
            label="与户主关系"
            placeholder="与户主关系"
            required
            readonly
            :rules="[{ required: true, message: '与户主关系不能为空' }]"
            @click="showyhzgx = true"
          />
          <van-field
            autocomplete="off"
            v-model="form5.yhzgx"
            style="display:none"
          />
          <van-field
            autocomplete="off"
            input-align="right"
            v-model="form5.zjhm"
            name="证件号码"
            label="证件号码"
            placeholder="证件号码"
            required
            :rules="[{ required: true, message: '证件号码不能为空' },{validator:validatorIdcard2,message:'身份证号格式错误！'}]"
          />
          <van-field autocomplete="off" name="radio" label="性别" input-align="right" required
                     :rules="[{ required: true, message: '性别不能为空' }]">
            <template #input>
              <van-radio-group v-model="form5.xb" direction="horizontal">
                <van-radio name="1">男</van-radio>
                <van-radio name="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,submitOnly} from "@/api/homesteadSurvey/zjdzd";
import MapGisDrawing from "@/components/Map/MapGisDrawing";
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz";
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw";
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr";
import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy";
import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";
import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss";
import { listTown, getTown } from "@/api/homesteadSurvey/town";
import { listVillage} from "@/api/homesteadSurvey/village";
import { sysConfig} from "@/api/homesteadSurvey/index";
import { Notify, Dialog, Toast } from 'vant';
import axios from "axios";
export default {
  name: "homesteadAdd",
  components: { MapGisDrawing,},
  data() {
    return {
      showsh:false,
      showdcsh:false,
      zjdAudit:'1',
      auditRemark:"",
      isyc:'Y',
      ycms:"",
      showycbj:false,
      shownh:false,
      showhzzjlx:false,
      minDate:new Date(1950,1,1),
      maxDate:new Date(2030,1,1),
      nhdmValue:null,
      active:1,
      // 电子签名
      lineWidth: 6, // 画笔的线条粗细
      lineColor: "#000000", // 画笔的颜色
      bgColor: "", // 画布的背景颜色
      resultImg: "", // 最终画布生成的base64图片
      isCrop: false, // 是否裁剪，在画布设定尺寸基础上裁掉四周空白部分
      showhjszss:false,
      showdj:false,
      shownmfw:false,
      showsyqrsshy:false,
      shownmfwnhdm:false,
      showsyqrnmfwdm:false,
      showhncysjly:false,
      showhzsjly:false,
      showesign:false,
      showsyqrnhdmlist:false,
      showzrzfwjg:false,
      showzrzh:false,
      showyt:false,
      showqllx:false,
      showqlxz:false,
      showqlsdfs:false,
      showhzjzhcssfyzf:false,
      showhncycybz:false,
      showhncyoccupation:false,
      showhncyjzqk:false,
      showhzoccupation:false,
      showhzjzqk:false,
      showhncyzjlx:false,
      showyhzgx:false,
      showqlrlx:false,
      showshyqrdbzjlx:false,
      showgyfs:false,
      showPickerjgrq:false,
      showPickerdjsj:false,
      showPickerpzsj:false,
      showPickercfqssj:false,
      showPickercfjssj:false,
      showPickerzwlxsj1:false,
      showPickerzwlxsj2:false,
      showhx:false,
      showhxjg:false,
      showfwjg:false,
      showfwyt:false,
      showfwlx:false,
      showfwxz:false,
      shownmfwsjly:false,
      shownmfwlyzk:false,
      shownmfwtdzk:false,
      shownmfwqsly:false,
      shownmfwfwzt:false,
      showphlyms:false,
      showfssslx:false,
      showqsly:false,
      showfwzt:false,
      showjglx:false,
      showjzwqk:false,
      showtdzk:false,
      showsjly:false,
      showzrzsjly:false,
      showPickerxzkssj:false,
      showlyzk:false,
      showsyqr: false,
      showhncylist:false,
      showhncy:false,
      show1: false,
      showzrz: false,
      showfw:false,
      showfsss:false,
      show3: false,
      username: '',
      password: '',
      // 路由数据
      item:{},
      //宅基地表单
      form:{},
      //使用权人表单
      form1:{},
      //自然幢表单
      form3:{},
      //农民房屋表单
      nmfwform:{},
      //附属设施表单
      form4:{},
      //成员信息表单
      form5:{},
      // 农户信息表单
      nhform:{},
      // 使用权人列表
      syqrlist:[],
      // 使用权人农户代码列表
      syqrnhdmlist:[],
      // 户内成员列表
      hncylist:[],
      // 自然幢列表
      zrzlist:[],
      // 房屋列表
      fwlist:[],
      // 附属设施列表
      fssslist:[],
      // 当前利用状况字典
      lyzkOptions: [],
      // 数据来源字典
      sjlyOptions:[],
      // 宅基地取得方式字典
      zjdqdfsOptions:[],
      // 附属设施类型字典
      fssslxOptions:[],
      // 权属来源字典
      qslyOptions:[],
      // 房屋状态字典
      fwztOptions:[],
      // 结构类型字典
      jglxOptions:[],
      // 建筑物情况字典
      jzwqkOptions:[],
      // 土地状况字典
      tdzkOptions:[],
      // 宅基地图片
      fileListzjd:[],
      // 房屋图片
      fileListfw:[],
      // 户型字典
      hxOptions: [],
      // 户型结构字典
      hxjgOptions: [],
      // 房屋结构字典
      fwjgOptions: [],
      // 房屋用途字典
      fwytOptions: [],
      // 房屋类型字典
      fwlxOptions: [],
      // 房屋性质字典
      fwxzOptions: [],
      // 盘活利用模式字典
      phlymsOptions: [],
      // 流转意向字典
      lzyxOptions: [],
      // 有偿退出意向字典
      yctcyxOptions: [],
      // 被惩处经历字典
      bccjlOptions: [],
      // 批准时间字典
      pzsjOptions: [],
      // 共有方式字典
      gyfsOptions: [],
      // 权利人类型字典
      qlrlxOptions: [],
      // 证件类型字典
      zjlxOptions:[],
      // 与户主关系字典
      yhzgxOptions:[],
      // 权利类型字典
      qllxOptions:[],
      // 权利性质字典
      qlxzOptions:[],
      // 权利设定方式字典
      qlsdfsOptions:[],
      // 用途字典
      ytOptions:[],
      // 职业字典
      occupationOptions:[],
      // 集镇或城市是否有住房
      jzhcssfyzfOptions:[],
      // 婚姻状况
      hyzkOptions:[],
      // 成员备注字典
      cybzOptions:[],
      // 居住情况字典
      jzqkOptions:[],
      // 土地等级字典
      tddjOptions:[],
      // 所属行业
      industryOptions:[],
      // 户籍所在省市
      hjszssOptions:[],
      // 农名房屋利用状况
      nmfwlyzkOptions:[],

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

      // 自然幢号
      zrzh:null,

      //返回地图页
      backMap:{
        activeBtn:"",
        backMapZjdAData:"",
        deptId:"",
        zjddm:"",
      },
      ztMap: true,
      itemBc: "",
      //记录是否从地图进入
      enterMap: "",
      //记录从地图进入宅基地代码
      enterMapZjddm:"",
      //地图状态保存
      numerical:"",
      //审核状态
      isFinished:false,
      // cookies
      cookiesInfo:null,
      // 异常标记照片
      fileListyc:[],
      //刷新随机数
      zjdProductResh:this.guidProduct(),
      zrzProductResh:this.guidProduct(),
      fsssProductResh:this.guidProduct(),
      // 字典列表json
      dictTypeList:null,
      //宅基地折叠面板
      activeZjd:['1','2'],
      //权利人折叠面板
      activeQlr:['1','2'],
      //房屋折叠面板
      activeFw:['1','3','4','5','6'],
    };
  },
  created(){
    axios.get('../static/dictyType.json').then(res => {
      this.dictTypeList = res.data
      this.lyzkOptions= this.dictTypeList.zjdlyzk
      this.nmfwlyzkOptions = this.dictTypeList.nmfwlyzk
      this.zjdqdfsOptions = this.dictTypeList.acquisition_method;
      this.sjlyOptions = this.dictTypeList.sjly;
      this.fssslxOptions = this.dictTypeList.fsss_type;
      this.qslyOptions = this.dictTypeList.acquisition_method;
      this.fwztOptions = this.dictTypeList.fwzt;
      this.jglxOptions = this.dictTypeList.house_jglx;
      this.jzwqkOptions = this.dictTypeList.fwzt;
      this.tdzkOptions = this.dictTypeList.land_state;
      this.pzsjOptions = this.dictTypeList.approve_time;
      this.phlymsOptions = this.dictTypeList.phlyms;
      this.fwlxOptions = this.dictTypeList.fwlx;
      this.fwxzOptions = this.dictTypeList.fwxz;
      this.hxOptions = this.dictTypeList.nmfwhx;
      this.hxjgOptions = this.dictTypeList.nmfwhxjg;
      this.fwjgOptions = this.dictTypeList.housing_structure;
      this.fwytOptions = this.dictTypeList.fwyt;
      this.gyfsOptions = this.dictTypeList.common_mode;
      this.qlrlxOptions = this.dictTypeList.obligee_type;
      this.zjlxOptions = this.dictTypeList.zjlx;
      this.hjszssOptions = this.dictTypeList.hjszss;
      this.qlxzOptions = this.dictTypeList.rights_nature;
      this.qllxOptions = this.dictTypeList.rights_type;
      this.qlsdfsOptions = this.dictTypeList.right_setting_mode;
      this.ytOptions = this.dictTypeList.land_use;
      this.jzhcssfyzfOptions = this.dictTypeList.jzhcssfyzf;
      this.occupationOptions = this.dictTypeList.occupation;
      this.hyzkOptions = this.dictTypeList.hyzk;
      this.cybzOptions = this.dictTypeList.member_remark;
      this.jzqkOptions = this.dictTypeList.living_condition;
      if(this.dictTypeList.tddj){
        this.tddjOptions = this.dictTypeList.tddj;
      }
      this.industryOptions = this.dictTypeList.Industry;
    })
    this.baseUrl = this.$cookies.get("url")
    //console.log(this.$route.query.res);
    //console.log(this.$cookies.get("search"));
    //this.itemBc = this.$cookies.get("map");
    //this.$cookies.set("item","");
    if(this.$cookies.get("search") !=null &&this.$cookies.get("search").zjddm !="" && this.$cookies.get("search").zjddm !=undefined && this.$cookies.get("search").zjddm !=null){
      this.ztMap =false;
      //this.$cookies.set("map",this.$cookies.get("search"));
      this.numerical =this.$cookies.get("search");
    }else {
      if(this.$route.query.res !=null && this.$route.query.res !="" && this.$route.query.res != undefined){
        this.numerical = this.$route.query.res;
        if(this.numerical.active!=null){
          this.ztMap =true;
        }else{
          this.ztMap =false;
        }
      }
    }
    if(this.numerical){
      if(this.numerical.active!=null && this.numerical.active!=undefined){
        this.cookiesInfo = this.numerical
        this.$cookies.set("search","")
        //返回地图值记录----start
        this.backMap.activeBtn = 4;
        this.enterMap =1;
        this.backMap.backMapZjdAData = this.cookiesInfo.mapZjdAData;
        this.backMap.deptId = this.cookiesInfo.mapZjdAData.deptId;
        this.backMap.zjddm = this.cookiesInfo.mapZjdAData.zjddm;
        this.$cookies.set("search",this.backMap.zjddm);
        this.form.theGeom = this.cookiesInfo.mapZjdAData.theGeom;
        this.enterMapZjddm = this.cookiesInfo.mapZjdAData.zjddm;
        //返回地图值记录----end
        this.active = this.cookiesInfo.active;
        this.item = this.cookiesInfo.mapZjdAData;
        if(this.item.houseDataConfirmStatus!="CONFIRMED"){
          this.isFinished = true
        }
        this.form = this.cookiesInfo.mapZjdAData;
        this.getnhdmlist();
        /*this.getBaseUrl();*/
        this.getZjd();
        if(this.ztMap){
          this.$cookies.set("search",this.backMap);
        }
        let zrz = this.cookiesInfo.mapZrzAData;
        let fsss = this.cookiesInfo.mapFsssAData;
        if(this.cookiesInfo.active=="3"){
          this.showzrz = true
          this.form3 = this.cookiesInfo.mapZrzAData
          this.form3.theGeom = this.cookiesInfo.mapZrzAData.theGeom;
          this.getZrzList()
          setTimeout(() => {
            this.showPopupzrz(zrz)
          }, 500);

        }else if(this.cookiesInfo.active=="4"){
          this.showfsss= true
          this.form4 = this.cookiesInfo.mapFsssAData
          this.form4.theGeom = this.cookiesInfo.mapFsssAData.theGeom;
          this.getFsssList()
          setTimeout(() => {
            this.showPopupfsss(fsss)
          }, 500);
        }
      }else{
        this.cookiesInfo = this.$cookies.get("search")?this.$cookies.get("search"):this.$route.query.res
        /*          this.$cookies.set("search","")*/
        this.item = this.cookiesInfo
        this.backMap.zjddm = this.cookiesInfo.zjddm;
        this.$cookies.set("search",this.backMap);
        if(this.item.houseDataConfirmStatus!="CONFIRMED"){
          this.isFinished = true
        }
        this.getnhdmlist();
        this.getZjd();

      }
    }else{
      this.$set(this.item,"deptId",this.$cookies.get("item").deptId)
      if(this.item.houseDataConfirmStatus!="CONFIRMED"){
        this.isFinished = true
      }
      /*this.getBaseUrl();*/
      this.getnhdmlist();
      this.getZjd();
    }
    this.getDicts("family_status").then(response => {
      let arr = [];response.data.forEach(function (item) {
        if (item.dictLabel !== '户主') {
          arr.push(item)
        }
      });
      this.yhzgxOptions = arr;
    });
  },
  mounted(){

  },
  methods: {
    showPic(){
      if(this.form.dzqm!=null&&this.form.dzqm!=""){
        this.resultImg = this.baseUrl+this.form.dzqm
      }
      if(this.$cookies.get("businessLevel")=='2'){
        this.showsh = true
      }else{
        this.showsh = false
      }
    },
    validatorIdcard(val){
      if(this.form1.shyqrdbzjlx=='01'){
        if(this.vcheckID(val)){
          return true
        }else {
          return false
        }
      }else{
        return true
      }
    },
    validatorIdcard1(val){
      if(this.nhform.hzzjlx=='01'){
        if(this.vcheckID(val)){
          return true
        }else {
          return false
        }
      }else{
        return true
      }
    },
    validatorIdcard2(val){
      if(this.form5.zjlx=='01'){
        if(this.vcheckID(val)){
          return true
        }else {
          return false
        }
      }else{
        return true
      }
    },
    checkCode(val) {
      var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
      var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
      var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
      var code = val.substring(17);
      if(p.test(val)) {
        var sum = 0;
        for(var i=0;i<17;i++) {
          sum += val[i]*factor[i];
        }
        if(parity[sum % 11] == code.toUpperCase()) {
          return true;
        }
      }
      return false;
    },
    checkDate (val) {
      var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)$/;
      if(pattern.test(val)) {
        var year = val.substring(0, 4);
        var month = val.substring(4, 6);
        var date = val.substring(6, 8);
        var date2 = new Date(year+"-"+month+"-"+date);
        if(date2 && date2.getMonth() == (parseInt(month) - 1)) {
          return true;
        }
      }
      return false;
    },
    checkProv(val) {
      var pattern = /^[1-9][0-9]/;
      var provs = {11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门"};
      if(pattern.test(val)) {
        if(provs[val]) {
          return true;
        }
      }
      return false;
    },
    vcheckID(val){
      if(this.checkCode(val)) {
        var date = val.substring(6,14);
        if(this.checkDate(date)) {
          if(this.checkProv(val.substring(0,2))) {
            return true;
          }
        }
      }
      return false;
    },
    showdcshinfo(){
      this.showdcsh = true
      if(this.form.zjdAudit!=null&&this.form.zjdAudit!=""){
        if(this.form.zjdAudit=='0'||this.form.zjdAudit=='1'){
          this.zjdAudit = "1"
          this.auditRemark = this.form.auditRemark
        }else{
          this.zjdAudit = this.form.zjdAudit
          this.auditRemark = this.form.auditRemark
        }
      }else{
        this.zjdAudit = "1"
        this.auditRemark = ""
      }
    },
    showycbjinfo(){
      this.showycbj = true
      if(this.form.isyc!=null&&this.form.isyc!=""){
        this.isyc = this.form.isyc
        this.ycms = this.form.ycms
        this.fileListyc = []
        if(this.form.yctp!=null&&this.form.yctp!=""&&this.form.yctp.length>0){
          let li = this.form.yctp.split(",");
          li.map(res => {
            this.fileListyc.push({"url":this.baseUrl+res,"baseUrl":res})
          })
        }
      }else{
        this.isyc = "Y"
        this.ycms = ""
      }
    },
    savesh(){
      this.form.zjdAudit = this.zjdAudit
      this.form.auditRemark = this.auditRemark
      if(this.form.zjdAudit=='2'){
        this.form.houseDataConfirmStatus = 'UNCONFIRMED'
        this.isFinished = true
        let params = {
          houseDataConfirmStatus : 'UNCONFIRMED',
          zjddm : this.form.zjddm,
          zjdAudit : "0"
        }
        updateZrzStatus(params).then(res => {
          console.log(res)
        })
        updateFsssStatus(params).then(res => {
          console.log(res)
        })
        updateZjdzd(this.form).then(response => {
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '审核成功',
            duration:"1000",
            onClose:function(){
              _this.showdcsh = false
              _this.goBack()
            }
          })
        });
      }else{
        let params = {
          houseDataConfirmStatus : 'CONFIRMED',
          zjddm : this.form.zjddm,
          zjdAudit : "1"
        }

        updateZrzStatus(params).then(res => {
          console.log(res)
        })
        updateFsssStatus(params).then(res => {
          console.log(res)
        })
        updateZjdzd(this.form).then(response => {
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '审核成功',
            duration:"1000",
            onClose:function(){
              _this.showdcsh = false
              _this.goBack()
            }
          })
        });

      }
    },
    saveyc(){
      this.showycbj = false
      this.form.isyc = this.isyc
      this.form.ycms = this.ycms
      let params = {
        zjddm : this.form.zjddm,
        isyc : this.form.isyc
      }
      updateZrzStatus(params).then(res => {})
      updateFsssStatus(params).then(res => {})
      updateZjdzd(this.form).then(response => {
        let _this =this
        this.$toast({
          icon: 'success', // 找到自己需要的图标
          message: '保存成功',
          duration:"1000",
          onClose:function(){
            _this.showycbj = false
          }
        })
      });
    },
    // 图片上传前
    beforeReadyc(file){
      // 创建Canvas对象(画布)
      let canvas =  document.createElement('canvas')
      // 获取对应的CanvasRenderingContext2D对象(画笔)
      let context = canvas.getContext('2d')
      // 创建新的图片对象
      let img = new Image()
      // 指定图片的DataURL(图片的base64编码数据)
      img.src = file.content
      // 监听浏览器加载图片完成，然后进行进行绘制
      const height = 166
      const width = 316
      img.onload = () => {
        const h = img.height
        const w = img.width
        let ch = img.height/6
        let cw = img.width/6
        let canvas = document.createElement('canvas')
        let ctx = canvas.getContext('2d')
        canvas.height = ch
        canvas.width = cw
        ctx.clearRect(0,0,cw,ch)
        ctx.drawImage(img,0,0,cw,ch)
        let base_img = canvas.toDataURL('image/jpeg')
        const blobBin = atob(base_img.split(',')[1])
        let d = []
        for (let i=0;i<blobBin.length;i++){
          d.push(blobBin.charCodeAt(i))
        }
        const data2 = new FormData();
        data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
        uploadFile(data2).then(res => {
          if(this.form.yctp!=null&&this.form.yctp!=""){
            this.form.yctp = this.form.yctp + "," + res.fileName
          }else{
            this.form.yctp =  res.fileName
          }
        })
      }
    },
    // 图片删除
    deleteFileyc(file){
      let url = ","+file.baseUrl
      let url1 = file.baseUrl+","
      let url2 = file.baseUrl
      this.form.yctp = this.form.yctp.replace(new RegExp(url, "g"),"")
      this.form.yctp = this.form.yctp.replace(new RegExp(url1, "g"),"")
      this.form.yctp = this.form.yctp.replace(new RegExp(url2, "g"),"")
      this.form.yctp = this.form.yctp.split(url).join("")
      this.form.yctp = this.form.yctp.split(url1).join("")
      this.form.yctp = this.form.yctp.split(url2).join("")
    },
    shownmfwlist(item){
      this.zrzh = item.zrzh
      this.shownmfw = true
      this.fwlist=[]
      if(this.item.zjddm!=null||this.form.zjddm!=null) {
        let params = {
          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
          deptId:this.item.deptId,
          zrzh:this.zrzh
        }
        listNmfw(params).then(r => {
          this.fwlist = r.rows
        })
      }
    },
    /*getBaseUrl(){
        let params={
          configKey: "system.attachment.url"}
        sysConfig(params).then(response => {
          this.baseUrl = response.rows[0].configValue
        })
      },*/
    // 验证
    validator(val){
      if(val>1||val<0||val.length>4){
        return false
      }else{
        return true
      }
    },
    validator1(val){
      if(val>=1000||val<0||val.length>6){
        return false
      }else{
        return true
      }
    },
    // 所有权人农户代码列表
    getnhdmlist(){
      let params = {
        "deptId" : this.item.deptId,
        "nhValue":this.nhdmValue
      }
      listNh(params).then((response) => {
        this.syqrnhdmlist = response.rows
      });
    },
    //删除户内成员
    deletehncy(id,index){
      Dialog.confirm({
        title: '警告',
        message: '删除后无法恢复，确认删除此成员么？',
      })
        .then(() => {
          // on confirm
          delNhhncy(id).then(res => {
            if(res.code=="200"){
              this.hncylist.splice(index,1);
            }
          })
        })
        .catch(() => {
          // on cancel
        });
    },
    // 删除附属设施
    deletefsss(id,index){
      Dialog.confirm({
        title: '警告',
        message: '确认删除此附属物么？',
      })
        .then(() => {
          // on confirm
          delFsss(id).then(res => {
            if(res.code=="200"){
              this.fssslist.splice(index,1);
            }
          })
        })
        .catch(() => {
          // on cancel
        });
    },// 删除自然幢
    deletezrz(item,index){
      this.zrzh = item.zrzh
      if(this.item.zjddm!=null||this.form.zjddm!=null) {
        let params = {
          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
          deptId:this.item.deptId,
          zrzh:this.zrzh
        }
        listNmfw(params).then(r => {
          if(r.rows.length>0){
            this.$toast({
              type: 'fail',// 找到自己需要的图标
              message: '无法删除，此自然幢下有房屋信息！',
              duration:"1000",
              onClose:function(){
              }
            })
          }else{
            Dialog.confirm({
              title: '警告',
              message: '删除后无法恢复，确认删除此自然幢么？',
            })
              .then(() => {
                // on confirm
                delZrz(item.id).then(res => {
                  if(res.code=="200"){
                    this.zrzlist.splice(index,1);
                  }
                })
              })
              .catch(() => {
                // on cancel
              });
          }
        })
      }

    },
    // 删除使用权人
    deletesyqr(id,index){
      Dialog.confirm({
        title: '警告',
        message: '确认删除使用权人么？',
      })
        .then(() => {
          // on confirm
          delShyqr(id).then(res => {
            if(res.code=="200"){
              this.syqrlist.splice(index,1);
            }
          })
        })
        .catch(() => {
          // on cancel
        });
    },

    // 与户主关系翻译
    yhzgxfy(value){
      let label
      this.yhzgxOptions.map(res => {
        if(res.dictValue ==value){
          label = res.dictLabel
        }
      })
      return label
    },
    // 附属设施类型翻译
    fssslxfy(value){
      let label
      this.fssslxOptions.map(res => {
        if(res.dictValue ==value){
          label = res.dictLabel
        }
      })
      return label
    },
    // 建筑物情况翻译
    jzwqkfy(value){
      let label
      this.jzwqkOptions.map(res => {
        if(res.dictValue ==value){
          label = res.dictLabel
        }
      })
      return label
    },
    // 图片上传前
    beforeReadzjd(file){
      let _this = this
      if(file.length!=undefined){
        file.map(res => {
          // 创建Canvas对象(画布)
          let canvas =  document.createElement('canvas')
          // 获取对应的CanvasRenderingContext2D对象(画笔)
          let context = canvas.getContext('2d')
          // 创建新的图片对象
          let img = new Image()
          // 指定图片的DataURL(图片的base64编码数据)
          img.src = res.content
          // 监听浏览器加载图片完成，然后进行进行绘制
          const height = 166
          const width = 316
          img.onload = () => {
            const h = img.height
            const w = img.width
            let ch = img.height/5
            let cw = img.width/5
            let canvas = document.createElement('canvas')
            let ctx = canvas.getContext('2d')
            canvas.height = ch
            canvas.width = cw
            ctx.clearRect(0,0,cw,ch)
            ctx.drawImage(img,0,0,cw,ch)
            let base_img = canvas.toDataURL('image/jpeg')
            const blobBin = atob(base_img.split(',')[1])
            let d = []
            for (let i=0;i<blobBin.length;i++){
              d.push(blobBin.charCodeAt(i))
            }
            const data2 = new FormData();
            data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
            if(this.$cookies.get("upload")==null||this.$cookies.get("upload")==0){
              uploadFile(data2).then(response => {
                if(_this.form.zjdxctp!=null&&_this.form.zjdxctp!=""){
                  _this.form.zjdxctp = _this.form.zjdxctp + "," + response.fileName
                }else{
                  _this.form.zjdxctp =  response.fileName
                }
              })
            }else{
              _this.saveBlobAsFile(new Blob([new Uint8Array(d)],{type:'image/jpeg'}),_this.form.zjddm)
            }
          }
        })
      }
      else{
        // 创建Canvas对象(画布)
        let canvas =  document.createElement('canvas')
        // 获取对应的CanvasRenderingContext2D对象(画笔)
        let context = canvas.getContext('2d')
        // 创建新的图片对象
        let img = new Image()
        // 指定图片的DataURL(图片的base64编码数据)
        img.src = file.content
        // 监听浏览器加载图片完成，然后进行进行绘制
        const height = 166
        const width = 316
        img.onload = () => {
          const h = img.height
          const w = img.width
          let ch = img.height/5
          let cw = img.width/5
          let canvas = document.createElement('canvas')
          let ctx = canvas.getContext('2d')
          canvas.height = ch
          canvas.width = cw
          ctx.clearRect(0,0,cw,ch)
          ctx.drawImage(img,0,0,cw,ch)
          let base_img = canvas.toDataURL('image/jpeg')
          const blobBin = atob(base_img.split(',')[1])
          let d = []
          for (let i=0;i<blobBin.length;i++){
            d.push(blobBin.charCodeAt(i))
          }
          const data2 = new FormData();
          data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
          if(_this.$cookies.get("upload")==null||_this.$cookies.get("upload")==0){
            uploadFile(data2).then(res => {
              if(_this.form.zjdxctp!=null&&_this.form.zjdxctp!=""){
                _this.form.zjdxctp = _this.form.zjdxctp + "," + res.fileName
              }else{
                _this.form.zjdxctp =  res.fileName
              }
            })
          }else{
            _this.saveBlobAsFile(new Blob([new Uint8Array(d)],{type:'image/jpeg'}),_this.form.zjddm)
          }
        }
      }

    },
    blobToBase64(blob) {
      return new Promise((resolve, reject) => {
        const fileReader = new FileReader();
        fileReader.onload = (e) => {
          resolve(e.target.result);
        };
        // readAsDataURL
        fileReader.readAsDataURL(blob);
        fileReader.onerror = () => {
          reject(new Error('blobToBase64 error'));
        };
      });
    },
    saveBlobAsFile(blob, fileName) {
      /*var reader = new FileReader(blob);
        reader.onloadend = function () {
          var base64 = reader.result ;
          var link = document.createElement("a");
          link.setAttribute("href", base64);
          link.setAttribute("download", fileName);
          link.click();
        };
        reader.readAsDataURL(blob);*/
      let link = document.createElement("a");
      link.href = window.URL.createObjectURL(blob);
      link.download = fileName+""
      link.target = "_blank"
      link.click();
      link.remove();
    },
    // 图片删除
    deleteFilezjd(file){
      let url = ","+file.baseUrl
      let url1 = file.baseUrl+","
      let url2 = file.baseUrl
      this.form.zjdxctp = this.form.zjdxctp.replace(new RegExp(url, "g"),"")
      this.form.zjdxctp = this.form.zjdxctp.replace(new RegExp(url1, "g"),"")
      this.form.zjdxctp = this.form.zjdxctp.replace(new RegExp(url2, "g"),"")
      this.form.zjdxctp = this.form.zjdxctp.split(url).join("")
      this.form.zjdxctp = this.form.zjdxctp.split(url1).join("")
      this.form.zjdxctp = this.form.zjdxctp.split(url2).join("")
    },
    // 图片上传前
    beforeReadfw(file){
      // 创建Canvas对象(画布)
      let canvas =  document.createElement('canvas')
      // 获取对应的CanvasRenderingContext2D对象(画笔)
      let context = canvas.getContext('2d')
      // 创建新的图片对象
      let img = new Image()
      // 指定图片的DataURL(图片的base64编码数据)
      img.src = file.content
      // 监听浏览器加载图片完成，然后进行进行绘制
      const height = 166
      const width = 316
      img.onload = () => {
        const h = img.height
        const w = img.width
        let ch = img.height/5
        let cw = img.width/5
        let canvas = document.createElement('canvas')
        let ctx = canvas.getContext('2d')
        canvas.height = ch
        canvas.width = cw
        ctx.clearRect(0,0,cw,ch)
        ctx.drawImage(img,0,0,cw,ch)
        let base_img = canvas.toDataURL('image/jpeg')
        const blobBin = atob(base_img.split(',')[1])
        let d = []
        for (let i=0;i<blobBin.length;i++){
          d.push(blobBin.charCodeAt(i))
        }
        const data2 = new FormData();
        data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
        uploadFile(data2).then(res => {
          if(this.nmfwform.zjdxctp!=null&&this.nmfwform.zjdxctp!=""){
            this.nmfwform.zjdxctp = this.nmfwform.zjdxctp + "," + res.fileName
          }else{
            this.nmfwform.zjdxctp =  res.fileName
          }
        })
      }

    },
    // 图片删除
    deleteFilefw(file){
      let url = ","+file.baseUrl
      let url1 = file.baseUrl+","
      let url2 = file.baseUrl
      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.replace(new RegExp(url, "g"),"")
      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.replace(new RegExp(url1, "g"),"")
      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.replace(new RegExp(url2, "g"),"")
      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.split(url).join("")
      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.split(url1).join("")
      this.nmfwform.zjdxctp = this.nmfwform.zjdxctp.split(url2).join("")
    },
    onConfirmhzsjly(value){
      this.nhform.sjlyName = value.dictLabel
      this.nhform.sjly = value.dictValue
      this.showhzsjly= false
    },
    onConfirmhzjzqk(value){
      this.nhform.jzqkName = value.dictLabel
      this.nhform.jzqk = value.dictValue
      this.showhzjzqk = false
    },
    onConfirmhzoccupation(value){
      this.nhform.occupationName = value.dictLabel
      this.nhform.occupation = value.dictValue
      this.showhzoccupation = false
    },
    onConfirmhzzjlx(value){
      this.nhform.hzzjlxName = value.dictLabel
      this.nhform.hzzjlx = value.dictValue
      this.showhzzjlx = false
    },
    onConfirmhzjzhcssfyzf(value){
      this.nhform.jzhcssfyzfName = value.dictLabel
      this.nhform.jzhcssfyzf = value.dictValue
      this.showhzjzhcssfyzf= false
    },
    // 使用权人农民房屋代码弹出框
    onConfirmsyqrnmfwdm(value){
      this.form1.nmfwdm = value.nmfwdm
      this.showsyqrnmfwdm = false
    },
    // 使用权人农户代码弹出框
    onConfirmsyqrnhdmlist(value){
      this.nhdmValue = null
      this.form1.nhdm = value.nhdm
      this.form1.shyqrdbxm = value.hzxm
      this.form1.shyqrdbzjhm = value.hzzjhm
      this.form1.shyqrdbzjlx = value.hzzjlx
      this.form1.dh = value.phone
      this.form1.dz = value.txdz
      this.zjlxOptions.map(res => {
        if(res.dictValue == this.form1.shyqrdbzjlx){
          this.form1.shyqrdbzjlxName = res.dictLabel
        }
      })
      this.showsyqrnhdmlist = false
    },
    // 农名房屋农户代码弹出框
    onConfirmnmfwnhdm(value){
      this.nhdmValue = null
      this.nmfwform.nhdm = value.nhdm
      this.shownmfwnhdm = false
    },
    // 使用权人所属行业弹出框
    onConfirmsyqrsshy(value){
      this.form1.sshyName = value.dictLabel
      this.form1.sshy = value.dictValue
      this.showsyqrsshy= false
    },
    // 户内成员数据来源弹出框
    onConfirmhncysjly(value){
      this.form5.sjlyName = value.dictLabel
      this.form5.sjly = value.dictValue
      this.showhncysjly= false
    },
    // 宅基地等级弹出框
    onConfirmdj(value){
      this.form.djName = value.dictLabel
      this.form.dj = value.dictValue
      this.showdj= false
    },
    // 户内成员职业弹出框
    onConfirmhncyoccupation(value){
      this.form5.occupationName = value.dictLabel
      this.form5.occupation = value.dictValue
      this.showhncyoccupation = false
    },
    // 户内成员成员备注弹出框
    onConfirmhncycybz(value){
      this.form5.cybzName = value.dictLabel
      this.form5.cybz = value.dictValue
      this.showhncycybz= false
    },
    // 户内成员居住情况弹出框
    onConfirmhncyjzqk(value){
      this.form5.jzqkName = value.dictLabel
      this.form5.jzqk = value.dictValue
      this.showhncyjzqk = false
    },
    // 自然幢房屋结构弹出框
    onConfirmzrzfwjg(value){
      this.form3.fwjgName = value.dictLabel
      this.form3.fwjg = value.dictValue
      this.showzrzfwjg = false
    },
    // 户内成员自然幢号弹出框
    onConfirmzrzh(value){
      this.nmfwform.zrzh = value.zrzh
      this.showzrzh = false
    },
    // 户内成员证件类型弹出框
    onConfirmhncyzjlx(value){
      this.form5.zjlxName = value.dictLabel
      this.form5.zjlx = value.dictValue
      this.showhncyzjlx = false
    },
    // 宅基地用途弹出框
    onConfirmyt(value){
      this.form.ytmc = value.dictLabel
      this.form.yt = value.dictValue
      this.showyt = false
    },
    // 宅基地权利类型弹出框
    onConfirmqllx(value){
      this.form.qllxName = value.dictLabel
      this.form.qllx = value.dictValue
      this.showqllx = false
    },
    // 宅基地权利性质弹出框
    onConfirmqlxz(value){
      this.form.qlxzName = value.dictLabel
      this.form.qlxz = value.dictValue
      this.showqlxz = false
    },
    // 宅基地权利设定方式弹出框
    onConfirmqlsdfs(value){
      this.form.qlsdfsName = value.dictLabel
      this.form.qlsdfs = value.dictValue
      this.showqlsdfs = false
    },
    // 户内成员与户主关系弹出框
    onConfirmyhzgx(value){
      this.form5.yhzgxName = value.dictLabel
      this.form5.yhzgx = value.dictValue
      this.showyhzgx = false
    },
    // 使用权人权利人类型弹出框
    onConfirmqlrlx(value){
      this.form1.qlrlxName = value.dictLabel
      this.form1.qlrlx = value.dictValue
      this.showqlrlx = false
    },
    // 使用权人证件类型弹出框
    onConfirmshyqrdbzjlx(value){
      this.form1.shyqrdbzjlxName = value.dictLabel
      this.form1.shyqrdbzjlx = value.dictValue
      this.showshyqrdbzjlx = false
    },
    // 使用权人共有方式弹出框
    onConfirmgyfs(value){
      this.form1.gyfsName = value.dictLabel
      this.form1.gyfs = value.dictValue
      this.showgyfs = false
    },
    // 使用权人户籍所在省市弹出框
    onConfirmhjszss(value){
      this.form1.hjszssName = value.dictLabel
      this.form1.hjszss = value.dictValue
      this.showhjszss = false
    },
    // 农民房屋户型弹出框
    onConfirmhx(value){
      this.nmfwform.hxName = value.dictLabel
      this.nmfwform.hx = value.dictValue
      this.showhx = false
    },
    // 农民房屋户型结构弹出框
    onConfirmhxjg(value){
      this.nmfwform.hxjgName = value.dictLabel
      this.nmfwform.hxjg = value.dictValue
      this.showhxjg = false
    },
    // 农民房屋房屋结构弹出框
    onConfirmfwjg(value){
      this.nmfwform.fwjgName = value.dictLabel
      this.nmfwform.fwjg = value.dictValue
      this.showfwjg = false
    },
    // 农民房屋房屋用途弹出框
    onConfirmfwyt(value){
      this.nmfwform.fwytName = value.dictLabel
      this.nmfwform.fwyt = value.dictValue
      this.showfwyt = false
    },
    // 农民房屋房屋类型弹出框
    onConfirmfwlx(value){
      this.nmfwform.fwlxName = value.dictLabel
      this.nmfwform.fwlx = value.dictValue
      this.showfwlx = false
    },
    // 农民房屋房屋性质弹出框
    onConfirmfwxz(value){
      this.nmfwform.fwxzName = value.dictLabel
      this.nmfwform.fwxz = value.dictValue
      this.showfwxz = false
    },
    // 农民房屋数据来源弹出框
    onConfirmnmfwsjly(value){
      this.nmfwform.sjlyName = value.dictLabel
      this.nmfwform.sjly = value.dictValue
      this.shownmfwsjly = false
    },
    // 农民房屋房屋状态弹出框
    onConfirmnmfwfwzt(value){
      this.nmfwform.fwztName = value.dictLabel
      this.nmfwform.fwzt = value.dictValue
      this.shownmfwfwzt = false
    },
    // 农民房屋利用状况弹出框
    onConfirmnmfwlyzk(value){
      this.nmfwform.lyzkName = value.dictLabel
      this.nmfwform.lyzk = value.dictValue
      this.shownmfwlyzk = false
    },
    // 农民房屋盘活利用模式弹出框
    onConfirmphlyms(value){
      this.nmfwform.phlymsName = value.dictLabel
      this.nmfwform.phlyms = value.dictValue
      this.showphlyms = false
    },
    // 农民房屋权属来源弹出框
    onConfirmnmfwqsly(value){
      this.nmfwform.qslyName = value.dictLabel
      this.nmfwform.qsly = value.dictValue
      this.shownmfwqsly = false
    },
    // 农民房屋审批或建设前土地状况弹出框
    onConfirmnmfwtdzk(value){
      this.nmfwform.tdzkName = value.dictLabel
      this.nmfwform.tdzk = value.dictValue
      this.shownmfwtdzk = false
    },
    // 农民房屋登记时间弹出框
    onConfirmdjsj(val){
      let year = val.getFullYear()
      let month = val.getMonth() + 1
      let day = val.getDate()
      if (month >= 1 && month <= 9) { month = `0${month}` }
      if (day >= 1 && day <= 9) { day = `0${day}` }
      this.nmfwform.djsj = year+"-"+month+"-"+day
      this.showPickerdjsj= false
    },
    // 农民房屋查封起始时间弹出框
    onConfirmcfqssj(val){
      let year = val.getFullYear()
      let month = val.getMonth() + 1
      let day = val.getDate()
      if (month >= 1 && month <= 9) { month = `0${month}` }
      if (day >= 1 && day <= 9) { day = `0${day}` }
      this.nmfwform.cfqssj = year+"-"+month+"-"+day
      this.showPickercfqssj= false
    },
    // 农民房屋查封结束时间弹出框
    onConfirmcfjssj(val){
      let year = val.getFullYear()
      let month = val.getMonth() + 1
      let day = val.getDate()
      if (month >= 1 && month <= 9) { month = `0${month}` }
      if (day >= 1 && day <= 9) { day = `0${day}` }
      this.nmfwform.cfjssj = year+"-"+month+"-"+day
      this.showPickercfjssj= false
    },
    // 农民房屋债务履行开始时间弹出框
    onConfirmzwlxsj1(val){
      let year = val.getFullYear()
      let month = val.getMonth() + 1
      let day = val.getDate()
      if (month >= 1 && month <= 9) { month = `0${month}` }
      if (day >= 1 && day <= 9) { day = `0${day}` }
      this.nmfwform.zwlxsj1 = year+"-"+month+"-"+day
      this.showPickerzwlxsj1= false
    },
    // 自然幢竣工日期弹出框
    onConfirmzrzjgrq(val){
      let year = val.getFullYear()
      let month = val.getMonth() + 1
      let day = val.getDate()
      if (month >= 1 && month <= 9) { month = `0${month}` }
      if (day >= 1 && day <= 9) { day = `0${day}` }
      this.form3.jgrq = year+"-"+month+"-"+day
      this.showPickerjgrq= false
    },
    // 农民房屋债务履行结束时间弹出框
    onConfirmzwlxsj2(val){
      let year = val.getFullYear()
      let month = val.getMonth() + 1
      let day = val.getDate()
      if (month >= 1 && month <= 9) { month = `0${month}` }
      if (day >= 1 && day <= 9) { day = `0${day}` }
      this.nmfwform.zwlxsj2 = year+"-"+month+"-"+day
      this.showPickerzwlxsj2= false
    },
    // 农民房屋批准时间弹出框
    onConfirmpzsj(value){
      this.nmfwform.pzsjName = value.dictLabel
      this.nmfwform.pzsj = value.dictValue
      this.showPickerpzsj= false
    },

    // 附属设施类型弹出框
    onConfirmfssslx(value){
      this.form4.fssslxName = value.dictLabel
      this.form4.fssslx = value.dictValue
      this.showfssslx = false
    },
    // 权属来源弹出框
    onConfirmqsly(value){
      this.form4.qslyName = value.dictLabel
      this.form4.qsly = value.dictValue
      this.showqsly = false
    },
    // 房屋状态弹出框
    onConfirmfwzt(value){
      this.form4.fwztName = value.dictLabel
      this.form4.fwzt = value.dictValue
      this.showfwzt = false
    },
    // 结构类型弹出框
    onConfirmjglx(value){
      this.form4.jglxName = value.dictLabel
      this.form4.jglx = value.dictValue
      this.showjglx = false
    },
    // 建筑物情况弹出框
    onConfirmjzwqk(value){
      this.form4.jzwqkName = value.dictLabel
      this.form4.jzwqk = value.dictValue
      this.showjzwqk = false
    },
    // 土地状况弹出框
    onConfirmtdzk(value){
      this.form4.tdzkName = value.dictLabel
      this.form4.tdzk = value.dictValue
      this.showtdzk = false
    },
    // 当前利用状况弹出框
    onConfirmlyzk(value){
      this.form.lyzkName = value.dictLabel
      this.form.lyzk = value.dictValue
      this.showlyzk = false
    },
    // 数据来源弹出框
    onConfirmsjly(value){
      this.form.sjlyName = value.dictLabel
      this.form.sjly = value.dictValue
      this.showsjly = false
    },
    // 自然幢数据里来源弹出框
    onConfirmzrzsjly(value){
      this.form3.sjlyName = value.dictLabel
      this.form3.sjly = value.dictValue
      this.showzrzsjly = false
    },
    // 闲置开始时间弹出框
    onConfirmxzkssj(val){
      let year = val.getFullYear()
      let month = val.getMonth() + 1
      let day = val.getDate()
      if (month >= 1 && month <= 9) { month = `0${month}` }
      if (day >= 1 && day <= 9) { day = `0${day}` }
      this.form.xzkssj = year+"-"+month+"-"+day
      this.showPickerxzkssj= false
    },
    goBack(){
      if(this.ztMap && this.enterMap ==1){
        if(this.form.id == null){
          this.backMap.backMapZjdAData.theGeom= "";
        }else{
          this.backMap.backMapZjdAData = this.form;
        }
        this.$cookies.set("search",this.backMap);
      } else {
        this.$cookies.set("search","");
      }
      this.$router.push({name:'homesteadList'});
      // }
    },
    // 设为户主
    setNh(item,index){
      Dialog.confirm({
        title: '警告',
        message: '此操作将删除原户主，并将此成员设为新户主，是否确认操作？',
      })
        .then(() => {
          // on confirm
          delNhhncy(item.id).then(res => {
            if(res.code=="200"){
              this.hncylist.splice(index,1);
            }
          })
          // 更新户主信息
          let pnh = {
            deptId : item.deptId,
            nhdm : item.nhdm,
            hzxm : item.xm,
            hzzjlx : item.zjlx,
            hzzjhm : item.zjhm,
            phone : item.lxdh,
            jzqk: item.jzqk,
            occupation :item.occupation,
            hyzk: item.hyzk,
            sfwbh:item.sfwbh,
            sfpkh:item.sfpkh
          }
          setNhInfo(pnh).then(res => {
          })
          // 更新使用权人
          let psyqr = {
            deptId : item.deptId,
            nhdm : item.nhdm,
            shyqrdbxm : item.xm,
            shyqrdbzjlx : item.zjlx,
            shyqrdbzjhm : item.zjhm,
            xb : item.xb,
            dh : item.lxdh
          }
          setSyqrInfo(psyqr).then(res => {
          })
        })
        .catch(() => {
          // on cancel
        });
    },
    // 删除房屋
    deletefw(id,index){
      Dialog.confirm({
        title: '警告',
        message: '确认删除此房屋么？',
      })
        .then(() => {
          // on confirm
          delNmfw(id).then(response => {
            if(response.code=='200'){
              this.fwlist.splice(index,1)
            }
          })
        })
        .catch(() => {
          // on cancel
        });
    },
    showPopupnh(item){

      if(item==""){
        this.shownh = true;
        let params = {
          "deptId" : this.item.deptId
        }
        this.nhform={
          "suyqrdm":null,
          "deptId":this.item.deptId,
          "hzzjlx":'01',
          "hzzjlxName":"身份证",
          "hyzk":'02',
          "occupation":'1',
          "occupationName":'务农',
          "jzqk":'3',
          "jzqkName":'常年居住',
          "jzhcssfyzf":'1',
          "jzhcssfyzfName":'无住房',
          "zqtczsfyzf":'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) => {
          if(response.rows.length>0){
            this.nhform = response.rows[0]
            this.shownh = true;
            if(this.nhform.hzzjlx==null||this.nhform.hzzjlx==''){
              this.nhform.hzzjlx = '01'
              this.nhform.hzzjlxName = '身份证'
            }
            if(this.nhform.hyzk==null||this.nhform.hyzk==''){
              this.nhform.hyzk = '02'
            }
            if(this.nhform.occupation==null||this.nhform.occupation==''){
              this.nhform.occupation = '1'
              this.nhform.occupationName = '务农'
            }
            if(this.nhform.jzqk==null||this.nhform.jzqk==''){
              this.nhform.jzqk = '3'
              this.nhform.jzqkName = '常年居住'
            }
            if(this.nhform.jzhcssfyzf==null||this.nhform.jzhcssfyzf==''){
              this.nhform.jzhcssfyzf = '1'
              this.nhform.jzhcssfyzfName = '无住房'
            }
            if(this.nhform.zqtczsfyzf==null||this.nhform.zqtczsfyzf==''){
              this.nhform.zqtczsfyzf = '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
              }
            })
          }else{
            this.$toast({
              type: 'fail', // 找到自己需要的图标
              message: '无对应农户信息，请先新增户主信息后再进行关联！',
              duration:"3000",
              onClose:function(){
              }
            })
          }
        });
      }

    },
    getZjd() {
      let _this = this
      if(this.item.zjddm){
        let params = {
          "zjddm":this.item.zjddm,
          deptId:this.item.deptId
        }
        listZjdzd(params).then(response => {
          this.form = response.rows[0];
          if(this.form.sffz==null||this.form.sffz==""){
            this.form.sffz = "Y"
          }
          if(this.form.yt==null||this.form.yt==""){
            this.form.yt = "072"
            this.form.ytmc="农村宅基地"
          }
          if(this.form.lyzk==null||this.form.lyzk==""){
            this.form.lyzk = "1"
            this.form.lyzkName="正常使用"
          }
          if(this.form.lzyx==null||this.form.lzyx==""){
            this.form.lzyx = "0"
          }
          if(this.form.yctcyx==null||this.form.yctcyx==""){
            this.form.yctcyx = "0"
          }
          if(this.form.bccjl==null||this.form.bccjl==""){
            this.form.bccjl = "0"
          }
          if(this.form.zjdqdfs==null||this.form.zjdqdfs==""){
            this.form.zjdqdfs = "01"
          }
          if(this.form.dj==null||this.form.dj==""){
            this.form.dj = "1"
            this.form.djName = "一类"
          }
          if(this.form.qllx==null||this.form.qllx==""){
            this.form.qllx = "1"
            this.form.qllxName = "集体土地所有权"
          }
          if(this.form.qlxz==null||this.form.qlxz==""){
            this.form.qlxz = "200"
            this.form.qlxzName = "集体土地"
          }
          if(this.form.qlsdfs==null||this.form.qlsdfs==""){
            this.form.qlsdfs = "1"
            this.form.qlsdfsName = "地上"
          }
          console.log(this.form.sjly)
          if(this.form.sjly==null||this.form.sjly==""){
            this.form.sjly = "04"
            this.form.sjlyName = "农村宅基地使用权确权登记发证"
          }else{
            this.sjlyOptions.map(res => {
              if(res.dictValue == this.form.sjly){
                this.form.sjlyName = res.dictLabel
              }
            })
          }
          this.fileListzjd = []
          if(this.form.zjdxctp!=null&&this.form.zjdxctp!=""&&this.form.zjdxctp.length>0){
            let li = this.form.zjdxctp.split(",");
            li.map(res => {
              this.fileListzjd.push({"url":this.baseUrl+res,"baseUrl":res})
            })
          }

          this.lyzkOptions.map(res => {
            if(res.dictValue == this.form.lyzk){
              this.form.lyzkName = res.dictLabel
            }
          })
          this.qllxOptions.map(res => {
            if(res.dictValue == this.form.qllx){
              this.form.qllxName = res.dictLabel
            }
          })
          this.qlxzOptions.map(res => {
            if(res.dictValue == this.form.qlxz){
              this.form.qlxzName = res.dictLabel
            }
          })
          this.qlsdfsOptions.map(res => {
            if(res.dictValue == this.form.qlsdfs){
              this.form.qlsdfsName = res.dictLabel
            }
          })
          this.ytOptions.map(res => {
            if(res.dictValue == this.form.yt){
              this.form.ytmc = res.dictLabel
            }
          })
          this.tddjOptions.map(res => {
            if(res.dictValue == this.form.dj){
              this.form.djName = res.dictLabel
            }
          })
          this.zjdProduct();
        });
      }else{
        let params = {
          "deptId" : this.item.deptId
        }
        listSuyqr(params).then((response) => {
          this.form = {
            deptId :this.item.deptId,
            sffz:"Y",
            yt:"072",
            ytmc:"农村宅基地",
            lyzk:"1",
            lyzkName:"正常使用",
            lzyx:'0',
            yctcyx:'0',
            bccjl:'0',
            zjdqdfs:'01',
            dj:'1',
            djName:'一类',
            qllx:'1',
            qllxName:'集体土地所有权',
            qlxz:'200',
            qlxzName:'集体土地',
            qlsdfs:'1',
            qlsdfsName:'地上',
            sjly:'04',
            sjlyName:'农村宅基地使用权确权登记发证',
            zl:'',
            theGeom:this.form.theGeom,
          }
          if(response.rows.length>0){
            this.form.suyqrdm = response.rows[0].suyqrdm
            this.form.zl = response.rows[0].suyqrmc
          }
          this.zjdProduct();
        });
      }
    },
    getSyqrList() {
      if(this.item.zjddm!=null||this.form.zjddm!=null) {
        let params = {
          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
          deptId:this.item.deptId
        }
        listShyqr(params).then(response => {
          this.syqrlist = response.rows;
        });
      }
    },
    getZrzList() {
      if(this.item.zjddm!=null||this.form.zjddm!=null) {
        let params = {
          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
          deptId:this.item.deptId
        }
        listZrz(params).then(response => {
          this.zrzlist = response.rows;
          if(this.active ==3 && this.enterMap ==1 && this.ztMap){
            this.form3.zjddm = this.backMap.zjddm;
          }
        });
        /*listNmfw(params).then(r => {
            this.fwlist = r.rows
          })*/
      }
    },
    getFsssList() {
      if(this.item.zjddm!=null||this.form.zjddm!=null) {
        let params = {
          "zjddm":this.item.zjddm?this.item.zjddm:this.form.zjddm,
          deptId:this.item.deptId
        }
        listFsss(params).then(response => {
          this.fssslist = response.rows;
          if(this.active ==4 && this.enterMap ==1 && this.ztMap){
            this.form4.zjddm = this.backMap.zjddm;
          }
        });
      }
    },
    onSubmithncy(){
      if (this.form5.id != null) {
        if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
          if(this.form5.xb!='1'){
            Dialog.confirm({
              title: '警告',
              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
            })
              .then(() => {
                // on confirm
                updateNhhncy(this.form5).then(response => {
                  let _this =this
                  this.$toast({
                    icon: 'success', // 找到自己需要的图标
                    message: '修改成功',
                    duration:"1000",
                    onClose:function(){
                      _this.showhncy = false
                      let params = {
                        "nhdm":_this.form5.nhdm,
                        deptId:_this.form5.deptId
                      }
                      listNhhncy(params).then((response) => {
                        _this.hncylist = response.rows
                      })
                    }
                  })
                });
              })
              .catch(() => {
                // on cancel
              });
          }else{
            updateNhhncy(this.form5).then(response => {
              let _this =this
              this.$toast({
                icon: 'success', // 找到自己需要的图标
                message: '修改成功',
                duration:"1000",
                onClose:function(){
                  _this.showhncy = false
                  let params = {
                    "nhdm":_this.form5.nhdm,
                    deptId:_this.form5.deptId
                  }
                  listNhhncy(params).then((response) => {
                    _this.hncylist = response.rows
                  })
                }
              })
            });
          }
        } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
          if(this.form5.xb!='0'){
            Dialog.confirm({
              title: '警告',
              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
            })
              .then(() => {
                // on confirm
                updateNhhncy(this.form5).then(response => {
                  let _this =this
                  this.$toast({
                    icon: 'success', // 找到自己需要的图标
                    message: '修改成功',
                    duration:"1000",
                    onClose:function(){
                      _this.showhncy = false
                      let params = {
                        "nhdm":_this.form5.nhdm,
                        deptId:_this.form5.deptId
                      }
                      listNhhncy(params).then((response) => {
                        _this.hncylist = response.rows
                      })
                    }
                  })
                });
              })
              .catch(() => {
                // on cancel
              });
          }else{
            updateNhhncy(this.form5).then(response => {
              let _this =this
              this.$toast({
                icon: 'success', // 找到自己需要的图标
                message: '修改成功',
                duration:"1000",
                onClose:function(){
                  _this.showhncy = false
                  let params = {
                    "nhdm":_this.form5.nhdm,
                    deptId:_this.form5.deptId
                  }
                  listNhhncy(params).then((response) => {
                    _this.hncylist = response.rows
                  })
                }
              })
            });
          }
        }else{
          updateNhhncy(this.form5).then(response => {
            let _this =this
            this.$toast({
              icon: 'success', // 找到自己需要的图标
              message: '修改成功',
              duration:"1000",
              onClose:function(){
                _this.showhncy = false
                let params = {
                  "nhdm":_this.form5.nhdm,
                  deptId:_this.form5.deptId
                }
                listNhhncy(params).then((response) => {
                  _this.hncylist = response.rows
                })
              }
            })
          });
        }
      } else {
        if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {
          if(this.form5.xb!='1'){
            Dialog.confirm({
              title: '警告',
              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
            })
              .then(() => {
                // on confirm
                addNhhncy(this.form5).then(response => {
                  let _this =this
                  this.$toast({
                    icon: 'success', // 找到自己需要的图标
                    message: '保存成功',
                    duration:"1000",
                    onClose:function(){
                      _this.showhncy = false
                      let params = {
                        "nhdm":_this.form5.nhdm,
                        deptId:_this.form5.deptId
                      }
                      listNhhncy(params).then((response) => {
                        _this.hncylist = response.rows
                      })
                    }
                  })
                });
              })
              .catch(() => {
                // on cancel
              });
          }else{
            addNhhncy(this.form5).then(response => {
              let _this =this
              this.$toast({
                icon: 'success', // 找到自己需要的图标
                message: '保存成功',
                duration:"1000",
                onClose:function(){
                  _this.showhncy = false
                  let params = {
                    "nhdm":_this.form5.nhdm,
                    deptId:_this.form5.deptId
                  }
                  listNhhncy(params).then((response) => {
                    _this.hncylist = response.rows
                  })
                }
              })
            });
          }
        } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){
          if(this.form5.xb!='0'){
            Dialog.confirm({
              title: '警告',
              message: '成员性别与身份证号中性别信息不符，是否继续保存？',
            })
              .then(() => {
                // on confirm
                addNhhncy(this.form5).then(response => {
                  let _this =this
                  this.$toast({
                    icon: 'success', // 找到自己需要的图标
                    message: '保存成功',
                    duration:"1000",
                    onClose:function(){
                      _this.showhncy = false
                      let params = {
                        "nhdm":_this.form5.nhdm,
                        deptId:_this.form5.deptId
                      }
                      listNhhncy(params).then((response) => {
                        _this.hncylist = response.rows
                      })
                    }
                  })
                });
              })
              .catch(() => {
                // on cancel
              });
          }else{
            addNhhncy(this.form5).then(response => {
              let _this =this
              this.$toast({
                icon: 'success', // 找到自己需要的图标
                message: '保存成功',
                duration:"1000",
                onClose:function(){
                  _this.showhncy = false
                  let params = {
                    "nhdm":_this.form5.nhdm,
                    deptId:_this.form5.deptId
                  }
                  listNhhncy(params).then((response) => {
                    _this.hncylist = response.rows
                  })
                }
              })
            });
          }
        }else{
          addNhhncy(this.form5).then(response => {
            let _this =this
            this.$toast({
              icon: 'success', // 找到自己需要的图标
              message: '保存成功',
              duration:"1000",
              onClose:function(){
                _this.showhncy = false
                let params = {
                  "nhdm":_this.form5.nhdm,
                  deptId:_this.form5.deptId
                }
                listNhhncy(params).then((response) => {
                  _this.hncylist = response.rows
                })
              }
            })
          });
        }

      }
    },
    onSubmitsyqr(){
      if(this.form.id==null||this.form.id==""){
        Notify({ type: 'danger', message: '请先保存宅基地信息' });
      }else{
        if (this.form1.id != null) {
          if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 1) {
            if(this.form1.xb!='1'){
              Dialog.confirm({
                title: '警告',
                message: '使用权人性别与身份证号中性别信息不符，是否继续保存？',
              })
                .then(() => {
                  // on confirm
                  updateShyqr(this.form1).then(response => {
                    let _this =this
                    this.$toast({
                      icon: 'success', // 找到自己需要的图标
                      message: '修改成功',
                      duration:"1000",
                      onClose:function(){
                        _this.showsyqr = false
                        _this.active = 2
                        _this.getSyqrList()
                      }
                    })
                  });
                })
                .catch(() => {
                  // on cancel
                });
            }else{
              updateShyqr(this.form1).then(response => {
                let _this =this
                this.$toast({
                  icon: 'success', // 找到自己需要的图标
                  message: '修改成功',
                  duration:"1000",
                  onClose:function(){
                    _this.showsyqr = false
                    _this.active = 2
                    _this.getSyqrList()
                  }
                })
              });
            }
          } else if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 0) {
            if(this.form1.xb!='0'){
              Dialog.confirm({
                title: '警告',
                message: '成员性别与身份证号中性别信息不符，是否继续保存？',
              })
                .then(() => {
                  // on confirm
                  updateShyqr(this.form1).then(response => {
                    let _this =this
                    this.$toast({
                      icon: 'success', // 找到自己需要的图标
                      message: '修改成功',
                      duration:"1000",
                      onClose:function(){
                        _this.showsyqr = false
                        _this.active = 2
                        _this.getSyqrList()
                      }
                    })
                  });
                })
                .catch(() => {
                  // on cancel
                });
            }else{
              updateShyqr(this.form1).then(response => {
                let _this =this
                this.$toast({
                  icon: 'success', // 找到自己需要的图标
                  message: '修改成功',
                  duration:"1000",
                  onClose:function(){
                    _this.showsyqr = false
                    _this.active = 2
                    _this.getSyqrList()
                  }
                })
              });
            }
          }else{
            updateShyqr(this.form1).then(response => {
              let _this =this
              this.$toast({
                icon: 'success', // 找到自己需要的图标
                message: '修改成功',
                duration:"1000",
                onClose:function(){
                  _this.showsyqr = false
                  _this.active = 2
                  _this.getSyqrList()
                }
              })
            });
          }
        } else {
          if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 1) {
            if(this.form1.xb!='1'){
              Dialog.confirm({
                title: '警告',
                message: '使用权人性别与身份证号中性别信息不符，是否继续保存？',
              })
                .then(() => {
                  // on confirm
                  addShyqr(this.form1).then(response => {
                    let _this =this
                    this.$toast({
                      icon: 'success', // 找到自己需要的图标
                      message: '保存成功',
                      duration:"1000",
                      onClose:function(){
                        _this.showsyqr = false
                        _this.active = 2
                        _this.getSyqrList()
                      }
                    })
                  });
                })
                .catch(() => {
                  // on cancel
                });
            }else{
              addShyqr(this.form1).then(response => {
                let _this =this
                this.$toast({
                  icon: 'success', // 找到自己需要的图标
                  message: '保存成功',
                  duration:"1000",
                  onClose:function(){
                    _this.showsyqr = false
                    _this.active = 2
                    _this.getSyqrList()
                  }
                })
              });
            }

          } else if (this.form1.shyqrdbzjlx=='01'&&parseInt(this.form1.shyqrdbzjhm.substr(16, 1)) % 2 == 0) {
            if(this.form1.xb!='0'){
              Dialog.confirm({
                title: '警告',
                message: '成员性别与身份证号中性别信息不符，是否继续保存？',
              })
                .then(() => {
                  // on confirm
                  addShyqr(this.form1).then(response => {
                    let _this =this
                    this.$toast({
                      icon: 'success', // 找到自己需要的图标
                      message: '保存成功',
                      duration:"1000",
                      onClose:function(){
                        _this.showsyqr = false
                        _this.active = 2
                        _this.getSyqrList()
                      }
                    })
                  });
                })
                .catch(() => {
                  // on cancel
                });
            }else{
              addShyqr(this.form1).then(response => {
                let _this =this
                this.$toast({
                  icon: 'success', // 找到自己需要的图标
                  message: '保存成功',
                  duration:"1000",
                  onClose:function(){
                    _this.showsyqr = false
                    _this.active = 2
                    _this.getSyqrList()
                  }
                })
              });
            }
          }else{
            addShyqr(this.form1).then(response => {
              let _this =this
              this.$toast({
                icon: 'success', // 找到自己需要的图标
                message: '保存成功',
                duration:"1000",
                onClose:function(){
                  _this.showsyqr = false
                  _this.active = 2
                  _this.getSyqrList()
                }
              })
            });
          }
        }
      }
    },
    onSubmitnmfw(){
      if (this.nmfwform.id != null) {
        updateNmfw(this.nmfwform).then(response => {
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '修改成功',
            duration:"1000",
            onClose:function(){
              _this.showfw = false
            }
          })
        });
      } else {
        addNmfw(this.nmfwform).then(response => {
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '保存成功',
            duration:"1000",
            onClose:function(){
              _this.showfw = false
              _this.shownmfwlist(_this.nmfwform);
            }
          })
        });
      }
    },
    // 户主保存
    onSubmitnh(){
      if(this.nhform.id!=null){
        updateNh(this.nhform).then(
          response => {
            let _this = this
            this.$toast({
              icon: 'success', // 找到自己需要的图标
              message: '修改成功',
              duration:"1000",
              onClose:function(){
                let psyqr = {
                  deptId : _this.nhform.deptId,
                  nhdm : _this.nhform.nhdm,
                  shyqrdbxm : _this.nhform.hzxm,
                  shyqrdbzjlx : _this.nhform.hzzjlx,
                  shyqrdbzjhm : _this.nhform.hzzjhm,
                  dh : _this.nhform.phone,
                  dz : _this.nhform.txdz
                }
                setSyqrInfo(psyqr).then(res => {
                  _this.shownh = false
                  _this.getSyqrList()
                })
              }
            })
          }
        );
      }else{
        this.nhform.deptId = this.item.deptId
        addNh(this.nhform).then(
          response => {
            let _this =this
            this.$toast({
              icon: 'success', // 找到自己需要的图标
              message: '保存成功',
              duration:"1000",
              onClose:function(){
                _this.shownh = false
              }
            })
          }
        );
      }
    },
    // 自然幢保存
    onSubmitzrz(){
      if (this.form3.id != null) {
        updateZrz(this.form3).then(response => {
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '修改成功',
            duration:"1000",
            onClose:function(){
              _this.showzrz = false
              _this.active = 3
              _this.getZrzList()

            }
          })
        });
      } else {
        addZrz(this.form3).then(response => {
          this.form3 = response.data
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '保存成功',
            duration:"1000",
            onClose:function(){
              _this.showzrz = false
              _this.active = 3
              _this.getZrzList()

            }
          })
        });
      }
    },
    // 附属设施保存
    onSubmitfsss(){
      if (this.form4.id != null) {
        updateFsss(this.form4).then(response => {
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '修改成功',
            duration:"1000",
            onClose:function(){
              _this.showfsss = false;
              _this.getFsssList()
            }
          })
        });
      } else {
        addFsss(this.form4).then(response => {
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '保存成功',
            duration:"1000",
            onClose:function(){
              _this.showfsss = false;
              _this.getFsssList()

            }
          })
        });
      }
    },
    onSubmitzjd(){
      if (this.form.id != null) {
        updateZjdzd(this.form).then(response => {
          this.$cookies.set("search",this.form);
          console.log(this.$cookies.get("search"));
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '修改成功',
            duration:"1000",
            onClose:function(){
              _this.active = 2
              _this.getSyqrList()
            }
          })
        });
      } else {
        addZjdzd(this.form).then(response => {
          this.form = response.data
          this.$cookies.set("search",this.form);
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '保存成功',
            duration:"1000",
            onClose:function(){
              _this.active = 2
              _this.getSyqrList()
            }
          })
        });
      }
    },
    showPopupsyqr(item) {
      if(this.form.id==null||this.form.id==""){
        Notify({ type: 'danger', message: '请先保存宅基地信息' });
      }else{
        if(item==""){
          this.form1={
            zjddm:this.form.zjddm,
            suyqrdm:this.form.suyqrdm,
            deptId:this.item.deptId,
            gj:'1',
            hklx:'1',
            xb:'1',
            sfbncjtjjzzcy:'Y',
            sfsyqrzjgy:'N',
            sfczr:'Y',
            qlrlx:'10',
            qlrlxName:'个人',
            gyfs:'1',
            gyfsName:'单独所有',
            qlbl:'1',
            hjszss:"150000",
            hjszssName:"内蒙古自治区",
          }
        }else{
          this.form1 = item
          if(this.form1.gj==null||this.form1.gj==""){
            this.form1.gj = '1'
          }
          if(this.form1.hklx==null||this.form1.hklx==""){
            this.form1.hklx = '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.sfczr==null||this.form1.sfczr==""){
            this.form1.sfczr = 'Y'
          }
          if(this.form1.qlrlx==null||this.form1.qlrlx==""){
            this.form1.qlrlx = 'Y'
            this.form1.qlrlxName = '个人'
          }
          if(this.form1.gyfs==null||this.form1.gyfs==""){
            this.form1.gyfs = '1'
            this.form1.gyfsName = '单独所有'
          }
          if(this.form1.qlbl==null||this.form1.qlbl==""){
            this.form1.qlbl = '1'
          }
          if(this.form1.hjszss==null||this.form1.hjszss==""){
            this.form1.hjszss = '150000'
            this.form1.hjszssName = '内蒙古自治区'
          }
          this.industryOptions.map(res => {
            if(res.dictValue == this.form1.sshy){
              this.form1.sshyName = res.dictLabel
            }
          })
          this.sjlyOptions.map(res => {
            if(res.dictValue == this.form1.sjly){
              this.form1.sjlyName = res.dictLabel
            }
          })
          this.zjlxOptions.map(res => {
            if(res.dictValue == this.form1.shyqrdbzjlx){
              this.form1.shyqrdbzjlxName = res.dictLabel
            }
          })
          this.qlrlxOptions.map(res => {
            if(res.dictValue == this.form1.qlrlx){
              this.form1.qlrlxName = res.dictLabel
            }
          })
          this.gyfsOptions.map(res => {
            if(res.dictValue == this.form1.gyfs){
              this.form1.gyfsName = res.dictLabel
            }
          })
          this.hjszssOptions.map(res => {
            if(res.dictValue == this.form1.hjszss){
              this.form1.hjszssName = res.dictLabel
            }
          })
        }
        this.showsyqr = true;
      }
    },
    showPopuphncy(item){
      if(item==""){
        this.form5 = {
          "nhdm":this.nhdm,
          "deptId":this.item.deptId,
          "zjlx":'01',
          "zjlxName":"身份证",
          "yhzgx":"12",
          "yhzgxName":"妻",
          "hyzk":'02',
          "hklx":'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) {
      console.log(item);
      if(this.form.id==null||this.form.id==""){
        Notify({ type: 'danger', message: '请先保存宅基地信息' });
      }else{
        if(item==""){
          this.form3={
            zjddm:this.item.zjddm?this.item.zjddm:this.form.zjddm,
            deptId:this.item.deptId?this.item.deptId:this.form.deptId,
            zcs:"1",
            dscs:"1",
            dxcs:"0",
            fwjg:'02',
            fwjgName:'钢和钢筋混凝土结构',
            sjly:'04',
            sjlyName:'农村宅基地使用权确权登记发证',
            theGeom:this.form.theGeom,
          }
          this.zrzProduct();
        }else{
          this.form3 = item
          this.form3.theGeom = item.theGeom;
          if(this.form3.zcs==null||this.form3.zcs==""){
            this.form3.zcs = "1"
          }
          if(this.form3.dscs==null||this.form3.dscs==""){
            this.form3.dscs = "1"
          }
          if(this.form3.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
              }
            })
          }
          if(this.form3.theGeom == null){
            this.form3.theGeom = this.form.theGeom;
          }
        }
        this.showzrz = true;
        this.zrzProduct();
        this.active = 3;
        // if(){
        //
        // }
      }
    },
    showPopupfw(item) {
      this.fileListfw = []
      if(this.form.id==null||this.form.id==""){
        Notify({ type: 'danger', message: '请先保存宅基地信息' });
      }else{
        this.showfw = true;
        if(item==""){
          this.nmfwform={
            zrzh: this.zrzh,
            deptId : this.item.deptId?this.item.deptId:this.form.deptId,
            zjddm : this.item.zjddm?this.item.zjddm:this.form.zjddm,
            nmfwzh : null,
            ch:"1",
            sjc:"1",
            myc:"1",
            sjcs:"1",
            hx:'03',
            hxName:'三居室',
            hxjg:'01',
            hxjgName:'平层',
            fwjg:'02',
            fwjgName:'钢和钢筋混凝土结构',
            fwyt:'10',
            fwytName:'住宅',
            sfjf:'N',
            sfcf:'N',
            sffz:'Y',
            isCommon:'N',
            fwzt:'01',
            fwztName:'正常',
            isMortgage:'N',
            sjly:'04',
            sjlyName:'农村宅基地使用权确权登记发证',
            fwlx:'01',
            fwlxName:'住宅',
            lyzk:'11',
            lyzkName:'居住',
            lzyx:'0',
            yctcyx:'0',
            qsly:'01',
            qslyName:'申请',
            sfkjgj:'N',
            pzdw:'1',
          }
        }else{
          this.nmfwform = item
          if(this.nmfwform.zjdxctp!=null&&this.nmfwform.zjdxctp!=""&&this.nmfwform.zjdxctp.length>0){
            let li = this.nmfwform.zjdxctp.split(",");
            li.map(res => {
              this.fileListfw.push({"url":this.baseUrl+res,"baseUrl":res})

            })
          }
          if(this.nmfwform.sfkjgj==null||this.nmfwform.sfkjgj==""){
            this.nmfwform.sfkjgj = "N"
          }
          if(this.nmfwform.qsly==null||this.nmfwform.qsly==""){
            this.nmfwform.qsly = "01"
            this.nmfwform.qslyName = "申请"
          }
          if(this.nmfwform.yctcyx==null||this.nmfwform.yctcyx==""){
            this.nmfwform.yctcyx = "0"
          }
          if(this.nmfwform.lzyx==null||this.nmfwform.lzyx==""){
            this.nmfwform.lzyx = "0"
          }
          if(this.nmfwform.lyzk==null||this.nmfwform.lyzk==""){
            this.nmfwform.lyzk = "11"
            this.nmfwform.lyzkName = "居住"
          }
          if(this.nmfwform.fwlx==null||this.nmfwform.fwlx==""){
            this.nmfwform.fwlx = "01"
            this.nmfwform.fwlxName = "住宅"
          }
          if(this.nmfwform.sjly==null||this.nmfwform.sjly==""){
            this.nmfwform.sjly = "04"
            this.nmfwform.sjlyName = "农村宅基地使用权确权登记发证"
          }
          if(this.nmfwform.isMortgage==null||this.nmfwform.isMortgage==""){
            this.nmfwform.isMortgage = "N"
          }
          if(this.nmfwform.fwzt==null||this.nmfwform.fwzt==""){
            this.nmfwform.fwzt = "01"
            this.nmfwform.fwztName = "正常"
          }
          if(this.nmfwform.pzdw==null||this.nmfwform.pzdw==""){
            this.nmfwform.pzdw = "1"
          }
          if(this.nmfwform.sfkjgj==null||this.nmfwform.sfkjgj==""){
            this.nmfwform.sfkjgj = "N"
          }
          if(this.nmfwform.zrzh==null||this.nmfwform.zrzh==""){
            this.nmfwform.zrzh = this.item.zrzh
          }
          if(this.nmfwform.deptId==null||this.nmfwform.deptId==""){
            this.nmfwform.deptId = this.item.deptId
          }
          if(this.nmfwform.zjddm==null||this.nmfwform.zjddm==""){
            this.nmfwform.zjddm = this.item.zjddm
          }
          if(this.nmfwform.nmfwzh==null||this.nmfwform.nmfwzh==""){
            this.nmfwform.nmfwzh = this.item.nmfwzh
          }
          if(this.nmfwform.ch==null||this.nmfwform.ch==""){
            this.nmfwform.ch = "1"
          }
          if(this.nmfwform.sjc==null||this.nmfwform.sjc==""){
            this.nmfwform.sjc = "1"
          }
          if(this.nmfwform.myc==null||this.nmfwform.myc==""){
            this.nmfwform.myc = "1"
          }
          if(this.nmfwform.sjcs==null||this.nmfwform.sjcs==""){
            this.nmfwform.sjcs = "1"
          }
          if(this.nmfwform.hx==null||this.nmfwform.hx==""){
            this.nmfwform.hx = "03"
            this.nmfwform.hxName = "三居室"
          }
          if(this.nmfwform.hxjg==null||this.nmfwform.hxjg==""){
            this.nmfwform.hxjg = "01"
            this.nmfwform.hxjgName = "平层"
          }
          if(this.nmfwform.fwjg==null||this.nmfwform.fwjg==""){
            this.nmfwform.fwjg = "02"
            this.nmfwform.fwjgName = "钢和钢筋混凝土结构"
          }
          if(this.nmfwform.fwyt==null||this.nmfwform.fwyt==""){
            this.nmfwform.fwyt = "10"
            this.nmfwform.fwytName = "住宅"
          }
          if(this.nmfwform.sfjf==null||this.nmfwform.sfjf==""){
            this.nmfwform.sfjf = "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.nmfwlyzkOptions.map(res => {
            if(res.dictValue == item.lyzk){
              this.nmfwform.lyzkName = res.dictLabel
            }
          })
          this.fwztOptions.map(res => {
            if(res.dictValue == item.fwzt){
              this.nmfwform.fwztName = res.dictLabel
            }
          })
          this.qslyOptions.map(res => {
            if(res.dictValue == item.qsly){
              this.nmfwform.qslyName = res.dictLabel
            }
          })

        }}
    },
    showPopuphncylist(item){
      if(item.nhdm==null||item.nhdm==""){
        Notify({ type: 'danger', message: '使用权人农户代码不能为空' });
      }else{
        this.showhncylist = true;
        if(item==""){
          this.hncylist=[]
        }else{
          this.nhdm = item.nhdm
          this.hncylist=[]
          let params = {
            "nhdm":item.nhdm,
            deptId:this.item.deptId
          }
          listNhhncy(params).then((response) => {
            this.hncylist = response.rows
          })
        }
      }

    },
    showPopupfsss(item) {if(this.form.id==null||this.form.id==""){
      Notify({ type: 'danger', message: '请先保存宅基地信息' });
    }else{
      if(item==""){
        this.form4={
          deptId:this.item.deptId?this.item.deptId:this.form.deptId,
          zjddm:this.item.zjddm?this.item.zjddm:this.form.zjddm,
          fssslx:'11',
          fssslxName:'畜厩',
          qsly:'99',
          qslyName:'其他',
          fwzt:'01',
          fwztName:'正常',
          sfsp:'N',
          sffz:'N',
          jglx:'2',
          jglxName:'砖混',
          sfzzsy:'Y',
          jzwqk:'01',
          jzwqkName:'正常',
          tdzk:'3',
          tdzkName:'其他',
          sfsgcf:'N',
          theGeom:this.form.theGeom,
        }
        this.fsssProduct();
      }else{
        this.form4=item
        console.log(this.form4);
        if(this.form4.fssslx==null||this.form4.fssslx==""){
          this.form4.fssslx = "11"
          this.form4.fssslxName = "畜厩"
        }
        if(this.form4.qsly==null||this.form4.qsly==""){
          this.form4.qsly = "99"
          this.form4.qslyName = "其他"
        }
        if(this.form4.fwzt==null||this.form4.fwzt==""){
          this.form4.fwzt = "01"
          this.form4.fwztName = "正常"
        }
        if(this.form4.sfsp==null||this.form4.sfsp==""){
          this.form4.sfsp = "N"
        }
        if(this.form4.sffz==null||this.form4.sffz==""){
          this.form4.sffz = "N"
        }
        if(this.form4.jglx==null||this.form4.jglx==""){
          this.form4.jglx = "2"
          this.form4.jglxName = "砖混"
        }
        if(this.form4.sfzzsy==null||this.form4.sfzzsy==""){
          this.form4.sfzzsy = "Y"
        }
        if(this.form4.jzwqk==null||this.form4.jzwqk==""){
          this.form4.jzwqk = "01"
          this.form4.jzwqkName = "正常"
        }
        if(this.form4.tdzk==null||this.form4.tdzk==""){
          this.form4.tdzk = "3"
          this.form4.tdzkName = "其他"
        }
        if(this.form4.sfsgcf==null||this.form4.sfsgcf==""){
          this.form4.sfsgcf = "N"
        }
        if(this.form4.theGeom==null||this.form4.theGeom==""){
          this.form4.theGeom = this.form.theGeom
        }
        this.fssslxOptions.map(res => {
          if(res.dictValue == item.fssslx){
            this.form4.fssslxName = res.dictLabel
          }
        })
        this.qslyOptions.map(res => {
          if(res.dictValue == item.qsly){
            this.form4.qslyName = res.dictLabel
          }
        })
        this.fwztOptions.map(res => {
          if(res.dictValue == item.fwzt){
            this.form4.fwztName = res.dictLabel
          }
        })
        this.jglxOptions.map(res => {
          if(res.dictValue == item.jglx){
            this.form4.jglxName = res.dictLabel
          }
        })
        this.jzwqkOptions.map(res => {
          if(res.dictValue == item.jzwqk){
            this.form4.jzwqkName = res.dictLabel
          }
        })
        this.tdzkOptions.map(res => {
          if(res.dictValue == item.tdzk){
            this.form4.tdzkName = res.dictLabel
          }
        })
      }
      this.showfsss = true;
      this.active = 4;
      this.fsssProduct();
    }
    },
    showPopup3() {
      this.show3 = true;
      this.mapClickLoading();
    },
    onSubmit(values) {
    },
    changeActive(){
      if(this.active<4){
        this.active+=1
      }else{
        this.active=1
      }
    },
    changeActiveBack(){
      if(this.active>1){
        this.active-=1
        if(this.active ==1){
          this.mapClickLoading();
        }
      }else{
        this.active=1
        this.mapClickLoading();
      }
    },
    // 清空画板
    handleReset() {
      this.resultImg = null
      if(this.$refs.esign){
        this.$refs.esign.reset();
      }
    },
    // 图片上传前
    beforeRead(file){
      // 创建Canvas对象(画布)
      let canvas =  document.createElement('canvas')
      // 获取对应的CanvasRenderingContext2D对象(画笔)
      let context = canvas.getContext('2d')
      // 创建新的图片对象
      let img = new Image()
      // 指定图片的DataURL(图片的base64编码数据)
      img.src = file.content
      // 监听浏览器加载图片完成，然后进行进行绘制
      const height = 166
      const width = 316
      img.onload = () => {
        const h = img.height
        const w = img.width
        let ch = img.height/2
        let cw = img.width/2
        let canvas = document.createElement('canvas')
        let ctx = canvas.getContext('2d')
        canvas.height = ch
        canvas.width = cw
        ctx.clearRect(0,0,cw,ch)
        ctx.drawImage(img,0,0,cw,ch)
        let base_img = canvas.toDataURL('image/jpeg')
        const blobBin = atob(base_img.split(',')[1])
        let d = []
        for (let i=0;i<blobBin.length;i++){
          d.push(blobBin.charCodeAt(i))
        }
        const data2 = new FormData();
        data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
        uploadFile(data2).then(res => {
          if(this.form.zjdxctp!=null&&this.form.zjdxctp!=""){
            this.form.zjdxctp = this.form.zjdxctp + "," + res.fileName
          }else{
            this.form.zjdxctp =  res.fileName
          }
        })
      }
    },
    // 生成签字图
    handleGenerate() {
      if(this.resultImg==null||this.resultImg==''){
        this.$refs.esign
          .generate() // 使用生成器调用把签字的图片转换成为base64图片格式
          .then((res) => {
            this.resultImg = res;
          })
          .catch((err) => {
            // 画布没有签字时会执行这里提示一下
            this.$message({
              type: "warning",
              message: "请签名后再生成签字图片",
            });
          });
        // 在这里向后端发请求把转换后的base64文件传给后端，后端接收以后再转换成图片做静态图片存储
        // 当然也可以把base64转成流文件blob格式的，类似上传给后端这样，具体哪种方式看后端要求
        setTimeout(() => {
          // 这里要使用定时器稍微延后以后就能取到base64数据了，当然也可以再加一个确认按钮，如：确认使用这张base64签名图片
          // 点击确认以后，在其回调函数中，再把base64的签名图片传给后端用于存储
          const blobBin = atob(this.resultImg.split(',')[1])
          let d = []
          for (let i=0;i<blobBin.length;i++){
            d.push(blobBin.charCodeAt(i))
          }
          const data2 = new FormData();
          data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
          uploadFile(data2).then(res => {
            this.form.dzqm = res.fileName
            this.form.houseDataConfirmStatus = "CONFIRMED"
            this.form.zjdAudit = '0'
            let param ={
              zjddm : this.item.zjddm,
              houseDataConfirmStatus : "CONFIRMED"
            }
            updateZrzStatus(param).then(res => {})
            updateFsssStatus(param).then(res => {})
            if (this.form.id != null) {
              submitOnly(this.form).then(response => {
                let _this =this
                this.$toast({
                  icon: 'success', // 找到自己需要的图标
                  message: '修改成功',
                  duration:"1000",
                  onClose:function(){
                    _this.goBack();
                  }
                });
              });
            } else {
              addZjdzd(this.form).then(response => {
                let _this =this
                this.$toast({
                  icon: 'success', // 找到自己需要的图标
                  message: '保存成功',
                  duration:"1000",
                  onClose:function(){
                    _this.goBack();
                  }
                })
              });
            }
          })
        }, 200);
      }else{
        this.form.houseDataConfirmStatus = "CONFIRMED"
        this.form.zjdAudit = '0'
        let param ={
          zjddm : this.item.zjddm,
          houseDataConfirmStatus : "CONFIRMED"
        }
        updateZrzStatus(param).then(res => {})
        updateFsssStatus(param).then(res => {})
        submitOnly(this.form).then(response => {
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '修改成功',
            duration:"1000",
            onClose:function(){
              _this.goBack();
            }
          });
        });
      }
      /*this.showesign = false;*/
    },
    searchCommit(){
      this.showesign = true
    },
    searchCommit1(){
      this.form.houseDataConfirmStatus = "CONFIRMED"
      if (this.form.id != null) {
        updateZjdzd(this.form).then(response => {
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '修改成功',
            duration:"1000",
            onClose:function(){
              _this.goBack();
            }
          })
        });
      } else {
        addZjdzd(this.form).then(response => {
          let _this =this
          this.$toast({
            icon: 'success', // 找到自己需要的图标
            message: '保存成功',
            duration:"1000",
            onClose:function(){
              _this.goBack();
            }
          })
        });
      }
    },
    //地图加载js------start
    mapClickLoading(){
      setTimeout(() => {
        if(this.active =="1"){
          this.$refs[this.zjdProductResh].drawingPaceCountryDarw();
        }else if(this.active=="3"){
          this.$refs[this.zrzProductResh].drawingPaceCountryDarw();
        }else if(this.active=="4"){
          this.$refs[this.fsssProductResh].drawingPaceCountryDarw();
        } else {

        }
      }, 500);
    },
    /** 查找地图中定位点 */
    MapTag: function (data) {
      if(this.active =="1"){
        this.form.theGeom = data;
      }else if(this.active=="3"){
        this.form3.theGeom = data;
      }else if(this.active=="4"){
        this.form4.theGeom = data;
      } else {

      }
    },
    zjdProduct(){
      this.zjdProductResh = this.guidProduct();
      this.mapClickLoading();
    },
    zrzProduct(){
      this.zrzProductResh = this.guidProduct();
      this.mapClickLoading();
    },
    fsssProduct(){
      this.fsssProductResh = this.guidProduct();
      this.mapClickLoading();
    },
    guidProduct(){
      return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
        var r = Math.random() * 16 | 0,
          v = c == 'x' ? r : (r & 0x3 | 0x8);
        return v.toString(16);
      });
    },
    //地图加载js------end
  }
}
</script>

<style scoped>
>>> .bannerBg{
  width: 100%;
  color:#fff;
  padding:10px;
  background: linear-gradient(134deg,#7ac943 1%, #22b7f2);
}
>>> .van-hairline--bottom::after {
  border-bottom-width: 0;
}
>>> .title:before
{
  content:"";
  width: 6px;
  height: 32px;
  background: #7ac943;
  border-radius: 3px;
  position:absolute;
  left:0;
  bottom:10px;
}
>>> .delete-button {
  height: 100%;
}
>>> .van-swipe-cell__wrapper{
  margin-right:-3px;
}
>>> .label-class .van-collapse-item__title--expanded{
  font-weight: bold;
}
</style>