zhangzl
/
nsgk_mobile
2
0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 활동
移动端
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
498 커밋
7 브랜치
79 MiB
 
 
트리: cbb77fe063
브랜치 태그
${ item.name }
${ searchTerm } 브랜치 생성
from 'cbb77fe063'
${ noResults }
nsgk_mobile/src/views/homesteadSurvey/list.vue

6151 lines
249 KiB
Raw Blame 히스토리 

  1. <template>

  2.   <div class="app-container">

  3.     <van-sticky>

  4.       <div class="bannerBg" style="">

  5.         <van-nav-bar

  6.           style="background:transparent;border-bottom-width:0;"

  7.           @click-left="onClickLeft"

  8.           @click-right="showUploadList"

  9.         >

  10.           <template #left>

  11.             <van-icon name="arrow-left" size=".5rem" color="#fff" />

  12.           </template>

  13.           <template #right>

  14.             <van-icon v-if="$cookies.get('upload')!=null&&$cookies.get('upload')==1" name="photo-o" size=".5rem" color="#fff"/>

  15.           </template>

  16.           <template #title>

  17.             <p style="color:#fff">{{item.deptName}}</p>

  18.           </template>

  19.         </van-nav-bar>

  20.         <van-popup v-model:show="showImageList" position="bottom" style="height:40vh;padding:50px 10px 0" closeable

  21.                    close-icon="close">

  22.           <p style="color:#000;position:absolute;top:0.426667rem;left:0.426667rem">图片上传</p>

  23.           <div style="width:100%;height:calc( 40vh - 100px);overflow-y: scroll;">

  24. 

  25.             <van-uploader v-model="uploadImgList" :after-read="beforeReadImageList" @delete="deleteFileImageList" multiple :max-count="50"  />

  26.           </div>

  27.           <van-row justify="space-around" style=" position:fixed;bottom:0;left:0;width:100%;height:50px;text-align: center;">

  28.             <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="uploadImgList = [],uploadImgList1 = []">清空</van-button></van-col>

  29.             <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="submitUploadList">上传</van-button></van-col>

  30.           </van-row>

  31.         </van-popup>

  32.         <div style="display:flex;width:94%;margin:0 auto;justify-content:space-between;padding: 10px 0">

  33.           <div style="display:flex;width:90%;margin:0 auto;">

  34.             <div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="activeBtn=1,getDc()"

  35.             ><van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn1'+(activeBtn!=1?'1':'')+'.png')" />

  36.               入户核查

  37.             </div>

  38.             <div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="activeBtn=2,getNh()">

  39.               <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn2'+(activeBtn!=2?'2':'')+'.png')" />

  40.               农户信息

  41.             </div>

  42.             <div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="activeBtn=3,getSyqr()">

  43.               <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn3'+(activeBtn!=3?'3':'')+'.png')" />

  44.               所有权人

  45.             </div>

  46.             <div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }"  @click="activeBtn=4,mapShow()">

  47.               <van-icon size=".3rem" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn4'+(activeBtn!=4?'4':'')+'.png')" />

  48.               切换地图

  49.             </div>

  50.           </div>

  51.         </div>

  52.       </div>

  53.       <div style="background:#fff;padding:10px 0;">

  54.         <div style="border:1px solid rgb(122, 201, 67);width:90%;margin:0 auto;border-radius:15px;height:.8rem;display:flex;font-size:.3rem;">

  55.           <div style="flex:1;text-align:center;">

  56.             <span style="color:rgb(122, 201, 67);line-height:.8rem;">总户数：</span>

  57.             <span style="color:rgb(250, 83, 83);line-height:.8rem;">{{totalH}} <span style="font-size:12px;">户</span></span>

  58.           </div>

  59.           <div style="flex:1;text-align:center;">

  60.             <span style="color:rgb(122, 201, 67);line-height:.8rem">总人数：</span>

  61.             <span style="color:rgb(250, 83, 83);line-height:.8rem">{{totalR}} <span style="font-size:12px;">人</span></span>

  62.           </div>

  63.         </div>

  64.       </div>

  65.     </van-sticky>

  66.     <div v-if="activeBtn==1">

  67.       <van-search v-model="zjdvalue" placeholder="请输入搜索关键词" show-action @search="onSearchzjd">

  68.         <template #action>

  69.           <van-icon name="add" color="rgba(122,201,67,1)" size=".8rem" @click="onClickzjd" style="vertical-align:middle;"/>

  70.         </template>

  71.       </van-search>

  72.       <van-tabs v-model="active" title-active-color="#7AC943" color="#7AC943" @click="getZjdList">

  73.         <van-tab >

  74.           <template #title>全部<van-badge v-if="qbNums>=0" :content="qbNums" /></template>

  75.           <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->

  76.             <van-list

  77.               v-model:loading="loading1"

  78.               :finished="finished1"

  79.               finished-text="没有更多了"

  80.               @load="onRefreshzjd"

  81.               :immediate-check="false"

  82.             >

  83.           <van-cell  v-for="(item,index) in list" :key="index" size="small"  :clickable="true"  style="border-radius: 16px;

  84.           box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">

  85.             <template #title>

  86.               <p v-if="item.syqr!=null&&item.syqr!=''" style="color:#22B7F2">{{limitWords(item.syqr)}}

  87.                   <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看详情</van-button>

  88.                   <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">开始调查</van-button>

  89.                   <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>

  90.               </p>

  91.               <p v-if="item.syqr==null||item.syqr==''" style="color:#878787">无

  92.                 <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看详情</van-button>

  93.                 <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">开始调查</van-button>

  94.                 <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>

  95.               </p>

  96.             </template>

  97.             <!--<template #default>

  98. 

  99.             </template>-->

  100.             <template #label>

  101.               <p>宅基地代码:  {{item.zjddm}} </p>

  102.               <p>宗地面积: {{item.zdmj}}㎡

  103.                 <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='0'" style="color:#ff976a;float:right;">待审核</span>

  104.                 <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='1'" style="color:#07c160;float:right;">已审核</span>

  105.                 <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='2'" style="color:#ee0a24;float:right;">已驳回</span>

  106.               </p>

  107.             </template>

  108.             <template #icon>

  109.               <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>

  110.             </template>

  111.           </van-cell>

  112.             </van-list>

  113.           <!--</van-pull-refresh>-->

  114.         </van-tab>

  115.         <van-tab >

  116.           <template #title>已核查<van-badge v-if="yhcNums>=0" :content="yhcNums" /></template>

  117.           <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->

  118.           <van-list

  119.             v-model:loading="loading2"

  120.             :finished="finished2"

  121.             finished-text="没有更多了"

  122.             @load="onRefreshzjd"

  123.             :immediate-check="false"

  124.           >

  125.           <van-cell  v-for="(item,index) in list1" :key="index" size="small" @click.native="setCookies(item)" style="border-radius: 16px;

  126.           box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">

  127.             <template #title>

  128.               <p v-if="item.syqr!=null&&item.syqr!=''" style="color:#22B7F2">{{limitWords(item.syqr)}}

  129. 

  130.                 <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看详情</van-button>

  131.                 <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'" plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">开始调查</van-button>

  132.                 <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>

  133.               </p>

  134.               <p v-if="item.syqr==null||item.syqr==''" style="color:#878787">无

  135.                 <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;">查看详情</van-button>

  136.                 <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'" plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;">开始调查</van-button>

  137.                 <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>

  138.               </p>

  139.             </template>

  140.             <!--<template #default>

  141.               <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>

  142.               <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>

  143.             </template>-->

  144.             <template #label>

  145.               <p>宅基地代码:  {{item.zjddm}} </p>

  146.               <p>宗地面积: {{item.zdmj}}㎡

  147.                 <span v-if="item.zjdAudit=='0'" style="color:#ff976a;float:right;">待审核</span>

  148.                 <span v-if="item.zjdAudit=='1'" style="color:#07c160;float:right;">已审核</span>

  149.                 <span v-if="item.zjdAudit=='2'" style="color:#ee0a24;float:right;">已驳回</span>

  150.               </p>

  151.             </template>

  152.             <template #icon>

  153.               <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>

  154.             </template>

  155.           </van-cell>

  156.           </van-list>

  157.           <!--</van-pull-refresh>-->

  158.         </van-tab>

  159.         <van-tab >

  160.           <template #title>未核查<van-badge v-if="whcNums>=0" :content="whcNums" /></template>

  161.           <!--<van-pull-refresh v-model="isLoadingzjd" @refresh="onRefreshzjd">-->

  162.           <van-list

  163.             v-model:loading="loading3"

  164.             :finished="finished3"

  165.             finished-text="没有更多了"

  166.             @load="onRefreshzjd"

  167.             :immediate-check="false"

  168.           >

  169.           <van-cell  v-for="(item,index) in list2" :key="index" size="small"    style="border-radius: 16px;

  170.           box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">

  171.             <template #title>

  172.               <p v-if="item.syqr!=null&&item.syqr!=''" style="color:#22B7F2">{{limitWords(item.syqr)}}

  173.                 <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看详情</van-button>

  174.                 <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">开始调查</van-button>

  175.                 <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>

  176.               </p>

  177.               <p v-if="item.syqr==null||item.syqr==''" style="color:#878787">无

  178.                 <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看详情</van-button>

  179.                 <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">开始调查</van-button>

  180.                 <van-button plain round color="#FA5353" size="mini" v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="vertical-align:middle;float:right;margin-right:10px" @click="deleteZjd(item,index)">删除</van-button>

  181.               </p>

  182.             </template>

  183.             <!--<template #default>

  184.               <van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>

  185.               <van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>

  186.             </template>-->

  187.             <template #label>

  188.               <p>宅基地代码:  {{item.zjddm}} </p>

  189.               <p>宗地面积: {{item.zdmj}}㎡

  190.                 <span v-if="item.zjdAudit=='2'" style="color:#ee0a24;float:right;">已驳回</span>

  191.               </p>

  192.             </template>

  193.             <template #icon>

  194.               <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>

  195.             </template>

  196.           </van-cell>

  197.             </van-list>

  198.           <!--</van-pull-refresh>-->

  199.         </van-tab>

  200.       </van-tabs>

  201.     </div>

  202.     <div v-if="activeBtn==2" >

  203.       <van-search v-model="nhvalue" placeholder="请输入农户姓名或证件号" show-action @search="onSearchnh">

  204.         <template #action>

  205.           <van-icon name="add" color="rgba(122,201,67,1)" size=".8rem" @click="onClicknh" style="vertical-align:middle;"/>

  206.         </template>

  207.       </van-search>

  208.       <van-pull-refresh v-model="isLoadingnh" @refresh="onRefreshnh">

  209.       <van-cell  v-for="(item,index) in nhlist" :key="index" size="small"  style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">

  210.         <template #title>

  211.           <p style="color:#22B7F2">{{item.hzxm}}

  212.             <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;margin-left:10px;" @click="showPopuphncylist(item)">查看成员</van-button>

  213.             <van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;margin-left:10px;" @click="showPopupnh(item)">查看户主</van-button>

  214.             <van-button plain round color="#FA5353" size="mini" v-if="!isFinished" style="vertical-align:middle;float:right;" @click="deletenh(item,index)">删除</van-button>

  215.           </p>

  216.         </template>

  217. <!--        <template #default>

  218. 

  219.         </template>-->

  220.         <template #label>

  221.           <p>证件号码:{{item.hzzjhm}}</p>

  222.           <p>农户代码:{{item.nhdm}}</p>

  223.         </template>

  224.         <template #icon>

  225.           <van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>

  226.         </template>

  227.       </van-cell>

  228.       </van-pull-refresh>

  229.     </div>

  230.     <div v-if="activeBtn==3">

  231.       <van-form @submit="onSubmitsyqr">

  232.         <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">

  233.           <van-field

  234.             autocomplete="off"

  235.             v-model="qlrform.qydm"

  236.             name="区域代码"

  237.             label="区域代码"

  238.             placeholder="禁止修改"

  239.             disabled

  240.             input-align="right"

  241.           />

  242.           <van-field

  243.             autocomplete="off"

  244.             v-model="qlrform.suyqrdm"

  245.             name="所有权人代码"

  246.             label="所有权人代码"

  247.             disabled

  248.             placeholder="自动生成"

  249.             input-align="right"

  250.           />

  251.           <van-field

  252.             autocomplete="off"

  253.             v-model="qlrform.suyqrmc"

  254.             name="所有权人名称"

  255.             label="所有权人名称"

  256.             required

  257.             placeholder="所有权人名称"

  258.             input-align="right"

  259.             :rules="[{ required: true, message: '所有权人名称不能为空' }]"

  260.           />

  261.           <van-field

  262.             autocomplete="off"

  263.             v-model="qlrform.suyqxzName"

  264.             name="所有权性质"

  265.             label="所有权性质"

  266.             required

  267.             placeholder="所有权性质"

  268.             input-align="right"

  269.             :rules="[{ required: true, message: '所有权性质不能为空' }]"

  270.             @click="showsuyqxz = true"

  271.           />

  272.           <van-field

  273.             autocomplete="off"

  274.             v-model="qlrform.suyqxz"

  275.             style="display:none"

  276.           />

  277.           <van-popup v-model="showsuyqxz" position="bottom" input-align="right">

  278.             <van-picker

  279.               show-toolbar

  280.               :columns="suyqxzOptions"

  281.               value-key="dictLabel"

  282.               @confirm="onConfirmsuyqxz"

  283.               @cancel="showsuyqxz = false"

  284.             />

  285.           </van-popup>

  286.           <van-field

  287.             autocomplete="off"

  288.             v-model="qlrform.dbrxm"

  289.             name="代表人姓名"

  290.             label="代表人姓名"

  291.             required

  292.             placeholder="代表人姓名"

  293.             input-align="right"

  294.             :rules="[{ required: true, message: '代表人姓名不能为空' }]"

  295.           />

  296.           <van-field

  297.             autocomplete="off"

  298.             v-model="qlrform.dbrzjlx"

  299.             style="display:none"

  300.           />

  301.           <van-field

  302.             autocomplete="off"

  303.             v-model="qlrform.dbrzjlxName"

  304.             name="代表人证件类型"

  305.             label="代表人证件类型"

  306.             required

  307.             placeholder="代表人证件类型"

  308.             input-align="right"

  309.             :rules="[{ required: true, message: '代表人证件类型不能为空' }]"

  310.             @click="showdbrzjlx = true"

  311.           />

  312.           <van-popup v-model="showdbrzjlx" position="bottom" input-align="right">

  313.             <van-picker

  314.               show-toolbar

  315.               :columns="zjlxOptions"

  316.               value-key="dictLabel"

  317.               @confirm="onConfirmdbrzjlx"

  318.               @cancel="showdbrzjlx = false"

  319.             />

  320.           </van-popup>

  321.           <van-field

  322.             autocomplete="off"

  323.             v-model="qlrform.dbrzjhm"

  324.             name="代表人证件号码"

  325.             label="代表人证件号码"

  326.             required

  327.             placeholder="代表人证件号码"

  328.             input-align="right"

  329.             :rules="[{ required: true, message: '代表人证件号码不能为空' },{validator:validatorIdcardqlr,message:'身份证号格式错误！'}]"

  330.           />

  331.           <van-field

  332.             autocomplete="off"

  333.             v-model="qlrform.dbrlxdh"

  334.             name="代表人联系电话"

  335.             label="代表人联系电话"

  336.             placeholder="代表人联系电话"

  337.             type="number"

  338.             input-align="right"

  339.             required

  340.             :rules="[{ required: true, message: '代表人联系电话不能为空' }]"

  341.           />

  342.           <van-field

  343.             autocomplete="off"

  344.             v-model="qlrform.dbrtxdz"

  345.             name="代表人通讯地址"

  346.             label="代表人通讯地址"

  347.             required

  348.             placeholder="代表人通讯地址"

  349.             input-align="right"

  350.             :rules="[{ required: true, message: '代表人通讯地址不能为空' }]"

  351.           />

  352.           <van-field

  353.             autocomplete="off"

  354.             v-model="qlrform.dbryzbm"

  355.             name="代表人邮政编码"

  356.             label="代表人邮政编码"

  357.             required

  358.             placeholder="代表人邮政编码"

  359.             input-align="right"

  360.             maxlength="6"

  361.             :rules="[{ required: true, message: '代表人邮政编码不能为空' }]"

  362.           />

  363.           <van-field name="radio" label="是否成立农村集体经济组织" required input-align="right" autocomplete="off">

  364.             <template #input>

  365.               <van-radio-group v-model="qlrform.sfclncjtjjzz" direction="horizontal">

  366.                 <van-radio name="Y">是</van-radio>

  367.                 <van-radio name="N">否 </van-radio>

  368.               </van-radio-group>

  369.             </template>

  370.           </van-field>

  371.           <van-field

  372.             autocomplete="off"

  373.             v-model="qlrform.dlrxm"

  374.             name="代理人姓名"

  375.             label="代理人姓名"

  376.             placeholder="代理人姓名"

  377.             input-align="right"

  378.           />

  379.           <van-field

  380.             autocomplete="off"

  381.             v-model="qlrform.dlrzjlx"

  382.             style="display:none"

  383.           />

  384.           <van-field

  385.             autocomplete="off"

  386.             v-model="qlrform.dlrzjlxName"

  387.             name="代理人证件类型"

  388.             label="代理人证件类型"

  389.             placeholder="代理人证件类型"

  390.             input-align="right"

  391.             @click="showdlrzjlx = true"

  392.           />

  393.           <van-popup v-model="showdlrzjlx" position="bottom" input-align="right">

  394.             <van-picker

  395.               show-toolbar

  396.               :columns="zjlxOptions"

  397.               value-key="dictLabel"

  398.               @confirm="onConfirmdlrzjlx"

  399.               @cancel="showdlrzjlx = false"

  400.             />

  401.           </van-popup>

  402.           <van-field

  403.             autocomplete="off"

  404.             v-model="qlrform.dlrzjhm"

  405.             name="代理人证件号码"

  406.             label="代理人证件号码"

  407.             placeholder="代理人证件号码"

  408.             input-align="right"

  409.           />

  410.           <van-field

  411.             autocomplete="off"

  412.             v-model="qlrform.dlrlxdh"

  413.             name="代理人联系电话"

  414.             label="代理人联系电话"

  415.             placeholder="代理人联系电话"

  416.             input-align="right"

  417.           />

  418.           <van-field

  419.             autocomplete="off"

  420.             v-model="qlrform.dlrtxdz"

  421.             name="代理人通讯地址"

  422.             label="代理人通讯地址"

  423.             placeholder="代理人通讯地址"

  424.             input-align="right"

  425.           />

  426.           <van-field

  427.             autocomplete="off"

  428.             v-model="qlrform.dlryzbm"

  429.             name="代理人邮政编码"

  430.             label="代理人邮政编码"

  431.             placeholder="代理人邮政编码"

  432.             input-align="right"

  433.           />

  434.         </div>

  435.       <div style="border-radius: 16px;

  436.           box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">

  437.         <van-field

  438.           autocomplete="off"

  439.           v-model="qlrform.ncjtjjzzdm"

  440.           name="农村集体经济组织代码"

  441.           label="农村集体经济组织代码"

  442.           placeholder="农村集体经济组织代码"

  443.           input-align="right"

  444.         />

  445.         <van-field

  446.           autocomplete="off"

  447.           v-model="qlrform.ncjtjjzzmc"

  448.           name="农村集体经济组织名称"

  449.           label="农村集体经济组织名称"

  450.           placeholder="农村集体经济组织名称"

  451.           input-align="right"

  452.         />

  453.         <van-field

  454.           autocomplete="off"

  455.           v-model="qlrform.fbfdm"

  456.           name="发包方代码"

  457.           label="发包方代码"

  458.           placeholder="发包方代码"

  459.           input-align="right"

  460.         />

  461.         <van-field

  462.           autocomplete="off"

  463.           v-model="qlrform.fbfmc"

  464.           name="发包方名称"

  465.           label="发包方名称"

  466.           placeholder="发包方名称"

  467.           input-align="right"

  468.         />

  469.         <van-field

  470.           autocomplete="off"

  471.           v-model="qlrform.sjlyName"

  472.           name="数据来源"

  473.           label="数据来源"

  474.           placeholder="数据来源"

  475.           input-align="right"

  476.           @click="showsjly = true"

  477.           required

  478.           :rules="[{ required: true, message: '数据来源不能为空' }]"

  479.         />

  480.         <van-field

  481.           autocomplete="off"

  482.           v-model="qlrform.sjly"

  483.           style="display:none"

  484.         />

  485.         <van-popup v-model="showsjly" position="bottom" input-align="right">

  486.           <van-picker

  487.             show-toolbar

  488.             :columns="sjlyOptions"

  489.             value-key="dictLabel"

  490.             @confirm="onConfirmsjly"

  491.             @cancel="showsjly = false"

  492.           />

  493.         </van-popup>

  494.         <van-field

  495.           autocomplete="off"

  496.           v-model="qlrform.bz"

  497.           name="备注"

  498.           label="备注"

  499.           placeholder="备注"

  500.           input-align="right"

  501.         />

  502.       </div>

  503.         <div style="margin: 16px;" v-if="!isFinished">

  504.           <van-button round block color="#7AC943" native-type="submit">保存</van-button>

  505.         </div>

  506.       </van-form>

  507.   </div>

  508.     <div v-if="activeBtn==4" style="overflow:hidden">

  509.       <!--      <van-search placeholder="请输入宅基地号查询" v-if="false">

  510.               <template #action>

  511.               </template>

  512.             </van-search>-->

  513.       <div id="mapWrapAll" style="width: 100%;height: calc(100vh - 247px);"></div>

  514.       <div id="info" style="display: none"></div>

  515.       <div id="deleteHistory" style="display: none"></div>

  516.       <div id="deleteHistoryMap" style="display: none"></div>

  517.       <van-overlay :show="showSearch" @click="closeSearchBox" />

  518.       <!--搜索栏目-->

  519.       <div class="searchBar_wrap" :style="{bottom : bottomHeight}">

  520.         <van-search

  521.           v-model="seachText"

  522.           show-action

  523.           placeholder="请输入宗地或权利人信息"

  524.         >

  525.           <template #action>

  526.             <div id="query">搜索</div>

  527.           </template>

  528.         </van-search>

  529.         <div class="searchBox" style="display: none;">

  530.           <van-cell center v-for="(item,index) in mapDataAll" :key="index">

  531.             <template #title>

  532.               <p><van-icon name="manager" /><span>{{item.syqr}}</span><span style="background: rgba(122, 201, 67, 0.4);color:#7ac943">{{item.paceType}}</span>

  533.                 <!--<span style="background: rgba(122, 201, 67, 0.4);color:#7ac943">{{item.typeTc}}</span>--></p>

  534.             </template>

  535.             <template #default>

  536.               <p style="border: 1px solid #7ac943;color:#7ac943;" @click="zjdSs(item)">查看详情</p>

  537.             </template>

  538.             <template #label>

  539.               <p style="font-size: 0.25rem;color: #666666;">宅基地代码 {{item.zjddm}}</p>

  540.               <p style="font-size: 0.25rem;color: #666666;">宗地面积 {{item.zdmj}}㎡</p>

  541.             </template>

  542.           </van-cell>

  543.         </div>

  544.       </div>

  545.       <!--图层-->

  546.       <div class="rightZoom_wrap">

  547.         <img src="../../assets/images/housesteadSurvey/tool1.png">

  548.         <div class="amplification" @click="selectionPushMap">图层</div>

  549.       </div>

  550.       <!--放大缩小-->

  551.       <div class="mapZoom_wrap">

  552.         <div class="qtMap" id="mapAllQt">

  553.           <img src="../../assets/images/housesteadSurvey/tool2.png">

  554.           <p>全图</p>

  555.         </div>

  556.         <div class="clMap" @click="" id="area">

  557.           <img src="../../assets/images/housesteadSurvey/tool3.png">

  558.           <p>测量</p>

  559.         </div>

  560.         <div class="hcMap" @click="zjdHc">

  561.           <img src="../../assets/images/housesteadSurvey/tool4.png">

  562.           <p>核查</p>

  563.         </div>

  564.         <div class="htMap" @click="" id="htMapAll">

  565.           <img src="../../assets/images/housesteadSurvey/tool5.png">

  566.           <p>绘图</p>

  567.         </div>

  568.         <div class="dwMap" @click="" id="dwMapAll">

  569.           <img src="../../assets/images/housesteadSurvey/tool6.png">

  570.           <p>定位</p>

  571.         </div>

  572.       </div>

  573. 

  574.       <!--列表拉取详情-->

  575.       <div class="homesteadList_wrap" v-show="homesteadListStatus">

  576.         <div class="main_m">

  577.           <div class="title_m">

  578.             <div class="more_icon" @click="homesteadListShrink"></div>

  579.             <div class="name">筛选列表</div>

  580.           </div>

  581. 

  582.           <div style="padding: 10px 15px;">

  583.             <van-checkbox name="all" shape="square" id="checkAll" v-model="checkAllFlag" @click="checkAllArray">全选</van-checkbox>

  584.             <div style="height: 15px;"></div>

  585.             <van-checkbox-group v-model="checked" @change="handleChecked" ref="checkboxGroup">

  586.               <van-checkbox name="fsssSx" shape="square" style="margin-bottom: 5px;" id="fsssSx">

  587.                 <template #default>

  588.                   附属设施<span style="display: inline-block;background: #00FFFF;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>

  589.                 </template>

  590.               </van-checkbox>

  591.               <van-checkbox name="zrzSx" shape="square" style="margin-bottom: 5px;" id="zrzSx">

  592.                 <template #default>

  593.                   自<i style="margin-right: 0.5em;"></i>然<i style="margin-right: 0.5em;"></i>幢<span style="display: inline-block;background: #FFD306;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>

  594.                 </template>

  595.               </van-checkbox>

  596.               <van-checkbox name="zjdSx" shape="square" style="margin-bottom: 5px;" id="zjdSx">

  597.                 <template #default>

  598.                   宅<i style="margin-right: 0.5em;"></i>基<i style="margin-right: 0.5em;"></i>地<span style="display: inline-block;background: #AE57A4;height: 5px;width: 20px;vertical-align: middle;margin-left: 10px;"></span>

  599.                 </template>

  600.               </van-checkbox>

  601.             </van-checkbox-group>

  602.           </div>

  603.         </div>

  604.       </div>

  605.       <van-overlay :show="selectionIconShow" @click="homesteadListShrink" />

  606.     </div>

  607.     <van-popup v-model="shownh" style="height:100%;width:100%;">

  608.       <div class="bannerBg">

  609.         <van-nav-bar

  610.           style="background:transparent;border-bottom-width:0;"

  611.           @click-left="shownh=false"

  612.         >

  613.           <template #left>

  614.             <van-icon name="arrow-left" size="18" color="#fff" />

  615.           </template>

  616.           <template #title>

  617.             <p style="color:#fff">{{nhform.id?"":"新增"}}户主信息</p>

  618.           </template>

  619.         </van-nav-bar>

  620.       </div>

  621.       <div style="margin:20px;">

  622.         <van-form @submit="onSubmitnh">

  623.           <van-field

  624.             autocomplete="off"

  625.             input-align="right"

  626.             v-model="nhform.suyqrdm"

  627.             name="所有权人代码"

  628.             label="所有权人代码"

  629.             placeholder="所有权人代码"

  630.             required

  631.             disabled

  632.             :rules="[{ required: true, message: '所有权人代码不能为空' }]"

  633.           />

  634.           <van-field

  635.             autocomplete="off"

  636.             input-align="right"

  637.             v-model="nhform.nhdm"

  638.             name="农户代码"

  639.             label="农户代码"

  640.             placeholder="自动生成"

  641.             disabled

  642.           />

  643.           <van-field

  644.             autocomplete="off"

  645.             input-align="right"

  646.             v-model="nhform.hzxm"

  647.             name="户主姓名"

  648.             label="户主姓名"

  649.             placeholder="户主姓名"

  650.             required

  651.             :rules="[{ required: true, message: '户主姓名不能为空' }]"

  652.           />

  653.           <van-field

  654.             autocomplete="off"

  655.             input-align="right"

  656.             v-model="nhform.hzzjlxName"

  657.             name="户主证件类型"

  658.             label="户主证件类型"

  659.             placeholder="户主证件类型"

  660.             required

  661.             readonly

  662.             :rules="[{ required: true, message: '户主证件类型不能为空' }]"

  663.             @click="showhzzjlx = true"

  664.           />

  665.           <van-field

  666.             autocomplete="off"

  667.             v-model="nhform.hzzjlx"

  668.             style="display:none"

  669.           />

  670.           <van-field

  671.             autocomplete="off"

  672.             v-model="nhform.hzzjhm"

  673.             input-align="right"

  674.             name="户主证件号码"

  675.             label="户主证件号码"

  676.             placeholder="户主证件号码"

  677.             required

  678.             :rules="[{ required: true, message: '户主证件号码不能为空' },{validator:validatorIdcardnh,message:'身份证号格式错误！'}]"

  679.           />

  680.           <van-field

  681.             autocomplete="off"

  682.             input-align="right"

  683.             v-model="nhform.txdz"

  684.             name="通讯地址"

  685.             label="通讯地址"

  686.             placeholder="通讯地址"

  687.             required

  688.             :rules="[{ required: true, message: '通讯地址不能为空' }]"

  689.           />

  690.           <van-field

  691.             autocomplete="off"

  692.             input-align="right"

  693.             v-model="nhform.hncysl"

  694.             name="户内成员数量"

  695.             label="户内成员数量"

  696.             placeholder="户内成员数量"

  697.             required

  698.             :rules="[{ required: true, message: '户内成员数量不能为空' }]"

  699.           />

  700.           <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">

  701.             <template #input>

  702.               <van-radio-group v-model="nhform.hyzk" direction="horizontal">

  703.                 <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>

  704.               </van-radio-group>

  705.             </template>

  706.           </van-field>

  707.           <van-field

  708.             autocomplete="off"

  709.             input-align="right"

  710.             v-model="nhform.phone"

  711.             name="电话号码"

  712.             label="电话号码"

  713.             placeholder="电话号码"

  714.           />

  715.           <van-field

  716.             autocomplete="off"

  717.             input-align="right"

  718.             v-model="nhform.occupationName"

  719.             name="职业"

  720.             label="职业"

  721.             placeholder="职业"

  722.             required

  723.             readonly

  724.             :rules="[{ required: true, message: '职业不能为空' }]"

  725.             @click="showhzoccupation = true"

  726.           />

  727.           <van-field

  728.             autocomplete="off"

  729.             v-model="nhform.occupation"

  730.             style="display:none"

  731.           />

  732.           <van-field

  733.             autocomplete="off"

  734.             input-align="right"

  735.             v-model="nhform.jzqkName"

  736.             name="居住情况"

  737.             label="居住情况"

  738.             placeholder="居住情况"

  739.             required

  740.             readonly

  741.             :rules="[{ required: true, message: '居住情况不能为空' }]"

  742.             @click="showhzjzqk = true"

  743.           />

  744.           <van-field

  745.             autocomplete="off"

  746.             v-model="nhform.jzqk"

  747.             style="display:none"

  748.           />

  749.           <van-field

  750.             autocomplete="off"

  751.             input-align="right"

  752.             v-model="nhform.jzhcssfyzfName"

  753.             name="在集镇或城市是否有住房"

  754.             label="在集镇或城市是否有住房"

  755.             placeholder="在集镇或城市是否有住房"

  756.             required

  757.             readonly

  758.             :rules="[{ required: true, message: '在集镇或城市是否有住房不能为空' }]"

  759.             @click="showhzjzhcssfyzf = true"

  760.           />

  761.           <van-field

  762.             autocomplete="off"

  763.             v-model="nhform.jzhcssfyzf"

  764.             style="display:none"

  765.           />

  766.           <van-field name="radio" label="在其他村庄是否有住房" input-align="right" autocomplete="off">

  767.             <template #input>

  768.               <van-radio-group v-model="nhform.zqtczsfyzf" direction="horizontal">

  769.                 <van-radio name="Y">是</van-radio>

  770.                 <van-radio name="N">否</van-radio>

  771.               </van-radio-group>

  772.             </template>

  773.           </van-field>

  774.           <van-field name="radio" label="是否本村村民" input-align="right" autocomplete="off">

  775.             <template #input>

  776.               <van-radio-group v-model="nhform.sfbccm" direction="horizontal">

  777.                 <van-radio name="Y">是</van-radio>

  778.                 <van-radio name="N">否</van-radio>

  779.               </van-radio-group>

  780.             </template>

  781.           </van-field>

  782.           <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">

  783.             <template #input>

  784.               <van-radio-group v-model="nhform.sfpkh" direction="horizontal">

  785.                 <van-radio name="Y">是</van-radio>

  786.                 <van-radio name="N">否</van-radio>

  787.               </van-radio-group>

  788.             </template>

  789.           </van-field>

  790.           <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">

  791.             <template #input>

  792.               <van-radio-group v-model="nhform.sfwbh" direction="horizontal">

  793.                 <van-radio name="Y">是</van-radio>

  794.                 <van-radio name="N">否</van-radio>

  795.               </van-radio-group>

  796.             </template>

  797.           </van-field>

  798.           <van-field

  799.             autocomplete="off"

  800.             input-align="right"

  801.             v-model="nhform.sjlyName"

  802.             name="数据来源"

  803.             label="数据来源"

  804.             placeholder="数据来源"

  805.             required

  806.             readonly

  807.             :rules="[{ required: true, message: '能为空' }]"

  808.             @click="showhzsjly = true"

  809.           />

  810.           <van-field

  811.             autocomplete="off"

  812.             v-model="nhform.sjly"

  813.             style="display:none"

  814.           />

  815.           <van-field

  816.             autocomplete="off"

  817.             input-align="right"

  818.             v-model="nhform.bz"

  819.             name="备注"

  820.             label="备注"

  821.             placeholder="备注"

  822.           />

  823.           <div style="text-align:center;overflow:auto;">

  824.             <van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" native-type="button" @click="showPopuphncylist(nhform)">查看户内成员列表</van-button>

  825.           </div>

  826.           <div style="margin: 16px;" v-if="!isFinished">

  827.             <van-button round block color="#7AC943" native-type="submit">保存</van-button>

  828.           </div>

  829.         </van-form>

  830.       </div>

  831.     </van-popup>

  832.     <!--户主数据来源-->

  833.     <van-popup v-model="showhzsjly" position="bottom">

  834.       <van-picker

  835.         show-toolbar

  836.         :columns="sjlyOptions"

  837.         value-key="dictLabel"

  838.         @confirm="onConfirmhzsjly"

  839.         @cancel="showhzsjly = false"

  840.       />

  841.     </van-popup>

  842.     <!--户内成员数据来源-->

  843.     <van-popup v-model="showhncysjly" position="bottom">

  844.       <van-picker

  845.         show-toolbar

  846.         :columns="sjlyOptions"

  847.         value-key="dictLabel"

  848.         @confirm="onConfirmhncysjly"

  849.         @cancel="showhncysjly = false"

  850.       />

  851.     </van-popup>

  852.     <!--集市或城市是否有住房-->

  853.     <van-popup v-model="showhzjzhcssfyzf" position="bottom">

  854.       <van-picker

  855.         show-toolbar

  856.         :columns="jzhcssfyzfOptions"

  857.         value-key="dictLabel"

  858.         @confirm="onConfirmhzjzhcssfyzf"

  859.         @cancel="showhzjzhcssfyzf = false"

  860.       />

  861.     </van-popup>

  862.     <!--户主证件类型-->

  863.     <van-popup v-model="showhzzjlx" position="bottom">

  864.       <van-picker

  865.         show-toolbar

  866.         :columns="zjlxOptions"

  867.         value-key="dictLabel"

  868.         @confirm="onConfirmhzzjlx"

  869.         @cancel="showhzzjlx = false"

  870.       />

  871.     </van-popup>

  872.     <!--户内成员证件类型-->

  873.     <van-popup v-model="showhncyzjlx" position="bottom">

  874.       <van-picker

  875.         show-toolbar

  876.         :columns="zjlxOptions"

  877.         value-key="dictLabel"

  878.         @confirm="onConfirmhncyzjlx"

  879.         @cancel="showhncyzjlx = false"

  880.       />

  881.     </van-popup>

  882.     <!--户内成员与户主关系-->

  883.     <van-popup v-model="showhncyyhzgx" position="bottom">

  884.       <van-picker

  885.         show-toolbar

  886.         :columns="yhzgxOptions"

  887.         value-key="dictLabel"

  888.         @confirm="onConfirmhncyyhzgx"

  889.         @cancel="showhncyyhzgx = false"

  890.       />

  891.     </van-popup>

  892.     <!--户内成员职业-->

  893.     <van-popup v-model="showhncyoccupation" position="bottom">

  894.       <van-picker

  895.         show-toolbar

  896.         :columns="occupationOptions"

  897.         value-key="dictLabel"

  898.         @confirm="onConfirmhncyoccupation"

  899.         @cancel="showhncyoccupation = false"

  900.       />

  901.     </van-popup>

  902.     <!--户内成员成员备注-->

  903.     <van-popup v-model="showhncycybz" position="bottom">

  904.       <van-picker

  905.         show-toolbar

  906.         :columns="cybzOptions"

  907.         value-key="dictLabel"

  908.         @confirm="onConfirmhncycybz"

  909.         @cancel="showhncycybz = false"

  910.       />

  911.     </van-popup>

  912.     <!--户内成员居住情况-->

  913.     <van-popup v-model="showhncyjzqk" position="bottom">

  914.       <van-picker

  915.         show-toolbar

  916.         :columns="jzqkOptions"

  917.         value-key="dictLabel"

  918.         @confirm="onConfirmhncyjzqk"

  919.         @cancel="showhncyjzqk = false"

  920.       />

  921.     </van-popup>

  922.     <!--户主职业-->

  923.     <van-popup v-model="showhzoccupation" position="bottom">

  924.       <van-picker

  925.         show-toolbar

  926.         :columns="occupationOptions"

  927.         value-key="dictLabel"

  928.         @confirm="onConfirmhzoccupation"

  929.         @cancel="showhzoccupation = false"

  930.       />

  931.     </van-popup>

  932.     <!--户主居住情况-->

  933.     <van-popup v-model="showhzjzqk" position="bottom">

  934.       <van-picker

  935.         show-toolbar

  936.         :columns="jzqkOptions"

  937.         value-key="dictLabel"

  938.         @confirm="onConfirmhzjzqk"

  939.         @cancel="showhzjzqk = false"

  940.       />

  941.     </van-popup>

  942. 

  943.     <van-popup v-model="showhncylist" style="height:100%;width:100%;">

  944.       <div class="bannerBg">

  945.         <van-nav-bar

  946.           style="background:transparent;border-bottom-width:0;"

  947.           @click-left="showhncylist=false"

  948.         >

  949.           <template #left>

  950.             <van-icon name="arrow-left" size="18" color="#fff" />

  951.           </template>

  952.           <template #title>

  953.             <p style="color:#fff">户内成员列表</p>

  954.           </template>

  955.         </van-nav-bar>

  956.       </div>

  957.       <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;">

  958.         <div style="padding:20px;">

  959.           <p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>

  960.             {{item.xm}}</p>

  961.           <div style="display:flex;line-height:20px">

  962.             <p style="flex:1;text-align:left;">证件号码</p>

  963.             <p  style="flex:1;text-align:right;">{{item.zjhm}}</p>

  964.           </div>

  965.           <div style="display:flex;line-height:20px">

  966.             <p style="flex:1;text-align:left;">与户主关系</p>

  967.             <p style="flex:1;text-align:right;">{{yhzgxfy(item.yhzgx)}}</p>

  968.           </div>

  969.         </div>

  970.         <template #right v-if="!isFinished">

  971.           <van-button square text="设为户主" type="primary" style="height:100%" @click="setNh(item,index)"/>

  972.           <van-button square text="删除" type="danger" style="height:100%" @click="deletehncy(item.id,index)" />

  973.         </template>

  974.       </van-swipe-cell>

  975.       <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;" v-if="!isFinished">

  976.         <div style="text-align:center;" >

  977.           <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>

  978.         </div>

  979.       </div>

  980.     </van-popup>

  981.     <van-popup v-model="showhncy" style="height:100%;width:100%;">

  982.       <div class="bannerBg">

  983.         <van-nav-bar

  984.           style="background:transparent;border-bottom-width:0;"

  985.           @click-left="showhncy=!showhncy"

  986.         >

  987.           <template #left>

  988.             <van-icon name="arrow-left" size="18" color="#fff" />

  989.           </template>

  990.           <template #title>

  991.             <p style="color:#fff">户内成员</p>

  992.           </template>

  993.         </van-nav-bar>

  994.       </div>

  995.       <div style="margin:20px;">

  996.         <van-form @submit="onSubmithncy">

  997.           <van-field

  998.             autocomplete="off"

  999.             input-align="right"

  1000.             v-model="form5.nhdm"

  1001.             name="农户代码"

  1002.             label="农户代码"

  1003.             placeholder="农户代码"

  1004.             disabled

  1005.             required

  1006.             :rules="[{ required: true, message: '农户代码不能为空' }]"

  1007.           />

  1008.           <van-field

  1009.             autocomplete="off"

  1010.             input-align="right"

  1011.             v-model="form5.xm"

  1012.             name="姓名"

  1013.             label="姓名"

  1014.             placeholder="姓名"

  1015.             required

  1016.             :rules="[{ required: true, message: '姓名不能为空' }]"

  1017.           />

  1018.           <van-field

  1019.             autocomplete="off"

  1020.             input-align="right"

  1021.             v-model="form5.zjlxName"

  1022.             name="证件类型"

  1023.             label="证件类型"

  1024.             placeholder="证件类型"

  1025.             required

  1026.             :rules="[{ required: true, message: '证件类型不能为空' }]"

  1027.             readonly

  1028.             @click="showhncyzjlx = true"

  1029.           />

  1030.           <van-field

  1031.             autocomplete="off"

  1032.             v-model="form5.zjlx"

  1033.             style="display:none"

  1034.           />

  1035.           <van-field

  1036.             autocomplete="off"

  1037.             input-align="right"

  1038.             v-model="form5.yhzgxName"

  1039.             name="与户主关系"

  1040.             label="与户主关系"

  1041.             placeholder="与户主关系"

  1042.             required

  1043.             :rules="[{ required: true, message: '与户主关系不能为空' }]"

  1044.             @click="showhncyyhzgx = true"

  1045.           />

  1046.           <van-field

  1047.             autocomplete="off"

  1048.             v-model="form5.yhzgx"

  1049.             style="display:none"

  1050.           />

  1051.           <van-field

  1052.             autocomplete="off"

  1053.             input-align="right"

  1054.             v-model="form5.zjhm"

  1055.             name="证件号码"

  1056.             label="证件号码"

  1057.             placeholder="证件号码"

  1058.             required

  1059.             :rules="[{ required: true, message: '证件号码不能为空' },{validator:validatorIdcardhncy,message:'身份证号格式错误！'}]"

  1060.           />

  1061.           <van-field autocomplete="off" name="radio" label="性别" input-align="right" required

  1062.                      :rules="[{ required: true, message: '性别不能为空' }]">

  1063.             <template #input>

  1064.               <van-radio-group v-model="form5.xb" direction="horizontal">

  1065.                 <van-radio name="1">男</van-radio>

  1066.                 <van-radio name="0">女</van-radio>

  1067.                 <van-radio name="2">未知</van-radio>

  1068.               </van-radio-group>

  1069.             </template>

  1070.           </van-field>

  1071.           <van-field

  1072.             autocomplete="off"

  1073.             input-align="right"

  1074.             v-model="form5.lxdh"

  1075.             name="联系电话"

  1076.             label="联系电话"

  1077.             placeholder="联系电话"

  1078.           />

  1079.           <van-field name="radio" label="户口类型" input-align="right" autocomplete="off">

  1080.             <template #input>

  1081.               <van-radio-group v-model="form5.hklx" direction="horizontal">

  1082.                 <van-radio name="1">农业</van-radio>

  1083.                 <van-radio name="0">非农业</van-radio>

  1084.               </van-radio-group>

  1085.             </template>

  1086.           </van-field>

  1087.           <van-field name="radio" label="婚姻状况" input-align="right" autocomplete="off">

  1088.             <template #input>

  1089.               <van-radio-group v-model="form5.hyzk" direction="horizontal">

  1090.                 <van-radio v-for="dict in hyzkOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>

  1091.               </van-radio-group>

  1092.             </template>

  1093.           </van-field>

  1094.           <van-field name="radio" label="是否本集体经济组织成员" input-align="right" autocomplete="off">

  1095.             <template #input>

  1096.               <van-radio-group v-model="form5.sfbjtjjzzcy" direction="horizontal">

  1097.                 <van-radio name="Y">是</van-radio>

  1098.                 <van-radio name="N">否</van-radio>

  1099.               </van-radio-group>

  1100.             </template>

  1101.           </van-field>

  1102.           <van-field

  1103.             autocomplete="off"

  1104.             input-align="right"

  1105.             v-model="form5.cybzName"

  1106.             name="成员备注"

  1107.             label="成员备注"

  1108.             placeholder="成员备注"

  1109.             @click="showhncycybz = true"

  1110.           />

  1111.           <van-field

  1112.             autocomplete="off"

  1113.             v-model="form5.cybz"

  1114.             style="display:none"

  1115.           />

  1116.           <van-field

  1117.             autocomplete="off"

  1118.             input-align="right"

  1119.             v-model="form5.cybzsm"

  1120.             name="成员备注说明"

  1121.             label="成员备注说明"

  1122.             placeholder="成员备注说明"

  1123.           />

  1124.           <van-field

  1125.             autocomplete="off"

  1126.             input-align="right"

  1127.             v-model="form5.occupationName"

  1128.             name="职业"

  1129.             label="职业"

  1130.             placeholder="职业"

  1131.             required

  1132.             :rules="[{ required: true, message: '' }]"

  1133.             @click="showhncyoccupation = true"

  1134.           />

  1135.           <van-field

  1136.             autocomplete="off"

  1137.             v-model="form5.occupation"

  1138.             style="display:none"

  1139.           />

  1140.           <van-field

  1141.             autocomplete="off"

  1142.             input-align="right"

  1143.             v-model="form5.jzqkName"

  1144.             name="居住情况"

  1145.             label="居住情况"

  1146.             placeholder="居住情况"

  1147.             required

  1148.             :rules="[{ required: true, message: '' }]"

  1149.             @click="showhncyjzqk = true"

  1150.           />

  1151.           <van-field

  1152.             autocomplete="off"

  1153.             v-model="form5.jzqk"

  1154.             style="display:none"

  1155.           />

  1156.           <van-field name="radio" label="是否贫困户" input-align="right" autocomplete="off">

  1157.             <template #input>

  1158.               <van-radio-group v-model="form5.sfpkh" direction="horizontal">

  1159.                 <van-radio name="Y">是</van-radio>

  1160.                 <van-radio name="N">否</van-radio>

  1161.               </van-radio-group>

  1162.             </template>

  1163.           </van-field>

  1164.           <van-field name="radio" label="是否五保户" input-align="right" autocomplete="off">

  1165.             <template #input>

  1166.               <van-radio-group v-model="form5.sfwbh" direction="horizontal">

  1167.                 <van-radio name="Y">是</van-radio>

  1168.                 <van-radio name="N">否</van-radio>

  1169.               </van-radio-group>

  1170.             </template>

  1171.           </van-field>

  1172.           <van-field

  1173.             autocomplete="off"

  1174.             input-align="right"

  1175.             v-model="form5.sjlyName"

  1176.             name="数据来源"

  1177.             label="数据来源"

  1178.             placeholder="数据来源"

  1179.             required

  1180.             :rules="[{ required: true, message: '' }]"

  1181.             @click="showhncysjly = true"

  1182.           />

  1183.           <van-field

  1184.             autocomplete="off"

  1185.             v-model="form5.sjly"

  1186.             style="display:none"

  1187.           />

  1188.           <div style="margin: 16px;" v-if="!isFinished">

  1189.             <van-button round block color="#7AC943" native-type="submit">保存</van-button>

  1190.           </div>

  1191.         </van-form>

  1192.       </div>

  1193.     </van-popup>

  1194. 

  1195.     <!--绘制结束弹窗开始-->

  1196.     <van-popup v-model:show="showhzht" style="width: 94%;border-radius: 15PX" :close-on-click-overlay="false">

  1197.       <div style="padding: 5px 3% 3%;">

  1198.         <h1 style="font-size: 0.35rem;font-weight: 400;border-bottom: 1px solid #ccc; line-height: 0.8rem;"><i style="display: inline-block;width: 1%;height: 0.4rem;background: #7ac943;vertical-align: middle;margin-right: 1%;"></i>是否完成绘制</h1>

  1199. 

  1200.         <div style="text-align: center;margin-top: 3%;">

  1201.           <p style="font-size: 0.3rem;display: inline-block;background: #ccc;padding: 2% 0;border-radius: 30PX;color: #FFF;margin-right: 10%;width: 40%" @click="deleteHistory">否</p>

  1202.           <p style="font-size: 0.3rem;display: inline-block;background: #7ac943;padding: 2% 0;border-radius: 30PX;color: #FFF;width: 40%" @click="showhzlx = true,showhzht = false">是</p>

  1203.         </div>

  1204.       </div>

  1205.     </van-popup>

  1206. 

  1207.     <!--  background: #ccc  -->

  1208. 

  1209.     <van-popup v-model:show="showhzlx" style="width: 94%;border-radius: 15PX">

  1210.       <div style="padding: 5px 3% 3%;">

  1211.         <h1 style="font-size: 0.35rem;font-weight: 400;border-bottom: 1px solid #ccc; line-height: 0.8rem;"><i style="display: inline-block;width: 1%;height: 0.4rem;background: #7ac943;vertical-align: middle;margin-right: 1%;"></i>请选择绘制类型<van-icon name="cross" color="#666666" style="position: absolute;right: 2%;top: 0.1rem" @click="showhzlx = false,showhzht = true" /></h1>

  1212. 

  1213.         <div style="text-align: center;margin-top: 3%;">

  1214.           <p class="hzlxBtn" :style="{background: mapZjdData ? '#CCC':'#7ac943'}" @click="zjdTz">宅基地</p>

  1215.           <p class="hzlxBtn" :style="{background: mapZjdData ? '#b026ff':'#CCC'}" @click="zrzTz">自然幢</p>

  1216.           <p class="hzlxBtn" :style="{background: mapZjdData ? '#3ac2db':'#CCC'}" @click="fsssTz">附属设施</p>

  1217.         </div>

  1218.       </div>

  1219.     </van-popup>

  1220.     <!--绘制结束弹窗结束-->

  1221.   </div>

  1222. </template>

  1223. 

  1224. <script>

  1225.     import {listZjdzd,getQueryLand,getZjdzd,delZjdzdInfo,uploadFile,submitUploadImageList} from "@/api/homesteadSurvey/zjdzd";

  1226.     import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";

  1227.     import {addNhhncy, delNhhncy, exportNhhncy, getNhhncy, listNhhncy, updateNhhncy} from "@/api/homesteadSurvey/nhhncy";

  1228.     import {listShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr";

  1229.     import {listSuyqr,updateSuyqr,addSuyqr} from "@/api/homesteadSurvey/suyqr";

  1230.     import {listZrz,getZrzZjdDmList,getZrz} from "@/api/homesteadSurvey/zrz";

  1231.     import {listFsss,getFsssZjdDmList,getFsss} from "@/api/homesteadSurvey/fsss";

  1232.     import {getGeoServerConfigKey} from "@/api/system/config";

  1233.     import { listTown, getTown } from "@/api/homesteadSurvey/town";

  1234.     import { listVillage} from "@/api/homesteadSurvey/village";

  1235.     import $ from "jquery";

  1236.     import {Dialog} from "vant";

  1237.     import {ref} from "vue";

  1238.     import axios from "axios";

  1239.     export default {

  1240.       name: "homesteadList",

  1241.       data() {

  1242.         return {

  1243.           loading1:false,

  1244.           finished1:false,

  1245.           loading2:false,

  1246.           finished2:false,

  1247.           loading3:false,

  1248.           finished3:false,

  1249.           //全部

  1250.           qbNums:0,

  1251.           //已调查数量

  1252.           yhcNums:0,

  1253.           //未核查数量

  1254.           whcNums:0,

  1255.           // 总户数

  1256.           totalH:0,

  1257.           // 总人数

  1258.           totalR:0,

  1259.           zjdSx:true,

  1260.           zrzSx :true,

  1261.           fsssSx:true,

  1262.           showhncysjly:false,

  1263.           showhzsjly:false,

  1264.           showhncycybz:false,

  1265.           showhncyzjlx:false,

  1266.           showhncyyhzgx:false,

  1267.           showhzjzhcssfyzf:false,

  1268.           showhncyoccupation:false,

  1269.           showhncyjzqk:false,

  1270.           showhzoccupation:false,

  1271.           showhzjzqk:false,

  1272.           // 下拉刷新

  1273.           isLoadingnh:false,

  1274.           countnh:0,

  1275.           isLoadingzjd:false,

  1276.           countqb:1,

  1277.           countyhc:1,

  1278.           countwhc:1,

  1279.           // 使用权人表单弹出

  1280.           shownh:false,

  1281.           showhzht:false,

  1282.           showhzlx:false,

  1283.           showhncylist:false,

  1284.           showhncy:false,

  1285.           activeBtn:1,

  1286.           value:'',

  1287.           // 宅基地搜索框

  1288.           zjdvalue:"",

  1289.           // 使用权人搜索框

  1290.           nhvalue:"",

  1291.           active:2,

  1292.           // 全部列表

  1293.           list:[],

  1294.           // 已核查列表

  1295.           list1:[],

  1296.           // 未核查列表

  1297.           list2:[],

  1298.           // 户主列表

  1299.           nhlist:[],

  1300.           // 户内成员表单

  1301.           form5: {},

  1302.           // 户内成员列表

  1303.           hncylist:[],

  1304.           currentRate:20,

  1305.           // 使用权人

  1306.           nhform:[],

  1307.           // 户主列表

  1308.           hzform:{},

  1309.           // 权利人列表

  1310.           qlrform:[],

  1311.           // 权利人性质弹出框

  1312.           showsuyqxz:false,

  1313.           // 代理人证件类型弹出框

  1314.           showdlrzjlx:false,

  1315.           // 代表人证件类型弹出框

  1316.           showdbrzjlx:false,

  1317.           // 数据来源弹出框

  1318.           showsjly:false,

  1319.           // 证件类型字典

  1320.           zjlxOptions: [],

  1321.           // 所有权性质字典

  1322.           suyqxzOption: [],

  1323.           // 婚姻状况字典

  1324.           hyzkOptions:[],

  1325.           // 数据来源字典

  1326.           sjlyOptions:[],

  1327.           // 居住情况字典

  1328.           jzqkOptions:[],

  1329.           // 与户主关系字典

  1330.           yhzgxOptions:[],

  1331.           // 职业字典

  1332.           occupationOptions:[],

  1333.           // 集镇或城市是否有住房字典

  1334.           jzhcssfyzfOptions:[],

  1335.           // 成员备注字典

  1336.           cybzOptions:[],

  1337.           columns:[],

  1338.           show1:false,

  1339.           showhzzjlx: false,

  1340.           // 路由传过来的任务基本信息。

  1341.           item: {},

  1342.           //地图使用 --start

  1343.           openMap: false,

  1344.           mapTheGeomZrzId: null,

  1345.           mapTheGeomZjdId: null,

  1346.           mapTheGeomFsssId: null,

  1347.           drawInsert:null,

  1348.           mapZjdData:"",

  1349.           mapZrzData:"",

  1350.           mapFsssData:"",

  1351.           mapZjdDataTure:"",

  1352.           mapZjdTeAll:{

  1353.             active:"",

  1354.             mapZjdAData:{},

  1355.             mapZrzAData:{},

  1356.             mapFsssAData:{},

  1357.           },

  1358.           mapHaDataValue:false,

  1359.           mapHasDateStatus: 0, //0附属设施  1自然幢  2宅基地

  1360.           selectionIconShow:false,

  1361.           homesteadListStatus:false,

  1362.           //地图绘制状态

  1363.           draw: {

  1364.             drawMapPolygon: false, //绘制地图

  1365.           },

  1366.           mapTownList: null,

  1367.           mapVillageList: null,

  1368.           coordinate:"",

  1369.           checked:['zjdSx', 'zrzSx', 'fsssSx'],

  1370.           checkAllMap: false,

  1371.           sx:"",

  1372.           drawingClick:true,

  1373.           //搜索---start

  1374.           seachText: "",

  1375.           //搜索栏目-操作栏显隐

  1376.           searchBarOperVisbile: false,

  1377.           mapDataAll: [],

  1378.           showSearch:false,

  1379.           bottomHeight:'0px',

  1380.           //搜索---end

  1381.           //测面

  1382.           textMjAll:"",

  1383.           clickBbox:"",

  1384.           textMjAllNum:"",

  1385.           //核查

  1386.           zjdHcDy:"",

  1387.           //绘图

  1388.           htZjdZrzFsss:"",

  1389.           //筛选

  1390.           checkAllFlag: true,

  1391.           CheckedAllArr: [],//全选数组

  1392.           dataForm: {

  1393.             imageUrl: []

  1394.           },

  1395.           dataList: [["fsssSx"],["zjdSx"],["zrzSx"]],          //地图使用 --end

  1396.           checkBoxAll:[],

  1397.           //地图跳转存之

  1398.           mapAddJump:"",

  1399.           mapAddJumpNum:"",

  1400.           nhdm:"",

  1401.           backTheGeom:"",

  1402.           //地图服务地址

  1403.           mapGeoServerUrl:"",

  1404.           backMap:"",

  1405.           // 任务完成标记

  1406. 

  1407.           isFinished:false,

  1408.           //

  1409.           showImageList:false,

  1410.           uploadImgList:[],

  1411.           uploadImgList1:[],

  1412.           // 字典列表json

  1413.           dictTypeList:null,

  1414.         };

  1415.       },

  1416.       mounted(){

  1417.       },

  1418.       created(){

  1419.         axios.get('../static/dictyType.json').then(res => {

  1420.           this.dictTypeList = res.data

  1421.           this.zjlxOptions = this.dictTypeList.zjlx;

  1422.           this.suyqxzOptions = this.dictTypeList.qsxz;

  1423.           this.sjlyOptions = this.dictTypeList.sjly;

  1424.           this.hyzkOptions = this.dictTypeList.hyzk;

  1425.           this.occupationOptions = this.dictTypeList.occupation;

  1426.           this.jzqkOptions = this.dictTypeList.living_condition;

  1427.           this.jzhcssfyzfOptions = this.dictTypeList.jzhcssfyzf;

  1428.           this.cybzOptions = this.dictTypeList.member_remark;

  1429.         })

  1430. 

  1431.           this.getDicts("family_status").then(response => {

  1432.             console.log(response)

  1433.             var arr = [];

  1434.             response.data.forEach(function (item) {

  1435.               if (item.dictLabel !== '户主') {

  1436.                 arr.push(item)

  1437.               }

  1438.             });

  1439.             this.yhzgxOptions = arr;

  1440.           });

  1441.           if(this.$cookies.get("search") != null && this.$cookies.get("search") !="" && this.$cookies.get("search")!=undefined){

  1442.             if(this.$cookies.get("search").activeBtn !=null){

  1443.               if(this.$cookies.get("search").activeBtn == 4){

  1444.                 // if(location.href.indexOf("#reloaded")==-1){

  1445.                 //   location.href=location.href+"#reloaded";

  1446.                 //   location.reload();

  1447.                 // }

  1448.                 this.activeBtn = this.$cookies.get("search").activeBtn;

  1449.                 this.item = this.$cookies.get("item");

  1450.                 this.mapAddJump = this.$cookies.get("search").backMapZjdAData.deptId;

  1451.                 this.backTheGeom = this.$cookies.get("search").backMapZjdAData.theGeom;

  1452.                 this.mapZjdData = this.$cookies.get("search").backMapZjdAData;

  1453.                 this.mapZjdTeAll.mapZjdAData = this.$cookies.get("search").backMapZjdAData;

  1454.                 this.zjdHcDy = 1;

  1455.                 this.mapZjdDataTure = 1;

  1456.                 this.mapAddJumpNum =1;

  1457.                 this.mapShow();

  1458.                 this.getZjdList();

  1459.                 this.getTotalHR();

  1460.                 if(this.item.taskStatus=="FINISHED"){

  1461.                     this.isFinished = true

  1462.                 }else{

  1463.                   this.isFinished = false

  1464.                 }

  1465.               }

  1466.             }else {

  1467.               this.item = this.$cookies.get("item");

  1468.               this.getZjdList();

  1469.               this.getTotalHR();

  1470.               if(this.item.taskStatus=="FINISHED"){

  1471.                 this.isFinished = true

  1472.               }else{

  1473.                 this.isFinished = false

  1474.               }

  1475.             }

  1476.           }else {

  1477.             this.item = this.$cookies.get("item");

  1478.             this.getZjdList();

  1479.             this.getTotalHR();

  1480.             if(this.item.taskStatus=="FINISHED"){

  1481.               this.isFinished = true

  1482.             }else{

  1483.               this.isFinished = false

  1484.             }

  1485.           }

  1486.       },

  1487.       methods: {

  1488.         showUploadList(){

  1489.           this.showImageList = true;

  1490.         },

  1491.         submitUploadList(){

  1492.           submitUploadImageList(this.uploadImgList1).then(res => {

  1493.             let _this = this

  1494.             this.$toast({

  1495.               icon: 'success', // 找到自己需要的图标

  1496.               message: '上传成功',

  1497.               duration:"1000",

  1498.               onClose:function(){

  1499.                 _this.showImageList = false

  1500.               }

  1501.             })

  1502.           })

  1503.         },

  1504.         // 图片上传前

  1505.         beforeReadImageList(file){

  1506.           let _this = this

  1507.           if(file.length!=undefined){

  1508.             file.map(res => {

  1509.               let zjddm = res.file.name

  1510.               //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));

  1511.               // 创建Canvas对象(画布)

  1512.               let canvas =  document.createElement('canvas')

  1513.               // 获取对应的CanvasRenderingContext2D对象(画笔)

  1514.               let context = canvas.getContext('2d')

  1515.               // 创建新的图片对象

  1516.               let img = new Image()

  1517.               // 指定图片的DataURL(图片的base64编码数据)

  1518.               img.src = res.content

  1519.               // 监听浏览器加载图片完成，然后进行进行绘制

  1520.               img.onload = () => {

  1521.                 /*const h = img.height

  1522.                 const w = img.width*/

  1523.                 let ch = img.height/6

  1524.                 let cw = img.width/6

  1525.                 let canvas = document.createElement('canvas')

  1526.                 let ctx = canvas.getContext('2d')

  1527.                 canvas.height = ch

  1528.                 canvas.width = cw

  1529.                 ctx.clearRect(0,0,cw,ch)

  1530.                 ctx.drawImage(img,0,0,cw,ch)

  1531.                 let base_img = canvas.toDataURL('image/jpeg')

  1532.                 let blobBin = atob(base_img.split(',')[1])

  1533.                 let d = []

  1534.                 for (let i=0;i<blobBin.length;i++){

  1535.                   d.push(blobBin.charCodeAt(i))

  1536.                 }

  1537.                 let data2 = new FormData();

  1538.                 data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));

  1539.                 uploadFile(data2).then(response => {

  1540.                   let p={

  1541.                     "zjddm":zjddm,

  1542.                     "url":response.fileName

  1543.                   }

  1544.                   _this.uploadImgList1.push(p)

  1545.                 })

  1546.               }

  1547.             })

  1548.           }else{

  1549.             let zjddm = file.file.name

  1550.             //zjddm=zjddm.substring(0,zjddm.lastIndexOf("\("));

  1551.             // 创建Canvas对象(画布)

  1552.             let canvas =  document.createElement('canvas')

  1553.             // 获取对应的CanvasRenderingContext2D对象(画笔)

  1554.             let context = canvas.getContext('2d')

  1555.             // 创建新的图片对象

  1556.             let img = new Image()

  1557.             // 指定图片的DataURL(图片的base64编码数据)

  1558.             img.src = file.content

  1559.             // 监听浏览器加载图片完成，然后进行进行绘制

  1560.             img.onload = () => {

  1561.               /*const h = img.height

  1562.               const w = img.width*/

  1563.               let ch = img.height/6

  1564.               let cw = img.width/6

  1565.               let canvas = document.createElement('canvas')

  1566.               let ctx = canvas.getContext('2d')

  1567.               canvas.height = ch

  1568.               canvas.width = cw

  1569.               ctx.clearRect(0,0,cw,ch)

  1570.               ctx.drawImage(img,0,0,cw,ch)

  1571.               let base_img = canvas.toDataURL('image/jpeg')

  1572.               let blobBin = atob(base_img.split(',')[1])

  1573.               let d = []

  1574.               for (let i=0;i<blobBin.length;i++){

  1575.                 d.push(blobBin.charCodeAt(i))

  1576.               }

  1577.               let data2 = new FormData();

  1578.               data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));

  1579.               uploadFile(data2).then(response => {

  1580.                 let p={

  1581.                   "zjddm":zjddm,

  1582.                   "url":response.fileName

  1583.                 }

  1584.                 _this.uploadImgList1.push(p)

  1585.               })

  1586.             }

  1587.           }

  1588. 

  1589.         },

  1590.         deleteFileImageList(file){

  1591.           let url = file.file.name

  1592.           this.uploadImgList1.map((res,index) => {

  1593.             if(res.zjddm==url){

  1594.               this.uploadImgList1.remove(index);

  1595.             }

  1596.           })

  1597.         },

  1598.         validatorIdcardqlr(val){

  1599.           if(this.qlrform.dbrzjlx=='01'){

  1600.             if(this.vcheckID(val)){

  1601.               return true

  1602.             }else {

  1603.               return false

  1604.             }

  1605.           }else{

  1606.             return true

  1607.           }

  1608.         },

  1609.         validatorIdcardnh(val){

  1610.           if(this.nhform.hzzjlx=='01'){

  1611.             if(this.vcheckID(val)){

  1612.               return true

  1613.             }else {

  1614.               return false

  1615.             }

  1616.           }else{

  1617.             return true

  1618.           }

  1619.         },

  1620.         validatorIdcardhncy(val){

  1621.           if(this.form5.zjlx=='01'){

  1622.             if(this.vcheckID(val)){

  1623.               return true

  1624.             }else {

  1625.               return false

  1626.             }

  1627.           }else{

  1628.             return true

  1629.           }

  1630.         },

  1631.         checkCode(val) {

  1632.           var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;

  1633.           var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];

  1634.           var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];

  1635.           var code = val.substring(17);

  1636.           if(p.test(val)) {

  1637.             var sum = 0;

  1638.             for(var i=0;i<17;i++) {

  1639.               sum += val[i]*factor[i];

  1640.             }

  1641.             if(parity[sum % 11] == code.toUpperCase()) {

  1642.               return true;

  1643.             }

  1644.           }

  1645.           return false;

  1646.         },

  1647.         checkDate (val) {

  1648.           var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)$/;

  1649.           if(pattern.test(val)) {

  1650.             var year = val.substring(0, 4);

  1651.             var month = val.substring(4, 6);

  1652.             var date = val.substring(6, 8);

  1653.             var date2 = new Date(year+"-"+month+"-"+date);

  1654.             if(date2 && date2.getMonth() == (parseInt(month) - 1)) {

  1655.               return true;

  1656.             }

  1657.           }

  1658.           return false;

  1659.         },

  1660.         checkProv(val) {

  1661.           var pattern = /^[1-9][0-9]/;

  1662.           var provs = {11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门"};

  1663.           if(pattern.test(val)) {

  1664.             if(provs[val]) {

  1665.               return true;

  1666.             }

  1667.           }

  1668.           return false;

  1669.         },

  1670.         vcheckID(val){

  1671.           if(this.checkCode(val)) {

  1672.             var date = val.substring(6,14);

  1673.             if(this.checkDate(date)) {

  1674.               if(this.checkProv(val.substring(0,2))) {

  1675.                 return true;

  1676.               }

  1677.             }

  1678.           }

  1679.           return false;

  1680.         },

  1681.         deleteZjd(item,index){

  1682.           Dialog.confirm({

  1683.             title: '警告',

  1684.             message: '将删除与此宅基地关联的使用权人，自然幢，房屋，附属设施等所有信息，同时删除后无法恢复，确认删除么？',

  1685.           })

  1686.             .then(() => {

  1687.               // on confirm

  1688.               delZjdzdInfo(item).then(res => {

  1689.                 if(res.code=="200"){

  1690.                   if(this.active==1){

  1691.                     this.list1.splice(index,1);

  1692.                   }else if(this.active==2){

  1693.                     this.list2.splice(index,1);

  1694.                   }else{

  1695.                     this.list.splice(index,1);

  1696.                   }

  1697.                 }

  1698.               })

  1699.             })

  1700.             .catch(() => {

  1701.               // on cancel

  1702.             });

  1703.         },

  1704.         //删除户主

  1705.         deletenh(item,index){

  1706.           let yes = true

  1707.           let params={

  1708.             nhdm : item.nhdm,

  1709.             deptId: item.deptId

  1710.           }

  1711.           listNhhncy(params).then((res) => {

  1712.             console.log(res.rows.length)

  1713.             if(res.rows.length>0){

  1714.               yes = false

  1715.               this.$toast({

  1716.                 icon: 'error', // 找到自己需要的图标

  1717.                 message: '无法删除，此户主存在户内成员！',

  1718.                 duration:"1000",

  1719.                 onClose:function(){

  1720.                 }

  1721.               })

  1722.             }else{

  1723.               listShyqr(params).then((res) => {

  1724.                 if(res.rows.length>0){

  1725.                   yes = false

  1726.                   this.$toast({

  1727.                     icon: 'error', // 找到自己需要的图标

  1728.                     message: '无法删除，此户主已经成为使用权人！',

  1729.                     duration:"1000",

  1730.                     onClose:function(){

  1731.                     }

  1732.                   })

  1733.                 }else{

  1734.                   if(yes){

  1735.                     Dialog.confirm({

  1736.                       title: '警告',

  1737.                       message: '确认删除此使用权人么？',

  1738.                     })

  1739.                       .then(() => {

  1740.                         // on confirm

  1741.                         delNh(item.id).then(res => {

  1742.                           if(res.code=="200"){

  1743.                             this.nhlist.splice(index,1);

  1744.                             this.totalH--

  1745.                             this.totalR--

  1746.                           }

  1747.                         })

  1748.                       })

  1749.                       .catch(() => {

  1750.                         // on cancel

  1751.                       });

  1752.                   }

  1753.                 }

  1754.               });

  1755.             }

  1756.           });

  1757. 

  1758.         },

  1759.         // 设为户主

  1760.         setNh(item,index){

  1761.           Dialog.confirm({

  1762.             title: '警告',

  1763.             message: '此操作将删除原户主，并将此成员设为新户主，是否确认操作？',

  1764.           })

  1765.             .then(() => {

  1766.               // on confirm

  1767.               delNhhncy(item.id).then(res => {

  1768.                 if(res.code=="200"){

  1769.                   this.hncylist.splice(index,1);

  1770.                   this.totalR--

  1771.                 }

  1772.               })

  1773.               // 更新户主信息

  1774.               let pnh = {

  1775.                 deptId : item.deptId,

  1776.                 nhdm : item.nhdm,

  1777.                 hzxm:item.xm,

  1778.                 hzzjlx :item.zjlx,

  1779.                 hzzjhm :item.zjhm

  1780.               }

  1781.               setNhInfo(pnh).then(res => {

  1782.               })

  1783.               // 更新使用权人

  1784.               let psyqr = {

  1785.                 deptId : item.deptId,

  1786.                 nhdm : item.nhdm,

  1787.                 shyqrdbxm : item.xm,

  1788.                 shyqrdbzjlx : item.zjlx,

  1789.                 shyqrdbzjhm : item.zjhm,

  1790.                 xb : item.xb

  1791.               }

  1792.               setSyqrInfo(psyqr).then(res => {

  1793.               })

  1794.             })

  1795.             .catch(() => {

  1796.               // on cancel

  1797.             });

  1798.         },

  1799.         //删除户内成员

  1800.         deletehncy(id,index){

  1801.           Dialog.confirm({

  1802.             title: '警告',

  1803.             message: '删除后无法恢复，确认删除此成员么？',

  1804.           })

  1805.             .then(() => {

  1806.               // on confirm

  1807.               delNhhncy(id).then(res => {

  1808.                 if(res.code=="200"){

  1809.                   this.hncylist.splice(index,1);

  1810.                   this.totalR--

  1811.                 }

  1812.               })

  1813.             })

  1814.             .catch(() => {

  1815.               // on cancel

  1816.             });

  1817.         },

  1818.         // 字数限制

  1819.         limitWords(val){

  1820.           if(val.length>11){

  1821.             val = val.slice(0,10) +"..."

  1822.           }

  1823.           return val

  1824.         },

  1825.         // 与户主关系翻译

  1826.         yhzgxfy(value){

  1827.           let label

  1828.           this.yhzgxOptions.map(res => {

  1829.             if(res.dictValue == value){

  1830.               label = res.dictLabel

  1831.             }

  1832.           })

  1833.           return label

  1834.         },

  1835.         onRefreshzjd(){

  1836.           this.isLoadingzjd = false;

  1837.           let _this = this

  1838.           if(this.active==1&&this.loading2){

  1839.               let params = {

  1840.                 "deptId" : this.item.deptId,

  1841.                 "houseDataConfirmStatus" : "CONFIRMED",

  1842.                 "pageNum": this.countyhc+1,

  1843.                 "pageSize":10,

  1844.               }

  1845.               listZjdzd(params).then((response) => {

  1846.                 if(response.rows.length>0&&this.list1.length<response.total){

  1847.                   response.rows.map(res => {

  1848.                     this.list1.push(res)

  1849.                   })

  1850.                   this.countyhc++

  1851.                   this.loading2 = false

  1852.                 }else{

  1853.                   this.loading2 = false

  1854.                   this.finished2 = true

  1855.                 }

  1856.               });

  1857.           }else if(this.active==2&&this.loading3){

  1858.             let params = {

  1859.               "deptId" : this.item.deptId,

  1860.               "houseDataConfirmStatus" : "UNCONFIRMED",

  1861.               "pageNum": this.countwhc+1,

  1862.               "pageSize":10,

  1863.             }

  1864.             listZjdzd(params).then((response) => {

  1865.                 if(response.rows.length>0&&this.list2.length<response.total){

  1866.                   response.rows.map(res => {

  1867.                     this.list2.push(res)

  1868.                   })

  1869.                   this.countwhc++

  1870.                   this.loading3 = false

  1871.                 }else{

  1872.                   this.finished3 = true

  1873.                 }

  1874.             });

  1875.           }else if(this.active==0&&this.loading1){

  1876.             let params = {

  1877.               "deptId" : this.item.deptId,

  1878.               "pageNum": this.countqb+1,

  1879.               "pageSize":10,

  1880.             }

  1881.             listZjdzd(params).then((response) => {

  1882.                 if(response.rows.length>0&&this.list.length<response.total){

  1883.                   response.rows.map(res => {

  1884.                     _this.list.push(res)

  1885.                   })

  1886.                   this.countqb++

  1887.                   this.loading1 = false

  1888.                 }else{

  1889.                   this.finished1 = true

  1890.                 }

  1891.             });

  1892.           }

  1893.         },

  1894.         getTotalHR(){

  1895.           let params = {

  1896.             "deptId" : this.item.deptId,

  1897.             "pageNum": 1,

  1898.             "pageSize":10,

  1899.           }

  1900.           listNh(params).then((response) => {

  1901.             if(response.rows.length>=0){

  1902.               this.totalH = response.total

  1903.             }

  1904.             listNhhncy(params).then((res) => {

  1905.               if(res.rows.length>=0){

  1906.                 this.totalR = res.total + this.totalH

  1907.               }

  1908.             });

  1909.           });

  1910. 

  1911.         },

  1912.         onRefreshnh(){

  1913.           this.isLoadingnh = false

  1914.           let params = {

  1915.             "deptId" : this.item.deptId,

  1916.             "pageNum": this.countnh+1,

  1917.             "pageSize":10,

  1918.           }

  1919.           listNh(params).then((response) => {

  1920.             if(response.rows.length>0&&this.nhlist.length<response.total){

  1921.               response.rows.map(res => {

  1922.                 this.nhlist.unshift(res)

  1923.               })

  1924.               this.countnh++

  1925.             }

  1926.           });

  1927.         },

  1928.         setCookies(item){

  1929.           this.$cookies.set("search",JSON.stringify(item));

  1930.           this.$router.push({path:'/homesteadSurvey/add'});

  1931.         },

  1932.         // 入户核查搜索框新增。

  1933.         onClickzjd(){

  1934.           this.$cookies.remove("search");

  1935.           this.$router.push({name:'homesteadAdd'});

  1936.         },

  1937.         // 农户信息搜索框新增。

  1938.         onClicknh(){

  1939.           this.shownh = true;

  1940.           let params = {

  1941.             "deptId" : this.item.deptId

  1942.           }

  1943.           this.qlrform={}

  1944.           this.nhform={

  1945.             "suyqrdm":null,

  1946.             "deptId":this.item.deptId,

  1947.             "hzzjlx":'01',

  1948.             "hzzjlxName":"身份证",

  1949.             "hyzk":'02',

  1950.             "occupation":'1',

  1951.             "occupationName":'务农',

  1952.             "jzqk":'3',

  1953.             "jzqkName":'常年居住',

  1954.             "jzhcssfyzf":'1',

  1955.             "jzhcssfyzfName":'无住房',

  1956.             "zqtczsfyzf":'Y',

  1957.             "sfbccm":'Y',

  1958.             "sfpkh":'N',

  1959.             "sfwbh":'N',

  1960.             "sjly":'07',

  1961.             "sjlyName":'农村集体产权制度改革',

  1962.           }

  1963.           listSuyqr(params).then((response) => {

  1964.             if(response.rows.length>0){

  1965.               this.qlrform = response.rows[0]

  1966.               this.nhform.suyqrdm = this.qlrform.suyqrdm

  1967.               this.nhform.txdz = response.rows[0].suyqrmc

  1968.             }

  1969.           });

  1970.         },

  1971.         // 返回

  1972.         onClickLeft(){

  1973.           this.$cookies.set("search","")

  1974.           this.$router.push('/homesteadSurvey/index');

  1975.         },

  1976.         onConfirmhncysjly(value){

  1977.           this.form5.sjlyName = value.dictLabel

  1978.           this.form5.sjly = value.dictValue

  1979.           this.showhncysjly= false

  1980.         },

  1981.         onConfirmhzsjly(value){

  1982.           this.nhform.sjlyName = value.dictLabel

  1983.           this.nhform.sjly = value.dictValue

  1984.           this.showhzsjly= false

  1985.         },

  1986.         onConfirmhncycybz(value){

  1987.           this.form5.cybzName = value.dictLabel

  1988.           this.form5.cybz = value.dictValue

  1989.           this.showhncycybz= false

  1990.         },

  1991.         onConfirmhzjzhcssfyzf(value){

  1992.           this.nhform.jzhcssfyzfName = value.dictLabel

  1993.           this.nhform.jzhcssfyzf = value.dictValue

  1994.           this.showhzjzhcssfyzf= false

  1995.         },

  1996.         onConfirmhncyyhzgx(value){

  1997.           this.form5.yhzgxName = value.dictLabel

  1998.           this.form5.yhzgx = value.dictValue

  1999.           this.showhncyyhzgx = false

  2000.         },

  2001.         onConfirmhncyzjlx(value){

  2002.           this.form5.zjlxName = value.dictLabel

  2003.           this.form5.zjlx = value.dictValue

  2004.           this.showhncyzjlx = false

  2005.         },

  2006.         onConfirmhncyjzqk(value){

  2007.           this.form5.jzqkName = value.dictLabel

  2008.           this.form5.jzqk = value.dictValue

  2009.           this.showhncyjzqk = false

  2010.         },

  2011.         onConfirmhzjzqk(value){

  2012.           this.nhform.jzqkName = value.dictLabel

  2013.           this.nhform.jzqk = value.dictValue

  2014.           this.showhzjzqk = false

  2015.         },

  2016.         onConfirmhncyoccupation(value){

  2017.           this.form5.occupationName = value.dictLabel

  2018.           this.form5.occupation = value.dictValue

  2019.           this.showhncyoccupation = false

  2020.         },

  2021.         onConfirmhzoccupation(value){

  2022.           this.nhform.occupationName = value.dictLabel

  2023.           this.nhform.occupation = value.dictValue

  2024.           this.showhzoccupation = false

  2025.         },

  2026.         onConfirmhzzjlx(value){

  2027.           this.nhform.hzzjlxName = value.dictLabel

  2028.           this.nhform.hzzjlx = value.dictValue

  2029.           this.showhzzjlx = false

  2030.         },

  2031.         onConfirmdbrzjlx(value){

  2032.           this.qlrform.dbrzjlxName = value.dictLabel

  2033.           this.qlrform.dbrzjlx = value.dictValue

  2034.           this.showdbrzjlx = false

  2035.         },

  2036.         onConfirmsuyqxz(value){

  2037.           this.qlrform.suyqxzName = value.dictLabel

  2038.           this.qlrform.suyqxz = value.dictValue

  2039.           this.showsuyqxz = false

  2040.         },

  2041.         onConfirmdlrzjlx(value){

  2042.           this.qlrform.dlrzjlxName = value.dictLabel

  2043.           this.qlrform.dlrzjlx = value.dictValue

  2044.           this.showdlrzjlx = false

  2045.         },

  2046.         onConfirmsjly(value){

  2047.           this.qlrform.sjlyName = value.dictLabel

  2048.           this.qlrform.sjly = value.dictValue

  2049.           this.showsjly = false

  2050.         },

  2051.         // 户主保存

  2052.         onSubmitnh(){

  2053.           if(this.nhform.id!=null){

  2054.             updateNh(this.nhform).then(

  2055.               response => {

  2056.                 let _this =this

  2057.                 this.$toast({

  2058.                   icon: 'success', // 找到自己需要的图标

  2059.                   message: '修改成功',

  2060.                   duration:"1000",

  2061.                   onClose:function(){

  2062.                     _this.getNh()

  2063.                     let psyqr = {

  2064.                       deptId : _this.nhform.deptId,

  2065.                       nhdm : _this.nhform.nhdm,

  2066.                       shyqrdbxm : _this.nhform.hzxm,

  2067.                       shyqrdbzjlx : _this.nhform.hzzjlx,

  2068.                       shyqrdbzjhm : _this.nhform.hzzjhm,

  2069.                       dh : _this.nhform.phone,

  2070.                       dz : _this.nhform.txdz

  2071.                     }

  2072.                     setSyqrInfo(psyqr).then(res => {

  2073.                       _this.shownh = false

  2074.                     })

  2075.                   }

  2076.                 })

  2077.               }

  2078.             );

  2079.           }else{

  2080.             this.nhform.deptId = this.item.deptId

  2081.             addNh(this.nhform).then(

  2082.               response => {

  2083.                 this.totalR+=1

  2084.                 this.totalH+=1

  2085.                 let _this =this

  2086.                 this.$toast({

  2087.                   icon: 'success', // 找到自己需要的图标

  2088.                   message: '保存成功',

  2089.                   duration:"1000",

  2090.                   onClose:function(){

  2091.                     _this.shownh = false

  2092.                     _this.getNh()

  2093.                   }

  2094.                 })

  2095.               }

  2096.             );

  2097.           }

  2098.         },

  2099.         // 所有权人保存

  2100.         onSubmitsyqr(){

  2101.           if(this.qlrform.id!=null){

  2102.             updateSuyqr(this.qlrform).then(

  2103.               response => {

  2104.                 let _this =this

  2105.                 this.$toast({

  2106.                   icon: 'success', // 找到自己需要的图标

  2107.                   message: '修改成功',

  2108.                   duration:"1000"

  2109.                 })

  2110.               }

  2111.             );

  2112.           }else{

  2113.             this.qlrform.deptId = this.item.deptId

  2114.             addSuyqr(this.qlrform).then(

  2115.               response => {

  2116.                 let _this =this

  2117.                 this.$toast({

  2118.                   icon: 'success', // 找到自己需要的图标

  2119.                   message: '保存成功',

  2120.                   duration:"1000"

  2121.                 })

  2122.               }

  2123.             );

  2124.           }

  2125.         },

  2126.         // 查询所有权人

  2127.         getSyqr(){

  2128.           //删除地图选中状态

  2129.           $("#deleteHistoryMap").trigger("click");

  2130.           let params = {

  2131.             "deptId" : this.item.deptId

  2132.           }

  2133.           this.qlrform ={

  2134.             "deptId":this.item.deptId,

  2135.             "suyqxz":'40',

  2136.             "suyqxzName":'集体土地所有权',

  2137.             "dbrzjlx":'01',

  2138.             "dbrzjlxName":'身份证',

  2139.             "sfclncjtjjzz":'Y',

  2140.             "sjly":'04',

  2141.             "sjlyName":"农村宅基地使用权确权登记发证"

  2142.           }

  2143.           listSuyqr(params).then((response) => {

  2144.             if(response.rows.length>0){

  2145.               this.qlrform = response.rows[0]

  2146.               if(this.qlrform.suyqxz==null||this.qlrform.suyqxz==""){

  2147.                 this.qlrform.suyqxz = "40"

  2148.                 this.qlrform.suyqxzName = "集体土地所有权"

  2149.               }

  2150.               if(this.qlrform.dbrzjlx==null||this.qlrform.dbrzjlx==""){

  2151.                 this.qlrform.dbrzjlx = "01"

  2152.                 this.qlrform.dbrzjlxName = "身份证"

  2153.               }

  2154.               if(this.qlrform.sfclncjtjjzz==null||this.qlrform.sfclncjtjjzz==""){

  2155.                 this.qlrform.sfclncjtjjzz = "Y"

  2156.               }

  2157.               if(this.qlrform.sjly==null||this.qlrform.sjly==""){

  2158.                 this.qlrform.sjly = "04"

  2159.                 this.qlrform.sjlyName = "农村宅基地使用权确权登记发证"

  2160.               }

  2161.               this.zjlxOptions.map(res => {

  2162.                 if(res.dictValue == this.qlrform.dbrzjlx){

  2163.                   this.qlrform.dbrzjlxName = res.dictLabel

  2164.                 }

  2165.                 if(res.dictValue == this.qlrform.dlrzjlx){

  2166.                   this.qlrform.dlrzjlxName = res.dictLabel

  2167.                 }

  2168.               })

  2169.               this.suyqxzOptions.map(res => {

  2170.                 if(res.dictValue == this.qlrform.suyqxz){

  2171.                   this.qlrform.suyqxzName = res.dictLabel

  2172.                 }

  2173.               })

  2174.               this.sjlyOptions.map(res => {

  2175.                 if(res.dictValue == this.qlrform.sjly){

  2176.                   this.qlrform.sjlyName = res.dictLabel

  2177.                 }

  2178.               })

  2179.             }

  2180.           });

  2181.         },

  2182.         // 查询农户列表

  2183.         getNh(){

  2184.           //删除地图选中状态

  2185.           $("#deleteHistoryMap").trigger("click");

  2186.           let params = {

  2187.             "deptId" : this.item.deptId

  2188.           }

  2189.           listNh(params).then((response) => {

  2190.             this.nhlist = response.rows

  2191.             this.totalN = response.total

  2192.           });

  2193.         },

  2194.         //调查

  2195.         getDc(){

  2196.           //删除地图选中状态

  2197.           $("#deleteHistoryMap").trigger("click");

  2198.         },

  2199.         // 农户信息搜索框

  2200.         onSearchnh(){

  2201.           let params = {

  2202.             "deptId" : this.item.deptId,

  2203.             "nhValue" : this.nhvalue

  2204.           }

  2205.           listNh(params).then((response) => {

  2206.             this.nhlist = response.rows

  2207.           });

  2208.         },

  2209.         // 宅基地搜索框

  2210.         onSearchzjd(){

  2211.           if(this.active==1){

  2212.             let params = {

  2213.               "deptId" : this.item.deptId,

  2214.               "houseDataConfirmStatus" : "CONFIRMED",

  2215.               "syqr" : this.zjdvalue

  2216.             }

  2217.             listZjdzd(params).then((response) => {

  2218.               if (response.code == 200) {

  2219.                 this.list1 = response.rows

  2220.               }

  2221.             });

  2222.           }else if(this.active==2){

  2223.             let params = {

  2224.               "deptId" : this.item.deptId,

  2225.               "houseDataConfirmStatus" : "UNCONFIRMED",

  2226.               "syqr" : this.zjdvalue

  2227.             }

  2228.             listZjdzd(params).then((response) => {

  2229.               if (response.code == 200) {

  2230.                 this.list2 = response.rows

  2231.               }

  2232.             });

  2233.           }else{

  2234.             let params = {

  2235.               "deptId" : this.item.deptId,

  2236.               "syqr" : this.zjdvalue

  2237.             }

  2238.             listZjdzd(params).then((response) => {

  2239.               if (response.code == 200) {

  2240.                 this.list = response.rows

  2241.               }

  2242.             });

  2243.           }

  2244.         },

  2245.         // 户内成员弹窗

  2246.         showPopuphncy(item){

  2247.           this.showhncy = true

  2248.           if(item.id==null||item.id==""){

  2249.             this.form5 = {

  2250.               "nhdm":this.nhdm,

  2251.               "deptId":this.item.deptId,

  2252.               "zjlx":'01',

  2253.               "zjlxName":"身份证",

  2254.               "yhzgx":"14",

  2255.               "yhzgxName":"妻",

  2256.               "hyzk":'02',

  2257.               "hklx":'1',

  2258.               "occupation":'1',

  2259.               "occupationName":'务农',

  2260.               "jzqk":'3',

  2261.               "jzqkName":'常年居住',

  2262.               "sfbjtjjzzcy":'Y',

  2263.               "xb":'0',

  2264.               "sfbccm":'Y',

  2265.               "sfpkh":'N',

  2266.               "sfwbh":'N',

  2267.               "sjly":'07',

  2268.               "sjlyName":'农村集体产权制度改革',

  2269.               "cybz":'9',

  2270.               "cybzName":'其他备注'

  2271.             }

  2272.           }else{

  2273.             let _this = this

  2274.             this.form5 = item

  2275.             if(this.form5.nhdm==null||this.form5.nhdm==""){

  2276.               this.form5.nhdm = this.nhform.nhdm

  2277.             }

  2278.             if(this.form5.deptId==null||this.form5.deptId==""){

  2279.               this.form5.deptId = this.nhform.deptId

  2280.             }

  2281.             if(this.form5.zjlx==null||this.form5.zjlx==""){

  2282.               this.form5.zjlx = "01"

  2283.               this.form5.zjlxName = "身份证"

  2284.             }

  2285.             if(this.form5.yhzgx==null||this.form5.yhzgx==""){

  2286.               this.form5.yhzgx = "14"

  2287.               this.form5.yhzgxName = "妻"

  2288.             }

  2289.             if(this.form5.hyzk==null||this.form5.hyzk==""){

  2290.               this.form5.hyzk = "02"

  2291.             }

  2292.             if(this.form5.hklx==null||this.form5.hklx==""){

  2293.               this.form5.hklx = "1"

  2294.             }

  2295.             if(this.form5.occupation==null||this.form5.occupation==""){

  2296.               this.form5.occupation = "1"

  2297.               this.form5.occupationName = "务农"

  2298.             }

  2299.             if(this.form5.jzqk==null||this.form5.jzqk==""){

  2300.               this.form5.jzqk = "3"

  2301.               this.form5.jzqkName = "常年居住"

  2302.             }

  2303.             if(this.form5.sfbjtjjzzcy==null||this.form5.sfbjtjjzzcy==""){

  2304.               this.form5.sfbjtjjzzcy = "Y"

  2305.             }

  2306.             if(this.form5.xb==null||this.form5.xb==""){

  2307.               this.form5.xb = "0"

  2308.             }

  2309.             if(this.form5.sfbccm==null||this.form5.sfbccm==""){

  2310.               this.form5.sfbccm = "Y"

  2311.             }

  2312.             if(this.form5.sfpkh==null||this.form5.sfpkh==""){

  2313.               this.form5.sfpkh = "N"

  2314.             }

  2315.             if(this.form5.sfwbh==null||this.form5.sfwbh==""){

  2316.               this.form5.sfwbh = "N"

  2317.             }

  2318.             if(this.form5.sjly==null||this.form5.sjly==""){

  2319.               this.form5.sjly = "07"

  2320.               this.form5.sjlyName = "农村集体产权制度改革"

  2321.             }

  2322.             if(this.form5.cybz==null||this.form5.cybz==""){

  2323.               this.form5.cybz = "9"

  2324.               this.form5.cybzName = "其他备注"

  2325.             }

  2326.             this.jzhcssfyzfOptions.map(res => {

  2327.               if(res.dictValue == item.jzhcssfyzf){

  2328.                 this.form5.jzhcssfyzfName = res.dictLabel

  2329.               }

  2330.             })

  2331.             this.zjlxOptions.map(res => {

  2332.               if(res.dictValue == item.zjlx){

  2333.                 this.form5.zjlxName = res.dictLabel

  2334.               }

  2335.             })

  2336.             this.occupationOptions.map(res => {

  2337.               if(res.dictValue == item.occupation){

  2338.                 this.form5.occupationName = res.dictLabel

  2339.               }

  2340.             })

  2341.             this.jzqkOptions.map(res => {

  2342.               if(res.dictValue == item.jzqk){

  2343.                 this.form5.jzqkName = res.dictLabel

  2344.               }

  2345.             })

  2346.             this.yhzgxOptions.map(res => {

  2347.               if(res.dictValue == item.yhzgx){

  2348.                 this.form5.yhzgxName = res.dictLabel

  2349.               }

  2350.             })

  2351.             this.cybzOptions.map(res => {

  2352.               if(res.dictValue == item.cybz){

  2353.                 this.form5.cybzName = res.dictLabel

  2354.               }

  2355.             })

  2356.             this.sjlyOptions.map(res => {

  2357.               if(res.dictValue == item.sjly){

  2358.                 this.form5.sjlyName = res.dictLabel

  2359.               }

  2360.             })

  2361.           }

  2362.         },

  2363.         // 户内成员列表

  2364.         showPopuphncylist(item){

  2365.           if(item.nhdm==null||item.nhdm==""){

  2366.             this.$toast({

  2367.               icon: 'error', // 找到自己需要的图标

  2368.               message: '请先保存户主信息',

  2369.               duration:"1000"

  2370.             })

  2371.           }else{

  2372.             this.nhdm = item.nhdm

  2373.             this.showhncylist =  true

  2374.             let params = {

  2375.               "nhdm":item.nhdm,

  2376.               "deptId":this.item.deptId

  2377.             }

  2378.             listNhhncy(params).then((response) => {

  2379.               if (response.code == 200) {

  2380.                 this.hncylist = response.rows

  2381.               }

  2382.             });

  2383.           }

  2384. 

  2385.         },

  2386.         showPopupnh(item){

  2387.           this.shownh = true

  2388.           this.nhform = item

  2389.           this.jzhcssfyzfOptions.map(res => {

  2390.             if(res.dictValue == item.jzhcssfyzf){

  2391.               this.nhform.jzhcssfyzfName = res.dictLabel

  2392.             }

  2393.           })

  2394.           this.zjlxOptions.map(res => {

  2395.             if(res.dictValue == item.hzzjlx){

  2396.               this.nhform.hzzjlxName = res.dictLabel

  2397.             }

  2398.           })

  2399.           this.occupationOptions.map(res => {

  2400.             if(res.dictValue == item.occupation){

  2401.               this.nhform.occupationName = res.dictLabel

  2402.             }

  2403.           })

  2404.           this.jzqkOptions.map(res => {

  2405.             if(res.dictValue == item.jzqk){

  2406.               this.nhform.jzqkName = res.dictLabel

  2407.             }

  2408.           })

  2409.           this.sjlyOptions.map(res => {

  2410.             if(res.dictValue == item.sjly){

  2411.               this.nhform.sjlyName = res.dictLabel

  2412.             }

  2413.           })

  2414.         },

  2415.       getZjdList(){

  2416.          let params = {

  2417.            "deptId" : this.item.deptId,

  2418.            "pageNum": 1,

  2419.            "pageSize":10,

  2420.          }

  2421.          listZjdzd(params).then((response) => {

  2422.            if (response.code == 200) {

  2423.              this.list = response.rows

  2424.              this.qbNums = response.total

  2425.    /*          if(response.rows.length>=10){

  2426.                this.list = newList.slice(0,9)

  2427.              }else {

  2428.                this.list = newList

  2429.              }

  2430.              this.yhcNums = 0

  2431.              this.whcNums = 0

  2432.              this.list1 = []

  2433.              this.list2 = []

  2434.              response.rows.map(res => {

  2435.                if(res.houseDataConfirmStatus == 'CONFIRMED'){

  2436.                  if(this.list1.length<10){

  2437.                    this.list1.push(res)

  2438.                  }

  2439.                  this.yhcNums ++

  2440.                }else{

  2441.                  if(this.list2.length<10){

  2442.                    this.list2.push(res)

  2443.                  }

  2444.                  this.whcNums ++

  2445.                }

  2446.              })*/

  2447. 

  2448.            }

  2449.          });

  2450.          let params1 = {

  2451.            "deptId" : this.item.deptId,

  2452.            "houseDataConfirmStatus" : "CONFIRMED",

  2453.            "pageNum": 1,

  2454.            "pageSize":10,

  2455.          }

  2456.          listZjdzd(params1).then((response) => {

  2457.            if (response.code == 200) {

  2458.              this.yhcNums = response.total

  2459.              this.list1 = response.rows

  2460.            }

  2461.          });

  2462.          let params2 = {

  2463.            "deptId" : this.item.deptId,

  2464.            "houseDataConfirmStatus" : "UNCONFIRMED",

  2465.            "pageNum": 1,

  2466.            "pageSize":10,

  2467.          }

  2468.          listZjdzd(params2).then((response) => {

  2469.            if (response.code == 200) {

  2470.              this.whcNums = response.total

  2471.              this.list2 = response.rows

  2472.            }

  2473.          });

  2474.         },

  2475.         onConfirm(){},

  2476.         /*onSubmithncy(){

  2477.           if (this.form5.id != null) {

  2478.             if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {

  2479.               if(this.form5.xb!='1'){

  2480.                 Dialog.confirm({

  2481.                   title: '警告',

  2482.                   message: '成员性别与身份证号中性别信息不符，是否继续保存？',

  2483.                 })

  2484.                   .then(() => {

  2485.                     // on confirm

  2486.                     updateNhhncy(this.form5).then(response => {

  2487.                       let _this =this

  2488.                       this.$toast({

  2489.                         icon: 'success', // 找到自己需要的图标

  2490.                         message: '修改成功',

  2491.                         duration:"1000",

  2492.                         onClose:function(){

  2493.                           _this.showhncy = false

  2494.                           let params = {

  2495.                             "nhdm":_this.form5.nhdm,

  2496.                             deptId:_this.form5.deptId

  2497.                           }

  2498.                           listNhhncy(params).then((response) => {

  2499.                             _this.hncylist = response.rows

  2500.                           })

  2501.                         }

  2502.                       })

  2503.                     });

  2504.                   })

  2505.                   .catch(() => {

  2506.                     // on cancel

  2507.                   });

  2508.               }else{

  2509.                 updateNhhncy(this.form5).then(response => {

  2510.                   let _this =this

  2511.                   this.$toast({

  2512.                     icon: 'success', // 找到自己需要的图标

  2513.                     message: '修改成功',

  2514.                     duration:"1000",

  2515.                     onClose:function(){

  2516.                       _this.showhncy = false

  2517.                       let params = {

  2518.                         "nhdm":_this.form5.nhdm,

  2519.                         deptId:_this.form5.deptId

  2520.                       }

  2521.                       listNhhncy(params).then((response) => {

  2522.                         _this.hncylist = response.rows

  2523.                       })

  2524.                     }

  2525.                   })

  2526.                 });

  2527.               }

  2528. 

  2529.             } else {

  2530.               if(this.form5.xb=='1'){

  2531.                 Dialog.confirm({

  2532.                   title: '警告',

  2533.                   message: '成员性别与身份证号中性别信息不符，是否继续保存？',

  2534.                 })

  2535.                   .then(() => {

  2536.                     // on confirm

  2537.                     updateNhhncy(this.form5).then(response => {

  2538.                       let _this =this

  2539.                       this.$toast({

  2540.                         icon: 'success', // 找到自己需要的图标

  2541.                         message: '修改成功',

  2542.                         duration:"1000",

  2543.                         onClose:function(){

  2544.                           _this.showhncy = false

  2545.                           let params = {

  2546.                             "nhdm":_this.form5.nhdm,

  2547.                             deptId:_this.form5.deptId

  2548.                           }

  2549.                           listNhhncy(params).then((response) => {

  2550.                             _this.hncylist = response.rows

  2551.                           })

  2552.                         }

  2553.                       })

  2554.                     });

  2555.                   })

  2556.                   .catch(() => {

  2557.                     // on cancel

  2558.                   });

  2559.               }else{

  2560.                 updateNhhncy(this.form5).then(response => {

  2561.                   let _this =this

  2562.                   this.$toast({

  2563.                     icon: 'success', // 找到自己需要的图标

  2564.                     message: '修改成功',

  2565.                     duration:"1000",

  2566.                     onClose:function(){

  2567.                       _this.showhncy = false

  2568.                       let params = {

  2569.                         "nhdm":_this.form5.nhdm,

  2570.                         deptId:_this.form5.deptId

  2571.                       }

  2572.                       listNhhncy(params).then((response) => {

  2573.                         _this.hncylist = response.rows

  2574.                       })

  2575.                     }

  2576.                   })

  2577.                 });

  2578.               }

  2579.             }

  2580.           } else {

  2581.             if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {

  2582.               if(this.form5.xb!='1'){

  2583.                 Dialog.confirm({

  2584.                   title: '警告',

  2585.                   message: '成员性别与身份证号中性别信息不符，是否继续保存？',

  2586.                 })

  2587.                   .then(() => {

  2588.                     // on confirm

  2589.                     addNhhncy(this.form5).then(response => {

  2590.                       let _this =this

  2591.                       this.$toast({

  2592.                         icon: 'success', // 找到自己需要的图标

  2593.                         message: '保存成功',

  2594.                         duration:"1000",

  2595.                         onClose:function(){

  2596.                           _this.showhncy = false

  2597.                           _this.totalR+=1

  2598.                           _this.totalH+=1

  2599.                           let params = {

  2600.                             "nhdm":_this.form5.nhdm,

  2601.                             deptId:_this.form5.deptId

  2602.                           }

  2603.                           listNhhncy(params).then((response) => {

  2604.                             _this.hncylist = response.rows

  2605.                           })

  2606.                         }

  2607.                       })

  2608.                     });

  2609.                   })

  2610.                   .catch(() => {

  2611.                     // on cancel

  2612.                   });

  2613.               }else{

  2614.                 addNhhncy(this.form5).then(response => {

  2615.                   let _this =this

  2616.                   this.$toast({

  2617.                     icon: 'success', // 找到自己需要的图标

  2618.                     message: '保存成功',

  2619.                     duration:"1000",

  2620.                     onClose:function(){

  2621.                       _this.showhncy = false

  2622.                       _this.totalR+=1

  2623.                       _this.totalH+=1

  2624.                       let params = {

  2625.                         "nhdm":_this.form5.nhdm,

  2626.                         deptId:_this.form5.deptId

  2627.                       }

  2628.                       listNhhncy(params).then((response) => {

  2629.                         _this.hncylist = response.rows

  2630.                       })

  2631.                     }

  2632.                   })

  2633.                 });

  2634.               }

  2635. 

  2636.             } else {

  2637.               if(this.form5.xb=='1'){

  2638.                 Dialog.confirm({

  2639.                   title: '警告',

  2640.                   message: '成员性别与身份证号中性别信息不符，是否继续保存？',

  2641.                 })

  2642.                   .then(() => {

  2643.                     // on confirm

  2644.                     addNhhncy(this.form5).then(response => {

  2645.                       let _this =this

  2646.                       this.$toast({

  2647.                         icon: 'success', // 找到自己需要的图标

  2648.                         message: '保存成功',

  2649.                         duration:"1000",

  2650.                         onClose:function(){

  2651.                           _this.showhncy = false

  2652.                           _this.totalR+=1

  2653.                           _this.totalH+=1

  2654.                           let params = {

  2655.                             "nhdm":_this.form5.nhdm,

  2656.                             deptId:_this.form5.deptId

  2657.                           }

  2658.                           listNhhncy(params).then((response) => {

  2659.                             _this.hncylist = response.rows

  2660.                           })

  2661.                         }

  2662.                       })

  2663.                     });

  2664.                   })

  2665.                   .catch(() => {

  2666.                     // on cancel

  2667.                   });

  2668.               }else{

  2669.                 addNhhncy(this.form5).then(response => {

  2670.                   let _this =this

  2671.                   this.$toast({

  2672.                     icon: 'success', // 找到自己需要的图标

  2673.                     message: '保存成功',

  2674.                     duration:"1000",

  2675.                     onClose:function(){

  2676.                       _this.showhncy = false

  2677.                       _this.totalR+=1

  2678.                       _this.totalH+=1

  2679.                       let params = {

  2680.                         "nhdm":_this.form5.nhdm,

  2681.                         deptId:_this.form5.deptId

  2682.                       }

  2683.                       listNhhncy(params).then((response) => {

  2684.                         _this.hncylist = response.rows

  2685.                       })

  2686.                     }

  2687.                   })

  2688.                 });

  2689.               }

  2690.             }

  2691. 

  2692.           }

  2693.         },*/

  2694.         onSubmithncy(){

  2695.           if (this.form5.id != null) {

  2696.             if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {

  2697.               if(this.form5.xb!='1'){

  2698.                 Dialog.confirm({

  2699.                   title: '警告',

  2700.                   message: '成员性别与身份证号中性别信息不符，是否继续保存？',

  2701.                 })

  2702.                   .then(() => {

  2703.                     // on confirm

  2704.                     updateNhhncy(this.form5).then(response => {

  2705.                       let _this =this

  2706.                       this.$toast({

  2707.                         icon: 'success', // 找到自己需要的图标

  2708.                         message: '修改成功',

  2709.                         duration:"1000",

  2710.                         onClose:function(){

  2711.                           _this.showhncy = false

  2712.                           let params = {

  2713.                             "nhdm":_this.form5.nhdm,

  2714.                             deptId:_this.form5.deptId

  2715.                           }

  2716.                           listNhhncy(params).then((response) => {

  2717.                             _this.hncylist = response.rows

  2718.                           })

  2719.                         }

  2720.                       })

  2721.                     });

  2722.                   })

  2723.                   .catch(() => {

  2724.                     // on cancel

  2725.                   });

  2726.               }else{

  2727.                 updateNhhncy(this.form5).then(response => {

  2728.                   let _this =this

  2729.                   this.$toast({

  2730.                     icon: 'success', // 找到自己需要的图标

  2731.                     message: '修改成功',

  2732.                     duration:"1000",

  2733.                     onClose:function(){

  2734.                       _this.showhncy = false

  2735.                       let params = {

  2736.                         "nhdm":_this.form5.nhdm,

  2737.                         deptId:_this.form5.deptId

  2738.                       }

  2739.                       listNhhncy(params).then((response) => {

  2740.                         _this.hncylist = response.rows

  2741.                       })

  2742.                     }

  2743.                   })

  2744.                 });

  2745.               }

  2746.             } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){

  2747.               if(this.form5.xb!='0'){

  2748.                 Dialog.confirm({

  2749.                   title: '警告',

  2750.                   message: '成员性别与身份证号中性别信息不符，是否继续保存？',

  2751.                 })

  2752.                   .then(() => {

  2753.                     // on confirm

  2754.                     updateNhhncy(this.form5).then(response => {

  2755.                       let _this =this

  2756.                       this.$toast({

  2757.                         icon: 'success', // 找到自己需要的图标

  2758.                         message: '修改成功',

  2759.                         duration:"1000",

  2760.                         onClose:function(){

  2761.                           _this.showhncy = false

  2762.                           let params = {

  2763.                             "nhdm":_this.form5.nhdm,

  2764.                             deptId:_this.form5.deptId

  2765.                           }

  2766.                           listNhhncy(params).then((response) => {

  2767.                             _this.hncylist = response.rows

  2768.                           })

  2769.                         }

  2770.                       })

  2771.                     });

  2772.                   })

  2773.                   .catch(() => {

  2774.                     // on cancel

  2775.                   });

  2776.               }else{

  2777.                 updateNhhncy(this.form5).then(response => {

  2778.                   let _this =this

  2779.                   this.$toast({

  2780.                     icon: 'success', // 找到自己需要的图标

  2781.                     message: '修改成功',

  2782.                     duration:"1000",

  2783.                     onClose:function(){

  2784.                       _this.showhncy = false

  2785.                       let params = {

  2786.                         "nhdm":_this.form5.nhdm,

  2787.                         deptId:_this.form5.deptId

  2788.                       }

  2789.                       listNhhncy(params).then((response) => {

  2790.                         _this.hncylist = response.rows

  2791.                       })

  2792.                     }

  2793.                   })

  2794.                 });

  2795.               }

  2796.             }else{

  2797.               updateNhhncy(this.form5).then(response => {

  2798.                 let _this =this

  2799.                 this.$toast({

  2800.                   icon: 'success', // 找到自己需要的图标

  2801.                   message: '修改成功',

  2802.                   duration:"1000",

  2803.                   onClose:function(){

  2804.                     _this.showhncy = false

  2805.                     let params = {

  2806.                       "nhdm":_this.form5.nhdm,

  2807.                       deptId:_this.form5.deptId

  2808.                     }

  2809.                     listNhhncy(params).then((response) => {

  2810.                       _this.hncylist = response.rows

  2811.                     })

  2812.                   }

  2813.                 })

  2814.               });

  2815.             }

  2816.           } else {

  2817.             if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 1) {

  2818.               if(this.form5.xb!='1'){

  2819.                 Dialog.confirm({

  2820.                   title: '警告',

  2821.                   message: '成员性别与身份证号中性别信息不符，是否继续保存？',

  2822.                 })

  2823.                   .then(() => {

  2824.                     // on confirm

  2825.                     addNhhncy(this.form5).then(response => {

  2826.                       let _this =this

  2827.                       this.$toast({

  2828.                         icon: 'success', // 找到自己需要的图标

  2829.                         message: '保存成功',

  2830.                         duration:"1000",

  2831.                         onClose:function(){

  2832.                           _this.totalR+=1

  2833.                           _this.showhncy = false

  2834.                           let params = {

  2835.                             "nhdm":_this.form5.nhdm,

  2836.                             deptId:_this.form5.deptId

  2837.                           }

  2838.                           listNhhncy(params).then((response) => {

  2839.                             _this.hncylist = response.rows

  2840.                           })

  2841.                         }

  2842.                       })

  2843.                     });

  2844.                   })

  2845.                   .catch(() => {

  2846.                     // on cancel

  2847.                   });

  2848.               }else{

  2849.                 addNhhncy(this.form5).then(response => {

  2850.                   let _this =this

  2851.                   this.$toast({

  2852.                     icon: 'success', // 找到自己需要的图标

  2853.                     message: '保存成功',

  2854.                     duration:"1000",

  2855.                     onClose:function(){

  2856.                       _this.totalR+=1

  2857.                       _this.showhncy = false

  2858.                       let params = {

  2859.                         "nhdm":_this.form5.nhdm,

  2860.                         deptId:_this.form5.deptId

  2861.                       }

  2862.                       listNhhncy(params).then((response) => {

  2863.                         _this.hncylist = response.rows

  2864.                       })

  2865.                     }

  2866.                   })

  2867.                 });

  2868.               }

  2869.             } else if (this.form5.zjlx=='01'&&parseInt(this.form5.zjhm.substr(16, 1)) % 2 == 0){

  2870.               if(this.form5.xb!='0'){

  2871.                 Dialog.confirm({

  2872.                   title: '警告',

  2873.                   message: '成员性别与身份证号中性别信息不符，是否继续保存？',

  2874.                 })

  2875.                   .then(() => {

  2876.                     // on confirm

  2877.                     addNhhncy(this.form5).then(response => {

  2878.                       let _this =this

  2879.                       this.$toast({

  2880.                         icon: 'success', // 找到自己需要的图标

  2881.                         message: '保存成功',

  2882.                         duration:"1000",

  2883.                         onClose:function(){

  2884.                           _this.totalR+=1

  2885.                           _this.showhncy = false

  2886.                           let params = {

  2887.                             "nhdm":_this.form5.nhdm,

  2888.                             deptId:_this.form5.deptId

  2889.                           }

  2890.                           listNhhncy(params).then((response) => {

  2891.                             _this.hncylist = response.rows

  2892.                           })

  2893.                         }

  2894.                       })

  2895.                     });

  2896.                   })

  2897.                   .catch(() => {

  2898.                     // on cancel

  2899.                   });

  2900.               }else{

  2901.                 addNhhncy(this.form5).then(response => {

  2902.                   let _this =this

  2903.                   this.$toast({

  2904.                     icon: 'success', // 找到自己需要的图标

  2905.                     message: '保存成功',

  2906.                     duration:"1000",

  2907.                     onClose:function(){

  2908.                       _this.totalR+=1

  2909.                       _this.showhncy = false

  2910.                       let params = {

  2911.                         "nhdm":_this.form5.nhdm,

  2912.                         deptId:_this.form5.deptId

  2913.                       }

  2914.                       listNhhncy(params).then((response) => {

  2915.                         _this.hncylist = response.rows

  2916.                       })

  2917.                     }

  2918.                   })

  2919.                 });

  2920.               }

  2921.             }else{

  2922.               addNhhncy(this.form5).then(response => {

  2923.                 let _this =this

  2924.                 this.$toast({

  2925.                   icon: 'success', // 找到自己需要的图标

  2926.                   message: '保存成功',

  2927.                   duration:"1000",

  2928.                   onClose:function(){

  2929.                     _this.totalR+=1

  2930.                     _this.showhncy = false

  2931.                     let params = {

  2932.                       "nhdm":_this.form5.nhdm,

  2933.                       deptId:_this.form5.deptId

  2934.                     }

  2935.                     listNhhncy(params).then((response) => {

  2936.                       _this.hncylist = response.rows

  2937.                     })

  2938.                   }

  2939.                 })

  2940.               });

  2941.             }

  2942. 

  2943.           }

  2944.         },

  2945.         mapShow() {

  2946.           //删除地图选中状态

  2947.           $("#deleteHistoryMap").trigger("click");

  2948.           //通过数据直接查询方式--------加载较慢 start

  2949.           //镇边界获取

  2950.           // listTown().then(response => {

  2951.           //   if (response.code == 200) {

  2952.           //     this.mapTownList = response.rows;

  2953.           //     //村边界获取

  2954.           //     listVillage(this.queryParams).then(response => {

  2955.           //       this.mapVillageList = response.rows;

  2956.           //       listZjdzd().then((response) => {

  2957.           //         if (response.code == 200) {

  2958.           //           this.mapTheGeomZjdId= response.rows;

  2959.           //           listZrz().then((response) => {

  2960.           //             if (response.code == 200) {

  2961.           //               this.mapTheGeomZrzId = response.rows;

  2962.           //               listFsss().then((response) => {

  2963.           //                 if (response.code == 200) {

  2964.           //                   this.mapTheGeomFsssId = response.rows;

  2965.           //                 }

  2966.           //                 setTimeout(() => {

  2967.           //                   this.GetMapsInit();

  2968.           //                 }, 300);

  2969.           //               });

  2970.           //             }

  2971.           //           });

  2972.           //         }

  2973.           //       });

  2974.           //     });

  2975.           //   }

  2976.           // });

  2977.           //通过数据直接查询方式--------加载较慢 end

  2978.           getGeoServerConfigKey().then(response => {

  2979.             this.mapGeoServerUrl = response.msg;

  2980.             setTimeout(() => {

  2981.               this.GetMapsInit();

  2982.             }, 300);

  2983.           });

  2984.           var that = this;

  2985.           setTimeout(function () {

  2986.             var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)

  2987.             that.bottomHeight = -height+'px'

  2988.           },500)

  2989.         },

  2990.         //地图加载 -----start

  2991.         GetMapsInit() {

  2992. 

  2993.           //加载地图编辑

  2994.           var that = this;

  2995.           var map;

  2996.           //点击事件添加样式

  2997.           var hc_land_on;

  2998.           document.getElementById("mapWrapAll").innerHTML = '';

  2999.           var hc_land;

  3000.           var projection = new ol.proj.Projection({

  3001.             //地图投影类型

  3002.             code: "EPSG:3857",

  3003.             units: "degrees",

  3004.             //extent:extent

  3005.           });

  3006. 

  3007.           var aerial = new ol.layer.Tile({

  3008.             source: new ol.source.XYZ({

  3009.               // url: "http://t0.tianditu.gov.cn/img_w/wmts?" +

  3010.               //   "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +

  3011.               //   "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",

  3012.               url: "http://t{0-7}.tianditu.com/img_w/wmts?" +

  3013.                 "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +

  3014.                 "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067&TIMESTAMP="+ new Date().getTime(),

  3015.             }),

  3016.             isGroup: true,

  3017.             name: "卫星影像图",

  3018.           });

  3019. 

  3020.           var yingxzi = new ol.layer.Tile({

  3021.             source: new ol.source.XYZ({

  3022.               url: "http://t{0-7}.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067&TIMESTAMP="+ new Date().getTime(),

  3023.             }),

  3024.             isGroup: true,

  3025.             name: "天地图文字标注--卫星影像图",

  3026.           });

  3027. 

  3028.           //加载地图

  3029.           map = new ol.Map({

  3030.             controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮

  3031.             layers: [aerial, yingxzi],

  3032.             projection: projection,

  3033.             target: "mapWrapAll",

  3034.             view: new ol.View({

  3035.               //center: ol.proj.fromLonLat([115.452752, 31.789033]),

  3036.               //center: ol.proj.fromLonLat([115.452752, 31.789033]),

  3037.               zoom: 10,

  3038.               minZoom: 5, //地图缩小限制

  3039.               maxZoom: 18.3, //地图放大限制

  3040.               resolution: Math.random() * 0.00000001,

  3041.             }),

  3042.             interactions: ol.interaction.defaults({

  3043.               pinchRotate: false // 移动端禁止地图旋转

  3044.             }),

  3045.           });

  3046.           //使用geoserver服务查询开始 -------------------start

  3047.           //镇边界查询开始 ------------------------------start

  3048.           // var zhenTc= new ol.layer.Tile({

  3049.           //   source: new ol.source.TileWMS({

  3050.           //     url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3051.           //     params: {

  3052.           //       LAYERS: 'zjd_dc:t_house_survey_border_town',

  3053.           //       TILED: true,

  3054.           //       //cql_filter: cql_filter,

  3055.           //       SRID: 3857,

  3056.           //     },

  3057.           //   }),

  3058.           // });

  3059.           // map.addLayer(zhenTc);

  3060.           //镇边界查询开始 ------------------------------end

  3061.           //村边界查询开始 ------------------------------start

  3062.           var cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'";

  3063.           var cunTc = new ol.layer.Image({

  3064.             source: new ol.source.ImageWMS({

  3065.               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3066.               params: {

  3067.                 LAYERS: 'zjd_dc:t_house_survey_border_village',

  3068.                 TILED: true,

  3069.                 cql_filter: cql_filter,

  3070.                 SRID: 3857,

  3071.                 TIMESTAMP: new Date().getTime(),

  3072.               },

  3073.               resolution: Math.random() * 0.00000001,

  3074.             }),

  3075.           });

  3076.           //定位查询位置

  3077.           let param_dw = {

  3078.             srsName: "EPSG:3857",

  3079.             service: "WFS",

  3080.             version: "1.0.0",

  3081.             request: "GetFeature",

  3082.             typename: "zjd_dc:t_house_survey_border_village",

  3083.             //featureNS: 'nsgk_hc',//命名空间 URI

  3084.             cql_filter: cql_filter,

  3085.             //featurePrefix: 'nationalwater',//工作区名称

  3086.             //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  3087.             outputFormat: "application/json",

  3088.             //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  3089.           };

  3090.           let url_dw = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;

  3091.           url_dw = url_dw + "?";

  3092.           for (let key in param_dw) {

  3093.             url_dw = url_dw + key + "=" + param_dw[key] + "&";

  3094.           }

  3095.           url_dw = url_dw.substr(0, url_dw.length - 1);

  3096.           fetch(url_dw, {

  3097.             method: "POST", // *GET, POST, PUT, DELETE, etc.

  3098.           })

  3099.             .then((res) => {

  3100.               var geojsonmap = res.json();

  3101.               return geojsonmap;

  3102.             })

  3103.             .then((data) => {

  3104.               if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {

  3105.                 hc_land_on = new ol.layer.Vector({

  3106.                   title: "add Layer",

  3107.                   source: new ol.source.Vector({

  3108.                     projection: projection,

  3109.                     features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),

  3110.                   }),

  3111.                   style: new ol.style.Style({

  3112.                     stroke: new ol.style.Stroke({

  3113.                       //边界样式

  3114.                       color: "#CCFF66",

  3115.                       width: 6,

  3116.                     }),

  3117.                   }),

  3118.                 });

  3119.                 map.addLayer(hc_land_on);

  3120.                 var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  3121.                 var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  3122.                 var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  3123.                 var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  3124.                 //定位查询位置

  3125.                 var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3126.                 that.clickBbox = center;

  3127.                 console.log(that.mapZjdData);

  3128.                 that.textMjAll = that.mapZjdData.zdmj;

  3129.                 map.getView().animate({

  3130.                   // 只设置需要的属性即可

  3131.                   center: center, // 中心点

  3132.                   zoom: 17.9, // 缩放级别

  3133.                   rotation: undefined, // 缩放完成view视图旋转弧度

  3134.                   duration: 1000, // 缩放持续时间，默认不需要设置

  3135.                   resolution: Math.random() * 0.00000001,

  3136.                 });

  3137.                 //this.backMap =1;

  3138.               } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {

  3139.                 //that.newHt ="1";

  3140.                 var zbNew = JSON.stringify({

  3141.                   "type": "MultiPolygon",

  3142.                   "coordinates": [that.backTheGeom.replaceAll("\"", "")]

  3143.                 });

  3144.                 var leftJoin = zbNew.replace("\"[", "[");

  3145.                 var rightJoin = leftJoin.replace("\"]", "]");

  3146.                 hc_land_on = new ol.layer.Vector({

  3147.                   title: "add Layer",

  3148.                   source: new ol.source.Vector({

  3149.                     projection: projection,

  3150.                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  3151.                       "    \"type\": \"Feature\",\n" +

  3152.                       "    \"geometry\":" + rightJoin + "}"),

  3153.                   }),

  3154.                   style: new ol.style.Style({

  3155.                     fill: new ol.style.Fill({

  3156.                       //矢量图层填充颜色，以及透明度

  3157.                       color: "rgba(204, 255, 204,0.3)",

  3158.                     }),

  3159.                     stroke: new ol.style.Stroke({

  3160.                       //边界样式

  3161.                       color: "#CCFF66",

  3162.                       width: 3,

  3163.                     }),

  3164.                   }),

  3165.                 });

  3166.                 map.addLayer(hc_land_on);

  3167.                 var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  3168.                 var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  3169.                 var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  3170.                 var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  3171.                 //定位查询位置

  3172.                 var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3173.                 that.clickBbox = center;

  3174.                 console.log(that.mapZjdData);

  3175.                 that.textMjAll = that.mapZjdData.zdmj;

  3176.                 map.getView().animate({

  3177.                   // 只设置需要的属性即可

  3178.                   center: center, // 中心点

  3179.                   zoom: 16.9, // 缩放级别

  3180.                   rotation: undefined, // 缩放完成view视图旋转弧度

  3181.                   duration: 1000, // 缩放持续时间，默认不需要设置

  3182.                   resolution: Math.random() * 0.00000001,

  3183.                 });

  3184.                 //this.backMap =1;

  3185.               } else {

  3186.                 let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());

  3187.                 resolution:resolution + Math.random() * 0.00000001,

  3188.                   map.getView().fit(data.bbox);

  3189.                 map.getView().setResolution(resolution);

  3190.               }

  3191.             })

  3192.             .catch((error) => {

  3193.               console.log("【异常】", error);

  3194.             });

  3195.           map.addLayer(cunTc);

  3196.           //村边界查询开始 ------------------------------end

  3197.           //宅基地图层查询开始 ------------------start

  3198.           //var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'";

  3199.           var zjdTc = new ol.layer.Image({

  3200.             source: new ol.source.ImageWMS({

  3201.               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3202.               params: {

  3203.                 LAYERS: 'zjd_dc:t_house_survey_zjdzd',

  3204.                 TILED: true,

  3205.                 cql_filter: cql_filter,

  3206.                 SRID: 3857,

  3207.                 TIMESTAMP: new Date().getTime(),

  3208.               },

  3209.             }),

  3210.           });

  3211.           map.addLayer(zjdTc);

  3212.           //宅基地图层查询开始 ------------------start

  3213. 

  3214.           //自然幢图层查询开始 ------------------start

  3215.           var zrzTc = new ol.layer.Image({

  3216.             source: new ol.source.ImageWMS({

  3217.               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3218.               params: {

  3219.                 LAYERS: 'zjd_dc:t_house_survey_zrz',

  3220.                 TILED: true,

  3221.                 cql_filter: cql_filter,

  3222.                 SRID: 3857,

  3223.                 TIMESTAMP: new Date().getTime(),

  3224.               },

  3225.             }),

  3226.           });

  3227.           map.addLayer(zrzTc);

  3228.           //自然幢图层查询开始 ------------------start

  3229. 

  3230.           //附属设施图层查询开始 ------------------start

  3231.           var fsssTc = new ol.layer.Image({

  3232.             source: new ol.source.ImageWMS({

  3233.               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3234.               params: {

  3235.                 LAYERS: 'zjd_dc:t_house_survey_fsss',

  3236.                 TILED: true,

  3237.                 cql_filter: cql_filter,

  3238.                 SRID: 3857,

  3239.                 TIMESTAMP: new Date().getTime(),

  3240.               },

  3241.             }),

  3242.           });

  3243.           map.addLayer(fsssTc);

  3244.           //附属设施图层查询开始 ------------------start

  3245.           //使用geoserver服务查询开始 -------------------end

  3246.         //   if(this.backMap ==1){

  3247.         //   var cql = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + this.mapZjdTeAll.mapZjdAData.zjddm + "'";

  3248.         //   var wmsSourceBack = new ol.source.ImageWMS({

  3249.         //     crossOrigin: 'anonymous',

  3250.         //     params: {

  3251.         //       LAYERS: 'zjd_dc:t_house_survey_all',

  3252.         //       'VERSION': '1.1.0',

  3253.         //       'FORMAT': "image/png",

  3254.         //       'CQL_FILTER': cql

  3255.         //     },

  3256.         //     serverType: 'geoserver',

  3257.         //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3258.         //   });

  3259.         //   zjdTc.setSource(wmsSourceBack);

  3260.         //   ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新

  3261.         // }

  3262.           //数据库直接加载数据渲染方式---------------------------------------------------start

  3263.           //判断当前账套是否有数据

  3264.           // var mapTalkAbout = true;

  3265.           // //获取镇界线----start

  3266.           // if(this.mapTownList.length >0){

  3267.           //   for (var i = 0; this.mapTownList.length > i; i++) {

  3268.           //     if (this.mapTownList[i] != null && this.mapTownList[i].theGeom != null && this.mapTownList[i].theGeom != "") {

  3269.           //       mapTalkAbout =false;

  3270.           //       this.mapTownList[i].createBy = 'mapTownList';

  3271.           //       var theGeomLine= this.mapTownList[i].theGeom.replaceAll("MultiPolygon","LineString");

  3272.           //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");

  3273.           //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");

  3274.           //       hc_land = new ol.layer.Vector({

  3275.           //         title: "add Layer",

  3276.           //         source: new ol.source.Vector({

  3277.           //           projection: projection,

  3278.           //           features: new ol.format.GeoJSON().readFeatures("{\n" +

  3279.           //             "    \"type\": \"Feature\",\n" +

  3280.           //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapTownList[i]) + "}"),

  3281.           //         }),

  3282.           //         style: new ol.style.Style({

  3283.           //           fill: new ol.style.Fill({

  3284.           //             //矢量图层填充颜色，以及透明度

  3285.           //             color: "#AE57A4",

  3286.           //           }),

  3287.           //           stroke: new ol.style.Stroke({

  3288.           //             //边界样式

  3289.           //             color: "#FF0000",

  3290.           //             width: 3,

  3291.           //           }),

  3292.           //           // text: new ol.style.Text({

  3293.           //           //   text: this.mapTownList[i].xzqmc,

  3294.           //           //   font: '30px sans-serif',

  3295.           //           //   textAlign: "center",

  3296.           //           //   textBaseline: "middle",

  3297.           //           //   //font: 'verdana',

  3298.           //           //   fill: new ol.style.Fill({

  3299.           //           //     color: "#ff0000"

  3300.           //           //   }),

  3301.           //           //   // backgroundFill: new ol.style.Fill({

  3302.           //           //   //   color: "#ff0000"

  3303.           //           //   // }),

  3304.           //           //   font: "30px sans-serif",

  3305.           //           //   stroke: new ol.style.Stroke({

  3306.           //           //     color: "#ffffff"

  3307.           //           //     // width: 3

  3308.           //           //   }),

  3309.           //           //   offsetX: parseInt(0, 10),

  3310.           //           //   offsetY: parseInt(0, 10),

  3311.           //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注

  3312.           //           //   overflow: false //超出面的部分不显示

  3313.           //           //}),

  3314.           //         }),

  3315.           //       });

  3316.           //       map.addLayer(hc_land);

  3317.           //       //console.log(hc_land.values_.source.featuresRtree_.rbush_.data);

  3318.           //       var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;

  3319.           //       var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;

  3320.           //       var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;

  3321.           //       var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;

  3322.           //       // //定位查询位置

  3323.           //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3324.           //       // console.log(center);

  3325.           //       map.getView().animate({

  3326.           //         // 只设置需要的属性即可

  3327.           //         center: center, // 中心点

  3328.           //         zoom: 9.8, // 缩放级别

  3329.           //         rotation: undefined, // 缩放完成view视图旋转弧度

  3330.           //         duration: 1000, // 缩放持续时间，默认不需要设置

  3331.           //       });

  3332.           //     }

  3333.           //   }

  3334.           // }

  3335.           // //获取镇界线----end

  3336.           // //获取村界线----start

  3337.           // if(this.mapVillageList.length >0){

  3338.           //   for (var i = 0; this.mapVillageList.length > i; i++) {

  3339.           //     if (this.mapVillageList[i] != null && this.mapVillageList[i].theGeom != null && this.mapVillageList[i].theGeom != "") {

  3340.           //       mapTalkAbout =false;

  3341.           //       this.mapVillageList[i].createBy = 'mapVillageList';

  3342.           //       var theGeomLine= this.mapVillageList[i].theGeom.replaceAll("MultiPolygon","LineString");

  3343.           //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");

  3344.           //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");

  3345.           //       hc_land = new ol.layer.Vector({

  3346.           //         title: "add Layer",

  3347.           //         source: new ol.source.Vector({

  3348.           //           projection: projection,

  3349.           //           features: new ol.format.GeoJSON().readFeatures("{\n" +

  3350.           //             "    \"type\": \"Feature\",\n" +

  3351.           //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapVillageList[i]) + "}"),

  3352.           //         }),

  3353.           //         style: new ol.style.Style({

  3354.           //           fill: new ol.style.Fill({

  3355.           //             //矢量图层填充颜色，以及透明度

  3356.           //             color: "#AE57A4",

  3357.           //           }),

  3358.           //           stroke: new ol.style.Stroke({

  3359.           //             //边界样式

  3360.           //             color: "#ff00ff",

  3361.           //             width: 3,

  3362.           //           }),

  3363.           //           // text: new ol.style.Text({

  3364.           //           //   text: this.mapVillageList[i].dcmj,

  3365.           //           //   font: '30px sans-serif',

  3366.           //           //   textAlign: "center",

  3367.           //           //   textBaseline: "middle",

  3368.           //           //   //font: 'verdana',

  3369.           //           //   fill: new ol.style.Fill({

  3370.           //           //     color: "#ff00ff"

  3371.           //           //   }),

  3372.           //           //   // backgroundFill: new ol.style.Fill({

  3373.           //           //   //   color: "#ff0000"

  3374.           //           //   // }),

  3375.           //           //   font: "30px sans-serif",

  3376.           //           //   stroke: new ol.style.Stroke({

  3377.           //           //     color: "#ffffff"

  3378.           //           //     // width: 3

  3379.           //           //   }),

  3380.           //           //   offsetX: parseInt(0, 10),

  3381.           //           //   offsetY: parseInt(0, 10),

  3382.           //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注

  3383.           //           //   overflow: false //超出面的部分不显示

  3384.           //           // }),

  3385.           //         }),

  3386.           //       });

  3387.           //       map.addLayer(hc_land);

  3388.           //     }

  3389.           //   }

  3390.           // }

  3391.           // // //获取村界线----end

  3392.           // //宅基地定位开始 ---------start

  3393.           // if(this.mapTheGeomZjdId.length >0) {

  3394.           //   for (var i = 0; this.mapTheGeomZjdId.length > i; i++) {

  3395.           //     if (this.mapTheGeomZjdId[i] !=null && this.mapTheGeomZjdId[i].theGeom != null && this.mapTheGeomZjdId[i].theGeom != "") {

  3396.           //       mapTalkAbout =false;

  3397.           //       this.mapTheGeomZjdId[i].createBy = 'mapTheGeomZjdId';

  3398.           //       var styleYqr = "";

  3399.           //       if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  3400.           //         styleYqr = new ol.style.Style({

  3401.           //           fill: new ol.style.Fill({

  3402.           //             //矢量图层填充颜色，以及透明度

  3403.           //             color: "#AE57A4",

  3404.           //           }),

  3405.           //           stroke: new ol.style.Stroke({

  3406.           //             //边界样式

  3407.           //             color: "#28FF28",

  3408.           //             width: 3,

  3409.           //           }),

  3410.           //         });

  3411.           //       } else {

  3412.           //         styleYqr = new ol.style.Style({

  3413.           //           fill: new ol.style.Fill({

  3414.           //             //矢量图层填充颜色，以及透明度

  3415.           //             color: "#AE57A4",

  3416.           //           }),

  3417.           //           stroke: new ol.style.Stroke({

  3418.           //             //边界样式

  3419.           //             color: "rgba(255, 45, 45,1)",

  3420.           //             width: 3,

  3421.           //           }),

  3422.           //         });

  3423.           //       }

  3424.           //       hc_land = new ol.layer.Vector({

  3425.           //         title: "add Layer",

  3426.           //         source: new ol.source.Vector({

  3427.           //           projection: projection,

  3428.           //           features: new ol.format.GeoJSON().readFeatures("{\n" +

  3429.           //             "    \"type\": \"Feature\",\n" +

  3430.           //             "    \"geometry\":" + this.mapTheGeomZjdId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZjdId[i]) + "}"),

  3431.           //         }),

  3432.           //         style: styleYqr

  3433.           //       });

  3434.           //       map.addLayer(hc_land);

  3435.           //       // var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;

  3436.           //       // var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;

  3437.           //       // var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;

  3438.           //       // var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;

  3439.           //       // //定位查询位置

  3440.           //       // var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3441.           //       // map.getView().animate({

  3442.           //       //   // 只设置需要的属性即可

  3443.           //       //   center: center, // 中心点

  3444.           //       //   zoom: 15.8, // 缩放级别

  3445.           //       //   rotation: undefined, // 缩放完成view视图旋转弧度

  3446.           //       //   duration: 1000, // 缩放持续时间，默认不需要设置

  3447.           //       // });

  3448.           //       //自然幢定位开始 ---------start

  3449.           //       getZrzZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {

  3450.           //         if (response.code == 200) {

  3451.           //           this.mapTheGeomZrzId = response.data;

  3452.           //           if(this.mapTheGeomZrzId.length >0) {

  3453.           //             for (var i = 0; this.mapTheGeomZrzId.length > i; i++) {

  3454.           //               if (this.mapTheGeomZrzId[i] !=null && this.mapTheGeomZrzId[i].theGeom != null && this.mapTheGeomZrzId[i].theGeom != "") {

  3455.           //                 this.mapTheGeomZrzId[i].createBy = 'mapTheGeomZrzId';

  3456.           //                 var styleZrz = "";

  3457.           //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  3458.           //                   styleZrz = new ol.style.Style({

  3459.           //                     fill: new ol.style.Fill({

  3460.           //                       //矢量图层填充颜色，以及透明度

  3461.           //                       color: "#FFD306",

  3462.           //                     }),

  3463.           //                     stroke: new ol.style.Stroke({

  3464.           //                       //边界样式

  3465.           //                       color: "#28FF28",

  3466.           //                       width: 3,

  3467.           //                     }),

  3468.           //                   });

  3469.           //                 } else {

  3470.           //                   styleZrz = new ol.style.Style({

  3471.           //                     fill: new ol.style.Fill({

  3472.           //                       //矢量图层填充颜色，以及透明度

  3473.           //                       color: "#FFD306",

  3474.           //                     }),

  3475.           //                     stroke: new ol.style.Stroke({

  3476.           //                       //边界样式

  3477.           //                       color: "rgba(255, 45, 45,1)",

  3478.           //                       width: 3,

  3479.           //                     }),

  3480.           //                   });

  3481.           //                 }

  3482.           //                 hc_land = new ol.layer.Vector({

  3483.           //                   title: "add Layer",

  3484.           //                   source: new ol.source.Vector({

  3485.           //                     projection: projection,

  3486.           //                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  3487.           //                       "    \"type\": \"Feature\",\n" +

  3488.           //                       "    \"geometry\":" + this.mapTheGeomZrzId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZrzId[i]) + "}"),

  3489.           //                   }),

  3490.           //                   style: styleZrz

  3491.           //                 });

  3492.           //                 map.addLayer(hc_land);

  3493.           //               }

  3494.           //             }

  3495.           //           }

  3496.           //         }

  3497.           //       });

  3498.           //       //自然幢定位结束 ---------end

  3499.           //

  3500.           //       //附属设施定位开始 ---------start

  3501.           //       getFsssZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {

  3502.           //         if (response.code == 200) {

  3503.           //           this.mapTheGeomFsssId = response.data;

  3504.           //           if(this.mapTheGeomFsssId.length >0) {

  3505.           //             for (var i = 0; this.mapTheGeomFsssId.length > i; i++) {

  3506.           //               if (this.mapTheGeomFsssId[i] !=null && this.mapTheGeomFsssId[i].theGeom != null && this.mapTheGeomFsssId[i].theGeom != "") {

  3507.           //                 this.mapTheGeomFsssId[i].createBy = 'mapTheGeomFsssId';

  3508.           //                 var styleFsss = "";

  3509.           //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  3510.           //                   styleFsss = new ol.style.Style({

  3511.           //                     fill: new ol.style.Fill({

  3512.           //                       //矢量图层填充颜色，以及透明度

  3513.           //                       color: "#00FFFF",

  3514.           //                     }),

  3515.           //                     stroke: new ol.style.Stroke({

  3516.           //                       //边界样式

  3517.           //                       color: "#28FF28",

  3518.           //                       width: 3,

  3519.           //                     }),

  3520.           //                   });

  3521.           //                 } else {

  3522.           //                   styleFsss = new ol.style.Style({

  3523.           //                     fill: new ol.style.Fill({

  3524.           //                       //矢量图层填充颜色，以及透明度

  3525.           //                       color: "#00FFFF",

  3526.           //                     }),

  3527.           //                     stroke: new ol.style.Stroke({

  3528.           //                       //边界样式

  3529.           //                       color: "rgba(255, 45, 45,1)",

  3530.           //                       width: 3,

  3531.           //                     }),

  3532.           //                   });

  3533.           //                 }

  3534.           //                 hc_land = new ol.layer.Vector({

  3535.           //                   title: "add Layer",

  3536.           //                   source: new ol.source.Vector({

  3537.           //                     projection: projection,

  3538.           //                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  3539.           //                       "    \"type\": \"Feature\",\n" +

  3540.           //                       "    \"geometry\":" + this.mapTheGeomFsssId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomFsssId[i]) + "}"),

  3541.           //                   }),

  3542.           //                   style: styleFsss

  3543.           //                 });

  3544.           //                 map.addLayer(hc_land);

  3545.           //               }

  3546.           //             }

  3547.           //           }

  3548.           //         }

  3549.           //       });

  3550.           //       //附属设施定位结束 ---------end

  3551.           //     }

  3552.           //   }

  3553.           // }

  3554.           // //宅基地定位结束 ---------end

  3555.           //数据库直接加载数据渲染方式---------------------------------------------------end

  3556. 

  3557.           //地图操作定义------------start

  3558.           //定位定义------------start

  3559.           var Zb;

  3560.           var latitude;

  3561.           var longitude;

  3562.           var vector_drawing;

  3563.           //定位定义------------end

  3564. 

  3565.           //绘图定义---------------start

  3566.           var drawing;

  3567.           var draw_map;

  3568.           //绘图定义---------------end

  3569. 

  3570.           //测面绘图定义------------start

  3571.           var draw_cm;

  3572.           //定义矢量图层

  3573.           var vector;

  3574.           //创建一个帮助提示信息对象

  3575.           var helpTooltip;

  3576.           //创建一个测量提示信息对象

  3577.           var measureTooltip;

  3578.           //创建一个帮助提示框对象

  3579.           var helpTooltipElement;

  3580.           //测出距离

  3581.           var measureTooltipElement;

  3582.           //测面绘图定义-----------end

  3583. 

  3584.           //地图操作定义------------end

  3585.           //定位当前位置 ------start

  3586.           $("#dwMapAll").on("click", function () {

  3587.             //删除测量记录操作--------start

  3588.             //将矢量图层从图中删除

  3589.             //map.removeLayer(helpTooltip);

  3590.             map.removeLayer(vector);

  3591.             map.removeInteraction(draw_cm);

  3592.             //map.removeOverlay(helpTooltipElement);

  3593.             //map.removeLayer(measureTooltip);

  3594.             //删除测量记录操作--------end

  3595.             //删除绘制图层画图操作-------start

  3596.             map.removeInteraction(draw_map);

  3597.             map.removeLayer(drawing);

  3598.             //删除绘制图层画图操作-------end

  3599. 

  3600.             //开始定位当前位置

  3601.             navigator.geolocation.getCurrentPosition(function(position) {

  3602.               latitude = position.coords.latitude;// 获取纬度

  3603.               longitude = position.coords.longitude;// 获取经度

  3604.             });

  3605.             if(latitude !=null && longitude !=null && latitude !="" && longitude !="" && latitude !=undefined && longitude !=undefined ){

  3606.               Zb = [longitude,latitude];

  3607.             }else {

  3608.               Zb =[115.452752, 31.789033];

  3609.             }

  3610.             //获取坐标点LocationManager

  3611.             // geoGps().then(response => {

  3612.             //

  3613.             // });

  3614.             //矢量标注样式设置函数，设置image为图标ol.style.Icon

  3615.             function createLabelStyle() {

  3616.               return new ol.style.Style({

  3617.                 image: new ol.style.Icon({

  3618.                   //设置图标偏移

  3619.                   anchor: [0.5, 1],

  3620.                   //标注样式的起点位置

  3621.                   anchorOrigin: "top-right",

  3622.                   //X方向单位：分数

  3623.                   anchorXUnits: "fraction",

  3624.                   //Y方向单位：像素

  3625.                   anchorYUnits: "pixels",

  3626.                   //偏移起点位置的方向

  3627.                   offsetOrigin: "top-right",

  3628.                   //透明度

  3629.                   opacity: 0.9,

  3630.                   //图片路径

  3631.                   src: require("../../assets/images/housesteadSurvey/mark.png"),

  3632.                 }),

  3633.                 text: new ol.style.Text({

  3634.                   textAlign: "center", //位置

  3635.                   textBaseline: "middle", //基准线

  3636.                   font: "normal 12px 微软雅黑", //文字样式

  3637.                   //text: "标注点", //文本内容

  3638.                   fill: new ol.style.Fill({

  3639.                     //文本填充样式（即文字颜色)

  3640.                     color: "#ff0000",

  3641.                   }),

  3642.                 }),

  3643.                 zIndex: 9999,

  3644.               });

  3645.             }

  3646.             var newcenterFeature = new ol.Feature({

  3647.               geometry: new ol.geom.Point(ol.proj.fromLonLat(Zb)), //几何信息

  3648.               name: "标注点",

  3649.             });

  3650.             var sourceMapLook = new ol.source.Vector({wrapX: false});

  3651.             vector_drawing = new ol.layer.Vector({

  3652.               source: sourceMapLook,

  3653.             });

  3654.             map.addLayer(vector_drawing);

  3655.             newcenterFeature.setStyle(createLabelStyle()); //设置要素样式

  3656.             sourceMapLook.addFeature(newcenterFeature);

  3657.             map.getView().animate({

  3658.               // 只设置需要的属性即可

  3659.               center: ol.proj.fromLonLat(Zb), // 中心点

  3660.               zoom: 17.8, // 缩放级别

  3661.               rotation: undefined, // 缩放完成view视图旋转弧度

  3662.               duration: 1000, // 缩放持续时间，默认不需要设置

  3663.               resolution:Math.random() * 0.00000001,

  3664.             });

  3665.           });

  3666.           //定位当前位置 ------end

  3667. 

  3668.           //开始绘制图层- -----start

  3669.           $("#htMapAll").on("click", function () {

  3670.             if(that.drawingClick) {

  3671.               that.drawingClick=false;

  3672.               //删除之前 测距操作添加map中的绘图  --------start

  3673.               //map.removeLayer(helpTooltip);

  3674.               map.removeLayer(vector);

  3675.               map.removeInteraction(draw_cm);

  3676.               //map.removeOverlay(helpTooltipElement);

  3677.               map.removeLayer(measureTooltipElement);

  3678.               //删除之前 测距操作添加map中的绘图  --------end

  3679. 

  3680.               //删除之前画图图层,重新绘制图层

  3681.               map.removeInteraction(draw_map);

  3682.               map.removeLayer(drawing);

  3683.               //var source = new ol.source.Vector({wrapX: false});

  3684.               drawing = new ol.layer.Vector({

  3685.                 source: new ol.source.Vector(),

  3686.               });

  3687.               map.addLayer(drawing);

  3688. 

  3689.               function addInteraction() {

  3690.                 draw_map = new ol.interaction.Draw({

  3691.                   source: drawing.getSource(),

  3692.                   type: "Polygon",

  3693.                 });

  3694.                 draw_map.on("drawend", function (evt) {

  3695.                   var feature = evt.feature;

  3696.                   var geometry = feature.getGeometry();

  3697.                   that.coordinate = geometry.getCoordinates();

  3698.                   //_this.coordinateList = coordinate.toString();

  3699.                   //提示当前坐标是否绘制完成

  3700.                   if (that.coordinate != "" && that.coordinate != null) {

  3701.                     that.showhzht = true;

  3702.                     that.htZjdZrzFsss = JSON.stringify(that.coordinate);

  3703.                     console.log(that.mapZjdData);

  3704.                     // htMapAllFu();

  3705.                   } else {

  3706.                     $("#htMapAll").trigger("click");

  3707.                   }

  3708.                 });

  3709.                 map.addInteraction(draw_map);

  3710.               }

  3711. 

  3712.               function htMapAllFu() {

  3713.                 //that.drawMapPolygonFun();

  3714.                 //绘制多边形地图

  3715.                 that.$dialog

  3716.                   .confirm({

  3717.                     title: "提示",

  3718.                     message: "是否重新绘制画图",

  3719.                   })

  3720.                   .then(() => {

  3721.                     //$("#drawRemove").trigger("click");

  3722.                     map.removeInteraction(draw_map);

  3723.                     that.coordinate = "";

  3724.                   })

  3725.                   .catch(() => {

  3726.                     //删除画图点

  3727.                     map.removeInteraction(draw_map);

  3728.                   });

  3729.               }

  3730. 

  3731.               addInteraction();

  3732.             } else {

  3733.               that.drawingClick=true;

  3734.               //删除之前 测距操作添加map中的绘图  --------start

  3735.               //map.removeLayer(helpTooltip);

  3736.               map.removeLayer(vector);

  3737.               map.removeInteraction(draw_cm);

  3738.               //map.removeOverlay(helpTooltipElement);

  3739.               map.removeLayer(measureTooltipElement);

  3740.               //删除之前 测距操作添加map中的绘图  --------end

  3741. 

  3742.               //删除之前画图图层,重新绘制图层

  3743.               map.removeInteraction(draw_map);

  3744.               map.removeLayer(drawing);

  3745.               //var source = new ol.source.Vector({wrapX: false});

  3746.             }

  3747.           });

  3748.           //删除之前绘制图层

  3749.           $("#deleteHistory").on("click", function () {

  3750.             map.removeLayer(drawing);

  3751.             that.showhzht = false;

  3752.           });

  3753.           //开始绘制图层- -----end

  3754. 

  3755.           //切换功能删除之前选中状态

  3756.           $("#deleteHistoryMap").on("click", function () {

  3757.             map.removeLayer(hc_land_on);

  3758.             that.mapZjdData = "";

  3759.             that.mapZrzData = "";

  3760.             that.mapFsssData = "";

  3761.             //that.mapZjdTeAll.active ="1";

  3762.             that.mapZjdTeAll.mapZjdAData = {};

  3763.             that.mapZjdTeAll.mapZrzAData = {};

  3764.             that.mapZjdTeAll.mapFsssAData = {};

  3765.             that.mapZjdDataTure = "";

  3766.           });

  3767.           //清除画图鼠标点击事件

  3768.           // $("#drawRemove").click(function () {

  3769.           //   map.removeLayer(drawing);

  3770.           // });

  3771.           //

  3772. 

  3773.           //地图定义

  3774.           var delete_map = ["mapZjd", "mapZrz","mapFsss"];

  3775.           var hc_land_queryList =[];

  3776.           var texiao_layer_zjd;

  3777.           var texiao_layer_zrz;

  3778.           var texiao_layer_fsss;

  3779.           //按照查询条件人名  定位地图-----------------start

  3780.           $("#query").on("click", function () {

  3781.             //数据库查询数据------------------------------------------------------start

  3782.             $("#deleteHistoryMap").trigger("click");

  3783.             var val = that.seachText;

  3784.             //删除之前查询图层

  3785.             for(var i=0;hc_land_queryList.length>i;i++){

  3786.               map.removeLayer(hc_land_queryList[i]);

  3787.             }

  3788.             hc_land_queryList = [];

  3789.             that.mapDataAll =[];

  3790.             if (val == "") {

  3791.                 that.$toast('请填写查询条件再查询');

  3792.               } else {

  3793.               var styleZjd = new ol.style.Style({

  3794.                 stroke: new ol.style.Stroke({

  3795.                   //边界样式

  3796.                   color: "#CCFF66",

  3797.                   width: 6,

  3798.                 }),

  3799.               });

  3800.               let params;

  3801.               if(that.mapAddJumpNum == 1){

  3802.                 params = {

  3803.                   "deptId" : that.mapAddJump,

  3804.                   "syqr" : val

  3805.                 }

  3806.               } else {

  3807.                 params = {

  3808.                   "deptId" : that.$cookies.get("item").deptId,

  3809.                   "syqr" : val

  3810.                 }

  3811.               }

  3812.               listZjdzd(params).then((response) => {

  3813.                 if(response.rows.length != 0){

  3814.                   that.mapDataAll = response.rows;

  3815.                   for(var hg=0; hg < that.mapDataAll.length; hg++){

  3816.                     var mapNum = that.mapDataAll[hg].houseDataConfirmStatus;

  3817.                     if(mapNum == "UNCONFIRMED"){

  3818.                       that.mapDataAll[hg].paceType = "未核查";

  3819.                     } else if (mapNum == "CONFIRMED"){

  3820.                       that.mapDataAll[hg].paceType = "已核查";

  3821.                     }else{

  3822. 

  3823.                     }

  3824.                     that.mapDataAll[hg].typeTc="宅基地";

  3825.                     if (that.mapDataAll[hg] !=null && that.mapDataAll[hg].theGeom != null && that.mapDataAll[hg].theGeom != "") {

  3826.                       that.mapDataAll[hg].createBy = 'mapTheGeomZjdId';

  3827.                       hc_land_queryList[hg] =new ol.layer.Vector({

  3828.                           title: "add Layer",

  3829.                           source: new ol.source.Vector({

  3830.                             projection: projection,

  3831.                             features: new ol.format.GeoJSON().readFeatures("{\n" +

  3832.                               "    \"type\": \"Feature\",\n" +

  3833.                               "    \"geometry\":" + that.mapDataAll[hg].theGeom + ",    \"properties\":" + JSON.stringify(that.mapDataAll[hg]) + "}"),

  3834.                           }),

  3835.                           style: styleZjd

  3836.                         });

  3837.                       map.addLayer(hc_land_queryList[hg]);

  3838.                       var maxXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxX;

  3839.                       var maxYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxY;

  3840.                       var minXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minX;

  3841.                       var minYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minY;

  3842.                       //定位查询位置

  3843.                       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3844.                       map.getView().animate({

  3845.                         // 只设置需要的属性即可

  3846.                         center: center, // 中心点

  3847.                         zoom: 15.8, // 缩放级别

  3848.                         rotation: undefined, // 缩放完成view视图旋转弧度

  3849.                         duration: 1000, // 缩放持续时间，默认不需要设置

  3850.                         resolution:Math.random() * 0.00000001,

  3851.                       });

  3852.                     }

  3853.                     // listFsss(paramsZrz).then((response) => {

  3854.                     //   that.mapDataAll.push(response.rows);

  3855.                     // });

  3856.                   }

  3857.                   // for(var queryFor=0; hc_land_queryList > queryFor; queryFor++ ){

  3858.                   //   map.addLayer(hc_land_queryList[queryFor]);

  3859.                   // }

  3860.                   // var mapZrzFor = that.mapDataAll[0].length+1;

  3861.                   // console.log(mapZrzFor);

  3862.                   // for(var mapFor=0;mapZrzFor>mapFor;mapFor++){

  3863.                   //   //查询自然幢

  3864.                   //   let paramsZrz = {

  3865.                   //     "deptId" : that.$cookies.get("item").deptId,

  3866.                   //     "zjddm" : that.mapDataAll[0][mapFor].zjddm,

  3867.                   //     "pageSize":20,

  3868.                   //   }

  3869.                   //   listZrz(paramsZrz).then((response) => {

  3870.                   //     console.log(response);

  3871.                   //     that.mapDataAll[0].

  3872.                   //     that.mapDataAll[0].push(response.rows);

  3873.                   //   });

  3874.                   // }

  3875.                   setTimeout(function () {

  3876.                     that.showSearch = true ;

  3877.                     $('.searchBox').css('display','block')

  3878.                     var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)

  3879.                     document.styleSheets[0].insertRule(

  3880.                       "@keyframes test" +

  3881.                       "{" +

  3882.                       "0%{bottom: -" + height + "px;}" +

  3883.                       "100%{bottom: 0px;}" +

  3884.                       "}"

  3885.                     )

  3886.                     $('.searchBar_wrap').css({'animation':'test 0.5s ease-in-out 0s 1 alternate forwards','-webkit-animation':'test 0.5s ease-in-out 0s 1 alternate forwards'});

  3887.                   //}

  3888.                   },500);

  3889.                 } else {

  3890.                   that.$toast("暂无数据")

  3891.                 }

  3892.               });

  3893. 

  3894.             }

  3895.             //数据库查询数据------------------------------------------------------end

  3896.             //地图查询------------------------------------------------------------start

  3897.             /**

  3898.              * @api wfs服务空间查询

  3899.              * @param {*} wfsurl

  3900.              * @param {*} srsName

  3901.              * @param {*} typeName

  3902.              * @param {*} drawType

  3903.              * @param {option 可选} geometryField

  3904.              */

  3905.             // var val = that.seachText;

  3906.             // if (val == "") {

  3907.             //   that.$toast('请填写查询条件再查询');

  3908.             // } else {

  3909.             //   //清除之前查询数据

  3910.             //   that.mapDataAll =[];

  3911.             //   //分类查询查询农地、农房

  3912.             //   var difang;

  3913.             //   //查询条件

  3914.             //   var cql_filter_cun;

  3915.             //   var cun = that.$cookies.get("item").deptId;

  3916.             //   difang = ["zjd_dc:t_house_survey_zjdzd", "zjd_dc:t_house_survey_zrz","zjd_dc:t_house_survey_fsss"];

  3917.             //   var tach = 0;

  3918.             //   var once = 0;

  3919.             //   for (var i = 0; i < difang.length; i++) {

  3920.             //     map.removeLayer(delete_map[i]);

  3921.             //     // 数字验证！

  3922.             //     var reg = /\d/;

  3923.             //     //验证汉子

  3924.             //     //var han = /^[\u4e00-\u9fa5]+$/;

  3925.             //     if (reg.test(val)) {

  3926.             //       //循环判断查询条件

  3927.             //       cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3928.             //     } else {

  3929.             //       //循环判断查询条件

  3930.             //       if (difang[i] == "zjd_dc:t_house_survey_zjdzd") {

  3931.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3932.             //       } else if(difang[i] == "zjd_dc:t_house_survey_zrz") {

  3933.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3934.             //       } else if(difang[i] == "zjd_dc:t_house_survey_fsss") {

  3935.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3936.             //       }

  3937.             //     }

  3938.             //     //for(var i=0; i< difang.length; i++){

  3939.             //     //cql_filter = "CM='"+cun +"'"+ "and XZQK='待流转待盘活'";

  3940.             //

  3941.             //     //图层加载

  3942.             //

  3943.             //     //业务图层  wms服务

  3944.             //     delete_map[i] = new ol.layer.Tile({

  3945.             //       source: new ol.source.TileWMS({

  3946.             //         url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3947.             //         params: {

  3948.             //           LAYERS: difang[i],

  3949.             //           //'LAYERS': 'new_shp:new_shp_all',

  3950.             //           TILED: true,

  3951.             //           cql_filter: cql_filter_cun,

  3952.             //           SRID: 3857,

  3953.             //         },

  3954.             //       }),

  3955.             //     });

  3956.             //

  3957.             //     //}

  3958.             //     //定位查询位置

  3959.             //     let param_dw = {

  3960.             //       srsName: "EPSG:3857",

  3961.             //       service: "WFS",

  3962.             //       version: "1.0.0",

  3963.             //       request: "GetFeature",

  3964.             //       typename: difang[i],

  3965.             //       //featureNS: 'nsgk_hc',//命名空间 URI

  3966.             //       cql_filter: cql_filter_cun,

  3967.             //       //featurePrefix: 'nationalwater',//工作区名称

  3968.             //       //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  3969.             //       outputFormat: "application/json",

  3970.             //       //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  3971.             //     };

  3972.             //     let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;

  3973.             //     url_dw = url_dw + "?";

  3974.             //     for (let key in param_dw) {

  3975.             //       url_dw = url_dw + key + "=" + param_dw[key] + "&";

  3976.             //     }

  3977.             //     url_dw = url_dw.substr(0, url_dw.length - 1);

  3978.             //     fetch(url_dw, {

  3979.             //       method: "POST", // *GET, POST, PUT, DELETE, etc.

  3980.             //     })

  3981.             //       .then((res) => {

  3982.             //         var geojsonmap = res.json();

  3983.             //         return geojsonmap;

  3984.             //       })

  3985.             //       .then((data) => {

  3986.             //         tach = tach + 1;

  3987.             //         if (data.features != null && data.features != "") {

  3988.             //           for(var i=0; data.features.length >i; i++) {

  3989.             //             //特效动画实现 -----------------------------start

  3990.             //             console.log(tach,"++++++++++++++++++",once)

  3991.             //             var datamap = data.features[0].bbox;

  3992.             //             if (tach == 1 && once == 0) {

  3993.             //               console.log("zrz")

  3994.             //               texiao_layer_zjd = new ol.layer.Vector({

  3995.             //                 source: new ol.source.Vector(),

  3996.             //               });

  3997.             //               map.addLayer(texiao_layer_zjd);

  3998.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  3999.             //               var circle = new ol.Feature({

  4000.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  4001.             //               });

  4002.             //

  4003.             //               circle.setStyle(

  4004.             //                 new ol.style.Style({

  4005.             //                   image: new ol.style.Circle({

  4006.             //                     radius: 0,

  4007.             //                     stroke: new ol.style.Stroke({

  4008.             //                       color: "yellow",

  4009.             //                       size: 1,

  4010.             //                     }),

  4011.             //                   }),

  4012.             //                 })

  4013.             //               );

  4014.             //               texiao_layer_zjd.getSource().addFeature(circle);

  4015.             //

  4016.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  4017.             //               var radius = 0;

  4018.             //               map.on("postcompose", function () {

  4019.             //                 // 增大半径，最大20

  4020.             //                 radius++;

  4021.             //                 radius = radius % 10;

  4022.             //                 // 设置样式

  4023.             //                 circle.setStyle(

  4024.             //                   new ol.style.Style({

  4025.             //                     image: new ol.style.Circle({

  4026.             //                       radius: radius,

  4027.             //                       stroke: new ol.style.Stroke({

  4028.             //                         color: "yellow",

  4029.             //                         size: 1,

  4030.             //                       }),

  4031.             //                     }),

  4032.             //                   })

  4033.             //                 );

  4034.             //               });

  4035.             //             } else if(tach == 2) {

  4036.             //               console.log("zrz")

  4037.             //               texiao_layer_zrz = new ol.layer.Vector({

  4038.             //                 source: new ol.source.Vector(),

  4039.             //               });

  4040.             //               map.addLayer(texiao_layer_zrz);

  4041.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  4042.             //               var circle = new ol.Feature({

  4043.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  4044.             //               });

  4045.             //

  4046.             //               circle.setStyle(

  4047.             //                 new ol.style.Style({

  4048.             //                   image: new ol.style.Circle({

  4049.             //                     radius: 0,

  4050.             //                     stroke: new ol.style.Stroke({

  4051.             //                       color: "yellow",

  4052.             //                       size: 1,

  4053.             //                     }),

  4054.             //                   }),

  4055.             //                 })

  4056.             //               );

  4057.             //               texiao_layer_zrz.getSource().addFeature(circle);

  4058.             //

  4059.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  4060.             //               var radius = 0;

  4061.             //               map.on("postcompose", function () {

  4062.             //                 // 增大半径，最大20

  4063.             //                 radius++;

  4064.             //                 radius = radius % 10;

  4065.             //                 // 设置样式

  4066.             //                 circle.setStyle(

  4067.             //                   new ol.style.Style({

  4068.             //                     image: new ol.style.Circle({

  4069.             //                       radius: radius,

  4070.             //                       stroke: new ol.style.Stroke({

  4071.             //                         color: "yellow",

  4072.             //                         size: 1,

  4073.             //                       }),

  4074.             //                     }),

  4075.             //                   })

  4076.             //                 );

  4077.             //               });

  4078.             //             } else {

  4079.             //               console.log("fsss")

  4080.             //               texiao_layer_fsss = new ol.layer.Vector({

  4081.             //                 source: new ol.source.Vector(),

  4082.             //               });

  4083.             //               map.addLayer(texiao_layer_fsss);

  4084.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  4085.             //               var circle = new ol.Feature({

  4086.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  4087.             //               });

  4088.             //

  4089.             //               circle.setStyle(

  4090.             //                 new ol.style.Style({

  4091.             //                   image: new ol.style.Circle({

  4092.             //                     radius: 0,

  4093.             //                     stroke: new ol.style.Stroke({

  4094.             //                       color: "yellow",

  4095.             //                       size: 1,

  4096.             //                     }),

  4097.             //                   }),

  4098.             //                 })

  4099.             //               );

  4100.             //               texiao_layer_fsss.getSource().addFeature(circle);

  4101.             //

  4102.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  4103.             //               var radius = 0;

  4104.             //               map.on("postcompose", function () {

  4105.             //                 // 增大半径，最大20

  4106.             //                 radius++;

  4107.             //                 radius = radius % 10;

  4108.             //                 // 设置样式

  4109.             //                 circle.setStyle(

  4110.             //                   new ol.style.Style({

  4111.             //                     image: new ol.style.Circle({

  4112.             //                       radius: radius,

  4113.             //                       stroke: new ol.style.Stroke({

  4114.             //                         color: "yellow",

  4115.             //                         size: 1,

  4116.             //                       }),

  4117.             //                     }),

  4118.             //                   })

  4119.             //                 );

  4120.             //               });

  4121.             //             }

  4122.             //             //特效动画实现 -----------------------------end

  4123.             //             that.mapDataAll.push(JSON.parse(JSON.stringify(data.features[i].properties)));

  4124.             //           }

  4125.             //           //定位实现

  4126.             //           let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());

  4127.             //           map.getView().fit(data.bbox);

  4128.             //           map.getView().setResolution(resolution);

  4129.             //           console.log(that.mapDataAll);

  4130.             //         } else if (tach == 1) {

  4131.             //           once = once + 1;

  4132.             //         } else {

  4133.             //           if (once == 1 && tach == 3) {

  4134.             //             that.$toast("没有找到相关人员信息");

  4135.             //             //that.showSearch = false ;

  4136.             //           }else {

  4137.             //

  4138.             //           }

  4139.             //         }

  4140.             //       })

  4141.             //       .catch((error) => {

  4142.             //         console.log("【异常】", error);

  4143.             //       });

  4144.             //     map.addLayer(delete_map[i]);

  4145.             //   }

  4146.             //地图查询------------------------------------------------------------end

  4147.           });

  4148.           //按照查询  定位地图-----------------end

  4149. 

  4150.           //筛选附属设施-----------------------------------start

  4151.           $("#fsssSx").click(function () {

  4152.             if(!that.fsssSx){

  4153.               map.addLayer(fsssTc);

  4154.             }else {

  4155.               map.removeLayer(fsssTc);

  4156.             }

  4157.           });

  4158.           $("#zrzSx").click(function () {

  4159.             if(!that.zrzSx){

  4160.               map.addLayer(zrzTc);

  4161.             }else {

  4162.               map.removeLayer(zrzTc);

  4163.             }

  4164.           });

  4165.           $("#zjdSx").click(function () {

  4166.             if(!that.zjdSx){

  4167.               map.addLayer(zjdTc);

  4168.             }else {

  4169.               map.removeLayer(zjdTc);

  4170.             }

  4171.           });

  4172.           $("#checkAll").click(function () {

  4173.             if(!that.fsssSx && !that.zjdSx && !that.zrzSx){

  4174.               map.addLayer(zjdTc);

  4175.               map.addLayer(zrzTc);

  4176.               map.addLayer(fsssTc);

  4177.             }else {

  4178.               map.removeLayer(zrzTc);

  4179.               map.removeLayer(zjdTc);

  4180.               map.removeLayer(fsssTc);

  4181.             }

  4182.           });

  4183.           //筛选附属设施-----------------------------------end

  4184.           // //获取类型开始  侧面-----------------------------------------------------------------start

  4185.           //样式加载定义

  4186.           var vector_drawing_delete;

  4187.           $("#area").click(function () {

  4188.             console.log(that.textMjAll);

  4189.             console.log(that.clickBbox);

  4190.             if(that.textMjAll ==null || that.textMjAll ==""){

  4191.               that.textMjAll =0;

  4192.             }

  4193.             if((that.textMjAll != "" && that.clickBbox !="") || (that.textMjAll == 0 && that.clickBbox !="")){

  4194.               map.removeLayer(vector_drawing_delete);

  4195.               function createLabelStyle() {

  4196.                 return new ol.style.Style({

  4197.                   text: new ol.style.Text({

  4198.                     text: that.textMjAll+"㎡",

  4199.                     textAlign: "center", //位置

  4200.                     textBaseline: "middle", //基准线

  4201.                     font: "normal 12px 微软雅黑", //文字样式

  4202.                     //text: "标注点", //文本内容

  4203.                     fill: new ol.style.Fill({

  4204.                       //文本填充样式（即文字颜色)

  4205.                       color: "#FFFFFF",

  4206.                       width: 10,

  4207.                     }),

  4208.                     overflow: false //超出面的部分不显示

  4209.                   }),

  4210.                   zIndex: 9999,

  4211.                 });

  4212.               }

  4213.               var newcenterFeature = new ol.Feature({

  4214.                 geometry: new ol.geom.Point(that.clickBbox), //几何信息

  4215.                 //name: "标注点",

  4216.               });

  4217.               var sourceMapLook = new ol.source.Vector({wrapX: false});

  4218.               vector_drawing_delete = new ol.layer.Vector({

  4219.                 source: sourceMapLook,

  4220.               });

  4221.               map.addLayer(vector_drawing_delete);

  4222.               newcenterFeature.setStyle(createLabelStyle()); //设置要素样式

  4223.               sourceMapLook.addFeature(newcenterFeature);

  4224.               //map.addLayer(styleFsss);

  4225.             } else if(that.textMjAllNum == "1"){

  4226.               that.$toast("该图层面积暂无信息");

  4227.             } else {

  4228.               that.$toast("选择图层进行面积显示");

  4229.             }

  4230.           });

  4231.           // $("#area").click(function () {

  4232.           //   console.log("进入测面")

  4233.           //   //删除绘制图层画图操作-------start

  4234.           //   map.removeInteraction(draw_map);

  4235.           //   map.removeLayer(drawing);

  4236.           //   //删除绘制图层画图操作-------end

  4237.           //   //开始绘制 测面--------------------------------------------------------------start

  4238.           //   //定义矢量数据源

  4239.           //   var source = new ol.source.Vector();

  4240.           //

  4241.           //   vector = new ol.layer.Vector({

  4242.           //     source: source,

  4243.           //     style: new ol.style.Style({

  4244.           //       fill: new ol.style.Fill({

  4245.           //         color: "rgba(255,255,255,0.2)",

  4246.           //       }),

  4247.           //       stroke: new ol.style.Stroke({

  4248.           //         color: "#e21e0a",

  4249.           //         width: 2,

  4250.           //       }),

  4251.           //       //image: new ol.style.Circle({

  4252.           //       // radius: 7,

  4253.           //       // fill: new ol.style.Fill({

  4254.           //       //  color:'#ffcc33'

  4255.           //       // })

  4256.           //       //})

  4257.           //     }),

  4258.           //   });

  4259.           //

  4260.           //   //将矢量图层添加到地图中   线的颜色加入map中

  4261.           //   map.addLayer(vector);

  4262.           //

  4263.           //   var sketch;

  4264.           //

  4265.           //   var continuePolygonMsg = "单击以继续绘制多边形";

  4266.           //

  4267.           //   /**

  4268.           //    * Message to show when the user is drawing a line.

  4269.           //    * @type {string}

  4270.           //    */

  4271.           //     //var continueLineMsg = '单击继续绘制直线';

  4272.           //

  4273.           //     //鼠标移动触发的函数

  4274.           //   var pointerMoveHandler = function (evt) {

  4275.           //       //Indicates if the map is currently being dragged.

  4276.           //       //Only set for POINTERDRAG and POINTERMOVE events. Default is false.

  4277.           //       //如果是平移地图则直接结束

  4278.           //       if (evt.dragging) {

  4279.           //         return;

  4280.           //       }

  4281.           //       //帮助提示信息

  4282.           //       var helpMsg = "单击开始绘图";

  4283.           //

  4284.           //       if (sketch) {

  4285.           //         //Get the feature's default geometry.

  4286.           //         //A feature may have any number of named geometries.

  4287.           //         //获取绘图对象的几何要素

  4288.           //         var geom = sketch.getGeometry();

  4289.           //         //如果当前绘制的几何要素是多边形，则将绘制提示信息设置为多边形绘制提示信息

  4290.           //         //如果当前绘制的几何要素是多线段，则将绘制提示信息设置为多线段绘制提示信息

  4291.           //         helpMsg = continuePolygonMsg;

  4292.           //       }

  4293.           //       //设置帮助提示要素的内标签为帮助提示信息

  4294.           //       helpTooltipElement.innerHTML = helpMsg;

  4295.           //       //设置帮助提示信息的位置

  4296.           //       //The coordinate in view projection corresponding to the original browser event.

  4297.           //       helpTooltip.setPosition(evt.coordinate);

  4298.           //       //移除帮助提示要素的隐藏样式

  4299.           //       $(helpTooltipElement).removeClass("hidden");

  4300.           //     };

  4301.           //

  4302.           //   map.on("pointermove", pointerMoveHandler);

  4303.           //

  4304.           //   map.getViewport().addEventListener("mouseout", function () {

  4305.           //     helpTooltipElement.classList.add("hidden");

  4306.           //   });

  4307.           //

  4308.           //   //添加交互式绘图对象的函数

  4309.           //   function addInteraction() {

  4310.           //     // 获取当前选择的绘制类型

  4311.           //     //var type = typeSelect.value == 'length' ? 'Polygon' : 'LineString';

  4312.           //     //创建一个交互式绘图对象

  4313.           //     var type = "Polygon";

  4314.           //     draw_cm = new ol.interaction.Draw({

  4315.           //       //绘制的数据源

  4316.           //       source: source,

  4317.           //       //绘制类型

  4318.           //       type: type,

  4319.           //       //样式

  4320.           //       style: new ol.style.Style({

  4321.           //         fill: new ol.style.Fill({

  4322.           //           color: "rgba(255,255,255,0.2)",

  4323.           //         }),

  4324.           //         stroke: new ol.style.Stroke({

  4325.           //           color: "rgba(0,0,0,0.5)",

  4326.           //           lineDash: [10, 10],

  4327.           //           width: 2,

  4328.           //         }),

  4329.           //         //  image: new ol.style.Circle({

  4330.           //         //   radius: 5,

  4331.           //         //   stroke: new ol.style.Stroke({

  4332.           //         //	color:'rgba(0,0,0,0.7)'

  4333.           //         // }),

  4334.           //         // fill: new ol.style.Fill({

  4335.           //         //color: 'rgba(255,255,255,0.2)'

  4336.           //         // })

  4337.           //         //})

  4338.           //       }),

  4339.           //     });

  4340.           //     //将交互绘图对象添加到地图中

  4341.           //     map.addInteraction(draw_cm);

  4342.           //

  4343.           //     //创建测量提示框

  4344.           //     createMeasureTooltip();

  4345.           //     //创建帮助提示框

  4346.           //     createHelpTooltip();

  4347.           //

  4348.           //     //定义一个事件监听

  4349.           //     var listener;

  4350.           //     //定义一个控制鼠标点击次数的变量

  4351.           //     var count = 0;

  4352.           //     //绘制开始事件

  4353.           //     draw_cm.on(

  4354.           //       "drawstart",

  4355.           //       function (evt) {

  4356.           //         //The feature being drawn.

  4357.           //         sketch = evt.feature;

  4358.           //         //提示框的坐标

  4359.           //         var tooltipCoord = evt.coordinate;

  4360.           //         //监听几何要素的change事件

  4361.           //         //Increases the revision counter and dispatches a 'change' event.

  4362.           //

  4363.           //         listener = sketch.getGeometry().on("change", function (evt) {

  4364.           //           //The event target.

  4365.           //           //获取绘制的几何对象

  4366.           //           var geom = evt.target;

  4367.           //           //定义一个输出对象，用于记录面积和长度

  4368.           //           var output;

  4369.           //           map.removeEventListener("singleclick");

  4370.           //           map.removeEventListener("dblclick");

  4371.           //           //输出多边形的面积

  4372.           //           output = formatArea(geom);

  4373.           //           //Return an interior point of the polygon.

  4374.           //           //获取多变形内部点的坐标

  4375.           //           tooltipCoord = geom.getInteriorPoint().getCoordinates();

  4376.           //

  4377.           //           //设置测量提示框的内标签为最终输出结果

  4378.           //           measureTooltipElement.innerHTML = output;

  4379.           //           //设置测量提示信息的位置坐标

  4380.           //           measureTooltip.setPosition(tooltipCoord);

  4381.           //         });

  4382.           //

  4383.           //         //地图单击事件

  4384.           //         map.on("singleclick", function (evt) {

  4385.           //           //设置测量提示信息的位置坐标，用来确定鼠标点击后测量提示框的位置

  4386.           //           measureTooltip.setPosition(evt.coordinate);

  4387.           //           //如果是第一次点击，则设置测量提示框的文本内容为起点

  4388.           //           if (count == 0) {

  4389.           //             measureTooltipElement.innerHTML = "起点";

  4390.           //           }

  4391.           //           //根据鼠标点击位置生成一个点

  4392.           //           var point = new ol.geom.Point(evt.coordinate);

  4393.           //           //将该点要素添加到矢量数据源中

  4394.           //           source.addFeature(new ol.Feature(point));

  4395.           //           //更改测量提示框的样式，使测量提示框可见

  4396.           //           measureTooltipElement.className = "tooltip tooltip-static";

  4397.           //           //创建测量提示框

  4398.           //           createMeasureTooltip();

  4399.           //           //点击次数增加

  4400.           //           count++;

  4401.           //         });

  4402.           //

  4403.           //         //地图双击事件

  4404.           //         map.on("dblclick", function (evt) {

  4405.           //           //根据

  4406.           //           var point = new ol.geom.Point(evt.coordinate);

  4407.           //           source.addFeature(new ol.Feature(point));

  4408.           //         });

  4409.           //       },

  4410.           //       this

  4411.           //     );

  4412.           //     //绘制结束事件

  4413.           //     draw_cm.on(

  4414.           //       "drawend",

  4415.           //       function (evt) {

  4416.           //         count = 0;

  4417.           //         //设置测量提示框的样式

  4418.           //         measureTooltipElement.className = "tooltip tooltip-static";

  4419.           //         //Set the offset for this overlay.

  4420.           //         //设置偏移量

  4421.           //         measureTooltip.setOffset([0, -7]);

  4422.           //         //清空绘制要素

  4423.           //         sketch = null;

  4424.           //         //清空测量提示要素

  4425.           //         measureTooltipElement = null;

  4426.           //         //创建测量提示框

  4427.           //         createMeasureTooltip();

  4428.           //         //Removes an event listener using the key returned by on() or once().

  4429.           //         //移除事件监听

  4430.           //         ol.Observable.unByKey(listener);

  4431.           //         //移除地图单击事件

  4432.           //         map.removeEventListener("singleclick");

  4433.           //       },

  4434.           //       this

  4435.           //     );

  4436.           //   }

  4437.           //   /**

  4438.           //    * Creates a new help tooltip

  4439.           //    */

  4440.           //   function createHelpTooltip() {

  4441.           //     if (helpTooltipElement) {

  4442.           //       helpTooltipElement.parentNode.removeChild(helpTooltipElement);

  4443.           //     }

  4444.           //     helpTooltipElement = document.createElement("div");

  4445.           //     helpTooltipElement.className = "ol-tooltip hidden";

  4446.           //     helpTooltip = new ol.Overlay({

  4447.           //       element: helpTooltipElement,

  4448.           //       offset: [15, 0],

  4449.           //       positioning: "center-left",

  4450.           //     });

  4451.           //     map.addOverlay(helpTooltip);

  4452.           //   }

  4453.           //

  4454.           //   /**

  4455.           //    * Creates a new measure tooltip

  4456.           //    */

  4457.           //   function createMeasureTooltip() {

  4458.           //     if (measureTooltipElement) {

  4459.           //       measureTooltipElement.parentNode.removeChild(measureTooltipElement);

  4460.           //     }

  4461.           //     measureTooltipElement = document.createElement("div");

  4462.           //     measureTooltipElement.className = "ol-tooltip ol-tooltip-measure";

  4463.           //     measureTooltip = new ol.Overlay({

  4464.           //       element: measureTooltipElement,

  4465.           //       offset: [0, -15],

  4466.           //       positioning: "bottom-center",

  4467.           //     });

  4468.           //     map.addOverlay(measureTooltip);

  4469.           //   }

  4470.           //

  4471.           //   //格式化测量面积

  4472.           //   var formatArea = function (polygon) {

  4473.           //     //定义面积变量

  4474.           //     var area;

  4475.           //     //获取平面面积

  4476.           //     area = polygon.getArea();

  4477.           //     //定义输出变量

  4478.           //     var output;

  4479.           //     //当面积大于10000时，转换为平方千米，否则为平方米

  4480.           //     if (area > 10000) {

  4481.           //       output =

  4482.           //         Math.round((area / 1000000) * 100) / 100 + " " + "km<sup>2</sup>";

  4483.           //     } else {

  4484.           //       output = Math.round(area * 100) / 100 + " " + "m<sup>2</sup>";

  4485.           //     }

  4486.           //     return output;

  4487.           //   };

  4488.           //

  4489.           //   addInteraction();

  4490.           // });

  4491.           // //侧面结束-----------------------------------------------------------------end

  4492. 

  4493.           //全图展示-----------------start

  4494.           $("#mapAllQt").click(function (){

  4495.             //定位查询位置

  4496.             let param_dw = {

  4497.               srsName: "EPSG:3857",

  4498.               service: "WFS",

  4499.               version: "1.0.0",

  4500.               request: "GetFeature",

  4501.               typename: "zjd_dc:t_house_survey_border_village",

  4502.               //featureNS: 'nsgk_hc',//命名空间 URI

  4503.               cql_filter: cql_filter,

  4504.               //featurePrefix: 'nationalwater',//工作区名称

  4505.               //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  4506.               outputFormat: "application/json",

  4507.               //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  4508.             };

  4509.             let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;

  4510.             url_dw = url_dw + "?";

  4511.             for (let key in param_dw) {

  4512.               url_dw = url_dw + key + "=" + param_dw[key] + "&";

  4513.             }

  4514.             url_dw = url_dw.substr(0, url_dw.length - 1);

  4515.             fetch(url_dw, {

  4516.               method: "POST", // *GET, POST, PUT, DELETE, etc.

  4517.             })

  4518.               .then((res) => {

  4519.                 var geojsonmap = res.json();

  4520.                 return geojsonmap;

  4521.               })

  4522.               .then((data) => {

  4523.                 let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize());

  4524.                 resolution:resolution + Math.random() * 0.00000001,

  4525.                 map.getView().fit(data.bbox);

  4526.                 map.getView().setResolution(resolution);

  4527.                 // var datamap = data.bbox;

  4528.                 // var center = ol.extent.getCenter(datamap);

  4529.                 // map.getView().animate({

  4530.                 //   // 只设置需要的属性即可

  4531.                 //   center: center, // 中心点

  4532.                 //   rotation: undefined, // 缩放完成view视图旋转弧度

  4533.                 // });

  4534.               })

  4535.               .catch((error) => {

  4536.                 console.log("【异常】", error);

  4537.               });

  4538.           });

  4539. 

  4540.           //业务图层  wfs服务  属性查询开始 ------------------start

  4541.           /**

  4542.            * @api wfs服务空间查询

  4543.            * @param {*} wfsurl

  4544.            * @param {*} srsName

  4545.            * @param {*} typeName

  4546.            * @param {*} drawType

  4547.            * @param {option 可选} geometryField

  4548.            */

  4549. 

  4550.           //查询全部图层  -------查询叠加图层出现覆盖问题

  4551.           var wmsSource = new ol.source.TileWMS({

  4552.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  4553.             params: {

  4554.               LAYERS: "zjd_dc:t_house_survey_all",

  4555.               TILED: true,

  4556.               SRID: 3857,

  4557.               serverType: "geoserver",

  4558.               crossOrigin: "anonymous",

  4559.             },

  4560.             resolution:Math.random() * 0.00000001,

  4561.           });

  4562. 

  4563.           //查询宅基地图层

  4564.           var ZjdwmsSource = new ol.source.TileWMS({

  4565.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  4566.             params: {

  4567.               LAYERS: "zjd_dc:t_house_survey_zjdzd",

  4568.               TILED: true,

  4569.               SRID: 3857,

  4570.               serverType: "geoserver",

  4571.               crossOrigin: "anonymous",

  4572.             },

  4573.             resolution:Math.random() * 0.00000001,

  4574.           });

  4575. 

  4576.           //查询自然幢图层

  4577.           var ZrzwmsSource = new ol.source.TileWMS({

  4578.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  4579.             params: {

  4580.               LAYERS: "zjd_dc:t_house_survey_zrz",

  4581.               TILED: true,

  4582.               SRID: 3857,

  4583.               serverType: "geoserver",

  4584.               crossOrigin: "anonymous",

  4585.             },

  4586.             resolution:Math.random() * 0.00000001,

  4587.           });

  4588. 

  4589.           //查询附属设施图层

  4590.           var FssswmsSource = new ol.source.TileWMS({

  4591.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  4592.             params: {

  4593.               LAYERS: "zjd_dc:t_house_survey_fsss",

  4594.               TILED: true,

  4595.               SRID: 3857,

  4596.               serverType: "geoserver",

  4597.               crossOrigin: "anonymous",

  4598.             },

  4599.             resolution:Math.random() * 0.00000001,

  4600.           });

  4601. 

  4602. 

  4603.           map.on("pointermove", function (evt) {

  4604.             if (evt.dragging) {

  4605.               return;

  4606.             }

  4607.             var pixel = map.getEventPixel(evt.originalEvent);

  4608.             var hit = map.forEachLayerAtPixel(pixel, function () {

  4609.               return true;

  4610.             });

  4611.             map.getTargetElement().style.cursor = hit ? "pointer" : "";

  4612.           });

  4613.           //属性查询结束 ------------------end

  4614.           //点击查询详细信息

  4615.           map.on("singleclick", function (evt) {

  4616.             console.log(evt);

  4617.             let feature = map.forEachFeatureAtPixel(

  4618.               evt.pixel,

  4619.               (feature) => feature

  4620.             );

  4621.             var viewResolution = map.getView().getResolution(); ///** @type {number} */ (view.getResolution());

  4622.             var zb = evt.coordinate;

  4623.             var url;

  4624.             var url_bbox;

  4625.             that.clickBbox ="";

  4626.             that.textMjAll = "";

  4627.             if(that.drawingClick) {

  4628.               //点击空白删除之前图层

  4629.               map.removeLayer(hc_land_on);

  4630.               //map.removeLayer(hc_land_query);

  4631.               //for(var i=0;hc_land_query>i;i++){

  4632.                 //map.removeLayer(hc_land_query);

  4633.               for(var i=0;hc_land_queryList.length>i;i++){

  4634.                 map.removeLayer(hc_land_queryList[i]);

  4635.               }

  4636.               //}c

  4637.               if (that.fsssSx && that.zjdSx && that.zrzSx) {

  4638.                 url = wmsSource.getFeatureInfoUrl(

  4639.                   evt.coordinate,

  4640.                   viewResolution,

  4641.                   "EPSG:3857",

  4642.                   {INFO_FORMAT: "text/html"}

  4643.                 );

  4644.                 url_bbox = wmsSource.getFeatureInfoUrl(

  4645.                   evt.coordinate,

  4646.                   viewResolution,

  4647.                   "EPSG:3857",

  4648.                   {INFO_FORMAT: "application/json"}

  4649.                 );

  4650.               } else {

  4651.                 if (that.zjdSx) {

  4652.                   url = ZjdwmsSource.getFeatureInfoUrl(

  4653.                     evt.coordinate,

  4654.                     viewResolution,

  4655.                     "EPSG:3857",

  4656.                     {INFO_FORMAT: "text/html"}

  4657.                   );

  4658.                   url_bbox = ZjdwmsSource.getFeatureInfoUrl(

  4659.                     evt.coordinate,

  4660.                     viewResolution,

  4661.                     "EPSG:3857",

  4662.                     {INFO_FORMAT: "application/json"}

  4663.                   );

  4664.                 } else if (that.fsssSx) {

  4665.                   url = FssswmsSource.getFeatureInfoUrl(

  4666.                     evt.coordinate,

  4667.                     viewResolution,

  4668.                     "EPSG:3857",

  4669.                     {INFO_FORMAT: "text/html"}

  4670.                   );

  4671.                   url_bbox = FssswmsSource.getFeatureInfoUrl(

  4672.                     evt.coordinate,

  4673.                     viewResolution,

  4674.                     "EPSG:3857",

  4675.                     {INFO_FORMAT: "application/json"}

  4676.                   );

  4677.                 } else if (that.zrzSx) {

  4678.                   url = ZrzwmsSource.getFeatureInfoUrl(

  4679.                     evt.coordinate,

  4680.                     viewResolution,

  4681.                     "EPSG:3857",

  4682.                     {INFO_FORMAT: "text/html"}

  4683.                   );

  4684.                   url_bbox = ZrzwmsSource.getFeatureInfoUrl(

  4685.                     evt.coordinate,

  4686.                     viewResolution,

  4687.                     "EPSG:3857",

  4688.                     {INFO_FORMAT: "application/json"}

  4689.                   );

  4690.                 } else {

  4691.                   url = wmsSource.getFeatureInfoUrl(

  4692.                     evt.coordinate,

  4693.                     viewResolution,

  4694.                     "EPSG:3857",

  4695.                     {INFO_FORMAT: "text/html"}

  4696.                   );

  4697.                   url_bbox = wmsSource.getFeatureInfoUrl(

  4698.                     evt.coordinate,

  4699.                     viewResolution,

  4700.                     "EPSG:3857",

  4701.                     {INFO_FORMAT: "application/json"}

  4702.                   );

  4703.                 }

  4704.               }

  4705.               if (url_bbox) {

  4706.                 fetch(url_bbox).then((res) => {

  4707.                   var geojsonmap = res.json();

  4708.                   return geojsonmap;

  4709.                 })

  4710.                   .then((data) => {

  4711.                     var center = ol.extent.getCenter(data.bbox); //获取边界区域的中心位置

  4712.                     center = [center[0], center[1] - 16];

  4713.                     that.clickBbox = center;

  4714.                   })

  4715.                   .catch((error) => {

  4716.                     that.mapZjdData = "";

  4717.                     that.mapZrzData = "";

  4718.                     that.mapFsssData = "";

  4719.                     //that.mapZjdTeAll.active ="1";

  4720.                     that.mapZjdTeAll.mapZjdAData = {};

  4721.                     that.mapZjdTeAll.mapZrzAData = {};

  4722.                     that.mapZjdTeAll.mapFsssAData = {};

  4723.                     that.mapZjdDataTure = "";

  4724.                     console.log("【异常】", error);

  4725.                   });

  4726.               }

  4727.               if (url) {

  4728.                 fetch(url)

  4729.                   .then(function (response) {

  4730.                     return response.text();

  4731.                   })

  4732.                   .then(function (html) {

  4733.                     document.getElementById("info").innerHTML = html;

  4734.                     if (html.indexOf("<table") != -1) {

  4735.                       that.mapZjdData = "";

  4736.                       that.mapZrzData = "";

  4737.                       that.mapFsssData = "";

  4738.                       //that.mapZjdTeAll.active ="1";

  4739.                       that.mapZjdTeAll.mapZjdAData = {};

  4740.                       that.mapZjdTeAll.mapZrzAData = {};

  4741.                       that.mapZjdTeAll.mapFsssAData = {};

  4742.                       that.mapZjdDataTure = "";

  4743.                       setTimeout(() => {

  4744.                         if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zjdzd") {

  4745.                           map.removeLayer(hc_land_on);

  4746.                           that.mapHasDateStatus = 2;

  4747.                           let obj = {};

  4748.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  4749.                           let zjdXq = trs.find("td").eq(0).text();

  4750.                           let zjdIdNum = zjdXq.replace("t_house_survey_zjdzd.", "");

  4751.                           obj.id = zjdIdNum; //	主键id

  4752.                           obj.deptName = trs.find("td").eq(3).text();//行政区划名称

  4753. 

  4754.                           obj.zjddm = trs.find("td").eq(6).text();//宅基地代码

  4755. 

  4756.                           obj.zdmj = trs.find("td").eq(11).text();//宗地面积

  4757. 

  4758.                           obj.active = 1;

  4759. 

  4760.                           var vector_drawing_map;

  4761.                           let params = {

  4762.                             "deptId": that.$cookies.get("item").deptId,

  4763.                             "zjddm": obj.zjddm,

  4764.                           }

  4765.                           that.$cookies.set("search", "")

  4766.                           //that.$cookies.set("map", "")

  4767.                           console.log(document.cookie.split(';').length)

  4768.                           console.log(params);

  4769.                           listZjdzd(params).then((response) => {

  4770.                             if (response.rows[0].zdmj != "") {

  4771.                               that.textMjAll = response.rows[0].zdmj;

  4772.                             } else {

  4773.                               that.textMjAllNum = "1";

  4774.                             }

  4775.                             that.mapZjdData = response.rows[0];

  4776.                             that.mapZjdData.active = 1;

  4777.                             that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4778.                             that.mapZjdDataTure = 1;

  4779.                             that.zjdHcDy = obj.zjddm;

  4780.                             var styleZjd = new ol.style.Style({

  4781.                               stroke: new ol.style.Stroke({

  4782.                                 //边界样式

  4783.                                 color: "#CCFF66",

  4784.                                 width: 6,

  4785.                               }),

  4786.                             });

  4787.                             hc_land_on = new ol.layer.Vector({

  4788.                               title: "add Layer",

  4789.                               source: new ol.source.Vector({

  4790.                                 projection: projection,

  4791.                                 features: new ol.format.GeoJSON().readFeatures("{\n" +

  4792.                                   "    \"type\": \"Feature\",\n" +

  4793.                                   "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),

  4794.                               }),

  4795.                               style: styleZjd

  4796.                             });

  4797.                             map.addLayer(hc_land_on);

  4798.                             var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4799.                             var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4800.                             var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4801.                             var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4802.                             //定位查询位置

  4803.                             var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4804.                             map.getView().animate({

  4805.                               // 只设置需要的属性即可

  4806.                               center: center, // 中心点

  4807.                               zoom: 17.8, // 缩放级别

  4808.                               rotation: undefined, // 缩放完成view视图旋转弧度

  4809.                               duration: 1000, // 缩放持续时间，默认不需要设置

  4810.                               resolution:Math.random() * 0.00000001,

  4811.                             });

  4812. 

  4813.                             function createLabelStyleMap() {

  4814.                               return new ol.style.Style({

  4815.                                 text: new ol.style.Text({

  4816.                                   text: that.mapZjdData.syqr,

  4817.                                   textAlign: "center", //位置

  4818.                                   textBaseline: "middle", //基准线

  4819.                                   font: "normal 16px 微软雅黑", //文字样式

  4820.                                   //text: "标注点", //文本内容

  4821.                                   fill: new ol.style.Fill({

  4822.                                     //文本填充样式（即文字颜色)

  4823.                                     color: "#FF0000",

  4824.                                     width: 10,

  4825.                                   }),

  4826.                                   overflow: false //超出面的部分不显示

  4827.                                 }),

  4828.                                 zIndex: 9999,

  4829.                               });

  4830.                             }

  4831. 

  4832.                             var newcenterFeatureMap = new ol.Feature({

  4833.                               geometry: new ol.geom.Point(center), //几何信息

  4834.                               //name: "标注点",

  4835.                             });

  4836.                             var sourceMapLookMap = new ol.source.Vector({wrapX: false});

  4837.                             vector_drawing_map = new ol.layer.Vector({

  4838.                               source: sourceMapLookMap,

  4839.                             });

  4840.                             map.addLayer(vector_drawing_map);

  4841.                             newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式

  4842.                             sourceMapLookMap.addFeature(newcenterFeatureMap);

  4843.                           });

  4844.                           //let cloneObj = JSON.parse(JSON.stringify(obj));

  4845.                           //that.mapZjdData = cloneObj;

  4846.                         } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zrz") {

  4847.                           //that.mapZjdTeAll.mapZjdAData ={};

  4848.                           that.mapZjdDataTure = "";

  4849.                           that.mapZjdTeAll.mapFsssAData = {};

  4850.                           map.removeLayer(hc_land_on);

  4851.                           let obj = {};

  4852.                           that.mapHasDateStatus = 1;

  4853.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  4854.                           let zrzXq = trs.find("td").eq(0).text();

  4855.                           let zrzIdNum = zrzXq.replace("t_house_survey_zrz.", "");

  4856.                           obj.id = zrzIdNum; //	主键id

  4857.                           obj.deptName = trs.find("td").eq(3).text();//行政区划名称

  4858.                           obj.zjddm = trs.find("td").eq(4).text();//宅基地代码

  4859.                           obj.scjzmj = trs.find("td").eq(12).text();//实测建筑面积

  4860.                           let params = {

  4861.                             "deptId": that.$cookies.get("item").deptId,

  4862.                             "zjddm": obj.zjddm,

  4863.                           }

  4864.                           that.$cookies.set("search", "")

  4865.                           //that.$cookies.set("map", "")

  4866.                           listZjdzd(params).then((response) => {

  4867.                             that.mapZjdData = response.rows[0];

  4868.                             //that.mapZjdAData.active = 1;

  4869.                             that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4870.                             getZrz(obj.id).then((response) => {

  4871.                               if (response.data.scjzmj != "") {

  4872.                                 that.textMjAll = response.data.scjzmj;

  4873.                               } else {

  4874.                                 that.textMjAllNum = "1";

  4875.                               }

  4876.                               that.mapZrzData = response.data;

  4877.                               that.mapZrzData.active = 3;

  4878.                               that.mapZjdTeAll.mapZrzAData = that.mapZrzData;

  4879.                               that.zjdHcDy = obj.zjddm;

  4880.                               var styleZjd = new ol.style.Style({

  4881.                                 stroke: new ol.style.Stroke({

  4882.                                   //边界样式

  4883.                                   color: "#CCFF66",

  4884.                                   width: 6,

  4885.                                 }),

  4886.                               });

  4887.                               hc_land_on = new ol.layer.Vector({

  4888.                                 title: "add Layer",

  4889.                                 source: new ol.source.Vector({

  4890.                                   projection: projection,

  4891.                                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  4892.                                     "    \"type\": \"Feature\",\n" +

  4893.                                     "    \"geometry\":" + that.mapZrzData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZrzData) + "}"),

  4894.                                 }),

  4895.                                 style: styleZjd

  4896.                               });

  4897.                               map.addLayer(hc_land_on);

  4898.                               var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4899.                               var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4900.                               var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4901.                               var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4902.                               //定位查询位置

  4903.                               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4904.                               map.getView().animate({

  4905.                                 // 只设置需要的属性即可

  4906.                                 center: center, // 中心点

  4907.                                 zoom: 17.8, // 缩放级别

  4908.                                 rotation: undefined, // 缩放完成view视图旋转弧度

  4909.                                 duration: 1000, // 缩放持续时间，默认不需要设置

  4910.                                 resolution:Math.random() * 0.00000001,

  4911.                               });

  4912.                             });

  4913.                           });

  4914.                         } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_fsss") {

  4915.                           that.mapZjdTeAll.mapZrzAData = {};

  4916.                           that.mapZjdDataTure = "";

  4917.                           //that.mapZjdTeAll.mapZjdAData ={};

  4918.                           map.removeLayer(hc_land_on);

  4919.                           let obj = {};

  4920.                           that.mapHasDateStatus = 0;

  4921.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  4922.                           let fsssXq = trs.find("td").eq(0).text();

  4923.                           let fsssIdNum = fsssXq.replace("t_house_survey_fsss.", "");

  4924.                           obj.id = fsssIdNum; //	主键id

  4925.                           obj.deptName = trs.find("td").eq(4).text();//行政区划名称

  4926.                           obj.zjddm = trs.find("td").eq(1).text();//宅基地代码

  4927.                           // obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态

  4928.                           // obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型

  4929.                           obj.jzmj = trs.find("td").eq(8).text(); //建筑面积

  4930. 

  4931.                           let params = {

  4932.                             "deptId": that.$cookies.get("item").deptId,

  4933.                             "zjddm": obj.zjddm,

  4934.                             "pageSize": 20,

  4935.                           }

  4936.                           that.$cookies.remove("search")

  4937.                           //that.$cookies.set("map", "")

  4938.                           listZjdzd(params).then((response) => {

  4939.                             that.mapZjdData = response.rows[0];

  4940.                             that.mapZjdData.active = 1;

  4941.                             that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4942.                             getFsss(obj.id).then((response) => {

  4943.                               if (response.data.jzmj != "") {

  4944.                                 that.textMjAll = response.data.jzmj;

  4945.                               } else {

  4946.                                 that.textMjAllNum = "1";

  4947.                               }

  4948.                               //that.mapfsssData.active = 4;

  4949.                               that.mapfsssData = response.data;

  4950.                               console.log(that.mapfsssData);

  4951.                               that.mapZjdTeAll.mapFsssAData = that.mapfsssData;

  4952.                               that.zjdHcDy = obj.zjddm;

  4953.                               var styleZjd = new ol.style.Style({

  4954.                                 stroke: new ol.style.Stroke({

  4955.                                   //边界样式

  4956.                                   color: "#CCFF66",

  4957.                                   width: 6,

  4958.                                 }),

  4959.                               });

  4960.                               hc_land_on = new ol.layer.Vector({

  4961.                                 title: "add Layer",

  4962.                                 source: new ol.source.Vector({

  4963.                                   projection: projection,

  4964.                                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  4965.                                     "    \"type\": \"Feature\",\n" +

  4966.                                     "    \"geometry\":" + that.mapfsssData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapfsssData) + "}"),

  4967.                                 }),

  4968.                                 style: styleZjd

  4969.                               });

  4970.                               map.addLayer(hc_land_on);

  4971.                               var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4972.                               var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4973.                               var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4974.                               var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4975.                               //定位查询位置

  4976.                               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4977.                               map.getView().animate({

  4978.                                 // 只设置需要的属性即可

  4979.                                 center: center, // 中心点

  4980.                                 zoom: 17.8, // 缩放级别

  4981.                                 rotation: undefined, // 缩放完成view视图旋转弧度

  4982.                                 duration: 1000, // 缩放持续时间，默认不需要设置

  4983.                                 resolution:Math.random() * 0.00000001,

  4984.                               });

  4985.                             });

  4986.                           });

  4987.                           // if(obj.jzmj != ""){

  4988.                           //   that.textMjAll = obj.jzmj;

  4989.                           // } else {

  4990.                           //   that.textMjAllNum = "1";

  4991.                           // }

  4992.                         } else {

  4993. 

  4994.                         }

  4995.                       }, 300);

  4996.                     } else {

  4997. 

  4998.                     }

  4999.                   });

  5000.               }

  5001.             }

  5002.             //数据库查询详情时使用----------------------------------------start

  5003.             // if(feature) {

  5004.             //   //document.getElementById("info").innerHTML = "";

  5005.             //   that.mapHaDataValue = true;

  5006.             //   var ifConsole = feature.values_.createBy;

  5007.             //   if (ifConsole =="mapTheGeomFsssId") {

  5008.             //     let obj = {};

  5009.             //     that.mapHasDateStatus = 0;

  5010.             //     obj.deptName = feature.values_.deptName;//行政区划名称

  5011.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  5012.             //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus; //状态

  5013.             //     obj.fssslx = feature.values_.fssslx; //附属设施类型

  5014.             //     obj.jzmj = feature.values_.jzmj; //建筑面积

  5015.             //     obj.qsly = feature.values_.qsly;//权属来源

  5016.             //     obj.fwzt = feature.values_.fwzt; //房屋状态

  5017.             //     obj.sfsp = feature.values_.sfsp; //是否审批

  5018.             //     obj.sffz = feature.values_.sffz; //是否发证

  5019.             //     obj.jglx = feature.values_.jglx; //结构类型

  5020.             //     obj.sfzzsy = feature.values_.sfzzsy; //是否正在使用

  5021.             //     obj.jzwqk = feature.values_.jzwqk; //建筑物情况

  5022.             //     obj.tdzk = feature.values_.tdzk; //审批或建设前土地状况

  5023.             //     obj.sfsgcf = feature.values_.sfsgcf; //是否受过处罚

  5024.             //     obj.sysNormalDisable = feature.values_.sysNormalDisable; //是否停用

  5025.             //     //附属设施类型字典项

  5026.             //     that.getDicts("fsss_type").then((response) => {

  5027.             //       var assetTypeOptions = response.data;

  5028.             //       if(obj.fssslx !=null && obj.fssslx !=""){

  5029.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5030.             //           if(obj.fssslx == assetTypeOptions[i].dictValue) {

  5031.             //             obj.fssslx = assetTypeOptions[i].dictLabel;

  5032.             //             break;

  5033.             //           }

  5034.             //         }

  5035.             //       }

  5036.             //     });

  5037.             //     //权属类型字典项

  5038.             //     that.getDicts("acquisition_method").then((response) => {

  5039.             //       var assetTypeOptions = response.data;

  5040.             //       if(obj.qsly !=null && obj.qsly !=""){

  5041.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5042.             //           if(obj.qsly == assetTypeOptions[i].dictValue) {

  5043.             //             obj.qsly = assetTypeOptions[i].dictLabel;

  5044.             //             break;

  5045.             //           }

  5046.             //         }

  5047.             //       }

  5048.             //     });

  5049.             //     //房屋状态字典项

  5050.             //     that.getDicts("fwzt").then((response) => {

  5051.             //       var assetTypeOptions = response.data;

  5052.             //       if(obj.fwzt !=null && obj.fwzt !=""){

  5053.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5054.             //           if(obj.fwzt == assetTypeOptions[i].dictValue) {

  5055.             //             obj.fwzt = assetTypeOptions[i].dictLabel;

  5056.             //             break;

  5057.             //           }

  5058.             //         }

  5059.             //       }

  5060.             //     });

  5061.             //     //是否审批字典项

  5062.             //     that.getDicts("sys_yes_no").then((response) => {

  5063.             //       var assetTypeOptions = response.data;

  5064.             //       if(obj.sfsp !=null && obj.sfsp !=""){

  5065.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5066.             //           if(obj.sfsp == assetTypeOptions[i].dictValue) {

  5067.             //             obj.sfsp = assetTypeOptions[i].dictLabel;

  5068.             //             break;

  5069.             //           }

  5070.             //         }

  5071.             //       }

  5072.             //     });

  5073.             //     //是否发证字典项

  5074.             //     that.getDicts("sys_yes_no").then((response) => {

  5075.             //       var assetTypeOptions = response.data;

  5076.             //       if(obj.sffz !=null && obj.sffz !=""){

  5077.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5078.             //           if(obj.sffz == assetTypeOptions[i].dictValue) {

  5079.             //             obj.sffz = assetTypeOptions[i].dictLabel;

  5080.             //             break;

  5081.             //           }

  5082.             //         }

  5083.             //       }

  5084.             //     });

  5085.             //     //结构类型字典项

  5086.             //     that.getDicts("house_jglx").then((response) => {

  5087.             //       var assetTypeOptions = response.data;

  5088.             //       if(obj.jglx !=null && obj.jglx !=""){

  5089.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5090.             //           if(obj.jglx == assetTypeOptions[i].dictValue) {

  5091.             //             obj.jglx = assetTypeOptions[i].dictLabel;

  5092.             //             break;

  5093.             //           }

  5094.             //         }

  5095.             //       }

  5096.             //     });

  5097.             //     //是否正在使用字典项

  5098.             //     that.getDicts("sys_yes_no").then((response) => {

  5099.             //       var assetTypeOptions = response.data;

  5100.             //       if(obj.sfzzsy !=null && obj.sfzzsy !=""){

  5101.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5102.             //           if(obj.sfzzsy == assetTypeOptions[i].dictValue) {

  5103.             //             obj.sfzzsy = assetTypeOptions[i].dictLabel;

  5104.             //             break;

  5105.             //           }

  5106.             //         }

  5107.             //       }

  5108.             //     });

  5109.             //     //房屋状态字典项

  5110.             //     that.getDicts("fwzt").then((response) => {

  5111.             //       var assetTypeOptions = response.data;

  5112.             //       if(obj.fwzt !=null && obj.fwzt !=""){

  5113.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5114.             //           if(obj.fwzt == assetTypeOptions[i].dictValue) {

  5115.             //             obj.fwzt = assetTypeOptions[i].dictLabel;

  5116.             //             break;

  5117.             //           }

  5118.             //         }

  5119.             //       }

  5120.             //     });

  5121.             //     //土地状况字典项

  5122.             //     that.getDicts("land_state").then((response) => {

  5123.             //       var assetTypeOptions = response.data;

  5124.             //       if(obj.tdzk !=null && obj.tdzk !=""){

  5125.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5126.             //           if(obj.tdzk == assetTypeOptions[i].dictValue) {

  5127.             //             obj.tdzk = assetTypeOptions[i].dictLabel;

  5128.             //             break;

  5129.             //           }

  5130.             //         }

  5131.             //       }

  5132.             //     });

  5133.             //     //是否受过处罚字典项

  5134.             //     that.getDicts("land_state").then((response) => {

  5135.             //       var assetTypeOptions = response.data;

  5136.             //       if(obj.sfsgcf !=null && obj.sfsgcf !=""){

  5137.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5138.             //           if(obj.sfsgcf == assetTypeOptions[i].dictValue) {

  5139.             //             obj.sfsgcf = assetTypeOptions[i].dictLabel;

  5140.             //             break;

  5141.             //           }

  5142.             //         }

  5143.             //       }

  5144.             //     });

  5145.             //     that.mapFsssData = obj;

  5146.             //   } else if(ifConsole =="mapTheGeomZrzId"){

  5147.             //     let obj = {};

  5148.             //     that.mapHasDateStatus = 1;

  5149.             //     obj.deptName = feature.values_.deptName;//部门名称

  5150.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  5151.             //     obj.nmfwzh = feature.values_.nmfwzh;//农民房屋幢号

  5152.             //     obj.zrzh = feature.values_.zrzh;//自然幢号

  5153.             //     obj.jgrq = feature.values_.jgrq;//竣工日期

  5154.             //     obj.jzwgd = feature.values_.jzwgd;//建筑物高度

  5155.             //     obj.zzdmj = feature.values_.zzdmj;//幢占地面积

  5156.             //     obj.zydmj = feature.values_.zydmj;//幢用地面积

  5157.             //     obj.scjzmj = feature.values_.scjzmj;//实测建筑面积

  5158.             //     obj.zcs = feature.values_.zcs;//总层数

  5159.             //     obj.dscs = feature.values_.dscs;//地上层数

  5160.             //     obj.dxcs = feature.values_.dxcs;//地下层数

  5161.             //     obj.fwjg = feature.values_.fwjg;//房屋结构

  5162.             //     obj.sjly = feature.values_.sjly;//数据来源

  5163.             //     obj.status = feature.values_.status;//状态

  5164.             //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus;//数据调查确认状态

  5165.             //     //字典项转化

  5166.             //     //房屋结构字典项

  5167.             //     that.getDicts("housing_structure").then((response) => {

  5168.             //       var assetTypeOptions = response.data;

  5169.             //       if(obj.fwjg !=null && obj.fwjg !=""){

  5170.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5171.             //           if(obj.fwjg == assetTypeOptions[i].dictValue) {

  5172.             //             obj.fwjg = assetTypeOptions[i].dictLabel;

  5173.             //             break;

  5174.             //           }

  5175.             //         }

  5176.             //       }

  5177.             //     });

  5178.             //     //房屋结构字典项

  5179.             //     that.getDicts("sjly").then((response) => {

  5180.             //       var assetTypeOptions = response.data;

  5181.             //       if(obj.sjly !=null && obj.sjly !=""){

  5182.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5183.             //           if(obj.sjly == assetTypeOptions[i].dictValue) {

  5184.             //             obj.sjly = assetTypeOptions[i].dictLabel;

  5185.             //             break;

  5186.             //           }

  5187.             //         }

  5188.             //       }

  5189.             //     });

  5190.             //     that.mapZrzData = obj;

  5191.             //   } else if(ifConsole =="mapTheGeomZjdId"){

  5192.             //     let obj = {};

  5193.             //     that.mapHasDateStatus = 2;

  5194.             //     obj.deptName = feature.values_.deptName;//行政区划名称

  5195.             //     obj.suyqrdm = feature.values_.suyqrdm;//所有权人代码

  5196.             //     obj.nhdm = feature.values_.nhdm;//农户代码

  5197.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  5198.             //     obj.zdbh = feature.values_.zdbh;//宗地编号

  5199.             //     obj.zddm = feature.values_.zddm;//宗地代码

  5200.             //     obj.zl = feature.values_.zl;//坐落

  5201.             //     obj.zldwdm = feature.values_.zldwdm;//坐落单位代码

  5202.             //     obj.zdmj = feature.values_.zdmj;//宗地面积

  5203.             //     obj.yt = feature.values_.yt;//用途

  5204.             //     obj.ytmc = feature.values_.ytmc;//用途名称

  5205.             //     obj.dj = feature.values_.dj;//宗地编号

  5206.             //     obj.jg = feature.values_.jg;//价格万元

  5207.             //     obj.qllx = feature.values_.qllx;//权利类型

  5208.             //     obj.qlxz = feature.values_.qlxz;//权利性质

  5209.             //     obj.qlsdfs = feature.values_.qlsdfs;//权利设定方式

  5210.             //     obj.rjl = feature.values_.rjl;//容积率

  5211.             //     obj.jzmd = feature.values_.jzmd;//建筑密度

  5212.             //     obj.jzxg = feature.values_.jzxg;//建筑限高

  5213.             //     obj.zdszd = feature.values_.zdszd;//宗地四至-东

  5214.             //     obj.zdszn = feature.values_.zdszn;//宗地四至-南

  5215.             //     obj.zdszx = feature.values_.zdszx;//宗地四至-西

  5216.             //     obj.zdszb = feature.values_.zdszb;//宗地四至-北

  5217.             //     obj.zdt = feature.values_.zdt;//宗地图

  5218.             //     obj.tfh = feature.values_.tfh;//图幅号

  5219.             //     obj.djh = feature.values_.djh;//地籍号

  5220.             //     obj.sjly = feature.values_.sjly;//数据来源

  5221.             //     obj.lyzk = feature.values_.lyzk;//当前利用状况

  5222.             //     obj.xzkssj = feature.values_.xzkssj;//闲置开始时间

  5223.             //     obj.sffz = feature.values_.sffz;//是否发证

  5224.             //     obj.zjdzsh = feature.values_.zjdzsh;//宅基地证书号

  5225.             //     obj.zjdxctp = feature.values_.zjdxctp;//宅基地现场图片

  5226.             //     obj.zjdqdfs = feature.values_.zjdqdfs;//宅基地取得方式

  5227.             //     obj.bccjl = feature.values_.bccjl;//被惩处经历

  5228.             //     obj.bccbz = feature.values_.bccbz;//被惩处备注

  5229.             //     obj.yctcyx = feature.values_.yctcyx;//有偿退出意向

  5230.             //     obj.zjdpzmj = feature.values_.zjdpzmj;//宅基地批准面积

  5231.             //     obj.zjdxzyy = feature.values_.zjdxzyy;//宅基地闲置原因

  5232.             //     obj.lzyx = feature.values_.lzyx;//流转意向

  5233.             //     obj.sysNormalDisable = feature.values_.sysNormalDisable;//是否停用

  5234.             //     obj.active = 1;

  5235.             //     //字典项转化

  5236.             //     //是否发证字典项

  5237.             //     that.getDicts("sys_yes_no").then((response) => {

  5238.             //       var assetTypeOptions = response.data;

  5239.             //       if(obj.sffz !=null && obj.sffz !=""){

  5240.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5241.             //           if(obj.sffz == assetTypeOptions[i].dictValue) {

  5242.             //             obj.sffz = assetTypeOptions[i].dictLabel;

  5243.             //             break;

  5244.             //           }

  5245.             //         }

  5246.             //       }

  5247.             //     });

  5248.             //     //利用状态字典项

  5249.             //     that.getDicts("zjdlyzk").then((response) => {

  5250.             //       var assetTypeOptions = response.data;

  5251.             //       if(obj.lyzk !=null && obj.lyzk !=""){

  5252.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5253.             //           if(obj.lyzk == assetTypeOptions[i].dictValue) {

  5254.             //             obj.lyzk = assetTypeOptions[i].dictLabel;

  5255.             //             break;

  5256.             //           }

  5257.             //         }

  5258.             //       }

  5259.             //     });

  5260.             //     //流转意向字典项

  5261.             //     that.getDicts("is_have").then((response) => {

  5262.             //       var assetTypeOptions = response.data;

  5263.             //       if(obj.lzyx !=null && obj.lzyx !=""){

  5264.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5265.             //           if(obj.lzyx == assetTypeOptions[i].dictValue) {

  5266.             //             obj.lzyx = assetTypeOptions[i].dictLabel;

  5267.             //             break;

  5268.             //           }

  5269.             //         }

  5270.             //       }

  5271.             //     });

  5272.             //     //有偿退出意向字典项

  5273.             //     that.getDicts("is_have").then((response) => {

  5274.             //       var assetTypeOptions = response.data;

  5275.             //       if(obj.yctcyx !=null && obj.yctcyx !=""){

  5276.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5277.             //           if(obj.yctcyx == assetTypeOptions[i].dictValue) {

  5278.             //             obj.yctcyx = assetTypeOptions[i].dictLabel;

  5279.             //             break;

  5280.             //           }

  5281.             //         }

  5282.             //       }

  5283.             //     });

  5284.             //     //被惩处经历字典项

  5285.             //     that.getDicts("is_have").then((response) => {

  5286.             //       var assetTypeOptions = response.data;

  5287.             //       if(obj.bccjl !=null && obj.bccjl !=""){

  5288.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5289.             //           if(obj.bccjl == assetTypeOptions[i].dictValue) {

  5290.             //             obj.bccjl = assetTypeOptions[i].dictLabel;

  5291.             //             break;

  5292.             //           }

  5293.             //         }

  5294.             //       }

  5295.             //     });

  5296.             //     //宅基地取得方式字典项

  5297.             //     that.getDicts("acquisition_method").then((response) => {

  5298.             //       var assetTypeOptions = response.data;

  5299.             //       if(obj.zjdqdfs !=null && obj.zjdqdfs !=""){

  5300.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5301.             //           if(obj.zjdqdfs == assetTypeOptions[i].dictValue) {

  5302.             //             obj.zjdqdfs = assetTypeOptions[i].dictLabel;

  5303.             //             break;

  5304.             //           }

  5305.             //         }

  5306.             //       }

  5307.             //     });

  5308.             //     //权利设定方式字典项

  5309.             //     that.getDicts("right_setting_mode").then((response) => {

  5310.             //       var assetTypeOptions = response.data;

  5311.             //       if(obj.qlsdfs !=null && obj.qlsdfs !=""){

  5312.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5313.             //           if(obj.qlsdfs == assetTypeOptions[i].dictValue) {

  5314.             //             obj.qlsdfs = assetTypeOptions[i].dictLabel;

  5315.             //             break;

  5316.             //           }

  5317.             //         }

  5318.             //       }

  5319.             //     });

  5320.             //     //数据来源字典项

  5321.             //     that.getDicts("sjly").then((response) => {

  5322.             //       var assetTypeOptions = response.data;

  5323.             //       if(obj.sjly !=null && obj.sjly !=""){

  5324.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5325.             //           if(obj.sjly == assetTypeOptions[i].dictValue) {

  5326.             //             obj.sjly = assetTypeOptions[i].dictLabel;

  5327.             //             break;

  5328.             //           }

  5329.             //         }

  5330.             //       }

  5331.             //     });

  5332.             //     that.mapZjdData = obj;

  5333.             //     console.log(obj.zjddm);

  5334.             //     that.zjdHcDy = obj.zjddm;

  5335.             //   } else {

  5336.             //     that.mapHaDataValue = false;

  5337.             //   }

  5338.             // }else {

  5339.             //   that.mapHaDataValue = false;

  5340.             // }

  5341.             //数据库查询详情时使用----------------------------------------end

  5342.           });

  5343.           //数据库循环加载时使用 --------------------加载较慢 ------start

  5344.           //当前账套没有任何空间数据

  5345.           // if(mapTalkAbout){

  5346.           //   let deptName = this.$store.state.user.loginDeptId + "";

  5347.           //   getQueryLand(deptName).then((response) => {

  5348.           //     if (response.code == 200) {

  5349.           //       let InsertCode = response.data;

  5350.           //       if (InsertCode != null) {

  5351.           //         var lat = InsertCode.lat;

  5352.           //         var lng = InsertCode.lng;

  5353.           //         var center;

  5354.           //         if(lat !=null && lng !=null && lat !="" && lng !=""){

  5355.           //           center = [lng,lat];

  5356.           //         }else {

  5357.           //           center =[115.452752, 31.789033];

  5358.           //         }

  5359.           //         map.getView().animate({

  5360.           //           // 只设置需要的属性即可

  5361.           //           center: ol.proj.fromLonLat(center), // 中心点

  5362.           //           zoom: 17.9, // 缩放级别

  5363.           //           rotation: undefined, // 缩放完成view视图旋转弧度

  5364.           //           duration: 1000, // 缩放持续时间，默认不需要设置

  5365.           //         });

  5366.           //       }

  5367.           //     }

  5368.           //   });

  5369.           // }

  5370.           //数据库循环加载时使用 --------------------加载较慢 ------start

  5371.         },

  5372. 

  5373.         /*右侧列表 --展开收缩*/

  5374.         selectionPushMap() {

  5375.           this.selectionIconShow = true;

  5376.           this.homesteadListStatus = true;

  5377.           $(".homesteadList_wrap").animate(

  5378.             {

  5379.               right: "0",

  5380.             },

  5381.             300

  5382.           );

  5383.         },

  5384.         homesteadListShrink() {

  5385.           this.selectionIconShow = false;

  5386.           // this.checked =["zjdSx","zrzSx","fsssSx"];

  5387.           $(".homesteadList_wrap").animate(

  5388.             {

  5389.               right: "-300px",

  5390.             },

  5391.             300

  5392.           );

  5393.           setTimeout(() => {

  5394.             this.homesteadListStatus = false;

  5395.           }, 300);

  5396.         },

  5397.         checkClick(res){

  5398.           // 1、全选与不全选模块

  5399.           $(".checkall").change(function() {

  5400.             $(".item-list-checkbox .checkitem").prop("checked", $(this).prop("checked"));

  5401.             if($(this).prop("checked")){

  5402. 

  5403.             }else {

  5404. 

  5405.             }

  5406.           });

  5407.           // 2、小复选框模块

  5408.           $(".checkitem").change(function() {

  5409.             if ($(".checkitem:checked").length === $(".checkitem").length) {

  5410.               $(".checkall").prop("checked", true);

  5411.             } else {

  5412.               $(".checkall").prop("checked", false);

  5413.             }

  5414.           })

  5415.         },

  5416.         //绘制多边形地图

  5417.         drawMapPolygonFun() {

  5418. 

  5419.         },

  5420.         guidProduct(){

  5421.           return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {

  5422.             var r = Math.random() * 16 | 0,

  5423.               v = c == 'x' ? r : (r & 0x3 | 0x8);

  5424.             return v.toString(16);

  5425.           });

  5426.         },

  5427.         //宅基地点击地图核查

  5428.         zjdHc(){

  5429.           if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){

  5430.             if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  5431.               this.mapZjdTeAll.active =1;

  5432.               //this.$cookies.set("search",this.mapZjdTeAll);

  5433.               this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5434.               //this.$router.push({path:'/homesteadSurvey/add'});

  5435.             }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){

  5436.               if(this.mapZjdTeAll.mapZjdAData !=""){

  5437.                 this.mapZjdTeAll.active = 3;

  5438.                 //this.$cookies.set("search",this.mapZjdTeAll);

  5439.                 this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5440.               } else {

  5441.                 this.$toast("必须有宅基地数据才能进入自然幢核查");

  5442.               }

  5443.             }else {

  5444.               if(this.mapZjdTeAll.mapZjdAData !="") {

  5445.                 this.mapZjdTeAll.active = 4;

  5446.                 //this.$cookies.set("search", this.mapZjdTeAll);

  5447.                 this.$router.push({path: '/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5448.               } else {

  5449.                 this.$toast("必须有宅基地数据才能进入附属设施核查");

  5450.               }

  5451.             }

  5452.           } else {

  5453.             this.$dialog.alert({

  5454.               title: '宅基地核查',

  5455.               message: "请从地图中选择图层并点击核查",

  5456.               theme: 'round-button',

  5457.             }).then(() => {

  5458.               // on close

  5459.             });

  5460.           }

  5461.         },

  5462.         //搜索详情跳转

  5463.         zjdSs(item){

  5464.           this.mapZjdTeAll.mapZjdAData ={};

  5465.           this.mapZjdTeAll.mapZrzAData ={};

  5466.           this.mapZjdTeAll.mapFsssAData ={};

  5467.           //this.mapZjdTeAll.active =1;

  5468.           if(item.typeTc =="宅基地"){

  5469.           getZjdzd(item.id).then((response) => {

  5470.             this.mapZjdData = response.data;

  5471.             this.mapZjdTeAll.active = 1;

  5472.             this.mapZjdTeAll.mapZjdAData = this.mapZjdData;

  5473.             //this.$cookies.set("search",this.mapZjdTeAll);

  5474.             setTimeout(() => {

  5475.             this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5476.               }, 500);

  5477.           });

  5478.           }else if(item.typeTc =="自然幢"){

  5479.             //let =

  5480.             getZjdzd(item.id).then((response) => {

  5481.               this.mapZrzData = response.data;

  5482.               this.mapZjdTeAll.active = 3;

  5483.               this.mapZjdTeAll.mapZrzAData = this.mapZrzData;

  5484.               //this.$cookies.set("search",this.mapZjdTeAll);

  5485.               setTimeout(() => {

  5486.                 this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5487.               }, 500);

  5488.             });

  5489.           }else if(item.typeTc =="附属设施"){

  5490.             getFsss(item.id).then((response) => {

  5491.               this.mapFsssData = response.data;

  5492.               this.mapZjdTeAll.active = 4;

  5493.               this.mapZjdTeAll.mapFsssAData = this.mapFsssData;

  5494.               //this.$cookies.set("search",this.mapZjdTeAll);

  5495.               setTimeout(() => {

  5496.                 this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5497.               }, 500);

  5498.             });

  5499.           }else{

  5500.             this.$toast("无数据请检查后进入核查页面");

  5501.           }

  5502.         },

  5503.         //地图查询

  5504.         toggleSearch() {

  5505.           $("#query").trigger("click");

  5506.         },

  5507.         //

  5508.         checkAllArray(value){

  5509.           if(this.checked.length<3){

  5510.             this.$refs.checkboxGroup.toggleAll(true);

  5511.           }else{

  5512.             this.$refs.checkboxGroup.toggleAll(false);

  5513.           }

  5514.         },

  5515.         //筛选//全选

  5516.         checkAll(val) {

  5517.           this.$refs.checkboxGroup.value.toggleAll(true);

  5518.           return;

  5519.           let checkedCount = this.CheckedAllArr.length

  5520.           if (val) {

  5521.             //全选

  5522.             this.CheckedAllArr = this.dataList.map(item => item.id)

  5523.           } else{

  5524.             //取消全选

  5525.             if (checkedCount === this.dataList.length) {

  5526.               //如果不增加这个条件判断点击某一项时会全部取消

  5527.               this.CheckedAllArr = []

  5528.             }

  5529.           }

  5530.         },

  5531.         //单选

  5532.         handleChecked(value) {

  5533.           // this.checkAllFlag = this.CheckedAllArr.length == this.dataList.length;

  5534.           if (value.length<3){

  5535.             this.checkAllFlag = false;

  5536.           }else{

  5537.             this.checkAllFlag = true;

  5538.           }

  5539.           value.indexOf('zjdSx') == -1 ? this.zjdSx = false : this.zjdSx = true;

  5540.           value.indexOf('zrzSx') == -1 ? this.zrzSx = false : this.zrzSx = true;

  5541.           value.indexOf('fsssSx') == -1 ? this.fsssSx = false : this.fsssSx = true;

  5542.         },

  5543.         closeSearchBox(){

  5544.           this.showSearch = false ;

  5545.           var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)

  5546.           document.styleSheets[0].insertRule(

  5547.             "@keyframes test2" +

  5548.             "{" +

  5549.             "0%{bottom: 0px}" +

  5550.             "100%{bottom: -" + height + "px;}" +

  5551.             "}"

  5552.           )

  5553.           $('.searchBar_wrap').css({'animation':'test2 0.5s ease-in-out 0s 1 alternate forwards','-webkit-animation':'test2 0.5s ease-in-out 0s 1 alternate forwards'});

  5554.         },

  5555.         zjdTz(){

  5556.           if(this.mapZjdData =="" && this.mapZjdDataTure =="" && this.mapZjdData !=undefined){

  5557.             this.mapZjdTeAll.active =1;

  5558.             this.mapZjdTeAll.mapZjdAData.deptId =this.$cookies.get("item").deptId;

  5559.             this.mapZjdTeAll.mapZjdAData.theGeom =this.htZjdZrzFsss;

  5560.             //this.mapZjdTeAll.mapZjdAData.deptId = this.$cookies.get("item").deptId;

  5561.             //this.$cookies.set("search",this.mapZjdTeAll);

  5562.             this.$cookies.set("search","")

  5563.             this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5564.           }else {

  5565.             this.$toast("已选择宅基地，请选择自然幢或附属设施按钮");

  5566.           }

  5567.         },

  5568.         zrzTz(){

  5569.           if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  5570.             this.mapZjdTeAll.active =3;

  5571.             this.mapZjdTeAll.mapZrzAData.theGeom =this.htZjdZrzFsss;

  5572.             this.mapZjdTeAll.mapZrzAData.deptId =this.$cookies.get("item").deptId;

  5573.             //this.mapZjdTeAll.mapZrzAData.deptId = this.$cookies.get("item").deptId;

  5574.             //this.$cookies.set("search",this.mapZjdTeAll);

  5575.             this.$cookies.set("search","")

  5576.             this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5577.           }else {

  5578.             this.$toast("请先在地图上选择宅基地后，再选择自然幢按钮");

  5579.           }

  5580.         },

  5581.         fsssTz(){

  5582.           if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  5583.           this.mapZjdTeAll.active =4;

  5584.           this.mapZjdTeAll.mapFsssAData.theGeom =this.htZjdZrzFsss;

  5585.             this.mapZjdTeAll.mapFsssAData.deptId =this.$cookies.get("item").deptId;

  5586.           //this.mapZjdTeAll.mapFsssAData.deptId = this.$cookies.get("item").deptId;

  5587.           //this.$cookies.set("search",this.mapZjdTeAll);

  5588.             this.$cookies.set("search","")

  5589.           this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5590.           }else {

  5591.             this.$toast("请先在地图上选择宅基地后，再选择附属设施按钮");

  5592.           }

  5593.         },

  5594.         //绘图重置清除之前图层

  5595.         deleteHistory(){

  5596.           $("#deleteHistory").trigger("click");

  5597.         }

  5598. 

  5599.       },

  5600.     }

  5601. </script>

  5602. 

  5603. <style scoped lang="scss">

  5604.   /deep/ .van-swipe-cell__wrapper{

  5605.     margin-right:-3px;

  5606.   }

  5607.   .hzlxBtn{

  5608.     font-size: 0.3rem;

  5609.     display: inline-block;

  5610.     padding: 2% 0;

  5611.     border-radius: 30PX;

  5612.     color: #FFF;

  5613.     margin-right: 2%;

  5614.     width: 30%;

  5615.     &:last-child{

  5616.       margin: 0;

  5617.     }

  5618.   }

  5619.   .van-cell__title{

  5620.     flex:2

  5621.   }

  5622.   .bannerBg{

  5623.     width: 100%;

  5624.     color:#fff;

  5625.     /*padding:10px;*/

  5626.     background: linear-gradient(134deg,#7ac943 1%, #22b7f2);

  5627.   }

  5628.   .van-hairline--bottom::after {

  5629.     border-bottom-width: 0;

  5630.   }

  5631.   .activeBtn{

  5632.     background:#fff;

  5633.     height:50px;

  5634.     border-radius:25px;

  5635.     color:#7AC943;

  5636.     line-height:50px;

  5637.     text-align:center;

  5638.     font-size:20px;

  5639.     width: 26%;

  5640.     margin:0 10px;

  5641.     box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);

  5642.   }

  5643.   .disactiveBtn{

  5644.     background:rgba(255,255,255,.4);

  5645.     height:50px;

  5646.     border-radius:25px;

  5647.     color:#fff;

  5648.     line-height:50px;

  5649.     text-align:center;

  5650.     font-size:20px;

  5651.     width: 26%;

  5652.     margin:0 10px;

  5653.     box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);

  5654.   }

  5655.   /*.van-cell__label{*/

  5656.   /*  color: #969799;*/

  5657.   /*  font-size: 12px;*/

  5658.   /*  line-height: 20px;*/

  5659.   /*  margin:0*/

  5660.   /*}*/

  5661.   .map_area {

  5662.     width: 50vw;

  5663.     height: 50vh;

  5664.     z-index:1;

  5665.     background:#000;

  5666.     position: fixed;

  5667.     left: 0;

  5668.     top: 0;

  5669.   }

  5670.   .van-field__label{

  5671.     width:50%;

  5672.   }

  5673.   .rightZoom_wrap {

  5674.     position: absolute;

  5675.     right: 3%;

  5676.     top: 35%;

  5677.     margin-top: -200px;

  5678.     background: #fff;

  5679.     margin-bottom: 16px;

  5680.     border-radius: 10px;

  5681.     text-align: center;

  5682.     padding: 15px 20px;

  5683.     img{

  5684.       margin: 0 auto;

  5685.     }

  5686.     .amplification {

  5687.       line-height: 1;

  5688.       font-size: 18px;

  5689.       text-align: center;

  5690.       margin-top: 5px;

  5691.     }

  5692.   }

  5693.   .mapZoom_wrap {

  5694.     position: absolute;

  5695.     right: 3%;

  5696.     top: 50%;

  5697.     margin-top: -200px;

  5698.     background: #fff;

  5699.     margin-bottom: 16px;

  5700.     border-radius: 10px;

  5701.     padding: 0px 20px;

  5702.     div{

  5703.       padding: 15px 0;

  5704.       border-bottom: 1px solid #C9C9C9;

  5705.       &:last-child{

  5706.         border: none;

  5707.       }

  5708.       p{

  5709.         margin-top: 5px;

  5710.       }

  5711.     }

  5712.     .qtMap {

  5713.       font-size: 18px;

  5714.       text-align: center;

  5715.       line-height: 1;

  5716.     }

  5717. 

  5718.     .clMap {

  5719.       font-size: 18px;

  5720.       text-align: center;

  5721.       line-height: 1;

  5722.     }

  5723. 

  5724.     .hcMap {

  5725.       font-size: 18px;

  5726.       text-align: center;

  5727.       line-height: 1;

  5728.     }

  5729. 

  5730.     .htMap {

  5731.       font-size: 18px;

  5732.       text-align: center;

  5733.       line-height: 1;

  5734.     }

  5735. 

  5736.     .dwMap {

  5737.       font-size: 18px;

  5738.       text-align: center;

  5739.       line-height: 1;

  5740.     }

  5741.   }

  5742.   .rightIcon_wrap {

  5743.     position: absolute;

  5744.     right: 16px;

  5745.     bottom: 160px;

  5746.     .selectionIcon_wrap {

  5747.       width: 74px;

  5748.       background: #fff;

  5749.       border-radius: 10px;

  5750.       padding: 14px 0;

  5751. 

  5752.       .icon {

  5753.         width: 38px;

  5754.         height: 38px;

  5755.         background: url("../../assets/images/homestead/selection_icon.png")

  5756.         no-repeat;

  5757.         background-size: 100% 100%;

  5758.         margin: 0 auto 4px;

  5759.       }

  5760.       .text {

  5761.         font-size: 24px;

  5762.         text-align: center;

  5763.       }

  5764.     }

  5765.     .positioning_wrap {

  5766.       width: 74px;

  5767.       background: #fff;

  5768.       margin-bottom: 16px;

  5769.       border-radius: 10px;

  5770.       height: 74px;

  5771.       display: flex;

  5772.       justify-content: center; /* 相对父元素水平居中 */

  5773.       align-items: center; /*  子元素相对父元素垂直居中*/

  5774.       .icon {

  5775.         width: 38px;

  5776.         height: 38px;

  5777.         background: url("../../assets/images/homestead/positioning_icon.png")

  5778.         no-repeat;

  5779.         background-size: 100% 100%;

  5780.         margin: 0 auto;

  5781.       }

  5782.     }

  5783.   }

  5784.   .homesteadList_wrap {

  5785.     // display: none;

  5786.     display: flex;

  5787.     position: absolute;

  5788.     right: -200px;

  5789.     top: 0px;

  5790.     bottom: 0px;

  5791.     width: 300px;

  5792.     background: #fff;

  5793.     z-index: 999;

  5794.     border-top-left-radius: 15px;

  5795.     border-bottom-left-radius: 15px;

  5796. 

  5797.     flex-direction: column;

  5798.     .noInfo_data {

  5799.       font-size: 28px;

  5800.       text-align: center;

  5801.       height: 300px;

  5802.       line-height: 300px;

  5803.       color: #666;

  5804.     }

  5805.     .title_m {

  5806.       color: #333;

  5807.       line-height: 36px;

  5808.       padding: 20px 40px 22px;

  5809.       .name {

  5810.         font-size: 36px;

  5811.         line-height: 42px;

  5812.         height: 42px;

  5813.       }

  5814.       .more_icon {

  5815.         width: 38px;

  5816.         height: 38px;

  5817.         background: url("../../assets/images/homestead/selectionNext_icon.png")

  5818.         no-repeat;

  5819.         float: right;

  5820.         margin-top: 2px;

  5821.       }

  5822.     }

  5823. 

  5824.     .main_m {

  5825.       overflow-y: auto;

  5826.       padding: 10px 0;

  5827.       // height: 300px;

  5828.       flex: 1;

  5829.       .flex_block {

  5830.         height: 70px;

  5831.         display: flex;

  5832.         // justify-content: center; /* 相对父元素水平居中 */

  5833.         align-items: center; /*  子元素相对父元素垂直居中 */

  5834.         padding: 0 40px;

  5835.         &.active {

  5836.           box-shadow: 0px 0px 10px rgba(24, 45, 51, 0.5);

  5837.         }

  5838.         .name_text {

  5839.           font-size: 28px;

  5840.           flex: 0.5;

  5841.           overflow: hidden; /*超出部分隐藏*/

  5842.           white-space: nowrap; /*不换行*/

  5843.           text-overflow: ellipsis; /*超出部分文字以...显示*/

  5844.         }

  5845.         .square_text {

  5846.           font-size: 28px;

  5847.           flex: 0.4;

  5848.         }

  5849.         .operation_mian {

  5850.           flex: 0 0 150px;

  5851. 

  5852.           .describe {

  5853.             font-size: 20px;

  5854.             padding: 6px 5px;

  5855.             float: right;

  5856.             color: #fff;

  5857.             border-radius: 30px;

  5858.             overflow: hidden;

  5859.             text-overflow: ellipsis;

  5860.             white-space: nowrap;

  5861.             max-width: 150px;

  5862.             &.yph {

  5863.               background: #b026ff;

  5864.             }

  5865.             &.dlzdph {

  5866.               background: #ff6f36;

  5867.             }

  5868.             &.ylz {

  5869.               background: #7fff4c;

  5870.             }

  5871.             &.dlz {

  5872.               background: rgb(255, 232, 76);

  5873.             }

  5874.             &.ylzdph {

  5875.               background: #ff7dd0;

  5876.             }

  5877.             &.zy {

  5878.               background: rgb(100, 30, 100);

  5879.             }

  5880.             &.xz {

  5881.               background: rgb(60, 100, 180);

  5882.             }

  5883.             &.chdb {

  5884.               background: #fe0303;

  5885.             }

  5886.           }

  5887.         }

  5888.       }

  5889.     }

  5890.     .footerBtn_wrap {

  5891.       flex: 0 0 90px;

  5892.       display: flex;

  5893.       justify-content: center; /* 相对父元素水平居中 */

  5894.       align-items: center; /*  子元素相对父元素垂直居中 */

  5895. 

  5896.       .options {

  5897.         flex: 1;

  5898.         font-size: 38px;

  5899.         display: flex;

  5900.         justify-content: center; /* 相对父元素水平居中 */

  5901.         align-items: center; /*  子元素相对父元素垂直居中 */

  5902.         height: 90px;

  5903.         &:first-child {

  5904.           border-bottom-left-radius: 15px;

  5905.         }

  5906.         &.active {

  5907.           background: #3cbf5b;

  5908.           color: #fff;

  5909.         }

  5910.       }

  5911.     }

  5912.   }

  5913. 

  5914.   .checkbox {

  5915.     width: 200px;

  5916.     margin: 30px auto;

  5917.   }

  5918. 

  5919.   .thead-checkbox {

  5920.     background-color: lightgray;

  5921.   }

  5922. 

  5923.   .item-checkbox {

  5924.     border: 1px solid darkgray;

  5925.   }

  5926.   .van-sticky{position: fixed;top: 0;right: 0; left: 0;z-index: 9999;}

  5927. 

  5928.   .searchBar_wrap {

  5929.     // display: none;

  5930.     position: fixed;

  5931.     left: 0;

  5932.     bottom: 0;

  5933.     width: 100%;

  5934.     padding: 0px 16px 0px 13px;

  5935.     background: #fff;

  5936.     border-top-left-radius: 15px;

  5937.     border-top-right-radius: 15px;

  5938.     z-index: 9;

  5939. 

  5940.     .searchBox{

  5941.       height: 40vh;

  5942.       overflow-y: scroll;

  5943.       .van-cell{

  5944.         /*&:first-child{*/

  5945.         /*  box-shadow: none;*/

  5946.         /*  margin:0;*/

  5947.         /*}*/

  5948.         box-shadow: 0px 0px 5px #cccccc;

  5949.         border-radius: 15PX;

  5950.         width: 98%;

  5951.         margin: 0 auto;

  5952.         margin-bottom: 0.35rem;

  5953.         &:first-child{

  5954.           margin-top: 5px;

  5955.         }

  5956.       }

  5957.       .van-cell__title{

  5958.         flex: 0.8;

  5959.         p{

  5960.           color: rgb(34, 183, 242);

  5961.           .van-icon{

  5962.             vertical-align: middle;

  5963.           }

  5964.           span{

  5965.             vertical-align: middle;

  5966.             &:nth-child(2){

  5967.               overflow: hidden;

  5968.               white-space: nowrap;

  5969.               text-overflow: ellipsis;

  5970.               display: inline-block;

  5971.               width: 60%;

  5972.             }

  5973.             &:nth-child(3){

  5974.               font-size: 0.25rem;

  5975.               border-radius: 5PX;

  5976.               padding: 5PX 15PX;

  5977.               margin-left: 5%;

  5978.             }

  5979.           }

  5980.         }

  5981.       }

  5982.       .van-cell__value{

  5983.         flex: 0.2;

  5984.         p{

  5985.           font-size: 0.25rem;

  5986.           display: inline-block;

  5987.           border-radius: 1rem;

  5988.           line-height: 1;

  5989.           padding: 10%;

  5990.         }

  5991.       }

  5992.     }

  5993.     .actionBar_wrap {

  5994.       display: flex;

  5995.       position: absolute;

  5996.       top: 0;

  5997.       left: 0;

  5998.       width: 100%;

  5999.       height: 100%;

  6000. 

  6001.       background: #fff;

  6002.       border-top-left-radius: 15px;

  6003.       border-top-right-radius: 15px;

  6004.       .m_list {

  6005.         flex: 1;

  6006.         display: flex;

  6007.         justify-content: center; /* 相对父元素水平居中 */

  6008.         align-items: center; /*  子元素相对父元素垂直居中 */

  6009. 

  6010.         .tensile,

  6011.         .positioning,

  6012.         .spacing,

  6013.         .scale {

  6014.           width: 76px;

  6015.           height: 72px;

  6016.           background: #ffffff;

  6017.           border-radius: 8px;

  6018.           box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);

  6019.           .icon {

  6020.             width: 76px;

  6021.             height: 72px;

  6022.           }

  6023.           &.active {

  6024.             background: #333;

  6025.             &.tensile {

  6026.               .icon {

  6027.                 background: url("../../assets/images/homestead/operation/tensile_active.png")

  6028.                 center center no-repeat;

  6029.                 background-size: 38px 50px;

  6030.               }

  6031.             }

  6032.             &.positioning {

  6033.               .icon {

  6034.                 background: url("../../assets/images/homestead/operation/positioning_active.png")

  6035.                 center center no-repeat;

  6036.                 background-size: 38px 48px;

  6037.               }

  6038.             }

  6039.             &.spacing {

  6040.               .icon {

  6041.                 background: url("../../assets/images/homestead/operation/spacing_active.png")

  6042.                 center center no-repeat;

  6043.                 background-size: 46px 46px;

  6044.               }

  6045.             }

  6046.             &.scale {

  6047.               .icon {

  6048.                 background: url("../../assets/images/homestead/operation/scale_active.png")

  6049.                 center center no-repeat;

  6050.                 background-size: 48px 48px;

  6051.               }

  6052.             }

  6053.           }

  6054.         }

  6055.         .tensile {

  6056.           .icon {

  6057.             background: url("../../assets/images/homestead/operation/tensile.png")

  6058.             center center no-repeat;

  6059.             background-size: 38px 50px;

  6060.           }

  6061.         }

  6062.         .positioning {

  6063.           .icon {

  6064.             background: url("../../assets/images/homestead/operation/positioning.png")

  6065.             center center no-repeat;

  6066.             background-size: 38px 48px;

  6067.           }

  6068.         }

  6069.         .spacing {

  6070.           .icon {

  6071.             background: url("../../assets/images/homestead/operation/spacing.png")

  6072.             center center no-repeat;

  6073.             background-size: 46px 46px;

  6074.           }

  6075.         }

  6076.         .scale {

  6077.           .icon {

  6078.             background: url("../../assets/images/homestead/operation/scale.png")

  6079.             center center no-repeat;

  6080.             background-size: 48px 48px;

  6081.           }

  6082.         }

  6083.         .closes {

  6084.           background: url("../../assets/images/homestead/searchBar_close.png")

  6085.           no-repeat;

  6086.           background-size: 100% 100%;

  6087.           width: 72px;

  6088.           height: 72px;

  6089.           &.gray {

  6090.             background: url("../../assets/images/homestead/searchBar_close_gray.png")

  6091.             no-repeat;

  6092.             background-size: 100% 100%;

  6093.           }

  6094.         }

  6095.         .correct {

  6096.           background: url("../../assets/images/homestead/searchBar_save.png")

  6097.           no-repeat;

  6098.           background-size: 100% 100%;

  6099.           width: 72px;

  6100.           height: 72px;

  6101.         }

  6102.       }

  6103.     }

  6104.     .searchBar_area {

  6105.       flex: 1;

  6106.       height: 80px;

  6107.       background: #f1f1f1;

  6108.       border: 1px solid #dfdfdf;

  6109.       border-radius: 10px;

  6110.       padding: 0 28px;

  6111.       display: flex;

  6112.       .bar_icon {

  6113.         width: 50px;

  6114.         height: 50px;

  6115.         background: url("../../assets/images/homestead/searchBar_bar.png")

  6116.         center center no-repeat;

  6117.         background-size: 100% 100%;

  6118.         margin-top: 14px;

  6119.         margin-right: 15px;

  6120.       }

  6121.       .bar_ipt {

  6122.         flex: 1;

  6123.         input {

  6124.           width: 100%;

  6125.           height: 100%;

  6126.           background: none;

  6127.           border: 0 none;

  6128.           font-size: 32px;

  6129.         }

  6130.       }

  6131.       .bar_text {

  6132.         flex: 0 0 80px;

  6133.         font-size: 32px;

  6134.         color: #333333;

  6135.         font-family: PingFang SC, PingFang SC-Regular;

  6136.         font-weight: 400;

  6137.         display: flex;

  6138.         justify-content: center; /* 相对父元素水平居中 */

  6139.         align-items: center; /*  子元素相对父元素垂直居中 */

  6140.       }

  6141.     }

  6142.     .searchBar_more {

  6143.       flex: 0 0 80px;

  6144.       background: url("../../assets/images/homestead/searchBar_add.png") center

  6145.       center no-repeat;

  6146.       background-size: 80% 80%;

  6147.       margin-left: 15px;

  6148.     }

  6149.   }

  6150. </style>