nsgk_mobile/src/views/homesteadSurvey/add.vue

<template>
  <div class="app-container">
    <van-sticky style="position:relative;">
    <div class="bannerBg">
      <van-nav-bar
        style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;"
        @click-left="goBack()"
      >
        <template #left>
          <van-icon name="arrow-left" size="18" color="#fff" />
        </template>
       <!-- <template #right>
          <van-icon name="map-marked" size="18" color="#fff" />
        </template>-->
        <template #title>
          <p style="color:#fff">{{item.zjddm?"":"新增"}}入户调查</p>
        </template>
      </van-nav-bar>
    </div>
    <div style=" width:90%; left:5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;
    top:1.2rem">
      <van-row>
        <van-col span="4" :offset="1" style="text-align:center;" >
          <div @click="active=1">
            <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" :message="form.message" @click="mapClickLoading" style="margin-top:0px;"/>
            <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p>
          </div>
        </van-col>
        <van-col span="2">
          <div style="height: 2px; border: 2px dashed #b5b4b4;margin-top: 40px;"></div>
        </van-col>
        <div @click="active=2,getSyqrList()">
          <van-col span="4"  style="text-align:center;" >
            <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
            <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p>
          </van-col>
        </div>

        <van-col span="2">
          <div style=" height: 2px; border: 2px dashed #b5b4b4;margin-top: 40px;"></div>
        </van-col>
        <div @click="active=3,getZrzList()">
          <van-col span="4" style="text-align:center;" >
            <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>
            <p  :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p>
          </van-col>
        </div>
        <van-col span="2">
          <div style=" height: 2px; border: 2px dashed #b5b4b4;margin-top: 40px;"></div>
        </van-col>
        <van-col span="4" style="text-align:center;" @click="active=4,getFsssList()">
          <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
            v-model="form.suyqrdm"
            name="所有权人代码"
            label="所有权人代码"
            placeholder="自动生成"
            input-align="right"
            disabled
          />
          <van-field
            v-model="form.zjddm"
            name="宅基地代码"
            label="宅基地代码"
            placeholder="自动生成"
            input-align="right"
            disabled
          />
          <van-field name="radio" label="是否发证" input-align="right">
            <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.ytName"
            name="用途"
            label="用途"
            placeholder="用途"
            readonly
            @click="showyt = true"
            required
            :rules="[{ required: true, message: '用途不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form.ytmc"
            name="用途名称"
            label="用途名称"
            placeholder="用途名称"
          />
          <van-field
            v-model="form.yt"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form.zjdzsh"
            name="宅基地证书号"
            label="宅基地证书号"
            placeholder="宅基地证书号"
          />
          <van-field
            input-align="right"
            v-model="form.zjdpzmj"
            name="宅基地批准面积(㎡)"
            label="宅基地批准面积(㎡)"
            placeholder="单位：平方米"
            type="number"
          />
          <van-field
            input-align="right"
            v-model="form.zdmj"
            type="number"
            name="宗地面积(㎡)"
            label="宗地面积(㎡)"
            placeholder="宗地面积(㎡)"
          />
          <van-field
            input-align="right"
            v-model="form.zdbh"
            name="宗地代码"
            label="宗地代码"
            placeholder="单位：平方米"
            type="number"
            required
            :rules="[{ required: true, message: '宗地代码不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form.zl"
            name="坐落"
            label="坐落"
            placeholder="坐落"
            required
            :rules="[{ required: true, message: '坐落不能为空' }]"
          />
          <van-field
            v-model="form.zldwdm"
            name="坐落单位代码"
            label="坐落单位代码"
            placeholder="坐落单位代码"
            input-align="right"
            required
            :rules="[{ required: true, message: '坐落单位代码不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form.zdszd"
            name="宗地四至-东"
            label="宗地四至-东"
            placeholder="宗地四至-东"
            required
            :rules="[{ required: true, message: '宗地四至-东不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form.zdszn"
            name="宗地四至-南"
            label="宗地四至-南"
            placeholder="宗地四至-南"
            required
            :rules="[{ required: true, message: '宗地四至-南不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form.zdszx"
            name="宗地四至-西"
            label="宗地四至-西"
            placeholder="宗地四至-西"
            required
            :rules="[{ required: true, message: '宗地四至-西不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form.zdszb"
            name="宗地四至-北"
            label="宗地四至-北"
            placeholder="宗地四至-北"
            required
            :rules="[{ required: true, message: '宗地四至-北不能为空' }]"
          />
          <van-field
            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
            input-align="right"
            v-model="form.zjdxzyy"
            name="宅基地闲置原因"
            label="宅基地闲置原因"
            placeholder="宅基地闲置原因"
          />
          <van-field
            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"
            />
          </van-popup>
          <van-field name="radio" label="流转意向" input-align="right">
            <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">
            <template #input>
              <van-radio-group v-model="form.yctcyx" direction="horizontal">
                <van-radio name="1">有</van-radio>
                <van-radio name="0">无</van-radio>
              </van-radio-group>
            </template>
          </van-field>
          <van-field name="radio" label="被惩处经历" input-align="right">
            <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
            v-if="form.bccjl==1"
            input-align="right"
            v-model="form.bccbz"
            name="被惩处备注"
            label="被惩处备注"
            placeholder="被惩处备注"
          />
          <van-field name="radio" label="宅基地取得方式" input-align="right">
            <template #input>
              <van-radio-group v-model="form.zjdqdfs" direction="horizontal">
                <van-radio v-for="dict in zjdqdfsOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
              </van-radio-group>
            </template>
          </van-field>
          <van-field name="uploader" label="宅基地现场照片">
            <template #input>
              <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="4"></van-uploader>
            </template>
          </van-field>
          <van-field
            input-align="right"
            v-model="form.djName"
            name="等级"
            label="等级"
            placeholder="等级"
            @click="showdj = true"
          />
          <van-field
            v-model="form.dj"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form.jg"
            name="价格（万元）"
            label="价格（万元）"
            placeholder="价格（万元）"
            type="number"
          />
          <van-field
            input-align="right"
            v-model="form.qllxName"
            name="权利类型"
            label="权利类型"
            placeholder="权利类型"
            readonly
            @click="showqllx = true"
          />
          <van-field
            v-model="form.qllx"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form.qlxzName"
            name="权利性质"
            label="权利性质"
            placeholder="权利性质"
            readonly
            @click="showqlxz = true"
          />
          <van-field
            v-model="form.qlxz"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form.qlsdfsName"
            name="权利设定方式"
            label="权利设定方式"
            placeholder="权利设定方式"
            readonly
            @click="showqlsdfs = true"
          />
          <van-field
            v-model="form.qlsdfs"
            style="display:none"
          />
          <van-field
            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
            input-align="right"
            v-model="form.jzxg"
            name="建筑限高"
            label="建筑限高(m)"
            placeholder="建筑限高"
            type="number"
          />
          <van-field
            input-align="right"
            v-model="form.zdt"
            name="宗地图"
            label="宗地图"
            placeholder="宗地图"
          />
          <van-field
            input-align="right"
            v-model="form.tfh"
            name="图幅号"
            label="图幅号"
            placeholder="图幅号"
          />
          <van-field
            input-align="right"
            v-model="form.djh"
            name="地籍号"
            label="地籍号"
            placeholder="地籍号"
          />
          <van-field
            v-model="form.sjlyName"
            name="数据来源"
            label="数据来源"
            placeholder="数据来源"
            input-align="right"
            readonly
            @click="showsjly = true"
          />
          <van-field
            v-model="form.sjly"
            style="display:none"
          />

          <van-field
            input-align="right"
            v-model="form.bz"
            name="备注"
            label="备注"
            placeholder="备注"
          />
          <MapGisDrawing ref="drewingClickLoading" :message="form.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
          <div style="margin: 16px;">
            <van-button round block color="#7AC943" 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 auto;" @click="showPopupsyqr(item)">查看使用权人信息</van-button>
          </div>
        </div>
        <template #right>
          <van-button square text="删除" type="danger" class="delete-button" @click="deletesyqr(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;">
        <div style="text-align:center;" >
          <p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopupsyqr('')"><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==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>
          </div>
        </div>
        <template #right>
          <van-button square text="删除" type="danger" class="delete-button" @click="deletezrz(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;">
        <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;"/>自然幢号：{{item.zrzh}}</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>
          <van-button square text="删除" type="danger" class="delete-button" @click="deletefsss(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;">
        <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 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="searchCommit">完成</van-button>
      </div>
    </div>
    <van-popup v-model="showsyqr" style="height:100%;width:100%;">
      <div class="bannerBg">
        <van-nav-bar
          style="background:transparent;border-bottom-width:0;"
          @click-left="showsyqr=false"
        >
          <template #left>
            <van-icon name="arrow-left" size="18" color="#fff" />
          </template>
          <template #title>
            <p style="color:#fff">使用权利人</p>
          </template>
        </van-nav-bar>
      </div>
      <div style="margin:20px;">
        <van-form @submit="onSubmitsyqr">
          <p class="title" style="position:relative;padding-left:20px;line-height:32px;">使用权人</p>

          <van-field
            input-align="right"
            v-model="form1.nhdm"
            name="农户代码"
            label="农户代码"
            placeholder="农户代码"
            required
            :rules="[{ required: true, message: '农户代码不能为空' }]"
            @click="showsyqrnhdmlist = true"
          />
          <van-field
            input-align="right"
            v-model="form1.zjddm"
            name="宅基地代码"
            label="宅基地代码"
            placeholder="宅基地代码"
            required
            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form1.nmfwdm"
            name="农民房屋代码"
            label="农民房屋代码"
            placeholder="宅基地上有农民房屋时填写"
          />
          <van-field
            input-align="right"
            v-model="form1.shyqrdbxm"
            name="使用权人代表姓名"
            label="使用权人代表姓名"
            placeholder="使用权人代表姓名"
            required
            :rules="[{ required: true, message: '使用权人代表姓名不能为空' }]"
          />
          <van-field
            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
            input-align="right"
            v-model="form1.shyqrdbzjhm"
            name="使用权人代表证件号码"
            label="使用权人代表证件号码"
            placeholder="使用权人代表证件号码"
            required
            :rules="[{ required: true, message: '使用权人代表证件号码不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form1.bdcdyh"
            name="不动产单元号"
            label="不动产单元号"
            placeholder="分配了不动产单元号时填写"
          />
          <van-field
            input-align="right"
            v-model="form1.bdcqzh"
            name="不动产权证号"
            label="不动产权证号"
            placeholder="不动产权证号"
            v-show="form1.bdcdyh!=null&&form1.bdcdyh==''"
          />
          <van-field
            input-align="right"
            v-model="form1.qzysxlh"
            name="权证印刷序列号"
            label="权证印刷序列号"
            placeholder="权证印刷序列号"
          />
          <van-field
            input-align="right"
            v-model="form1.fzjg"
            name="发证机关"
            label="发证机关"
            placeholder="发证机关"
          />
          <van-field
            input-align="right"
            v-model="form1.sshy"
            name="所属行业"
            label="所属行业"
            placeholder="所属行业"
          />
          <van-field name="radio" label="国家/地区" input-align="right">
            <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
            input-align="right"
            v-model="form1.qlbl"
            name="权利比例"
            label="权利比例"
            placeholder="单独为1，共有时2位小数"
          />
          <van-field
            input-align="right"
            v-model="form1.hjszss"
            name="户籍所在省市"
            label="户籍所在省市"
            placeholder="户籍所在省市"
          />
          <van-field name="radio" label="性别" input-align="right">
            <template #input>
              <van-radio-group v-model="form1.xb" direction="horizontal">
                <van-radio name="1">男</van-radio>
                <van-radio name="2">女</van-radio>
              </van-radio-group>
            </template>
          </van-field>
          <van-field
            input-align="right"
            v-model="form1.dh"
            name="电话"
            label="电话"
            placeholder="电话"
            type="number"
          />
          <van-field
            input-align="right"
            v-model="form1.dz"
            name="地址"
            label="地址"
            placeholder="地址"
          />
          <van-field 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
            v-if="form1.sfsyqrzjgy=='Y'"
            input-align="right"
            v-model="form1.ftzdmj"
            name="分摊宗地面积(㎡)"
            label="分摊宗地面积(㎡)"
            placeholder="单位：平方米"
          />
          <van-field
            input-align="right"
            v-model="form1.qlrlxName"
            name="权利人类型"
            label="权利人类型"
            placeholder="权利人类型"
            @click="showqlrlx = true"
            required
            :rules="[{ required: true, message: '权利人类型不能为空' }]"
          />
          <van-field
            v-model="form1.qlrlx"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form1.gyfsName"
            name="共有方式"
            label="共有方式"
            placeholder="共有方式"
            @click="showgyfs = true"
          />
          <van-field
            v-model="form1.gyfs"
            style="display:none"
          />
          <van-field 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
            input-align="right"
            v-model="form1.suyqrdm"
            name="所有权人代码"
            label="所有权人代码"
            placeholder="当使用权人是本村集体经济组织成员时必填"
            readonly
          />
          <van-field name="radio" label="户口类型" input-align="right">
            <template #input>
              <van-radio-group v-model="form1.hklx" direction="horizontal">
                <van-radio name="1">农业</van-radio>
                <van-radio name="2">非农业</van-radio>
              </van-radio-group>
            </template>
          </van-field>
          <van-field
            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;">
            <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
            input-align="right"
            v-model="form3.zjddm"
            name="宅基地代码"
            label="宅基地代码"
            placeholder="宅基地代码"
            readonly
            required
            :rules="[{ required: true, message: '宅基地代码不能为空' }]"

          />
          <van-field
            input-align="right"
            v-model="form3.nmfwzh"
            name="农民房屋幢号"
            label="农民房屋幢号"
            placeholder="自动生成"
            disabled
          />
          <van-field
            input-align="right"
            v-model="form3.zrzh"
            name="自然幢号"
            label="自然幢号"
            placeholder="自然幢号"
            required
            :rules="[{ required: true, message: '自然幢号不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form3.jgrq"
            name="竣工日期"
            label="竣工日期"
            placeholder="竣工日期"
            @click="showPickerjgrq=true"
            readonly
          />
          <van-field
            input-align="right"
            v-model="form3.jzwgd"
            name="建筑物高度"
            label="建筑物高度"
            placeholder="建筑物高度"
          />
          <van-field
            input-align="right"
            v-model="form3.zzdmj"
            name="幢占地面积(㎡)"
            label="幢占地面积(㎡)"
            placeholder="幢占地面积(㎡)"
            required
            :rules="[{ required: true, message: '幢占地面积(㎡)不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form3.zydmj"
            name="幢用地面积(㎡)"
            label="幢用地面积(㎡)"
            placeholder="幢用地面积(㎡)"
            required
            :rules="[{ required: true, message: '幢用地面积(㎡)不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form3.scjzmj"
            name="实测建筑面积(㎡)"
            label="实测建筑面积(㎡)"
            placeholder="实测建筑面积(㎡)"
          />
          <van-field
            input-align="right"
            v-model="form3.zcs"
            name="总层数"
            label="总层数"
            placeholder="总层数"
            required
            :rules="[{ required: true, message: '总层数不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form3.dscs"
            name="地上层数"
            label="地上层数"
            placeholder="地上层数"
          />
          <van-field
            input-align="right"
            v-model="form3.dxcs"
            name="地下层数"
            label="地下层数"
            placeholder="地下层数"
          />
          <van-field
            input-align="right"
            v-model="form3.fwjgName"
            name="房屋结构"
            label="房屋结构"
            placeholder="房屋结构"
            @click="showzrzfwjg = true"
            readonly
            required
            :rules="[{ required: true, message: '房屋结构不能为空' }]"
          />
          <van-field
          v-model="form3.fwjg"
          style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form3.sjlyName"
            name="数据来源"
            label="数据来源"
            placeholder="数据来源"
            readonly
            required
            :rules="[{ required: true, message: '数据来源不能为空' }]"
            @click="showzrzsjly=true"
          />
          <van-field
            v-model="form3.sjly"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form3.bz"
            name="备注"
            label="备注"
            placeholder="备注"
          />
          <MapGisDrawing ref="drewingClickLoading" :message="form3.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
          <div style="margin: 16px;">
            <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
            v-model="nmfwform.deptId"
            name="组织机构代码"
            label="组织机构代码"
            placeholder="组织机构代码"
            :rules="[{ required: true, message: '' }]"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.zjddm"
            name="宅基地代码"
            label="宅基地代码"
            placeholder="宅基地代码"
            disabled
            required
            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.nmfwdm"
            name="农民房屋代码"
            label="农民房屋代码"
            placeholder="自动生成"
            disabled
          />
          <van-field
            input-align="right"
            v-model="nmfwform.bdcdyh"
            name="不动产单元号"
            label="不动产单元号"
            placeholder="不动产单元号"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.nmfwmj"
            name="农民房屋面积(㎡)"
            label="农民房屋面积(㎡)"
            placeholder="农民房屋面积(㎡)"
            required
            :rules="[{ required: true, message: '农民房屋面积(㎡)不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.fwbm"
            name="房屋编码"
            label="房屋编码"
            placeholder="房屋编码"
            required
            :rules="[{ required: true, message: '房屋编码不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.zrzh"
            name="自然幢号"
            label="自然幢号"
            placeholder="自然幢号"
            readonly
            @click="showzrzh = true"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.nmfwzh"
            name="农民房屋幢号"
            label="农民房屋幢号"
            placeholder="自动生成"
            disabled
          />
          <van-field
            input-align="right"
            v-model="nmfwform.ch"
            name="层号"
            label="层号"
            placeholder="层号"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.sjc"
            name="实际层"
            label="实际层"
            placeholder="实际层"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.myc"
            name="名义层"
            label="名义层"
            placeholder="名义层"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.zl"
            name="坐落"
            label="坐落"
            placeholder="坐落"required
            :rules="[{ required: true, message: '坐落不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.sjcs"
            name="实际层数"
            label="实际层数"
            placeholder="实际层数"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.hh"
            name="户号"
            label="户号"
            placeholder="户号"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.hxName"
            name="户型"
            label="户型"
            placeholder="户型"
            @click="showhx=true"
            readonly
          />
          <van-field
            v-model="nmfwform.hx"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.hxjgName"
            name="户型结构"
            label="户型结构"
            placeholder="户型结构"
            @click="showhxjg=true"
            readonly
          />
          <van-field
            v-model="nmfwform.hxjg"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.fwjgName"
            name="房屋结构"
            label="房屋结构"
            placeholder="房屋结构"
            @click="showfwjg=true"
            readonly
          />
          <van-field
            v-model="nmfwform.fwjg"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.fwytName"
            name="房屋用途"
            label="房屋用途"
            placeholder="房屋用途"
            @click="showfwyt=true"
            readonly
          />
          <van-field
            v-model="nmfwform.fwyt"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.fwzdmj"
            name="房屋占地面积(㎡)"
            label="房屋占地面积(㎡)"
            placeholder="房屋占地面积(㎡)"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.jzmj"
            name="建筑面积(㎡)"
            label="建筑面积(㎡)"
            placeholder="建筑面积(㎡)"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.zsh"
            name="证书号"
            label="证书号"
            placeholder="证书号"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.djjg"
            name="登记机构"
            label="登记机构"
            placeholder="登记机构"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.djsj"
            name="登记时间"
            label="登记时间"
            placeholder="登记时间"
            @click="showPickerdjsj=true"
            readonly
          />
          <van-field name="radio" label="是否纠纷" input-align="right">
            <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">
            <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
            input-align="right"
            v-model="nmfwform.cfqssj"
            name="查封起始时间"
            label="查封起始时间"
            placeholder="查封起始时间"
            readonly
            @click="showPickercfqssj=true"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.cfjssj"
            name="查封结束时间"
            label="查封结束时间"
            placeholder="查封结束时间"
            readonly
            @click="showPickercfjssj=true"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.fwlxName"
            name="房屋类型"
            label="房屋类型"
            placeholder="房屋类型"
            readonly
            @click="showfwlx=true"
          />
          <van-field
            v-model="nmfwform.fwlx"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.sjlyName"
            name="数据来源"
            label="数据来源"
            placeholder="数据来源"
            readonly
            @click="shownmfwsjly=true"
          />
          <van-field
            v-model="nmfwform.sjly"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.qxdm"
            name="区县代码"
            label="区县代码"
            placeholder="区县代码"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.lyzkName"
            name="利用状况"
            label="利用状况"
            placeholder="利用状况"
            readonly
            @click="shownmfwlyzk=true"
          />
          <van-field
            v-model="nmfwform.lyzk"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.xzyy"
            name="闲置原因"
            label="闲置原因"
            placeholder="闲置原因"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.phlymsName"
            name="盘活利用模式"
            label="盘活利用模式"
            placeholder="盘活利用模式"
            readonly
            @click="showphlyms=true"
          />
          <van-field
            v-model="nmfwform.phlyms"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.jznd"
            name="建筑年代"
            label="建筑年代"
            placeholder="建筑年代"
          />
          <van-field name="radio" label="是否发证" input-align="right">
            <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">
            <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
            input-align="right"
            v-model="nmfwform.fwztName"
            name="房屋状态"
            label="房屋状态"
            placeholder="房屋状态"
            @click="shownmfwfwzt = true"
          />
          <van-field
            v-model="nmfwform.fwzt"
            style="display:none"
          />
          <van-field name="radio" label="是否抵押" input-align="right">
            <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
            v-if="nmfwform.isMortgage=='Y'"
            input-align="right"
            v-model="nmfwform.mortgageMan"
            name="抵押权利人"
            label="抵押权利人"
            placeholder="抵押权利人"
          />
          <van-field
            v-if="nmfwform.isMortgage=='Y'"
            input-align="right"
            v-model="nmfwform.mortgageMoney"
            name="抵押金额"
            label="抵押金额( 元)"
            placeholder="抵押金额"
            type="number"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.zwlxsj1"
            name="债务履行开始时间"
            label="债务履行开始时间"
            placeholder="债务履行开始时间"
            @click="showPickerzwlxsj1=true"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.zwlxsj2"
            name="债务履行结束时间"
            label="债务履行结束时间"
            placeholder="债务履行结束时间"
            @click="showPickerzwlxsj2=true"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.eay"
            name="年收益"
            label="年收益"
            placeholder="年收益"
          />
          <van-field name="radio" label="流转意向" input-align="right">
            <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">
            <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
            input-align="right"
            v-model="nmfwform.bccjl"
            name="被惩处经历"
            label="被惩处经历"
            placeholder="被惩处经历"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.bccbz"
            name="被惩处备注"
            label="被惩处备注"
            placeholder="被惩处备注"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.qslyName"
            name="权属来源"
            label="权属来源"
            placeholder="权属来源"
            @click="shownmfwqsly=true"
          />
          <van-field
            v-model="nmfwform.qsly"
            style="display:none"
          />
          <van-field name="radio" label="是否扩建改建" input-align="right">
            <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
            input-align="right"
            v-model="nmfwform.pzsjName"
            name="批准时间"
            label="批准时间"
            placeholder="批准时间"
            @click="showPickerpzsj=true"
          />
          <van-field
            v-model="nmfwform.pzsj"
            style="display:none"
          />
          <van-field name="radio" label="批准单位" input-align="right">
            <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
            input-align="right"
            v-model="nmfwform.tdzkName"
            name="审批或建设前土地状况"
            label="审批或建设前土地状况"
            placeholder="审批或建设前土地状况"
            @click="shownmfwtdzk=true"
          />
          <van-field
            v-model="nmfwform.tdzk"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.bz"
            name="备注"
            label="备注"
            placeholder="备注"
          />
          <van-field
            input-align="right"
            v-model="nmfwform.zjdxctp"
            name="宅基地现场照片"
            label="宅基地现场照片"
            placeholder="宅基地现场照片"
            style="display:none"
          />
          <van-field name="uploader" label="房屋现场照片">
            <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;">
            <van-button round block color="#7AC943" native-type="submit">保存</van-button>
          </div>
        </van-form>
      </div>
    </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"
        />
      </van-popup>
      <van-popup v-model:show="showPickerdjsj" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmdjsj"
          @cancel="showPickerdjsj = false"
        />
      </van-popup>
      <van-popup v-model:show="showPickercfqssj" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmcfqssj"
          @cancel="showPickercfqssj = false"
        />
      </van-popup>
      <van-popup v-model:show="showPickercfjssj" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmcfjssj"
          @cancel="showPickercfjssj = false"
        />
      </van-popup>
      <van-popup v-model:show="showPickerzwlxsj1" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmzwlxsj1"
          @cancel="showPickerzwlxsj1 = false"
        />
      </van-popup>
      <van-popup v-model:show="showPickerzwlxsj2" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmzwlxsj2"
          @cancel="showPickerzwlxsj2 = false"
        />
      </van-popup>
      <van-popup v-model="showhx" position="bottom">
        <van-picker
          show-toolbar
          :columns="hxOptions"
          value-key="dictLabel"
          @confirm="onConfirmhx"
          @cancel="showhx = false"
        />
      </van-popup>
      <van-popup v-model="showhxjg" position="bottom">
        <van-picker
          show-toolbar
          :columns="hxjgOptions"
          value-key="dictLabel"
          @confirm="onConfirmhxjg"
          @cancel="showhxjg = false"
        />
      </van-popup>
      <van-popup v-model="showzrzfwjg" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwjgOptions"
          value-key="dictLabel"
          @confirm="onConfirmzrzfwjg"
          @cancel="showzrzfwjg = false"
        />
      </van-popup>
      <van-popup v-model="showfwjg" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwjgOptions"
          value-key="dictLabel"
          @confirm="onConfirmfwjg"
          @cancel="showfwjg = false"
        />
      </van-popup>
      <van-popup v-model="showfwyt" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwytOptions"
          value-key="dictLabel"
          @confirm="onConfirmfwyt"
          @cancel="showfwyt = false"
        />
      </van-popup>
      <van-popup v-model="showfwlx" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwlxOptions"
          value-key="dictLabel"
          @confirm="onConfirmfwlx"
          @cancel="showfwlx = false"
        />
      </van-popup>
      <van-popup v-model="showfwxz" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwxzOptions"
          value-key="dictLabel"
          @confirm="onConfirmfwxz"
          @cancel="showfwxz = false"
        />
      </van-popup>
      <van-popup v-model="shownmfwsjly" position="bottom">
        <van-picker
          show-toolbar
          :columns="sjlyOptions"
          value-key="dictLabel"
          @confirm="onConfirmnmfwsjly"
          @cancel="shownmfwsjly = false"
        />
      </van-popup>
      <van-popup v-model="shownmfwlyzk" position="bottom">
        <van-picker
          show-toolbar
          :columns="lyzkOptions"
          value-key="dictLabel"
          @confirm="onConfirmnmfwlyzk"
          @cancel="shownmfwlyzk = false"
        />
      </van-popup>
      <van-popup v-model="showphlyms" position="bottom">
        <van-picker
          show-toolbar
          :columns="phlymsOptions"
          value-key="dictLabel"
          @confirm="onConfirmphlyms"
          @cancel="showphlyms = false"
        />
      </van-popup>
      <van-popup v-model="shownmfwfwzt" position="bottom">
        <van-picker
          show-toolbar
          :columns="fwztOptions"
          value-key="dictLabel"
          @confirm="onConfirmnmfwfwzt"
          @cancel="shownmfwfwzt = false"
        />
      </van-popup>
      <van-popup v-model="shownmfwqsly" position="bottom">
        <van-picker
          show-toolbar
          :columns="qslyOptions"
          value-key="dictLabel"
          @confirm="onConfirmnmfwqsly"
          @cancel="shownmfwqsly = false"
        />
      </van-popup>
      <van-popup v-model="showPickerjgrq" position="bottom">
        <van-datetime-picker
          type="date"
          @confirm="onConfirmzrzjgrq"
          @cancel="showPickerjgrq = false"
        />
      </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-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
            v-model="form4.deptId"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form4.zjddm"
            name="宅基地代码"
            label="宅基地代码"
            placeholder="宅基地代码"
            required
            :rules="[{ required: true, message: '宅基地代码不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form4.fssslxName"
            name="附属设施类型"
            label="附属设施类型"
            placeholder="附属设施类型"
            required
            :rules="[{ required: true, message: '附属设施类型不能为空' }]"
            @click="showfssslx = true"
          />
          <van-field
            v-model="form4.fssslx"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form4.jzmj"
            name="建筑面积(㎡)"
            label="建筑面积(㎡)"
            placeholder="建筑面积(㎡)"
            required
            :rules="[{ required: true, message: '建筑面积(㎡)不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form4.qslyName"
            name="权属来源"
            label="权属来源"
            placeholder="权属来源"
            required
            :rules="[{ required: true, message: '权属来源不能为空' }]"
            @click="showqsly = true"
          />
          <van-field
            v-model="form4.qsly"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form4.fwztName"
            name="房屋状态"
            label="房屋状态"
            placeholder="房屋状态"
            required
            :rules="[{ required: true, message: '房屋状态不能为空' }]"
            @click="showfwzt = true"
          />
          <van-field
            v-model="form4.fwzt"
            style="display:none"
          />
          <van-field name="radio" label="是否审批" input-align="right">
            <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">
            <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
            input-align="right"
            v-model="form4.jglxName"
            name="结构类型"
            label="结构类型"
            placeholder="结构类型"
            required
            :rules="[{ required: true, message: '结构类型不能为空' }]"
            @click="showjglx = true"
          />
          <van-field
            v-model="form4.jglx"
            style="display:none"
          />
          <van-field name="radio" label="是否正在使用" input-align="right">
            <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
            input-align="right"
            v-model="form4.jzwqkName"
            name="建筑物情况"
            label="建筑物情况"
            placeholder="建筑物情况"
            required
            :rules="[{ required: true, message: '建筑物情况不能为空' }]"
            @click="showjzwqk = true"
          />
          <van-field
            v-model="form4.jzwqk"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form4.tdzkName"
            name="审批或建设前土地状况"
            label="审批或建设前土地状况"
            placeholder="审批或建设前土地状况"
            required
            :rules="[{ required: true, message: '审批或建设前土地状况不能为空' }]"
            @click="showtdzk = true"
          />
          <van-field
            v-model="form4.tdzk"
            style="display:none"
          />
          <van-field name="radio" label="是否受过处罚" input-align="right">
            <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
            input-align="right"
            v-model="form4.remark"
            name="备注"
            label="备注"
            placeholder="备注"
          />
          <MapGisDrawing ref="drewingClickLoading" :message="form4.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing>
          <div style="margin: 16px;">
            <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
            input-align="right"
            v-model="form5.nhdm"
            name="农户代码"
            label="农户代码"
            placeholder="农户代码"
            disabled
            required
            :rules="[{ required: true, message: '农户代码不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form5.xm"
            name="姓名"
            label="姓名"
            placeholder="姓名"
            required
            :rules="[{ required: true, message: '姓名不能为空' }]"
          />
          <van-field
            input-align="right"
            v-model="form5.zjlxName"
            name="证件类型"
            label="证件类型"
            placeholder="证件类型"
            required
            :rules="[{ required: true, message: '证件类型不能为空' }]"
            readonly
            @click="showhncyzjlx = true"
          />
          <van-field
            v-model="form5.zjlx"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form5.yhzgxName"
            name="与户主关系"
            label="与户主关系"
            placeholder="与户主关系"
            required
            readonly
            :rules="[{ required: true, message: '与户主关系不能为空' }]"
            @click="showyhzgx = true"
          />
          <van-field
            v-model="form5.yhzgx"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form5.zjhm"
            name="证件号码"
            label="证件号码"
            placeholder="证件号码"
            required
            :rules="[{ required: true, message: '证件号码不能为空' }]"
          />
          <van-field 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
            input-align="right"
            v-model="form5.lxdh"
            name="联系电话"
            label="联系电话"
            placeholder="联系电话"
          />
          <van-field name="radio" label="户口类型" input-align="right">
            <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">
            <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">
            <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
            input-align="right"
            v-model="form5.cybzName"
            name="成员备注"
            label="成员备注"
            placeholder="成员备注"
            @click="showhncycybz = true"
          />
          <van-field
            v-model="form5.cybz"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form5.cybzsm"
            name="成员备注说明"
            label="成员备注说明"
            placeholder="成员备注说明"
          />
          <van-field
            input-align="right"
            v-model="form5.occupationName"
            name="职业"
            label="职业"
            placeholder="职业"
            required
            :rules="[{ required: true, message: '' }]"
            @click="showhncyoccupation = true"
          />
          <van-field
            v-model="form5.occupation"
            style="display:none"
          />
          <van-field
            input-align="right"
            v-model="form5.jzqkName"
            name="居住情况"
            label="居住情况"
            placeholder="居住情况"
            required
            :rules="[{ required: true, message: '' }]"
            @click="showhncyjzqk = true"
          />
          <van-field
            v-model="form5.jzqk"
            style="display:none"
          />
          <van-field name="radio" label="是否贫困户" input-align="right">
            <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">
            <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
            input-align="right"
            v-model="form5.sjlyName"
            name="数据来源"
            label="数据来源"
            placeholder="数据来源"
            required
            :rules="[{ required: true, message: '' }]"
            @click="showhncysjly = true"
          />
          <van-field
            v-model="form5.sjly"
            style="display:none"
          />
          <div style="margin: 16px;">
            <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>
          <van-button square text="删除" type="danger" class="delete-button" @click="deletehncy(item.id,index)" />
        </template>
      </van-swipe-cell>
      <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">
        <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="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"
        />
      </van-row>
      <img :src="resultImg" alt="" width="800" height="500" style="display:none"/>
      <van-row type="flex" justify="center" style="margin-bottom:20px;">
        <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="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>
  </div>
