zhangzl
/
nsgk_mobile
2
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
移动端
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
920 Incheckningar
7 Grenar
79 MiB
 
 
Träd: 4397acf200
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '4397acf200'
${ noResults }
nsgk_mobile/src/views/homesteadSurvey/list4.vue

6694 rader
277 KiB
Rå Blame Historik 

  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  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.                 <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='0'" style="color:#ff976a;float:right;font-size:12px;margin-right:10px;">待审核</span>

  91.                 <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='1'" style="color:#07c160;float:right;font-size:12px;margin-right:10px;">已审核</span>

  92.                 <span v-if="item.houseDataConfirmStatus=='CONFIRMED'&&item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>

  93.               </p>

  94.             </template>

  95.             <!--<template #default>

  96. 

  97.             </template>-->

  98.             <template #label>

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

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

  101.                 <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>

  102.               </p>

  103.             </template>

  104.             <template #icon>

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

  106.             </template>

  107.           </van-cell>

  108.             </van-list>

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

  110.         </van-tab>

  111.         <van-tab >

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

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

  114.           <van-list

  115.             v-model:loading="loading2"

  116.             :finished="finished2"

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

  118.             @load="onRefreshzjd"

  119.             :immediate-check="false"

  120.           >

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

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

  123.             <template #title>

  124.               <p style="color:#22B7F2">{{limitWords(item.syqr)}}

  125.                 <van-button  plain round color="#7AC943" size="mini" style="vertical-align:middle;float:right;" @click="setCookies(item)">查看</van-button>

  126.                 <span v-if="item.zjdAudit=='0'" style="color:#ff976a;float:right;font-size:12px;margin-right:10px;">待审核</span>

  127.                 <span v-if="item.zjdAudit=='1'" style="color:#07c160;float:right;font-size:12px;margin-right:10px;">已审核</span>

  128.                 <span v-if="item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>

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

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

  131.               </p>

  132.             </template>

  133.             <!--<template #default>

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

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

  136.             </template>-->

  137.             <template #label>

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

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

  140.                 <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>

  141.               </p>

  142.             </template>

  143.             <template #icon>

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

  145.             </template>

  146.           </van-cell>

  147.           </van-list>

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

  149.         </van-tab>

  150.         <van-tab >

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

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

  153.           <van-list

  154.             v-model:loading="loading3"

  155.             :finished="finished3"

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

  157.             @load="onRefreshzjd"

  158.             :immediate-check="false"

  159.           >

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

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

  162.             <template #title>

  163.               <p style="color:#22B7F2">{{limitWords(item.syqr)}}

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

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

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

  167.                 <span v-if="item.zjdAudit=='2'" style="color:#ee0a24;float:right;font-size:12px;margin-right:10px;">已驳回</span>

  168.               </p>

  169.             </template>

  170.             <!--<template #default>

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

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

  173.             </template>-->

  174.             <template #label>

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

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

  177. 

  178.                 <span  style="color:#22B7F2;float:right;">{{item.updateBy}}</span>

  179.               </p>

  180.             </template>

  181.             <template #icon>

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

  183.             </template>

  184.           </van-cell>

  185.             </van-list>

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

  187.         </van-tab>

  188.       </van-tabs>

  189.     </div>

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

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

  192.         <template #action>

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

  194.         </template>

  195.       </van-search>

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

  197.       <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">

  198.         <template #title>

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

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

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

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

  203.           </p>

  204.         </template>

  205. <!--        <template #default>

  206. 

  207.         </template>-->

  208.         <template #label>

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

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

  211.         </template>

  212.         <template #icon>

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

  214.         </template>

  215.       </van-cell>

  216.       </van-pull-refresh>

  217.     </div>

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

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

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

  221.           <van-field

  222.             autocomplete="off"

  223.             v-model="qlrform.qydm"

  224.             name="区域代码"

  225.             label="区域代码"

  226.             placeholder="禁止修改"

  227.             disabled

  228.             input-align="right"

  229.           />

  230.           <van-field

  231.             autocomplete="off"

  232.             v-model="qlrform.suyqrdm"

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

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

  235.             disabled

  236.             placeholder="自动生成"

  237.             input-align="right"

  238.           />

  239.           <van-field

  240.             autocomplete="off"

  241.             v-model="qlrform.suyqrmc"

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

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

  244.             required

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

  246.             input-align="right"

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

  248.           />

  249.           <van-field

  250.             autocomplete="off"

  251.             v-model="qlrform.suyqxzName"

  252.             name="所有权性质"

  253.             label="所有权性质"

  254.             required

  255.             placeholder="所有权性质"

  256.             input-align="right"

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

  258.             @click="showsuyqxz = true"

  259.           />

  260.           <van-field

  261.             autocomplete="off"

  262.             v-model="qlrform.suyqxz"

  263.             style="display:none"

  264.           />

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

  266.             <van-picker

  267.               show-toolbar

  268.               :columns="suyqxzOptions"

  269.               value-key="dictLabel"

  270.               @confirm="onConfirmsuyqxz"

  271.               @cancel="showsuyqxz = false"

  272.             />

  273.           </van-popup>

  274.           <van-field

  275.             autocomplete="off"

  276.             v-model="qlrform.dbrxm"

  277.             name="代表人姓名"

  278.             label="代表人姓名"

  279.             required

  280.             placeholder="代表人姓名"

  281.             input-align="right"

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

  283.           />

  284.           <van-field

  285.             autocomplete="off"

  286.             v-model="qlrform.dbrzjlx"

  287.             style="display:none"

  288.           />

  289.           <van-field

  290.             autocomplete="off"

  291.             v-model="qlrform.dbrzjlxName"

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

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

  294.             required

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

  296.             input-align="right"

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

  298.             @click="showdbrzjlx = true"

  299.           />

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

  301.             <van-picker

  302.               show-toolbar

  303.               :columns="zjlxOptions"

  304.               value-key="dictLabel"

  305.               @confirm="onConfirmdbrzjlx"

  306.               @cancel="showdbrzjlx = false"

  307.             />

  308.           </van-popup>

  309.           <van-field

  310.             autocomplete="off"

  311.             v-model="qlrform.dbrzjhm"

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

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

  314.             required

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

  316.             input-align="right"

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

  318.           />

  319.           <van-field

  320.             autocomplete="off"

  321.             v-model="qlrform.dbrlxdh"

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

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

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

  325.             type="number"

  326.             input-align="right"

  327.             required

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

  329.           />

  330.           <van-field

  331.             autocomplete="off"

  332.             v-model="qlrform.dbrtxdz"

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

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

  335.             required

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

  337.             input-align="right"

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

  339.           />

  340.           <van-field

  341.             autocomplete="off"

  342.             v-model="qlrform.dbryzbm"

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

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

  345.             required

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

  347.             input-align="right"

  348.             maxlength="6"

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

  350.           />

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

  352.             <template #input>

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

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

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

  356.               </van-radio-group>

  357.             </template>

  358.           </van-field>

  359.           <van-field

  360.             autocomplete="off"

  361.             v-model="qlrform.dlrxm"

  362.             name="代理人姓名"

  363.             label="代理人姓名"

  364.             placeholder="代理人姓名"

  365.             input-align="right"

  366.           />

  367.           <van-field

  368.             autocomplete="off"

  369.             v-model="qlrform.dlrzjlx"

  370.             style="display:none"

  371.           />

  372.           <van-field

  373.             autocomplete="off"

  374.             v-model="qlrform.dlrzjlxName"

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

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

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

  378.             input-align="right"

  379.             @click="showdlrzjlx = true"

  380.           />

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

  382.             <van-picker

  383.               show-toolbar

  384.               :columns="zjlxOptions"

  385.               value-key="dictLabel"

  386.               @confirm="onConfirmdlrzjlx"

  387.               @cancel="showdlrzjlx = false"

  388.             />

  389.           </van-popup>

  390.           <van-field

  391.             autocomplete="off"

  392.             v-model="qlrform.dlrzjhm"

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

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

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

  396.             input-align="right"

  397.           />

  398.           <van-field

  399.             autocomplete="off"

  400.             v-model="qlrform.dlrlxdh"

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

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

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

  404.             input-align="right"

  405.           />

  406.           <van-field

  407.             autocomplete="off"

  408.             v-model="qlrform.dlrtxdz"

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

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

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

  412.             input-align="right"

  413.           />

  414.           <van-field

  415.             autocomplete="off"

  416.             v-model="qlrform.dlryzbm"

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

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

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

  420.             input-align="right"

  421.           />

  422.         </div>

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

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

  425.         <van-field

  426.           autocomplete="off"

  427.           v-model="qlrform.ncjtjjzzdm"

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

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

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

  431.           input-align="right"

  432.         />

  433.         <van-field

  434.           autocomplete="off"

  435.           v-model="qlrform.ncjtjjzzmc"

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

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

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

  439.           input-align="right"

  440.         />

  441.         <van-field

  442.           autocomplete="off"

  443.           v-model="qlrform.fbfdm"

  444.           name="发包方代码"

  445.           label="发包方代码"

  446.           placeholder="发包方代码"

  447.           input-align="right"

  448.         />

  449.         <van-field

  450.           autocomplete="off"

  451.           v-model="qlrform.fbfmc"

  452.           name="发包方名称"

  453.           label="发包方名称"

  454.           placeholder="发包方名称"

  455.           input-align="right"

  456.         />

  457.         <van-field

  458.           autocomplete="off"

  459.           v-model="qlrform.sjlyName"

  460.           name="数据来源"

  461.           label="数据来源"

  462.           placeholder="数据来源"

  463.           input-align="right"

  464.           @click="showsjly = true"

  465.           required

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

  467.         />

  468.         <van-field

  469.           autocomplete="off"

  470.           v-model="qlrform.sjly"

  471.           style="display:none"

  472.         />

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

  474.           <van-picker

  475.             show-toolbar

  476.             :columns="sjlyOptions"

  477.             value-key="dictLabel"

  478.             @confirm="onConfirmsjly"

  479.             @cancel="showsjly = false"

  480.           />

  481.         </van-popup>

  482.         <van-field

  483.           autocomplete="off"

  484.           v-model="qlrform.bz"

  485.           name="备注"

  486.           label="备注"

  487.           placeholder="备注"

  488.           input-align="right"

  489.         />

  490.       </div>

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

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

  493.         </div>

  494.       </van-form>

  495.   </div>

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

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

  498.               <template #action>

  499.               </template>

  500.             </van-search>-->

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

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

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

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

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

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

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

  508.         <van-search

  509.           v-model="seachText"

  510.           show-action

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

  512.         >

  513.           <template #action>

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

  515.           </template>

  516.         </van-search>

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

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

  519.             <template #title>

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

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

  522.             </template>

  523.             <template #default>

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

  525.             </template>

  526.             <template #label>

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

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

  529.             </template>

  530.           </van-cell>

  531.         </div>

  532.       </div>

  533.       <!--图层-->

  534.       <div class="rightZoom_wrap">

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

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

  537.       </div>

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

  539.       <div class="mapZoom_wrap">

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

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

  542.           <p>全图</p>

  543.         </div>

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

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

  546.           <p>测量</p>

  547.         </div>

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

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

  550.           <p>核查</p>

  551.         </div>

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

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

  554.           <p>绘图</p>

  555.         </div>

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

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

  558.           <p>定位</p>

  559.         </div>

  560.       </div>

  561. 

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

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

  564.         <div class="main_m">

  565.           <div class="title_m">

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

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

  568.           </div>

  569. 

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

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

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

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

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

  575.                 <template #default>

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

  577.                 </template>

  578.               </van-checkbox>

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

  580.                 <template #default>

  581.                   自<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>

  582.                 </template>

  583.               </van-checkbox>

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

  585.                 <template #default>

  586.                   宅<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>

  587.                 </template>

  588.               </van-checkbox>

  589.             </van-checkbox-group>

  590.           </div>

  591.         </div>

  592.       </div>

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

  594.     </div>

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

  596.       <div class="bannerBg">

  597.         <van-nav-bar

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

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

  600.         >

  601.           <template #left>

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

  603.           </template>

  604.           <template #title>

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

  606.           </template>

  607.         </van-nav-bar>

  608.       </div>

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

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

  611.           <van-field

  612.             autocomplete="off"

  613.             input-align="right"

  614.             v-model="nhform.suyqrdm"

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

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

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

  618.             required

  619.             disabled

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

  621.           />

  622.           <van-field

  623.             autocomplete="off"

  624.             input-align="right"

  625.             v-model="nhform.nhdm"

  626.             name="农户代码"

  627.             label="农户代码"

  628.             placeholder="自动生成"

  629.             disabled

  630.           />

  631.           <van-field

  632.             autocomplete="off"

  633.             input-align="right"

  634.             v-model="nhform.hzxm"

  635.             name="户主姓名"

  636.             label="户主姓名"

  637.             placeholder="户主姓名"

  638.             required

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

  640.           />

  641.           <van-field

  642.             autocomplete="off"

  643.             input-align="right"

  644.             v-model="nhform.hzzjlxName"

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

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

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

  648.             required

  649.             readonly

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

  651.             @click="showhzzjlx = true"

  652.           />

  653.           <van-field

  654.             autocomplete="off"

  655.             v-model="nhform.hzzjlx"

  656.             style="display:none"

  657.           />

  658.           <van-field

  659.             autocomplete="off"

  660.             v-model="nhform.hzzjhm"

  661.             input-align="right"

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

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

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

  665.             required

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

  667.           />

  668.           <van-field

  669.             autocomplete="off"

  670.             input-align="right"

  671.             v-model="nhform.txdz"

  672.             name="通讯地址"

  673.             label="通讯地址"

  674.             placeholder="通讯地址"

  675.             required

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

  677.           />

  678.           <van-field

  679.             autocomplete="off"

  680.             input-align="right"

  681.             v-model="nhform.hncysl"

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

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

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

  685.             required

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

  687.           />

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

  689.             <template #input>

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

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

  692.               </van-radio-group>

  693.             </template>

  694.           </van-field>

  695.           <van-field

  696.             autocomplete="off"

  697.             input-align="right"

  698.             v-model="nhform.phone"

  699.             name="电话号码"

  700.             label="电话号码"

  701.             placeholder="电话号码"

  702.           />

  703.           <van-field

  704.             autocomplete="off"

  705.             input-align="right"

  706.             v-model="nhform.occupationName"

  707.             name="职业"

  708.             label="职业"

  709.             placeholder="职业"

  710.             required

  711.             readonly

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

  713.             @click="showhzoccupation = true"

  714.           />

  715.           <van-field

  716.             autocomplete="off"

  717.             v-model="nhform.occupation"

  718.             style="display:none"

  719.           />

  720.           <van-field

  721.             autocomplete="off"

  722.             input-align="right"

  723.             v-model="nhform.jzqkName"

  724.             name="居住情况"

  725.             label="居住情况"

  726.             placeholder="居住情况"

  727.             required

  728.             readonly

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

  730.             @click="showhzjzqk = true"

  731.           />

  732.           <van-field

  733.             autocomplete="off"

  734.             v-model="nhform.jzqk"

  735.             style="display:none"

  736.           />

  737.           <van-field

  738.             autocomplete="off"

  739.             input-align="right"

  740.             v-model="nhform.jzhcssfyzfName"

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

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

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

  744.             required

  745.             readonly

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

  747.             @click="showhzjzhcssfyzf = true"

  748.           />

  749.           <van-field

  750.             autocomplete="off"

  751.             v-model="nhform.jzhcssfyzf"

  752.             style="display:none"

  753.           />

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

  755.             <template #input>

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

  757.                 <van-radio name="1">是</van-radio>

  758.                 <van-radio name="0">否</van-radio>

  759.               </van-radio-group>

  760.             </template>

  761.           </van-field>

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

  763.             <template #input>

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

  765.                 <van-radio name="1">是</van-radio>

  766.                 <van-radio name="0">否</van-radio>

  767.               </van-radio-group>

  768.             </template>

  769.           </van-field>

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

  771.             <template #input>

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

  773.                 <van-radio name="1">是</van-radio>

  774.                 <van-radio name="0">否</van-radio>

  775.               </van-radio-group>

  776.             </template>

  777.           </van-field>

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

  779.             <template #input>

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

  781.                 <van-radio name="1">是</van-radio>

  782.                 <van-radio name="0">否</van-radio>

  783.               </van-radio-group>

  784.             </template>

  785.           </van-field>

  786.           <van-field

  787.             autocomplete="off"

  788.             input-align="right"

  789.             v-model="nhform.sjlyName"

  790.             name="数据来源"

  791.             label="数据来源"

  792.             placeholder="数据来源"

  793.             required

  794.             readonly

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

  796.             @click="showhzsjly = true"

  797.           />

  798.           <van-field

  799.             autocomplete="off"

  800.             v-model="nhform.sjly"

  801.             style="display:none"

  802.           />

  803.           <van-field

  804.             autocomplete="off"

  805.             input-align="right"

  806.             v-model="nhform.bz"

  807.             name="备注"

  808.             label="备注"

  809.             placeholder="备注"

  810.           />

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

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

  813.           </div>

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

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

  816.           </div>

  817.         </van-form>

  818.       </div>

  819.     </van-popup>

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

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

  822.       <van-picker

  823.         show-toolbar

  824.         :columns="sjlyOptions"

  825.         value-key="dictLabel"

  826.         @confirm="onConfirmhzsjly"

  827.         @cancel="showhzsjly = false"

  828.       />

  829.     </van-popup>

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

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

  832.       <van-picker

  833.         show-toolbar

  834.         :columns="sjlyOptions"

  835.         value-key="dictLabel"

  836.         @confirm="onConfirmhncysjly"

  837.         @cancel="showhncysjly = false"

  838.       />

  839.     </van-popup>

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

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

  842.       <van-picker

  843.         show-toolbar

  844.         :columns="jzhcssfyzfOptions"

  845.         value-key="dictLabel"

  846.         @confirm="onConfirmhzjzhcssfyzf"

  847.         @cancel="showhzjzhcssfyzf = false"

  848.       />

  849.     </van-popup>

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

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

  852.       <van-picker

  853.         show-toolbar

  854.         :columns="zjlxOptions"

  855.         value-key="dictLabel"

  856.         @confirm="onConfirmhzzjlx"

  857.         @cancel="showhzzjlx = false"

  858.       />

  859.     </van-popup>

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

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

  862.       <van-picker

  863.         show-toolbar

  864.         :columns="zjlxOptions"

  865.         value-key="dictLabel"

  866.         @confirm="onConfirmhncyzjlx"

  867.         @cancel="showhncyzjlx = false"

  868.       />

  869.     </van-popup>

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

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

  872.       <van-picker

  873.         show-toolbar

  874.         :columns="yhzgxOptions"

  875.         value-key="dictLabel"

  876.         @confirm="onConfirmhncyyhzgx"

  877.         @cancel="showhncyyhzgx = false"

  878.       />

  879.     </van-popup>

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

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

  882.       <van-picker

  883.         show-toolbar

  884.         :columns="occupationOptions"

  885.         value-key="dictLabel"

  886.         @confirm="onConfirmhncyoccupation"

  887.         @cancel="showhncyoccupation = false"

  888.       />

  889.     </van-popup>

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

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

  892.       <van-picker

  893.         show-toolbar

  894.         :columns="cybzOptions"

  895.         value-key="dictLabel"

  896.         @confirm="onConfirmhncycybz"

  897.         @cancel="showhncycybz = false"

  898.       />

  899.     </van-popup>

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

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

  902.       <van-picker

  903.         show-toolbar

  904.         :columns="jzqkOptions"

  905.         value-key="dictLabel"

  906.         @confirm="onConfirmhncyjzqk"

  907.         @cancel="showhncyjzqk = false"

  908.       />

  909.     </van-popup>

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

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

  912.       <van-picker

  913.         show-toolbar

  914.         :columns="occupationOptions"

  915.         value-key="dictLabel"

  916.         @confirm="onConfirmhzoccupation"

  917.         @cancel="showhzoccupation = false"

  918.       />

  919.     </van-popup>

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

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

  922.       <van-picker

  923.         show-toolbar

  924.         :columns="jzqkOptions"

  925.         value-key="dictLabel"

  926.         @confirm="onConfirmhzjzqk"

  927.         @cancel="showhzjzqk = false"

  928.       />

  929.     </van-popup>

  930. 

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

  932.       <div class="bannerBg">

  933.         <van-nav-bar

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

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

  936.         >

  937.           <template #left>

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

  939.           </template>

  940.           <template #title>

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

  942.           </template>

  943.         </van-nav-bar>

  944.       </div>

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

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

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

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

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

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

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

  952.           </div>

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

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

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

  956.           </div>

  957.         </div>

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

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

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

  961.         </template>

  962.       </van-swipe-cell>

  963.       <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">

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

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

  966.         </div>

  967.       </div>

  968.     </van-popup>

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

  970.       <div class="bannerBg">

  971.         <van-nav-bar

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

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

  974.         >

  975.           <template #left>

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

  977.           </template>

  978.           <template #title>

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

  980.           </template>

  981.         </van-nav-bar>

  982.       </div>

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

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

  985.           <van-field

  986.             autocomplete="off"

  987.             input-align="right"

  988.             v-model="form5.nhdm"

  989.             name="农户代码"

  990.             label="农户代码"

  991.             placeholder="农户代码"

  992.             disabled

  993.             required

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

  995.           />

  996.           <van-field

  997.             autocomplete="off"

  998.             input-align="right"

  999.             v-model="form5.xm"

  1000.             name="姓名"

  1001.             label="姓名"

  1002.             placeholder="姓名"

  1003.             required

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

  1005.           />

  1006.           <van-field

  1007.             autocomplete="off"

  1008.             input-align="right"

  1009.             v-model="form5.zjlxName"

  1010.             name="证件类型"

  1011.             label="证件类型"

  1012.             placeholder="证件类型"

  1013.             required

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

  1015.             readonly

  1016.             @click="showhncyzjlx = true"

  1017.           />

  1018.           <van-field

  1019.             autocomplete="off"

  1020.             v-model="form5.zjlx"

  1021.             style="display:none"

  1022.           />

  1023.           <van-field

  1024.             autocomplete="off"

  1025.             input-align="right"

  1026.             v-model="form5.yhzgxName"

  1027.             name="与户主关系"

  1028.             label="与户主关系"

  1029.             placeholder="与户主关系"

  1030.             required

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

  1032.             @click="showhncyyhzgx = true"

  1033.           />

  1034.           <van-field

  1035.             autocomplete="off"

  1036.             v-model="form5.yhzgx"

  1037.             style="display:none"

  1038.           />

  1039.           <van-field

  1040.             autocomplete="off"

  1041.             input-align="right"

  1042.             v-model="form5.zjhm"

  1043.             name="证件号码"

  1044.             label="证件号码"

  1045.             placeholder="证件号码"

  1046.             required

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

  1048.           />

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

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

  1051.             <template #input>

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

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

  1054.                 <van-radio name="2">女</van-radio>

  1055.                 <van-radio name="3">不详</van-radio>

  1056.               </van-radio-group>

  1057.             </template>

  1058.           </van-field>

  1059.           <van-field

  1060.             autocomplete="off"

  1061.             input-align="right"

  1062.             v-model="form5.lxdh"

  1063.             name="联系电话"

  1064.             label="联系电话"

  1065.             placeholder="联系电话"

  1066.           />

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

  1068.             <template #input>

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

  1070.                 <van-radio name="01">农业</van-radio>

  1071.                 <van-radio name="02">非农业</van-radio>

  1072.                 <van-radio name="03">其他</van-radio>

  1073.               </van-radio-group>

  1074.             </template>

  1075.           </van-field>

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

  1077.             <template #input>

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

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

  1080.               </van-radio-group>

  1081.             </template>

  1082.           </van-field>

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

  1084.             <template #input>

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

  1086.                 <van-radio name="1">是</van-radio>

  1087.                 <van-radio name="0">否</van-radio>

  1088.               </van-radio-group>

  1089.             </template>

  1090.           </van-field>

  1091.           <van-field

  1092.             autocomplete="off"

  1093.             input-align="right"

  1094.             v-model="form5.cybzName"

  1095.             name="成员备注"

  1096.             label="成员备注"

  1097.             placeholder="成员备注"

  1098.             @click="showhncycybz = true"

  1099.           />

  1100.           <van-field

  1101.             autocomplete="off"

  1102.             v-model="form5.cybz"

  1103.             style="display:none"

  1104.           />

  1105.           <van-field

  1106.             autocomplete="off"

  1107.             input-align="right"

  1108.             v-model="form5.cybzsm"

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

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

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

  1112.           />

  1113.           <van-field

  1114.             autocomplete="off"

  1115.             input-align="right"

  1116.             v-model="form5.occupationName"

  1117.             name="职业"

  1118.             label="职业"

  1119.             placeholder="职业"

  1120.             required

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

  1122.             @click="showhncyoccupation = true"

  1123.           />

  1124.           <van-field

  1125.             autocomplete="off"

  1126.             v-model="form5.occupation"

  1127.             style="display:none"

  1128.           />

  1129.           <van-field

  1130.             autocomplete="off"

  1131.             input-align="right"

  1132.             v-model="form5.jzqkName"

  1133.             name="居住情况"

  1134.             label="居住情况"

  1135.             placeholder="居住情况"

  1136.             required

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

  1138.             @click="showhncyjzqk = true"

  1139.           />

  1140.           <van-field

  1141.             autocomplete="off"

  1142.             v-model="form5.jzqk"

  1143.             style="display:none"

  1144.           />

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

  1146.             <template #input>

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

  1148.                 <van-radio name="1">是</van-radio>

  1149.                 <van-radio name="0">否</van-radio>

  1150.               </van-radio-group>

  1151.             </template>

  1152.           </van-field>

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

  1154.             <template #input>

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

  1156.                 <van-radio name="1">是</van-radio>

  1157.                 <van-radio name="0">否</van-radio>

  1158.               </van-radio-group>

  1159.             </template>

  1160.           </van-field>

  1161.           <van-field

  1162.             autocomplete="off"

  1163.             input-align="right"

  1164.             v-model="form5.sjlyName"

  1165.             name="数据来源"

  1166.             label="数据来源"

  1167.             placeholder="数据来源"

  1168.             required

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

  1170.             @click="showhncysjly = true"

  1171.           />

  1172.           <van-field

  1173.             autocomplete="off"

  1174.             v-model="form5.sjly"

  1175.             style="display:none"

  1176.           />

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

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

  1179.           </div>

  1180.         </van-form>

  1181.       </div>

  1182.     </van-popup>

  1183. 

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

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

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

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

  1188. 

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

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

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

  1192.         </div>

  1193.       </div>

  1194.     </van-popup>

  1195. 

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

  1197. 

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

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

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

  1201. 

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

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

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

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

  1206.         </div>

  1207.       </div>

  1208.     </van-popup>

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

  1210.   </div>

  1211. </template>

  1212. 

  1213. <script>

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

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

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

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

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

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

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

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

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

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

  1224.     import {deptGetId,} from "@/api/homestead/index";

  1225.     import $ from "jquery";

  1226.     import {Dialog} from "vant";

  1227.     import {ref} from "vue";

  1228.     import axios from "axios";

  1229.     export default {

  1230.       name: "homesteadList",

  1231.       data() {

  1232.         return {

  1233.           loading1:false,

  1234.           finished1:false,

  1235.           loading2:false,

  1236.           finished2:false,

  1237.           loading3:false,

  1238.           finished3:false,

  1239.           //全部

  1240.           qbNums:0,

  1241.           //已调查数量

  1242.           yhcNums:0,

  1243.           //未核查数量

  1244.           whcNums:0,

  1245.           // 总户数

  1246.           totalH:0,

  1247.           // 总人数

  1248.           totalR:0,

  1249.           zjdSx:true,

  1250.           zrzSx :true,

  1251.           fsssSx:true,

  1252.           showhncysjly:false,

  1253.           showhzsjly:false,

  1254.           showhncycybz:false,

  1255.           showhncyzjlx:false,

  1256.           showhncyyhzgx:false,

  1257.           showhzjzhcssfyzf:false,

  1258.           showhncyoccupation:false,

  1259.           showhncyjzqk:false,

  1260.           showhzoccupation:false,

  1261.           showhzjzqk:false,

  1262.           // 下拉刷新

  1263.           isLoadingnh:false,

  1264.           countnh:0,

  1265.           isLoadingzjd:false,

  1266.           countqb:1,

  1267.           countyhc:1,

  1268.           countwhc:1,

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

  1270.           shownh:false,

  1271.           showhzht:false,

  1272.           showhzlx:false,

  1273.           showhncylist:false,

  1274.           showhncy:false,

  1275.           activeBtn:1,

  1276.           value:'',

  1277.           // 宅基地搜索框

  1278.           zjdvalue:"",

  1279.           // 使用权人搜索框

  1280.           nhvalue:"",

  1281.           active:2,

  1282.           // 全部列表

  1283.           list:[],

  1284.           // 已核查列表

  1285.           list1:[],

  1286.           // 未核查列表

  1287.           list2:[],

  1288.           // 户主列表

  1289.           nhlist:[],

  1290.           // 户内成员表单

  1291.           form5: {},

  1292.           // 户内成员列表

  1293.           hncylist:[],

  1294.           currentRate:20,

  1295.           // 使用权人

  1296.           nhform:[],

  1297.           // 户主列表

  1298.           hzform:{},

  1299.           // 权利人列表

  1300.           qlrform:[],

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

  1302.           showsuyqxz:false,

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

  1304.           showdlrzjlx:false,

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

  1306.           showdbrzjlx:false,

  1307.           // 数据来源弹出框

  1308.           showsjly:false,

  1309.           // 证件类型字典

  1310.           zjlxOptions: [],

  1311.           // 所有权性质字典

  1312.           suyqxzOption: [],

  1313.           // 婚姻状况字典

  1314.           hyzkOptions:[],

  1315.           // 数据来源字典

  1316.           sjlyOptions:[],

  1317.           // 居住情况字典

  1318.           jzqkOptions:[],

  1319.           // 与户主关系字典

  1320.           yhzgxOptions:[],

  1321.           // 职业字典

  1322.           occupationOptions:[],

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

  1324.           jzhcssfyzfOptions:[],

  1325.           // 成员备注字典

  1326.           cybzOptions:[],

  1327.           columns:[],

  1328.           show1:false,

  1329.           showhzzjlx: false,

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

  1331.           item: {},

  1332.           //地图使用 --start

  1333.           openMap: false,

  1334.           mapTheGeomZrzId: null,

  1335.           mapTheGeomZjdId: null,

  1336.           mapTheGeomFsssId: null,

  1337.           drawInsert:null,

  1338.           mapZjdData:"",

  1339.           mapZrzData:"",

  1340.           mapFsssData:"",

  1341.           mapZjdDataTure:"",

  1342.           mapZjdTeAll:{

  1343.             active:"",

  1344.             mapZjdAData:{},

  1345.             mapZrzAData:{},

  1346.             mapFsssAData:{},

  1347.           },

  1348.           mapHaDataValue:false,

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

  1350.           selectionIconShow:false,

  1351.           homesteadListStatus:false,

  1352.           //地图绘制状态

  1353.           draw: {

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

  1355.           },

  1356.           mapTownList: null,

  1357.           mapVillageList: null,

  1358.           coordinate:"",

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

  1360.           checkAllMap: false,

  1361.           sx:"",

  1362.           drawingClick:true,

  1363.           //搜索---start

  1364.           seachText: "",

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

  1366.           searchBarOperVisbile: false,

  1367.           mapDataAll: [],

  1368.           showSearch:false,

  1369.           bottomHeight:'0px',

  1370.           //搜索---end

  1371.           //测面

  1372.           textMjAll:"",

  1373.           clickBbox:"",

  1374.           textMjAllNum:"",

  1375.           //核查

  1376.           zjdHcDy:"",

  1377.           //绘图

  1378.           htZjdZrzFsss:"",

  1379.           //筛选

  1380.           checkAllFlag: true,

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

  1382.           dataForm: {

  1383.             imageUrl: []

  1384.           },

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

  1386.           checkBoxAll:[],

  1387.           //地图跳转存之

  1388.           mapAddJump:"",

  1389.           mapAddJumpNum:"",

  1390.           nhdm:"",

  1391.           backTheGeom:"",

  1392.           //地图服务地址

  1393.           mapGeoServerUrl:"",

  1394.           backMap:"",

  1395.           // 任务完成标记

  1396.           //宅基地点击事件

  1397.           mapXs: false,

  1398.           mapClick:"",

  1399.           isFinished:false,

  1400.           //

  1401.           showImageList:false,

  1402.           uploadImgList:[],

  1403.           uploadImgList1:[],

  1404.           // 字典列表json

  1405.           dictTypeList:null,

  1406.         };

  1407.       },

  1408.       mounted(){

  1409.       },

  1410.       created(){

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

  1412.           this.dictTypeList = res.data

  1413.           this.zjlxOptions = this.dictTypeList.zjlx;

  1414.           this.suyqxzOptions = this.dictTypeList.qsxz;

  1415.           this.sjlyOptions = this.dictTypeList.sjly;

  1416.           this.hyzkOptions = this.dictTypeList.hyzk;

  1417.           this.occupationOptions = this.dictTypeList.occupation;

  1418.           this.jzqkOptions = this.dictTypeList.living_condition;

  1419.           this.jzhcssfyzfOptions = this.dictTypeList.jzhcssfyzf;

  1420.           this.cybzOptions = this.dictTypeList.member_remark;

  1421.         })

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

  1423.             var arr = [];

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

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

  1426.                 arr.push(item)

  1427.               }

  1428.             });

  1429.             this.yhzgxOptions = arr;

  1430.           });

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

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

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

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

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

  1436.                 //   location.reload();

  1437.                 // }

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

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

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

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

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

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

  1444.                 this.mapClick = this.mapZjdTeAll.mapZjdAData.zjddm;

  1445.                 this.mapXs =true;

  1446.                 this.zjdHcDy = 1;

  1447.                 this.mapZjdDataTure = 1;

  1448.                 this.mapAddJumpNum =1;

  1449.                 this.mapShow();

  1450.                 this.getZjdList();

  1451.                 this.getTotalHR();

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

  1453.                     this.isFinished = true

  1454.                 }else{

  1455.                   this.isFinished = false

  1456.                 }

  1457.               }

  1458.             }else {

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

  1460.               this.getZjdList();

  1461.               this.getTotalHR();

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

  1463.                 this.isFinished = true

  1464.               }else{

  1465.                 this.isFinished = false

  1466.               }

  1467.             }

  1468.           }else {

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

  1470.             this.getZjdList();

  1471.             this.getTotalHR();

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

  1473.               this.isFinished = true

  1474.             }else{

  1475.               this.isFinished = false

  1476.             }

  1477.           }

  1478.       },

  1479.       methods: {

  1480.         showUploadList(){

  1481.           this.showImageList = true;

  1482.         },

  1483.         submitUploadList(){

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

  1485.             let _this = this

  1486.             this.$toast({

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

  1488.               message: '上传成功',

  1489.               duration:"1000",

  1490.               onClose:function(){

  1491.                 _this.showImageList = false

  1492.               }

  1493.             })

  1494.           })

  1495.         },

  1496.         // 图片上传前

  1497.         beforeReadImageList(file){

  1498.           let _this = this

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

  1500.             file.map(res => {

  1501.               let zjddm = res.file.name

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

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

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

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

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

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

  1508.               let img = new Image()

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

  1510.               img.src = res.content

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

  1512.               img.onload = () => {

  1513.                 /*const h = img.height

  1514.                 const w = img.width*/

  1515.                 let ch = img.height/5

  1516.                 let cw = img.width/5

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

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

  1519.                 canvas.height = ch

  1520.                 canvas.width = cw

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

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

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

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

  1525.                 let d = []

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

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

  1528.                 }

  1529.                 let data2 = new FormData();

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

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

  1532.                   let p={

  1533.                     "zjddm":zjddm,

  1534.                     "url":response.fileName

  1535.                   }

  1536.                   _this.uploadImgList1.push(p)

  1537.                 })

  1538.               }

  1539.             })

  1540.           }else{

  1541.             let zjddm = file.file.name

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

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

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

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

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

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

  1548.             let img = new Image()

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

  1550.             img.src = file.content

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

  1552.             img.onload = () => {

  1553.               /*const h = img.height

  1554.               const w = img.width*/

  1555.               let ch = img.height/5

  1556.               let cw = img.width/5

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

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

  1559.               canvas.height = ch

  1560.               canvas.width = cw

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

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

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

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

  1565.               let d = []

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

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

  1568.               }

  1569.               let data2 = new FormData();

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

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

  1572.                 let p={

  1573.                   "zjddm":zjddm,

  1574.                   "url":response.fileName

  1575.                 }

  1576.                 _this.uploadImgList1.push(p)

  1577.               })

  1578.             }

  1579.           }

  1580. 

  1581.         },

  1582.         deleteFileImageList(file){

  1583.           let url = file.file.name

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

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

  1586.               this.uploadImgList1.remove(index);

  1587.             }

  1588.           })

  1589.         },

  1590.         validatorIdcardqlr(val){

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

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

  1593.               return true

  1594.             }else {

  1595.               return false

  1596.             }

  1597.           }else{

  1598.             return true

  1599.           }

  1600.         },

  1601.         validatorIdcardnh(val){

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

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

  1604.               return true

  1605.             }else {

  1606.               return false

  1607.             }

  1608.           }else{

  1609.             return true

  1610.           }

  1611.         },

  1612.         validatorIdcardhncy(val){

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

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

  1615.               return true

  1616.             }else {

  1617.               return false

  1618.             }

  1619.           }else{

  1620.             return true

  1621.           }

  1622.         },

  1623.         checkCode(val) {

  1624.           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]$/;

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

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

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

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

  1629.             var sum = 0;

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

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

  1632.             }

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

  1634.               return true;

  1635.             }

  1636.           }

  1637.           return false;

  1638.         },

  1639.         checkDate (val) {

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

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

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

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

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

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

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

  1647.               return true;

  1648.             }

  1649.           }

  1650.           return false;

  1651.         },

  1652.         checkProv(val) {

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

  1654.           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:"澳门"};

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

  1656.             if(provs[val]) {

  1657.               return true;

  1658.             }

  1659.           }

  1660.           return false;

  1661.         },

  1662.         vcheckID(val){

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

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

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

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

  1667.                 return true;

  1668.               }

  1669.             }

  1670.           }

  1671.           return false;

  1672.         },

  1673.         deleteZjd(item,index){

  1674.           Dialog.confirm({

  1675.             title: '警告',

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

  1677.           })

  1678.             .then(() => {

  1679.               // on confirm

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

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

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

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

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

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

  1686.                   }else{

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

  1688.                   }

  1689.                 }

  1690.               })

  1691.             })

  1692.             .catch(() => {

  1693.               // on cancel

  1694.             });

  1695.         },

  1696.         //删除户主

  1697.         deletenh(item,index){

  1698.           let yes = true

  1699.           let params={

  1700.             nhdm : item.nhdm,

  1701.             deptId: item.deptId

  1702.           }

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

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

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

  1706.               yes = false

  1707.               this.$toast({

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

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

  1710.                 duration:"1000",

  1711.                 onClose:function(){

  1712.                 }

  1713.               })

  1714.             }else{

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

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

  1717.                   yes = false

  1718.                   this.$toast({

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

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

  1721.                     duration:"1000",

  1722.                     onClose:function(){

  1723.                     }

  1724.                   })

  1725.                 }else{

  1726.                   if(yes){

  1727.                     Dialog.confirm({

  1728.                       title: '警告',

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

  1730.                     })

  1731.                       .then(() => {

  1732.                         // on confirm

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

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

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

  1736.                             this.totalH--

  1737.                             this.totalR--

  1738.                           }

  1739.                         })

  1740.                       })

  1741.                       .catch(() => {

  1742.                         // on cancel

  1743.                       });

  1744.                   }

  1745.                 }

  1746.               });

  1747.             }

  1748.           });

  1749. 

  1750.         },

  1751.         // 设为户主

  1752.         setNh(item,index){

  1753.           Dialog.confirm({

  1754.             title: '警告',

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

  1756.           })

  1757.             .then(() => {

  1758.               // on confirm

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

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

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

  1762.                   this.totalR--

  1763.                 }

  1764.               })

  1765.               // 更新户主信息

  1766.               let pnh = {

  1767.                 deptId : item.deptId,

  1768.                 nhdm : item.nhdm,

  1769.                 hzxm:item.xm,

  1770.                 hzzjlx :item.zjlx,

  1771.                 hzzjhm :item.zjhm

  1772.               }

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

  1774.               })

  1775.               // 更新使用权人

  1776.               let psyqr = {

  1777.                 deptId : item.deptId,

  1778.                 nhdm : item.nhdm,

  1779.                 shyqrdbxm : item.xm,

  1780.                 shyqrdbzjlx : item.zjlx,

  1781.                 shyqrdbzjhm : item.zjhm,

  1782.                 xb : item.xb

  1783.               }

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

  1785.               })

  1786.             })

  1787.             .catch(() => {

  1788.               // on cancel

  1789.             });

  1790.         },

  1791.         //删除户内成员

  1792.         deletehncy(id,index){

  1793.           Dialog.confirm({

  1794.             title: '警告',

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

  1796.           })

  1797.             .then(() => {

  1798.               // on confirm

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

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

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

  1802.                   this.totalR--

  1803.                 }

  1804.               })

  1805.             })

  1806.             .catch(() => {

  1807.               // on cancel

  1808.             });

  1809.         },

  1810.         // 字数限制

  1811.         limitWords(val){

  1812.           if(val==null||val==""){

  1813.             return "无"

  1814.           }else{

  1815.             if(val.length>11){

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

  1817.             }

  1818.             return val

  1819.           }

  1820.         },

  1821.         // 与户主关系翻译

  1822.         yhzgxfy(value){

  1823.           let label

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

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

  1826.               label = res.dictLabel

  1827.             }

  1828.           })

  1829.           return label

  1830.         },

  1831.         onRefreshzjd(){

  1832.           this.isLoadingzjd = false;

  1833.           let _this = this

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

  1835.               let params = {

  1836.                 "deptId" : this.item.deptId,

  1837.                 "houseDataConfirmStatus" : "CONFIRMED",

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

  1839.                 "pageSize":10,

  1840.               }

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

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

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

  1844.                     this.list1.push(res)

  1845.                   })

  1846.                   this.countyhc++

  1847.                   this.loading2 = false

  1848.                 }else{

  1849.                   this.loading2 = false

  1850.                   this.finished2 = true

  1851.                 }

  1852.               });

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

  1854.             let params = {

  1855.               "deptId" : this.item.deptId,

  1856.               "houseDataConfirmStatus" : "UNCONFIRMED",

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

  1858.               "pageSize":10,

  1859.             }

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

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

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

  1863.                     this.list2.push(res)

  1864.                   })

  1865.                   this.countwhc++

  1866.                   this.loading3 = false

  1867.                 }else{

  1868.                   this.finished3 = true

  1869.                 }

  1870.             });

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

  1872.             let params = {

  1873.               "deptId" : this.item.deptId,

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

  1875.               "pageSize":10,

  1876.             }

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

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

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

  1880.                     _this.list.push(res)

  1881.                   })

  1882.                   this.countqb++

  1883.                   this.loading1 = false

  1884.                 }else{

  1885.                   this.finished1 = true

  1886.                 }

  1887.             });

  1888.           }

  1889.         },

  1890.         getTotalHR(){

  1891.           let params = {

  1892.             "deptId" : this.item.deptId,

  1893.             "pageNum": 1,

  1894.             "pageSize":10,

  1895.           }

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

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

  1898.               this.totalH = response.total

  1899.             }

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

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

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

  1903.               }

  1904.             });

  1905.           });

  1906. 

  1907.         },

  1908.         onRefreshnh(){

  1909.           this.isLoadingnh = false

  1910.           let params = {

  1911.             "deptId" : this.item.deptId,

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

  1913.             "pageSize":10,

  1914.           }

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

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

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

  1918.                 this.nhlist.unshift(res)

  1919.               })

  1920.               this.countnh++

  1921.             }

  1922.           });

  1923.         },

  1924.         setCookies(item){

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

  1926.           this.$cookies.set("search","");

  1927.           // let _this = this

  1928.           // setTimeout(function(){

  1929.           //   _this.$router.push({name:'homesteadAdd'});

  1930.           // },1000)

  1931. 

  1932.           this.$router.push({path:'/homesteadSurvey/add',query: {res: item}});

  1933.         },

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

  1935.         onClickzjd(){

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

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

  1938.         },

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

  1940.         onClicknh(){

  1941.           this.shownh = true;

  1942.           let params = {

  1943.             "deptId" : this.item.deptId

  1944.           }

  1945.           this.qlrform={}

  1946.           this.nhform={

  1947.             "suyqrdm":null,

  1948.             "deptId":this.item.deptId,

  1949.             "hzzjlx":'01',

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

  1951.             "hyzk":'02',

  1952.             "occupation":'1',

  1953.             "occupationName":'务农',

  1954.             "jzqk":'3',

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

  1956.             "jzhcssfyzf":'1',

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

  1958.             "zqtczsfyzf":'Y',

  1959.             "sfbccm":'Y',

  1960.             "sfpkh":'N',

  1961.             "sfwbh":'N',

  1962.             "sjly":'07',

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

  1964.           }

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

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

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

  1968.               this.nhform.suyqrdm = this.qlrform.suyqrdm

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

  1970.             }

  1971.           });

  1972.         },

  1973.         // 返回

  1974.         onClickLeft(){

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

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

  1977.         },

  1978.         onConfirmhncysjly(value){

  1979.           this.form5.sjlyName = value.dictLabel

  1980.           this.form5.sjly = value.dictValue

  1981.           this.showhncysjly= false

  1982.         },

  1983.         onConfirmhzsjly(value){

  1984.           this.nhform.sjlyName = value.dictLabel

  1985.           this.nhform.sjly = value.dictValue

  1986.           this.showhzsjly= false

  1987.         },

  1988.         onConfirmhncycybz(value){

  1989.           this.form5.cybzName = value.dictLabel

  1990.           this.form5.cybz = value.dictValue

  1991.           this.showhncycybz= false

  1992.         },

  1993.         onConfirmhzjzhcssfyzf(value){

  1994.           this.nhform.jzhcssfyzfName = value.dictLabel

  1995.           this.nhform.jzhcssfyzf = value.dictValue

  1996.           this.showhzjzhcssfyzf= false

  1997.         },

  1998.         onConfirmhncyyhzgx(value){

  1999.           this.form5.yhzgxName = value.dictLabel

  2000.           this.form5.yhzgx = value.dictValue

  2001.           this.showhncyyhzgx = false

  2002.         },

  2003.         onConfirmhncyzjlx(value){

  2004.           this.form5.zjlxName = value.dictLabel

  2005.           this.form5.zjlx = value.dictValue

  2006.           this.showhncyzjlx = false

  2007.         },

  2008.         onConfirmhncyjzqk(value){

  2009.           this.form5.jzqkName = value.dictLabel

  2010.           this.form5.jzqk = value.dictValue

  2011.           this.showhncyjzqk = false

  2012.         },

  2013.         onConfirmhzjzqk(value){

  2014.           this.nhform.jzqkName = value.dictLabel

  2015.           this.nhform.jzqk = value.dictValue

  2016.           this.showhzjzqk = false

  2017.         },

  2018.         onConfirmhncyoccupation(value){

  2019.           this.form5.occupationName = value.dictLabel

  2020.           this.form5.occupation = value.dictValue

  2021.           this.showhncyoccupation = false

  2022.         },

  2023.         onConfirmhzoccupation(value){

  2024.           this.nhform.occupationName = value.dictLabel

  2025.           this.nhform.occupation = value.dictValue

  2026.           this.showhzoccupation = false

  2027.         },

  2028.         onConfirmhzzjlx(value){

  2029.           this.nhform.hzzjlxName = value.dictLabel

  2030.           this.nhform.hzzjlx = value.dictValue

  2031.           this.showhzzjlx = false

  2032.         },

  2033.         onConfirmdbrzjlx(value){

  2034.           this.qlrform.dbrzjlxName = value.dictLabel

  2035.           this.qlrform.dbrzjlx = value.dictValue

  2036.           this.showdbrzjlx = false

  2037.         },

  2038.         onConfirmsuyqxz(value){

  2039.           this.qlrform.suyqxzName = value.dictLabel

  2040.           this.qlrform.suyqxz = value.dictValue

  2041.           this.showsuyqxz = false

  2042.         },

  2043.         onConfirmdlrzjlx(value){

  2044.           this.qlrform.dlrzjlxName = value.dictLabel

  2045.           this.qlrform.dlrzjlx = value.dictValue

  2046.           this.showdlrzjlx = false

  2047.         },

  2048.         onConfirmsjly(value){

  2049.           this.qlrform.sjlyName = value.dictLabel

  2050.           this.qlrform.sjly = value.dictValue

  2051.           this.showsjly = false

  2052.         },

  2053.         // 户主保存

  2054.         onSubmitnh(){

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

  2056.             updateNh(this.nhform).then(

  2057.               response => {

  2058.                 let _this =this

  2059.                 this.$toast({

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

  2061.                   message: '修改成功',

  2062.                   duration:"1000",

  2063.                   onClose:function(){

  2064.                     _this.getNh()

  2065.                     let psyqr = {

  2066.                       deptId : _this.nhform.deptId,

  2067.                       nhdm : _this.nhform.nhdm,

  2068.                       shyqrdbxm : _this.nhform.hzxm,

  2069.                       shyqrdbzjlx : _this.nhform.hzzjlx,

  2070.                       shyqrdbzjhm : _this.nhform.hzzjhm,

  2071.                       dh : _this.nhform.phone,

  2072.                       dz : _this.nhform.txdz

  2073.                     }

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

  2075.                       _this.shownh = false

  2076.                     })

  2077.                   }

  2078.                 })

  2079.               }

  2080.             );

  2081.           }else{

  2082.             this.nhform.deptId = this.item.deptId

  2083.             addNh(this.nhform).then(

  2084.               response => {

  2085.                 this.totalR+=1

  2086.                 this.totalH+=1

  2087.                 let _this =this

  2088.                 this.$toast({

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

  2090.                   message: '保存成功',

  2091.                   duration:"1000",

  2092.                   onClose:function(){

  2093.                     _this.shownh = false

  2094.                     _this.getNh()

  2095.                   }

  2096.                 })

  2097.               }

  2098.             );

  2099.           }

  2100.         },

  2101.         // 所有权人保存

  2102.         onSubmitsyqr(){

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

  2104.             updateSuyqr(this.qlrform).then(

  2105.               response => {

  2106.                 let _this =this

  2107.                 this.$toast({

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

  2109.                   message: '修改成功',

  2110.                   duration:"1000"

  2111.                 })

  2112.               }

  2113.             );

  2114.           }else{

  2115.             this.qlrform.deptId = this.item.deptId

  2116.             addSuyqr(this.qlrform).then(

  2117.               response => {

  2118.                 let _this =this

  2119.                 this.$toast({

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

  2121.                   message: '保存成功',

  2122.                   duration:"1000"

  2123.                 })

  2124.               }

  2125.             );

  2126.           }

  2127.         },

  2128.         // 查询所有权人

  2129.         getSyqr(){

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

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

  2132.           let params = {

  2133.             "deptId" : this.item.deptId

  2134.           }

  2135.           this.qlrform ={

  2136.             "deptId":this.item.deptId,

  2137.             "suyqxz":'40',

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

  2139.             "dbrzjlx":'01',

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

  2141.             "sfclncjtjjzz":'Y',

  2142.             "sjly":'04',

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

  2144.           }

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

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

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

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

  2149.                 this.qlrform.suyqxz = "40"

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

  2151.               }

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

  2153.                 this.qlrform.dbrzjlx = "01"

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

  2155.               }

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

  2157.                 this.qlrform.sfclncjtjjzz = "Y"

  2158.               }

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

  2160.                 this.qlrform.sjly = "04"

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

  2162.               }

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

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

  2165.                   this.qlrform.dbrzjlxName = res.dictLabel

  2166.                 }

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

  2168.                   this.qlrform.dlrzjlxName = res.dictLabel

  2169.                 }

  2170.               })

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

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

  2173.                   this.qlrform.suyqxzName = res.dictLabel

  2174.                 }

  2175.               })

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

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

  2178.                   this.qlrform.sjlyName = res.dictLabel

  2179.                 }

  2180.               })

  2181.             }

  2182.           });

  2183.           this.mapZjdData = "";

  2184.           this.mapZrzData = "";

  2185.           this.mapFsssData = "";

  2186.           //that.mapZjdTeAll.active ="1";

  2187.           this.mapZjdTeAll.mapZjdAData = {};

  2188.           this.mapZjdTeAll.mapZrzAData = {};

  2189.           this.mapZjdTeAll.mapFsssAData = {};

  2190.           this.mapZjdDataTure = "";

  2191.           this.mapXs =false;

  2192.           this.mapClick ="";

  2193.           this.mapAddJump = "";

  2194.           this.backTheGeom = "";

  2195.           this.zjdHcDy = "";

  2196.           this.mapZjdDataTure = "";

  2197.           this.mapAddJumpNum ="";

  2198.         },

  2199.         // 查询农户列表

  2200.         getNh(){

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

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

  2203.           let params = {

  2204.             "deptId" : this.item.deptId

  2205.           }

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

  2207.             this.nhlist = response.rows

  2208.             this.totalN = response.total

  2209.           });

  2210.           this.mapZjdData = "";

  2211.           this.mapZrzData = "";

  2212.           this.mapFsssData = "";

  2213.           //that.mapZjdTeAll.active ="1";

  2214.           this.mapZjdTeAll.mapZjdAData = {};

  2215.           this.mapZjdTeAll.mapZrzAData = {};

  2216.           this.mapZjdTeAll.mapFsssAData = {};

  2217.           this.mapZjdDataTure = "";

  2218.           this.mapXs =false;

  2219.           this.mapClick ="";

  2220.           this.mapAddJump = "";

  2221.           this.backTheGeom = "";

  2222.           this.zjdHcDy = "";

  2223.           this.mapZjdDataTure = "";

  2224.           this.mapAddJumpNum ="";

  2225.         },

  2226.         //调查

  2227.         getDc(){

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

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

  2230.           this.mapZjdData = "";

  2231.           this.mapZrzData = "";

  2232.           this.mapFsssData = "";

  2233.           //that.mapZjdTeAll.active ="1";

  2234.           this.mapZjdTeAll.mapZjdAData = {};

  2235.           this.mapZjdTeAll.mapZrzAData = {};

  2236.           this.mapZjdTeAll.mapFsssAData = {};

  2237.           this.mapZjdDataTure = "";

  2238.           this.mapXs =false;

  2239.           this.mapClick ="";

  2240.           this.mapAddJump = "";

  2241.           this.backTheGeom = "";

  2242.           this.zjdHcDy = "";

  2243.           this.mapZjdDataTure = "";

  2244.           this.mapAddJumpNum ="";

  2245.         },

  2246.         // 农户信息搜索框

  2247.         onSearchnh(){

  2248.           let params = {

  2249.             "deptId" : this.item.deptId,

  2250.             "nhValue" : this.nhvalue

  2251.           }

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

  2253.             this.nhlist = response.rows

  2254.           });

  2255.         },

  2256.         // 宅基地搜索框

  2257.         onSearchzjd(){

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

  2259.             let params = {

  2260.               "deptId" : this.item.deptId,

  2261.               "houseDataConfirmStatus" : "CONFIRMED",

  2262.               "syqr" : this.zjdvalue

  2263.             }

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

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

  2266.                 this.list1 = response.rows

  2267.               }

  2268.             });

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

  2270.             let params = {

  2271.               "deptId" : this.item.deptId,

  2272.               "houseDataConfirmStatus" : "UNCONFIRMED",

  2273.               "syqr" : this.zjdvalue

  2274.             }

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

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

  2277.                 this.list2 = response.rows

  2278.               }

  2279.             });

  2280.           }else{

  2281.             let params = {

  2282.               "deptId" : this.item.deptId,

  2283.               "syqr" : this.zjdvalue

  2284.             }

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

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

  2287.                 this.list = response.rows

  2288.               }

  2289.             });

  2290.           }

  2291.         },

  2292.         // 户内成员弹窗

  2293.         showPopuphncy(item){

  2294.           this.showhncy = true

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

  2296.             this.form5 = {

  2297.               "nhdm":this.nhdm,

  2298.               "deptId":this.item.deptId,

  2299.               "zjlx":'01',

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

  2301.               "yhzgx":"14",

  2302.               "yhzgxName":"妻",

  2303.               "hyzk":'02',

  2304.               "hklx":'1',

  2305.               "occupation":'1',

  2306.               "occupationName":'务农',

  2307.               "jzqk":'3',

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

  2309.               "sfbjtjjzzcy":'Y',

  2310.               "xb":'0',

  2311.               "sfbccm":'Y',

  2312.               "sfpkh":'N',

  2313.               "sfwbh":'N',

  2314.               "sjly":'07',

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

  2316.               "cybz":'9',

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

  2318.             }

  2319.           }else{

  2320.             let _this = this

  2321.             this.form5 = item

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

  2323.               this.form5.nhdm = this.nhform.nhdm

  2324.             }

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

  2326.               this.form5.deptId = this.nhform.deptId

  2327.             }

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

  2329.               this.form5.zjlx = "01"

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

  2331.             }

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

  2333.               this.form5.yhzgx = "14"

  2334.               this.form5.yhzgxName = "妻"

  2335.             }

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

  2337.               this.form5.hyzk = "02"

  2338.             }

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

  2340.               this.form5.hklx = "1"

  2341.             }

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

  2343.               this.form5.occupation = "1"

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

  2345.             }

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

  2347.               this.form5.jzqk = "3"

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

  2349.             }

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

  2351.               this.form5.sfbjtjjzzcy = "Y"

  2352.             }

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

  2354.               this.form5.xb = "0"

  2355.             }

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

  2357.               this.form5.sfbccm = "Y"

  2358.             }

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

  2360.               this.form5.sfpkh = "N"

  2361.             }

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

  2363.               this.form5.sfwbh = "N"

  2364.             }

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

  2366.               this.form5.sjly = "07"

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

  2368.             }

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

  2370.               this.form5.cybz = "9"

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

  2372.             }

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

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

  2375.                 this.form5.jzhcssfyzfName = res.dictLabel

  2376.               }

  2377.             })

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

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

  2380.                 this.form5.zjlxName = res.dictLabel

  2381.               }

  2382.             })

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

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

  2385.                 this.form5.occupationName = res.dictLabel

  2386.               }

  2387.             })

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

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

  2390.                 this.form5.jzqkName = res.dictLabel

  2391.               }

  2392.             })

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

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

  2395.                 this.form5.yhzgxName = res.dictLabel

  2396.               }

  2397.             })

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

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

  2400.                 this.form5.cybzName = res.dictLabel

  2401.               }

  2402.             })

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

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

  2405.                 this.form5.sjlyName = res.dictLabel

  2406.               }

  2407.             })

  2408.           }

  2409.         },

  2410.         // 户内成员列表

  2411.         showPopuphncylist(item){

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

  2413.             this.$toast({

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

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

  2416.               duration:"1000"

  2417.             })

  2418.           }else{

  2419.             this.nhdm = item.nhdm

  2420.             this.showhncylist =  true

  2421.             let params = {

  2422.               "nhdm":item.nhdm,

  2423.               "deptId":this.item.deptId

  2424.             }

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

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

  2427.                 this.hncylist = response.rows

  2428.               }

  2429.             });

  2430.           }

  2431. 

  2432.         },

  2433.         showPopupnh(item){

  2434.           this.shownh = true

  2435.           this.nhform = item

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

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

  2438.               this.nhform.jzhcssfyzfName = res.dictLabel

  2439.             }

  2440.           })

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

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

  2443.               this.nhform.hzzjlxName = res.dictLabel

  2444.             }

  2445.           })

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

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

  2448.               this.nhform.occupationName = res.dictLabel

  2449.             }

  2450.           })

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

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

  2453.               this.nhform.jzqkName = res.dictLabel

  2454.             }

  2455.           })

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

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

  2458.               this.nhform.sjlyName = res.dictLabel

  2459.             }

  2460.           })

  2461.         },

  2462.       getZjdList(){

  2463.          let params = {

  2464.            "deptId" : this.item.deptId,

  2465.            "pageNum": 1,

  2466.            "pageSize":10,

  2467.          }

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

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

  2470.              this.list = response.rows

  2471.              this.qbNums = response.total

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

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

  2474.              }else {

  2475.                this.list = newList

  2476.              }

  2477.              this.yhcNums = 0

  2478.              this.whcNums = 0

  2479.              this.list1 = []

  2480.              this.list2 = []

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

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

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

  2484.                    this.list1.push(res)

  2485.                  }

  2486.                  this.yhcNums ++

  2487.                }else{

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

  2489.                    this.list2.push(res)

  2490.                  }

  2491.                  this.whcNums ++

  2492.                }

  2493.              })*/

  2494. 

  2495.            }

  2496.          });

  2497.          let params1 = {

  2498.            "deptId" : this.item.deptId,

  2499.            "houseDataConfirmStatus" : "CONFIRMED",

  2500.            "pageNum": 1,

  2501.            "pageSize":10,

  2502.          }

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

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

  2505.              this.yhcNums = response.total

  2506.              this.list1 = response.rows

  2507.            }

  2508.          });

  2509.          let params2 = {

  2510.            "deptId" : this.item.deptId,

  2511.            "houseDataConfirmStatus" : "UNCONFIRMED",

  2512.            "pageNum": 1,

  2513.            "pageSize":10,

  2514.          }

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

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

  2517.              this.whcNums = response.total

  2518.              this.list2 = response.rows

  2519.            }

  2520.          });

  2521.         },

  2522.         onConfirm(){},

  2523.         /*onSubmithncy(){

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

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

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

  2527.                 Dialog.confirm({

  2528.                   title: '警告',

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

  2530.                 })

  2531.                   .then(() => {

  2532.                     // on confirm

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

  2534.                       let _this =this

  2535.                       this.$toast({

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

  2537.                         message: '修改成功',

  2538.                         duration:"1000",

  2539.                         onClose:function(){

  2540.                           _this.showhncy = false

  2541.                           let params = {

  2542.                             "nhdm":_this.form5.nhdm,

  2543.                             deptId:_this.form5.deptId

  2544.                           }

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

  2546.                             _this.hncylist = response.rows

  2547.                           })

  2548.                         }

  2549.                       })

  2550.                     });

  2551.                   })

  2552.                   .catch(() => {

  2553.                     // on cancel

  2554.                   });

  2555.               }else{

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

  2557.                   let _this =this

  2558.                   this.$toast({

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

  2560.                     message: '修改成功',

  2561.                     duration:"1000",

  2562.                     onClose:function(){

  2563.                       _this.showhncy = false

  2564.                       let params = {

  2565.                         "nhdm":_this.form5.nhdm,

  2566.                         deptId:_this.form5.deptId

  2567.                       }

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

  2569.                         _this.hncylist = response.rows

  2570.                       })

  2571.                     }

  2572.                   })

  2573.                 });

  2574.               }

  2575. 

  2576.             } else {

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

  2578.                 Dialog.confirm({

  2579.                   title: '警告',

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

  2581.                 })

  2582.                   .then(() => {

  2583.                     // on confirm

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

  2585.                       let _this =this

  2586.                       this.$toast({

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

  2588.                         message: '修改成功',

  2589.                         duration:"1000",

  2590.                         onClose:function(){

  2591.                           _this.showhncy = false

  2592.                           let params = {

  2593.                             "nhdm":_this.form5.nhdm,

  2594.                             deptId:_this.form5.deptId

  2595.                           }

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

  2597.                             _this.hncylist = response.rows

  2598.                           })

  2599.                         }

  2600.                       })

  2601.                     });

  2602.                   })

  2603.                   .catch(() => {

  2604.                     // on cancel

  2605.                   });

  2606.               }else{

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

  2608.                   let _this =this

  2609.                   this.$toast({

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

  2611.                     message: '修改成功',

  2612.                     duration:"1000",

  2613.                     onClose:function(){

  2614.                       _this.showhncy = false

  2615.                       let params = {

  2616.                         "nhdm":_this.form5.nhdm,

  2617.                         deptId:_this.form5.deptId

  2618.                       }

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

  2620.                         _this.hncylist = response.rows

  2621.                       })

  2622.                     }

  2623.                   })

  2624.                 });

  2625.               }

  2626.             }

  2627.           } else {

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

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

  2630.                 Dialog.confirm({

  2631.                   title: '警告',

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

  2633.                 })

  2634.                   .then(() => {

  2635.                     // on confirm

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

  2637.                       let _this =this

  2638.                       this.$toast({

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

  2640.                         message: '保存成功',

  2641.                         duration:"1000",

  2642.                         onClose:function(){

  2643.                           _this.showhncy = false

  2644.                           _this.totalR+=1

  2645.                           _this.totalH+=1

  2646.                           let params = {

  2647.                             "nhdm":_this.form5.nhdm,

  2648.                             deptId:_this.form5.deptId

  2649.                           }

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

  2651.                             _this.hncylist = response.rows

  2652.                           })

  2653.                         }

  2654.                       })

  2655.                     });

  2656.                   })

  2657.                   .catch(() => {

  2658.                     // on cancel

  2659.                   });

  2660.               }else{

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

  2662.                   let _this =this

  2663.                   this.$toast({

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

  2665.                     message: '保存成功',

  2666.                     duration:"1000",

  2667.                     onClose:function(){

  2668.                       _this.showhncy = false

  2669.                       _this.totalR+=1

  2670.                       _this.totalH+=1

  2671.                       let params = {

  2672.                         "nhdm":_this.form5.nhdm,

  2673.                         deptId:_this.form5.deptId

  2674.                       }

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

  2676.                         _this.hncylist = response.rows

  2677.                       })

  2678.                     }

  2679.                   })

  2680.                 });

  2681.               }

  2682. 

  2683.             } else {

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

  2685.                 Dialog.confirm({

  2686.                   title: '警告',

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

  2688.                 })

  2689.                   .then(() => {

  2690.                     // on confirm

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

  2692.                       let _this =this

  2693.                       this.$toast({

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

  2695.                         message: '保存成功',

  2696.                         duration:"1000",

  2697.                         onClose:function(){

  2698.                           _this.showhncy = false

  2699.                           _this.totalR+=1

  2700.                           _this.totalH+=1

  2701.                           let params = {

  2702.                             "nhdm":_this.form5.nhdm,

  2703.                             deptId:_this.form5.deptId

  2704.                           }

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

  2706.                             _this.hncylist = response.rows

  2707.                           })

  2708.                         }

  2709.                       })

  2710.                     });

  2711.                   })

  2712.                   .catch(() => {

  2713.                     // on cancel

  2714.                   });

  2715.               }else{

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

  2717.                   let _this =this

  2718.                   this.$toast({

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

  2720.                     message: '保存成功',

  2721.                     duration:"1000",

  2722.                     onClose:function(){

  2723.                       _this.showhncy = false

  2724.                       _this.totalR+=1

  2725.                       _this.totalH+=1

  2726.                       let params = {

  2727.                         "nhdm":_this.form5.nhdm,

  2728.                         deptId:_this.form5.deptId

  2729.                       }

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

  2731.                         _this.hncylist = response.rows

  2732.                       })

  2733.                     }

  2734.                   })

  2735.                 });

  2736.               }

  2737.             }

  2738. 

  2739.           }

  2740.         },*/

  2741.         onSubmithncy(){

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

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

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

  2745.                 Dialog.confirm({

  2746.                   title: '警告',

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

  2748.                 })

  2749.                   .then(() => {

  2750.                     // on confirm

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

  2752.                       let _this =this

  2753.                       this.$toast({

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

  2755.                         message: '修改成功',

  2756.                         duration:"1000",

  2757.                         onClose:function(){

  2758.                           _this.showhncy = false

  2759.                           let params = {

  2760.                             "nhdm":_this.form5.nhdm,

  2761.                             deptId:_this.form5.deptId

  2762.                           }

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

  2764.                             _this.hncylist = response.rows

  2765.                           })

  2766.                         }

  2767.                       })

  2768.                     });

  2769.                   })

  2770.                   .catch(() => {

  2771.                     // on cancel

  2772.                   });

  2773.               }else{

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

  2775.                   let _this =this

  2776.                   this.$toast({

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

  2778.                     message: '修改成功',

  2779.                     duration:"1000",

  2780.                     onClose:function(){

  2781.                       _this.showhncy = false

  2782.                       let params = {

  2783.                         "nhdm":_this.form5.nhdm,

  2784.                         deptId:_this.form5.deptId

  2785.                       }

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

  2787.                         _this.hncylist = response.rows

  2788.                       })

  2789.                     }

  2790.                   })

  2791.                 });

  2792.               }

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

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

  2795.                 Dialog.confirm({

  2796.                   title: '警告',

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

  2798.                 })

  2799.                   .then(() => {

  2800.                     // on confirm

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

  2802.                       let _this =this

  2803.                       this.$toast({

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

  2805.                         message: '修改成功',

  2806.                         duration:"1000",

  2807.                         onClose:function(){

  2808.                           _this.showhncy = false

  2809.                           let params = {

  2810.                             "nhdm":_this.form5.nhdm,

  2811.                             deptId:_this.form5.deptId

  2812.                           }

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

  2814.                             _this.hncylist = response.rows

  2815.                           })

  2816.                         }

  2817.                       })

  2818.                     });

  2819.                   })

  2820.                   .catch(() => {

  2821.                     // on cancel

  2822.                   });

  2823.               }else{

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

  2825.                   let _this =this

  2826.                   this.$toast({

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

  2828.                     message: '修改成功',

  2829.                     duration:"1000",

  2830.                     onClose:function(){

  2831.                       _this.showhncy = false

  2832.                       let params = {

  2833.                         "nhdm":_this.form5.nhdm,

  2834.                         deptId:_this.form5.deptId

  2835.                       }

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

  2837.                         _this.hncylist = response.rows

  2838.                       })

  2839.                     }

  2840.                   })

  2841.                 });

  2842.               }

  2843.             }else{

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

  2845.                 let _this =this

  2846.                 this.$toast({

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

  2848.                   message: '修改成功',

  2849.                   duration:"1000",

  2850.                   onClose:function(){

  2851.                     _this.showhncy = false

  2852.                     let params = {

  2853.                       "nhdm":_this.form5.nhdm,

  2854.                       deptId:_this.form5.deptId

  2855.                     }

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

  2857.                       _this.hncylist = response.rows

  2858.                     })

  2859.                   }

  2860.                 })

  2861.               });

  2862.             }

  2863.           } else {

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

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

  2866.                 Dialog.confirm({

  2867.                   title: '警告',

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

  2869.                 })

  2870.                   .then(() => {

  2871.                     // on confirm

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

  2873.                       let _this =this

  2874.                       this.$toast({

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

  2876.                         message: '保存成功',

  2877.                         duration:"1000",

  2878.                         onClose:function(){

  2879.                           _this.totalR+=1

  2880.                           _this.showhncy = false

  2881.                           let params = {

  2882.                             "nhdm":_this.form5.nhdm,

  2883.                             deptId:_this.form5.deptId

  2884.                           }

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

  2886.                             _this.hncylist = response.rows

  2887.                           })

  2888.                         }

  2889.                       })

  2890.                     });

  2891.                   })

  2892.                   .catch(() => {

  2893.                     // on cancel

  2894.                   });

  2895.               }else{

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

  2897.                   let _this =this

  2898.                   this.$toast({

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

  2900.                     message: '保存成功',

  2901.                     duration:"1000",

  2902.                     onClose:function(){

  2903.                       _this.totalR+=1

  2904.                       _this.showhncy = false

  2905.                       let params = {

  2906.                         "nhdm":_this.form5.nhdm,

  2907.                         deptId:_this.form5.deptId

  2908.                       }

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

  2910.                         _this.hncylist = response.rows

  2911.                       })

  2912.                     }

  2913.                   })

  2914.                 });

  2915.               }

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

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

  2918.                 Dialog.confirm({

  2919.                   title: '警告',

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

  2921.                 })

  2922.                   .then(() => {

  2923.                     // on confirm

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

  2925.                       let _this =this

  2926.                       this.$toast({

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

  2928.                         message: '保存成功',

  2929.                         duration:"1000",

  2930.                         onClose:function(){

  2931.                           _this.totalR+=1

  2932.                           _this.showhncy = false

  2933.                           let params = {

  2934.                             "nhdm":_this.form5.nhdm,

  2935.                             deptId:_this.form5.deptId

  2936.                           }

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

  2938.                             _this.hncylist = response.rows

  2939.                           })

  2940.                         }

  2941.                       })

  2942.                     });

  2943.                   })

  2944.                   .catch(() => {

  2945.                     // on cancel

  2946.                   });

  2947.               }else{

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

  2949.                   let _this =this

  2950.                   this.$toast({

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

  2952.                     message: '保存成功',

  2953.                     duration:"1000",

  2954.                     onClose:function(){

  2955.                       _this.totalR+=1

  2956.                       _this.showhncy = false

  2957.                       let params = {

  2958.                         "nhdm":_this.form5.nhdm,

  2959.                         deptId:_this.form5.deptId

  2960.                       }

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

  2962.                         _this.hncylist = response.rows

  2963.                       })

  2964.                     }

  2965.                   })

  2966.                 });

  2967.               }

  2968.             }else{

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

  2970.                 let _this =this

  2971.                 this.$toast({

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

  2973.                   message: '保存成功',

  2974.                   duration:"1000",

  2975.                   onClose:function(){

  2976.                     _this.totalR+=1

  2977.                     _this.showhncy = false

  2978.                     let params = {

  2979.                       "nhdm":_this.form5.nhdm,

  2980.                       deptId:_this.form5.deptId

  2981.                     }

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

  2983.                       _this.hncylist = response.rows

  2984.                     })

  2985.                   }

  2986.                 })

  2987.               });

  2988.             }

  2989. 

  2990.           }

  2991.         },

  2992.         mapShow() {

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

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

  2995.           //通过数据直接查询方式--------加载较慢 start

  2996.           //镇边界获取

  2997.           // listTown().then(response => {

  2998.           //   if (response.code == 200) {

  2999.           //     this.mapTownList = response.rows;

  3000.           //     //村边界获取

  3001.           //     listVillage(this.queryParams).then(response => {

  3002.           //       this.mapVillageList = response.rows;

  3003.           //       listZjdzd().then((response) => {

  3004.           //         if (response.code == 200) {

  3005.           //           this.mapTheGeomZjdId= response.rows;

  3006.           //           listZrz().then((response) => {

  3007.           //             if (response.code == 200) {

  3008.           //               this.mapTheGeomZrzId = response.rows;

  3009.           //               listFsss().then((response) => {

  3010.           //                 if (response.code == 200) {

  3011.           //                   this.mapTheGeomFsssId = response.rows;

  3012.           //                 }

  3013.           //                 setTimeout(() => {

  3014.           //                   this.GetMapsInit();

  3015.           //                 }, 300);

  3016.           //               });

  3017.           //             }

  3018.           //           });

  3019.           //         }

  3020.           //       });

  3021.           //     });

  3022.           //   }

  3023.           // });

  3024.           //通过数据直接查询方式--------加载较慢 end

  3025.           getGeoServerConfigKey().then(response => {

  3026.             this.mapGeoServerUrl = response.msg;

  3027.             setTimeout(() => {

  3028.               this.GetMapsInit();

  3029.             }, 300);

  3030.           });

  3031.           var that = this;

  3032.           setTimeout(function () {

  3033.             var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)

  3034.             that.bottomHeight = -height+'px'

  3035.           },500)

  3036.         },

  3037.         //地图加载 -----start

  3038.         GetMapsInit() {

  3039. 

  3040.           //加载地图编辑

  3041.           var that = this;

  3042.           var map;

  3043.           //点击事件添加样式

  3044.           var hc_land_on;

  3045.           document.getElementById("mapWrapAll").innerHTML = '';

  3046.           var hc_land;

  3047.           var projection = new ol.proj.Projection({

  3048.             //地图投影类型

  3049.             code: "EPSG:3857",

  3050.             units: "degrees",

  3051.             //extent:extent

  3052.           });

  3053. 

  3054.           var aerial = new ol.layer.Tile({

  3055.             source: new ol.source.XYZ({

  3056.               // url: "http://t0.tianditu.gov.cn/img_w/wmts?" +

  3057.               //   "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +

  3058.               //   "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",

  3059.               url: "http://t{0-7}.tianditu.com/img_w/wmts?" +

  3060.                 "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +

  3061.                 "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",

  3062.             }),

  3063.             isGroup: true,

  3064.             name: "卫星影像图",

  3065.           });

  3066. 

  3067.           var yingxzi = new ol.layer.Tile({

  3068.             source: new ol.source.XYZ({

  3069.               url: "http://t{0-7}.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk= ",

  3070.             }),

  3071.             isGroup: true,

  3072.             name: "天地图文字标注--卫星影像图",

  3073.           });

  3074. 

  3075.           //加载地图

  3076.           map = new ol.Map({

  3077.             controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮

  3078.             layers: [aerial, yingxzi],

  3079.             projection: projection,

  3080.             target: "mapWrapAll",

  3081.             view: new ol.View({

  3082.               //center: ol.proj.fromLonLat([115.452752, 31.789033]),

  3083.               //center: ol.proj.fromLonLat([115.452752, 31.789033]),

  3084.               zoom: 10,

  3085.               minZoom: 5, //地图缩小限制

  3086.               maxZoom: 18.3, //地图放大限制

  3087.               resolution: Math.random() * 0.00000001,

  3088.             }),

  3089.             interactions: ol.interaction.defaults({

  3090.               pinchRotate: false // 移动端禁止地图旋转

  3091.             }),

  3092.           });

  3093.           //使用geoserver服务查询开始 -------------------start

  3094.           //镇边界查询开始 ------------------------------start

  3095.           // var zhenTc= new ol.layer.Tile({

  3096.           //   source: new ol.source.TileWMS({

  3097.           //     url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3098.           //     params: {

  3099.           //       LAYERS: 'zjd_dc:t_house_survey_border_town',

  3100.           //       TILED: true,

  3101.           //       //cql_filter: cql_filter,

  3102.           //       SRID: 3857,

  3103.           //     },

  3104.           //   }),

  3105.           // });

  3106.           // map.addLayer(zhenTc);

  3107.           //镇边界查询开始 ------------------------------end

  3108.           //村边界查询开始 ------------------------------start

  3109.           var cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'";

  3110.           var cunTc = new ol.layer.Image({

  3111.             source: new ol.source.ImageWMS({

  3112.               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3113.               params: {

  3114.                 LAYERS: 'zjd_dc:t_house_survey_border_village',

  3115.                 TILED: true,

  3116.                 cql_filter: cql_filter,

  3117.                 SRID: 3857,

  3118.                 TIMESTAMP: new Date().getTime(),

  3119.               },

  3120.               resolution: Math.random() * 0.00000001,

  3121.             }),

  3122.           });

  3123.           // //定位查询位置

  3124.           // let param_dw = {

  3125.           //   srsName: "EPSG:3857",

  3126.           //   service: "WFS",

  3127.           //   version: "1.0.0",

  3128.           //   request: "GetFeature",

  3129.           //   typename: "zjd_dc:t_house_survey_border_village",

  3130.           //   //featureNS: 'nsgk_hc',//命名空间 URI

  3131.           //   cql_filter: cql_filter,

  3132.           //   //featurePrefix: 'nationalwater',//工作区名称

  3133.           //   //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  3134.           //   outputFormat: "application/json",

  3135.           //   //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  3136.           // };

  3137.           // let url_dw = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;

  3138.           // url_dw = url_dw + "?";

  3139.           // for (let key in param_dw) {

  3140.           //   url_dw = url_dw + key + "=" + param_dw[key] + "&";

  3141.           // }

  3142.           // url_dw = url_dw.substr(0, url_dw.length - 1);

  3143.           // fetch(url_dw, {

  3144.           //   method: "POST", // *GET, POST, PUT, DELETE, etc.

  3145.           // })

  3146.           //   .then((res) => {

  3147.           //     var geojsonmap = res.json();

  3148.           //     return geojsonmap;

  3149.           //   })

  3150.           //   .then((data) => {

  3151.           //     if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {

  3152.           //       //自然幢图层查询开始 ------------------start

  3153.           //       var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";

  3154.           //       zrzTc = new ol.layer.Image({

  3155.           //         source: new ol.source.ImageWMS({

  3156.           //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3157.           //           params: {

  3158.           //             LAYERS: 'zjd_dc:t_house_survey_zrz',

  3159.           //             TILED: true,

  3160.           //             cql_filter: cql_filter_map,

  3161.           //             SRID: 3857,

  3162.           //             TIMESTAMP: new Date().getTime(),

  3163.           //           },

  3164.           //         }),

  3165.           //       });

  3166.           //       map.addLayer(zrzTc);

  3167.           //       //自然幢图层查询开始 ------------------start

  3168.           //       //附属设施图层查询开始 ------------------start

  3169.           //       //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  3170.           //       fsssTc = new ol.layer.Image({

  3171.           //         source: new ol.source.ImageWMS({

  3172.           //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3173.           //           params: {

  3174.           //             LAYERS: 'zjd_dc:t_house_survey_fsss',

  3175.           //             TILED: true,

  3176.           //             cql_filter: cql_filter_map,

  3177.           //             SRID: 3857,

  3178.           //             TIMESTAMP: new Date().getTime(),

  3179.           //           },

  3180.           //         }),

  3181.           //       });

  3182.           //       map.addLayer(fsssTc);

  3183.           //       //附属设施图层查询开始 ------------------end

  3184.           //       hc_land_on = new ol.layer.Vector({

  3185.           //         title: "add Layer",

  3186.           //         source: new ol.source.Vector({

  3187.           //           projection: projection,

  3188.           //           features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),

  3189.           //         }),

  3190.           //         style: new ol.style.Style({

  3191.           //           stroke: new ol.style.Stroke({

  3192.           //             //边界样式

  3193.           //             color: "#CCFF66",

  3194.           //             width: 6,

  3195.           //           }),

  3196.           //         }),

  3197.           //       });

  3198.           //       map.addLayer(hc_land_on);

  3199.           //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  3200.           //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  3201.           //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  3202.           //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  3203.           //       //定位查询位置

  3204.           //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3205.           //       that.clickBbox = center;

  3206.           //       console.log(that.mapZjdData);

  3207.           //       that.textMjAll = that.mapZjdData.zdmj;

  3208.           //       map.getView().animate({

  3209.           //         // 只设置需要的属性即可

  3210.           //         center: center, // 中心点

  3211.           //         zoom: 17.9, // 缩放级别

  3212.           //         rotation: undefined, // 缩放完成view视图旋转弧度

  3213.           //         duration: 1000, // 缩放持续时间，默认不需要设置

  3214.           //         resolution: Math.random() * 0.00000001,

  3215.           //       });

  3216.           //       //this.backMap =1;

  3217.           //     } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {

  3218.           //       //that.newHt ="1";

  3219.           //       var zbNew = JSON.stringify({

  3220.           //         "type": "MultiPolygon",

  3221.           //         "coordinates": [that.backTheGeom.replaceAll("\"", "")]

  3222.           //       });

  3223.           //       var leftJoin = zbNew.replace("\"[", "[");

  3224.           //       var rightJoin = leftJoin.replace("\"]", "]");

  3225.           //       hc_land_on = new ol.layer.Vector({

  3226.           //         title: "add Layer",

  3227.           //         source: new ol.source.Vector({

  3228.           //           projection: projection,

  3229.           //           features: new ol.format.GeoJSON().readFeatures("{\n" +

  3230.           //             "    \"type\": \"Feature\",\n" +

  3231.           //             "    \"geometry\":" + rightJoin + "}"),

  3232.           //         }),

  3233.           //         style: new ol.style.Style({

  3234.           //           fill: new ol.style.Fill({

  3235.           //             //矢量图层填充颜色，以及透明度

  3236.           //             color: "rgba(204, 255, 204,0.3)",

  3237.           //           }),

  3238.           //           stroke: new ol.style.Stroke({

  3239.           //             //边界样式

  3240.           //             color: "#CCFF66",

  3241.           //             width: 3,

  3242.           //           }),

  3243.           //         }),

  3244.           //       });

  3245.           //       map.addLayer(hc_land_on);

  3246.           //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  3247.           //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  3248.           //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  3249.           //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  3250.           //       //定位查询位置

  3251.           //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3252.           //       that.clickBbox = center;

  3253.           //       that.textMjAll = that.mapZjdData.zdmj;

  3254.           //       map.getView().animate({

  3255.           //         // 只设置需要的属性即可

  3256.           //         center: center, // 中心点

  3257.           //         zoom: 16.9, // 缩放级别

  3258.           //         rotation: undefined, // 缩放完成view视图旋转弧度

  3259.           //         duration: 1000, // 缩放持续时间，默认不需要设置

  3260.           //         resolution: Math.random() * 0.00000001,

  3261.           //       });

  3262.           //       //this.backMap =1;

  3263.           //     } else {

  3264.           //       //通过村界大小视图显示

  3265.           //       // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());

  3266.           //       // resolution:resolution + Math.random() * 0.00000001,

  3267.           //       // map.getView().fit(data.bbox);

  3268.           //       // map.getView().setResolution(resolution);

  3269.           //       // //初始视图大小控制

  3270.           //       // map.getView().setZoom(16.0);

  3271.           //       console.log(data);

  3272.           //       console.log(data.features[0].geometry.coordinates[0][0][0]);

  3273.           //       map.getView().animate({

  3274.           //         // 只设置需要的属性即可

  3275.           //         center: data.features[0].geometry.coordinates[0][0][0], // 中心点

  3276.           //         zoom: 16.9, // 缩放级别

  3277.           //         rotation: undefined, // 缩放完成view视图旋转弧度

  3278.           //         duration: 1000, // 缩放持续时间，默认不需要设置

  3279.           //         resolution: Math.random() * 0.00000001,

  3280.           //       });

  3281.           //     }

  3282.           //   })

  3283.           //   .catch((error) => {

  3284.           //     console.log("【异常】", error);

  3285.           //   });

  3286.           map.addLayer(cunTc);

  3287.           //村边界查询开始 ------------------------------end

  3288.           //国有数据加载-----------------------------------start

  3289.           deptGetId(that.$cookies.get("item").deptId).then((res) => {

  3290.             var cql_filter_guoyou = "ZLDWDM='" + res.data.orgCode + "0000000'";

  3291.             var guoyouTc = new ol.layer.Image({

  3292.               source: new ol.source.ImageWMS({

  3293.                 url: that.mapGeoServerUrl + "/geoserver/zjd_gydl/wms",

  3294.                 params: {

  3295.                   LAYERS: 'zjd_gydl:DLTB',

  3296.                   TILED: true,

  3297.                   cql_filter: cql_filter_guoyou,

  3298.                   SRID: 3857,

  3299.                   TIMESTAMP: new Date().getTime(),

  3300.                 },

  3301.               }),

  3302.             });

  3303.             map.addLayer(guoyouTc);

  3304.           });

  3305.           //国有数据加载----------------------------------end

  3306.           //宅基地图层查询开始 ------------------start

  3307.           //var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'";

  3308.           var zjdTc = new ol.layer.Image({

  3309.             source: new ol.source.ImageWMS({

  3310.               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3311.               params: {

  3312.                 LAYERS: 'zjd_dc:t_house_survey_zjdzd',

  3313.                 TILED: true,

  3314.                 cql_filter: cql_filter,

  3315.                 SRID: 3857,

  3316.                 TIMESTAMP: new Date().getTime(),

  3317.               },

  3318.             }),

  3319.           });

  3320.           //定位查询位置

  3321.           let param_zjdzd = {

  3322.             srsName: "EPSG:3857",

  3323.             service: "WFS",

  3324.             version: "1.0.0",

  3325.             request: "GetFeature",

  3326.             typename: "zjd_dc:t_house_survey_zjdzd",

  3327.             //featureNS: 'nsgk_hc',//命名空间 URI

  3328.             cql_filter: cql_filter,

  3329.             //featurePrefix: 'nationalwater',//工作区名称

  3330.             //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  3331.             outputFormat: "application/json",

  3332.             maxFeatures:1,

  3333.             //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  3334.           };

  3335.           let url_zjdzd = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;

  3336.           url_zjdzd = url_zjdzd + "?";

  3337.           for (let key in param_zjdzd) {

  3338.             url_zjdzd = url_zjdzd + key + "=" + param_zjdzd[key] + "&";

  3339.           }

  3340.           url_zjdzd = url_zjdzd.substr(0, url_zjdzd.length - 1);

  3341.           fetch(url_zjdzd, {

  3342.             method: "POST", // *GET, POST, PUT, DELETE, etc.

  3343.           })

  3344.             .then((res) => {

  3345.               var geojsonmap = res.json();

  3346.               return geojsonmap;

  3347.             })

  3348.             .then((data) => {

  3349.               if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {

  3350.                 //自然幢图层查询开始 ------------------start

  3351.                 var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";

  3352.                 zrzTc = new ol.layer.Image({

  3353.                   source: new ol.source.ImageWMS({

  3354.                     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3355.                     params: {

  3356.                       LAYERS: 'zjd_dc:t_house_survey_zrz',

  3357.                       TILED: true,

  3358.                       cql_filter: cql_filter_map,

  3359.                       SRID: 3857,

  3360.                       TIMESTAMP: new Date().getTime(),

  3361.                     },

  3362.                   }),

  3363.                 });

  3364.                 map.addLayer(zrzTc);

  3365.                 //自然幢图层查询开始 ------------------start

  3366.                 //附属设施图层查询开始 ------------------start

  3367.                 //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  3368.                 fsssTc = new ol.layer.Image({

  3369.                   source: new ol.source.ImageWMS({

  3370.                     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3371.                     params: {

  3372.                       LAYERS: 'zjd_dc:t_house_survey_fsss',

  3373.                       TILED: true,

  3374.                       cql_filter: cql_filter_map,

  3375.                       SRID: 3857,

  3376.                       TIMESTAMP: new Date().getTime(),

  3377.                     },

  3378.                   }),

  3379.                 });

  3380.                 map.addLayer(fsssTc);

  3381.                 //附属设施图层查询开始 ------------------end

  3382.                 hc_land_on = new ol.layer.Vector({

  3383.                   title: "add Layer",

  3384.                   source: new ol.source.Vector({

  3385.                     projection: projection,

  3386.                     features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),

  3387.                   }),

  3388.                   style: new ol.style.Style({

  3389.                     stroke: new ol.style.Stroke({

  3390.                       //边界样式

  3391.                       color: "#CCFF66",

  3392.                       width: 6,

  3393.                     }),

  3394.                   }),

  3395.                 });

  3396.                 map.addLayer(hc_land_on);

  3397.                 var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  3398.                 var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  3399.                 var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  3400.                 var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  3401.                 //定位查询位置

  3402.                 var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3403.                 that.clickBbox = center;

  3404.                 console.log(that.mapZjdData);

  3405.                 that.textMjAll = that.mapZjdData.zdmj;

  3406.                 map.getView().animate({

  3407.                   // 只设置需要的属性即可

  3408.                   center: center, // 中心点

  3409.                   zoom: 17.9, // 缩放级别

  3410.                   rotation: undefined, // 缩放完成view视图旋转弧度

  3411.                   duration: 1000, // 缩放持续时间，默认不需要设置

  3412.                   resolution: Math.random() * 0.00000001,

  3413.                 });

  3414.                 //this.backMap =1;

  3415.               } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {

  3416.                 //that.newHt ="1";

  3417.                 var zbNew = JSON.stringify({

  3418.                   "type": "MultiPolygon",

  3419.                   "coordinates": [that.backTheGeom.replaceAll("\"", "")]

  3420.                 });

  3421.                 var leftJoin = zbNew.replace("\"[", "[");

  3422.                 var rightJoin = leftJoin.replace("\"]", "]");

  3423.                 hc_land_on = new ol.layer.Vector({

  3424.                   title: "add Layer",

  3425.                   source: new ol.source.Vector({

  3426.                     projection: projection,

  3427.                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  3428.                       "    \"type\": \"Feature\",\n" +

  3429.                       "    \"geometry\":" + rightJoin + "}"),

  3430.                   }),

  3431.                   style: new ol.style.Style({

  3432.                     fill: new ol.style.Fill({

  3433.                       //矢量图层填充颜色，以及透明度

  3434.                       color: "rgba(204, 255, 204,0.3)",

  3435.                     }),

  3436.                     stroke: new ol.style.Stroke({

  3437.                       //边界样式

  3438.                       color: "#CCFF66",

  3439.                       width: 3,

  3440.                     }),

  3441.                   }),

  3442.                 });

  3443.                 map.addLayer(hc_land_on);

  3444.                 var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  3445.                 var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  3446.                 var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  3447.                 var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  3448.                 //定位查询位置

  3449.                 var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3450.                 that.clickBbox = center;

  3451.                 that.textMjAll = that.mapZjdData.zdmj;

  3452.                 map.getView().animate({

  3453.                   // 只设置需要的属性即可

  3454.                   center: center, // 中心点

  3455.                   zoom: 16.9, // 缩放级别

  3456.                   rotation: undefined, // 缩放完成view视图旋转弧度

  3457.                   duration: 1000, // 缩放持续时间，默认不需要设置

  3458.                   resolution: Math.random() * 0.00000001,

  3459.                 });

  3460.                 //this.backMap =1;

  3461.               } else {

  3462.                 //通过村界大小视图显示

  3463.                 // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());

  3464.                 // resolution:resolution + Math.random() * 0.00000001,

  3465.                 // map.getView().fit(data.bbox);

  3466.                 // map.getView().setResolution(resolution);

  3467.                 // //初始视图大小控制

  3468.                 // map.getView().setZoom(16.0);

  3469.                 map.getView().animate({

  3470.                   // 只设置需要的属性即可

  3471.                   center: data.features[0].geometry.coordinates[0][0][0], // 中心点

  3472.                   zoom: 15.9, // 缩放级别

  3473.                   rotation: undefined, // 缩放完成view视图旋转弧度

  3474.                   duration: 1000, // 缩放持续时间，默认不需要设置

  3475.                   resolution: Math.random() * 0.00000001,

  3476.                 });

  3477.               }

  3478.             })

  3479.             .catch((error) => {

  3480.               console.log("【异常】", error);

  3481.             });

  3482.           map.addLayer(zjdTc);

  3483.           //宅基地图层查询开始 ------------------start

  3484.           var zrzTc;

  3485.           // //自然幢图层查询开始 ------------------start

  3486.           // var zrzTc = new ol.layer.Image({

  3487.           //   source: new ol.source.ImageWMS({

  3488.           //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3489.           //     params: {

  3490.           //       LAYERS: 'zjd_dc:t_house_survey_zrz',

  3491.           //       TILED: true,

  3492.           //       cql_filter: cql_filter,

  3493.           //       SRID: 3857,

  3494.           //       TIMESTAMP: new Date().getTime(),

  3495.           //     },

  3496.           //   }),

  3497.           // });

  3498.           // map.addLayer(zrzTc);

  3499.           // //自然幢图层查询开始 ------------------start

  3500.           //

  3501.           var fsssTc;

  3502.           // //附属设施图层查询开始 ------------------start

  3503.           // var fsssTc = new ol.layer.Image({

  3504.           //   source: new ol.source.ImageWMS({

  3505.           //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3506.           //     params: {

  3507.           //       LAYERS: 'zjd_dc:t_house_survey_fsss',

  3508.           //       TILED: true,

  3509.           //       cql_filter: cql_filter,

  3510.           //       SRID: 3857,

  3511.           //       TIMESTAMP: new Date().getTime(),

  3512.           //     },

  3513.           //   }),

  3514.           // });

  3515.           // map.addLayer(fsssTc);

  3516.           // //附属设施图层查询开始 ------------------start

  3517.           //使用geoserver服务查询开始 -------------------end

  3518.         //   if(this.backMap ==1){

  3519.         //   var cql = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + this.mapZjdTeAll.mapZjdAData.zjddm + "'";

  3520.         //   var wmsSourceBack = new ol.source.ImageWMS({

  3521.         //     crossOrigin: 'anonymous',

  3522.         //     params: {

  3523.         //       LAYERS: 'zjd_dc:t_house_survey_all',

  3524.         //       'VERSION': '1.1.0',

  3525.         //       'FORMAT': "image/png",

  3526.         //       'CQL_FILTER': cql

  3527.         //     },

  3528.         //     serverType: 'geoserver',

  3529.         //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3530.         //   });

  3531.         //   zjdTc.setSource(wmsSourceBack);

  3532.         //   ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新

  3533.         // }

  3534.           //数据库直接加载数据渲染方式---------------------------------------------------start

  3535.           //判断当前账套是否有数据

  3536.           // var mapTalkAbout = true;

  3537.           // //获取镇界线----start

  3538.           // if(this.mapTownList.length >0){

  3539.           //   for (var i = 0; this.mapTownList.length > i; i++) {

  3540.           //     if (this.mapTownList[i] != null && this.mapTownList[i].theGeom != null && this.mapTownList[i].theGeom != "") {

  3541.           //       mapTalkAbout =false;

  3542.           //       this.mapTownList[i].createBy = 'mapTownList';

  3543.           //       var theGeomLine= this.mapTownList[i].theGeom.replaceAll("MultiPolygon","LineString");

  3544.           //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");

  3545.           //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");

  3546.           //       hc_land = new ol.layer.Vector({

  3547.           //         title: "add Layer",

  3548.           //         source: new ol.source.Vector({

  3549.           //           projection: projection,

  3550.           //           features: new ol.format.GeoJSON().readFeatures("{\n" +

  3551.           //             "    \"type\": \"Feature\",\n" +

  3552.           //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapTownList[i]) + "}"),

  3553.           //         }),

  3554.           //         style: new ol.style.Style({

  3555.           //           fill: new ol.style.Fill({

  3556.           //             //矢量图层填充颜色，以及透明度

  3557.           //             color: "#AE57A4",

  3558.           //           }),

  3559.           //           stroke: new ol.style.Stroke({

  3560.           //             //边界样式

  3561.           //             color: "#FF0000",

  3562.           //             width: 3,

  3563.           //           }),

  3564.           //           // text: new ol.style.Text({

  3565.           //           //   text: this.mapTownList[i].xzqmc,

  3566.           //           //   font: '30px sans-serif',

  3567.           //           //   textAlign: "center",

  3568.           //           //   textBaseline: "middle",

  3569.           //           //   //font: 'verdana',

  3570.           //           //   fill: new ol.style.Fill({

  3571.           //           //     color: "#ff0000"

  3572.           //           //   }),

  3573.           //           //   // backgroundFill: new ol.style.Fill({

  3574.           //           //   //   color: "#ff0000"

  3575.           //           //   // }),

  3576.           //           //   font: "30px sans-serif",

  3577.           //           //   stroke: new ol.style.Stroke({

  3578.           //           //     color: "#ffffff"

  3579.           //           //     // width: 3

  3580.           //           //   }),

  3581.           //           //   offsetX: parseInt(0, 10),

  3582.           //           //   offsetY: parseInt(0, 10),

  3583.           //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注

  3584.           //           //   overflow: false //超出面的部分不显示

  3585.           //           //}),

  3586.           //         }),

  3587.           //       });

  3588.           //       map.addLayer(hc_land);

  3589.           //       //console.log(hc_land.values_.source.featuresRtree_.rbush_.data);

  3590.           //       var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;

  3591.           //       var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;

  3592.           //       var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;

  3593.           //       var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;

  3594.           //       // //定位查询位置

  3595.           //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3596.           //       // console.log(center);

  3597.           //       map.getView().animate({

  3598.           //         // 只设置需要的属性即可

  3599.           //         center: center, // 中心点

  3600.           //         zoom: 9.8, // 缩放级别

  3601.           //         rotation: undefined, // 缩放完成view视图旋转弧度

  3602.           //         duration: 1000, // 缩放持续时间，默认不需要设置

  3603.           //       });

  3604.           //     }

  3605.           //   }

  3606.           // }

  3607.           // //获取镇界线----end

  3608.           // //获取村界线----start

  3609.           // if(this.mapVillageList.length >0){

  3610.           //   for (var i = 0; this.mapVillageList.length > i; i++) {

  3611.           //     if (this.mapVillageList[i] != null && this.mapVillageList[i].theGeom != null && this.mapVillageList[i].theGeom != "") {

  3612.           //       mapTalkAbout =false;

  3613.           //       this.mapVillageList[i].createBy = 'mapVillageList';

  3614.           //       var theGeomLine= this.mapVillageList[i].theGeom.replaceAll("MultiPolygon","LineString");

  3615.           //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");

  3616.           //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");

  3617.           //       hc_land = new ol.layer.Vector({

  3618.           //         title: "add Layer",

  3619.           //         source: new ol.source.Vector({

  3620.           //           projection: projection,

  3621.           //           features: new ol.format.GeoJSON().readFeatures("{\n" +

  3622.           //             "    \"type\": \"Feature\",\n" +

  3623.           //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapVillageList[i]) + "}"),

  3624.           //         }),

  3625.           //         style: new ol.style.Style({

  3626.           //           fill: new ol.style.Fill({

  3627.           //             //矢量图层填充颜色，以及透明度

  3628.           //             color: "#AE57A4",

  3629.           //           }),

  3630.           //           stroke: new ol.style.Stroke({

  3631.           //             //边界样式

  3632.           //             color: "#ff00ff",

  3633.           //             width: 3,

  3634.           //           }),

  3635.           //           // text: new ol.style.Text({

  3636.           //           //   text: this.mapVillageList[i].dcmj,

  3637.           //           //   font: '30px sans-serif',

  3638.           //           //   textAlign: "center",

  3639.           //           //   textBaseline: "middle",

  3640.           //           //   //font: 'verdana',

  3641.           //           //   fill: new ol.style.Fill({

  3642.           //           //     color: "#ff00ff"

  3643.           //           //   }),

  3644.           //           //   // backgroundFill: new ol.style.Fill({

  3645.           //           //   //   color: "#ff0000"

  3646.           //           //   // }),

  3647.           //           //   font: "30px sans-serif",

  3648.           //           //   stroke: new ol.style.Stroke({

  3649.           //           //     color: "#ffffff"

  3650.           //           //     // width: 3

  3651.           //           //   }),

  3652.           //           //   offsetX: parseInt(0, 10),

  3653.           //           //   offsetY: parseInt(0, 10),

  3654.           //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注

  3655.           //           //   overflow: false //超出面的部分不显示

  3656.           //           // }),

  3657.           //         }),

  3658.           //       });

  3659.           //       map.addLayer(hc_land);

  3660.           //     }

  3661.           //   }

  3662.           // }

  3663.           // // //获取村界线----end

  3664.           // //宅基地定位开始 ---------start

  3665.           // if(this.mapTheGeomZjdId.length >0) {

  3666.           //   for (var i = 0; this.mapTheGeomZjdId.length > i; i++) {

  3667.           //     if (this.mapTheGeomZjdId[i] !=null && this.mapTheGeomZjdId[i].theGeom != null && this.mapTheGeomZjdId[i].theGeom != "") {

  3668.           //       mapTalkAbout =false;

  3669.           //       this.mapTheGeomZjdId[i].createBy = 'mapTheGeomZjdId';

  3670.           //       var styleYqr = "";

  3671.           //       if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  3672.           //         styleYqr = new ol.style.Style({

  3673.           //           fill: new ol.style.Fill({

  3674.           //             //矢量图层填充颜色，以及透明度

  3675.           //             color: "#AE57A4",

  3676.           //           }),

  3677.           //           stroke: new ol.style.Stroke({

  3678.           //             //边界样式

  3679.           //             color: "#28FF28",

  3680.           //             width: 3,

  3681.           //           }),

  3682.           //         });

  3683.           //       } else {

  3684.           //         styleYqr = new ol.style.Style({

  3685.           //           fill: new ol.style.Fill({

  3686.           //             //矢量图层填充颜色，以及透明度

  3687.           //             color: "#AE57A4",

  3688.           //           }),

  3689.           //           stroke: new ol.style.Stroke({

  3690.           //             //边界样式

  3691.           //             color: "rgba(255, 45, 45,1)",

  3692.           //             width: 3,

  3693.           //           }),

  3694.           //         });

  3695.           //       }

  3696.           //       hc_land = new ol.layer.Vector({

  3697.           //         title: "add Layer",

  3698.           //         source: new ol.source.Vector({

  3699.           //           projection: projection,

  3700.           //           features: new ol.format.GeoJSON().readFeatures("{\n" +

  3701.           //             "    \"type\": \"Feature\",\n" +

  3702.           //             "    \"geometry\":" + this.mapTheGeomZjdId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZjdId[i]) + "}"),

  3703.           //         }),

  3704.           //         style: styleYqr

  3705.           //       });

  3706.           //       map.addLayer(hc_land);

  3707.           //       // var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;

  3708.           //       // var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;

  3709.           //       // var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;

  3710.           //       // var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;

  3711.           //       // //定位查询位置

  3712.           //       // var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3713.           //       // map.getView().animate({

  3714.           //       //   // 只设置需要的属性即可

  3715.           //       //   center: center, // 中心点

  3716.           //       //   zoom: 15.8, // 缩放级别

  3717.           //       //   rotation: undefined, // 缩放完成view视图旋转弧度

  3718.           //       //   duration: 1000, // 缩放持续时间，默认不需要设置

  3719.           //       // });

  3720.           //       //自然幢定位开始 ---------start

  3721.           //       getZrzZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {

  3722.           //         if (response.code == 200) {

  3723.           //           this.mapTheGeomZrzId = response.data;

  3724.           //           if(this.mapTheGeomZrzId.length >0) {

  3725.           //             for (var i = 0; this.mapTheGeomZrzId.length > i; i++) {

  3726.           //               if (this.mapTheGeomZrzId[i] !=null && this.mapTheGeomZrzId[i].theGeom != null && this.mapTheGeomZrzId[i].theGeom != "") {

  3727.           //                 this.mapTheGeomZrzId[i].createBy = 'mapTheGeomZrzId';

  3728.           //                 var styleZrz = "";

  3729.           //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  3730.           //                   styleZrz = new ol.style.Style({

  3731.           //                     fill: new ol.style.Fill({

  3732.           //                       //矢量图层填充颜色，以及透明度

  3733.           //                       color: "#FFD306",

  3734.           //                     }),

  3735.           //                     stroke: new ol.style.Stroke({

  3736.           //                       //边界样式

  3737.           //                       color: "#28FF28",

  3738.           //                       width: 3,

  3739.           //                     }),

  3740.           //                   });

  3741.           //                 } else {

  3742.           //                   styleZrz = new ol.style.Style({

  3743.           //                     fill: new ol.style.Fill({

  3744.           //                       //矢量图层填充颜色，以及透明度

  3745.           //                       color: "#FFD306",

  3746.           //                     }),

  3747.           //                     stroke: new ol.style.Stroke({

  3748.           //                       //边界样式

  3749.           //                       color: "rgba(255, 45, 45,1)",

  3750.           //                       width: 3,

  3751.           //                     }),

  3752.           //                   });

  3753.           //                 }

  3754.           //                 hc_land = new ol.layer.Vector({

  3755.           //                   title: "add Layer",

  3756.           //                   source: new ol.source.Vector({

  3757.           //                     projection: projection,

  3758.           //                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  3759.           //                       "    \"type\": \"Feature\",\n" +

  3760.           //                       "    \"geometry\":" + this.mapTheGeomZrzId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZrzId[i]) + "}"),

  3761.           //                   }),

  3762.           //                   style: styleZrz

  3763.           //                 });

  3764.           //                 map.addLayer(hc_land);

  3765.           //               }

  3766.           //             }

  3767.           //           }

  3768.           //         }

  3769.           //       });

  3770.           //       //自然幢定位结束 ---------end

  3771.           //

  3772.           //       //附属设施定位开始 ---------start

  3773.           //       getFsssZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {

  3774.           //         if (response.code == 200) {

  3775.           //           this.mapTheGeomFsssId = response.data;

  3776.           //           if(this.mapTheGeomFsssId.length >0) {

  3777.           //             for (var i = 0; this.mapTheGeomFsssId.length > i; i++) {

  3778.           //               if (this.mapTheGeomFsssId[i] !=null && this.mapTheGeomFsssId[i].theGeom != null && this.mapTheGeomFsssId[i].theGeom != "") {

  3779.           //                 this.mapTheGeomFsssId[i].createBy = 'mapTheGeomFsssId';

  3780.           //                 var styleFsss = "";

  3781.           //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  3782.           //                   styleFsss = new ol.style.Style({

  3783.           //                     fill: new ol.style.Fill({

  3784.           //                       //矢量图层填充颜色，以及透明度

  3785.           //                       color: "#00FFFF",

  3786.           //                     }),

  3787.           //                     stroke: new ol.style.Stroke({

  3788.           //                       //边界样式

  3789.           //                       color: "#28FF28",

  3790.           //                       width: 3,

  3791.           //                     }),

  3792.           //                   });

  3793.           //                 } else {

  3794.           //                   styleFsss = new ol.style.Style({

  3795.           //                     fill: new ol.style.Fill({

  3796.           //                       //矢量图层填充颜色，以及透明度

  3797.           //                       color: "#00FFFF",

  3798.           //                     }),

  3799.           //                     stroke: new ol.style.Stroke({

  3800.           //                       //边界样式

  3801.           //                       color: "rgba(255, 45, 45,1)",

  3802.           //                       width: 3,

  3803.           //                     }),

  3804.           //                   });

  3805.           //                 }

  3806.           //                 hc_land = new ol.layer.Vector({

  3807.           //                   title: "add Layer",

  3808.           //                   source: new ol.source.Vector({

  3809.           //                     projection: projection,

  3810.           //                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  3811.           //                       "    \"type\": \"Feature\",\n" +

  3812.           //                       "    \"geometry\":" + this.mapTheGeomFsssId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomFsssId[i]) + "}"),

  3813.           //                   }),

  3814.           //                   style: styleFsss

  3815.           //                 });

  3816.           //                 map.addLayer(hc_land);

  3817.           //               }

  3818.           //             }

  3819.           //           }

  3820.           //         }

  3821.           //       });

  3822.           //       //附属设施定位结束 ---------end

  3823.           //     }

  3824.           //   }

  3825.           // }

  3826.           // //宅基地定位结束 ---------end

  3827.           //数据库直接加载数据渲染方式---------------------------------------------------end

  3828. 

  3829.           //地图操作定义------------start

  3830.           //定位定义------------start

  3831.           var Zb;

  3832.           var latitude;

  3833.           var longitude;

  3834.           var vector_drawing;

  3835.           //定位定义------------end

  3836. 

  3837.           //绘图定义---------------start

  3838.           var drawing;

  3839.           var draw_map;

  3840.           //绘图定义---------------end

  3841. 

  3842.           //测面绘图定义------------start

  3843.           var draw_cm;

  3844.           //定义矢量图层

  3845.           var vector;

  3846.           //创建一个帮助提示信息对象

  3847.           var helpTooltip;

  3848.           //创建一个测量提示信息对象

  3849.           var measureTooltip;

  3850.           //创建一个帮助提示框对象

  3851.           var helpTooltipElement;

  3852.           //测出距离

  3853.           var measureTooltipElement;

  3854.           //测面绘图定义-----------end

  3855. 

  3856.           //地图操作定义------------end

  3857.           //定位当前位置 ------start

  3858.           $("#dwMapAll").on("click", function () {

  3859.             //删除测量记录操作--------start

  3860.             //将矢量图层从图中删除

  3861.             //map.removeLayer(helpTooltip);

  3862.             map.removeLayer(vector);

  3863.             map.removeInteraction(draw_cm);

  3864.             //map.removeOverlay(helpTooltipElement);

  3865.             //map.removeLayer(measureTooltip);

  3866.             //删除测量记录操作--------end

  3867.             //删除绘制图层画图操作-------start

  3868.             map.removeInteraction(draw_map);

  3869.             map.removeLayer(drawing);

  3870.             //删除绘制图层画图操作-------end

  3871. 

  3872.             //开始定位当前位置

  3873.             navigator.geolocation.getCurrentPosition(function(position) {

  3874.               latitude = position.coords.latitude;// 获取纬度

  3875.               longitude = position.coords.longitude;// 获取经度

  3876.             });

  3877.             if(latitude !=null && longitude !=null && latitude !="" && longitude !="" && latitude !=undefined && longitude !=undefined ){

  3878.               Zb = [longitude,latitude];

  3879.             }else {

  3880.               Zb =[115.452752, 31.789033];

  3881.             }

  3882.             //获取坐标点LocationManager

  3883.             // geoGps().then(response => {

  3884.             //

  3885.             // });

  3886.             //矢量标注样式设置函数，设置image为图标ol.style.Icon

  3887.             function createLabelStyle() {

  3888.               return new ol.style.Style({

  3889.                 image: new ol.style.Icon({

  3890.                   //设置图标偏移

  3891.                   anchor: [0.5, 1],

  3892.                   //标注样式的起点位置

  3893.                   anchorOrigin: "top-right",

  3894.                   //X方向单位：分数

  3895.                   anchorXUnits: "fraction",

  3896.                   //Y方向单位：像素

  3897.                   anchorYUnits: "pixels",

  3898.                   //偏移起点位置的方向

  3899.                   offsetOrigin: "top-right",

  3900.                   //透明度

  3901.                   opacity: 0.9,

  3902.                   //图片路径

  3903.                   src: require("../../assets/images/housesteadSurvey/mark.png"),

  3904.                 }),

  3905.                 text: new ol.style.Text({

  3906.                   textAlign: "center", //位置

  3907.                   textBaseline: "middle", //基准线

  3908.                   font: "normal 12px 微软雅黑", //文字样式

  3909.                   //text: "标注点", //文本内容

  3910.                   fill: new ol.style.Fill({

  3911.                     //文本填充样式（即文字颜色)

  3912.                     color: "#ff0000",

  3913.                   }),

  3914.                 }),

  3915.                 zIndex: 9999,

  3916.               });

  3917.             }

  3918.             var newcenterFeature = new ol.Feature({

  3919.               geometry: new ol.geom.Point(ol.proj.fromLonLat(Zb)), //几何信息

  3920.               name: "标注点",

  3921.             });

  3922.             var sourceMapLook = new ol.source.Vector({wrapX: false});

  3923.             vector_drawing = new ol.layer.Vector({

  3924.               source: sourceMapLook,

  3925.             });

  3926.             map.addLayer(vector_drawing);

  3927.             newcenterFeature.setStyle(createLabelStyle()); //设置要素样式

  3928.             sourceMapLook.addFeature(newcenterFeature);

  3929.             map.getView().animate({

  3930.               // 只设置需要的属性即可

  3931.               center: ol.proj.fromLonLat(Zb), // 中心点

  3932.               zoom: 17.8, // 缩放级别

  3933.               rotation: undefined, // 缩放完成view视图旋转弧度

  3934.               duration: 1000, // 缩放持续时间，默认不需要设置

  3935.               resolution:Math.random() * 0.00000001,

  3936.             });

  3937.           });

  3938.           //定位当前位置 ------end

  3939. 

  3940.           //开始绘制图层- -----start

  3941.           $("#htMapAll").on("click", function () {

  3942.             if(that.drawingClick) {

  3943.               that.drawingClick=false;

  3944.               //删除之前 测距操作添加map中的绘图  --------start

  3945.               //map.removeLayer(helpTooltip);

  3946.               map.removeLayer(vector);

  3947.               map.removeInteraction(draw_cm);

  3948.               //map.removeOverlay(helpTooltipElement);

  3949.               map.removeLayer(measureTooltipElement);

  3950.               //删除之前 测距操作添加map中的绘图  --------end

  3951. 

  3952.               //删除之前画图图层,重新绘制图层

  3953.               map.removeInteraction(draw_map);

  3954.               map.removeLayer(drawing);

  3955.               //var source = new ol.source.Vector({wrapX: false});

  3956.               drawing = new ol.layer.Vector({

  3957.                 source: new ol.source.Vector(),

  3958.               });

  3959.               map.addLayer(drawing);

  3960. 

  3961.               function addInteraction() {

  3962.                 draw_map = new ol.interaction.Draw({

  3963.                   source: drawing.getSource(),

  3964.                   type: "Polygon",

  3965.                 });

  3966.                 draw_map.on("drawend", function (evt) {

  3967.                   var feature = evt.feature;

  3968.                   var geometry = feature.getGeometry();

  3969.                   that.coordinate = geometry.getCoordinates();

  3970.                   //_this.coordinateList = coordinate.toString();

  3971.                   //提示当前坐标是否绘制完成

  3972.                   if (that.coordinate != "" && that.coordinate != null) {

  3973.                     that.showhzht = true;

  3974.                     that.htZjdZrzFsss = JSON.stringify(that.coordinate);

  3975.                     console.log(that.mapZjdData);

  3976.                     // htMapAllFu();

  3977.                   } else {

  3978.                     $("#htMapAll").trigger("click");

  3979.                   }

  3980.                 });

  3981.                 map.addInteraction(draw_map);

  3982.               }

  3983. 

  3984.               function htMapAllFu() {

  3985.                 //that.drawMapPolygonFun();

  3986.                 //绘制多边形地图

  3987.                 that.$dialog

  3988.                   .confirm({

  3989.                     title: "提示",

  3990.                     message: "是否重新绘制画图",

  3991.                   })

  3992.                   .then(() => {

  3993.                     //$("#drawRemove").trigger("click");

  3994.                     map.removeInteraction(draw_map);

  3995.                     that.coordinate = "";

  3996.                   })

  3997.                   .catch(() => {

  3998.                     //删除画图点

  3999.                     map.removeInteraction(draw_map);

  4000.                   });

  4001.               }

  4002. 

  4003.               addInteraction();

  4004.             } else {

  4005.               that.drawingClick=true;

  4006.               //删除之前 测距操作添加map中的绘图  --------start

  4007.               //map.removeLayer(helpTooltip);

  4008.               map.removeLayer(vector);

  4009.               map.removeInteraction(draw_cm);

  4010.               //map.removeOverlay(helpTooltipElement);

  4011.               map.removeLayer(measureTooltipElement);

  4012.               //删除之前 测距操作添加map中的绘图  --------end

  4013. 

  4014.               //删除之前画图图层,重新绘制图层

  4015.               map.removeInteraction(draw_map);

  4016.               map.removeLayer(drawing);

  4017.               //var source = new ol.source.Vector({wrapX: false});

  4018.             }

  4019.           });

  4020.           //删除之前绘制图层

  4021.           $("#deleteHistory").on("click", function () {

  4022.             map.removeLayer(drawing);

  4023.             that.showhzht = false;

  4024.           });

  4025.           //开始绘制图层- -----end

  4026. 

  4027.           //切换功能删除之前选中状态

  4028.           $("#deleteHistoryMap").on("click", function () {

  4029.             map.removeLayer(hc_land_on);

  4030.             that.mapZjdData = "";

  4031.             that.mapZrzData = "";

  4032.             that.mapFsssData = "";

  4033.             //that.mapZjdTeAll.active ="1";

  4034.             that.mapZjdTeAll.mapZjdAData = {};

  4035.             that.mapZjdTeAll.mapZrzAData = {};

  4036.             that.mapZjdTeAll.mapFsssAData = {};

  4037.             that.mapZjdDataTure = "";

  4038.           });

  4039.           //清除画图鼠标点击事件

  4040.           // $("#drawRemove").click(function () {

  4041.           //   map.removeLayer(drawing);

  4042.           // });

  4043.           //

  4044. 

  4045.           //地图定义

  4046.           var delete_map = ["mapZjd", "mapZrz","mapFsss"];

  4047.           var hc_land_queryList =[];

  4048.           var texiao_layer_zjd;

  4049.           var texiao_layer_zrz;

  4050.           var texiao_layer_fsss;

  4051.           //按照查询条件人名  定位地图-----------------start

  4052.           $("#query").on("click", function () {

  4053.             //数据库查询数据------------------------------------------------------start

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

  4055.             var val = that.seachText;

  4056.             //删除之前查询图层

  4057.             for(var i=0;hc_land_queryList.length>i;i++){

  4058.               map.removeLayer(hc_land_queryList[i]);

  4059.             }

  4060.             hc_land_queryList = [];

  4061.             that.mapDataAll =[];

  4062.             if (val == "") {

  4063.                 that.$toast('请填写查询条件再查询');

  4064.               } else {

  4065.               var styleZjd = new ol.style.Style({

  4066.                 stroke: new ol.style.Stroke({

  4067.                   //边界样式

  4068.                   color: "#CCFF66",

  4069.                   width: 6,

  4070.                 }),

  4071.               });

  4072.               let params;

  4073.               if(that.mapAddJumpNum == 1){

  4074.                 params = {

  4075.                   "deptId" : that.mapAddJump,

  4076.                   "syqr" : val

  4077.                 }

  4078.               } else {

  4079.                 params = {

  4080.                   "deptId" : that.$cookies.get("item").deptId,

  4081.                   "syqr" : val

  4082.                 }

  4083.               }

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

  4085.                 if(response.rows.length != 0){

  4086.                   that.mapDataAll = response.rows;

  4087.                   for(var hg=0; hg < that.mapDataAll.length; hg++){

  4088.                     var mapNum = that.mapDataAll[hg].houseDataConfirmStatus;

  4089.                     if(mapNum == "UNCONFIRMED"){

  4090.                       that.mapDataAll[hg].paceType = "未核查";

  4091.                     } else if (mapNum == "CONFIRMED"){

  4092.                       that.mapDataAll[hg].paceType = "已核查";

  4093.                     }else{

  4094. 

  4095.                     }

  4096.                     that.mapDataAll[hg].typeTc="宅基地";

  4097.                     if (that.mapDataAll[hg] !=null && that.mapDataAll[hg].theGeom != null && that.mapDataAll[hg].theGeom != "") {

  4098.                       that.mapDataAll[hg].createBy = 'mapTheGeomZjdId';

  4099.                       hc_land_queryList[hg] =new ol.layer.Vector({

  4100.                           title: "add Layer",

  4101.                           source: new ol.source.Vector({

  4102.                             projection: projection,

  4103.                             features: new ol.format.GeoJSON().readFeatures("{\n" +

  4104.                               "    \"type\": \"Feature\",\n" +

  4105.                               "    \"geometry\":" + that.mapDataAll[hg].theGeom + ",    \"properties\":" + JSON.stringify(that.mapDataAll[hg]) + "}"),

  4106.                           }),

  4107.                           style: styleZjd

  4108.                         });

  4109.                       map.addLayer(hc_land_queryList[hg]);

  4110.                       var maxXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxX;

  4111.                       var maxYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxY;

  4112.                       var minXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minX;

  4113.                       var minYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minY;

  4114.                       //定位查询位置

  4115.                       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4116.                       map.getView().animate({

  4117.                         // 只设置需要的属性即可

  4118.                         center: center, // 中心点

  4119.                         zoom: 15.8, // 缩放级别

  4120.                         rotation: undefined, // 缩放完成view视图旋转弧度

  4121.                         duration: 1000, // 缩放持续时间，默认不需要设置

  4122.                         resolution:Math.random() * 0.00000001,

  4123.                       });

  4124.                     }

  4125.                     // listFsss(paramsZrz).then((response) => {

  4126.                     //   that.mapDataAll.push(response.rows);

  4127.                     // });

  4128.                   }

  4129.                   // for(var queryFor=0; hc_land_queryList > queryFor; queryFor++ ){

  4130.                   //   map.addLayer(hc_land_queryList[queryFor]);

  4131.                   // }

  4132.                   // var mapZrzFor = that.mapDataAll[0].length+1;

  4133.                   // console.log(mapZrzFor);

  4134.                   // for(var mapFor=0;mapZrzFor>mapFor;mapFor++){

  4135.                   //   //查询自然幢

  4136.                   //   let paramsZrz = {

  4137.                   //     "deptId" : that.$cookies.get("item").deptId,

  4138.                   //     "zjddm" : that.mapDataAll[0][mapFor].zjddm,

  4139.                   //     "pageSize":20,

  4140.                   //   }

  4141.                   //   listZrz(paramsZrz).then((response) => {

  4142.                   //     console.log(response);

  4143.                   //     that.mapDataAll[0].

  4144.                   //     that.mapDataAll[0].push(response.rows);

  4145.                   //   });

  4146.                   // }

  4147.                   setTimeout(function () {

  4148.                     that.showSearch = true ;

  4149.                     $('.searchBox').css('display','block')

  4150.                     var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)

  4151.                     document.styleSheets[0].insertRule(

  4152.                       "@keyframes test" +

  4153.                       "{" +

  4154.                       "0%{bottom: -" + height + "px;}" +

  4155.                       "100%{bottom: 0px;}" +

  4156.                       "}"

  4157.                     )

  4158.                     $('.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'});

  4159.                   //}

  4160.                   },500);

  4161.                 } else {

  4162.                   that.$toast("暂无数据")

  4163.                 }

  4164.               });

  4165. 

  4166.             }

  4167.             //数据库查询数据------------------------------------------------------end

  4168.             //地图查询------------------------------------------------------------start

  4169.             /**

  4170.              * @api wfs服务空间查询

  4171.              * @param {*} wfsurl

  4172.              * @param {*} srsName

  4173.              * @param {*} typeName

  4174.              * @param {*} drawType

  4175.              * @param {option 可选} geometryField

  4176.              */

  4177.             // var val = that.seachText;

  4178.             // if (val == "") {

  4179.             //   that.$toast('请填写查询条件再查询');

  4180.             // } else {

  4181.             //   //清除之前查询数据

  4182.             //   that.mapDataAll =[];

  4183.             //   //分类查询查询农地、农房

  4184.             //   var difang;

  4185.             //   //查询条件

  4186.             //   var cql_filter_cun;

  4187.             //   var cun = that.$cookies.get("item").deptId;

  4188.             //   difang = ["zjd_dc:t_house_survey_zjdzd", "zjd_dc:t_house_survey_zrz","zjd_dc:t_house_survey_fsss"];

  4189.             //   var tach = 0;

  4190.             //   var once = 0;

  4191.             //   for (var i = 0; i < difang.length; i++) {

  4192.             //     map.removeLayer(delete_map[i]);

  4193.             //     // 数字验证！

  4194.             //     var reg = /\d/;

  4195.             //     //验证汉子

  4196.             //     //var han = /^[\u4e00-\u9fa5]+$/;

  4197.             //     if (reg.test(val)) {

  4198.             //       //循环判断查询条件

  4199.             //       cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  4200.             //     } else {

  4201.             //       //循环判断查询条件

  4202.             //       if (difang[i] == "zjd_dc:t_house_survey_zjdzd") {

  4203.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  4204.             //       } else if(difang[i] == "zjd_dc:t_house_survey_zrz") {

  4205.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  4206.             //       } else if(difang[i] == "zjd_dc:t_house_survey_fsss") {

  4207.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  4208.             //       }

  4209.             //     }

  4210.             //     //for(var i=0; i< difang.length; i++){

  4211.             //     //cql_filter = "CM='"+cun +"'"+ "and XZQK='待流转待盘活'";

  4212.             //

  4213.             //     //图层加载

  4214.             //

  4215.             //     //业务图层  wms服务

  4216.             //     delete_map[i] = new ol.layer.Tile({

  4217.             //       source: new ol.source.TileWMS({

  4218.             //         url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  4219.             //         params: {

  4220.             //           LAYERS: difang[i],

  4221.             //           //'LAYERS': 'new_shp:new_shp_all',

  4222.             //           TILED: true,

  4223.             //           cql_filter: cql_filter_cun,

  4224.             //           SRID: 3857,

  4225.             //         },

  4226.             //       }),

  4227.             //     });

  4228.             //

  4229.             //     //}

  4230.             //     //定位查询位置

  4231.             //     let param_dw = {

  4232.             //       srsName: "EPSG:3857",

  4233.             //       service: "WFS",

  4234.             //       version: "1.0.0",

  4235.             //       request: "GetFeature",

  4236.             //       typename: difang[i],

  4237.             //       //featureNS: 'nsgk_hc',//命名空间 URI

  4238.             //       cql_filter: cql_filter_cun,

  4239.             //       //featurePrefix: 'nationalwater',//工作区名称

  4240.             //       //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  4241.             //       outputFormat: "application/json",

  4242.             //       //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  4243.             //     };

  4244.             //     let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;

  4245.             //     url_dw = url_dw + "?";

  4246.             //     for (let key in param_dw) {

  4247.             //       url_dw = url_dw + key + "=" + param_dw[key] + "&";

  4248.             //     }

  4249.             //     url_dw = url_dw.substr(0, url_dw.length - 1);

  4250.             //     fetch(url_dw, {

  4251.             //       method: "POST", // *GET, POST, PUT, DELETE, etc.

  4252.             //     })

  4253.             //       .then((res) => {

  4254.             //         var geojsonmap = res.json();

  4255.             //         return geojsonmap;

  4256.             //       })

  4257.             //       .then((data) => {

  4258.             //         tach = tach + 1;

  4259.             //         if (data.features != null && data.features != "") {

  4260.             //           for(var i=0; data.features.length >i; i++) {

  4261.             //             //特效动画实现 -----------------------------start

  4262.             //             console.log(tach,"++++++++++++++++++",once)

  4263.             //             var datamap = data.features[0].bbox;

  4264.             //             if (tach == 1 && once == 0) {

  4265.             //               console.log("zrz")

  4266.             //               texiao_layer_zjd = new ol.layer.Vector({

  4267.             //                 source: new ol.source.Vector(),

  4268.             //               });

  4269.             //               map.addLayer(texiao_layer_zjd);

  4270.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  4271.             //               var circle = new ol.Feature({

  4272.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  4273.             //               });

  4274.             //

  4275.             //               circle.setStyle(

  4276.             //                 new ol.style.Style({

  4277.             //                   image: new ol.style.Circle({

  4278.             //                     radius: 0,

  4279.             //                     stroke: new ol.style.Stroke({

  4280.             //                       color: "yellow",

  4281.             //                       size: 1,

  4282.             //                     }),

  4283.             //                   }),

  4284.             //                 })

  4285.             //               );

  4286.             //               texiao_layer_zjd.getSource().addFeature(circle);

  4287.             //

  4288.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  4289.             //               var radius = 0;

  4290.             //               map.on("postcompose", function () {

  4291.             //                 // 增大半径，最大20

  4292.             //                 radius++;

  4293.             //                 radius = radius % 10;

  4294.             //                 // 设置样式

  4295.             //                 circle.setStyle(

  4296.             //                   new ol.style.Style({

  4297.             //                     image: new ol.style.Circle({

  4298.             //                       radius: radius,

  4299.             //                       stroke: new ol.style.Stroke({

  4300.             //                         color: "yellow",

  4301.             //                         size: 1,

  4302.             //                       }),

  4303.             //                     }),

  4304.             //                   })

  4305.             //                 );

  4306.             //               });

  4307.             //             } else if(tach == 2) {

  4308.             //               console.log("zrz")

  4309.             //               texiao_layer_zrz = new ol.layer.Vector({

  4310.             //                 source: new ol.source.Vector(),

  4311.             //               });

  4312.             //               map.addLayer(texiao_layer_zrz);

  4313.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  4314.             //               var circle = new ol.Feature({

  4315.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  4316.             //               });

  4317.             //

  4318.             //               circle.setStyle(

  4319.             //                 new ol.style.Style({

  4320.             //                   image: new ol.style.Circle({

  4321.             //                     radius: 0,

  4322.             //                     stroke: new ol.style.Stroke({

  4323.             //                       color: "yellow",

  4324.             //                       size: 1,

  4325.             //                     }),

  4326.             //                   }),

  4327.             //                 })

  4328.             //               );

  4329.             //               texiao_layer_zrz.getSource().addFeature(circle);

  4330.             //

  4331.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  4332.             //               var radius = 0;

  4333.             //               map.on("postcompose", function () {

  4334.             //                 // 增大半径，最大20

  4335.             //                 radius++;

  4336.             //                 radius = radius % 10;

  4337.             //                 // 设置样式

  4338.             //                 circle.setStyle(

  4339.             //                   new ol.style.Style({

  4340.             //                     image: new ol.style.Circle({

  4341.             //                       radius: radius,

  4342.             //                       stroke: new ol.style.Stroke({

  4343.             //                         color: "yellow",

  4344.             //                         size: 1,

  4345.             //                       }),

  4346.             //                     }),

  4347.             //                   })

  4348.             //                 );

  4349.             //               });

  4350.             //             } else {

  4351.             //               console.log("fsss")

  4352.             //               texiao_layer_fsss = new ol.layer.Vector({

  4353.             //                 source: new ol.source.Vector(),

  4354.             //               });

  4355.             //               map.addLayer(texiao_layer_fsss);

  4356.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  4357.             //               var circle = new ol.Feature({

  4358.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  4359.             //               });

  4360.             //

  4361.             //               circle.setStyle(

  4362.             //                 new ol.style.Style({

  4363.             //                   image: new ol.style.Circle({

  4364.             //                     radius: 0,

  4365.             //                     stroke: new ol.style.Stroke({

  4366.             //                       color: "yellow",

  4367.             //                       size: 1,

  4368.             //                     }),

  4369.             //                   }),

  4370.             //                 })

  4371.             //               );

  4372.             //               texiao_layer_fsss.getSource().addFeature(circle);

  4373.             //

  4374.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  4375.             //               var radius = 0;

  4376.             //               map.on("postcompose", function () {

  4377.             //                 // 增大半径，最大20

  4378.             //                 radius++;

  4379.             //                 radius = radius % 10;

  4380.             //                 // 设置样式

  4381.             //                 circle.setStyle(

  4382.             //                   new ol.style.Style({

  4383.             //                     image: new ol.style.Circle({

  4384.             //                       radius: radius,

  4385.             //                       stroke: new ol.style.Stroke({

  4386.             //                         color: "yellow",

  4387.             //                         size: 1,

  4388.             //                       }),

  4389.             //                     }),

  4390.             //                   })

  4391.             //                 );

  4392.             //               });

  4393.             //             }

  4394.             //             //特效动画实现 -----------------------------end

  4395.             //             that.mapDataAll.push(JSON.parse(JSON.stringify(data.features[i].properties)));

  4396.             //           }

  4397.             //           //定位实现

  4398.             //           let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());

  4399.             //           map.getView().fit(data.bbox);

  4400.             //           map.getView().setResolution(resolution);

  4401.             //           console.log(that.mapDataAll);

  4402.             //         } else if (tach == 1) {

  4403.             //           once = once + 1;

  4404.             //         } else {

  4405.             //           if (once == 1 && tach == 3) {

  4406.             //             that.$toast("没有找到相关人员信息");

  4407.             //             //that.showSearch = false ;

  4408.             //           }else {

  4409.             //

  4410.             //           }

  4411.             //         }

  4412.             //       })

  4413.             //       .catch((error) => {

  4414.             //         console.log("【异常】", error);

  4415.             //       });

  4416.             //     map.addLayer(delete_map[i]);

  4417.             //   }

  4418.             //地图查询------------------------------------------------------------end

  4419.           });

  4420.           //按照查询  定位地图-----------------end

  4421. 

  4422.           //筛选附属设施-----------------------------------start

  4423.           $("#fsssSx").click(function () {

  4424.             if(!that.fsssSx){

  4425.               map.addLayer(fsssTc);

  4426.             }else {

  4427.               map.removeLayer(fsssTc);

  4428.             }

  4429.           });

  4430.           $("#zrzSx").click(function () {

  4431.             if(!that.zrzSx){

  4432.               map.addLayer(zrzTc);

  4433.             }else {

  4434.               map.removeLayer(zrzTc);

  4435.             }

  4436.           });

  4437.           $("#zjdSx").click(function () {

  4438.             if(!that.zjdSx){

  4439.               map.addLayer(zjdTc);

  4440.             }else {

  4441.               map.removeLayer(zjdTc);

  4442.             }

  4443.           });

  4444.           $("#checkAll").click(function () {

  4445.             if(!that.fsssSx && !that.zjdSx && !that.zrzSx){

  4446.               map.addLayer(zjdTc);

  4447.               map.addLayer(zrzTc);

  4448.               map.addLayer(fsssTc);

  4449.             }else {

  4450.               map.removeLayer(zrzTc);

  4451.               map.removeLayer(zjdTc);

  4452.               map.removeLayer(fsssTc);

  4453.             }

  4454.           });

  4455.           //筛选附属设施-----------------------------------end

  4456.           // //获取类型开始  侧面-----------------------------------------------------------------start

  4457.           //样式加载定义

  4458.           var vector_drawing_delete;

  4459.           $("#area").click(function () {

  4460.             console.log(that.textMjAll);

  4461.             console.log(that.clickBbox);

  4462.             if(that.textMjAll ==null || that.textMjAll ==""){

  4463.               that.textMjAll =0;

  4464.             }

  4465.             if((that.textMjAll != "" && that.clickBbox !="") || (that.textMjAll == 0 && that.clickBbox !="")){

  4466.               map.removeLayer(vector_drawing_delete);

  4467.               function createLabelStyle() {

  4468.                 return new ol.style.Style({

  4469.                   text: new ol.style.Text({

  4470.                     text: that.textMjAll+"㎡",

  4471.                     textAlign: "center", //位置

  4472.                     textBaseline: "middle", //基准线

  4473.                     font: "normal 12px 微软雅黑", //文字样式

  4474.                     //text: "标注点", //文本内容

  4475.                     fill: new ol.style.Fill({

  4476.                       //文本填充样式（即文字颜色)

  4477.                       color: "#FFFFFF",

  4478.                       width: 10,

  4479.                     }),

  4480.                     overflow: false //超出面的部分不显示

  4481.                   }),

  4482.                   zIndex: 9999,

  4483.                 });

  4484.               }

  4485.               var newcenterFeature = new ol.Feature({

  4486.                 geometry: new ol.geom.Point(that.clickBbox), //几何信息

  4487.                 //name: "标注点",

  4488.               });

  4489.               var sourceMapLook = new ol.source.Vector({wrapX: false});

  4490.               vector_drawing_delete = new ol.layer.Vector({

  4491.                 source: sourceMapLook,

  4492.               });

  4493.               map.addLayer(vector_drawing_delete);

  4494.               newcenterFeature.setStyle(createLabelStyle()); //设置要素样式

  4495.               sourceMapLook.addFeature(newcenterFeature);

  4496.               //map.addLayer(styleFsss);

  4497.             } else if(that.textMjAllNum == "1"){

  4498.               that.$toast("该图层面积暂无信息");

  4499.             } else {

  4500.               that.$toast("选择图层进行面积显示");

  4501.             }

  4502.           });

  4503.           // $("#area").click(function () {

  4504.           //   console.log("进入测面")

  4505.           //   //删除绘制图层画图操作-------start

  4506.           //   map.removeInteraction(draw_map);

  4507.           //   map.removeLayer(drawing);

  4508.           //   //删除绘制图层画图操作-------end

  4509.           //   //开始绘制 测面--------------------------------------------------------------start

  4510.           //   //定义矢量数据源

  4511.           //   var source = new ol.source.Vector();

  4512.           //

  4513.           //   vector = new ol.layer.Vector({

  4514.           //     source: source,

  4515.           //     style: new ol.style.Style({

  4516.           //       fill: new ol.style.Fill({

  4517.           //         color: "rgba(255,255,255,0.2)",

  4518.           //       }),

  4519.           //       stroke: new ol.style.Stroke({

  4520.           //         color: "#e21e0a",

  4521.           //         width: 2,

  4522.           //       }),

  4523.           //       //image: new ol.style.Circle({

  4524.           //       // radius: 7,

  4525.           //       // fill: new ol.style.Fill({

  4526.           //       //  color:'#ffcc33'

  4527.           //       // })

  4528.           //       //})

  4529.           //     }),

  4530.           //   });

  4531.           //

  4532.           //   //将矢量图层添加到地图中   线的颜色加入map中

  4533.           //   map.addLayer(vector);

  4534.           //

  4535.           //   var sketch;

  4536.           //

  4537.           //   var continuePolygonMsg = "单击以继续绘制多边形";

  4538.           //

  4539.           //   /**

  4540.           //    * Message to show when the user is drawing a line.

  4541.           //    * @type {string}

  4542.           //    */

  4543.           //     //var continueLineMsg = '单击继续绘制直线';

  4544.           //

  4545.           //     //鼠标移动触发的函数

  4546.           //   var pointerMoveHandler = function (evt) {

  4547.           //       //Indicates if the map is currently being dragged.

  4548.           //       //Only set for POINTERDRAG and POINTERMOVE events. Default is false.

  4549.           //       //如果是平移地图则直接结束

  4550.           //       if (evt.dragging) {

  4551.           //         return;

  4552.           //       }

  4553.           //       //帮助提示信息

  4554.           //       var helpMsg = "单击开始绘图";

  4555.           //

  4556.           //       if (sketch) {

  4557.           //         //Get the feature's default geometry.

  4558.           //         //A feature may have any number of named geometries.

  4559.           //         //获取绘图对象的几何要素

  4560.           //         var geom = sketch.getGeometry();

  4561.           //         //如果当前绘制的几何要素是多边形，则将绘制提示信息设置为多边形绘制提示信息

  4562.           //         //如果当前绘制的几何要素是多线段，则将绘制提示信息设置为多线段绘制提示信息

  4563.           //         helpMsg = continuePolygonMsg;

  4564.           //       }

  4565.           //       //设置帮助提示要素的内标签为帮助提示信息

  4566.           //       helpTooltipElement.innerHTML = helpMsg;

  4567.           //       //设置帮助提示信息的位置

  4568.           //       //The coordinate in view projection corresponding to the original browser event.

  4569.           //       helpTooltip.setPosition(evt.coordinate);

  4570.           //       //移除帮助提示要素的隐藏样式

  4571.           //       $(helpTooltipElement).removeClass("hidden");

  4572.           //     };

  4573.           //

  4574.           //   map.on("pointermove", pointerMoveHandler);

  4575.           //

  4576.           //   map.getViewport().addEventListener("mouseout", function () {

  4577.           //     helpTooltipElement.classList.add("hidden");

  4578.           //   });

  4579.           //

  4580.           //   //添加交互式绘图对象的函数

  4581.           //   function addInteraction() {

  4582.           //     // 获取当前选择的绘制类型

  4583.           //     //var type = typeSelect.value == 'length' ? 'Polygon' : 'LineString';

  4584.           //     //创建一个交互式绘图对象

  4585.           //     var type = "Polygon";

  4586.           //     draw_cm = new ol.interaction.Draw({

  4587.           //       //绘制的数据源

  4588.           //       source: source,

  4589.           //       //绘制类型

  4590.           //       type: type,

  4591.           //       //样式

  4592.           //       style: new ol.style.Style({

  4593.           //         fill: new ol.style.Fill({

  4594.           //           color: "rgba(255,255,255,0.2)",

  4595.           //         }),

  4596.           //         stroke: new ol.style.Stroke({

  4597.           //           color: "rgba(0,0,0,0.5)",

  4598.           //           lineDash: [10, 10],

  4599.           //           width: 2,

  4600.           //         }),

  4601.           //         //  image: new ol.style.Circle({

  4602.           //         //   radius: 5,

  4603.           //         //   stroke: new ol.style.Stroke({

  4604.           //         //	color:'rgba(0,0,0,0.7)'

  4605.           //         // }),

  4606.           //         // fill: new ol.style.Fill({

  4607.           //         //color: 'rgba(255,255,255,0.2)'

  4608.           //         // })

  4609.           //         //})

  4610.           //       }),

  4611.           //     });

  4612.           //     //将交互绘图对象添加到地图中

  4613.           //     map.addInteraction(draw_cm);

  4614.           //

  4615.           //     //创建测量提示框

  4616.           //     createMeasureTooltip();

  4617.           //     //创建帮助提示框

  4618.           //     createHelpTooltip();

  4619.           //

  4620.           //     //定义一个事件监听

  4621.           //     var listener;

  4622.           //     //定义一个控制鼠标点击次数的变量

  4623.           //     var count = 0;

  4624.           //     //绘制开始事件

  4625.           //     draw_cm.on(

  4626.           //       "drawstart",

  4627.           //       function (evt) {

  4628.           //         //The feature being drawn.

  4629.           //         sketch = evt.feature;

  4630.           //         //提示框的坐标

  4631.           //         var tooltipCoord = evt.coordinate;

  4632.           //         //监听几何要素的change事件

  4633.           //         //Increases the revision counter and dispatches a 'change' event.

  4634.           //

  4635.           //         listener = sketch.getGeometry().on("change", function (evt) {

  4636.           //           //The event target.

  4637.           //           //获取绘制的几何对象

  4638.           //           var geom = evt.target;

  4639.           //           //定义一个输出对象，用于记录面积和长度

  4640.           //           var output;

  4641.           //           map.removeEventListener("singleclick");

  4642.           //           map.removeEventListener("dblclick");

  4643.           //           //输出多边形的面积

  4644.           //           output = formatArea(geom);

  4645.           //           //Return an interior point of the polygon.

  4646.           //           //获取多变形内部点的坐标

  4647.           //           tooltipCoord = geom.getInteriorPoint().getCoordinates();

  4648.           //

  4649.           //           //设置测量提示框的内标签为最终输出结果

  4650.           //           measureTooltipElement.innerHTML = output;

  4651.           //           //设置测量提示信息的位置坐标

  4652.           //           measureTooltip.setPosition(tooltipCoord);

  4653.           //         });

  4654.           //

  4655.           //         //地图单击事件

  4656.           //         map.on("singleclick", function (evt) {

  4657.           //           //设置测量提示信息的位置坐标，用来确定鼠标点击后测量提示框的位置

  4658.           //           measureTooltip.setPosition(evt.coordinate);

  4659.           //           //如果是第一次点击，则设置测量提示框的文本内容为起点

  4660.           //           if (count == 0) {

  4661.           //             measureTooltipElement.innerHTML = "起点";

  4662.           //           }

  4663.           //           //根据鼠标点击位置生成一个点

  4664.           //           var point = new ol.geom.Point(evt.coordinate);

  4665.           //           //将该点要素添加到矢量数据源中

  4666.           //           source.addFeature(new ol.Feature(point));

  4667.           //           //更改测量提示框的样式，使测量提示框可见

  4668.           //           measureTooltipElement.className = "tooltip tooltip-static";

  4669.           //           //创建测量提示框

  4670.           //           createMeasureTooltip();

  4671.           //           //点击次数增加

  4672.           //           count++;

  4673.           //         });

  4674.           //

  4675.           //         //地图双击事件

  4676.           //         map.on("dblclick", function (evt) {

  4677.           //           //根据

  4678.           //           var point = new ol.geom.Point(evt.coordinate);

  4679.           //           source.addFeature(new ol.Feature(point));

  4680.           //         });

  4681.           //       },

  4682.           //       this

  4683.           //     );

  4684.           //     //绘制结束事件

  4685.           //     draw_cm.on(

  4686.           //       "drawend",

  4687.           //       function (evt) {

  4688.           //         count = 0;

  4689.           //         //设置测量提示框的样式

  4690.           //         measureTooltipElement.className = "tooltip tooltip-static";

  4691.           //         //Set the offset for this overlay.

  4692.           //         //设置偏移量

  4693.           //         measureTooltip.setOffset([0, -7]);

  4694.           //         //清空绘制要素

  4695.           //         sketch = null;

  4696.           //         //清空测量提示要素

  4697.           //         measureTooltipElement = null;

  4698.           //         //创建测量提示框

  4699.           //         createMeasureTooltip();

  4700.           //         //Removes an event listener using the key returned by on() or once().

  4701.           //         //移除事件监听

  4702.           //         ol.Observable.unByKey(listener);

  4703.           //         //移除地图单击事件

  4704.           //         map.removeEventListener("singleclick");

  4705.           //       },

  4706.           //       this

  4707.           //     );

  4708.           //   }

  4709.           //   /**

  4710.           //    * Creates a new help tooltip

  4711.           //    */

  4712.           //   function createHelpTooltip() {

  4713.           //     if (helpTooltipElement) {

  4714.           //       helpTooltipElement.parentNode.removeChild(helpTooltipElement);

  4715.           //     }

  4716.           //     helpTooltipElement = document.createElement("div");

  4717.           //     helpTooltipElement.className = "ol-tooltip hidden";

  4718.           //     helpTooltip = new ol.Overlay({

  4719.           //       element: helpTooltipElement,

  4720.           //       offset: [15, 0],

  4721.           //       positioning: "center-left",

  4722.           //     });

  4723.           //     map.addOverlay(helpTooltip);

  4724.           //   }

  4725.           //

  4726.           //   /**

  4727.           //    * Creates a new measure tooltip

  4728.           //    */

  4729.           //   function createMeasureTooltip() {

  4730.           //     if (measureTooltipElement) {

  4731.           //       measureTooltipElement.parentNode.removeChild(measureTooltipElement);

  4732.           //     }

  4733.           //     measureTooltipElement = document.createElement("div");

  4734.           //     measureTooltipElement.className = "ol-tooltip ol-tooltip-measure";

  4735.           //     measureTooltip = new ol.Overlay({

  4736.           //       element: measureTooltipElement,

  4737.           //       offset: [0, -15],

  4738.           //       positioning: "bottom-center",

  4739.           //     });

  4740.           //     map.addOverlay(measureTooltip);

  4741.           //   }

  4742.           //

  4743.           //   //格式化测量面积

  4744.           //   var formatArea = function (polygon) {

  4745.           //     //定义面积变量

  4746.           //     var area;

  4747.           //     //获取平面面积

  4748.           //     area = polygon.getArea();

  4749.           //     //定义输出变量

  4750.           //     var output;

  4751.           //     //当面积大于10000时，转换为平方千米，否则为平方米

  4752.           //     if (area > 10000) {

  4753.           //       output =

  4754.           //         Math.round((area / 1000000) * 100) / 100 + " " + "km<sup>2</sup>";

  4755.           //     } else {

  4756.           //       output = Math.round(area * 100) / 100 + " " + "m<sup>2</sup>";

  4757.           //     }

  4758.           //     return output;

  4759.           //   };

  4760.           //

  4761.           //   addInteraction();

  4762.           // });

  4763.           // //侧面结束-----------------------------------------------------------------end

  4764. 

  4765.           //全图展示-----------------start

  4766.           $("#mapAllQt").click(function (){

  4767.             //定位查询位置

  4768.             let param_dw = {

  4769.               srsName: "EPSG:3857",

  4770.               service: "WFS",

  4771.               version: "1.0.0",

  4772.               request: "GetFeature",

  4773.               typename: "zjd_dc:t_house_survey_border_village",

  4774.               //featureNS: 'nsgk_hc',//命名空间 URI

  4775.               cql_filter: cql_filter,

  4776.               //featurePrefix: 'nationalwater',//工作区名称

  4777.               //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  4778.               outputFormat: "application/json",

  4779.               //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  4780.             };

  4781.             let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;

  4782.             url_dw = url_dw + "?";

  4783.             for (let key in param_dw) {

  4784.               url_dw = url_dw + key + "=" + param_dw[key] + "&";

  4785.             }

  4786.             url_dw = url_dw.substr(0, url_dw.length - 1);

  4787.             fetch(url_dw, {

  4788.               method: "POST", // *GET, POST, PUT, DELETE, etc.

  4789.             })

  4790.               .then((res) => {

  4791.                 var geojsonmap = res.json();

  4792.                 return geojsonmap;

  4793.               })

  4794.               .then((data) => {

  4795.                 let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize());

  4796.                 resolution:resolution + Math.random() * 0.00000001,

  4797.                 map.getView().fit(data.bbox);

  4798.                 map.getView().setResolution(resolution);

  4799.                 // var datamap = data.bbox;

  4800.                 // var center = ol.extent.getCenter(datamap);

  4801.                 // map.getView().animate({

  4802.                 //   // 只设置需要的属性即可

  4803.                 //   center: center, // 中心点

  4804.                 //   rotation: undefined, // 缩放完成view视图旋转弧度

  4805.                 // });

  4806.               })

  4807.               .catch((error) => {

  4808.                 console.log("【异常】", error);

  4809.               });

  4810.           });

  4811. 

  4812.           //业务图层  wfs服务  属性查询开始 ------------------start

  4813.           /**

  4814.            * @api wfs服务空间查询

  4815.            * @param {*} wfsurl

  4816.            * @param {*} srsName

  4817.            * @param {*} typeName

  4818.            * @param {*} drawType

  4819.            * @param {option 可选} geometryField

  4820.            */

  4821. 

  4822.           //查询全部图层  -------查询叠加图层出现覆盖问题

  4823.           var wmsSource = new ol.source.TileWMS({

  4824.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  4825.             params: {

  4826.               LAYERS: "zjd_dc:t_house_survey_all",

  4827.               TILED: true,

  4828.               SRID: 3857,

  4829.               serverType: "geoserver",

  4830.               crossOrigin: "anonymous",

  4831.             },

  4832.             resolution:Math.random() * 0.00000001,

  4833.           });

  4834. 

  4835.           //查询宅基地图层

  4836.           var ZjdwmsSource = new ol.source.TileWMS({

  4837.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  4838.             params: {

  4839.               LAYERS: "zjd_dc:t_house_survey_zjdzd",

  4840.               TILED: true,

  4841.               SRID: 3857,

  4842.               serverType: "geoserver",

  4843.               crossOrigin: "anonymous",

  4844.             },

  4845.             resolution:Math.random() * 0.00000001,

  4846.           });

  4847. 

  4848.           //查询自然幢图层

  4849.           var ZrzwmsSource = new ol.source.TileWMS({

  4850.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  4851.             params: {

  4852.               LAYERS: "zjd_dc:t_house_survey_zrz",

  4853.               TILED: true,

  4854.               SRID: 3857,

  4855.               serverType: "geoserver",

  4856.               crossOrigin: "anonymous",

  4857.             },

  4858.             resolution:Math.random() * 0.00000001,

  4859.           });

  4860. 

  4861.           //查询附属设施图层

  4862.           var FssswmsSource = new ol.source.TileWMS({

  4863.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  4864.             params: {

  4865.               LAYERS: "zjd_dc:t_house_survey_fsss",

  4866.               TILED: true,

  4867.               SRID: 3857,

  4868.               serverType: "geoserver",

  4869.               crossOrigin: "anonymous",

  4870.             },

  4871.             resolution:Math.random() * 0.00000001,

  4872.           });

  4873. 

  4874. 

  4875.           map.on("pointermove", function (evt) {

  4876.             if (evt.dragging) {

  4877.               return;

  4878.             }

  4879.             var pixel = map.getEventPixel(evt.originalEvent);

  4880.             var hit = map.forEachLayerAtPixel(pixel, function () {

  4881.               return true;

  4882.             });

  4883.             map.getTargetElement().style.cursor = hit ? "pointer" : "";

  4884.           });

  4885.           //属性查询结束 ------------------end

  4886.           //点击查询详细信息

  4887.           map.on("singleclick", function (evt) {

  4888.             console.log(evt);

  4889.             let feature = map.forEachFeatureAtPixel(

  4890.               evt.pixel,

  4891.               (feature) => feature

  4892.             );

  4893.             var viewResolution = map.getView().getResolution(); ///** @type {number} */ (view.getResolution());

  4894.             var zb = evt.coordinate;

  4895.             var url;

  4896.             var url_bbox;

  4897.             that.clickBbox ="";

  4898.             that.textMjAll = "";

  4899.             if(that.drawingClick) {

  4900.               //点击空白删除之前图层

  4901.               map.removeLayer(hc_land_on);

  4902.               //map.removeLayer(hc_land_query);

  4903.               //for(var i=0;hc_land_query>i;i++){

  4904.                 //map.removeLayer(hc_land_query);

  4905.               for(var i=0;hc_land_queryList.length>i;i++){

  4906.                 map.removeLayer(hc_land_queryList[i]);

  4907.               }

  4908.               //}c

  4909.               if (that.fsssSx && that.zjdSx && that.zrzSx) {

  4910.                 url = wmsSource.getFeatureInfoUrl(

  4911.                   evt.coordinate,

  4912.                   viewResolution,

  4913.                   "EPSG:3857",

  4914.                   {INFO_FORMAT: "text/html"}

  4915.                 );

  4916.                 url_bbox = wmsSource.getFeatureInfoUrl(

  4917.                   evt.coordinate,

  4918.                   viewResolution,

  4919.                   "EPSG:3857",

  4920.                   {INFO_FORMAT: "application/json"}

  4921.                 );

  4922.               } else {

  4923.                 if (that.zjdSx) {

  4924.                   url = ZjdwmsSource.getFeatureInfoUrl(

  4925.                     evt.coordinate,

  4926.                     viewResolution,

  4927.                     "EPSG:3857",

  4928.                     {INFO_FORMAT: "text/html"}

  4929.                   );

  4930.                   url_bbox = ZjdwmsSource.getFeatureInfoUrl(

  4931.                     evt.coordinate,

  4932.                     viewResolution,

  4933.                     "EPSG:3857",

  4934.                     {INFO_FORMAT: "application/json"}

  4935.                   );

  4936.                 } else if (that.fsssSx) {

  4937.                   url = FssswmsSource.getFeatureInfoUrl(

  4938.                     evt.coordinate,

  4939.                     viewResolution,

  4940.                     "EPSG:3857",

  4941.                     {INFO_FORMAT: "text/html"}

  4942.                   );

  4943.                   url_bbox = FssswmsSource.getFeatureInfoUrl(

  4944.                     evt.coordinate,

  4945.                     viewResolution,

  4946.                     "EPSG:3857",

  4947.                     {INFO_FORMAT: "application/json"}

  4948.                   );

  4949.                 } else if (that.zrzSx) {

  4950.                   url = ZrzwmsSource.getFeatureInfoUrl(

  4951.                     evt.coordinate,

  4952.                     viewResolution,

  4953.                     "EPSG:3857",

  4954.                     {INFO_FORMAT: "text/html"}

  4955.                   );

  4956.                   url_bbox = ZrzwmsSource.getFeatureInfoUrl(

  4957.                     evt.coordinate,

  4958.                     viewResolution,

  4959.                     "EPSG:3857",

  4960.                     {INFO_FORMAT: "application/json"}

  4961.                   );

  4962.                 } else {

  4963.                   url = wmsSource.getFeatureInfoUrl(

  4964.                     evt.coordinate,

  4965.                     viewResolution,

  4966.                     "EPSG:3857",

  4967.                     {INFO_FORMAT: "text/html"}

  4968.                   );

  4969.                   url_bbox = wmsSource.getFeatureInfoUrl(

  4970.                     evt.coordinate,

  4971.                     viewResolution,

  4972.                     "EPSG:3857",

  4973.                     {INFO_FORMAT: "application/json"}

  4974.                   );

  4975.                 }

  4976.               }

  4977.               if (url_bbox) {

  4978.                 fetch(url_bbox).then((res) => {

  4979.                   var geojsonmap = res.json();

  4980.                   return geojsonmap;

  4981.                 })

  4982.                   .then((data) => {

  4983.                     var center = ol.extent.getCenter(data.bbox); //获取边界区域的中心位置

  4984.                     center = [center[0], center[1] - 16];

  4985.                     that.clickBbox = center;

  4986.                   })

  4987.                   .catch((error) => {

  4988.                     that.mapZjdData = "";

  4989.                     that.mapZrzData = "";

  4990.                     that.mapFsssData = "";

  4991.                     //that.mapZjdTeAll.active ="1";

  4992.                     that.mapZjdTeAll.mapZjdAData = {};

  4993.                     that.mapZjdTeAll.mapZrzAData = {};

  4994.                     that.mapZjdTeAll.mapFsssAData = {};

  4995.                     that.mapZjdDataTure = "";

  4996.                     that.mapXs =false;

  4997.                     that.mapClick ="";

  4998.                     console.log("【异常】", error);

  4999.                   });

  5000.               }

  5001.               if (url) {

  5002.                 fetch(url)

  5003.                   .then(function (response) {

  5004.                     return response.text();

  5005.                   })

  5006.                   .then(function (html) {

  5007.                     document.getElementById("info").innerHTML = html;

  5008.                     if (html.indexOf("<table") != -1) {

  5009.                       that.mapZjdData = "";

  5010.                       that.mapZrzData = "";

  5011.                       that.mapFsssData = "";

  5012.                       //that.mapZjdTeAll.active ="1";

  5013.                       that.mapZjdTeAll.mapZjdAData = {};

  5014.                       that.mapZjdTeAll.mapZrzAData = {};

  5015.                       that.mapZjdTeAll.mapFsssAData = {};

  5016.                       that.mapZjdDataTure = "";

  5017.                       setTimeout(() => {

  5018.                         if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zjdzd") {

  5019.                           map.removeLayer(hc_land_on);

  5020.                           that.mapHasDateStatus = 2;

  5021.                           that.mapXs = true;

  5022.                           let obj = {};

  5023.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  5024.                           let zjdXq = trs.find("td").eq(0).text();

  5025.                           let zjdIdNum = zjdXq.replace("t_house_survey_zjdzd.", "");

  5026.                           obj.id = zjdIdNum; //	主键id

  5027.                           obj.deptName = trs.find("td").eq(3).text();//行政区划名称

  5028. 

  5029.                           obj.zjddm = trs.find("td").eq(6).text();//宅基地代码

  5030. 

  5031.                           obj.zdmj = trs.find("td").eq(11).text();//宗地面积

  5032. 

  5033.                           obj.active = 1;

  5034. 

  5035.                           var vector_drawing_map;

  5036.                           let params = {

  5037.                             "deptId": that.$cookies.get("item").deptId,

  5038.                             "zjddm": obj.zjddm,

  5039.                           }

  5040.                           that.mapClick = obj.zjddm;

  5041.                           //点击查看自然幢

  5042.                           //自然幢图层查询开始 ------------------start

  5043.                           var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  5044.                           zrzTc = new ol.layer.Image({

  5045.                             source: new ol.source.ImageWMS({

  5046.                               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  5047.                               params: {

  5048.                                 LAYERS: 'zjd_dc:t_house_survey_zrz',

  5049.                                 TILED: true,

  5050.                                 cql_filter: cql_filter_map,

  5051.                                 SRID: 3857,

  5052.                                 TIMESTAMP: new Date().getTime(),

  5053.                               },

  5054.                             }),

  5055.                           });

  5056.                           map.addLayer(zrzTc);

  5057.                           //自然幢图层查询开始 ------------------start

  5058.                           //附属设施图层查询开始 ------------------start

  5059.                           //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  5060.                           fsssTc = new ol.layer.Image({

  5061.                             source: new ol.source.ImageWMS({

  5062.                               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  5063.                               params: {

  5064.                                 LAYERS: 'zjd_dc:t_house_survey_fsss',

  5065.                                 TILED: true,

  5066.                                 cql_filter: cql_filter_map,

  5067.                                 SRID: 3857,

  5068.                                 TIMESTAMP: new Date().getTime(),

  5069.                               },

  5070.                             }),

  5071.                           });

  5072.                           map.addLayer(fsssTc);

  5073.                           //附属设施图层查询开始 ------------------end

  5074.                           that.$cookies.set("search", "")

  5075.                           //that.$cookies.set("map", "")

  5076.                           console.log(document.cookie.split(';').length)

  5077.                           console.log(params);

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

  5079.                             if (response.rows[0].zdmj != "") {

  5080.                               that.textMjAll = response.rows[0].zdmj;

  5081.                             } else {

  5082.                               that.textMjAllNum = "1";

  5083.                             }

  5084.                             that.mapZjdData = response.rows[0];

  5085.                             that.mapZjdData.active = 1;

  5086.                             that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  5087.                             that.mapZjdDataTure = 1;

  5088.                             that.zjdHcDy = obj.zjddm;

  5089.                             var styleZjd = new ol.style.Style({

  5090.                               stroke: new ol.style.Stroke({

  5091.                                 //边界样式

  5092.                                 color: "#CCFF66",

  5093.                                 width: 6,

  5094.                               }),

  5095.                             });

  5096.                             hc_land_on = new ol.layer.Vector({

  5097.                               title: "add Layer",

  5098.                               source: new ol.source.Vector({

  5099.                                 projection: projection,

  5100.                                 features: new ol.format.GeoJSON().readFeatures("{\n" +

  5101.                                   "    \"type\": \"Feature\",\n" +

  5102.                                   "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),

  5103.                               }),

  5104.                               style: styleZjd

  5105.                             });

  5106.                             map.addLayer(hc_land_on);

  5107.                             var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  5108.                             var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  5109.                             var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  5110.                             var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  5111.                             //定位查询位置

  5112.                             var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  5113.                             map.getView().animate({

  5114.                               // 只设置需要的属性即可

  5115.                               center: center, // 中心点

  5116.                               zoom: 17.8, // 缩放级别

  5117.                               rotation: undefined, // 缩放完成view视图旋转弧度

  5118.                               duration: 1000, // 缩放持续时间，默认不需要设置

  5119.                               resolution:Math.random() * 0.00000001,

  5120.                             });

  5121. 

  5122.                             function createLabelStyleMap() {

  5123.                               return new ol.style.Style({

  5124.                                 text: new ol.style.Text({

  5125.                                   text: that.mapZjdData.syqr,

  5126.                                   textAlign: "center", //位置

  5127.                                   textBaseline: "middle", //基准线

  5128.                                   font: "normal 16px 微软雅黑", //文字样式

  5129.                                   //text: "标注点", //文本内容

  5130.                                   fill: new ol.style.Fill({

  5131.                                     //文本填充样式（即文字颜色)

  5132.                                     color: "#09DDCE",

  5133.                                     width: 10,

  5134.                                   }),

  5135.                                   overflow: false //超出面的部分不显示

  5136.                                 }),

  5137.                                 zIndex: 9999,

  5138.                               });

  5139.                             }

  5140. 

  5141.                             var newcenterFeatureMap = new ol.Feature({

  5142.                               geometry: new ol.geom.Point(center), //几何信息

  5143.                               //name: "标注点",

  5144.                             });

  5145.                             var sourceMapLookMap = new ol.source.Vector({wrapX: false});

  5146.                             vector_drawing_map = new ol.layer.Vector({

  5147.                               source: sourceMapLookMap,

  5148.                             });

  5149.                             map.addLayer(vector_drawing_map);

  5150.                             newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式

  5151.                             sourceMapLookMap.addFeature(newcenterFeatureMap);

  5152.                           });

  5153.                           //let cloneObj = JSON.parse(JSON.stringify(obj));

  5154.                           //that.mapZjdData = cloneObj;

  5155.                         } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zrz") {

  5156.                           //that.mapZjdTeAll.mapZjdAData ={};

  5157.                           that.mapZjdDataTure = "";

  5158.                           that.mapZjdTeAll.mapFsssAData = {};

  5159.                           map.removeLayer(hc_land_on);

  5160.                           let obj = {};

  5161.                           that.mapHasDateStatus = 1;

  5162.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  5163.                           let zrzXq = trs.find("td").eq(0).text();

  5164.                           let zrzIdNum = zrzXq.replace("t_house_survey_zrz.", "");

  5165.                           obj.id = zrzIdNum; //	主键id

  5166.                           obj.deptName = trs.find("td").eq(3).text();//行政区划名称

  5167.                           obj.zjddm = trs.find("td").eq(4).text();//宅基地代码

  5168.                           obj.scjzmj = trs.find("td").eq(12).text();//实测建筑面积

  5169.                           let params = {

  5170.                             "deptId": that.$cookies.get("item").deptId,

  5171.                             "zjddm": obj.zjddm,

  5172.                           }

  5173.                           that.$cookies.set("search", "")

  5174.                           //that.$cookies.set("map", "")

  5175.                           console.log(that.mapZjdData);

  5176.                           //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {

  5177.                           console.log(that.mapClick);

  5178.                           console.log(obj.zjddm);

  5179.                           if(that.mapXs && that.mapClick == obj.zjddm){

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

  5181.                               that.mapZjdData = response.rows[0];

  5182.                               //that.mapZjdAData.active = 1;

  5183.                               that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  5184.                               getZrz(obj.id).then((response) => {

  5185.                                 if (response.data.scjzmj != "") {

  5186.                                   that.textMjAll = response.data.scjzmj;

  5187.                                 } else {

  5188.                                   that.textMjAllNum = "1";

  5189.                                 }

  5190.                                 that.mapZrzData = response.data;

  5191.                                 that.mapZrzData.active = 3;

  5192.                                 that.mapZjdTeAll.mapZrzAData = that.mapZrzData;

  5193.                                 that.zjdHcDy = obj.zjddm;

  5194.                                 var styleZjd = new ol.style.Style({

  5195.                                   stroke: new ol.style.Stroke({

  5196.                                     //边界样式

  5197.                                     color: "#CCFF66",

  5198.                                     width: 6,

  5199.                                   }),

  5200.                                 });

  5201.                                 hc_land_on = new ol.layer.Vector({

  5202.                                   title: "add Layer",

  5203.                                   source: new ol.source.Vector({

  5204.                                     projection: projection,

  5205.                                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  5206.                                       "    \"type\": \"Feature\",\n" +

  5207.                                       "    \"geometry\":" + that.mapZrzData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZrzData) + "}"),

  5208.                                   }),

  5209.                                   style: styleZjd

  5210.                                 });

  5211.                                 map.addLayer(hc_land_on);

  5212.                                 var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  5213.                                 var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  5214.                                 var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  5215.                                 var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  5216.                                 //定位查询位置

  5217.                                 var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  5218.                                 map.getView().animate({

  5219.                                   // 只设置需要的属性即可

  5220.                                   center: center, // 中心点

  5221.                                   zoom: 17.8, // 缩放级别

  5222.                                   rotation: undefined, // 缩放完成view视图旋转弧度

  5223.                                   duration: 1000, // 缩放持续时间，默认不需要设置

  5224.                                   resolution: Math.random() * 0.00000001,

  5225.                                 });

  5226.                               });

  5227.                             });

  5228.                           } else {

  5229.                             //自然幢图层查询开始 ------------------start

  5230.                             var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  5231.                             zrzTc = new ol.layer.Image({

  5232.                               source: new ol.source.ImageWMS({

  5233.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  5234.                                 params: {

  5235.                                   LAYERS: 'zjd_dc:t_house_survey_zrz',

  5236.                                   TILED: true,

  5237.                                   cql_filter: cql_filter_map,

  5238.                                   SRID: 3857,

  5239.                                   TIMESTAMP: new Date().getTime(),

  5240.                                 },

  5241.                               }),

  5242.                             });

  5243.                             map.addLayer(zrzTc);

  5244.                             //自然幢图层查询开始 ------------------start

  5245.                             //附属设施图层查询开始 ------------------start

  5246.                             //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  5247.                             fsssTc = new ol.layer.Image({

  5248.                               source: new ol.source.ImageWMS({

  5249.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  5250.                                 params: {

  5251.                                   LAYERS: 'zjd_dc:t_house_survey_fsss',

  5252.                                   TILED: true,

  5253.                                   cql_filter: cql_filter_map,

  5254.                                   SRID: 3857,

  5255.                                   TIMESTAMP: new Date().getTime(),

  5256.                                 },

  5257.                               }),

  5258.                             });

  5259.                             map.addLayer(fsssTc);

  5260.                             //附属设施图层查询开始 ------------------end

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

  5262.                               if (response.rows[0].zdmj != "") {

  5263.                                 that.textMjAll = response.rows[0].zdmj;

  5264.                               } else {

  5265.                                 that.textMjAllNum = "1";

  5266.                               }

  5267.                               that.mapZjdData = response.rows[0];

  5268.                               that.mapZjdData.active = 1;

  5269.                               that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  5270.                               that.mapZjdDataTure = 1;

  5271.                               that.zjdHcDy = obj.zjddm;

  5272.                               that.mapClick = obj.zjddm;

  5273.                               that.mapXs = true;

  5274.                               var styleZjd = new ol.style.Style({

  5275.                                 stroke: new ol.style.Stroke({

  5276.                                   //边界样式

  5277.                                   color: "#CCFF66",

  5278.                                   width: 6,

  5279.                                 }),

  5280.                               });

  5281.                               hc_land_on = new ol.layer.Vector({

  5282.                                 title: "add Layer",

  5283.                                 source: new ol.source.Vector({

  5284.                                   projection: projection,

  5285.                                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  5286.                                     "    \"type\": \"Feature\",\n" +

  5287.                                     "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),

  5288.                                 }),

  5289.                                 style: styleZjd

  5290.                               });

  5291.                               map.addLayer(hc_land_on);

  5292.                               var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  5293.                               var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  5294.                               var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  5295.                               var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  5296.                               //定位查询位置

  5297.                               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  5298.                               map.getView().animate({

  5299.                                 // 只设置需要的属性即可

  5300.                                 center: center, // 中心点

  5301.                                 zoom: 17.8, // 缩放级别

  5302.                                 rotation: undefined, // 缩放完成view视图旋转弧度

  5303.                                 duration: 1000, // 缩放持续时间，默认不需要设置

  5304.                                 resolution:Math.random() * 0.00000001,

  5305.                               });

  5306. 

  5307.                               function createLabelStyleMap() {

  5308.                                 return new ol.style.Style({

  5309.                                   text: new ol.style.Text({

  5310.                                     text: that.mapZjdData.syqr,

  5311.                                     textAlign: "center", //位置

  5312.                                     textBaseline: "middle", //基准线

  5313.                                     font: "normal 16px 微软雅黑", //文字样式

  5314.                                     //text: "标注点", //文本内容

  5315.                                     fill: new ol.style.Fill({

  5316.                                       //文本填充样式（即文字颜色)

  5317.                                       color: "#09DDCE",

  5318.                                       width: 10,

  5319.                                     }),

  5320.                                     overflow: false //超出面的部分不显示

  5321.                                   }),

  5322.                                   zIndex: 9999,

  5323.                                 });

  5324.                               }

  5325. 

  5326.                               var newcenterFeatureMap = new ol.Feature({

  5327.                                 geometry: new ol.geom.Point(center), //几何信息

  5328.                                 //name: "标注点",

  5329.                               });

  5330.                               var sourceMapLookMap = new ol.source.Vector({wrapX: false});

  5331.                               vector_drawing_map = new ol.layer.Vector({

  5332.                                 source: sourceMapLookMap,

  5333.                               });

  5334.                               map.addLayer(vector_drawing_map);

  5335.                               newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式

  5336.                               sourceMapLookMap.addFeature(newcenterFeatureMap);

  5337.                             });

  5338.                           }

  5339.                         } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_fsss") {

  5340.                           that.mapZjdTeAll.mapZrzAData = {};

  5341.                           that.mapZjdDataTure = "";

  5342.                           //that.mapZjdTeAll.mapZjdAData ={};

  5343.                           map.removeLayer(hc_land_on);

  5344.                           let obj = {};

  5345.                           that.mapHasDateStatus = 0;

  5346.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  5347.                           let fsssXq = trs.find("td").eq(0).text();

  5348.                           let fsssIdNum = fsssXq.replace("t_house_survey_fsss.", "");

  5349.                           obj.id = fsssIdNum; //	主键id

  5350.                           obj.deptName = trs.find("td").eq(4).text();//行政区划名称

  5351.                           obj.zjddm = trs.find("td").eq(1).text();//宅基地代码

  5352.                           // obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态

  5353.                           // obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型

  5354.                           obj.jzmj = trs.find("td").eq(8).text(); //建筑面积

  5355. 

  5356.                           let params = {

  5357.                             "deptId": that.$cookies.get("item").deptId,

  5358.                             "zjddm": obj.zjddm,

  5359.                             "pageSize": 20,

  5360.                           }

  5361.                           that.$cookies.remove("search")

  5362.                           //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {

  5363.                           if(that.mapXs && that.mapClick == obj.zjddm){

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

  5365.                             that.mapZjdData = response.rows[0];

  5366.                             that.mapZjdData.active = 1;

  5367.                             that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  5368.                             getFsss(obj.id).then((response) => {

  5369.                               if (response.data.jzmj != "") {

  5370.                                 that.textMjAll = response.data.jzmj;

  5371.                               } else {

  5372.                                 that.textMjAllNum = "1";

  5373.                               }

  5374.                               //that.mapfsssData.active = 4;

  5375.                               that.mapfsssData = response.data;

  5376.                               console.log(that.mapfsssData);

  5377.                               that.mapZjdTeAll.mapFsssAData = that.mapfsssData;

  5378.                               that.zjdHcDy = obj.zjddm;

  5379.                               var styleZjd = new ol.style.Style({

  5380.                                 stroke: new ol.style.Stroke({

  5381.                                   //边界样式

  5382.                                   color: "#CCFF66",

  5383.                                   width: 6,

  5384.                                 }),

  5385.                               });

  5386.                               hc_land_on = new ol.layer.Vector({

  5387.                                 title: "add Layer",

  5388.                                 source: new ol.source.Vector({

  5389.                                   projection: projection,

  5390.                                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  5391.                                     "    \"type\": \"Feature\",\n" +

  5392.                                     "    \"geometry\":" + that.mapfsssData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapfsssData) + "}"),

  5393.                                 }),

  5394.                                 style: styleZjd

  5395.                               });

  5396.                               map.addLayer(hc_land_on);

  5397.                               var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  5398.                               var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  5399.                               var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  5400.                               var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  5401.                               //定位查询位置

  5402.                               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  5403.                               map.getView().animate({

  5404.                                 // 只设置需要的属性即可

  5405.                                 center: center, // 中心点

  5406.                                 zoom: 17.8, // 缩放级别

  5407.                                 rotation: undefined, // 缩放完成view视图旋转弧度

  5408.                                 duration: 1000, // 缩放持续时间，默认不需要设置

  5409.                                 resolution: Math.random() * 0.00000001,

  5410.                               });

  5411.                             });

  5412.                           });

  5413.                         } else {

  5414.                             //自然幢图层查询开始 ------------------start

  5415.                             var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  5416.                             zrzTc = new ol.layer.Image({

  5417.                               source: new ol.source.ImageWMS({

  5418.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  5419.                                 params: {

  5420.                                   LAYERS: 'zjd_dc:t_house_survey_zrz',

  5421.                                   TILED: true,

  5422.                                   cql_filter: cql_filter_map,

  5423.                                   SRID: 3857,

  5424.                                   TIMESTAMP: new Date().getTime(),

  5425.                                 },

  5426.                               }),

  5427.                             });

  5428.                             map.addLayer(zrzTc);

  5429.                             //自然幢图层查询开始 ------------------start

  5430.                             //附属设施图层查询开始 ------------------start

  5431.                             //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  5432.                             fsssTc = new ol.layer.Image({

  5433.                               source: new ol.source.ImageWMS({

  5434.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  5435.                                 params: {

  5436.                                   LAYERS: 'zjd_dc:t_house_survey_fsss',

  5437.                                   TILED: true,

  5438.                                   cql_filter: cql_filter_map,

  5439.                                   SRID: 3857,

  5440.                                   TIMESTAMP: new Date().getTime(),

  5441.                                 },

  5442.                               }),

  5443.                             });

  5444.                             map.addLayer(fsssTc);

  5445.                             //附属设施图层查询开始 ------------------end

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

  5447.                               if (response.rows[0].zdmj != "") {

  5448.                                 that.textMjAll = response.rows[0].zdmj;

  5449.                               } else {

  5450.                                 that.textMjAllNum = "1";

  5451.                               }

  5452.                               that.mapZjdData = response.rows[0];

  5453.                               that.mapZjdData.active = 1;

  5454.                               that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  5455.                               that.mapZjdDataTure = 1;

  5456.                               that.zjdHcDy = obj.zjddm;

  5457.                               that.mapClick = obj.zjddm;

  5458.                               that.mapXs = true;

  5459.                               var styleZjd = new ol.style.Style({

  5460.                                 stroke: new ol.style.Stroke({

  5461.                                   //边界样式

  5462.                                   color: "#CCFF66",

  5463.                                   width: 6,

  5464.                                 }),

  5465.                               });

  5466.                               hc_land_on = new ol.layer.Vector({

  5467.                                 title: "add Layer",

  5468.                                 source: new ol.source.Vector({

  5469.                                   projection: projection,

  5470.                                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  5471.                                     "    \"type\": \"Feature\",\n" +

  5472.                                     "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),

  5473.                                 }),

  5474.                                 style: styleZjd

  5475.                               });

  5476.                               map.addLayer(hc_land_on);

  5477.                               var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  5478.                               var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  5479.                               var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  5480.                               var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  5481.                               //定位查询位置

  5482.                               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  5483.                               map.getView().animate({

  5484.                                 // 只设置需要的属性即可

  5485.                                 center: center, // 中心点

  5486.                                 zoom: 17.8, // 缩放级别

  5487.                                 rotation: undefined, // 缩放完成view视图旋转弧度

  5488.                                 duration: 1000, // 缩放持续时间，默认不需要设置

  5489.                                 resolution:Math.random() * 0.00000001,

  5490.                               });

  5491. 

  5492.                               function createLabelStyleMap() {

  5493.                                 return new ol.style.Style({

  5494.                                   text: new ol.style.Text({

  5495.                                     text: that.mapZjdData.syqr,

  5496.                                     textAlign: "center", //位置

  5497.                                     textBaseline: "middle", //基准线

  5498.                                     font: "normal 16px 微软雅黑", //文字样式

  5499.                                     //text: "标注点", //文本内容

  5500.                                     fill: new ol.style.Fill({

  5501.                                       //文本填充样式（即文字颜色)

  5502.                                       color: "#09DDCE",

  5503.                                       width: 10,

  5504.                                     }),

  5505.                                     overflow: false //超出面的部分不显示

  5506.                                   }),

  5507.                                   zIndex: 9999,

  5508.                                 });

  5509.                               }

  5510. 

  5511.                               var newcenterFeatureMap = new ol.Feature({

  5512.                                 geometry: new ol.geom.Point(center), //几何信息

  5513.                                 //name: "标注点",

  5514.                               });

  5515.                               var sourceMapLookMap = new ol.source.Vector({wrapX: false});

  5516.                               vector_drawing_map = new ol.layer.Vector({

  5517.                                 source: sourceMapLookMap,

  5518.                               });

  5519.                               map.addLayer(vector_drawing_map);

  5520.                               newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式

  5521.                               sourceMapLookMap.addFeature(newcenterFeatureMap);

  5522.                             });

  5523.                           }

  5524.                           // if(obj.jzmj != ""){

  5525.                           //   that.textMjAll = obj.jzmj;

  5526.                           // } else {

  5527.                           //   that.textMjAllNum = "1";

  5528.                           // }

  5529.                         } else {

  5530. 

  5531.                         }

  5532.                       }, 300);

  5533.                     } else {

  5534. 

  5535.                     }

  5536.                   });

  5537.               }

  5538.             }

  5539.             //数据库查询详情时使用----------------------------------------start

  5540.             // if(feature) {

  5541.             //   //document.getElementById("info").innerHTML = "";

  5542.             //   that.mapHaDataValue = true;

  5543.             //   var ifConsole = feature.values_.createBy;

  5544.             //   if (ifConsole =="mapTheGeomFsssId") {

  5545.             //     let obj = {};

  5546.             //     that.mapHasDateStatus = 0;

  5547.             //     obj.deptName = feature.values_.deptName;//行政区划名称

  5548.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  5549.             //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus; //状态

  5550.             //     obj.fssslx = feature.values_.fssslx; //附属设施类型

  5551.             //     obj.jzmj = feature.values_.jzmj; //建筑面积

  5552.             //     obj.qsly = feature.values_.qsly;//权属来源

  5553.             //     obj.fwzt = feature.values_.fwzt; //房屋状态

  5554.             //     obj.sfsp = feature.values_.sfsp; //是否审批

  5555.             //     obj.sffz = feature.values_.sffz; //是否发证

  5556.             //     obj.jglx = feature.values_.jglx; //结构类型

  5557.             //     obj.sfzzsy = feature.values_.sfzzsy; //是否正在使用

  5558.             //     obj.jzwqk = feature.values_.jzwqk; //建筑物情况

  5559.             //     obj.tdzk = feature.values_.tdzk; //审批或建设前土地状况

  5560.             //     obj.sfsgcf = feature.values_.sfsgcf; //是否受过处罚

  5561.             //     obj.sysNormalDisable = feature.values_.sysNormalDisable; //是否停用

  5562.             //     //附属设施类型字典项

  5563.             //     that.getDicts("fsss_type").then((response) => {

  5564.             //       var assetTypeOptions = response.data;

  5565.             //       if(obj.fssslx !=null && obj.fssslx !=""){

  5566.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5567.             //           if(obj.fssslx == assetTypeOptions[i].dictValue) {

  5568.             //             obj.fssslx = assetTypeOptions[i].dictLabel;

  5569.             //             break;

  5570.             //           }

  5571.             //         }

  5572.             //       }

  5573.             //     });

  5574.             //     //权属类型字典项

  5575.             //     that.getDicts("acquisition_method").then((response) => {

  5576.             //       var assetTypeOptions = response.data;

  5577.             //       if(obj.qsly !=null && obj.qsly !=""){

  5578.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5579.             //           if(obj.qsly == assetTypeOptions[i].dictValue) {

  5580.             //             obj.qsly = assetTypeOptions[i].dictLabel;

  5581.             //             break;

  5582.             //           }

  5583.             //         }

  5584.             //       }

  5585.             //     });

  5586.             //     //房屋状态字典项

  5587.             //     that.getDicts("fwzt").then((response) => {

  5588.             //       var assetTypeOptions = response.data;

  5589.             //       if(obj.fwzt !=null && obj.fwzt !=""){

  5590.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5591.             //           if(obj.fwzt == assetTypeOptions[i].dictValue) {

  5592.             //             obj.fwzt = assetTypeOptions[i].dictLabel;

  5593.             //             break;

  5594.             //           }

  5595.             //         }

  5596.             //       }

  5597.             //     });

  5598.             //     //是否审批字典项

  5599.             //     that.getDicts("sys_yes_no").then((response) => {

  5600.             //       var assetTypeOptions = response.data;

  5601.             //       if(obj.sfsp !=null && obj.sfsp !=""){

  5602.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5603.             //           if(obj.sfsp == assetTypeOptions[i].dictValue) {

  5604.             //             obj.sfsp = assetTypeOptions[i].dictLabel;

  5605.             //             break;

  5606.             //           }

  5607.             //         }

  5608.             //       }

  5609.             //     });

  5610.             //     //是否发证字典项

  5611.             //     that.getDicts("sys_yes_no").then((response) => {

  5612.             //       var assetTypeOptions = response.data;

  5613.             //       if(obj.sffz !=null && obj.sffz !=""){

  5614.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5615.             //           if(obj.sffz == assetTypeOptions[i].dictValue) {

  5616.             //             obj.sffz = assetTypeOptions[i].dictLabel;

  5617.             //             break;

  5618.             //           }

  5619.             //         }

  5620.             //       }

  5621.             //     });

  5622.             //     //结构类型字典项

  5623.             //     that.getDicts("house_jglx").then((response) => {

  5624.             //       var assetTypeOptions = response.data;

  5625.             //       if(obj.jglx !=null && obj.jglx !=""){

  5626.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5627.             //           if(obj.jglx == assetTypeOptions[i].dictValue) {

  5628.             //             obj.jglx = assetTypeOptions[i].dictLabel;

  5629.             //             break;

  5630.             //           }

  5631.             //         }

  5632.             //       }

  5633.             //     });

  5634.             //     //是否正在使用字典项

  5635.             //     that.getDicts("sys_yes_no").then((response) => {

  5636.             //       var assetTypeOptions = response.data;

  5637.             //       if(obj.sfzzsy !=null && obj.sfzzsy !=""){

  5638.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5639.             //           if(obj.sfzzsy == assetTypeOptions[i].dictValue) {

  5640.             //             obj.sfzzsy = assetTypeOptions[i].dictLabel;

  5641.             //             break;

  5642.             //           }

  5643.             //         }

  5644.             //       }

  5645.             //     });

  5646.             //     //房屋状态字典项

  5647.             //     that.getDicts("fwzt").then((response) => {

  5648.             //       var assetTypeOptions = response.data;

  5649.             //       if(obj.fwzt !=null && obj.fwzt !=""){

  5650.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5651.             //           if(obj.fwzt == assetTypeOptions[i].dictValue) {

  5652.             //             obj.fwzt = assetTypeOptions[i].dictLabel;

  5653.             //             break;

  5654.             //           }

  5655.             //         }

  5656.             //       }

  5657.             //     });

  5658.             //     //土地状况字典项

  5659.             //     that.getDicts("land_state").then((response) => {

  5660.             //       var assetTypeOptions = response.data;

  5661.             //       if(obj.tdzk !=null && obj.tdzk !=""){

  5662.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5663.             //           if(obj.tdzk == assetTypeOptions[i].dictValue) {

  5664.             //             obj.tdzk = assetTypeOptions[i].dictLabel;

  5665.             //             break;

  5666.             //           }

  5667.             //         }

  5668.             //       }

  5669.             //     });

  5670.             //     //是否受过处罚字典项

  5671.             //     that.getDicts("land_state").then((response) => {

  5672.             //       var assetTypeOptions = response.data;

  5673.             //       if(obj.sfsgcf !=null && obj.sfsgcf !=""){

  5674.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5675.             //           if(obj.sfsgcf == assetTypeOptions[i].dictValue) {

  5676.             //             obj.sfsgcf = assetTypeOptions[i].dictLabel;

  5677.             //             break;

  5678.             //           }

  5679.             //         }

  5680.             //       }

  5681.             //     });

  5682.             //     that.mapFsssData = obj;

  5683.             //   } else if(ifConsole =="mapTheGeomZrzId"){

  5684.             //     let obj = {};

  5685.             //     that.mapHasDateStatus = 1;

  5686.             //     obj.deptName = feature.values_.deptName;//部门名称

  5687.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  5688.             //     obj.nmfwzh = feature.values_.nmfwzh;//农民房屋幢号

  5689.             //     obj.zrzh = feature.values_.zrzh;//自然幢号

  5690.             //     obj.jgrq = feature.values_.jgrq;//竣工日期

  5691.             //     obj.jzwgd = feature.values_.jzwgd;//建筑物高度

  5692.             //     obj.zzdmj = feature.values_.zzdmj;//幢占地面积

  5693.             //     obj.zydmj = feature.values_.zydmj;//幢用地面积

  5694.             //     obj.scjzmj = feature.values_.scjzmj;//实测建筑面积

  5695.             //     obj.zcs = feature.values_.zcs;//总层数

  5696.             //     obj.dscs = feature.values_.dscs;//地上层数

  5697.             //     obj.dxcs = feature.values_.dxcs;//地下层数

  5698.             //     obj.fwjg = feature.values_.fwjg;//房屋结构

  5699.             //     obj.sjly = feature.values_.sjly;//数据来源

  5700.             //     obj.status = feature.values_.status;//状态

  5701.             //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus;//数据调查确认状态

  5702.             //     //字典项转化

  5703.             //     //房屋结构字典项

  5704.             //     that.getDicts("housing_structure").then((response) => {

  5705.             //       var assetTypeOptions = response.data;

  5706.             //       if(obj.fwjg !=null && obj.fwjg !=""){

  5707.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5708.             //           if(obj.fwjg == assetTypeOptions[i].dictValue) {

  5709.             //             obj.fwjg = assetTypeOptions[i].dictLabel;

  5710.             //             break;

  5711.             //           }

  5712.             //         }

  5713.             //       }

  5714.             //     });

  5715.             //     //房屋结构字典项

  5716.             //     that.getDicts("sjly").then((response) => {

  5717.             //       var assetTypeOptions = response.data;

  5718.             //       if(obj.sjly !=null && obj.sjly !=""){

  5719.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5720.             //           if(obj.sjly == assetTypeOptions[i].dictValue) {

  5721.             //             obj.sjly = assetTypeOptions[i].dictLabel;

  5722.             //             break;

  5723.             //           }

  5724.             //         }

  5725.             //       }

  5726.             //     });

  5727.             //     that.mapZrzData = obj;

  5728.             //   } else if(ifConsole =="mapTheGeomZjdId"){

  5729.             //     let obj = {};

  5730.             //     that.mapHasDateStatus = 2;

  5731.             //     obj.deptName = feature.values_.deptName;//行政区划名称

  5732.             //     obj.suyqrdm = feature.values_.suyqrdm;//所有权人代码

  5733.             //     obj.nhdm = feature.values_.nhdm;//农户代码

  5734.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  5735.             //     obj.zdbh = feature.values_.zdbh;//宗地编号

  5736.             //     obj.zddm = feature.values_.zddm;//宗地代码

  5737.             //     obj.zl = feature.values_.zl;//坐落

  5738.             //     obj.zldwdm = feature.values_.zldwdm;//坐落单位代码

  5739.             //     obj.zdmj = feature.values_.zdmj;//宗地面积

  5740.             //     obj.yt = feature.values_.yt;//用途

  5741.             //     obj.ytmc = feature.values_.ytmc;//用途名称

  5742.             //     obj.dj = feature.values_.dj;//宗地编号

  5743.             //     obj.jg = feature.values_.jg;//价格万元

  5744.             //     obj.qllx = feature.values_.qllx;//权利类型

  5745.             //     obj.qlxz = feature.values_.qlxz;//权利性质

  5746.             //     obj.qlsdfs = feature.values_.qlsdfs;//权利设定方式

  5747.             //     obj.rjl = feature.values_.rjl;//容积率

  5748.             //     obj.jzmd = feature.values_.jzmd;//建筑密度

  5749.             //     obj.jzxg = feature.values_.jzxg;//建筑限高

  5750.             //     obj.zdszd = feature.values_.zdszd;//宗地四至-东

  5751.             //     obj.zdszn = feature.values_.zdszn;//宗地四至-南

  5752.             //     obj.zdszx = feature.values_.zdszx;//宗地四至-西

  5753.             //     obj.zdszb = feature.values_.zdszb;//宗地四至-北

  5754.             //     obj.zdt = feature.values_.zdt;//宗地图

  5755.             //     obj.tfh = feature.values_.tfh;//图幅号

  5756.             //     obj.djh = feature.values_.djh;//地籍号

  5757.             //     obj.sjly = feature.values_.sjly;//数据来源

  5758.             //     obj.lyzk = feature.values_.lyzk;//当前利用状况

  5759.             //     obj.xzkssj = feature.values_.xzkssj;//闲置开始时间

  5760.             //     obj.sffz = feature.values_.sffz;//是否发证

  5761.             //     obj.zjdzsh = feature.values_.zjdzsh;//宅基地证书号

  5762.             //     obj.zjdxctp = feature.values_.zjdxctp;//宅基地现场图片

  5763.             //     obj.zjdqdfs = feature.values_.zjdqdfs;//宅基地取得方式

  5764.             //     obj.bccjl = feature.values_.bccjl;//被惩处经历

  5765.             //     obj.bccbz = feature.values_.bccbz;//被惩处备注

  5766.             //     obj.yctcyx = feature.values_.yctcyx;//有偿退出意向

  5767.             //     obj.zjdpzmj = feature.values_.zjdpzmj;//宅基地批准面积

  5768.             //     obj.zjdxzyy = feature.values_.zjdxzyy;//宅基地闲置原因

  5769.             //     obj.lzyx = feature.values_.lzyx;//流转意向

  5770.             //     obj.sysNormalDisable = feature.values_.sysNormalDisable;//是否停用

  5771.             //     obj.active = 1;

  5772.             //     //字典项转化

  5773.             //     //是否发证字典项

  5774.             //     that.getDicts("sys_yes_no").then((response) => {

  5775.             //       var assetTypeOptions = response.data;

  5776.             //       if(obj.sffz !=null && obj.sffz !=""){

  5777.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5778.             //           if(obj.sffz == assetTypeOptions[i].dictValue) {

  5779.             //             obj.sffz = assetTypeOptions[i].dictLabel;

  5780.             //             break;

  5781.             //           }

  5782.             //         }

  5783.             //       }

  5784.             //     });

  5785.             //     //利用状态字典项

  5786.             //     that.getDicts("zjdlyzk").then((response) => {

  5787.             //       var assetTypeOptions = response.data;

  5788.             //       if(obj.lyzk !=null && obj.lyzk !=""){

  5789.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5790.             //           if(obj.lyzk == assetTypeOptions[i].dictValue) {

  5791.             //             obj.lyzk = assetTypeOptions[i].dictLabel;

  5792.             //             break;

  5793.             //           }

  5794.             //         }

  5795.             //       }

  5796.             //     });

  5797.             //     //流转意向字典项

  5798.             //     that.getDicts("is_have").then((response) => {

  5799.             //       var assetTypeOptions = response.data;

  5800.             //       if(obj.lzyx !=null && obj.lzyx !=""){

  5801.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5802.             //           if(obj.lzyx == assetTypeOptions[i].dictValue) {

  5803.             //             obj.lzyx = assetTypeOptions[i].dictLabel;

  5804.             //             break;

  5805.             //           }

  5806.             //         }

  5807.             //       }

  5808.             //     });

  5809.             //     //有偿退出意向字典项

  5810.             //     that.getDicts("is_have").then((response) => {

  5811.             //       var assetTypeOptions = response.data;

  5812.             //       if(obj.yctcyx !=null && obj.yctcyx !=""){

  5813.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5814.             //           if(obj.yctcyx == assetTypeOptions[i].dictValue) {

  5815.             //             obj.yctcyx = assetTypeOptions[i].dictLabel;

  5816.             //             break;

  5817.             //           }

  5818.             //         }

  5819.             //       }

  5820.             //     });

  5821.             //     //被惩处经历字典项

  5822.             //     that.getDicts("is_have").then((response) => {

  5823.             //       var assetTypeOptions = response.data;

  5824.             //       if(obj.bccjl !=null && obj.bccjl !=""){

  5825.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5826.             //           if(obj.bccjl == assetTypeOptions[i].dictValue) {

  5827.             //             obj.bccjl = assetTypeOptions[i].dictLabel;

  5828.             //             break;

  5829.             //           }

  5830.             //         }

  5831.             //       }

  5832.             //     });

  5833.             //     //宅基地取得方式字典项

  5834.             //     that.getDicts("acquisition_method").then((response) => {

  5835.             //       var assetTypeOptions = response.data;

  5836.             //       if(obj.zjdqdfs !=null && obj.zjdqdfs !=""){

  5837.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5838.             //           if(obj.zjdqdfs == assetTypeOptions[i].dictValue) {

  5839.             //             obj.zjdqdfs = assetTypeOptions[i].dictLabel;

  5840.             //             break;

  5841.             //           }

  5842.             //         }

  5843.             //       }

  5844.             //     });

  5845.             //     //权利设定方式字典项

  5846.             //     that.getDicts("right_setting_mode").then((response) => {

  5847.             //       var assetTypeOptions = response.data;

  5848.             //       if(obj.qlsdfs !=null && obj.qlsdfs !=""){

  5849.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5850.             //           if(obj.qlsdfs == assetTypeOptions[i].dictValue) {

  5851.             //             obj.qlsdfs = assetTypeOptions[i].dictLabel;

  5852.             //             break;

  5853.             //           }

  5854.             //         }

  5855.             //       }

  5856.             //     });

  5857.             //     //数据来源字典项

  5858.             //     that.getDicts("sjly").then((response) => {

  5859.             //       var assetTypeOptions = response.data;

  5860.             //       if(obj.sjly !=null && obj.sjly !=""){

  5861.             //         for(var i=0;assetTypeOptions.length >i; i++){

  5862.             //           if(obj.sjly == assetTypeOptions[i].dictValue) {

  5863.             //             obj.sjly = assetTypeOptions[i].dictLabel;

  5864.             //             break;

  5865.             //           }

  5866.             //         }

  5867.             //       }

  5868.             //     });

  5869.             //     that.mapZjdData = obj;

  5870.             //     console.log(obj.zjddm);

  5871.             //     that.zjdHcDy = obj.zjddm;

  5872.             //   } else {

  5873.             //     that.mapHaDataValue = false;

  5874.             //   }

  5875.             // }else {

  5876.             //   that.mapHaDataValue = false;

  5877.             // }

  5878.             //数据库查询详情时使用----------------------------------------end

  5879.           });

  5880.           //数据库循环加载时使用 --------------------加载较慢 ------start

  5881.           //当前账套没有任何空间数据

  5882.           // if(mapTalkAbout){

  5883.           //   let deptName = this.$store.state.user.loginDeptId + "";

  5884.           //   getQueryLand(deptName).then((response) => {

  5885.           //     if (response.code == 200) {

  5886.           //       let InsertCode = response.data;

  5887.           //       if (InsertCode != null) {

  5888.           //         var lat = InsertCode.lat;

  5889.           //         var lng = InsertCode.lng;

  5890.           //         var center;

  5891.           //         if(lat !=null && lng !=null && lat !="" && lng !=""){

  5892.           //           center = [lng,lat];

  5893.           //         }else {

  5894.           //           center =[115.452752, 31.789033];

  5895.           //         }

  5896.           //         map.getView().animate({

  5897.           //           // 只设置需要的属性即可

  5898.           //           center: ol.proj.fromLonLat(center), // 中心点

  5899.           //           zoom: 17.9, // 缩放级别

  5900.           //           rotation: undefined, // 缩放完成view视图旋转弧度

  5901.           //           duration: 1000, // 缩放持续时间，默认不需要设置

  5902.           //         });

  5903.           //       }

  5904.           //     }

  5905.           //   });

  5906.           // }

  5907.           //数据库循环加载时使用 --------------------加载较慢 ------start

  5908.         },

  5909. 

  5910.         /*右侧列表 --展开收缩*/

  5911.         selectionPushMap() {

  5912.           this.selectionIconShow = true;

  5913.           this.homesteadListStatus = true;

  5914.           $(".homesteadList_wrap").animate(

  5915.             {

  5916.               right: "0",

  5917.             },

  5918.             300

  5919.           );

  5920.         },

  5921.         homesteadListShrink() {

  5922.           this.selectionIconShow = false;

  5923.           // this.checked =["zjdSx","zrzSx","fsssSx"];

  5924.           $(".homesteadList_wrap").animate(

  5925.             {

  5926.               right: "-300px",

  5927.             },

  5928.             300

  5929.           );

  5930.           setTimeout(() => {

  5931.             this.homesteadListStatus = false;

  5932.           }, 300);

  5933.         },

  5934.         checkClick(res){

  5935.           // 1、全选与不全选模块

  5936.           $(".checkall").change(function() {

  5937.             $(".item-list-checkbox .checkitem").prop("checked", $(this).prop("checked"));

  5938.             if($(this).prop("checked")){

  5939. 

  5940.             }else {

  5941. 

  5942.             }

  5943.           });

  5944.           // 2、小复选框模块

  5945.           $(".checkitem").change(function() {

  5946.             if ($(".checkitem:checked").length === $(".checkitem").length) {

  5947.               $(".checkall").prop("checked", true);

  5948.             } else {

  5949.               $(".checkall").prop("checked", false);

  5950.             }

  5951.           })

  5952.         },

  5953.         //绘制多边形地图

  5954.         drawMapPolygonFun() {

  5955. 

  5956.         },

  5957.         guidProduct(){

  5958.           return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {

  5959.             var r = Math.random() * 16 | 0,

  5960.               v = c == 'x' ? r : (r & 0x3 | 0x8);

  5961.             return v.toString(16);

  5962.           });

  5963.         },

  5964.         //宅基地点击地图核查

  5965.         zjdHc(){

  5966.           if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){

  5967.             if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  5968.               this.mapZjdTeAll.active =1;

  5969.               //this.$cookies.set("search",this.mapZjdTeAll);

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

  5971.               this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

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

  5973.             }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){

  5974.               if(this.mapZjdTeAll.mapZjdAData !=""){

  5975.                 this.mapZjdTeAll.active = 3;

  5976.                 //this.$cookies.set("search",this.mapZjdTeAll);

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

  5978.                 this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5979.               } else {

  5980.                 this.$toast("必须有宅基地数据才能进入自然幢核查");

  5981.               }

  5982.             }else {

  5983.               if(this.mapZjdTeAll.mapZjdAData !="") {

  5984.                 this.mapZjdTeAll.active = 4;

  5985.                 //this.$cookies.set("search", this.mapZjdTeAll);

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

  5987.                 this.$router.push({path: '/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5988.               } else {

  5989.                 this.$toast("必须有宅基地数据才能进入附属设施核查");

  5990.               }

  5991.             }

  5992.           } else {

  5993.             this.$dialog.alert({

  5994.               title: '宅基地核查',

  5995.               message: "请从地图中选择图层并点击核查",

  5996.               theme: 'round-button',

  5997.             }).then(() => {

  5998.               // on close

  5999.             });

  6000.           }

  6001.         },

  6002.         //搜索详情跳转

  6003.         zjdSs(item){

  6004.           this.mapZjdTeAll.mapZjdAData ={};

  6005.           this.mapZjdTeAll.mapZrzAData ={};

  6006.           this.mapZjdTeAll.mapFsssAData ={};

  6007.           //this.mapZjdTeAll.active =1;

  6008.           if(item.typeTc =="宅基地"){

  6009.           getZjdzd(item.id).then((response) => {

  6010.             this.mapZjdData = response.data;

  6011.             this.mapZjdTeAll.active = 1;

  6012.             this.mapZjdTeAll.mapZjdAData = this.mapZjdData;

  6013.             //this.$cookies.set("search",this.mapZjdTeAll);

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

  6015.             setTimeout(() => {

  6016.             this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  6017.               }, 500);

  6018.           });

  6019.           }else if(item.typeTc =="自然幢"){

  6020.             //let =

  6021.             getZjdzd(item.id).then((response) => {

  6022.               this.mapZrzData = response.data;

  6023.               this.mapZjdTeAll.active = 3;

  6024.               this.mapZjdTeAll.mapZrzAData = this.mapZrzData;

  6025.               //this.$cookies.set("search",this.mapZjdTeAll);

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

  6027.               setTimeout(() => {

  6028.                 this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  6029.               }, 500);

  6030.             });

  6031.           }else if(item.typeTc =="附属设施"){

  6032.             getFsss(item.id).then((response) => {

  6033.               this.mapFsssData = response.data;

  6034.               this.mapZjdTeAll.active = 4;

  6035.               this.mapZjdTeAll.mapFsssAData = this.mapFsssData;

  6036.               //this.$cookies.set("search",this.mapZjdTeAll);

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

  6038.               setTimeout(() => {

  6039.                 this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  6040.               }, 500);

  6041.             });

  6042.           }else{

  6043.             this.$toast("无数据请检查后进入核查页面");

  6044.           }

  6045.         },

  6046.         //地图查询

  6047.         toggleSearch() {

  6048.           $("#query").trigger("click");

  6049.         },

  6050.         //

  6051.         checkAllArray(value){

  6052.           if(this.checked.length<3){

  6053.             this.$refs.checkboxGroup.toggleAll(true);

  6054.           }else{

  6055.             this.$refs.checkboxGroup.toggleAll(false);

  6056.           }

  6057.         },

  6058.         //筛选//全选

  6059.         checkAll(val) {

  6060.           this.$refs.checkboxGroup.value.toggleAll(true);

  6061.           return;

  6062.           let checkedCount = this.CheckedAllArr.length

  6063.           if (val) {

  6064.             //全选

  6065.             this.CheckedAllArr = this.dataList.map(item => item.id)

  6066.           } else{

  6067.             //取消全选

  6068.             if (checkedCount === this.dataList.length) {

  6069.               //如果不增加这个条件判断点击某一项时会全部取消

  6070.               this.CheckedAllArr = []

  6071.             }

  6072.           }

  6073.         },

  6074.         //单选

  6075.         handleChecked(value) {

  6076.           // this.checkAllFlag = this.CheckedAllArr.length == this.dataList.length;

  6077.           if (value.length<3){

  6078.             this.checkAllFlag = false;

  6079.           }else{

  6080.             this.checkAllFlag = true;

  6081.           }

  6082.           value.indexOf('zjdSx') == -1 ? this.zjdSx = false : this.zjdSx = true;

  6083.           value.indexOf('zrzSx') == -1 ? this.zrzSx = false : this.zrzSx = true;

  6084.           value.indexOf('fsssSx') == -1 ? this.fsssSx = false : this.fsssSx = true;

  6085.         },

  6086.         closeSearchBox(){

  6087.           this.showSearch = false ;

  6088.           var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)

  6089.           document.styleSheets[0].insertRule(

  6090.             "@keyframes test2" +

  6091.             "{" +

  6092.             "0%{bottom: 0px}" +

  6093.             "100%{bottom: -" + height + "px;}" +

  6094.             "}"

  6095.           )

  6096.           $('.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'});

  6097.         },

  6098.         zjdTz(){

  6099.           if(this.mapZjdData =="" && this.mapZjdDataTure =="" && this.mapZjdData !=undefined){

  6100.             this.mapZjdTeAll.active =1;

  6101.             this.mapZjdTeAll.mapZjdAData.deptId =this.$cookies.get("item").deptId;

  6102.             this.mapZjdTeAll.mapZjdAData.theGeom =this.htZjdZrzFsss;

  6103.             //this.mapZjdTeAll.mapZjdAData.deptId = this.$cookies.get("item").deptId;

  6104.             //this.$cookies.set("search",this.mapZjdTeAll);

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

  6106.             this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  6107.           }else {

  6108.             this.$toast("已选择宅基地，请选择自然幢或附属设施按钮");

  6109.           }

  6110.         },

  6111.         zrzTz(){

  6112.           if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  6113.             this.mapZjdTeAll.active =3;

  6114.             this.mapZjdTeAll.mapZrzAData.theGeom =this.htZjdZrzFsss;

  6115.             this.mapZjdTeAll.mapZrzAData.deptId =this.$cookies.get("item").deptId;

  6116.             //this.mapZjdTeAll.mapZrzAData.deptId = this.$cookies.get("item").deptId;

  6117.             //this.$cookies.set("search",this.mapZjdTeAll);

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

  6119.             this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  6120.           }else {

  6121.             this.$toast("请先在地图上选择宅基地后，再选择自然幢按钮");

  6122.           }

  6123.         },

  6124.         fsssTz(){

  6125.           if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  6126.           this.mapZjdTeAll.active =4;

  6127.           this.mapZjdTeAll.mapFsssAData.theGeom =this.htZjdZrzFsss;

  6128.             this.mapZjdTeAll.mapFsssAData.deptId =this.$cookies.get("item").deptId;

  6129.           //this.mapZjdTeAll.mapFsssAData.deptId = this.$cookies.get("item").deptId;

  6130.           //this.$cookies.set("search",this.mapZjdTeAll);

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

  6132.           this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  6133.           }else {

  6134.             this.$toast("请先在地图上选择宅基地后，再选择附属设施按钮");

  6135.           }

  6136.         },

  6137.         //绘图重置清除之前图层

  6138.         deleteHistory(){

  6139.           $("#deleteHistory").trigger("click");

  6140.         }

  6141. 

  6142.       },

  6143.     }

  6144. </script>

  6145. 

  6146. <style scoped lang="scss">

  6147.   /deep/ .van-swipe-cell__wrapper{

  6148.     margin-right:-3px;

  6149.   }

  6150.   .hzlxBtn{

  6151.     font-size: 0.3rem;

  6152.     display: inline-block;

  6153.     padding: 2% 0;

  6154.     border-radius: 30PX;

  6155.     color: #FFF;

  6156.     margin-right: 2%;

  6157.     width: 30%;

  6158.     &:last-child{

  6159.       margin: 0;

  6160.     }

  6161.   }

  6162.   .van-cell__title{

  6163.     flex:2

  6164.   }

  6165.   .bannerBg{

  6166.     width: 100%;

  6167.     color:#fff;

  6168.     /*padding:10px;*/

  6169.     background: linear-gradient(134deg,#7ac943 1%, #22b7f2);

  6170.   }

  6171.   .van-hairline--bottom::after {

  6172.     border-bottom-width: 0;

  6173.   }

  6174.   .activeBtn{

  6175.     background:#fff;

  6176.     height:50px;

  6177.     border-radius:25px;

  6178.     color:#7AC943;

  6179.     line-height:50px;

  6180.     text-align:center;

  6181.     font-size:20px;

  6182.     width: 26%;

  6183.     margin:0 10px;

  6184.     box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);

  6185.   }

  6186.   .disactiveBtn{

  6187.     background:rgba(255,255,255,.4);

  6188.     height:50px;

  6189.     border-radius:25px;

  6190.     color:#fff;

  6191.     line-height:50px;

  6192.     text-align:center;

  6193.     font-size:20px;

  6194.     width: 26%;

  6195.     margin:0 10px;

  6196.     box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);

  6197.   }

  6198.   /*.van-cell__label{*/

  6199.   /*  color: #969799;*/

  6200.   /*  font-size: 12px;*/

  6201.   /*  line-height: 20px;*/

  6202.   /*  margin:0*/

  6203.   /*}*/

  6204.   .map_area {

  6205.     width: 50vw;

  6206.     height: 50vh;

  6207.     z-index:1;

  6208.     background:#000;

  6209.     position: fixed;

  6210.     left: 0;

  6211.     top: 0;

  6212.   }

  6213.   .van-field__label{

  6214.     width:50%;

  6215.   }

  6216.   .rightZoom_wrap {

  6217.     position: absolute;

  6218.     right: 3%;

  6219.     top: 35%;

  6220.     margin-top: -200px;

  6221.     background: #fff;

  6222.     margin-bottom: 16px;

  6223.     border-radius: 10px;

  6224.     text-align: center;

  6225.     padding: 15px 20px;

  6226.     img{

  6227.       margin: 0 auto;

  6228.     }

  6229.     .amplification {

  6230.       line-height: 1;

  6231.       font-size: 18px;

  6232.       text-align: center;

  6233.       margin-top: 5px;

  6234.     }

  6235.   }

  6236.   .mapZoom_wrap {

  6237.     position: absolute;

  6238.     right: 3%;

  6239.     top: 50%;

  6240.     margin-top: -200px;

  6241.     background: #fff;

  6242.     margin-bottom: 16px;

  6243.     border-radius: 10px;

  6244.     padding: 0px 20px;

  6245.     div{

  6246.       padding: 15px 0;

  6247.       border-bottom: 1px solid #C9C9C9;

  6248.       &:last-child{

  6249.         border: none;

  6250.       }

  6251.       p{

  6252.         margin-top: 5px;

  6253.       }

  6254.     }

  6255.     .qtMap {

  6256.       font-size: 18px;

  6257.       text-align: center;

  6258.       line-height: 1;

  6259.     }

  6260. 

  6261.     .clMap {

  6262.       font-size: 18px;

  6263.       text-align: center;

  6264.       line-height: 1;

  6265.     }

  6266. 

  6267.     .hcMap {

  6268.       font-size: 18px;

  6269.       text-align: center;

  6270.       line-height: 1;

  6271.     }

  6272. 

  6273.     .htMap {

  6274.       font-size: 18px;

  6275.       text-align: center;

  6276.       line-height: 1;

  6277.     }

  6278. 

  6279.     .dwMap {

  6280.       font-size: 18px;

  6281.       text-align: center;

  6282.       line-height: 1;

  6283.     }

  6284.   }

  6285.   .rightIcon_wrap {

  6286.     position: absolute;

  6287.     right: 16px;

  6288.     bottom: 160px;

  6289.     .selectionIcon_wrap {

  6290.       width: 74px;

  6291.       background: #fff;

  6292.       border-radius: 10px;

  6293.       padding: 14px 0;

  6294. 

  6295.       .icon {

  6296.         width: 38px;

  6297.         height: 38px;

  6298.         background: url("../../assets/images/homestead/selection_icon.png")

  6299.         no-repeat;

  6300.         background-size: 100% 100%;

  6301.         margin: 0 auto 4px;

  6302.       }

  6303.       .text {

  6304.         font-size: 24px;

  6305.         text-align: center;

  6306.       }

  6307.     }

  6308.     .positioning_wrap {

  6309.       width: 74px;

  6310.       background: #fff;

  6311.       margin-bottom: 16px;

  6312.       border-radius: 10px;

  6313.       height: 74px;

  6314.       display: flex;

  6315.       justify-content: center; /* 相对父元素水平居中 */

  6316.       align-items: center; /*  子元素相对父元素垂直居中*/

  6317.       .icon {

  6318.         width: 38px;

  6319.         height: 38px;

  6320.         background: url("../../assets/images/homestead/positioning_icon.png")

  6321.         no-repeat;

  6322.         background-size: 100% 100%;

  6323.         margin: 0 auto;

  6324.       }

  6325.     }

  6326.   }

  6327.   .homesteadList_wrap {

  6328.     // display: none;

  6329.     display: flex;

  6330.     position: absolute;

  6331.     right: -200px;

  6332.     top: 0px;

  6333.     bottom: 0px;

  6334.     width: 300px;

  6335.     background: #fff;

  6336.     z-index: 999;

  6337.     border-top-left-radius: 15px;

  6338.     border-bottom-left-radius: 15px;

  6339. 

  6340.     flex-direction: column;

  6341.     .noInfo_data {

  6342.       font-size: 28px;

  6343.       text-align: center;

  6344.       height: 300px;

  6345.       line-height: 300px;

  6346.       color: #666;

  6347.     }

  6348.     .title_m {

  6349.       color: #333;

  6350.       line-height: 36px;

  6351.       padding: 20px 40px 22px;

  6352.       .name {

  6353.         font-size: 36px;

  6354.         line-height: 42px;

  6355.         height: 42px;

  6356.       }

  6357.       .more_icon {

  6358.         width: 38px;

  6359.         height: 38px;

  6360.         background: url("../../assets/images/homestead/selectionNext_icon.png")

  6361.         no-repeat;

  6362.         float: right;

  6363.         margin-top: 2px;

  6364.       }

  6365.     }

  6366. 

  6367.     .main_m {

  6368.       overflow-y: auto;

  6369.       padding: 10px 0;

  6370.       // height: 300px;

  6371.       flex: 1;

  6372.       .flex_block {

  6373.         height: 70px;

  6374.         display: flex;

  6375.         // justify-content: center; /* 相对父元素水平居中 */

  6376.         align-items: center; /*  子元素相对父元素垂直居中 */

  6377.         padding: 0 40px;

  6378.         &.active {

  6379.           box-shadow: 0px 0px 10px rgba(24, 45, 51, 0.5);

  6380.         }

  6381.         .name_text {

  6382.           font-size: 28px;

  6383.           flex: 0.5;

  6384.           overflow: hidden; /*超出部分隐藏*/

  6385.           white-space: nowrap; /*不换行*/

  6386.           text-overflow: ellipsis; /*超出部分文字以...显示*/

  6387.         }

  6388.         .square_text {

  6389.           font-size: 28px;

  6390.           flex: 0.4;

  6391.         }

  6392.         .operation_mian {

  6393.           flex: 0 0 150px;

  6394. 

  6395.           .describe {

  6396.             font-size: 20px;

  6397.             padding: 6px 5px;

  6398.             float: right;

  6399.             color: #fff;

  6400.             border-radius: 30px;

  6401.             overflow: hidden;

  6402.             text-overflow: ellipsis;

  6403.             white-space: nowrap;

  6404.             max-width: 150px;

  6405.             &.yph {

  6406.               background: #b026ff;

  6407.             }

  6408.             &.dlzdph {

  6409.               background: #ff6f36;

  6410.             }

  6411.             &.ylz {

  6412.               background: #7fff4c;

  6413.             }

  6414.             &.dlz {

  6415.               background: rgb(255, 232, 76);

  6416.             }

  6417.             &.ylzdph {

  6418.               background: #ff7dd0;

  6419.             }

  6420.             &.zy {

  6421.               background: rgb(100, 30, 100);

  6422.             }

  6423.             &.xz {

  6424.               background: rgb(60, 100, 180);

  6425.             }

  6426.             &.chdb {

  6427.               background: #fe0303;

  6428.             }

  6429.           }

  6430.         }

  6431.       }

  6432.     }

  6433.     .footerBtn_wrap {

  6434.       flex: 0 0 90px;

  6435.       display: flex;

  6436.       justify-content: center; /* 相对父元素水平居中 */

  6437.       align-items: center; /*  子元素相对父元素垂直居中 */

  6438. 

  6439.       .options {

  6440.         flex: 1;

  6441.         font-size: 38px;

  6442.         display: flex;

  6443.         justify-content: center; /* 相对父元素水平居中 */

  6444.         align-items: center; /*  子元素相对父元素垂直居中 */

  6445.         height: 90px;

  6446.         &:first-child {

  6447.           border-bottom-left-radius: 15px;

  6448.         }

  6449.         &.active {

  6450.           background: #3cbf5b;

  6451.           color: #fff;

  6452.         }

  6453.       }

  6454.     }

  6455.   }

  6456. 

  6457.   .checkbox {

  6458.     width: 200px;

  6459.     margin: 30px auto;

  6460.   }

  6461. 

  6462.   .thead-checkbox {

  6463.     background-color: lightgray;

  6464.   }

  6465. 

  6466.   .item-checkbox {

  6467.     border: 1px solid darkgray;

  6468.   }

  6469.   .van-sticky{position: fixed;top: 0;right: 0; left: 0;z-index: 9999;}

  6470. 

  6471.   .searchBar_wrap {

  6472.     // display: none;

  6473.     position: fixed;

  6474.     left: 0;

  6475.     bottom: 0;

  6476.     width: 100%;

  6477.     padding: 0px 16px 0px 13px;

  6478.     background: #fff;

  6479.     border-top-left-radius: 15px;

  6480.     border-top-right-radius: 15px;

  6481.     z-index: 9;

  6482. 

  6483.     .searchBox{

  6484.       height: 40vh;

  6485.       overflow-y: scroll;

  6486.       .van-cell{

  6487.         /*&:first-child{*/

  6488.         /*  box-shadow: none;*/

  6489.         /*  margin:0;*/

  6490.         /*}*/

  6491.         box-shadow: 0px 0px 5px #cccccc;

  6492.         border-radius: 15PX;

  6493.         width: 98%;

  6494.         margin: 0 auto;

  6495.         margin-bottom: 0.35rem;

  6496.         &:first-child{

  6497.           margin-top: 5px;

  6498.         }

  6499.       }

  6500.       .van-cell__title{

  6501.         flex: 0.8;

  6502.         p{

  6503.           color: rgb(34, 183, 242);

  6504.           .van-icon{

  6505.             vertical-align: middle;

  6506.           }

  6507.           span{

  6508.             vertical-align: middle;

  6509.             &:nth-child(2){

  6510.               overflow: hidden;

  6511.               white-space: nowrap;

  6512.               text-overflow: ellipsis;

  6513.               display: inline-block;

  6514.               width: 60%;

  6515.             }

  6516.             &:nth-child(3){

  6517.               font-size: 0.25rem;

  6518.               border-radius: 5PX;

  6519.               padding: 5PX 15PX;

  6520.               margin-left: 5%;

  6521.             }

  6522.           }

  6523.         }

  6524.       }

  6525.       .van-cell__value{

  6526.         flex: 0.2;

  6527.         p{

  6528.           font-size: 0.25rem;

  6529.           display: inline-block;

  6530.           border-radius: 1rem;

  6531.           line-height: 1;

  6532.           padding: 10%;

  6533.         }

  6534.       }

  6535.     }

  6536.     .actionBar_wrap {

  6537.       display: flex;

  6538.       position: absolute;

  6539.       top: 0;

  6540.       left: 0;

  6541.       width: 100%;

  6542.       height: 100%;

  6543. 

  6544.       background: #fff;

  6545.       border-top-left-radius: 15px;

  6546.       border-top-right-radius: 15px;

  6547.       .m_list {

  6548.         flex: 1;

  6549.         display: flex;

  6550.         justify-content: center; /* 相对父元素水平居中 */

  6551.         align-items: center; /*  子元素相对父元素垂直居中 */

  6552. 

  6553.         .tensile,

  6554.         .positioning,

  6555.         .spacing,

  6556.         .scale {

  6557.           width: 76px;

  6558.           height: 72px;

  6559.           background: #ffffff;

  6560.           border-radius: 8px;

  6561.           box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);

  6562.           .icon {

  6563.             width: 76px;

  6564.             height: 72px;

  6565.           }

  6566.           &.active {

  6567.             background: #333;

  6568.             &.tensile {

  6569.               .icon {

  6570.                 background: url("../../assets/images/homestead/operation/tensile_active.png")

  6571.                 center center no-repeat;

  6572.                 background-size: 38px 50px;

  6573.               }

  6574.             }

  6575.             &.positioning {

  6576.               .icon {

  6577.                 background: url("../../assets/images/homestead/operation/positioning_active.png")

  6578.                 center center no-repeat;

  6579.                 background-size: 38px 48px;

  6580.               }

  6581.             }

  6582.             &.spacing {

  6583.               .icon {

  6584.                 background: url("../../assets/images/homestead/operation/spacing_active.png")

  6585.                 center center no-repeat;

  6586.                 background-size: 46px 46px;

  6587.               }

  6588.             }

  6589.             &.scale {

  6590.               .icon {

  6591.                 background: url("../../assets/images/homestead/operation/scale_active.png")

  6592.                 center center no-repeat;

  6593.                 background-size: 48px 48px;

  6594.               }

  6595.             }

  6596.           }

  6597.         }

  6598.         .tensile {

  6599.           .icon {

  6600.             background: url("../../assets/images/homestead/operation/tensile.png")

  6601.             center center no-repeat;

  6602.             background-size: 38px 50px;

  6603.           }

  6604.         }

  6605.         .positioning {

  6606.           .icon {

  6607.             background: url("../../assets/images/homestead/operation/positioning.png")

  6608.             center center no-repeat;

  6609.             background-size: 38px 48px;

  6610.           }

  6611.         }

  6612.         .spacing {

  6613.           .icon {

  6614.             background: url("../../assets/images/homestead/operation/spacing.png")

  6615.             center center no-repeat;

  6616.             background-size: 46px 46px;

  6617.           }

  6618.         }

  6619.         .scale {

  6620.           .icon {

  6621.             background: url("../../assets/images/homestead/operation/scale.png")

  6622.             center center no-repeat;

  6623.             background-size: 48px 48px;

  6624.           }

  6625.         }

  6626.         .closes {

  6627.           background: url("../../assets/images/homestead/searchBar_close.png")

  6628.           no-repeat;

  6629.           background-size: 100% 100%;

  6630.           width: 72px;

  6631.           height: 72px;

  6632.           &.gray {

  6633.             background: url("../../assets/images/homestead/searchBar_close_gray.png")

  6634.             no-repeat;

  6635.             background-size: 100% 100%;

  6636.           }

  6637.         }

  6638.         .correct {

  6639.           background: url("../../assets/images/homestead/searchBar_save.png")

  6640.           no-repeat;

  6641.           background-size: 100% 100%;

  6642.           width: 72px;

  6643.           height: 72px;

  6644.         }

  6645.       }

  6646.     }

  6647.     .searchBar_area {

  6648.       flex: 1;

  6649.       height: 80px;

  6650.       background: #f1f1f1;

  6651.       border: 1px solid #dfdfdf;

  6652.       border-radius: 10px;

  6653.       padding: 0 28px;

  6654.       display: flex;

  6655.       .bar_icon {

  6656.         width: 50px;

  6657.         height: 50px;

  6658.         background: url("../../assets/images/homestead/searchBar_bar.png")

  6659.         center center no-repeat;

  6660.         background-size: 100% 100%;

  6661.         margin-top: 14px;

  6662.         margin-right: 15px;

  6663.       }

  6664.       .bar_ipt {

  6665.         flex: 1;

  6666.         input {

  6667.           width: 100%;

  6668.           height: 100%;

  6669.           background: none;

  6670.           border: 0 none;

  6671.           font-size: 32px;

  6672.         }

  6673.       }

  6674.       .bar_text {

  6675.         flex: 0 0 80px;

  6676.         font-size: 32px;

  6677.         color: #333333;

  6678.         font-family: PingFang SC, PingFang SC-Regular;

  6679.         font-weight: 400;

  6680.         display: flex;

  6681.         justify-content: center; /* 相对父元素水平居中 */

  6682.         align-items: center; /*  子元素相对父元素垂直居中 */

  6683.       }

  6684.     }

  6685.     .searchBar_more {

  6686.       flex: 0 0 80px;

  6687.       background: url("../../assets/images/homestead/searchBar_add.png") center

  6688.       center no-repeat;

  6689.       background-size: 80% 80%;

  6690.       margin-left: 15px;

  6691.     }

  6692.   }

  6693. </style>