</template>

<script>
  import {listShyqr,addShyqr,updateShyqr,delShyqr} from "@/api/homesteadSurvey/shyqr";
  import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand} from "@/api/homesteadSurvey/zjdzd";
  import MapGisDrawing from "@/components/Map/MapGisDrawing";
  import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz} 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} from "@/api/homesteadSurvey/nh";
  import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList} from "@/api/homesteadSurvey/fsss";
  import { listTown, getTown } from "@/api/homesteadSurvey/town";
  import { listVillage} from "@/api/homesteadSurvey/village";
  import { listAttachmentConfig} from "@/api/homesteadSurvey/index";
  import { Notify, Dialog, Toast } from 'vant';
  export default {
    name: "homesteadAdd",
    components: { MapGisDrawing,},
    data() {
      return {
        active:1,
        // 电子签名
        lineWidth: 6, // 画笔的线条粗细
        lineColor: "#000000", // 画笔的颜色
        bgColor: "", // 画布的背景颜色
        resultImg: "", // 最终画布生成的base64图片
        isCrop: false, // 是否裁剪，在画布设定尺寸基础上裁掉四周空白部分
        showdj: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:{},
        // 使用权人列表
        syqrlist:[],
        // 使用权人农户代码列表
        syqrnhdmlist:[],
        // 户内成员列表
        hncylist:[],
        // 自然幢列表
        zrzlist:[],
        // 房屋列表
        fwlist:[],
        // 附属设施列表
        fssslist:[],
        // 当前利用状况字典
        lyzkOptions: [],
        // 数据来源字典
        sjlyOptions:[],
        // 宅基地取得方式字典
        zjdqdfsOptions:[],
        // 附属设施类型字典
        fssslxOptions:[],
        // 权属来源字典
        qslyOptions:[],
         // 房屋状态字典
        fwztOptions:[],
        // 结构类型字典
        jglxOptions:[],
        // 建筑物情况字典
        jzwqkOptions:[],
        // 土地状况字典
        tdzkOptions:[],
        // 宅基地图片
        fileListzjd:[],
        // 房屋图片
        fileListfw:[],
        // 户型字典
        hxOptions: [],
        // 户型结构字典
        hxjgOptions: [],
        // 房屋结构字典
        fwjgOptions: [],
        // 房屋用途字典
        fwytOptions: [],
        // 房屋类型字典
        fwlxOptions: [],
        // 房屋性质字典
        fwxzOptions: [],
        // 盘活利用模式字典
        phlymsOptions: [],
        // 流转意向字典
        lzyxOptions: [],
        // 有偿退出意向字典
        yctcyxOptions: [],
        // 被惩处经历字典
        bccjlOptions: [],
        // 审批或建设前土地状况字典
        tdzkOptions: [],
        // 批准时间字典
        pzsjOptions: [],
        // 共有方式字典
        gyfsOptions: [],
        // 权利人类型字典
        qlrlxOptions: [],
        // 证件类型字典
        zjlxOptions:[],
        // 与户主关系字典
        yhzgxOptions:[],
        // 权利类型字典
        qllxOptions:[],
        // 权利性质字典
        qlxzOptions:[],
        // 权利设定方式字典
        qlsdfsOptions:[],
        // 用途字典
        ytOptions:[],
        // 职业字典
        occupationOptions:[],
        // 集镇或城市是否有住房
        jzhcssfyzfOptions:[],
        // 婚姻状况
        hyzkOptions:[],
        // 成员备注字典
        cybzOptions:[],
        // 居住情况字典
        jzqkOptions:[],
        // 土地等级字典
        tddjOptions:[],
      };
    },
    created(){
      if(this.$cookies.get("search")){
        this.item = this.$cookies.get("search");
      }else{
        this.$set(this.item,"deptId",this.$cookies.get("item").deptId)
      }
      this.getDicts("zjdlyzk").then(response => {
        this.lyzkOptions = response.data;
      });
      this.getDicts("acquisition_method").then(response => {
        this.zjdqdfsOptions = response.data;
      });
      this.getDicts("sjly").then(response => {
        this.sjlyOptions = response.data;
      });
      this.getDicts("fsss_type").then(response => {
        this.fssslxOptions = response.data;
      });
      this.getDicts("acquisition_method").then(response => {
        this.qslyOptions = response.data;
      });
      this.getDicts("fwzt").then(response => {
        this.fwztOptions = response.data;
      });
      this.getDicts("house_jglx").then(response => {
        this.jglxOptions = response.data;
      });
      this.getDicts("fwzt").then(response => {
        this.jzwqkOptions = response.data;
      });
      this.getDicts("land_state").then(response => {
        this.tdzkOptions = response.data;
      });
      this.getDicts("approve_time").then(response => {
        this.pzsjOptions = response.data;
      });
      this.getDicts("phlyms").then(response => {
        this.phlymsOptions = response.data;
      });
      this.getDicts("fwlx").then(response => {
        this.fwlxOptions = response.data;
      });
      this.getDicts("fwxz").then(response => {
        this.fwxzOptions = response.data;
      });
      this.getDicts("nmfwhx").then(response => {
        this.hxOptions = response.data;
      });
      this.getDicts("nmfwhxjg").then(response => {
        this.hxjgOptions = response.data;
      });
      this.getDicts("housing_structure").then(response => {
        this.fwjgOptions = response.data;
      });
      this.getDicts("fwyt").then(response => {
        this.fwytOptions = response.data;
      });
      this.getDicts("common_mode").then(response => {
        this.gyfsOptions = response.data;
      });
      this.getDicts("obligee_type").then(response => {
        this.qlrlxOptions = response.data;
      });
      this.getDicts("zjlx").then(response => {
        this.zjlxOptions = response.data;
      });
      this.getDicts("family_status").then(response => {
        this.yhzgxOptions = response.data;
      });
      this.getDicts("rights_nature").then(response => {
        this.qlxzOptions = response.data;
      });
      this.getDicts("rights_type").then(response => {
        this.qllxOptions = response.data;
      });
      this.getDicts("right_setting_mode").then(response => {
        this.qlsdfsOptions = response.data;
      });
      this.getDicts("land_use").then(response => {
        this.ytOptions = response.data;
      });
      this.getDicts("jzhcssfyzf").then(response => {
        this.jzhcssfyzfOptions = response.data;
      });
      this.getDicts("occupation").then(response => {
        this.occupationOptions = response.data;
      });
      this.getDicts("hyzk").then(response => {
        this.hyzkOptions = response.data;
      });
      this.getDicts("cybz").then(response => {
        this.cybzOptions = response.data;
      });
      this.getDicts("living_condition").then(response => {
        this.jzqkOptions = response.data;
      });
      this.getDicts("tddj").then(response => {
        this.tddjOptions = response.data;
      });
      this.getnhdmlist();
      this.getZjd();
      this.getBaseUrl();
    },
    mounted(){
        if(this.active ==1){
          this.form.theGeom = this.item.theGeom;
          this.mapClickLoading();
        }
    },
    methods: {
      getBaseUrl(){
        let params={
          parentId: null,
          processKey: null,
          nodeStatus: null,
          fileType: null,
          fileTypeName: null,
          configLevel: null,
          nodeStatusName: null,
          businessType: null}
        listAttachmentConfig(params).then(response => {
          console.log(response)
        })
      },
      // 验证
      validator(val){
        console.log(val.length)
        if(val>1||val<0||val.length>4){
          return false
        }else{
          return true
        }
      },
      validator1(val){
        console.log(val.length)
        if(val>1||val<0||val.length>4){
          return false
        }else{
          return true
        }
      },
      // 所有权人农户代码列表
      getnhdmlist(){
        let params = {
          "deptId" : this.item.deptId
        }
        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(id,index){
        Dialog.confirm({
          title: '警告',
          message: '删除后无法恢复，确认删除么？',
        })
          .then(() => {
            // on confirm
            delZrz(id).then(res => {
              if(res.code=="200"){
                this.zrzlist.splice(index,1);
              }
            })
          })
          .catch(() => {
            // on cancel
          });
      },
      // 删除使用权人
      deletesyqr(id,index){
        Dialog.confirm({
          title: '警告',
          message: '删除后无法恢复，确认删除么？',
        })
          .then(() => {
            // on confirm
            delShyqr(id).then(res => {
              if(res.code=="200"){
                this.syqrlist.splice(index,1);
              }
            })
          })
          .catch(() => {
            // on cancel
          });
      },

      // 与户主关系翻译
      yhzgxfy(value){
        let label
        this.yhzgxOptions.map(res => {
          if(res.dictValue ==value){
             label = res.dictLabel
          }
        })
        return label
      },
      // 附属设施类型翻译
      fssslxfy(value){
        let label
        this.fssslxOptions.map(res => {
          if(res.dictValue ==value){
            label = res.dictLabel
          }
        })
        return label
      },
      // 建筑物情况翻译
      jzwqkfy(value){
        let label
        this.jzwqkOptions.map(res => {
          if(res.dictValue ==value){
            label = res.dictLabel
          }
        })
        return label
      },
      // 图片上传前
      beforeReadzjd(file){
        // 创建Canvas对象(画布)
        let canvas =  document.createElement('canvas')
        // 获取对应的CanvasRenderingContext2D对象(画笔)
        let context = canvas.getContext('2d')
        // 创建新的图片对象
        let img = new Image()
        // 指定图片的DataURL(图片的base64编码数据)
        img.src = file.content
        // 监听浏览器加载图片完成，然后进行进行绘制
        const height = 166
        const width = 316
        img.onload = () => {
          const h = img.height
          const w = img.width
          let ch = img.height/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
            }
          })
        }
      },
      // 图片删除
      deleteFilezjd(file){
        console.log(this.form.zjdxctp,file.baseUrl)
        let url = ","+file.baseUrl
        let url1 = file.baseUrl+","
        this.form.zjdxctp = this.form.zjdxctp.replaceAll(url,"")
        this.form.zjdxctp = this.form.zjdxctp.replaceAll(url1,"")
      },
      // 图片上传前
      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/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.form5.zjdxctp!=null&&this.form5.zjdxctp!=""){
              this.form5.zjdxctp = this.form5.zjdxctp + "," + res.fileName
            }else{
              this.form5.zjdxctp =  res.fileName
            }
          })
        }

      },
      // 图片删除
      deleteFilefw(file){
        let url = ","+file.baseUrl
        let url1 = file.baseUrl+","
        this.form5.zjdxctp = this.form5.zjdxctp.replaceAll(url,"")
        this.form5.zjdxctp = this.form5.zjdxctp.replaceAll(url1,"")
      },
      // 使用权人农户代码弹出框
      onConfirmsyqrnhdmlist(value){
        this.form1.nhdm = value.nhdm
        this.form1.shyqrdbxm = value.hzxm
        this.form1.shyqrdbzjhm = value.hzzjhm
        this.form1.shyqrdbzjlx = value.hzzjlx
        this.zjlxOptions.map(res => {
          if(res.dictValue == this.form1.shyqrdbzjlx){
            this.form1.shyqrdbzjlxName = res.dictLabel
          }
        })
        this.showsyqrnhdmlist = false
      },
      // 户内成员数据来源弹出框
      onConfirmhncysjly(value){
        this.form5.sjlyName = value.dictLabel
        this.form5.sjly = value.dictValue
        this.showhncysjly= false
      },
      // 户主数据来源弹出框
      onConfirmhzsjly(value){
        this.nhform.sjlyName = value.dictLabel
        this.nhform.sjly = value.dictValue
        this.showhzsjly= false
      },
      // 宅基地等级弹出框
      onConfirmdj(value){
        this.form.djName = value.dictLabel
        this.form.dj = value.dictValue
        this.showdj= false
      },
      // 户内成员职业弹出框
      onConfirmhncyoccupation(value){
        this.form5.occupationName = value.dictLabel
        this.form5.occupation = value.dictValue
        this.showhncyoccupation = false
      },
      // 户内成员成员备注弹出框
      onConfirmhncycybz(value){
        this.form5.cybzName = value.dictLabel
        this.form5.cybz = value.dictValue
        this.showhncycybz= false
      },
      // 户内成员居住情况弹出框
      onConfirmhncyjzqk(value){
        this.form5.jzqkName = value.dictLabel
        this.form5.jzqk = value.dictValue
        this.showhncyjzqk = false
      },
      // 自然幢房屋结构弹出框
      onConfirmzrzfwjg(value){
        this.form3.fwjgName = value.dictLabel
        this.form3.fwjg = value.dictValue
        this.showzrzfwjg = false
      },
      // 户内成员自然幢号弹出框
      onConfirmzrzh(value){
        this.nmfwform.zrzh = value.zrzh
        this.showzrzh = false
      },
      // 户内成员证件类型弹出框
      onConfirmhncyzjlx(value){
        this.form5.zjlxName = value.dictLabel
        this.form5.zjlx = value.dictValue
        this.showhncyzjlx = false
      },
      // 宅基地用途弹出框
      onConfirmyt(value){
        this.form.ytName = 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){
        console.log(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
      },
      // 农民房屋户型弹出框
      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(){
        this.$router.push({name:'homesteadList'});
      },
      getZjd() {
        if(this.item.zjddm){
          let params = {
            "zjddm":this.item.zjddm,
            deptId:this.item.deptId
          }
          listZjdzd(params).then(response => {
            this.form = response.rows[0];
            this.fileListzjd = []
            if(this.form.zjdxctp!=null&&this.form.zjdxctp.length>0){
              let li = this.form.zjdxctp.split(",");
              li.map(res => {
                this.fileListzjd.push({"url":location.protocol+"//"+location.host+process.env.VUE_APP_BASE_API+res,"baseUrl":res})
              })
            }

            this.sjlyOptions.map(res => {
              if(res.dictValue == this.form.sjly){
                this.form.sjlyName = res.dictLabel
              }
            })
            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.ytName = res.dictLabel
              }
            })
            this.tddjOptions.map(res => {
              if(res.dictValue == this.form.dj){
                this.form.djName = res.dictLabel
              }
            })
          });
        }else{
          let params = {
            "deptId" : this.item.deptId
          }
          listSuyqr(params).then((response) => {
            this.form = {
              deptId :this.item.deptId,
              sffz:"Y",
              yt:"072",
              ytName:"农村宅基地",
              lyzk:"1",
              lzyx:'0',
              yctcyx:'0',
              bccjl:'0',
              zjdqdfs:'01',
              dj:'1',
              djName:'一类',
              qllx:'1',
              qllxName:'集体土地所有权',
              qlxz:'200',
              qlxzName:'集体土地',
              qlsdfs:'1',
              qlsdfsName:'地上',
              sjly:'04',
              sjlyName:'农村宅基地使用权确权登记发证'
            }
            if(response.rows.length>0){
              console.log(response.rows[0].suyqrdm)
              this.form.suyqrdm = response.rows[0].suyqrdm
            }
          });
        }
      },
      getSyqrList() {
        if(this.item.zjddm) {
          let params = {
            "zjddm":this.item.zjddm,
            deptId:this.item.deptId
          }
          listShyqr(params).then(response => {
            this.syqrlist = response.rows;
          });
        }
      },
      getZrzList() {
        if(this.item.zjddm){
 /*         let _this = this*/
          let params = {
            "zjddm":this.item.zjddm,
            deptId:this.item.deptId
          }
          listZrz(params).then(response => {
            this.zrzlist = response.rows;
            this.fwlist = []
          });
          listNmfw(params).then(r => {
            this.fwlist = r.rows
          })
        }
      },
      getFsssList() {
        if(this.item.zjddm){
          let params = {
            "zjddm":this.item.zjddm,
            deptId:this.item.deptId
          }
          listFsss(params).then(response => {
            this.fssslist = response.rows;
          });
        }
      },
      onSubmithncy(){
        if (this.form5.id != null) {
          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
                }
                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
                }
                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) {
            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 {
            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
                _this.active = 3
                _this.getZrzList()
              }
            })
          });
        } else {
          addNmfw(this.nmfwform).then(response => {
            let _this =this
            this.$toast({
              icon: 'success', // 找到自己需要的图标
              message: '保存成功',
              duration:"1000",
              onClose:function(){
                _this.showfw = false
                _this.active = 3
                _this.getZrzList()
              }
            })
          });
        }
      },
      // 自然幢保存
      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 => {
            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 => {
            let _this =this
            this.$toast({
              icon: 'success', // 找到自己需要的图标
              message: '修改成功',
              duration:"1000",
              onClose:function(){
                _this.active = 2
              }
            })
          });
        } else {
          addZjdzd(this.form).then(response => {
            this.form = response.data
            let _this =this
            this.$toast({
              icon: 'success', // 找到自己需要的图标
              message: '保存成功',
              duration:"1000",
              onClose:function(){
                _this.active = 2
              }
            })
          });
        }
      },
      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:'Y',
              qlrlx:'10',
              qlrlxName:'个人',
              gyfs:'1',
              gyfsName:'单独所有',
              qlbl:'1',
            }
          }else{
            this.form1 = item
            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.showsyqr = true;
        }
      },
      showPopuphncy(item){
        if(item==""){
          this.form5 = {
            "nhdm":this.form1.nhdm,
            "deptId":this.form1.deptId,
            "zjlx":'01',
            "zjlxName":"身份证",
            "yhzgx":"14",
            "yhzgxName":"妻",
            "hyzk":'02',
            "hklx":'1',
            "occupation":'1',
            "occupationName":'务农',
            "jzqk":'3',
            "jzqkName":'常年居住',
            "sfbjtjjzzcy":'Y',
            "xb":'0',
            "sfbccm":'Y',
            "sfpkh":'N',
            "sfwbh":'N',
            "sjly":'07',
            "sjlyName":'农村集体产权制度改革',
          }
        }else{
          this.form5 = item
          this.jzhcssfyzfOptions.map(res => {
            if(res.dictValue == item.jzhcssfyzf){
              this.form5.jzhcssfyzfName = res.dictLabel
            }
          })
          this.zjlxOptions.map(res => {
            if(res.dictValue == item.zjlx){
              this.form5.zjlxName = res.dictLabel
            }
          })
          this.occupationOptions.map(res => {
            if(res.dictValue == item.occupation){
              this.form5.occupationName = res.dictLabel
            }
          })
          this.jzqkOptions.map(res => {
            if(res.dictValue == item.jzqk){
              this.form5.jzqkName = res.dictLabel
            }
          })
          this.yhzgxOptions.map(res => {
            if(res.dictValue == item.yhzgx){
              this.form5.yhzgxName = res.dictLabel
            }
          })
          this.cybzOptions.map(res => {
            if(res.dictValue == item.cybz){
              this.form5.cybzName = res.dictLabel
            }
          })
          this.sjlyOptions.map(res => {
            if(res.dictValue == item.sjly){
              this.form5.sjlyName = res.dictLabel
            }
          })
        }
        this.showhncy = true
      },
      showPopupzrz(item) {
        if(this.form.id==null||this.form.id==""){
          Notify({ type: 'danger', message: '请先保存宅基地信息' });
        }else{
          if(item==""){
            this.form3={
              zjddm:this.item.zjddm,
              deptId:this.item.deptId,
              zcs:1,
              dscs:1,
              dxcs:0,
              fwjg:'02',
              fwjgName:'钢和钢筋混凝土结构',
              sjly:'04',
              sjlyName:'农村宅基地使用权确权登记发证',
              theGeom:this.form3.theGeom,
            }
          }else{
            this.form3 = item
            this.sjlyOptions.map(res => {
              if(res.dictValue == this.form3.sjly){
                this.form3.sjlyName = res.dictLabel
              }
            })
            this.fwjgOptions.map(res => {
              if(res.dictValue == this.form3.fwjg){
                this.form3.fwjgName = res.dictLabel
              }
            })
          }
          this.showzrz = true;
          this.active = 3;
          console.log(item);
          this.mapClickLoading();
        }
      },
      showPopupfw(item) {
        if(this.form.id==null||this.form.id==""){
          Notify({ type: 'danger', message: '请先保存宅基地信息' });
        }else{
        this.showfw = true;
        if(item==""){

          this.nmfwform={
            pzdw : '1',
            sfkjgj : 'Y',
            zrzh: this.item.zrzh,
            deptId : this.item.deptId,
            zjddm : this.item.zjddm,
            nmfwzh : this.item.nmfwzh,
            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:'1',
            fwztName:'正常',
            isMortgage:'Y',
            sjly:'04',
            sjlyName:'农村宅基地使用权确权登记发证',
            fwlx:'01',
            fwlxName:'住宅',
            lyzk:'1',
            lyzkName:'正常使用',
            lzyx:'0',
            yctcyx:'0',
            qsly:'01',
            qslyName:'申请',
            sfkjgj:'N',
            pzdw:'1',
          }
        }else{
          this.nmfwform = item
          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.fwjgOptions.map(res => {
            if(res.dictValue == item.fwjg){
              this.nmfwform.fwjgName = res.dictLabel
            }
          })
          this.fwytOptions.map(res => {
            if(res.dictValue == item.fwyt){
              this.nmfwform.fwytName = res.dictLabel
            }
          })
          this.tdzkOptions.map(res => {
            if(res.dictValue == item.tdzk){
              this.nmfwform.tdzkName = res.dictLabel
            }
          })
          this.pzsjOptions.map(res => {
            if(res.dictValue == item.pzsj){
              this.nmfwform.pzsjName = res.dictLabel
            }
          })
          this.phlymsOptions.map(res => {
            if(res.dictValue == item.phlyms){
              this.nmfwform.phlymsName = res.dictLabel
            }
          })
          this.fwlxOptions.map(res => {
            if(res.dictValue == item.fwlx){
              this.nmfwform.fwlxName = res.dictLabel
            }
          })
          this.lyzkOptions.map(res => {
            if(res.dictValue == item.lyzk){
              this.nmfwform.lyzkName = res.dictLabel
            }
          })
          this.fwztOptions.map(res => {
            if(res.dictValue == item.fwzt){
              this.nmfwform.fwztName = res.dictLabel
            }
          })
          this.qslyOptions.map(res => {
            if(res.dictValue == item.qsly){
              this.nmfwform.qslyName = res.dictLabel
            }
          })
        }}
      },
      showPopuphncylist(item){
        if(item.nhdm==null||item.nhdm==""){
          Notify({ type: 'danger', message: '使用权人农户代码不能为空' });
        }else{
          this.showhncylist = true;
          if(item==""){
            this.hncylist=[]
          }else{
            this.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,
            zjddm:this.item.zjddm,
            fssslx:'11',
            fssslxName:'畜厩',
            qsly:'',
            qslyName:'其他',
            fwzt:'',
            fwztName:'',
            sfsp:'N',
            sffz:'N',
            jglx:'2',
            jglxName:'砖混',
            sfzzsy:'Y',
            jzwqk:'01',
            jzwqkName:'正常',
            tdzk:'3',
            tdzkName:'其他',
            sfsgcf:'N',
            theGeom:this.form4.theGeom,
          }
        }else{
          this.form4=item
          this.fssslxOptions.map(res => {
            if(res.dictValue == item.fssslx){
              this.form4.fssslxName = res.dictLabel
            }
          })
          this.qslyOptions.map(res => {
            if(res.dictValue == item.qsly){
              this.form4.qslyName = res.dictLabel
            }
          })
          this.fwztOptions.map(res => {
            if(res.dictValue == item.fwzt){
              this.form4.fwztName = res.dictLabel
            }
          })
          this.jglxOptions.map(res => {
            if(res.dictValue == item.jglx){
              this.form4.jglxName = res.dictLabel
            }
          })
          this.jzwqkOptions.map(res => {
            if(res.dictValue == item.jzwqk){
              this.form4.jzwqkName = res.dictLabel
            }
          })
          this.tdzkOptions.map(res => {
            if(res.dictValue == item.tdzk){
              this.form4.tdzkName = res.dictLabel
            }
          })
        }
        this.showfsss = true;
        this.active = 4;
        this.mapClickLoading();
        }
      },
      showPopup3() {
        this.show3 = true;
        this.mapClickLoading();
      },
      onSubmit(values) {
        console.log('submit', 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.$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() {
        this.$refs.esign
          .generate() // 使用生成器调用把签字的图片转换成为base64图片格式
          .then((res) => {
            this.resultImg = res;
          })
          .catch((err) => {
            // 画布没有签字时会执行这里提示一下
            this.$message({
              type: "warning",
              message: "请签名后再生成签字图片",
            });
          });

        // 在这里向后端发请求把转换后的base64文件传给后端，后端接收以后再转换成图片做静态图片存储
        // 当然也可以把base64转成流文件blob格式的，类似上传给后端这样，具体哪种方式看后端要求
        setTimeout(() => {
          // 这里要使用定时器稍微延后以后就能取到base64数据了，当然也可以再加一个确认按钮，如：确认使用这张base64签名图片
          // 点击确认以后，在其回调函数中，再把base64的签名图片传给后端用于存储
          const blobBin = atob(this.resultImg.split(',')[1])
          let d = []
          for (let i=0;i<blobBin.length;i++){
            d.push(blobBin.charCodeAt(i))
          }
          const data2 = new FormData();
          data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
          uploadFile(data2).then(res => {
            this.form.dzqm = res.fileName
            this.form.houseDataConfirmStatus = "CONFIRMED"
            if (this.form.id != null) {
              updateZjdzd(this.form).then(response => {
                let _this =this
                this.$toast({
                  icon: 'success', // 找到自己需要的图标
                  message: '修改成功',
                  duration:"1000",
                  onClose:function(){
                    _this.goBack();
                  }
                })
              });
            } else {
              addZjdzd(this.form).then(response => {
                let _this =this
                this.$toast({
                  icon: 'success', // 找到自己需要的图标
                  message: '保存成功',
                  duration:"1000",
                  onClose:function(){
                    _this.goBack();
                  }
                })
              });
            }
          })
        }, 200);
        /*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(){
        console.log(1)
        console.log(this.form);
        setTimeout(() => {
          this.$refs.drewingClickLoading.drawingPaceCountryDarw();
        }, 500);
      },
      /** 查找地图中定位点 */
      MapTag: function (data) {
        if(this.active =="1"){
          this.form.theGeom = data;
        }else if(this.active=="3"){
          this.form3.theGeom = data;
        }else if(this.active=="4"){
          this.form4.theGeom = data;
        } else {

        }
      },
      //地图加载js------end
    }
  }
</script>

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