zhangzl
/
nsgk_mobile
2
0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
997 Комити
7 Гране
571 MiB
 
 
Дрво: 1e5f15770d
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from '1e5f15770d'
${ noResults }
nsgk_mobile/src/views/homesteadSurvey/list.vue

5614 lines
237 KiB
Датотека Blame Историја 

  1. <template>

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

  3.     <van-sticky>

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

  5.         <van-nav-bar

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

  7.           @click-left="onClickLeft"

  8.           @click-right="showUploadList"

  9.         >

  10.           <template #left>

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

  12.           </template>

  13.           <template #right>

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

  15.           </template>

  16.           <template #title>

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

  18.           </template>

  19.         </van-nav-bar>

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

  21.                    close-icon="close">

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

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

  24. 

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

  26.           </div>

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

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

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

  30.           </van-row>

  31.         </van-popup>

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

  33.           <div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="$router.push({path:'/homesteadSurvey/list'})">入户核查</div>

  34.           <div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="$router.push({path:'/homesteadSurvey/list2'})">农户信息</div>

  35.           <div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="$router.push({path:'/homesteadSurvey/list3'})">所有权人</div>

  36.           <div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }" @click="$router.push({path:'/homesteadSurvey/list4'})">切换地图</div>

  37.         </div>

  38.       </div>

  39.       <div style="background:#fff;padding:10px 2.5%;display: flex;justify-content: space-between;">

  40.         <div style="text-align:center;background: rgba(122,201,67,0.2);width: 49%;font-size: 14px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 2px 0;">

  41.           <img src="../../assets/images/housesteadSurvey/list01.png" alt="">

  42.           <p style="margin-left: 10px;">

  43.             <span style="color:#60B722;line-height:.8rem;">宅基地数：</span>

  44.             <span style="color:#60B722;line-height:.8rem;"><span style="font-size:16px;color: #448815;">{{totalH}}</span> 户</span>

  45.           </p>

  46.         </div>

  47.         <div style="text-align:center;background: rgba(122,201,67,0.2);width: 49%;font-size: 14px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 2px 0;">

  48.           <img src="../../assets/images/housesteadSurvey/list02.png" alt="">

  49.           <p style="margin-left: 10px;">

  50.             <span style="color:#60B722;line-height:.8rem">使用权人数：</span>

  51.             <span style="color:#60B722;line-height:.8rem"><span style="font-size:16px;color: #448815;">{{totalR}}</span> 人</span>

  52.           </p>

  53.         </div>

  54.       </div>

  55.     </van-sticky>

  56.     <van-search v-model="zjdvalue" placeholder="请输入宅基地代码或农户姓名" show-action @search="onSearchzjd" style="padding-top: 0;padding-bottom: 0;">

  57.       <template #action>

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

  59.       </template>

  60.     </van-search>

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

  62.       <van-tab>

  63.         <template #title>

  64.           <div style="display: flex;align-items: center;">

  65.             <p>已核查</p>

  66.             <van-badge v-if="yhcNums>=0" :content="yhcNums" max="99" :color="active==0?'#7AC943':'#878787'" />

  67.           </div>

  68.         </template>

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

  70.         <van-list

  71.           v-model:loading="loading2"

  72.           :finished="finished2"

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

  74.           :immediate-check="false"

  75.           @load="onRefreshzjd"

  76.         >

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

  78.           box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;">

  79.             <template #title>

  80.               <div style="display: flex;align-items: center;">

  81.                 <p style="display: flex;align-items: center;">

  82.                   <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;">

  83.                   <span style="line-height: 1;">{{limitWords(item.shyqrdbxm)}}</span>

  84.                 </p>

  85.                 <p style="display: flex;align-items: center;color:#22B7F2;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #22B7F2;" @click="setCookies(item)"><img src="../../assets/images/housesteadSurvey/list06.png" alt="" style="margin-right: 3px;">详情</p>

  86.                 <p v-if="item.zjdAudit=='0'" style="color:#ff976a;background:rgba(255,151,106,0.2);font-size:12px;padding: 5px;line-height: 1;border-radius: 5px;">待审核</p>

  87.                 <p v-if="item.zjdAudit=='1'" style="color:#7AC943;background:rgba(122,201,67,0.2);font-size:12px;padding: 5px;line-height: 1;border-radius: 5px;">已审核</p>

  88.                 <p v-if="item.zjdAudit=='2'" style="color:#ee0a24;font-size:12px;">已驳回</p>

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

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

  91.               </div>

  92.             </template>

  93.             <!--<template #default>

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

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

  96.             </template>-->

  97.             <template #label>

  98.               <p style="display: flex;align-items: center;margin-top: 10px;"><img src="../../assets/images/housesteadSurvey/list04.png" alt="" style="margin-right: 5px;">宅基地代码:  {{item.zjddm}} </p>

  99.               <p style="display: flex;align-items: center;margin-top: 5px;"><img src="../../assets/images/housesteadSurvey/list05.png" alt="" style="margin-right: 5px;">宗地面积: {{item.zdmj}}㎡<span style="margin-left: auto;color: #333333;">检察员：{{item.surveyBy}}</span></p>

  100.             </template>

  101.           </van-cell>

  102.         </van-list>

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

  104.       </van-tab>

  105.       <van-tab >

  106.         <template #title>

  107.           <div style="display: flex;align-items: center;">

  108.             <p>未核查</p>

  109.             <van-badge v-if="whcNums>=0" :content="whcNums" max="99" :color="active==1?'#7AC943':'#878787'" />

  110.           </div>

  111.         </template>

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

  113.         <van-list

  114.           v-model:loading="loading3"

  115.           :finished="finished3"

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

  117.           :immediate-check="false"

  118.         >

  119. <!--            @load="onRefreshzjd"-->

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

  121.         box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;">

  122.           <template #title>

  123.             <div style="display: flex;align-items: center;">

  124.               <p style="display: flex;align-items: center;">

  125.                 <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;">

  126.                 <span style="line-height: 1;">{{limitWords(item.syqr)}}</span>

  127.               </p>

  128.               <p v-if="item.houseDataConfirmStatus=='CONFIRMED'" style="display: flex;align-items: center;color:#22B7F2;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #22B7F2;" @click="setCookies(item)"><img src="../../assets/images/housesteadSurvey/list07.png" alt="" style="margin-right: 3px;">调查</p>

  129.               <p v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="display: flex;align-items: center;color:#ee0a24;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #ee0a24;" @click="deleteZjd(item,index)"><img src="../../assets/images/housesteadSurvey/list08.png" alt="" style="margin-right: 3px;">删除</p>

  130.               <p v-if="item.zjdAudit=='2'" style="color:#ee0a24;font-size:12px;">已驳回</p>

  131.             </div>

  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 style="display: flex;align-items: center;margin-top: 10px;"><img src="../../assets/images/housesteadSurvey/list04.png" alt="" style="margin-right: 5px;">宅基地代码:  {{item.zjddm}} </p>

  139.             <p style="display: flex;align-items: center;margin-top: 5px;"><img src="../../assets/images/housesteadSurvey/list05.png" alt="" style="margin-right: 5px;">宗地面积: {{item.zdmj}}㎡<span style="margin-left: auto;color: #333333;">检察员：{{item.updateBy}}</span></p>

  140.           </template>

  141.         </van-cell>

  142.           </van-list>

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

  144.       </van-tab>

  145.     </van-tabs>

  146.   </div>

  147. </template>

  148. 

  149. <script>

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

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

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

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

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

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

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

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

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

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

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

  161.     import $ from "jquery";

  162.     import {Dialog} from "vant";

  163.     import {ref} from "vue";

  164.     import axios from "axios";

  165.     export default {

  166.       name: "homesteadList",

  167.       data() {

  168.         return {

  169.           loading1:false,

  170.           finished1:false,

  171.           loading2:false,

  172.           finished2:false,

  173.           loading3:false,

  174.           finished3:false,

  175.           //全部

  176.           qbNums:0,

  177.           //已调查数量

  178.           yhcNums:0,

  179.           //未核查数量

  180.           whcNums:0,

  181.           // 总户数

  182.           totalH:0,

  183.           // 总人数

  184.           totalR:0,

  185.           zjdSx:true,

  186.           zrzSx :true,

  187.           fsssSx:true,

  188.           showhncysjly:false,

  189.           showhzsjly:false,

  190.           showhncycybz:false,

  191.           showhncyzjlx:false,

  192.           showhncyyhzgx:false,

  193.           showhzjzhcssfyzf:false,

  194.           showhncyoccupation:false,

  195.           showhncyjzqk:false,

  196.           showhzoccupation:false,

  197.           showhzjzqk:false,

  198.           // 下拉刷新

  199.           isLoadingnh:false,

  200.           countnh:0,

  201.           isLoadingzjd:false,

  202.           countqb:1,

  203.           countyhc:1,

  204.           countwhc:1,

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

  206.           shownh:false,

  207.           showhzht:false,

  208.           showhzlx:false,

  209.           showhncylist:false,

  210.           showhncy:false,

  211.           activeBtn:1,

  212.           value:'',

  213.           // 宅基地搜索框

  214.           zjdvalue:"",

  215.           // 使用权人搜索框

  216.           nhvalue:"",

  217.           active:2,

  218.           // 全部列表

  219.           list:[],

  220.           // 已核查列表

  221.           list1:[],

  222.           // 未核查列表

  223.           list2:[],

  224.           // 户主列表

  225.           nhlist:[],

  226.           // 户内成员表单

  227.           form5: {},

  228.           // 户内成员列表

  229.           hncylist:[],

  230.           currentRate:20,

  231.           // 使用权人

  232.           nhform:[],

  233.           // 户主列表

  234.           hzform:{},

  235.           // 权利人列表

  236.           qlrform:[],

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

  238.           showsuyqxz:false,

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

  240.           showdlrzjlx:false,

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

  242.           showdbrzjlx:false,

  243.           // 数据来源弹出框

  244.           showsjly:false,

  245.           // 证件类型字典

  246.           zjlxOptions: [],

  247.           // 所有权性质字典

  248.           suyqxzOption: [],

  249.           // 婚姻状况字典

  250.           hyzkOptions:[],

  251.           // 数据来源字典

  252.           sjlyOptions:[],

  253.           // 居住情况字典

  254.           jzqkOptions:[],

  255.           // 与户主关系字典

  256.           yhzgxOptions:[],

  257.           // 职业字典

  258.           occupationOptions:[],

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

  260.           jzhcssfyzfOptions:[],

  261.           // 成员备注字典

  262.           cybzOptions:[],

  263.           columns:[],

  264.           show1:false,

  265.           showhzzjlx: false,

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

  267.           item: {},

  268.           //地图使用 --start

  269.           openMap: false,

  270.           mapTheGeomZrzId: null,

  271.           mapTheGeomZjdId: null,

  272.           mapTheGeomFsssId: null,

  273.           drawInsert:null,

  274.           mapZjdData:"",

  275.           mapZrzData:"",

  276.           mapFsssData:"",

  277.           mapZjdDataTure:"",

  278.           mapZjdTeAll:{

  279.             active:"",

  280.             mapZjdAData:{},

  281.             mapZrzAData:{},

  282.             mapFsssAData:{},

  283.           },

  284.           mapHaDataValue:false,

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

  286.           selectionIconShow:false,

  287.           homesteadListStatus:false,

  288.           //地图绘制状态

  289.           draw: {

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

  291.           },

  292.           mapTownList: null,

  293.           mapVillageList: null,

  294.           coordinate:"",

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

  296.           checkAllMap: false,

  297.           sx:"",

  298.           drawingClick:true,

  299.           //搜索---start

  300.           seachText: "",

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

  302.           searchBarOperVisbile: false,

  303.           mapDataAll: [],

  304.           showSearch:false,

  305.           bottomHeight:'0px',

  306.           //搜索---end

  307.           //测面

  308.           textMjAll:"",

  309.           clickBbox:"",

  310.           textMjAllNum:"",

  311.           //核查

  312.           zjdHcDy:"",

  313.           //绘图

  314.           htZjdZrzFsss:"",

  315.           //筛选

  316.           checkAllFlag: true,

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

  318.           dataForm: {

  319.             imageUrl: []

  320.           },

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

  322.           checkBoxAll:[],

  323.           //地图跳转存之

  324.           mapAddJump:"",

  325.           mapAddJumpNum:"",

  326.           nhdm:"",

  327.           backTheGeom:"",

  328.           //地图服务地址

  329.           mapGeoServerUrl:"",

  330.           backMap:"",

  331.           // 任务完成标记

  332.           //宅基地点击事件

  333.           mapXs: false,

  334.           mapClick:"",

  335.           isFinished:false,

  336.           //

  337.           showImageList:false,

  338.           uploadImgList:[],

  339.           uploadImgList1:[],

  340.           // 字典列表json

  341.           dictTypeList:null,

  342.         };

  343.       },

  344.       mounted(){

  345.       },

  346.       created(){

  347. 

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

  349.           this.dictTypeList = res.data

  350.           this.zjlxOptions = this.dictTypeList.zjlx;

  351.           this.suyqxzOptions = this.dictTypeList.qsxz;

  352.           this.sjlyOptions = this.dictTypeList.sjly;

  353.           this.hyzkOptions = this.dictTypeList.hyzk;

  354.           this.occupationOptions = this.dictTypeList.occupation;

  355.           this.jzqkOptions = this.dictTypeList.living_condition;

  356.           this.jzhcssfyzfOptions = this.dictTypeList.jzhcssfyzf;

  357.           this.cybzOptions = this.dictTypeList.member_remark;

  358.         })

  359.         this.getList();

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

  361.           //   var arr = [];

  362.           //   response.data.forEach(function (item) {

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

  364.           //       arr.push(item)

  365.           //     }

  366.           //   });

  367.           //   this.yhzgxOptions = arr;

  368.           // });

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

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

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

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

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

  374.           //       //   location.reload();

  375.           //       // }

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

  377.           //       this.item = this.$cookies.get("item");

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

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

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

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

  382.           //       this.mapClick = this.mapZjdTeAll.mapZjdAData.zjddm;

  383.           //       this.mapXs =true;

  384.           //       this.zjdHcDy = 1;

  385.           //       this.mapZjdDataTure = 1;

  386.           //       this.mapAddJumpNum =1;

  387.           //       this.mapShow();

  388.           //       this.getZjdList();

  389.           //       this.getTotalHR();

  390.           //       if(this.item.taskStatus=="FINISHED"){

  391.           //           this.isFinished = true

  392.           //       }else{

  393.           //         this.isFinished = false

  394.           //       }

  395.           //     }

  396.           //   }else {

  397.           //     this.item = this.$cookies.get("item");

  398.           //     this.getZjdList();

  399.           //     this.getTotalHR();

  400.           //     if(this.item.taskStatus=="FINISHED"){

  401.           //       this.isFinished = true

  402.           //     }else{

  403.           //       this.isFinished = false

  404.           //     }

  405.           //   }

  406.           // }else {

  407.           //   this.item = this.$cookies.get("item");

  408.           //   this.getZjdList();

  409.           //   this.getTotalHR();

  410.           //   if(this.item.taskStatus=="FINISHED"){

  411.           //     this.isFinished = true

  412.           //   }else{

  413.           //     this.isFinished = false

  414.           //   }

  415.           // }

  416.       },

  417.       methods: {

  418.         getList(){

  419.           rhhcList({surveyStatus:"3"}).then(res => {

  420.             this.list1 = res.data.zjdzdxxList;

  421.             this.totalH = res.data.zjdzs;

  422.             this.totalR = res.data.shyqrs;

  423.           });

  424.         },

  425.         showUploadList(){

  426.           this.showImageList = true;

  427.         },

  428.         submitUploadList(){

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

  430.             let _this = this

  431.             this.$toast({

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

  433.               message: '上传成功',

  434.               duration:"1000",

  435.               onClose:function(){

  436.                 _this.showImageList = false

  437.               }

  438.             })

  439.           })

  440.         },

  441.         // 图片上传前

  442.         beforeReadImageList(file){

  443.           let _this = this

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

  445.             file.map(res => {

  446.               let zjddm = res.file.name

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

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

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

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

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

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

  453.               let img = new Image()

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

  455.               img.src = res.content

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

  457.               img.onload = () => {

  458.                 /*const h = img.height

  459.                 const w = img.width*/

  460.                 let ch = img.height/5

  461.                 let cw = img.width/5

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

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

  464.                 canvas.height = ch

  465.                 canvas.width = cw

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

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

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

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

  470.                 let d = []

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

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

  473.                 }

  474.                 let data2 = new FormData();

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

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

  477.                   let p={

  478.                     "zjddm":zjddm,

  479.                     "url":response.fileName

  480.                   }

  481.                   _this.uploadImgList1.push(p)

  482.                 })

  483.               }

  484.             })

  485.           }else{

  486.             let zjddm = file.file.name

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

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

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

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

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

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

  493.             let img = new Image()

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

  495.             img.src = file.content

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

  497.             img.onload = () => {

  498.               /*const h = img.height

  499.               const w = img.width*/

  500.               let ch = img.height/5

  501.               let cw = img.width/5

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

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

  504.               canvas.height = ch

  505.               canvas.width = cw

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

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

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

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

  510.               let d = []

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

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

  513.               }

  514.               let data2 = new FormData();

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

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

  517.                 let p={

  518.                   "zjddm":zjddm,

  519.                   "url":response.fileName

  520.                 }

  521.                 _this.uploadImgList1.push(p)

  522.               })

  523.             }

  524.           }

  525. 

  526.         },

  527.         deleteFileImageList(file){

  528.           let url = file.file.name

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

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

  531.               this.uploadImgList1.remove(index);

  532.             }

  533.           })

  534.         },

  535.         validatorIdcardqlr(val){

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

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

  538.               return true

  539.             }else {

  540.               return false

  541.             }

  542.           }else{

  543.             return true

  544.           }

  545.         },

  546.         validatorIdcardnh(val){

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

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

  549.               return true

  550.             }else {

  551.               return false

  552.             }

  553.           }else{

  554.             return true

  555.           }

  556.         },

  557.         validatorIdcardhncy(val){

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

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

  560.               return true

  561.             }else {

  562.               return false

  563.             }

  564.           }else{

  565.             return true

  566.           }

  567.         },

  568.         checkCode(val) {

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

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

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

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

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

  574.             var sum = 0;

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

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

  577.             }

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

  579.               return true;

  580.             }

  581.           }

  582.           return false;

  583.         },

  584.         checkDate (val) {

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

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

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

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

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

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

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

  592.               return true;

  593.             }

  594.           }

  595.           return false;

  596.         },

  597.         checkProv(val) {

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

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

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

  601.             if(provs[val]) {

  602.               return true;

  603.             }

  604.           }

  605.           return false;

  606.         },

  607.         vcheckID(val){

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

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

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

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

  612.                 return true;

  613.               }

  614.             }

  615.           }

  616.           return false;

  617.         },

  618.         deleteZjd(item,index){

  619.           Dialog.confirm({

  620.             title: '警告',

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

  622.           })

  623.             .then(() => {

  624.               // on confirm

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

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

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

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

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

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

  631.                   }else{

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

  633.                   }

  634.                 }

  635.               })

  636.             })

  637.             .catch(() => {

  638.               // on cancel

  639.             });

  640.         },

  641.         //删除户主

  642.         deletenh(item,index){

  643.           let yes = true

  644.           let params={

  645.             nhdm : item.nhdm,

  646.             deptId: item.deptId

  647.           }

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

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

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

  651.               yes = false

  652.               this.$toast({

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

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

  655.                 duration:"1000",

  656.                 onClose:function(){

  657.                 }

  658.               })

  659.             }else{

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

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

  662.                   yes = false

  663.                   this.$toast({

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

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

  666.                     duration:"1000",

  667.                     onClose:function(){

  668.                     }

  669.                   })

  670.                 }else{

  671.                   if(yes){

  672.                     Dialog.confirm({

  673.                       title: '警告',

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

  675.                     })

  676.                       .then(() => {

  677.                         // on confirm

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

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

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

  681.                             this.totalH--

  682.                             this.totalR--

  683.                           }

  684.                         })

  685.                       })

  686.                       .catch(() => {

  687.                         // on cancel

  688.                       });

  689.                   }

  690.                 }

  691.               });

  692.             }

  693.           });

  694. 

  695.         },

  696.         // 设为户主

  697.         setNh(item,index){

  698.           Dialog.confirm({

  699.             title: '警告',

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

  701.           })

  702.             .then(() => {

  703.               // on confirm

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

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

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

  707.                   this.totalR--

  708.                 }

  709.               })

  710.               // 更新户主信息

  711.               let pnh = {

  712.                 deptId : item.deptId,

  713.                 nhdm : item.nhdm,

  714.                 hzxm:item.xm,

  715.                 hzzjlx :item.zjlx,

  716.                 hzzjhm :item.zjhm

  717.               }

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

  719.               })

  720.               // 更新使用权人

  721.               let psyqr = {

  722.                 deptId : item.deptId,

  723.                 nhdm : item.nhdm,

  724.                 shyqrdbxm : item.xm,

  725.                 shyqrdbzjlx : item.zjlx,

  726.                 shyqrdbzjhm : item.zjhm,

  727.                 xb : item.xb

  728.               }

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

  730.               })

  731.             })

  732.             .catch(() => {

  733.               // on cancel

  734.             });

  735.         },

  736.         //删除户内成员

  737.         deletehncy(id,index){

  738.           Dialog.confirm({

  739.             title: '警告',

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

  741.           })

  742.             .then(() => {

  743.               // on confirm

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

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

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

  747.                   this.totalR--

  748.                 }

  749.               })

  750.             })

  751.             .catch(() => {

  752.               // on cancel

  753.             });

  754.         },

  755.         // 字数限制

  756.         limitWords(val){

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

  758.             return "无"

  759.           }else{

  760.             if(val.length>11){

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

  762.             }

  763.             return val

  764.           }

  765.         },

  766.         // 与户主关系翻译

  767.         yhzgxfy(value){

  768.           let label

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

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

  771.               label = res.dictLabel

  772.             }

  773.           })

  774.           return label

  775.         },

  776.         onRefreshzjd(){

  777.           console.log("aaaaaaaaaaaaaaaaaaaaaaaaaaaaa")

  778.           this.isLoadingzjd = false;

  779.           let _this = this

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

  781.               let params = {

  782.                 "deptId" : this.item.deptId,

  783.                 "houseDataConfirmStatus" : "CONFIRMED",

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

  785.                 "pageSize":10,

  786.               }

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

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

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

  790.                     this.list1.push(res)

  791.                   })

  792.                   this.countyhc++

  793.                   this.loading2 = false

  794.                 }else{

  795.                   this.loading2 = false

  796.                   this.finished2 = true

  797.                 }

  798.               });

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

  800.             let params = {

  801.               "deptId" : this.item.deptId,

  802.               "houseDataConfirmStatus" : "UNCONFIRMED",

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

  804.               "pageSize":10,

  805.             }

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

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

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

  809.                     this.list2.push(res)

  810.                   })

  811.                   this.countwhc++

  812.                   this.loading3 = false

  813.                 }else{

  814.                   this.finished3 = true

  815.                 }

  816.             });

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

  818.             let params = {

  819.               "deptId" : this.item.deptId,

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

  821.               "pageSize":10,

  822.             }

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

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

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

  826.                     _this.list.push(res)

  827.                   })

  828.                   this.countqb++

  829.                   this.loading1 = false

  830.                 }else{

  831.                   this.finished1 = true

  832.                 }

  833.             });

  834.           }

  835.         },

  836.         getTotalHR(){

  837.           let params = {

  838.             "deptId" : this.item.deptId,

  839.             "pageNum": 1,

  840.             "pageSize":10,

  841.           }

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

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

  844.               this.totalH = response.total

  845.             }

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

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

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

  849.               }

  850.             });

  851.           });

  852. 

  853.         },

  854.         onRefreshnh(){

  855.           this.isLoadingnh = false

  856.           let params = {

  857.             "deptId" : this.item.deptId,

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

  859.             "pageSize":10,

  860.           }

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

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

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

  864.                 this.nhlist.unshift(res)

  865.               })

  866.               this.countnh++

  867.             }

  868.           });

  869.         },

  870.         setCookies(item){

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

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

  873.           // let _this = this

  874.           // setTimeout(function(){

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

  876.           // },1000)

  877. 

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

  879.         },

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

  881.         onClickzjd(){

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

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

  884.         },

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

  886.         onClicknh(){

  887.           this.shownh = true;

  888.           let params = {

  889.             "deptId" : this.item.deptId

  890.           }

  891.           this.qlrform={}

  892.           this.nhform={

  893.             "suyqrdm":null,

  894.             "deptId":this.item.deptId,

  895.             "hzzjlx":'01',

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

  897.             "hyzk":'02',

  898.             "occupation":'1',

  899.             "occupationName":'务农',

  900.             "jzqk":'3',

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

  902.             "jzhcssfyzf":'1',

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

  904.             "zqtczsfyzf":'Y',

  905.             "sfbccm":'Y',

  906.             "sfpkh":'N',

  907.             "sfwbh":'N',

  908.             "sjly":'07',

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

  910.           }

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

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

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

  914.               this.nhform.suyqrdm = this.qlrform.suyqrdm

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

  916.             }

  917.           });

  918.         },

  919.         // 返回

  920.         onClickLeft(){

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

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

  923.         },

  924.         onConfirmhncysjly(value){

  925.           this.form5.sjlyName = value.dictLabel

  926.           this.form5.sjly = value.dictValue

  927.           this.showhncysjly= false

  928.         },

  929.         onConfirmhzsjly(value){

  930.           this.nhform.sjlyName = value.dictLabel

  931.           this.nhform.sjly = value.dictValue

  932.           this.showhzsjly= false

  933.         },

  934.         onConfirmhncycybz(value){

  935.           this.form5.cybzName = value.dictLabel

  936.           this.form5.cybz = value.dictValue

  937.           this.showhncycybz= false

  938.         },

  939.         onConfirmhzjzhcssfyzf(value){

  940.           this.nhform.jzhcssfyzfName = value.dictLabel

  941.           this.nhform.jzhcssfyzf = value.dictValue

  942.           this.showhzjzhcssfyzf= false

  943.         },

  944.         onConfirmhncyyhzgx(value){

  945.           this.form5.yhzgxName = value.dictLabel

  946.           this.form5.yhzgx = value.dictValue

  947.           this.showhncyyhzgx = false

  948.         },

  949.         onConfirmhncyzjlx(value){

  950.           this.form5.zjlxName = value.dictLabel

  951.           this.form5.zjlx = value.dictValue

  952.           this.showhncyzjlx = false

  953.         },

  954.         onConfirmhncyjzqk(value){

  955.           this.form5.jzqkName = value.dictLabel

  956.           this.form5.jzqk = value.dictValue

  957.           this.showhncyjzqk = false

  958.         },

  959.         onConfirmhzjzqk(value){

  960.           this.nhform.jzqkName = value.dictLabel

  961.           this.nhform.jzqk = value.dictValue

  962.           this.showhzjzqk = false

  963.         },

  964.         onConfirmhncyoccupation(value){

  965.           this.form5.occupationName = value.dictLabel

  966.           this.form5.occupation = value.dictValue

  967.           this.showhncyoccupation = false

  968.         },

  969.         onConfirmhzoccupation(value){

  970.           this.nhform.occupationName = value.dictLabel

  971.           this.nhform.occupation = value.dictValue

  972.           this.showhzoccupation = false

  973.         },

  974.         onConfirmhzzjlx(value){

  975.           this.nhform.hzzjlxName = value.dictLabel

  976.           this.nhform.hzzjlx = value.dictValue

  977.           this.showhzzjlx = false

  978.         },

  979.         onConfirmdbrzjlx(value){

  980.           this.qlrform.dbrzjlxName = value.dictLabel

  981.           this.qlrform.dbrzjlx = value.dictValue

  982.           this.showdbrzjlx = false

  983.         },

  984.         onConfirmsuyqxz(value){

  985.           this.qlrform.suyqxzName = value.dictLabel

  986.           this.qlrform.suyqxz = value.dictValue

  987.           this.showsuyqxz = false

  988.         },

  989.         onConfirmdlrzjlx(value){

  990.           this.qlrform.dlrzjlxName = value.dictLabel

  991.           this.qlrform.dlrzjlx = value.dictValue

  992.           this.showdlrzjlx = false

  993.         },

  994.         onConfirmsjly(value){

  995.           this.qlrform.sjlyName = value.dictLabel

  996.           this.qlrform.sjly = value.dictValue

  997.           this.showsjly = false

  998.         },

  999.         // 户主保存

  1000.         onSubmitnh(){

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

  1002.             updateNh(this.nhform).then(

  1003.               response => {

  1004.                 let _this =this

  1005.                 this.$toast({

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

  1007.                   message: '修改成功',

  1008.                   duration:"1000",

  1009.                   onClose:function(){

  1010.                     _this.getNh()

  1011.                     let psyqr = {

  1012.                       deptId : _this.nhform.deptId,

  1013.                       nhdm : _this.nhform.nhdm,

  1014.                       shyqrdbxm : _this.nhform.hzxm,

  1015.                       shyqrdbzjlx : _this.nhform.hzzjlx,

  1016.                       shyqrdbzjhm : _this.nhform.hzzjhm,

  1017.                       dh : _this.nhform.phone,

  1018.                       dz : _this.nhform.txdz

  1019.                     }

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

  1021.                       _this.shownh = false

  1022.                     })

  1023.                   }

  1024.                 })

  1025.               }

  1026.             );

  1027.           }else{

  1028.             this.nhform.deptId = this.item.deptId

  1029.             addNh(this.nhform).then(

  1030.               response => {

  1031.                 this.totalR+=1

  1032.                 this.totalH+=1

  1033.                 let _this =this

  1034.                 this.$toast({

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

  1036.                   message: '保存成功',

  1037.                   duration:"1000",

  1038.                   onClose:function(){

  1039.                     _this.shownh = false

  1040.                     _this.getNh()

  1041.                   }

  1042.                 })

  1043.               }

  1044.             );

  1045.           }

  1046.         },

  1047.         // 所有权人保存

  1048.         onSubmitsyqr(){

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

  1050.             updateSuyqr(this.qlrform).then(

  1051.               response => {

  1052.                 let _this =this

  1053.                 this.$toast({

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

  1055.                   message: '修改成功',

  1056.                   duration:"1000"

  1057.                 })

  1058.               }

  1059.             );

  1060.           }else{

  1061.             this.qlrform.deptId = this.item.deptId

  1062.             addSuyqr(this.qlrform).then(

  1063.               response => {

  1064.                 let _this =this

  1065.                 this.$toast({

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

  1067.                   message: '保存成功',

  1068.                   duration:"1000"

  1069.                 })

  1070.               }

  1071.             );

  1072.           }

  1073.         },

  1074.         // 查询所有权人

  1075.         getSyqr(){

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

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

  1078.           let params = {

  1079.             "deptId" : this.item.deptId

  1080.           }

  1081.           this.qlrform ={

  1082.             "deptId":this.item.deptId,

  1083.             "suyqxz":'40',

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

  1085.             "dbrzjlx":'01',

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

  1087.             "sfclncjtjjzz":'Y',

  1088.             "sjly":'04',

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

  1090.           }

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

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

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

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

  1095.                 this.qlrform.suyqxz = "40"

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

  1097.               }

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

  1099.                 this.qlrform.dbrzjlx = "01"

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

  1101.               }

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

  1103.                 this.qlrform.sfclncjtjjzz = "Y"

  1104.               }

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

  1106.                 this.qlrform.sjly = "04"

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

  1108.               }

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

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

  1111.                   this.qlrform.dbrzjlxName = res.dictLabel

  1112.                 }

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

  1114.                   this.qlrform.dlrzjlxName = res.dictLabel

  1115.                 }

  1116.               })

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

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

  1119.                   this.qlrform.suyqxzName = res.dictLabel

  1120.                 }

  1121.               })

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

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

  1124.                   this.qlrform.sjlyName = res.dictLabel

  1125.                 }

  1126.               })

  1127.             }

  1128.           });

  1129.           this.mapZjdData = "";

  1130.           this.mapZrzData = "";

  1131.           this.mapFsssData = "";

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

  1133.           this.mapZjdTeAll.mapZjdAData = {};

  1134.           this.mapZjdTeAll.mapZrzAData = {};

  1135.           this.mapZjdTeAll.mapFsssAData = {};

  1136.           this.mapZjdDataTure = "";

  1137.           this.mapXs =false;

  1138.           this.mapClick ="";

  1139.           this.mapAddJump = "";

  1140.           this.backTheGeom = "";

  1141.           this.zjdHcDy = "";

  1142.           this.mapZjdDataTure = "";

  1143.           this.mapAddJumpNum ="";

  1144.         },

  1145.         // 查询农户列表

  1146.         getNh(){

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

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

  1149.           let params = {

  1150.             "deptId" : this.item.deptId

  1151.           }

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

  1153.             this.nhlist = response.rows

  1154.             this.totalN = response.total

  1155.           });

  1156.           this.mapZjdData = "";

  1157.           this.mapZrzData = "";

  1158.           this.mapFsssData = "";

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

  1160.           this.mapZjdTeAll.mapZjdAData = {};

  1161.           this.mapZjdTeAll.mapZrzAData = {};

  1162.           this.mapZjdTeAll.mapFsssAData = {};

  1163.           this.mapZjdDataTure = "";

  1164.           this.mapXs =false;

  1165.           this.mapClick ="";

  1166.           this.mapAddJump = "";

  1167.           this.backTheGeom = "";

  1168.           this.zjdHcDy = "";

  1169.           this.mapZjdDataTure = "";

  1170.           this.mapAddJumpNum ="";

  1171.         },

  1172.         //调查

  1173.         getDc(){

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

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

  1176.           this.mapZjdData = "";

  1177.           this.mapZrzData = "";

  1178.           this.mapFsssData = "";

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

  1180.           this.mapZjdTeAll.mapZjdAData = {};

  1181.           this.mapZjdTeAll.mapZrzAData = {};

  1182.           this.mapZjdTeAll.mapFsssAData = {};

  1183.           this.mapZjdDataTure = "";

  1184.           this.mapXs =false;

  1185.           this.mapClick ="";

  1186.           this.mapAddJump = "";

  1187.           this.backTheGeom = "";

  1188.           this.zjdHcDy = "";

  1189.           this.mapZjdDataTure = "";

  1190.           this.mapAddJumpNum ="";

  1191.         },

  1192.         // 农户信息搜索框

  1193.         onSearchnh(){

  1194.           let params = {

  1195.             "deptId" : this.item.deptId,

  1196.             "nhValue" : this.nhvalue

  1197.           }

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

  1199.             this.nhlist = response.rows

  1200.           });

  1201.         },

  1202.         // 宅基地搜索框

  1203.         onSearchzjd(){

  1204.           console.info(this.active);

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

  1206.             let params = {

  1207.               "shyqrdbxm" : this.zjdvalue,

  1208.               "surveyStatus":"1",

  1209.             }

  1210.             rhhcList(params).then((response) => {

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

  1212.                 this.list2 = response.data.zjdzdxxList;

  1213.                 this.totalH = response.data.zjdzs;

  1214.                 this.totalR = response.data.shyqrs;

  1215.               }

  1216.             });

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

  1218.             let params = {

  1219.               "deptId" : this.item.deptId,

  1220.               "houseDataConfirmStatus" : "UNCONFIRMED",

  1221.               "syqr" : this.zjdvalue

  1222.             }

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

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

  1225.                 this.list2 = response.rows

  1226.               }

  1227.             });

  1228.           }else{

  1229.             let params = {

  1230.               "shyqrdbxm" : this.zjdvalue,

  1231.               "surveyStatus":"3",

  1232.             }

  1233.             rhhcList(params).then((response) => {

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

  1235.                 this.list1 = response.data.zjdzdxxList;

  1236.                 this.totalH = response.data.zjdzs;

  1237.                 this.totalR = response.data.shyqrs;

  1238.               }

  1239.             });

  1240.           }

  1241.         },

  1242.         // 户内成员弹窗

  1243.         showPopuphncy(item){

  1244.           this.showhncy = true

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

  1246.             this.form5 = {

  1247.               "nhdm":this.nhdm,

  1248.               "deptId":this.item.deptId,

  1249.               "zjlx":'01',

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

  1251.               "yhzgx":"14",

  1252.               "yhzgxName":"妻",

  1253.               "hyzk":'02',

  1254.               "hklx":'1',

  1255.               "occupation":'1',

  1256.               "occupationName":'务农',

  1257.               "jzqk":'3',

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

  1259.               "sfbjtjjzzcy":'Y',

  1260.               "xb":'0',

  1261.               "sfbccm":'Y',

  1262.               "sfpkh":'N',

  1263.               "sfwbh":'N',

  1264.               "sjly":'07',

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

  1266.               "cybz":'9',

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

  1268.             }

  1269.           }else{

  1270.             let _this = this

  1271.             this.form5 = item

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

  1273.               this.form5.nhdm = this.nhform.nhdm

  1274.             }

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

  1276.               this.form5.deptId = this.nhform.deptId

  1277.             }

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

  1279.               this.form5.zjlx = "01"

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

  1281.             }

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

  1283.               this.form5.yhzgx = "14"

  1284.               this.form5.yhzgxName = "妻"

  1285.             }

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

  1287.               this.form5.hyzk = "02"

  1288.             }

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

  1290.               this.form5.hklx = "1"

  1291.             }

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

  1293.               this.form5.occupation = "1"

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

  1295.             }

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

  1297.               this.form5.jzqk = "3"

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

  1299.             }

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

  1301.               this.form5.sfbjtjjzzcy = "Y"

  1302.             }

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

  1304.               this.form5.xb = "0"

  1305.             }

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

  1307.               this.form5.sfbccm = "Y"

  1308.             }

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

  1310.               this.form5.sfpkh = "N"

  1311.             }

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

  1313.               this.form5.sfwbh = "N"

  1314.             }

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

  1316.               this.form5.sjly = "07"

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

  1318.             }

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

  1320.               this.form5.cybz = "9"

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

  1322.             }

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

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

  1325.                 this.form5.jzhcssfyzfName = res.dictLabel

  1326.               }

  1327.             })

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

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

  1330.                 this.form5.zjlxName = res.dictLabel

  1331.               }

  1332.             })

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

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

  1335.                 this.form5.occupationName = res.dictLabel

  1336.               }

  1337.             })

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

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

  1340.                 this.form5.jzqkName = res.dictLabel

  1341.               }

  1342.             })

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

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

  1345.                 this.form5.yhzgxName = res.dictLabel

  1346.               }

  1347.             })

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

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

  1350.                 this.form5.cybzName = res.dictLabel

  1351.               }

  1352.             })

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

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

  1355.                 this.form5.sjlyName = res.dictLabel

  1356.               }

  1357.             })

  1358.           }

  1359.         },

  1360.         // 户内成员列表

  1361.         showPopuphncylist(item){

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

  1363.             this.$toast({

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

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

  1366.               duration:"1000"

  1367.             })

  1368.           }else{

  1369.             this.nhdm = item.nhdm

  1370.             this.showhncylist =  true

  1371.             let params = {

  1372.               "nhdm":item.nhdm,

  1373.               "deptId":this.item.deptId

  1374.             }

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

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

  1377.                 this.hncylist = response.rows

  1378.               }

  1379.             });

  1380.           }

  1381. 

  1382.         },

  1383.         showPopupnh(item){

  1384.           this.shownh = true

  1385.           this.nhform = item

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

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

  1388.               this.nhform.jzhcssfyzfName = res.dictLabel

  1389.             }

  1390.           })

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

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

  1393.               this.nhform.hzzjlxName = res.dictLabel

  1394.             }

  1395.           })

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

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

  1398.               this.nhform.occupationName = res.dictLabel

  1399.             }

  1400.           })

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

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

  1403.               this.nhform.jzqkName = res.dictLabel

  1404.             }

  1405.           })

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

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

  1408.               this.nhform.sjlyName = res.dictLabel

  1409.             }

  1410.           })

  1411.         },

  1412.       getZjdList(){

  1413.         this.totalH = 0;

  1414.         this.totalR = 0;

  1415.          if(this.active === 0){

  1416.            let params = {

  1417.              "shyqrdbxm" : this.zjdvalue,

  1418.              "surveyStatus":"3",

  1419.            }

  1420.            rhhcList(params).then((response) => {

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

  1422.                this.yhcNums = response.data.zjdzs;

  1423.                this.list1 = response.data.zjdzdxxList;

  1424.                this.totalH = response.data.zjdzs;

  1425.                this.totalR = response.data.shyqrs;

  1426.              }

  1427.            });

  1428.          }else if(this.active === 1){

  1429.            let params = {

  1430.              "shyqrdbxm" : this.zjdvalue,

  1431.              "surveyStatus":"1",

  1432.            }

  1433.            rhhcList(params).then((response) => {

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

  1435.                this.whcNums = response.data.zjdzs;

  1436.                this.list2 = response.data.zjdzdxxList;

  1437.                this.totalH = response.data.zjdzs;

  1438.                this.totalR = response.data.shyqrs;

  1439.              }

  1440.            });

  1441.          }

  1442. 

  1443.         },

  1444.         onConfirm(){},

  1445.         /*onSubmithncy(){

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

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

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

  1449.                 Dialog.confirm({

  1450.                   title: '警告',

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

  1452.                 })

  1453.                   .then(() => {

  1454.                     // on confirm

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

  1456.                       let _this =this

  1457.                       this.$toast({

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

  1459.                         message: '修改成功',

  1460.                         duration:"1000",

  1461.                         onClose:function(){

  1462.                           _this.showhncy = false

  1463.                           let params = {

  1464.                             "nhdm":_this.form5.nhdm,

  1465.                             deptId:_this.form5.deptId

  1466.                           }

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

  1468.                             _this.hncylist = response.rows

  1469.                           })

  1470.                         }

  1471.                       })

  1472.                     });

  1473.                   })

  1474.                   .catch(() => {

  1475.                     // on cancel

  1476.                   });

  1477.               }else{

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

  1479.                   let _this =this

  1480.                   this.$toast({

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

  1482.                     message: '修改成功',

  1483.                     duration:"1000",

  1484.                     onClose:function(){

  1485.                       _this.showhncy = false

  1486.                       let params = {

  1487.                         "nhdm":_this.form5.nhdm,

  1488.                         deptId:_this.form5.deptId

  1489.                       }

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

  1491.                         _this.hncylist = response.rows

  1492.                       })

  1493.                     }

  1494.                   })

  1495.                 });

  1496.               }

  1497. 

  1498.             } else {

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

  1500.                 Dialog.confirm({

  1501.                   title: '警告',

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

  1503.                 })

  1504.                   .then(() => {

  1505.                     // on confirm

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

  1507.                       let _this =this

  1508.                       this.$toast({

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

  1510.                         message: '修改成功',

  1511.                         duration:"1000",

  1512.                         onClose:function(){

  1513.                           _this.showhncy = false

  1514.                           let params = {

  1515.                             "nhdm":_this.form5.nhdm,

  1516.                             deptId:_this.form5.deptId

  1517.                           }

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

  1519.                             _this.hncylist = response.rows

  1520.                           })

  1521.                         }

  1522.                       })

  1523.                     });

  1524.                   })

  1525.                   .catch(() => {

  1526.                     // on cancel

  1527.                   });

  1528.               }else{

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

  1530.                   let _this =this

  1531.                   this.$toast({

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

  1533.                     message: '修改成功',

  1534.                     duration:"1000",

  1535.                     onClose:function(){

  1536.                       _this.showhncy = false

  1537.                       let params = {

  1538.                         "nhdm":_this.form5.nhdm,

  1539.                         deptId:_this.form5.deptId

  1540.                       }

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

  1542.                         _this.hncylist = response.rows

  1543.                       })

  1544.                     }

  1545.                   })

  1546.                 });

  1547.               }

  1548.             }

  1549.           } else {

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

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

  1552.                 Dialog.confirm({

  1553.                   title: '警告',

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

  1555.                 })

  1556.                   .then(() => {

  1557.                     // on confirm

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

  1559.                       let _this =this

  1560.                       this.$toast({

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

  1562.                         message: '保存成功',

  1563.                         duration:"1000",

  1564.                         onClose:function(){

  1565.                           _this.showhncy = false

  1566.                           _this.totalR+=1

  1567.                           _this.totalH+=1

  1568.                           let params = {

  1569.                             "nhdm":_this.form5.nhdm,

  1570.                             deptId:_this.form5.deptId

  1571.                           }

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

  1573.                             _this.hncylist = response.rows

  1574.                           })

  1575.                         }

  1576.                       })

  1577.                     });

  1578.                   })

  1579.                   .catch(() => {

  1580.                     // on cancel

  1581.                   });

  1582.               }else{

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

  1584.                   let _this =this

  1585.                   this.$toast({

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

  1587.                     message: '保存成功',

  1588.                     duration:"1000",

  1589.                     onClose:function(){

  1590.                       _this.showhncy = false

  1591.                       _this.totalR+=1

  1592.                       _this.totalH+=1

  1593.                       let params = {

  1594.                         "nhdm":_this.form5.nhdm,

  1595.                         deptId:_this.form5.deptId

  1596.                       }

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

  1598.                         _this.hncylist = response.rows

  1599.                       })

  1600.                     }

  1601.                   })

  1602.                 });

  1603.               }

  1604. 

  1605.             } else {

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

  1607.                 Dialog.confirm({

  1608.                   title: '警告',

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

  1610.                 })

  1611.                   .then(() => {

  1612.                     // on confirm

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

  1614.                       let _this =this

  1615.                       this.$toast({

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

  1617.                         message: '保存成功',

  1618.                         duration:"1000",

  1619.                         onClose:function(){

  1620.                           _this.showhncy = false

  1621.                           _this.totalR+=1

  1622.                           _this.totalH+=1

  1623.                           let params = {

  1624.                             "nhdm":_this.form5.nhdm,

  1625.                             deptId:_this.form5.deptId

  1626.                           }

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

  1628.                             _this.hncylist = response.rows

  1629.                           })

  1630.                         }

  1631.                       })

  1632.                     });

  1633.                   })

  1634.                   .catch(() => {

  1635.                     // on cancel

  1636.                   });

  1637.               }else{

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

  1639.                   let _this =this

  1640.                   this.$toast({

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

  1642.                     message: '保存成功',

  1643.                     duration:"1000",

  1644.                     onClose:function(){

  1645.                       _this.showhncy = false

  1646.                       _this.totalR+=1

  1647.                       _this.totalH+=1

  1648.                       let params = {

  1649.                         "nhdm":_this.form5.nhdm,

  1650.                         deptId:_this.form5.deptId

  1651.                       }

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

  1653.                         _this.hncylist = response.rows

  1654.                       })

  1655.                     }

  1656.                   })

  1657.                 });

  1658.               }

  1659.             }

  1660. 

  1661.           }

  1662.         },*/

  1663.         onSubmithncy(){

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

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

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

  1667.                 Dialog.confirm({

  1668.                   title: '警告',

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

  1670.                 })

  1671.                   .then(() => {

  1672.                     // on confirm

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

  1674.                       let _this =this

  1675.                       this.$toast({

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

  1677.                         message: '修改成功',

  1678.                         duration:"1000",

  1679.                         onClose:function(){

  1680.                           _this.showhncy = false

  1681.                           let params = {

  1682.                             "nhdm":_this.form5.nhdm,

  1683.                             deptId:_this.form5.deptId

  1684.                           }

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

  1686.                             _this.hncylist = response.rows

  1687.                           })

  1688.                         }

  1689.                       })

  1690.                     });

  1691.                   })

  1692.                   .catch(() => {

  1693.                     // on cancel

  1694.                   });

  1695.               }else{

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

  1697.                   let _this =this

  1698.                   this.$toast({

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

  1700.                     message: '修改成功',

  1701.                     duration:"1000",

  1702.                     onClose:function(){

  1703.                       _this.showhncy = false

  1704.                       let params = {

  1705.                         "nhdm":_this.form5.nhdm,

  1706.                         deptId:_this.form5.deptId

  1707.                       }

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

  1709.                         _this.hncylist = response.rows

  1710.                       })

  1711.                     }

  1712.                   })

  1713.                 });

  1714.               }

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

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

  1717.                 Dialog.confirm({

  1718.                   title: '警告',

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

  1720.                 })

  1721.                   .then(() => {

  1722.                     // on confirm

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

  1724.                       let _this =this

  1725.                       this.$toast({

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

  1727.                         message: '修改成功',

  1728.                         duration:"1000",

  1729.                         onClose:function(){

  1730.                           _this.showhncy = false

  1731.                           let params = {

  1732.                             "nhdm":_this.form5.nhdm,

  1733.                             deptId:_this.form5.deptId

  1734.                           }

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

  1736.                             _this.hncylist = response.rows

  1737.                           })

  1738.                         }

  1739.                       })

  1740.                     });

  1741.                   })

  1742.                   .catch(() => {

  1743.                     // on cancel

  1744.                   });

  1745.               }else{

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

  1747.                   let _this =this

  1748.                   this.$toast({

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

  1750.                     message: '修改成功',

  1751.                     duration:"1000",

  1752.                     onClose:function(){

  1753.                       _this.showhncy = false

  1754.                       let params = {

  1755.                         "nhdm":_this.form5.nhdm,

  1756.                         deptId:_this.form5.deptId

  1757.                       }

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

  1759.                         _this.hncylist = response.rows

  1760.                       })

  1761.                     }

  1762.                   })

  1763.                 });

  1764.               }

  1765.             }else{

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

  1767.                 let _this =this

  1768.                 this.$toast({

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

  1770.                   message: '修改成功',

  1771.                   duration:"1000",

  1772.                   onClose:function(){

  1773.                     _this.showhncy = false

  1774.                     let params = {

  1775.                       "nhdm":_this.form5.nhdm,

  1776.                       deptId:_this.form5.deptId

  1777.                     }

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

  1779.                       _this.hncylist = response.rows

  1780.                     })

  1781.                   }

  1782.                 })

  1783.               });

  1784.             }

  1785.           } else {

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

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

  1788.                 Dialog.confirm({

  1789.                   title: '警告',

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

  1791.                 })

  1792.                   .then(() => {

  1793.                     // on confirm

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

  1795.                       let _this =this

  1796.                       this.$toast({

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

  1798.                         message: '保存成功',

  1799.                         duration:"1000",

  1800.                         onClose:function(){

  1801.                           _this.totalR+=1

  1802.                           _this.showhncy = false

  1803.                           let params = {

  1804.                             "nhdm":_this.form5.nhdm,

  1805.                             deptId:_this.form5.deptId

  1806.                           }

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

  1808.                             _this.hncylist = response.rows

  1809.                           })

  1810.                         }

  1811.                       })

  1812.                     });

  1813.                   })

  1814.                   .catch(() => {

  1815.                     // on cancel

  1816.                   });

  1817.               }else{

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

  1819.                   let _this =this

  1820.                   this.$toast({

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

  1822.                     message: '保存成功',

  1823.                     duration:"1000",

  1824.                     onClose:function(){

  1825.                       _this.totalR+=1

  1826.                       _this.showhncy = false

  1827.                       let params = {

  1828.                         "nhdm":_this.form5.nhdm,

  1829.                         deptId:_this.form5.deptId

  1830.                       }

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

  1832.                         _this.hncylist = response.rows

  1833.                       })

  1834.                     }

  1835.                   })

  1836.                 });

  1837.               }

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

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

  1840.                 Dialog.confirm({

  1841.                   title: '警告',

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

  1843.                 })

  1844.                   .then(() => {

  1845.                     // on confirm

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

  1847.                       let _this =this

  1848.                       this.$toast({

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

  1850.                         message: '保存成功',

  1851.                         duration:"1000",

  1852.                         onClose:function(){

  1853.                           _this.totalR+=1

  1854.                           _this.showhncy = false

  1855.                           let params = {

  1856.                             "nhdm":_this.form5.nhdm,

  1857.                             deptId:_this.form5.deptId

  1858.                           }

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

  1860.                             _this.hncylist = response.rows

  1861.                           })

  1862.                         }

  1863.                       })

  1864.                     });

  1865.                   })

  1866.                   .catch(() => {

  1867.                     // on cancel

  1868.                   });

  1869.               }else{

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

  1871.                   let _this =this

  1872.                   this.$toast({

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

  1874.                     message: '保存成功',

  1875.                     duration:"1000",

  1876.                     onClose:function(){

  1877.                       _this.totalR+=1

  1878.                       _this.showhncy = false

  1879.                       let params = {

  1880.                         "nhdm":_this.form5.nhdm,

  1881.                         deptId:_this.form5.deptId

  1882.                       }

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

  1884.                         _this.hncylist = response.rows

  1885.                       })

  1886.                     }

  1887.                   })

  1888.                 });

  1889.               }

  1890.             }else{

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

  1892.                 let _this =this

  1893.                 this.$toast({

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

  1895.                   message: '保存成功',

  1896.                   duration:"1000",

  1897.                   onClose:function(){

  1898.                     _this.totalR+=1

  1899.                     _this.showhncy = false

  1900.                     let params = {

  1901.                       "nhdm":_this.form5.nhdm,

  1902.                       deptId:_this.form5.deptId

  1903.                     }

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

  1905.                       _this.hncylist = response.rows

  1906.                     })

  1907.                   }

  1908.                 })

  1909.               });

  1910.             }

  1911. 

  1912.           }

  1913.         },

  1914.         mapShow() {

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

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

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

  1918.           //镇边界获取

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

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

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

  1922.           //     //村边界获取

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

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

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

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

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

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

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

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

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

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

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

  1934.           //                 }

  1935.           //                 setTimeout(() => {

  1936.           //                   this.GetMapsInit();

  1937.           //                 }, 300);

  1938.           //               });

  1939.           //             }

  1940.           //           });

  1941.           //         }

  1942.           //       });

  1943.           //     });

  1944.           //   }

  1945.           // });

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

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

  1948.             this.mapGeoServerUrl = response.msg;

  1949.             setTimeout(() => {

  1950.               this.GetMapsInit();

  1951.             }, 300);

  1952.           });

  1953.           var that = this;

  1954.           setTimeout(function () {

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

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

  1957.           },500)

  1958.         },

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

  1960.         GetMapsInit() {

  1961. 

  1962.           //加载地图编辑

  1963.           var that = this;

  1964.           var map;

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

  1966.           var hc_land_on;

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

  1968.           var hc_land;

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

  1970.             //地图投影类型

  1971.             code: "EPSG:3857",

  1972.             units: "degrees",

  1973.             //extent:extent

  1974.           });

  1975. 

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

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

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

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

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

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

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

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

  1984.             }),

  1985.             isGroup: true,

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

  1987.           });

  1988. 

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

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

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

  1992.             }),

  1993.             isGroup: true,

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

  1995.           });

  1996. 

  1997.           //加载地图

  1998.           map = new ol.Map({

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

  2000.             layers: [aerial, yingxzi],

  2001.             projection: projection,

  2002.             target: "mapWrapAll",

  2003.             view: new ol.View({

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

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

  2006.               zoom: 10,

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

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

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

  2010.             }),

  2011.             interactions: ol.interaction.defaults({

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

  2013.             }),

  2014.           });

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

  2016.           //镇边界查询开始 ------------------------------start

  2017.           // var zhenTc= new ol.layer.Tile({

  2018.           //   source: new ol.source.TileWMS({

  2019.           //     url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  2020.           //     params: {

  2021.           //       LAYERS: 'zjd_dc:t_house_survey_border_town',

  2022.           //       TILED: true,

  2023.           //       //cql_filter: cql_filter,

  2024.           //       SRID: 3857,

  2025.           //     },

  2026.           //   }),

  2027.           // });

  2028.           // map.addLayer(zhenTc);

  2029.           //镇边界查询开始 ------------------------------end

  2030.           //村边界查询开始 ------------------------------start

  2031.           var cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'";

  2032.           var cunTc = new ol.layer.Image({

  2033.             source: new ol.source.ImageWMS({

  2034.               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  2035.               params: {

  2036.                 LAYERS: 'zjd_dc:t_house_survey_border_village',

  2037.                 TILED: true,

  2038.                 cql_filter: cql_filter,

  2039.                 SRID: 3857,

  2040.                 TIMESTAMP: new Date().getTime(),

  2041.               },

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

  2043.             }),

  2044.           });

  2045.           // //定位查询位置

  2046.           // let param_dw = {

  2047.           //   srsName: "EPSG:3857",

  2048.           //   service: "WFS",

  2049.           //   version: "1.0.0",

  2050.           //   request: "GetFeature",

  2051.           //   typename: "zjd_dc:t_house_survey_border_village",

  2052.           //   //featureNS: 'nsgk_hc',//命名空间 URI

  2053.           //   cql_filter: cql_filter,

  2054.           //   //featurePrefix: 'nationalwater',//工作区名称

  2055.           //   //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  2056.           //   outputFormat: "application/json",

  2057.           //   //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  2058.           // };

  2059.           // let url_dw = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;

  2060.           // url_dw = url_dw + "?";

  2061.           // for (let key in param_dw) {

  2062.           //   url_dw = url_dw + key + "=" + param_dw[key] + "&";

  2063.           // }

  2064.           // url_dw = url_dw.substr(0, url_dw.length - 1);

  2065.           // fetch(url_dw, {

  2066.           //   method: "POST", // *GET, POST, PUT, DELETE, etc.

  2067.           // })

  2068.           //   .then((res) => {

  2069.           //     var geojsonmap = res.json();

  2070.           //     return geojsonmap;

  2071.           //   })

  2072.           //   .then((data) => {

  2073.           //     if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {

  2074.           //       //自然幢图层查询开始 ------------------start

  2075.           //       var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";

  2076.           //       zrzTc = new ol.layer.Image({

  2077.           //         source: new ol.source.ImageWMS({

  2078.           //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  2079.           //           params: {

  2080.           //             LAYERS: 'zjd_dc:t_house_survey_zrz',

  2081.           //             TILED: true,

  2082.           //             cql_filter: cql_filter_map,

  2083.           //             SRID: 3857,

  2084.           //             TIMESTAMP: new Date().getTime(),

  2085.           //           },

  2086.           //         }),

  2087.           //       });

  2088.           //       map.addLayer(zrzTc);

  2089.           //       //自然幢图层查询开始 ------------------start

  2090.           //       //附属设施图层查询开始 ------------------start

  2091.           //       //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  2092.           //       fsssTc = new ol.layer.Image({

  2093.           //         source: new ol.source.ImageWMS({

  2094.           //           url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  2095.           //           params: {

  2096.           //             LAYERS: 'zjd_dc:t_house_survey_fsss',

  2097.           //             TILED: true,

  2098.           //             cql_filter: cql_filter_map,

  2099.           //             SRID: 3857,

  2100.           //             TIMESTAMP: new Date().getTime(),

  2101.           //           },

  2102.           //         }),

  2103.           //       });

  2104.           //       map.addLayer(fsssTc);

  2105.           //       //附属设施图层查询开始 ------------------end

  2106.           //       hc_land_on = new ol.layer.Vector({

  2107.           //         title: "add Layer",

  2108.           //         source: new ol.source.Vector({

  2109.           //           projection: projection,

  2110.           //           features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),

  2111.           //         }),

  2112.           //         style: new ol.style.Style({

  2113.           //           stroke: new ol.style.Stroke({

  2114.           //             //边界样式

  2115.           //             color: "#CCFF66",

  2116.           //             width: 6,

  2117.           //           }),

  2118.           //         }),

  2119.           //       });

  2120.           //       map.addLayer(hc_land_on);

  2121.           //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  2122.           //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  2123.           //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  2124.           //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  2125.           //       //定位查询位置

  2126.           //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  2127.           //       that.clickBbox = center;

  2128.           //       console.log(that.mapZjdData);

  2129.           //       that.textMjAll = that.mapZjdData.zdmj;

  2130.           //       map.getView().animate({

  2131.           //         // 只设置需要的属性即可

  2132.           //         center: center, // 中心点

  2133.           //         zoom: 17.9, // 缩放级别

  2134.           //         rotation: undefined, // 缩放完成view视图旋转弧度

  2135.           //         duration: 1000, // 缩放持续时间，默认不需要设置

  2136.           //         resolution: Math.random() * 0.00000001,

  2137.           //       });

  2138.           //       //this.backMap =1;

  2139.           //     } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {

  2140.           //       //that.newHt ="1";

  2141.           //       var zbNew = JSON.stringify({

  2142.           //         "type": "MultiPolygon",

  2143.           //         "coordinates": [that.backTheGeom.replaceAll("\"", "")]

  2144.           //       });

  2145.           //       var leftJoin = zbNew.replace("\"[", "[");

  2146.           //       var rightJoin = leftJoin.replace("\"]", "]");

  2147.           //       hc_land_on = new ol.layer.Vector({

  2148.           //         title: "add Layer",

  2149.           //         source: new ol.source.Vector({

  2150.           //           projection: projection,

  2151.           //           features: new ol.format.GeoJSON().readFeatures("{\n" +

  2152.           //             "    \"type\": \"Feature\",\n" +

  2153.           //             "    \"geometry\":" + rightJoin + "}"),

  2154.           //         }),

  2155.           //         style: new ol.style.Style({

  2156.           //           fill: new ol.style.Fill({

  2157.           //             //矢量图层填充颜色，以及透明度

  2158.           //             color: "rgba(204, 255, 204,0.3)",

  2159.           //           }),

  2160.           //           stroke: new ol.style.Stroke({

  2161.           //             //边界样式

  2162.           //             color: "#CCFF66",

  2163.           //             width: 3,

  2164.           //           }),

  2165.           //         }),

  2166.           //       });

  2167.           //       map.addLayer(hc_land_on);

  2168.           //       var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  2169.           //       var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  2170.           //       var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  2171.           //       var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  2172.           //       //定位查询位置

  2173.           //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  2174.           //       that.clickBbox = center;

  2175.           //       that.textMjAll = that.mapZjdData.zdmj;

  2176.           //       map.getView().animate({

  2177.           //         // 只设置需要的属性即可

  2178.           //         center: center, // 中心点

  2179.           //         zoom: 16.9, // 缩放级别

  2180.           //         rotation: undefined, // 缩放完成view视图旋转弧度

  2181.           //         duration: 1000, // 缩放持续时间，默认不需要设置

  2182.           //         resolution: Math.random() * 0.00000001,

  2183.           //       });

  2184.           //       //this.backMap =1;

  2185.           //     } else {

  2186.           //       //通过村界大小视图显示

  2187.           //       // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());

  2188.           //       // resolution:resolution + Math.random() * 0.00000001,

  2189.           //       // map.getView().fit(data.bbox);

  2190.           //       // map.getView().setResolution(resolution);

  2191.           //       // //初始视图大小控制

  2192.           //       // map.getView().setZoom(16.0);

  2193.           //       console.log(data);

  2194.           //       console.log(data.features[0].geometry.coordinates[0][0][0]);

  2195.           //       map.getView().animate({

  2196.           //         // 只设置需要的属性即可

  2197.           //         center: data.features[0].geometry.coordinates[0][0][0], // 中心点

  2198.           //         zoom: 16.9, // 缩放级别

  2199.           //         rotation: undefined, // 缩放完成view视图旋转弧度

  2200.           //         duration: 1000, // 缩放持续时间，默认不需要设置

  2201.           //         resolution: Math.random() * 0.00000001,

  2202.           //       });

  2203.           //     }

  2204.           //   })

  2205.           //   .catch((error) => {

  2206.           //     console.log("【异常】", error);

  2207.           //   });

  2208.           map.addLayer(cunTc);

  2209.           //村边界查询开始 ------------------------------end

  2210.           //国有数据加载-----------------------------------start

  2211.           deptGetId(that.$cookies.get("item").deptId).then((res) => {

  2212.             var cql_filter_guoyou = "ZLDWDM='" + res.data.orgCode + "0000000'";

  2213.             var guoyouTc = new ol.layer.Image({

  2214.               source: new ol.source.ImageWMS({

  2215.                 url: that.mapGeoServerUrl + "/geoserver/zjd_gydl/wms",

  2216.                 params: {

  2217.                   LAYERS: 'zjd_gydl:DLTB',

  2218.                   TILED: true,

  2219.                   cql_filter: cql_filter_guoyou,

  2220.                   SRID: 3857,

  2221.                   TIMESTAMP: new Date().getTime(),

  2222.                 },

  2223.               }),

  2224.             });

  2225.             map.addLayer(guoyouTc);

  2226.           });

  2227.           //国有数据加载----------------------------------end

  2228.           //宅基地图层查询开始 ------------------start

  2229.           //var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'";

  2230.           var zjdTc = new ol.layer.Image({

  2231.             source: new ol.source.ImageWMS({

  2232.               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  2233.               params: {

  2234.                 LAYERS: 'zjd_dc:t_house_survey_zjdzd',

  2235.                 TILED: true,

  2236.                 cql_filter: cql_filter,

  2237.                 SRID: 3857,

  2238.                 TIMESTAMP: new Date().getTime(),

  2239.               },

  2240.             }),

  2241.           });

  2242.           //定位查询位置

  2243.           let param_zjdzd = {

  2244.             srsName: "EPSG:3857",

  2245.             service: "WFS",

  2246.             version: "1.0.0",

  2247.             request: "GetFeature",

  2248.             typename: "zjd_dc:t_house_survey_zjdzd",

  2249.             //featureNS: 'nsgk_hc',//命名空间 URI

  2250.             cql_filter: cql_filter,

  2251.             //featurePrefix: 'nationalwater',//工作区名称

  2252.             //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  2253.             outputFormat: "application/json",

  2254.             maxFeatures:1,

  2255.             //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  2256.           };

  2257.           let url_zjdzd = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl;

  2258.           url_zjdzd = url_zjdzd + "?";

  2259.           for (let key in param_zjdzd) {

  2260.             url_zjdzd = url_zjdzd + key + "=" + param_zjdzd[key] + "&";

  2261.           }

  2262.           url_zjdzd = url_zjdzd.substr(0, url_zjdzd.length - 1);

  2263.           fetch(url_zjdzd, {

  2264.             method: "POST", // *GET, POST, PUT, DELETE, etc.

  2265.           })

  2266.             .then((res) => {

  2267.               var geojsonmap = res.json();

  2268.               return geojsonmap;

  2269.             })

  2270.             .then((data) => {

  2271.               if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") {

  2272.                 //自然幢图层查询开始 ------------------start

  2273.                 var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'";

  2274.                 zrzTc = new ol.layer.Image({

  2275.                   source: new ol.source.ImageWMS({

  2276.                     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  2277.                     params: {

  2278.                       LAYERS: 'zjd_dc:t_house_survey_zrz',

  2279.                       TILED: true,

  2280.                       cql_filter: cql_filter_map,

  2281.                       SRID: 3857,

  2282.                       TIMESTAMP: new Date().getTime(),

  2283.                     },

  2284.                   }),

  2285.                 });

  2286.                 map.addLayer(zrzTc);

  2287.                 //自然幢图层查询开始 ------------------start

  2288.                 //附属设施图层查询开始 ------------------start

  2289.                 //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  2290.                 fsssTc = new ol.layer.Image({

  2291.                   source: new ol.source.ImageWMS({

  2292.                     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  2293.                     params: {

  2294.                       LAYERS: 'zjd_dc:t_house_survey_fsss',

  2295.                       TILED: true,

  2296.                       cql_filter: cql_filter_map,

  2297.                       SRID: 3857,

  2298.                       TIMESTAMP: new Date().getTime(),

  2299.                     },

  2300.                   }),

  2301.                 });

  2302.                 map.addLayer(fsssTc);

  2303.                 //附属设施图层查询开始 ------------------end

  2304.                 hc_land_on = new ol.layer.Vector({

  2305.                   title: "add Layer",

  2306.                   source: new ol.source.Vector({

  2307.                     projection: projection,

  2308.                     features: new ol.format.GeoJSON().readFeatures(that.backTheGeom),

  2309.                   }),

  2310.                   style: new ol.style.Style({

  2311.                     stroke: new ol.style.Stroke({

  2312.                       //边界样式

  2313.                       color: "#CCFF66",

  2314.                       width: 6,

  2315.                     }),

  2316.                   }),

  2317.                 });

  2318.                 map.addLayer(hc_land_on);

  2319.                 var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  2320.                 var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  2321.                 var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  2322.                 var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  2323.                 //定位查询位置

  2324.                 var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  2325.                 that.clickBbox = center;

  2326.                 console.log(that.mapZjdData);

  2327.                 that.textMjAll = that.mapZjdData.zdmj;

  2328.                 map.getView().animate({

  2329.                   // 只设置需要的属性即可

  2330.                   center: center, // 中心点

  2331.                   zoom: 17.9, // 缩放级别

  2332.                   rotation: undefined, // 缩放完成view视图旋转弧度

  2333.                   duration: 1000, // 缩放持续时间，默认不需要设置

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

  2335.                 });

  2336.                 //this.backMap =1;

  2337.               } else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") {

  2338.                 //that.newHt ="1";

  2339.                 var zbNew = JSON.stringify({

  2340.                   "type": "MultiPolygon",

  2341.                   "coordinates": [that.backTheGeom.replaceAll("\"", "")]

  2342.                 });

  2343.                 var leftJoin = zbNew.replace("\"[", "[");

  2344.                 var rightJoin = leftJoin.replace("\"]", "]");

  2345.                 hc_land_on = new ol.layer.Vector({

  2346.                   title: "add Layer",

  2347.                   source: new ol.source.Vector({

  2348.                     projection: projection,

  2349.                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  2350.                       "    \"type\": \"Feature\",\n" +

  2351.                       "    \"geometry\":" + rightJoin + "}"),

  2352.                   }),

  2353.                   style: new ol.style.Style({

  2354.                     fill: new ol.style.Fill({

  2355.                       //矢量图层填充颜色，以及透明度

  2356.                       color: "rgba(204, 255, 204,0.3)",

  2357.                     }),

  2358.                     stroke: new ol.style.Stroke({

  2359.                       //边界样式

  2360.                       color: "#CCFF66",

  2361.                       width: 3,

  2362.                     }),

  2363.                   }),

  2364.                 });

  2365.                 map.addLayer(hc_land_on);

  2366.                 var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  2367.                 var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  2368.                 var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  2369.                 var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  2370.                 //定位查询位置

  2371.                 var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  2372.                 that.clickBbox = center;

  2373.                 that.textMjAll = that.mapZjdData.zdmj;

  2374.                 map.getView().animate({

  2375.                   // 只设置需要的属性即可

  2376.                   center: center, // 中心点

  2377.                   zoom: 16.9, // 缩放级别

  2378.                   rotation: undefined, // 缩放完成view视图旋转弧度

  2379.                   duration: 1000, // 缩放持续时间，默认不需要设置

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

  2381.                 });

  2382.                 //this.backMap =1;

  2383.               } else {

  2384.                 //通过村界大小视图显示

  2385.                 // let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());

  2386.                 // resolution:resolution + Math.random() * 0.00000001,

  2387.                 // map.getView().fit(data.bbox);

  2388.                 // map.getView().setResolution(resolution);

  2389.                 // //初始视图大小控制

  2390.                 // map.getView().setZoom(16.0);

  2391.                 map.getView().animate({

  2392.                   // 只设置需要的属性即可

  2393.                   center: data.features[0].geometry.coordinates[0][0][0], // 中心点

  2394.                   zoom: 15.9, // 缩放级别

  2395.                   rotation: undefined, // 缩放完成view视图旋转弧度

  2396.                   duration: 1000, // 缩放持续时间，默认不需要设置

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

  2398.                 });

  2399.               }

  2400.             })

  2401.             .catch((error) => {

  2402.               console.log("【异常】", error);

  2403.             });

  2404.           map.addLayer(zjdTc);

  2405.           //宅基地图层查询开始 ------------------start

  2406.           var zrzTc;

  2407.           // //自然幢图层查询开始 ------------------start

  2408.           // var zrzTc = new ol.layer.Image({

  2409.           //   source: new ol.source.ImageWMS({

  2410.           //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  2411.           //     params: {

  2412.           //       LAYERS: 'zjd_dc:t_house_survey_zrz',

  2413.           //       TILED: true,

  2414.           //       cql_filter: cql_filter,

  2415.           //       SRID: 3857,

  2416.           //       TIMESTAMP: new Date().getTime(),

  2417.           //     },

  2418.           //   }),

  2419.           // });

  2420.           // map.addLayer(zrzTc);

  2421.           // //自然幢图层查询开始 ------------------start

  2422.           //

  2423.           var fsssTc;

  2424.           // //附属设施图层查询开始 ------------------start

  2425.           // var fsssTc = new ol.layer.Image({

  2426.           //   source: new ol.source.ImageWMS({

  2427.           //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  2428.           //     params: {

  2429.           //       LAYERS: 'zjd_dc:t_house_survey_fsss',

  2430.           //       TILED: true,

  2431.           //       cql_filter: cql_filter,

  2432.           //       SRID: 3857,

  2433.           //       TIMESTAMP: new Date().getTime(),

  2434.           //     },

  2435.           //   }),

  2436.           // });

  2437.           // map.addLayer(fsssTc);

  2438.           // //附属设施图层查询开始 ------------------start

  2439.           //使用geoserver服务查询开始 -------------------end

  2440.         //   if(this.backMap ==1){

  2441.         //   var cql = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + this.mapZjdTeAll.mapZjdAData.zjddm + "'";

  2442.         //   var wmsSourceBack = new ol.source.ImageWMS({

  2443.         //     crossOrigin: 'anonymous',

  2444.         //     params: {

  2445.         //       LAYERS: 'zjd_dc:t_house_survey_all',

  2446.         //       'VERSION': '1.1.0',

  2447.         //       'FORMAT': "image/png",

  2448.         //       'CQL_FILTER': cql

  2449.         //     },

  2450.         //     serverType: 'geoserver',

  2451.         //     url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  2452.         //   });

  2453.         //   zjdTc.setSource(wmsSourceBack);

  2454.         //   ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新

  2455.         // }

  2456.           //数据库直接加载数据渲染方式---------------------------------------------------start

  2457.           //判断当前账套是否有数据

  2458.           // var mapTalkAbout = true;

  2459.           // //获取镇界线----start

  2460.           // if(this.mapTownList.length >0){

  2461.           //   for (var i = 0; this.mapTownList.length > i; i++) {

  2462.           //     if (this.mapTownList[i] != null && this.mapTownList[i].theGeom != null && this.mapTownList[i].theGeom != "") {

  2463.           //       mapTalkAbout =false;

  2464.           //       this.mapTownList[i].createBy = 'mapTownList';

  2465.           //       var theGeomLine= this.mapTownList[i].theGeom.replaceAll("MultiPolygon","LineString");

  2466.           //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");

  2467.           //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");

  2468.           //       hc_land = new ol.layer.Vector({

  2469.           //         title: "add Layer",

  2470.           //         source: new ol.source.Vector({

  2471.           //           projection: projection,

  2472.           //           features: new ol.format.GeoJSON().readFeatures("{\n" +

  2473.           //             "    \"type\": \"Feature\",\n" +

  2474.           //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapTownList[i]) + "}"),

  2475.           //         }),

  2476.           //         style: new ol.style.Style({

  2477.           //           fill: new ol.style.Fill({

  2478.           //             //矢量图层填充颜色，以及透明度

  2479.           //             color: "#AE57A4",

  2480.           //           }),

  2481.           //           stroke: new ol.style.Stroke({

  2482.           //             //边界样式

  2483.           //             color: "#FF0000",

  2484.           //             width: 3,

  2485.           //           }),

  2486.           //           // text: new ol.style.Text({

  2487.           //           //   text: this.mapTownList[i].xzqmc,

  2488.           //           //   font: '30px sans-serif',

  2489.           //           //   textAlign: "center",

  2490.           //           //   textBaseline: "middle",

  2491.           //           //   //font: 'verdana',

  2492.           //           //   fill: new ol.style.Fill({

  2493.           //           //     color: "#ff0000"

  2494.           //           //   }),

  2495.           //           //   // backgroundFill: new ol.style.Fill({

  2496.           //           //   //   color: "#ff0000"

  2497.           //           //   // }),

  2498.           //           //   font: "30px sans-serif",

  2499.           //           //   stroke: new ol.style.Stroke({

  2500.           //           //     color: "#ffffff"

  2501.           //           //     // width: 3

  2502.           //           //   }),

  2503.           //           //   offsetX: parseInt(0, 10),

  2504.           //           //   offsetY: parseInt(0, 10),

  2505.           //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注

  2506.           //           //   overflow: false //超出面的部分不显示

  2507.           //           //}),

  2508.           //         }),

  2509.           //       });

  2510.           //       map.addLayer(hc_land);

  2511.           //       //console.log(hc_land.values_.source.featuresRtree_.rbush_.data);

  2512.           //       var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;

  2513.           //       var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;

  2514.           //       var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;

  2515.           //       var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;

  2516.           //       // //定位查询位置

  2517.           //       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  2518.           //       // console.log(center);

  2519.           //       map.getView().animate({

  2520.           //         // 只设置需要的属性即可

  2521.           //         center: center, // 中心点

  2522.           //         zoom: 9.8, // 缩放级别

  2523.           //         rotation: undefined, // 缩放完成view视图旋转弧度

  2524.           //         duration: 1000, // 缩放持续时间，默认不需要设置

  2525.           //       });

  2526.           //     }

  2527.           //   }

  2528.           // }

  2529.           // //获取镇界线----end

  2530.           // //获取村界线----start

  2531.           // if(this.mapVillageList.length >0){

  2532.           //   for (var i = 0; this.mapVillageList.length > i; i++) {

  2533.           //     if (this.mapVillageList[i] != null && this.mapVillageList[i].theGeom != null && this.mapVillageList[i].theGeom != "") {

  2534.           //       mapTalkAbout =false;

  2535.           //       this.mapVillageList[i].createBy = 'mapVillageList';

  2536.           //       var theGeomLine= this.mapVillageList[i].theGeom.replaceAll("MultiPolygon","LineString");

  2537.           //       theGeomLine = theGeomLine.replaceAll("[[[[","[[");

  2538.           //       theGeomLine = theGeomLine.replaceAll("]]]]","]]");

  2539.           //       hc_land = new ol.layer.Vector({

  2540.           //         title: "add Layer",

  2541.           //         source: new ol.source.Vector({

  2542.           //           projection: projection,

  2543.           //           features: new ol.format.GeoJSON().readFeatures("{\n" +

  2544.           //             "    \"type\": \"Feature\",\n" +

  2545.           //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapVillageList[i]) + "}"),

  2546.           //         }),

  2547.           //         style: new ol.style.Style({

  2548.           //           fill: new ol.style.Fill({

  2549.           //             //矢量图层填充颜色，以及透明度

  2550.           //             color: "#AE57A4",

  2551.           //           }),

  2552.           //           stroke: new ol.style.Stroke({

  2553.           //             //边界样式

  2554.           //             color: "#ff00ff",

  2555.           //             width: 3,

  2556.           //           }),

  2557.           //           // text: new ol.style.Text({

  2558.           //           //   text: this.mapVillageList[i].dcmj,

  2559.           //           //   font: '30px sans-serif',

  2560.           //           //   textAlign: "center",

  2561.           //           //   textBaseline: "middle",

  2562.           //           //   //font: 'verdana',

  2563.           //           //   fill: new ol.style.Fill({

  2564.           //           //     color: "#ff00ff"

  2565.           //           //   }),

  2566.           //           //   // backgroundFill: new ol.style.Fill({

  2567.           //           //   //   color: "#ff0000"

  2568.           //           //   // }),

  2569.           //           //   font: "30px sans-serif",

  2570.           //           //   stroke: new ol.style.Stroke({

  2571.           //           //     color: "#ffffff"

  2572.           //           //     // width: 3

  2573.           //           //   }),

  2574.           //           //   offsetX: parseInt(0, 10),

  2575.           //           //   offsetY: parseInt(0, 10),

  2576.           //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注

  2577.           //           //   overflow: false //超出面的部分不显示

  2578.           //           // }),

  2579.           //         }),

  2580.           //       });

  2581.           //       map.addLayer(hc_land);

  2582.           //     }

  2583.           //   }

  2584.           // }

  2585.           // // //获取村界线----end

  2586.           // //宅基地定位开始 ---------start

  2587.           // if(this.mapTheGeomZjdId.length >0) {

  2588.           //   for (var i = 0; this.mapTheGeomZjdId.length > i; i++) {

  2589.           //     if (this.mapTheGeomZjdId[i] !=null && this.mapTheGeomZjdId[i].theGeom != null && this.mapTheGeomZjdId[i].theGeom != "") {

  2590.           //       mapTalkAbout =false;

  2591.           //       this.mapTheGeomZjdId[i].createBy = 'mapTheGeomZjdId';

  2592.           //       var styleYqr = "";

  2593.           //       if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  2594.           //         styleYqr = new ol.style.Style({

  2595.           //           fill: new ol.style.Fill({

  2596.           //             //矢量图层填充颜色，以及透明度

  2597.           //             color: "#AE57A4",

  2598.           //           }),

  2599.           //           stroke: new ol.style.Stroke({

  2600.           //             //边界样式

  2601.           //             color: "#28FF28",

  2602.           //             width: 3,

  2603.           //           }),

  2604.           //         });

  2605.           //       } else {

  2606.           //         styleYqr = new ol.style.Style({

  2607.           //           fill: new ol.style.Fill({

  2608.           //             //矢量图层填充颜色，以及透明度

  2609.           //             color: "#AE57A4",

  2610.           //           }),

  2611.           //           stroke: new ol.style.Stroke({

  2612.           //             //边界样式

  2613.           //             color: "rgba(255, 45, 45,1)",

  2614.           //             width: 3,

  2615.           //           }),

  2616.           //         });

  2617.           //       }

  2618.           //       hc_land = new ol.layer.Vector({

  2619.           //         title: "add Layer",

  2620.           //         source: new ol.source.Vector({

  2621.           //           projection: projection,

  2622.           //           features: new ol.format.GeoJSON().readFeatures("{\n" +

  2623.           //             "    \"type\": \"Feature\",\n" +

  2624.           //             "    \"geometry\":" + this.mapTheGeomZjdId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZjdId[i]) + "}"),

  2625.           //         }),

  2626.           //         style: styleYqr

  2627.           //       });

  2628.           //       map.addLayer(hc_land);

  2629.           //       // var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;

  2630.           //       // var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;

  2631.           //       // var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;

  2632.           //       // var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;

  2633.           //       // //定位查询位置

  2634.           //       // var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  2635.           //       // map.getView().animate({

  2636.           //       //   // 只设置需要的属性即可

  2637.           //       //   center: center, // 中心点

  2638.           //       //   zoom: 15.8, // 缩放级别

  2639.           //       //   rotation: undefined, // 缩放完成view视图旋转弧度

  2640.           //       //   duration: 1000, // 缩放持续时间，默认不需要设置

  2641.           //       // });

  2642.           //       //自然幢定位开始 ---------start

  2643.           //       getZrzZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {

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

  2645.           //           this.mapTheGeomZrzId = response.data;

  2646.           //           if(this.mapTheGeomZrzId.length >0) {

  2647.           //             for (var i = 0; this.mapTheGeomZrzId.length > i; i++) {

  2648.           //               if (this.mapTheGeomZrzId[i] !=null && this.mapTheGeomZrzId[i].theGeom != null && this.mapTheGeomZrzId[i].theGeom != "") {

  2649.           //                 this.mapTheGeomZrzId[i].createBy = 'mapTheGeomZrzId';

  2650.           //                 var styleZrz = "";

  2651.           //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  2652.           //                   styleZrz = new ol.style.Style({

  2653.           //                     fill: new ol.style.Fill({

  2654.           //                       //矢量图层填充颜色，以及透明度

  2655.           //                       color: "#FFD306",

  2656.           //                     }),

  2657.           //                     stroke: new ol.style.Stroke({

  2658.           //                       //边界样式

  2659.           //                       color: "#28FF28",

  2660.           //                       width: 3,

  2661.           //                     }),

  2662.           //                   });

  2663.           //                 } else {

  2664.           //                   styleZrz = new ol.style.Style({

  2665.           //                     fill: new ol.style.Fill({

  2666.           //                       //矢量图层填充颜色，以及透明度

  2667.           //                       color: "#FFD306",

  2668.           //                     }),

  2669.           //                     stroke: new ol.style.Stroke({

  2670.           //                       //边界样式

  2671.           //                       color: "rgba(255, 45, 45,1)",

  2672.           //                       width: 3,

  2673.           //                     }),

  2674.           //                   });

  2675.           //                 }

  2676.           //                 hc_land = new ol.layer.Vector({

  2677.           //                   title: "add Layer",

  2678.           //                   source: new ol.source.Vector({

  2679.           //                     projection: projection,

  2680.           //                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  2681.           //                       "    \"type\": \"Feature\",\n" +

  2682.           //                       "    \"geometry\":" + this.mapTheGeomZrzId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZrzId[i]) + "}"),

  2683.           //                   }),

  2684.           //                   style: styleZrz

  2685.           //                 });

  2686.           //                 map.addLayer(hc_land);

  2687.           //               }

  2688.           //             }

  2689.           //           }

  2690.           //         }

  2691.           //       });

  2692.           //       //自然幢定位结束 ---------end

  2693.           //

  2694.           //       //附属设施定位开始 ---------start

  2695.           //       getFsssZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {

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

  2697.           //           this.mapTheGeomFsssId = response.data;

  2698.           //           if(this.mapTheGeomFsssId.length >0) {

  2699.           //             for (var i = 0; this.mapTheGeomFsssId.length > i; i++) {

  2700.           //               if (this.mapTheGeomFsssId[i] !=null && this.mapTheGeomFsssId[i].theGeom != null && this.mapTheGeomFsssId[i].theGeom != "") {

  2701.           //                 this.mapTheGeomFsssId[i].createBy = 'mapTheGeomFsssId';

  2702.           //                 var styleFsss = "";

  2703.           //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  2704.           //                   styleFsss = new ol.style.Style({

  2705.           //                     fill: new ol.style.Fill({

  2706.           //                       //矢量图层填充颜色，以及透明度

  2707.           //                       color: "#00FFFF",

  2708.           //                     }),

  2709.           //                     stroke: new ol.style.Stroke({

  2710.           //                       //边界样式

  2711.           //                       color: "#28FF28",

  2712.           //                       width: 3,

  2713.           //                     }),

  2714.           //                   });

  2715.           //                 } else {

  2716.           //                   styleFsss = new ol.style.Style({

  2717.           //                     fill: new ol.style.Fill({

  2718.           //                       //矢量图层填充颜色，以及透明度

  2719.           //                       color: "#00FFFF",

  2720.           //                     }),

  2721.           //                     stroke: new ol.style.Stroke({

  2722.           //                       //边界样式

  2723.           //                       color: "rgba(255, 45, 45,1)",

  2724.           //                       width: 3,

  2725.           //                     }),

  2726.           //                   });

  2727.           //                 }

  2728.           //                 hc_land = new ol.layer.Vector({

  2729.           //                   title: "add Layer",

  2730.           //                   source: new ol.source.Vector({

  2731.           //                     projection: projection,

  2732.           //                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  2733.           //                       "    \"type\": \"Feature\",\n" +

  2734.           //                       "    \"geometry\":" + this.mapTheGeomFsssId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomFsssId[i]) + "}"),

  2735.           //                   }),

  2736.           //                   style: styleFsss

  2737.           //                 });

  2738.           //                 map.addLayer(hc_land);

  2739.           //               }

  2740.           //             }

  2741.           //           }

  2742.           //         }

  2743.           //       });

  2744.           //       //附属设施定位结束 ---------end

  2745.           //     }

  2746.           //   }

  2747.           // }

  2748.           // //宅基地定位结束 ---------end

  2749.           //数据库直接加载数据渲染方式---------------------------------------------------end

  2750. 

  2751.           //地图操作定义------------start

  2752.           //定位定义------------start

  2753.           var Zb;

  2754.           var latitude;

  2755.           var longitude;

  2756.           var vector_drawing;

  2757.           //定位定义------------end

  2758. 

  2759.           //绘图定义---------------start

  2760.           var drawing;

  2761.           var draw_map;

  2762.           //绘图定义---------------end

  2763. 

  2764.           //测面绘图定义------------start

  2765.           var draw_cm;

  2766.           //定义矢量图层

  2767.           var vector;

  2768.           //创建一个帮助提示信息对象

  2769.           var helpTooltip;

  2770.           //创建一个测量提示信息对象

  2771.           var measureTooltip;

  2772.           //创建一个帮助提示框对象

  2773.           var helpTooltipElement;

  2774.           //测出距离

  2775.           var measureTooltipElement;

  2776.           //测面绘图定义-----------end

  2777. 

  2778.           //地图操作定义------------end

  2779.           //定位当前位置 ------start

  2780.           $("#dwMapAll").on("click", function () {

  2781.             //删除测量记录操作--------start

  2782.             //将矢量图层从图中删除

  2783.             //map.removeLayer(helpTooltip);

  2784.             map.removeLayer(vector);

  2785.             map.removeInteraction(draw_cm);

  2786.             //map.removeOverlay(helpTooltipElement);

  2787.             //map.removeLayer(measureTooltip);

  2788.             //删除测量记录操作--------end

  2789.             //删除绘制图层画图操作-------start

  2790.             map.removeInteraction(draw_map);

  2791.             map.removeLayer(drawing);

  2792.             //删除绘制图层画图操作-------end

  2793. 

  2794.             //开始定位当前位置

  2795.             navigator.geolocation.getCurrentPosition(function(position) {

  2796.               latitude = position.coords.latitude;// 获取纬度

  2797.               longitude = position.coords.longitude;// 获取经度

  2798.             });

  2799.             if(latitude !=null && longitude !=null && latitude !="" && longitude !="" && latitude !=undefined && longitude !=undefined ){

  2800.               Zb = [longitude,latitude];

  2801.             }else {

  2802.               Zb =[115.452752, 31.789033];

  2803.             }

  2804.             //获取坐标点LocationManager

  2805.             // geoGps().then(response => {

  2806.             //

  2807.             // });

  2808.             //矢量标注样式设置函数，设置image为图标ol.style.Icon

  2809.             function createLabelStyle() {

  2810.               return new ol.style.Style({

  2811.                 image: new ol.style.Icon({

  2812.                   //设置图标偏移

  2813.                   anchor: [0.5, 1],

  2814.                   //标注样式的起点位置

  2815.                   anchorOrigin: "top-right",

  2816.                   //X方向单位：分数

  2817.                   anchorXUnits: "fraction",

  2818.                   //Y方向单位：像素

  2819.                   anchorYUnits: "pixels",

  2820.                   //偏移起点位置的方向

  2821.                   offsetOrigin: "top-right",

  2822.                   //透明度

  2823.                   opacity: 0.9,

  2824.                   //图片路径

  2825.                   src: require("../../assets/images/housesteadSurvey/mark.png"),

  2826.                 }),

  2827.                 text: new ol.style.Text({

  2828.                   textAlign: "center", //位置

  2829.                   textBaseline: "middle", //基准线

  2830.                   font: "normal 12px 微软雅黑", //文字样式

  2831.                   //text: "标注点", //文本内容

  2832.                   fill: new ol.style.Fill({

  2833.                     //文本填充样式（即文字颜色)

  2834.                     color: "#ff0000",

  2835.                   }),

  2836.                 }),

  2837.                 zIndex: 9999,

  2838.               });

  2839.             }

  2840.             var newcenterFeature = new ol.Feature({

  2841.               geometry: new ol.geom.Point(ol.proj.fromLonLat(Zb)), //几何信息

  2842.               name: "标注点",

  2843.             });

  2844.             var sourceMapLook = new ol.source.Vector({wrapX: false});

  2845.             vector_drawing = new ol.layer.Vector({

  2846.               source: sourceMapLook,

  2847.             });

  2848.             map.addLayer(vector_drawing);

  2849.             newcenterFeature.setStyle(createLabelStyle()); //设置要素样式

  2850.             sourceMapLook.addFeature(newcenterFeature);

  2851.             map.getView().animate({

  2852.               // 只设置需要的属性即可

  2853.               center: ol.proj.fromLonLat(Zb), // 中心点

  2854.               zoom: 17.8, // 缩放级别

  2855.               rotation: undefined, // 缩放完成view视图旋转弧度

  2856.               duration: 1000, // 缩放持续时间，默认不需要设置

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

  2858.             });

  2859.           });

  2860.           //定位当前位置 ------end

  2861. 

  2862.           //开始绘制图层- -----start

  2863.           $("#htMapAll").on("click", function () {

  2864.             if(that.drawingClick) {

  2865.               that.drawingClick=false;

  2866.               //删除之前 测距操作添加map中的绘图  --------start

  2867.               //map.removeLayer(helpTooltip);

  2868.               map.removeLayer(vector);

  2869.               map.removeInteraction(draw_cm);

  2870.               //map.removeOverlay(helpTooltipElement);

  2871.               map.removeLayer(measureTooltipElement);

  2872.               //删除之前 测距操作添加map中的绘图  --------end

  2873. 

  2874.               //删除之前画图图层,重新绘制图层

  2875.               map.removeInteraction(draw_map);

  2876.               map.removeLayer(drawing);

  2877.               //var source = new ol.source.Vector({wrapX: false});

  2878.               drawing = new ol.layer.Vector({

  2879.                 source: new ol.source.Vector(),

  2880.               });

  2881.               map.addLayer(drawing);

  2882. 

  2883.               function addInteraction() {

  2884.                 draw_map = new ol.interaction.Draw({

  2885.                   source: drawing.getSource(),

  2886.                   type: "Polygon",

  2887.                 });

  2888.                 draw_map.on("drawend", function (evt) {

  2889.                   var feature = evt.feature;

  2890.                   var geometry = feature.getGeometry();

  2891.                   that.coordinate = geometry.getCoordinates();

  2892.                   //_this.coordinateList = coordinate.toString();

  2893.                   //提示当前坐标是否绘制完成

  2894.                   if (that.coordinate != "" && that.coordinate != null) {

  2895.                     that.showhzht = true;

  2896.                     that.htZjdZrzFsss = JSON.stringify(that.coordinate);

  2897.                     console.log(that.mapZjdData);

  2898.                     // htMapAllFu();

  2899.                   } else {

  2900.                     $("#htMapAll").trigger("click");

  2901.                   }

  2902.                 });

  2903.                 map.addInteraction(draw_map);

  2904.               }

  2905. 

  2906.               function htMapAllFu() {

  2907.                 //that.drawMapPolygonFun();

  2908.                 //绘制多边形地图

  2909.                 that.$dialog

  2910.                   .confirm({

  2911.                     title: "提示",

  2912.                     message: "是否重新绘制画图",

  2913.                   })

  2914.                   .then(() => {

  2915.                     //$("#drawRemove").trigger("click");

  2916.                     map.removeInteraction(draw_map);

  2917.                     that.coordinate = "";

  2918.                   })

  2919.                   .catch(() => {

  2920.                     //删除画图点

  2921.                     map.removeInteraction(draw_map);

  2922.                   });

  2923.               }

  2924. 

  2925.               addInteraction();

  2926.             } else {

  2927.               that.drawingClick=true;

  2928.               //删除之前 测距操作添加map中的绘图  --------start

  2929.               //map.removeLayer(helpTooltip);

  2930.               map.removeLayer(vector);

  2931.               map.removeInteraction(draw_cm);

  2932.               //map.removeOverlay(helpTooltipElement);

  2933.               map.removeLayer(measureTooltipElement);

  2934.               //删除之前 测距操作添加map中的绘图  --------end

  2935. 

  2936.               //删除之前画图图层,重新绘制图层

  2937.               map.removeInteraction(draw_map);

  2938.               map.removeLayer(drawing);

  2939.               //var source = new ol.source.Vector({wrapX: false});

  2940.             }

  2941.           });

  2942.           //删除之前绘制图层

  2943.           $("#deleteHistory").on("click", function () {

  2944.             map.removeLayer(drawing);

  2945.             that.showhzht = false;

  2946.           });

  2947.           //开始绘制图层- -----end

  2948. 

  2949.           //切换功能删除之前选中状态

  2950.           $("#deleteHistoryMap").on("click", function () {

  2951.             map.removeLayer(hc_land_on);

  2952.             that.mapZjdData = "";

  2953.             that.mapZrzData = "";

  2954.             that.mapFsssData = "";

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

  2956.             that.mapZjdTeAll.mapZjdAData = {};

  2957.             that.mapZjdTeAll.mapZrzAData = {};

  2958.             that.mapZjdTeAll.mapFsssAData = {};

  2959.             that.mapZjdDataTure = "";

  2960.           });

  2961.           //清除画图鼠标点击事件

  2962.           // $("#drawRemove").click(function () {

  2963.           //   map.removeLayer(drawing);

  2964.           // });

  2965.           //

  2966. 

  2967.           //地图定义

  2968.           var delete_map = ["mapZjd", "mapZrz","mapFsss"];

  2969.           var hc_land_queryList =[];

  2970.           var texiao_layer_zjd;

  2971.           var texiao_layer_zrz;

  2972.           var texiao_layer_fsss;

  2973.           //按照查询条件人名  定位地图-----------------start

  2974.           $("#query").on("click", function () {

  2975.             //数据库查询数据------------------------------------------------------start

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

  2977.             var val = that.seachText;

  2978.             //删除之前查询图层

  2979.             for(var i=0;hc_land_queryList.length>i;i++){

  2980.               map.removeLayer(hc_land_queryList[i]);

  2981.             }

  2982.             hc_land_queryList = [];

  2983.             that.mapDataAll =[];

  2984.             if (val == "") {

  2985.                 that.$toast('请填写查询条件再查询');

  2986.               } else {

  2987.               var styleZjd = new ol.style.Style({

  2988.                 stroke: new ol.style.Stroke({

  2989.                   //边界样式

  2990.                   color: "#CCFF66",

  2991.                   width: 6,

  2992.                 }),

  2993.               });

  2994.               let params;

  2995.               if(that.mapAddJumpNum == 1){

  2996.                 params = {

  2997.                   "deptId" : that.mapAddJump,

  2998.                   "syqr" : val

  2999.                 }

  3000.               } else {

  3001.                 params = {

  3002.                   "deptId" : that.$cookies.get("item").deptId,

  3003.                   "syqr" : val

  3004.                 }

  3005.               }

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

  3007.                 if(response.rows.length != 0){

  3008.                   that.mapDataAll = response.rows;

  3009.                   for(var hg=0; hg < that.mapDataAll.length; hg++){

  3010.                     var mapNum = that.mapDataAll[hg].houseDataConfirmStatus;

  3011.                     if(mapNum == "UNCONFIRMED"){

  3012.                       that.mapDataAll[hg].paceType = "未核查";

  3013.                     } else if (mapNum == "CONFIRMED"){

  3014.                       that.mapDataAll[hg].paceType = "已核查";

  3015.                     }else{

  3016. 

  3017.                     }

  3018.                     that.mapDataAll[hg].typeTc="宅基地";

  3019.                     if (that.mapDataAll[hg] !=null && that.mapDataAll[hg].theGeom != null && that.mapDataAll[hg].theGeom != "") {

  3020.                       that.mapDataAll[hg].createBy = 'mapTheGeomZjdId';

  3021.                       hc_land_queryList[hg] =new ol.layer.Vector({

  3022.                           title: "add Layer",

  3023.                           source: new ol.source.Vector({

  3024.                             projection: projection,

  3025.                             features: new ol.format.GeoJSON().readFeatures("{\n" +

  3026.                               "    \"type\": \"Feature\",\n" +

  3027.                               "    \"geometry\":" + that.mapDataAll[hg].theGeom + ",    \"properties\":" + JSON.stringify(that.mapDataAll[hg]) + "}"),

  3028.                           }),

  3029.                           style: styleZjd

  3030.                         });

  3031.                       map.addLayer(hc_land_queryList[hg]);

  3032.                       var maxXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxX;

  3033.                       var maxYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxY;

  3034.                       var minXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minX;

  3035.                       var minYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minY;

  3036.                       //定位查询位置

  3037.                       var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  3038.                       map.getView().animate({

  3039.                         // 只设置需要的属性即可

  3040.                         center: center, // 中心点

  3041.                         zoom: 15.8, // 缩放级别

  3042.                         rotation: undefined, // 缩放完成view视图旋转弧度

  3043.                         duration: 1000, // 缩放持续时间，默认不需要设置

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

  3045.                       });

  3046.                     }

  3047.                     // listFsss(paramsZrz).then((response) => {

  3048.                     //   that.mapDataAll.push(response.rows);

  3049.                     // });

  3050.                   }

  3051.                   // for(var queryFor=0; hc_land_queryList > queryFor; queryFor++ ){

  3052.                   //   map.addLayer(hc_land_queryList[queryFor]);

  3053.                   // }

  3054.                   // var mapZrzFor = that.mapDataAll[0].length+1;

  3055.                   // console.log(mapZrzFor);

  3056.                   // for(var mapFor=0;mapZrzFor>mapFor;mapFor++){

  3057.                   //   //查询自然幢

  3058.                   //   let paramsZrz = {

  3059.                   //     "deptId" : that.$cookies.get("item").deptId,

  3060.                   //     "zjddm" : that.mapDataAll[0][mapFor].zjddm,

  3061.                   //     "pageSize":20,

  3062.                   //   }

  3063.                   //   listZrz(paramsZrz).then((response) => {

  3064.                   //     console.log(response);

  3065.                   //     that.mapDataAll[0].

  3066.                   //     that.mapDataAll[0].push(response.rows);

  3067.                   //   });

  3068.                   // }

  3069.                   setTimeout(function () {

  3070.                     that.showSearch = true ;

  3071.                     $('.searchBox').css('display','block')

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

  3073.                     document.styleSheets[0].insertRule(

  3074.                       "@keyframes test" +

  3075.                       "{" +

  3076.                       "0%{bottom: -" + height + "px;}" +

  3077.                       "100%{bottom: 0px;}" +

  3078.                       "}"

  3079.                     )

  3080.                     $('.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'});

  3081.                   //}

  3082.                   },500);

  3083.                 } else {

  3084.                   that.$toast("暂无数据")

  3085.                 }

  3086.               });

  3087. 

  3088.             }

  3089.             //数据库查询数据------------------------------------------------------end

  3090.             //地图查询------------------------------------------------------------start

  3091.             /**

  3092.              * @api wfs服务空间查询

  3093.              * @param {*} wfsurl

  3094.              * @param {*} srsName

  3095.              * @param {*} typeName

  3096.              * @param {*} drawType

  3097.              * @param {option 可选} geometryField

  3098.              */

  3099.             // var val = that.seachText;

  3100.             // if (val == "") {

  3101.             //   that.$toast('请填写查询条件再查询');

  3102.             // } else {

  3103.             //   //清除之前查询数据

  3104.             //   that.mapDataAll =[];

  3105.             //   //分类查询查询农地、农房

  3106.             //   var difang;

  3107.             //   //查询条件

  3108.             //   var cql_filter_cun;

  3109.             //   var cun = that.$cookies.get("item").deptId;

  3110.             //   difang = ["zjd_dc:t_house_survey_zjdzd", "zjd_dc:t_house_survey_zrz","zjd_dc:t_house_survey_fsss"];

  3111.             //   var tach = 0;

  3112.             //   var once = 0;

  3113.             //   for (var i = 0; i < difang.length; i++) {

  3114.             //     map.removeLayer(delete_map[i]);

  3115.             //     // 数字验证！

  3116.             //     var reg = /\d/;

  3117.             //     //验证汉子

  3118.             //     //var han = /^[\u4e00-\u9fa5]+$/;

  3119.             //     if (reg.test(val)) {

  3120.             //       //循环判断查询条件

  3121.             //       cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3122.             //     } else {

  3123.             //       //循环判断查询条件

  3124.             //       if (difang[i] == "zjd_dc:t_house_survey_zjdzd") {

  3125.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3126.             //       } else if(difang[i] == "zjd_dc:t_house_survey_zrz") {

  3127.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3128.             //       } else if(difang[i] == "zjd_dc:t_house_survey_fsss") {

  3129.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3130.             //       }

  3131.             //     }

  3132.             //     //for(var i=0; i< difang.length; i++){

  3133.             //     //cql_filter = "CM='"+cun +"'"+ "and XZQK='待流转待盘活'";

  3134.             //

  3135.             //     //图层加载

  3136.             //

  3137.             //     //业务图层  wms服务

  3138.             //     delete_map[i] = new ol.layer.Tile({

  3139.             //       source: new ol.source.TileWMS({

  3140.             //         url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3141.             //         params: {

  3142.             //           LAYERS: difang[i],

  3143.             //           //'LAYERS': 'new_shp:new_shp_all',

  3144.             //           TILED: true,

  3145.             //           cql_filter: cql_filter_cun,

  3146.             //           SRID: 3857,

  3147.             //         },

  3148.             //       }),

  3149.             //     });

  3150.             //

  3151.             //     //}

  3152.             //     //定位查询位置

  3153.             //     let param_dw = {

  3154.             //       srsName: "EPSG:3857",

  3155.             //       service: "WFS",

  3156.             //       version: "1.0.0",

  3157.             //       request: "GetFeature",

  3158.             //       typename: difang[i],

  3159.             //       //featureNS: 'nsgk_hc',//命名空间 URI

  3160.             //       cql_filter: cql_filter_cun,

  3161.             //       //featurePrefix: 'nationalwater',//工作区名称

  3162.             //       //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  3163.             //       outputFormat: "application/json",

  3164.             //       //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  3165.             //     };

  3166.             //     let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;

  3167.             //     url_dw = url_dw + "?";

  3168.             //     for (let key in param_dw) {

  3169.             //       url_dw = url_dw + key + "=" + param_dw[key] + "&";

  3170.             //     }

  3171.             //     url_dw = url_dw.substr(0, url_dw.length - 1);

  3172.             //     fetch(url_dw, {

  3173.             //       method: "POST", // *GET, POST, PUT, DELETE, etc.

  3174.             //     })

  3175.             //       .then((res) => {

  3176.             //         var geojsonmap = res.json();

  3177.             //         return geojsonmap;

  3178.             //       })

  3179.             //       .then((data) => {

  3180.             //         tach = tach + 1;

  3181.             //         if (data.features != null && data.features != "") {

  3182.             //           for(var i=0; data.features.length >i; i++) {

  3183.             //             //特效动画实现 -----------------------------start

  3184.             //             console.log(tach,"++++++++++++++++++",once)

  3185.             //             var datamap = data.features[0].bbox;

  3186.             //             if (tach == 1 && once == 0) {

  3187.             //               console.log("zrz")

  3188.             //               texiao_layer_zjd = new ol.layer.Vector({

  3189.             //                 source: new ol.source.Vector(),

  3190.             //               });

  3191.             //               map.addLayer(texiao_layer_zjd);

  3192.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  3193.             //               var circle = new ol.Feature({

  3194.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  3195.             //               });

  3196.             //

  3197.             //               circle.setStyle(

  3198.             //                 new ol.style.Style({

  3199.             //                   image: new ol.style.Circle({

  3200.             //                     radius: 0,

  3201.             //                     stroke: new ol.style.Stroke({

  3202.             //                       color: "yellow",

  3203.             //                       size: 1,

  3204.             //                     }),

  3205.             //                   }),

  3206.             //                 })

  3207.             //               );

  3208.             //               texiao_layer_zjd.getSource().addFeature(circle);

  3209.             //

  3210.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  3211.             //               var radius = 0;

  3212.             //               map.on("postcompose", function () {

  3213.             //                 // 增大半径，最大20

  3214.             //                 radius++;

  3215.             //                 radius = radius % 10;

  3216.             //                 // 设置样式

  3217.             //                 circle.setStyle(

  3218.             //                   new ol.style.Style({

  3219.             //                     image: new ol.style.Circle({

  3220.             //                       radius: radius,

  3221.             //                       stroke: new ol.style.Stroke({

  3222.             //                         color: "yellow",

  3223.             //                         size: 1,

  3224.             //                       }),

  3225.             //                     }),

  3226.             //                   })

  3227.             //                 );

  3228.             //               });

  3229.             //             } else if(tach == 2) {

  3230.             //               console.log("zrz")

  3231.             //               texiao_layer_zrz = new ol.layer.Vector({

  3232.             //                 source: new ol.source.Vector(),

  3233.             //               });

  3234.             //               map.addLayer(texiao_layer_zrz);

  3235.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  3236.             //               var circle = new ol.Feature({

  3237.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  3238.             //               });

  3239.             //

  3240.             //               circle.setStyle(

  3241.             //                 new ol.style.Style({

  3242.             //                   image: new ol.style.Circle({

  3243.             //                     radius: 0,

  3244.             //                     stroke: new ol.style.Stroke({

  3245.             //                       color: "yellow",

  3246.             //                       size: 1,

  3247.             //                     }),

  3248.             //                   }),

  3249.             //                 })

  3250.             //               );

  3251.             //               texiao_layer_zrz.getSource().addFeature(circle);

  3252.             //

  3253.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  3254.             //               var radius = 0;

  3255.             //               map.on("postcompose", function () {

  3256.             //                 // 增大半径，最大20

  3257.             //                 radius++;

  3258.             //                 radius = radius % 10;

  3259.             //                 // 设置样式

  3260.             //                 circle.setStyle(

  3261.             //                   new ol.style.Style({

  3262.             //                     image: new ol.style.Circle({

  3263.             //                       radius: radius,

  3264.             //                       stroke: new ol.style.Stroke({

  3265.             //                         color: "yellow",

  3266.             //                         size: 1,

  3267.             //                       }),

  3268.             //                     }),

  3269.             //                   })

  3270.             //                 );

  3271.             //               });

  3272.             //             } else {

  3273.             //               console.log("fsss")

  3274.             //               texiao_layer_fsss = new ol.layer.Vector({

  3275.             //                 source: new ol.source.Vector(),

  3276.             //               });

  3277.             //               map.addLayer(texiao_layer_fsss);

  3278.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  3279.             //               var circle = new ol.Feature({

  3280.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  3281.             //               });

  3282.             //

  3283.             //               circle.setStyle(

  3284.             //                 new ol.style.Style({

  3285.             //                   image: new ol.style.Circle({

  3286.             //                     radius: 0,

  3287.             //                     stroke: new ol.style.Stroke({

  3288.             //                       color: "yellow",

  3289.             //                       size: 1,

  3290.             //                     }),

  3291.             //                   }),

  3292.             //                 })

  3293.             //               );

  3294.             //               texiao_layer_fsss.getSource().addFeature(circle);

  3295.             //

  3296.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  3297.             //               var radius = 0;

  3298.             //               map.on("postcompose", function () {

  3299.             //                 // 增大半径，最大20

  3300.             //                 radius++;

  3301.             //                 radius = radius % 10;

  3302.             //                 // 设置样式

  3303.             //                 circle.setStyle(

  3304.             //                   new ol.style.Style({

  3305.             //                     image: new ol.style.Circle({

  3306.             //                       radius: radius,

  3307.             //                       stroke: new ol.style.Stroke({

  3308.             //                         color: "yellow",

  3309.             //                         size: 1,

  3310.             //                       }),

  3311.             //                     }),

  3312.             //                   })

  3313.             //                 );

  3314.             //               });

  3315.             //             }

  3316.             //             //特效动画实现 -----------------------------end

  3317.             //             that.mapDataAll.push(JSON.parse(JSON.stringify(data.features[i].properties)));

  3318.             //           }

  3319.             //           //定位实现

  3320.             //           let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());

  3321.             //           map.getView().fit(data.bbox);

  3322.             //           map.getView().setResolution(resolution);

  3323.             //           console.log(that.mapDataAll);

  3324.             //         } else if (tach == 1) {

  3325.             //           once = once + 1;

  3326.             //         } else {

  3327.             //           if (once == 1 && tach == 3) {

  3328.             //             that.$toast("没有找到相关人员信息");

  3329.             //             //that.showSearch = false ;

  3330.             //           }else {

  3331.             //

  3332.             //           }

  3333.             //         }

  3334.             //       })

  3335.             //       .catch((error) => {

  3336.             //         console.log("【异常】", error);

  3337.             //       });

  3338.             //     map.addLayer(delete_map[i]);

  3339.             //   }

  3340.             //地图查询------------------------------------------------------------end

  3341.           });

  3342.           //按照查询  定位地图-----------------end

  3343. 

  3344.           //筛选附属设施-----------------------------------start

  3345.           $("#fsssSx").click(function () {

  3346.             if(!that.fsssSx){

  3347.               map.addLayer(fsssTc);

  3348.             }else {

  3349.               map.removeLayer(fsssTc);

  3350.             }

  3351.           });

  3352.           $("#zrzSx").click(function () {

  3353.             if(!that.zrzSx){

  3354.               map.addLayer(zrzTc);

  3355.             }else {

  3356.               map.removeLayer(zrzTc);

  3357.             }

  3358.           });

  3359.           $("#zjdSx").click(function () {

  3360.             if(!that.zjdSx){

  3361.               map.addLayer(zjdTc);

  3362.             }else {

  3363.               map.removeLayer(zjdTc);

  3364.             }

  3365.           });

  3366.           $("#checkAll").click(function () {

  3367.             if(!that.fsssSx && !that.zjdSx && !that.zrzSx){

  3368.               map.addLayer(zjdTc);

  3369.               map.addLayer(zrzTc);

  3370.               map.addLayer(fsssTc);

  3371.             }else {

  3372.               map.removeLayer(zrzTc);

  3373.               map.removeLayer(zjdTc);

  3374.               map.removeLayer(fsssTc);

  3375.             }

  3376.           });

  3377.           //筛选附属设施-----------------------------------end

  3378.           // //获取类型开始  侧面-----------------------------------------------------------------start

  3379.           //样式加载定义

  3380.           var vector_drawing_delete;

  3381.           $("#area").click(function () {

  3382.             console.log(that.textMjAll);

  3383.             console.log(that.clickBbox);

  3384.             if(that.textMjAll ==null || that.textMjAll ==""){

  3385.               that.textMjAll =0;

  3386.             }

  3387.             if((that.textMjAll != "" && that.clickBbox !="") || (that.textMjAll == 0 && that.clickBbox !="")){

  3388.               map.removeLayer(vector_drawing_delete);

  3389.               function createLabelStyle() {

  3390.                 return new ol.style.Style({

  3391.                   text: new ol.style.Text({

  3392.                     text: that.textMjAll+"㎡",

  3393.                     textAlign: "center", //位置

  3394.                     textBaseline: "middle", //基准线

  3395.                     font: "normal 12px 微软雅黑", //文字样式

  3396.                     //text: "标注点", //文本内容

  3397.                     fill: new ol.style.Fill({

  3398.                       //文本填充样式（即文字颜色)

  3399.                       color: "#FFFFFF",

  3400.                       width: 10,

  3401.                     }),

  3402.                     overflow: false //超出面的部分不显示

  3403.                   }),

  3404.                   zIndex: 9999,

  3405.                 });

  3406.               }

  3407.               var newcenterFeature = new ol.Feature({

  3408.                 geometry: new ol.geom.Point(that.clickBbox), //几何信息

  3409.                 //name: "标注点",

  3410.               });

  3411.               var sourceMapLook = new ol.source.Vector({wrapX: false});

  3412.               vector_drawing_delete = new ol.layer.Vector({

  3413.                 source: sourceMapLook,

  3414.               });

  3415.               map.addLayer(vector_drawing_delete);

  3416.               newcenterFeature.setStyle(createLabelStyle()); //设置要素样式

  3417.               sourceMapLook.addFeature(newcenterFeature);

  3418.               //map.addLayer(styleFsss);

  3419.             } else if(that.textMjAllNum == "1"){

  3420.               that.$toast("该图层面积暂无信息");

  3421.             } else {

  3422.               that.$toast("选择图层进行面积显示");

  3423.             }

  3424.           });

  3425.           // $("#area").click(function () {

  3426.           //   console.log("进入测面")

  3427.           //   //删除绘制图层画图操作-------start

  3428.           //   map.removeInteraction(draw_map);

  3429.           //   map.removeLayer(drawing);

  3430.           //   //删除绘制图层画图操作-------end

  3431.           //   //开始绘制 测面--------------------------------------------------------------start

  3432.           //   //定义矢量数据源

  3433.           //   var source = new ol.source.Vector();

  3434.           //

  3435.           //   vector = new ol.layer.Vector({

  3436.           //     source: source,

  3437.           //     style: new ol.style.Style({

  3438.           //       fill: new ol.style.Fill({

  3439.           //         color: "rgba(255,255,255,0.2)",

  3440.           //       }),

  3441.           //       stroke: new ol.style.Stroke({

  3442.           //         color: "#e21e0a",

  3443.           //         width: 2,

  3444.           //       }),

  3445.           //       //image: new ol.style.Circle({

  3446.           //       // radius: 7,

  3447.           //       // fill: new ol.style.Fill({

  3448.           //       //  color:'#ffcc33'

  3449.           //       // })

  3450.           //       //})

  3451.           //     }),

  3452.           //   });

  3453.           //

  3454.           //   //将矢量图层添加到地图中   线的颜色加入map中

  3455.           //   map.addLayer(vector);

  3456.           //

  3457.           //   var sketch;

  3458.           //

  3459.           //   var continuePolygonMsg = "单击以继续绘制多边形";

  3460.           //

  3461.           //   /**

  3462.           //    * Message to show when the user is drawing a line.

  3463.           //    * @type {string}

  3464.           //    */

  3465.           //     //var continueLineMsg = '单击继续绘制直线';

  3466.           //

  3467.           //     //鼠标移动触发的函数

  3468.           //   var pointerMoveHandler = function (evt) {

  3469.           //       //Indicates if the map is currently being dragged.

  3470.           //       //Only set for POINTERDRAG and POINTERMOVE events. Default is false.

  3471.           //       //如果是平移地图则直接结束

  3472.           //       if (evt.dragging) {

  3473.           //         return;

  3474.           //       }

  3475.           //       //帮助提示信息

  3476.           //       var helpMsg = "单击开始绘图";

  3477.           //

  3478.           //       if (sketch) {

  3479.           //         //Get the feature's default geometry.

  3480.           //         //A feature may have any number of named geometries.

  3481.           //         //获取绘图对象的几何要素

  3482.           //         var geom = sketch.getGeometry();

  3483.           //         //如果当前绘制的几何要素是多边形，则将绘制提示信息设置为多边形绘制提示信息

  3484.           //         //如果当前绘制的几何要素是多线段，则将绘制提示信息设置为多线段绘制提示信息

  3485.           //         helpMsg = continuePolygonMsg;

  3486.           //       }

  3487.           //       //设置帮助提示要素的内标签为帮助提示信息

  3488.           //       helpTooltipElement.innerHTML = helpMsg;

  3489.           //       //设置帮助提示信息的位置

  3490.           //       //The coordinate in view projection corresponding to the original browser event.

  3491.           //       helpTooltip.setPosition(evt.coordinate);

  3492.           //       //移除帮助提示要素的隐藏样式

  3493.           //       $(helpTooltipElement).removeClass("hidden");

  3494.           //     };

  3495.           //

  3496.           //   map.on("pointermove", pointerMoveHandler);

  3497.           //

  3498.           //   map.getViewport().addEventListener("mouseout", function () {

  3499.           //     helpTooltipElement.classList.add("hidden");

  3500.           //   });

  3501.           //

  3502.           //   //添加交互式绘图对象的函数

  3503.           //   function addInteraction() {

  3504.           //     // 获取当前选择的绘制类型

  3505.           //     //var type = typeSelect.value == 'length' ? 'Polygon' : 'LineString';

  3506.           //     //创建一个交互式绘图对象

  3507.           //     var type = "Polygon";

  3508.           //     draw_cm = new ol.interaction.Draw({

  3509.           //       //绘制的数据源

  3510.           //       source: source,

  3511.           //       //绘制类型

  3512.           //       type: type,

  3513.           //       //样式

  3514.           //       style: new ol.style.Style({

  3515.           //         fill: new ol.style.Fill({

  3516.           //           color: "rgba(255,255,255,0.2)",

  3517.           //         }),

  3518.           //         stroke: new ol.style.Stroke({

  3519.           //           color: "rgba(0,0,0,0.5)",

  3520.           //           lineDash: [10, 10],

  3521.           //           width: 2,

  3522.           //         }),

  3523.           //         //  image: new ol.style.Circle({

  3524.           //         //   radius: 5,

  3525.           //         //   stroke: new ol.style.Stroke({

  3526.           //         //	color:'rgba(0,0,0,0.7)'

  3527.           //         // }),

  3528.           //         // fill: new ol.style.Fill({

  3529.           //         //color: 'rgba(255,255,255,0.2)'

  3530.           //         // })

  3531.           //         //})

  3532.           //       }),

  3533.           //     });

  3534.           //     //将交互绘图对象添加到地图中

  3535.           //     map.addInteraction(draw_cm);

  3536.           //

  3537.           //     //创建测量提示框

  3538.           //     createMeasureTooltip();

  3539.           //     //创建帮助提示框

  3540.           //     createHelpTooltip();

  3541.           //

  3542.           //     //定义一个事件监听

  3543.           //     var listener;

  3544.           //     //定义一个控制鼠标点击次数的变量

  3545.           //     var count = 0;

  3546.           //     //绘制开始事件

  3547.           //     draw_cm.on(

  3548.           //       "drawstart",

  3549.           //       function (evt) {

  3550.           //         //The feature being drawn.

  3551.           //         sketch = evt.feature;

  3552.           //         //提示框的坐标

  3553.           //         var tooltipCoord = evt.coordinate;

  3554.           //         //监听几何要素的change事件

  3555.           //         //Increases the revision counter and dispatches a 'change' event.

  3556.           //

  3557.           //         listener = sketch.getGeometry().on("change", function (evt) {

  3558.           //           //The event target.

  3559.           //           //获取绘制的几何对象

  3560.           //           var geom = evt.target;

  3561.           //           //定义一个输出对象，用于记录面积和长度

  3562.           //           var output;

  3563.           //           map.removeEventListener("singleclick");

  3564.           //           map.removeEventListener("dblclick");

  3565.           //           //输出多边形的面积

  3566.           //           output = formatArea(geom);

  3567.           //           //Return an interior point of the polygon.

  3568.           //           //获取多变形内部点的坐标

  3569.           //           tooltipCoord = geom.getInteriorPoint().getCoordinates();

  3570.           //

  3571.           //           //设置测量提示框的内标签为最终输出结果

  3572.           //           measureTooltipElement.innerHTML = output;

  3573.           //           //设置测量提示信息的位置坐标

  3574.           //           measureTooltip.setPosition(tooltipCoord);

  3575.           //         });

  3576.           //

  3577.           //         //地图单击事件

  3578.           //         map.on("singleclick", function (evt) {

  3579.           //           //设置测量提示信息的位置坐标，用来确定鼠标点击后测量提示框的位置

  3580.           //           measureTooltip.setPosition(evt.coordinate);

  3581.           //           //如果是第一次点击，则设置测量提示框的文本内容为起点

  3582.           //           if (count == 0) {

  3583.           //             measureTooltipElement.innerHTML = "起点";

  3584.           //           }

  3585.           //           //根据鼠标点击位置生成一个点

  3586.           //           var point = new ol.geom.Point(evt.coordinate);

  3587.           //           //将该点要素添加到矢量数据源中

  3588.           //           source.addFeature(new ol.Feature(point));

  3589.           //           //更改测量提示框的样式，使测量提示框可见

  3590.           //           measureTooltipElement.className = "tooltip tooltip-static";

  3591.           //           //创建测量提示框

  3592.           //           createMeasureTooltip();

  3593.           //           //点击次数增加

  3594.           //           count++;

  3595.           //         });

  3596.           //

  3597.           //         //地图双击事件

  3598.           //         map.on("dblclick", function (evt) {

  3599.           //           //根据

  3600.           //           var point = new ol.geom.Point(evt.coordinate);

  3601.           //           source.addFeature(new ol.Feature(point));

  3602.           //         });

  3603.           //       },

  3604.           //       this

  3605.           //     );

  3606.           //     //绘制结束事件

  3607.           //     draw_cm.on(

  3608.           //       "drawend",

  3609.           //       function (evt) {

  3610.           //         count = 0;

  3611.           //         //设置测量提示框的样式

  3612.           //         measureTooltipElement.className = "tooltip tooltip-static";

  3613.           //         //Set the offset for this overlay.

  3614.           //         //设置偏移量

  3615.           //         measureTooltip.setOffset([0, -7]);

  3616.           //         //清空绘制要素

  3617.           //         sketch = null;

  3618.           //         //清空测量提示要素

  3619.           //         measureTooltipElement = null;

  3620.           //         //创建测量提示框

  3621.           //         createMeasureTooltip();

  3622.           //         //Removes an event listener using the key returned by on() or once().

  3623.           //         //移除事件监听

  3624.           //         ol.Observable.unByKey(listener);

  3625.           //         //移除地图单击事件

  3626.           //         map.removeEventListener("singleclick");

  3627.           //       },

  3628.           //       this

  3629.           //     );

  3630.           //   }

  3631.           //   /**

  3632.           //    * Creates a new help tooltip

  3633.           //    */

  3634.           //   function createHelpTooltip() {

  3635.           //     if (helpTooltipElement) {

  3636.           //       helpTooltipElement.parentNode.removeChild(helpTooltipElement);

  3637.           //     }

  3638.           //     helpTooltipElement = document.createElement("div");

  3639.           //     helpTooltipElement.className = "ol-tooltip hidden";

  3640.           //     helpTooltip = new ol.Overlay({

  3641.           //       element: helpTooltipElement,

  3642.           //       offset: [15, 0],

  3643.           //       positioning: "center-left",

  3644.           //     });

  3645.           //     map.addOverlay(helpTooltip);

  3646.           //   }

  3647.           //

  3648.           //   /**

  3649.           //    * Creates a new measure tooltip

  3650.           //    */

  3651.           //   function createMeasureTooltip() {

  3652.           //     if (measureTooltipElement) {

  3653.           //       measureTooltipElement.parentNode.removeChild(measureTooltipElement);

  3654.           //     }

  3655.           //     measureTooltipElement = document.createElement("div");

  3656.           //     measureTooltipElement.className = "ol-tooltip ol-tooltip-measure";

  3657.           //     measureTooltip = new ol.Overlay({

  3658.           //       element: measureTooltipElement,

  3659.           //       offset: [0, -15],

  3660.           //       positioning: "bottom-center",

  3661.           //     });

  3662.           //     map.addOverlay(measureTooltip);

  3663.           //   }

  3664.           //

  3665.           //   //格式化测量面积

  3666.           //   var formatArea = function (polygon) {

  3667.           //     //定义面积变量

  3668.           //     var area;

  3669.           //     //获取平面面积

  3670.           //     area = polygon.getArea();

  3671.           //     //定义输出变量

  3672.           //     var output;

  3673.           //     //当面积大于10000时，转换为平方千米，否则为平方米

  3674.           //     if (area > 10000) {

  3675.           //       output =

  3676.           //         Math.round((area / 1000000) * 100) / 100 + " " + "km<sup>2</sup>";

  3677.           //     } else {

  3678.           //       output = Math.round(area * 100) / 100 + " " + "m<sup>2</sup>";

  3679.           //     }

  3680.           //     return output;

  3681.           //   };

  3682.           //

  3683.           //   addInteraction();

  3684.           // });

  3685.           // //侧面结束-----------------------------------------------------------------end

  3686. 

  3687.           //全图展示-----------------start

  3688.           $("#mapAllQt").click(function (){

  3689.             //定位查询位置

  3690.             let param_dw = {

  3691.               srsName: "EPSG:3857",

  3692.               service: "WFS",

  3693.               version: "1.0.0",

  3694.               request: "GetFeature",

  3695.               typename: "zjd_dc:t_house_survey_border_village",

  3696.               //featureNS: 'nsgk_hc',//命名空间 URI

  3697.               cql_filter: cql_filter,

  3698.               //featurePrefix: 'nationalwater',//工作区名称

  3699.               //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  3700.               outputFormat: "application/json",

  3701.               //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  3702.             };

  3703.             let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;

  3704.             url_dw = url_dw + "?";

  3705.             for (let key in param_dw) {

  3706.               url_dw = url_dw + key + "=" + param_dw[key] + "&";

  3707.             }

  3708.             url_dw = url_dw.substr(0, url_dw.length - 1);

  3709.             fetch(url_dw, {

  3710.               method: "POST", // *GET, POST, PUT, DELETE, etc.

  3711.             })

  3712.               .then((res) => {

  3713.                 var geojsonmap = res.json();

  3714.                 return geojsonmap;

  3715.               })

  3716.               .then((data) => {

  3717.                 let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize());

  3718.                 resolution:resolution + Math.random() * 0.00000001,

  3719.                 map.getView().fit(data.bbox);

  3720.                 map.getView().setResolution(resolution);

  3721.                 // var datamap = data.bbox;

  3722.                 // var center = ol.extent.getCenter(datamap);

  3723.                 // map.getView().animate({

  3724.                 //   // 只设置需要的属性即可

  3725.                 //   center: center, // 中心点

  3726.                 //   rotation: undefined, // 缩放完成view视图旋转弧度

  3727.                 // });

  3728.               })

  3729.               .catch((error) => {

  3730.                 console.log("【异常】", error);

  3731.               });

  3732.           });

  3733. 

  3734.           //业务图层  wfs服务  属性查询开始 ------------------start

  3735.           /**

  3736.            * @api wfs服务空间查询

  3737.            * @param {*} wfsurl

  3738.            * @param {*} srsName

  3739.            * @param {*} typeName

  3740.            * @param {*} drawType

  3741.            * @param {option 可选} geometryField

  3742.            */

  3743. 

  3744.           //查询全部图层  -------查询叠加图层出现覆盖问题

  3745.           var wmsSource = new ol.source.TileWMS({

  3746.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3747.             params: {

  3748.               LAYERS: "zjd_dc:t_house_survey_all",

  3749.               TILED: true,

  3750.               SRID: 3857,

  3751.               serverType: "geoserver",

  3752.               crossOrigin: "anonymous",

  3753.             },

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

  3755.           });

  3756. 

  3757.           //查询宅基地图层

  3758.           var ZjdwmsSource = new ol.source.TileWMS({

  3759.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3760.             params: {

  3761.               LAYERS: "zjd_dc:t_house_survey_zjdzd",

  3762.               TILED: true,

  3763.               SRID: 3857,

  3764.               serverType: "geoserver",

  3765.               crossOrigin: "anonymous",

  3766.             },

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

  3768.           });

  3769. 

  3770.           //查询自然幢图层

  3771.           var ZrzwmsSource = new ol.source.TileWMS({

  3772.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3773.             params: {

  3774.               LAYERS: "zjd_dc:t_house_survey_zrz",

  3775.               TILED: true,

  3776.               SRID: 3857,

  3777.               serverType: "geoserver",

  3778.               crossOrigin: "anonymous",

  3779.             },

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

  3781.           });

  3782. 

  3783.           //查询附属设施图层

  3784.           var FssswmsSource = new ol.source.TileWMS({

  3785.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3786.             params: {

  3787.               LAYERS: "zjd_dc:t_house_survey_fsss",

  3788.               TILED: true,

  3789.               SRID: 3857,

  3790.               serverType: "geoserver",

  3791.               crossOrigin: "anonymous",

  3792.             },

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

  3794.           });

  3795. 

  3796. 

  3797.           map.on("pointermove", function (evt) {

  3798.             if (evt.dragging) {

  3799.               return;

  3800.             }

  3801.             var pixel = map.getEventPixel(evt.originalEvent);

  3802.             var hit = map.forEachLayerAtPixel(pixel, function () {

  3803.               return true;

  3804.             });

  3805.             map.getTargetElement().style.cursor = hit ? "pointer" : "";

  3806.           });

  3807.           //属性查询结束 ------------------end

  3808.           //点击查询详细信息

  3809.           map.on("singleclick", function (evt) {

  3810.             console.log(evt);

  3811.             let feature = map.forEachFeatureAtPixel(

  3812.               evt.pixel,

  3813.               (feature) => feature

  3814.             );

  3815.             var viewResolution = map.getView().getResolution(); ///** @type {number} */ (view.getResolution());

  3816.             var zb = evt.coordinate;

  3817.             var url;

  3818.             var url_bbox;

  3819.             that.clickBbox ="";

  3820.             that.textMjAll = "";

  3821.             if(that.drawingClick) {

  3822.               //点击空白删除之前图层

  3823.               map.removeLayer(hc_land_on);

  3824.               //map.removeLayer(hc_land_query);

  3825.               //for(var i=0;hc_land_query>i;i++){

  3826.                 //map.removeLayer(hc_land_query);

  3827.               for(var i=0;hc_land_queryList.length>i;i++){

  3828.                 map.removeLayer(hc_land_queryList[i]);

  3829.               }

  3830.               //}c

  3831.               if (that.fsssSx && that.zjdSx && that.zrzSx) {

  3832.                 url = wmsSource.getFeatureInfoUrl(

  3833.                   evt.coordinate,

  3834.                   viewResolution,

  3835.                   "EPSG:3857",

  3836.                   {INFO_FORMAT: "text/html"}

  3837.                 );

  3838.                 url_bbox = wmsSource.getFeatureInfoUrl(

  3839.                   evt.coordinate,

  3840.                   viewResolution,

  3841.                   "EPSG:3857",

  3842.                   {INFO_FORMAT: "application/json"}

  3843.                 );

  3844.               } else {

  3845.                 if (that.zjdSx) {

  3846.                   url = ZjdwmsSource.getFeatureInfoUrl(

  3847.                     evt.coordinate,

  3848.                     viewResolution,

  3849.                     "EPSG:3857",

  3850.                     {INFO_FORMAT: "text/html"}

  3851.                   );

  3852.                   url_bbox = ZjdwmsSource.getFeatureInfoUrl(

  3853.                     evt.coordinate,

  3854.                     viewResolution,

  3855.                     "EPSG:3857",

  3856.                     {INFO_FORMAT: "application/json"}

  3857.                   );

  3858.                 } else if (that.fsssSx) {

  3859.                   url = FssswmsSource.getFeatureInfoUrl(

  3860.                     evt.coordinate,

  3861.                     viewResolution,

  3862.                     "EPSG:3857",

  3863.                     {INFO_FORMAT: "text/html"}

  3864.                   );

  3865.                   url_bbox = FssswmsSource.getFeatureInfoUrl(

  3866.                     evt.coordinate,

  3867.                     viewResolution,

  3868.                     "EPSG:3857",

  3869.                     {INFO_FORMAT: "application/json"}

  3870.                   );

  3871.                 } else if (that.zrzSx) {

  3872.                   url = ZrzwmsSource.getFeatureInfoUrl(

  3873.                     evt.coordinate,

  3874.                     viewResolution,

  3875.                     "EPSG:3857",

  3876.                     {INFO_FORMAT: "text/html"}

  3877.                   );

  3878.                   url_bbox = ZrzwmsSource.getFeatureInfoUrl(

  3879.                     evt.coordinate,

  3880.                     viewResolution,

  3881.                     "EPSG:3857",

  3882.                     {INFO_FORMAT: "application/json"}

  3883.                   );

  3884.                 } else {

  3885.                   url = wmsSource.getFeatureInfoUrl(

  3886.                     evt.coordinate,

  3887.                     viewResolution,

  3888.                     "EPSG:3857",

  3889.                     {INFO_FORMAT: "text/html"}

  3890.                   );

  3891.                   url_bbox = wmsSource.getFeatureInfoUrl(

  3892.                     evt.coordinate,

  3893.                     viewResolution,

  3894.                     "EPSG:3857",

  3895.                     {INFO_FORMAT: "application/json"}

  3896.                   );

  3897.                 }

  3898.               }

  3899.               if (url_bbox) {

  3900.                 fetch(url_bbox).then((res) => {

  3901.                   var geojsonmap = res.json();

  3902.                   return geojsonmap;

  3903.                 })

  3904.                   .then((data) => {

  3905.                     var center = ol.extent.getCenter(data.bbox); //获取边界区域的中心位置

  3906.                     center = [center[0], center[1] - 16];

  3907.                     that.clickBbox = center;

  3908.                   })

  3909.                   .catch((error) => {

  3910.                     that.mapZjdData = "";

  3911.                     that.mapZrzData = "";

  3912.                     that.mapFsssData = "";

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

  3914.                     that.mapZjdTeAll.mapZjdAData = {};

  3915.                     that.mapZjdTeAll.mapZrzAData = {};

  3916.                     that.mapZjdTeAll.mapFsssAData = {};

  3917.                     that.mapZjdDataTure = "";

  3918.                     that.mapXs =false;

  3919.                     that.mapClick ="";

  3920.                     console.log("【异常】", error);

  3921.                   });

  3922.               }

  3923.               if (url) {

  3924.                 fetch(url)

  3925.                   .then(function (response) {

  3926.                     return response.text();

  3927.                   })

  3928.                   .then(function (html) {

  3929.                     document.getElementById("info").innerHTML = html;

  3930.                     if (html.indexOf("<table") != -1) {

  3931.                       that.mapZjdData = "";

  3932.                       that.mapZrzData = "";

  3933.                       that.mapFsssData = "";

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

  3935.                       that.mapZjdTeAll.mapZjdAData = {};

  3936.                       that.mapZjdTeAll.mapZrzAData = {};

  3937.                       that.mapZjdTeAll.mapFsssAData = {};

  3938.                       that.mapZjdDataTure = "";

  3939.                       setTimeout(() => {

  3940.                         if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zjdzd") {

  3941.                           map.removeLayer(hc_land_on);

  3942.                           that.mapHasDateStatus = 2;

  3943.                           that.mapXs = true;

  3944.                           let obj = {};

  3945.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  3946.                           let zjdXq = trs.find("td").eq(0).text();

  3947.                           let zjdIdNum = zjdXq.replace("t_house_survey_zjdzd.", "");

  3948.                           obj.id = zjdIdNum; //	主键id

  3949.                           obj.deptName = trs.find("td").eq(3).text();//行政区划名称

  3950. 

  3951.                           obj.zjddm = trs.find("td").eq(6).text();//宅基地代码

  3952. 

  3953.                           obj.zdmj = trs.find("td").eq(11).text();//宗地面积

  3954. 

  3955.                           obj.active = 1;

  3956. 

  3957.                           var vector_drawing_map;

  3958.                           let params = {

  3959.                             "deptId": that.$cookies.get("item").deptId,

  3960.                             "zjddm": obj.zjddm,

  3961.                           }

  3962.                           that.mapClick = obj.zjddm;

  3963.                           //点击查看自然幢

  3964.                           //自然幢图层查询开始 ------------------start

  3965.                           var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  3966.                           zrzTc = new ol.layer.Image({

  3967.                             source: new ol.source.ImageWMS({

  3968.                               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3969.                               params: {

  3970.                                 LAYERS: 'zjd_dc:t_house_survey_zrz',

  3971.                                 TILED: true,

  3972.                                 cql_filter: cql_filter_map,

  3973.                                 SRID: 3857,

  3974.                                 TIMESTAMP: new Date().getTime(),

  3975.                               },

  3976.                             }),

  3977.                           });

  3978.                           map.addLayer(zrzTc);

  3979.                           //自然幢图层查询开始 ------------------start

  3980.                           //附属设施图层查询开始 ------------------start

  3981.                           //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  3982.                           fsssTc = new ol.layer.Image({

  3983.                             source: new ol.source.ImageWMS({

  3984.                               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  3985.                               params: {

  3986.                                 LAYERS: 'zjd_dc:t_house_survey_fsss',

  3987.                                 TILED: true,

  3988.                                 cql_filter: cql_filter_map,

  3989.                                 SRID: 3857,

  3990.                                 TIMESTAMP: new Date().getTime(),

  3991.                               },

  3992.                             }),

  3993.                           });

  3994.                           map.addLayer(fsssTc);

  3995.                           //附属设施图层查询开始 ------------------end

  3996.                           that.$cookies.set("search", "")

  3997.                           //that.$cookies.set("map", "")

  3998.                           console.log(document.cookie.split(';').length)

  3999.                           console.log(params);

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

  4001.                             if (response.rows[0].zdmj != "") {

  4002.                               that.textMjAll = response.rows[0].zdmj;

  4003.                             } else {

  4004.                               that.textMjAllNum = "1";

  4005.                             }

  4006.                             that.mapZjdData = response.rows[0];

  4007.                             that.mapZjdData.active = 1;

  4008.                             that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4009.                             that.mapZjdDataTure = 1;

  4010.                             that.zjdHcDy = obj.zjddm;

  4011.                             var styleZjd = new ol.style.Style({

  4012.                               stroke: new ol.style.Stroke({

  4013.                                 //边界样式

  4014.                                 color: "#CCFF66",

  4015.                                 width: 6,

  4016.                               }),

  4017.                             });

  4018.                             hc_land_on = new ol.layer.Vector({

  4019.                               title: "add Layer",

  4020.                               source: new ol.source.Vector({

  4021.                                 projection: projection,

  4022.                                 features: new ol.format.GeoJSON().readFeatures("{\n" +

  4023.                                   "    \"type\": \"Feature\",\n" +

  4024.                                   "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),

  4025.                               }),

  4026.                               style: styleZjd

  4027.                             });

  4028.                             map.addLayer(hc_land_on);

  4029.                             var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4030.                             var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4031.                             var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4032.                             var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4033.                             //定位查询位置

  4034.                             var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4035.                             map.getView().animate({

  4036.                               // 只设置需要的属性即可

  4037.                               center: center, // 中心点

  4038.                               zoom: 17.8, // 缩放级别

  4039.                               rotation: undefined, // 缩放完成view视图旋转弧度

  4040.                               duration: 1000, // 缩放持续时间，默认不需要设置

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

  4042.                             });

  4043. 

  4044.                             function createLabelStyleMap() {

  4045.                               return new ol.style.Style({

  4046.                                 text: new ol.style.Text({

  4047.                                   text: that.mapZjdData.syqr,

  4048.                                   textAlign: "center", //位置

  4049.                                   textBaseline: "middle", //基准线

  4050.                                   font: "normal 16px 微软雅黑", //文字样式

  4051.                                   //text: "标注点", //文本内容

  4052.                                   fill: new ol.style.Fill({

  4053.                                     //文本填充样式（即文字颜色)

  4054.                                     color: "#09DDCE",

  4055.                                     width: 10,

  4056.                                   }),

  4057.                                   overflow: false //超出面的部分不显示

  4058.                                 }),

  4059.                                 zIndex: 9999,

  4060.                               });

  4061.                             }

  4062. 

  4063.                             var newcenterFeatureMap = new ol.Feature({

  4064.                               geometry: new ol.geom.Point(center), //几何信息

  4065.                               //name: "标注点",

  4066.                             });

  4067.                             var sourceMapLookMap = new ol.source.Vector({wrapX: false});

  4068.                             vector_drawing_map = new ol.layer.Vector({

  4069.                               source: sourceMapLookMap,

  4070.                             });

  4071.                             map.addLayer(vector_drawing_map);

  4072.                             newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式

  4073.                             sourceMapLookMap.addFeature(newcenterFeatureMap);

  4074.                           });

  4075.                           //let cloneObj = JSON.parse(JSON.stringify(obj));

  4076.                           //that.mapZjdData = cloneObj;

  4077.                         } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zrz") {

  4078.                           //that.mapZjdTeAll.mapZjdAData ={};

  4079.                           that.mapZjdDataTure = "";

  4080.                           that.mapZjdTeAll.mapFsssAData = {};

  4081.                           map.removeLayer(hc_land_on);

  4082.                           let obj = {};

  4083.                           that.mapHasDateStatus = 1;

  4084.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  4085.                           let zrzXq = trs.find("td").eq(0).text();

  4086.                           let zrzIdNum = zrzXq.replace("t_house_survey_zrz.", "");

  4087.                           obj.id = zrzIdNum; //	主键id

  4088.                           obj.deptName = trs.find("td").eq(3).text();//行政区划名称

  4089.                           obj.zjddm = trs.find("td").eq(4).text();//宅基地代码

  4090.                           obj.scjzmj = trs.find("td").eq(12).text();//实测建筑面积

  4091.                           let params = {

  4092.                             "deptId": that.$cookies.get("item").deptId,

  4093.                             "zjddm": obj.zjddm,

  4094.                           }

  4095.                           that.$cookies.set("search", "")

  4096.                           //that.$cookies.set("map", "")

  4097.                           console.log(that.mapZjdData);

  4098.                           //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {

  4099.                           console.log(that.mapClick);

  4100.                           console.log(obj.zjddm);

  4101.                           if(that.mapXs && that.mapClick == obj.zjddm){

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

  4103.                               that.mapZjdData = response.rows[0];

  4104.                               //that.mapZjdAData.active = 1;

  4105.                               that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4106.                               getZrz(obj.id).then((response) => {

  4107.                                 if (response.data.scjzmj != "") {

  4108.                                   that.textMjAll = response.data.scjzmj;

  4109.                                 } else {

  4110.                                   that.textMjAllNum = "1";

  4111.                                 }

  4112.                                 that.mapZrzData = response.data;

  4113.                                 that.mapZrzData.active = 3;

  4114.                                 that.mapZjdTeAll.mapZrzAData = that.mapZrzData;

  4115.                                 that.zjdHcDy = obj.zjddm;

  4116.                                 var styleZjd = new ol.style.Style({

  4117.                                   stroke: new ol.style.Stroke({

  4118.                                     //边界样式

  4119.                                     color: "#CCFF66",

  4120.                                     width: 6,

  4121.                                   }),

  4122.                                 });

  4123.                                 hc_land_on = new ol.layer.Vector({

  4124.                                   title: "add Layer",

  4125.                                   source: new ol.source.Vector({

  4126.                                     projection: projection,

  4127.                                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  4128.                                       "    \"type\": \"Feature\",\n" +

  4129.                                       "    \"geometry\":" + that.mapZrzData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZrzData) + "}"),

  4130.                                   }),

  4131.                                   style: styleZjd

  4132.                                 });

  4133.                                 map.addLayer(hc_land_on);

  4134.                                 var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4135.                                 var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4136.                                 var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4137.                                 var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4138.                                 //定位查询位置

  4139.                                 var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4140.                                 map.getView().animate({

  4141.                                   // 只设置需要的属性即可

  4142.                                   center: center, // 中心点

  4143.                                   zoom: 17.8, // 缩放级别

  4144.                                   rotation: undefined, // 缩放完成view视图旋转弧度

  4145.                                   duration: 1000, // 缩放持续时间，默认不需要设置

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

  4147.                                 });

  4148.                               });

  4149.                             });

  4150.                           } else {

  4151.                             //自然幢图层查询开始 ------------------start

  4152.                             var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  4153.                             zrzTc = new ol.layer.Image({

  4154.                               source: new ol.source.ImageWMS({

  4155.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  4156.                                 params: {

  4157.                                   LAYERS: 'zjd_dc:t_house_survey_zrz',

  4158.                                   TILED: true,

  4159.                                   cql_filter: cql_filter_map,

  4160.                                   SRID: 3857,

  4161.                                   TIMESTAMP: new Date().getTime(),

  4162.                                 },

  4163.                               }),

  4164.                             });

  4165.                             map.addLayer(zrzTc);

  4166.                             //自然幢图层查询开始 ------------------start

  4167.                             //附属设施图层查询开始 ------------------start

  4168.                             //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  4169.                             fsssTc = new ol.layer.Image({

  4170.                               source: new ol.source.ImageWMS({

  4171.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  4172.                                 params: {

  4173.                                   LAYERS: 'zjd_dc:t_house_survey_fsss',

  4174.                                   TILED: true,

  4175.                                   cql_filter: cql_filter_map,

  4176.                                   SRID: 3857,

  4177.                                   TIMESTAMP: new Date().getTime(),

  4178.                                 },

  4179.                               }),

  4180.                             });

  4181.                             map.addLayer(fsssTc);

  4182.                             //附属设施图层查询开始 ------------------end

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

  4184.                               if (response.rows[0].zdmj != "") {

  4185.                                 that.textMjAll = response.rows[0].zdmj;

  4186.                               } else {

  4187.                                 that.textMjAllNum = "1";

  4188.                               }

  4189.                               that.mapZjdData = response.rows[0];

  4190.                               that.mapZjdData.active = 1;

  4191.                               that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4192.                               that.mapZjdDataTure = 1;

  4193.                               that.zjdHcDy = obj.zjddm;

  4194.                               that.mapClick = obj.zjddm;

  4195.                               that.mapXs = true;

  4196.                               var styleZjd = new ol.style.Style({

  4197.                                 stroke: new ol.style.Stroke({

  4198.                                   //边界样式

  4199.                                   color: "#CCFF66",

  4200.                                   width: 6,

  4201.                                 }),

  4202.                               });

  4203.                               hc_land_on = new ol.layer.Vector({

  4204.                                 title: "add Layer",

  4205.                                 source: new ol.source.Vector({

  4206.                                   projection: projection,

  4207.                                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  4208.                                     "    \"type\": \"Feature\",\n" +

  4209.                                     "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),

  4210.                                 }),

  4211.                                 style: styleZjd

  4212.                               });

  4213.                               map.addLayer(hc_land_on);

  4214.                               var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4215.                               var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4216.                               var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4217.                               var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4218.                               //定位查询位置

  4219.                               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4220.                               map.getView().animate({

  4221.                                 // 只设置需要的属性即可

  4222.                                 center: center, // 中心点

  4223.                                 zoom: 17.8, // 缩放级别

  4224.                                 rotation: undefined, // 缩放完成view视图旋转弧度

  4225.                                 duration: 1000, // 缩放持续时间，默认不需要设置

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

  4227.                               });

  4228. 

  4229.                               function createLabelStyleMap() {

  4230.                                 return new ol.style.Style({

  4231.                                   text: new ol.style.Text({

  4232.                                     text: that.mapZjdData.syqr,

  4233.                                     textAlign: "center", //位置

  4234.                                     textBaseline: "middle", //基准线

  4235.                                     font: "normal 16px 微软雅黑", //文字样式

  4236.                                     //text: "标注点", //文本内容

  4237.                                     fill: new ol.style.Fill({

  4238.                                       //文本填充样式（即文字颜色)

  4239.                                       color: "#09DDCE",

  4240.                                       width: 10,

  4241.                                     }),

  4242.                                     overflow: false //超出面的部分不显示

  4243.                                   }),

  4244.                                   zIndex: 9999,

  4245.                                 });

  4246.                               }

  4247. 

  4248.                               var newcenterFeatureMap = new ol.Feature({

  4249.                                 geometry: new ol.geom.Point(center), //几何信息

  4250.                                 //name: "标注点",

  4251.                               });

  4252.                               var sourceMapLookMap = new ol.source.Vector({wrapX: false});

  4253.                               vector_drawing_map = new ol.layer.Vector({

  4254.                                 source: sourceMapLookMap,

  4255.                               });

  4256.                               map.addLayer(vector_drawing_map);

  4257.                               newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式

  4258.                               sourceMapLookMap.addFeature(newcenterFeatureMap);

  4259.                             });

  4260.                           }

  4261.                         } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_fsss") {

  4262.                           that.mapZjdTeAll.mapZrzAData = {};

  4263.                           that.mapZjdDataTure = "";

  4264.                           //that.mapZjdTeAll.mapZjdAData ={};

  4265.                           map.removeLayer(hc_land_on);

  4266.                           let obj = {};

  4267.                           that.mapHasDateStatus = 0;

  4268.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  4269.                           let fsssXq = trs.find("td").eq(0).text();

  4270.                           let fsssIdNum = fsssXq.replace("t_house_survey_fsss.", "");

  4271.                           obj.id = fsssIdNum; //	主键id

  4272.                           obj.deptName = trs.find("td").eq(4).text();//行政区划名称

  4273.                           obj.zjddm = trs.find("td").eq(1).text();//宅基地代码

  4274.                           // obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态

  4275.                           // obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型

  4276.                           obj.jzmj = trs.find("td").eq(8).text(); //建筑面积

  4277. 

  4278.                           let params = {

  4279.                             "deptId": that.$cookies.get("item").deptId,

  4280.                             "zjddm": obj.zjddm,

  4281.                             "pageSize": 20,

  4282.                           }

  4283.                           that.$cookies.remove("search")

  4284.                           //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {

  4285.                           if(that.mapXs && that.mapClick == obj.zjddm){

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

  4287.                             that.mapZjdData = response.rows[0];

  4288.                             that.mapZjdData.active = 1;

  4289.                             that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4290.                             getFsss(obj.id).then((response) => {

  4291.                               if (response.data.jzmj != "") {

  4292.                                 that.textMjAll = response.data.jzmj;

  4293.                               } else {

  4294.                                 that.textMjAllNum = "1";

  4295.                               }

  4296.                               //that.mapfsssData.active = 4;

  4297.                               that.mapfsssData = response.data;

  4298.                               console.log(that.mapfsssData);

  4299.                               that.mapZjdTeAll.mapFsssAData = that.mapfsssData;

  4300.                               that.zjdHcDy = obj.zjddm;

  4301.                               var styleZjd = new ol.style.Style({

  4302.                                 stroke: new ol.style.Stroke({

  4303.                                   //边界样式

  4304.                                   color: "#CCFF66",

  4305.                                   width: 6,

  4306.                                 }),

  4307.                               });

  4308.                               hc_land_on = new ol.layer.Vector({

  4309.                                 title: "add Layer",

  4310.                                 source: new ol.source.Vector({

  4311.                                   projection: projection,

  4312.                                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  4313.                                     "    \"type\": \"Feature\",\n" +

  4314.                                     "    \"geometry\":" + that.mapfsssData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapfsssData) + "}"),

  4315.                                 }),

  4316.                                 style: styleZjd

  4317.                               });

  4318.                               map.addLayer(hc_land_on);

  4319.                               var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4320.                               var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4321.                               var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4322.                               var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4323.                               //定位查询位置

  4324.                               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4325.                               map.getView().animate({

  4326.                                 // 只设置需要的属性即可

  4327.                                 center: center, // 中心点

  4328.                                 zoom: 17.8, // 缩放级别

  4329.                                 rotation: undefined, // 缩放完成view视图旋转弧度

  4330.                                 duration: 1000, // 缩放持续时间，默认不需要设置

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

  4332.                               });

  4333.                             });

  4334.                           });

  4335.                         } else {

  4336.                             //自然幢图层查询开始 ------------------start

  4337.                             var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  4338.                             zrzTc = new ol.layer.Image({

  4339.                               source: new ol.source.ImageWMS({

  4340.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  4341.                                 params: {

  4342.                                   LAYERS: 'zjd_dc:t_house_survey_zrz',

  4343.                                   TILED: true,

  4344.                                   cql_filter: cql_filter_map,

  4345.                                   SRID: 3857,

  4346.                                   TIMESTAMP: new Date().getTime(),

  4347.                                 },

  4348.                               }),

  4349.                             });

  4350.                             map.addLayer(zrzTc);

  4351.                             //自然幢图层查询开始 ------------------start

  4352.                             //附属设施图层查询开始 ------------------start

  4353.                             //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  4354.                             fsssTc = new ol.layer.Image({

  4355.                               source: new ol.source.ImageWMS({

  4356.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  4357.                                 params: {

  4358.                                   LAYERS: 'zjd_dc:t_house_survey_fsss',

  4359.                                   TILED: true,

  4360.                                   cql_filter: cql_filter_map,

  4361.                                   SRID: 3857,

  4362.                                   TIMESTAMP: new Date().getTime(),

  4363.                                 },

  4364.                               }),

  4365.                             });

  4366.                             map.addLayer(fsssTc);

  4367.                             //附属设施图层查询开始 ------------------end

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

  4369.                               if (response.rows[0].zdmj != "") {

  4370.                                 that.textMjAll = response.rows[0].zdmj;

  4371.                               } else {

  4372.                                 that.textMjAllNum = "1";

  4373.                               }

  4374.                               that.mapZjdData = response.rows[0];

  4375.                               that.mapZjdData.active = 1;

  4376.                               that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4377.                               that.mapZjdDataTure = 1;

  4378.                               that.zjdHcDy = obj.zjddm;

  4379.                               that.mapClick = obj.zjddm;

  4380.                               that.mapXs = true;

  4381.                               var styleZjd = new ol.style.Style({

  4382.                                 stroke: new ol.style.Stroke({

  4383.                                   //边界样式

  4384.                                   color: "#CCFF66",

  4385.                                   width: 6,

  4386.                                 }),

  4387.                               });

  4388.                               hc_land_on = new ol.layer.Vector({

  4389.                                 title: "add Layer",

  4390.                                 source: new ol.source.Vector({

  4391.                                   projection: projection,

  4392.                                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  4393.                                     "    \"type\": \"Feature\",\n" +

  4394.                                     "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),

  4395.                                 }),

  4396.                                 style: styleZjd

  4397.                               });

  4398.                               map.addLayer(hc_land_on);

  4399.                               var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4400.                               var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4401.                               var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4402.                               var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4403.                               //定位查询位置

  4404.                               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4405.                               map.getView().animate({

  4406.                                 // 只设置需要的属性即可

  4407.                                 center: center, // 中心点

  4408.                                 zoom: 17.8, // 缩放级别

  4409.                                 rotation: undefined, // 缩放完成view视图旋转弧度

  4410.                                 duration: 1000, // 缩放持续时间，默认不需要设置

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

  4412.                               });

  4413. 

  4414.                               function createLabelStyleMap() {

  4415.                                 return new ol.style.Style({

  4416.                                   text: new ol.style.Text({

  4417.                                     text: that.mapZjdData.syqr,

  4418.                                     textAlign: "center", //位置

  4419.                                     textBaseline: "middle", //基准线

  4420.                                     font: "normal 16px 微软雅黑", //文字样式

  4421.                                     //text: "标注点", //文本内容

  4422.                                     fill: new ol.style.Fill({

  4423.                                       //文本填充样式（即文字颜色)

  4424.                                       color: "#09DDCE",

  4425.                                       width: 10,

  4426.                                     }),

  4427.                                     overflow: false //超出面的部分不显示

  4428.                                   }),

  4429.                                   zIndex: 9999,

  4430.                                 });

  4431.                               }

  4432. 

  4433.                               var newcenterFeatureMap = new ol.Feature({

  4434.                                 geometry: new ol.geom.Point(center), //几何信息

  4435.                                 //name: "标注点",

  4436.                               });

  4437.                               var sourceMapLookMap = new ol.source.Vector({wrapX: false});

  4438.                               vector_drawing_map = new ol.layer.Vector({

  4439.                                 source: sourceMapLookMap,

  4440.                               });

  4441.                               map.addLayer(vector_drawing_map);

  4442.                               newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式

  4443.                               sourceMapLookMap.addFeature(newcenterFeatureMap);

  4444.                             });

  4445.                           }

  4446.                           // if(obj.jzmj != ""){

  4447.                           //   that.textMjAll = obj.jzmj;

  4448.                           // } else {

  4449.                           //   that.textMjAllNum = "1";

  4450.                           // }

  4451.                         } else {

  4452. 

  4453.                         }

  4454.                       }, 300);

  4455.                     } else {

  4456. 

  4457.                     }

  4458.                   });

  4459.               }

  4460.             }

  4461.             //数据库查询详情时使用----------------------------------------start

  4462.             // if(feature) {

  4463.             //   //document.getElementById("info").innerHTML = "";

  4464.             //   that.mapHaDataValue = true;

  4465.             //   var ifConsole = feature.values_.createBy;

  4466.             //   if (ifConsole =="mapTheGeomFsssId") {

  4467.             //     let obj = {};

  4468.             //     that.mapHasDateStatus = 0;

  4469.             //     obj.deptName = feature.values_.deptName;//行政区划名称

  4470.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  4471.             //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus; //状态

  4472.             //     obj.fssslx = feature.values_.fssslx; //附属设施类型

  4473.             //     obj.jzmj = feature.values_.jzmj; //建筑面积

  4474.             //     obj.qsly = feature.values_.qsly;//权属来源

  4475.             //     obj.fwzt = feature.values_.fwzt; //房屋状态

  4476.             //     obj.sfsp = feature.values_.sfsp; //是否审批

  4477.             //     obj.sffz = feature.values_.sffz; //是否发证

  4478.             //     obj.jglx = feature.values_.jglx; //结构类型

  4479.             //     obj.sfzzsy = feature.values_.sfzzsy; //是否正在使用

  4480.             //     obj.jzwqk = feature.values_.jzwqk; //建筑物情况

  4481.             //     obj.tdzk = feature.values_.tdzk; //审批或建设前土地状况

  4482.             //     obj.sfsgcf = feature.values_.sfsgcf; //是否受过处罚

  4483.             //     obj.sysNormalDisable = feature.values_.sysNormalDisable; //是否停用

  4484.             //     //附属设施类型字典项

  4485.             //     that.getDicts("fsss_type").then((response) => {

  4486.             //       var assetTypeOptions = response.data;

  4487.             //       if(obj.fssslx !=null && obj.fssslx !=""){

  4488.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4489.             //           if(obj.fssslx == assetTypeOptions[i].dictValue) {

  4490.             //             obj.fssslx = assetTypeOptions[i].dictLabel;

  4491.             //             break;

  4492.             //           }

  4493.             //         }

  4494.             //       }

  4495.             //     });

  4496.             //     //权属类型字典项

  4497.             //     that.getDicts("acquisition_method").then((response) => {

  4498.             //       var assetTypeOptions = response.data;

  4499.             //       if(obj.qsly !=null && obj.qsly !=""){

  4500.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4501.             //           if(obj.qsly == assetTypeOptions[i].dictValue) {

  4502.             //             obj.qsly = assetTypeOptions[i].dictLabel;

  4503.             //             break;

  4504.             //           }

  4505.             //         }

  4506.             //       }

  4507.             //     });

  4508.             //     //房屋状态字典项

  4509.             //     that.getDicts("fwzt").then((response) => {

  4510.             //       var assetTypeOptions = response.data;

  4511.             //       if(obj.fwzt !=null && obj.fwzt !=""){

  4512.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4513.             //           if(obj.fwzt == assetTypeOptions[i].dictValue) {

  4514.             //             obj.fwzt = assetTypeOptions[i].dictLabel;

  4515.             //             break;

  4516.             //           }

  4517.             //         }

  4518.             //       }

  4519.             //     });

  4520.             //     //是否审批字典项

  4521.             //     that.getDicts("sys_yes_no").then((response) => {

  4522.             //       var assetTypeOptions = response.data;

  4523.             //       if(obj.sfsp !=null && obj.sfsp !=""){

  4524.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4525.             //           if(obj.sfsp == assetTypeOptions[i].dictValue) {

  4526.             //             obj.sfsp = assetTypeOptions[i].dictLabel;

  4527.             //             break;

  4528.             //           }

  4529.             //         }

  4530.             //       }

  4531.             //     });

  4532.             //     //是否发证字典项

  4533.             //     that.getDicts("sys_yes_no").then((response) => {

  4534.             //       var assetTypeOptions = response.data;

  4535.             //       if(obj.sffz !=null && obj.sffz !=""){

  4536.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4537.             //           if(obj.sffz == assetTypeOptions[i].dictValue) {

  4538.             //             obj.sffz = assetTypeOptions[i].dictLabel;

  4539.             //             break;

  4540.             //           }

  4541.             //         }

  4542.             //       }

  4543.             //     });

  4544.             //     //结构类型字典项

  4545.             //     that.getDicts("house_jglx").then((response) => {

  4546.             //       var assetTypeOptions = response.data;

  4547.             //       if(obj.jglx !=null && obj.jglx !=""){

  4548.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4549.             //           if(obj.jglx == assetTypeOptions[i].dictValue) {

  4550.             //             obj.jglx = assetTypeOptions[i].dictLabel;

  4551.             //             break;

  4552.             //           }

  4553.             //         }

  4554.             //       }

  4555.             //     });

  4556.             //     //是否正在使用字典项

  4557.             //     that.getDicts("sys_yes_no").then((response) => {

  4558.             //       var assetTypeOptions = response.data;

  4559.             //       if(obj.sfzzsy !=null && obj.sfzzsy !=""){

  4560.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4561.             //           if(obj.sfzzsy == assetTypeOptions[i].dictValue) {

  4562.             //             obj.sfzzsy = assetTypeOptions[i].dictLabel;

  4563.             //             break;

  4564.             //           }

  4565.             //         }

  4566.             //       }

  4567.             //     });

  4568.             //     //房屋状态字典项

  4569.             //     that.getDicts("fwzt").then((response) => {

  4570.             //       var assetTypeOptions = response.data;

  4571.             //       if(obj.fwzt !=null && obj.fwzt !=""){

  4572.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4573.             //           if(obj.fwzt == assetTypeOptions[i].dictValue) {

  4574.             //             obj.fwzt = assetTypeOptions[i].dictLabel;

  4575.             //             break;

  4576.             //           }

  4577.             //         }

  4578.             //       }

  4579.             //     });

  4580.             //     //土地状况字典项

  4581.             //     that.getDicts("land_state").then((response) => {

  4582.             //       var assetTypeOptions = response.data;

  4583.             //       if(obj.tdzk !=null && obj.tdzk !=""){

  4584.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4585.             //           if(obj.tdzk == assetTypeOptions[i].dictValue) {

  4586.             //             obj.tdzk = assetTypeOptions[i].dictLabel;

  4587.             //             break;

  4588.             //           }

  4589.             //         }

  4590.             //       }

  4591.             //     });

  4592.             //     //是否受过处罚字典项

  4593.             //     that.getDicts("land_state").then((response) => {

  4594.             //       var assetTypeOptions = response.data;

  4595.             //       if(obj.sfsgcf !=null && obj.sfsgcf !=""){

  4596.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4597.             //           if(obj.sfsgcf == assetTypeOptions[i].dictValue) {

  4598.             //             obj.sfsgcf = assetTypeOptions[i].dictLabel;

  4599.             //             break;

  4600.             //           }

  4601.             //         }

  4602.             //       }

  4603.             //     });

  4604.             //     that.mapFsssData = obj;

  4605.             //   } else if(ifConsole =="mapTheGeomZrzId"){

  4606.             //     let obj = {};

  4607.             //     that.mapHasDateStatus = 1;

  4608.             //     obj.deptName = feature.values_.deptName;//部门名称

  4609.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  4610.             //     obj.nmfwzh = feature.values_.nmfwzh;//农民房屋幢号

  4611.             //     obj.zrzh = feature.values_.zrzh;//自然幢号

  4612.             //     obj.jgrq = feature.values_.jgrq;//竣工日期

  4613.             //     obj.jzwgd = feature.values_.jzwgd;//建筑物高度

  4614.             //     obj.zzdmj = feature.values_.zzdmj;//幢占地面积

  4615.             //     obj.zydmj = feature.values_.zydmj;//幢用地面积

  4616.             //     obj.scjzmj = feature.values_.scjzmj;//实测建筑面积

  4617.             //     obj.zcs = feature.values_.zcs;//总层数

  4618.             //     obj.dscs = feature.values_.dscs;//地上层数

  4619.             //     obj.dxcs = feature.values_.dxcs;//地下层数

  4620.             //     obj.fwjg = feature.values_.fwjg;//房屋结构

  4621.             //     obj.sjly = feature.values_.sjly;//数据来源

  4622.             //     obj.status = feature.values_.status;//状态

  4623.             //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus;//数据调查确认状态

  4624.             //     //字典项转化

  4625.             //     //房屋结构字典项

  4626.             //     that.getDicts("housing_structure").then((response) => {

  4627.             //       var assetTypeOptions = response.data;

  4628.             //       if(obj.fwjg !=null && obj.fwjg !=""){

  4629.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4630.             //           if(obj.fwjg == assetTypeOptions[i].dictValue) {

  4631.             //             obj.fwjg = assetTypeOptions[i].dictLabel;

  4632.             //             break;

  4633.             //           }

  4634.             //         }

  4635.             //       }

  4636.             //     });

  4637.             //     //房屋结构字典项

  4638.             //     that.getDicts("sjly").then((response) => {

  4639.             //       var assetTypeOptions = response.data;

  4640.             //       if(obj.sjly !=null && obj.sjly !=""){

  4641.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4642.             //           if(obj.sjly == assetTypeOptions[i].dictValue) {

  4643.             //             obj.sjly = assetTypeOptions[i].dictLabel;

  4644.             //             break;

  4645.             //           }

  4646.             //         }

  4647.             //       }

  4648.             //     });

  4649.             //     that.mapZrzData = obj;

  4650.             //   } else if(ifConsole =="mapTheGeomZjdId"){

  4651.             //     let obj = {};

  4652.             //     that.mapHasDateStatus = 2;

  4653.             //     obj.deptName = feature.values_.deptName;//行政区划名称

  4654.             //     obj.suyqrdm = feature.values_.suyqrdm;//所有权人代码

  4655.             //     obj.nhdm = feature.values_.nhdm;//农户代码

  4656.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  4657.             //     obj.zdbh = feature.values_.zdbh;//宗地编号

  4658.             //     obj.zddm = feature.values_.zddm;//宗地代码

  4659.             //     obj.zl = feature.values_.zl;//坐落

  4660.             //     obj.zldwdm = feature.values_.zldwdm;//坐落单位代码

  4661.             //     obj.zdmj = feature.values_.zdmj;//宗地面积

  4662.             //     obj.yt = feature.values_.yt;//用途

  4663.             //     obj.ytmc = feature.values_.ytmc;//用途名称

  4664.             //     obj.dj = feature.values_.dj;//宗地编号

  4665.             //     obj.jg = feature.values_.jg;//价格万元

  4666.             //     obj.qllx = feature.values_.qllx;//权利类型

  4667.             //     obj.qlxz = feature.values_.qlxz;//权利性质

  4668.             //     obj.qlsdfs = feature.values_.qlsdfs;//权利设定方式

  4669.             //     obj.rjl = feature.values_.rjl;//容积率

  4670.             //     obj.jzmd = feature.values_.jzmd;//建筑密度

  4671.             //     obj.jzxg = feature.values_.jzxg;//建筑限高

  4672.             //     obj.zdszd = feature.values_.zdszd;//宗地四至-东

  4673.             //     obj.zdszn = feature.values_.zdszn;//宗地四至-南

  4674.             //     obj.zdszx = feature.values_.zdszx;//宗地四至-西

  4675.             //     obj.zdszb = feature.values_.zdszb;//宗地四至-北

  4676.             //     obj.zdt = feature.values_.zdt;//宗地图

  4677.             //     obj.tfh = feature.values_.tfh;//图幅号

  4678.             //     obj.djh = feature.values_.djh;//地籍号

  4679.             //     obj.sjly = feature.values_.sjly;//数据来源

  4680.             //     obj.lyzk = feature.values_.lyzk;//当前利用状况

  4681.             //     obj.xzkssj = feature.values_.xzkssj;//闲置开始时间

  4682.             //     obj.sffz = feature.values_.sffz;//是否发证

  4683.             //     obj.zjdzsh = feature.values_.zjdzsh;//宅基地证书号

  4684.             //     obj.zjdxctp = feature.values_.zjdxctp;//宅基地现场图片

  4685.             //     obj.zjdqdfs = feature.values_.zjdqdfs;//宅基地取得方式

  4686.             //     obj.bccjl = feature.values_.bccjl;//被惩处经历

  4687.             //     obj.bccbz = feature.values_.bccbz;//被惩处备注

  4688.             //     obj.yctcyx = feature.values_.yctcyx;//有偿退出意向

  4689.             //     obj.zjdpzmj = feature.values_.zjdpzmj;//宅基地批准面积

  4690.             //     obj.zjdxzyy = feature.values_.zjdxzyy;//宅基地闲置原因

  4691.             //     obj.lzyx = feature.values_.lzyx;//流转意向

  4692.             //     obj.sysNormalDisable = feature.values_.sysNormalDisable;//是否停用

  4693.             //     obj.active = 1;

  4694.             //     //字典项转化

  4695.             //     //是否发证字典项

  4696.             //     that.getDicts("sys_yes_no").then((response) => {

  4697.             //       var assetTypeOptions = response.data;

  4698.             //       if(obj.sffz !=null && obj.sffz !=""){

  4699.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4700.             //           if(obj.sffz == assetTypeOptions[i].dictValue) {

  4701.             //             obj.sffz = assetTypeOptions[i].dictLabel;

  4702.             //             break;

  4703.             //           }

  4704.             //         }

  4705.             //       }

  4706.             //     });

  4707.             //     //利用状态字典项

  4708.             //     that.getDicts("zjdlyzk").then((response) => {

  4709.             //       var assetTypeOptions = response.data;

  4710.             //       if(obj.lyzk !=null && obj.lyzk !=""){

  4711.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4712.             //           if(obj.lyzk == assetTypeOptions[i].dictValue) {

  4713.             //             obj.lyzk = assetTypeOptions[i].dictLabel;

  4714.             //             break;

  4715.             //           }

  4716.             //         }

  4717.             //       }

  4718.             //     });

  4719.             //     //流转意向字典项

  4720.             //     that.getDicts("is_have").then((response) => {

  4721.             //       var assetTypeOptions = response.data;

  4722.             //       if(obj.lzyx !=null && obj.lzyx !=""){

  4723.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4724.             //           if(obj.lzyx == assetTypeOptions[i].dictValue) {

  4725.             //             obj.lzyx = assetTypeOptions[i].dictLabel;

  4726.             //             break;

  4727.             //           }

  4728.             //         }

  4729.             //       }

  4730.             //     });

  4731.             //     //有偿退出意向字典项

  4732.             //     that.getDicts("is_have").then((response) => {

  4733.             //       var assetTypeOptions = response.data;

  4734.             //       if(obj.yctcyx !=null && obj.yctcyx !=""){

  4735.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4736.             //           if(obj.yctcyx == assetTypeOptions[i].dictValue) {

  4737.             //             obj.yctcyx = assetTypeOptions[i].dictLabel;

  4738.             //             break;

  4739.             //           }

  4740.             //         }

  4741.             //       }

  4742.             //     });

  4743.             //     //被惩处经历字典项

  4744.             //     that.getDicts("is_have").then((response) => {

  4745.             //       var assetTypeOptions = response.data;

  4746.             //       if(obj.bccjl !=null && obj.bccjl !=""){

  4747.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4748.             //           if(obj.bccjl == assetTypeOptions[i].dictValue) {

  4749.             //             obj.bccjl = assetTypeOptions[i].dictLabel;

  4750.             //             break;

  4751.             //           }

  4752.             //         }

  4753.             //       }

  4754.             //     });

  4755.             //     //宅基地取得方式字典项

  4756.             //     that.getDicts("acquisition_method").then((response) => {

  4757.             //       var assetTypeOptions = response.data;

  4758.             //       if(obj.zjdqdfs !=null && obj.zjdqdfs !=""){

  4759.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4760.             //           if(obj.zjdqdfs == assetTypeOptions[i].dictValue) {

  4761.             //             obj.zjdqdfs = assetTypeOptions[i].dictLabel;

  4762.             //             break;

  4763.             //           }

  4764.             //         }

  4765.             //       }

  4766.             //     });

  4767.             //     //权利设定方式字典项

  4768.             //     that.getDicts("right_setting_mode").then((response) => {

  4769.             //       var assetTypeOptions = response.data;

  4770.             //       if(obj.qlsdfs !=null && obj.qlsdfs !=""){

  4771.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4772.             //           if(obj.qlsdfs == assetTypeOptions[i].dictValue) {

  4773.             //             obj.qlsdfs = assetTypeOptions[i].dictLabel;

  4774.             //             break;

  4775.             //           }

  4776.             //         }

  4777.             //       }

  4778.             //     });

  4779.             //     //数据来源字典项

  4780.             //     that.getDicts("sjly").then((response) => {

  4781.             //       var assetTypeOptions = response.data;

  4782.             //       if(obj.sjly !=null && obj.sjly !=""){

  4783.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4784.             //           if(obj.sjly == assetTypeOptions[i].dictValue) {

  4785.             //             obj.sjly = assetTypeOptions[i].dictLabel;

  4786.             //             break;

  4787.             //           }

  4788.             //         }

  4789.             //       }

  4790.             //     });

  4791.             //     that.mapZjdData = obj;

  4792.             //     console.log(obj.zjddm);

  4793.             //     that.zjdHcDy = obj.zjddm;

  4794.             //   } else {

  4795.             //     that.mapHaDataValue = false;

  4796.             //   }

  4797.             // }else {

  4798.             //   that.mapHaDataValue = false;

  4799.             // }

  4800.             //数据库查询详情时使用----------------------------------------end

  4801.           });

  4802.           //数据库循环加载时使用 --------------------加载较慢 ------start

  4803.           //当前账套没有任何空间数据

  4804.           // if(mapTalkAbout){

  4805.           //   let deptName = this.$store.state.user.loginDeptId + "";

  4806.           //   getQueryLand(deptName).then((response) => {

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

  4808.           //       let InsertCode = response.data;

  4809.           //       if (InsertCode != null) {

  4810.           //         var lat = InsertCode.lat;

  4811.           //         var lng = InsertCode.lng;

  4812.           //         var center;

  4813.           //         if(lat !=null && lng !=null && lat !="" && lng !=""){

  4814.           //           center = [lng,lat];

  4815.           //         }else {

  4816.           //           center =[115.452752, 31.789033];

  4817.           //         }

  4818.           //         map.getView().animate({

  4819.           //           // 只设置需要的属性即可

  4820.           //           center: ol.proj.fromLonLat(center), // 中心点

  4821.           //           zoom: 17.9, // 缩放级别

  4822.           //           rotation: undefined, // 缩放完成view视图旋转弧度

  4823.           //           duration: 1000, // 缩放持续时间，默认不需要设置

  4824.           //         });

  4825.           //       }

  4826.           //     }

  4827.           //   });

  4828.           // }

  4829.           //数据库循环加载时使用 --------------------加载较慢 ------start

  4830.         },

  4831. 

  4832.         /*右侧列表 --展开收缩*/

  4833.         selectionPushMap() {

  4834.           this.selectionIconShow = true;

  4835.           this.homesteadListStatus = true;

  4836.           $(".homesteadList_wrap").animate(

  4837.             {

  4838.               right: "0",

  4839.             },

  4840.             300

  4841.           );

  4842.         },

  4843.         homesteadListShrink() {

  4844.           this.selectionIconShow = false;

  4845.           // this.checked =["zjdSx","zrzSx","fsssSx"];

  4846.           $(".homesteadList_wrap").animate(

  4847.             {

  4848.               right: "-300px",

  4849.             },

  4850.             300

  4851.           );

  4852.           setTimeout(() => {

  4853.             this.homesteadListStatus = false;

  4854.           }, 300);

  4855.         },

  4856.         checkClick(res){

  4857.           // 1、全选与不全选模块

  4858.           $(".checkall").change(function() {

  4859.             $(".item-list-checkbox .checkitem").prop("checked", $(this).prop("checked"));

  4860.             if($(this).prop("checked")){

  4861. 

  4862.             }else {

  4863. 

  4864.             }

  4865.           });

  4866.           // 2、小复选框模块

  4867.           $(".checkitem").change(function() {

  4868.             if ($(".checkitem:checked").length === $(".checkitem").length) {

  4869.               $(".checkall").prop("checked", true);

  4870.             } else {

  4871.               $(".checkall").prop("checked", false);

  4872.             }

  4873.           })

  4874.         },

  4875.         //绘制多边形地图

  4876.         drawMapPolygonFun() {

  4877. 

  4878.         },

  4879.         guidProduct(){

  4880.           return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {

  4881.             var r = Math.random() * 16 | 0,

  4882.               v = c == 'x' ? r : (r & 0x3 | 0x8);

  4883.             return v.toString(16);

  4884.           });

  4885.         },

  4886.         //宅基地点击地图核查

  4887.         zjdHc(){

  4888.           if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){

  4889.             if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  4890.               this.mapZjdTeAll.active =1;

  4891.               //this.$cookies.set("search",this.mapZjdTeAll);

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

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

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

  4895.             }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){

  4896.               if(this.mapZjdTeAll.mapZjdAData !=""){

  4897.                 this.mapZjdTeAll.active = 3;

  4898.                 //this.$cookies.set("search",this.mapZjdTeAll);

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

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

  4901.               } else {

  4902.                 this.$toast("必须有宅基地数据才能进入自然幢核查");

  4903.               }

  4904.             }else {

  4905.               if(this.mapZjdTeAll.mapZjdAData !="") {

  4906.                 this.mapZjdTeAll.active = 4;

  4907.                 //this.$cookies.set("search", this.mapZjdTeAll);

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

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

  4910.               } else {

  4911.                 this.$toast("必须有宅基地数据才能进入附属设施核查");

  4912.               }

  4913.             }

  4914.           } else {

  4915.             this.$dialog.alert({

  4916.               title: '宅基地核查',

  4917.               message: "请从地图中选择图层并点击核查",

  4918.               theme: 'round-button',

  4919.             }).then(() => {

  4920.               // on close

  4921.             });

  4922.           }

  4923.         },

  4924.         //搜索详情跳转

  4925.         zjdSs(item){

  4926.           this.mapZjdTeAll.mapZjdAData ={};

  4927.           this.mapZjdTeAll.mapZrzAData ={};

  4928.           this.mapZjdTeAll.mapFsssAData ={};

  4929.           //this.mapZjdTeAll.active =1;

  4930.           if(item.typeTc =="宅基地"){

  4931.           getZjdzd(item.id).then((response) => {

  4932.             this.mapZjdData = response.data;

  4933.             this.mapZjdTeAll.active = 1;

  4934.             this.mapZjdTeAll.mapZjdAData = this.mapZjdData;

  4935.             //this.$cookies.set("search",this.mapZjdTeAll);

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

  4937.             setTimeout(() => {

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

  4939.               }, 500);

  4940.           });

  4941.           }else if(item.typeTc =="自然幢"){

  4942.             //let =

  4943.             getZjdzd(item.id).then((response) => {

  4944.               this.mapZrzData = response.data;

  4945.               this.mapZjdTeAll.active = 3;

  4946.               this.mapZjdTeAll.mapZrzAData = this.mapZrzData;

  4947.               //this.$cookies.set("search",this.mapZjdTeAll);

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

  4949.               setTimeout(() => {

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

  4951.               }, 500);

  4952.             });

  4953.           }else if(item.typeTc =="附属设施"){

  4954.             getFsss(item.id).then((response) => {

  4955.               this.mapFsssData = response.data;

  4956.               this.mapZjdTeAll.active = 4;

  4957.               this.mapZjdTeAll.mapFsssAData = this.mapFsssData;

  4958.               //this.$cookies.set("search",this.mapZjdTeAll);

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

  4960.               setTimeout(() => {

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

  4962.               }, 500);

  4963.             });

  4964.           }else{

  4965.             this.$toast("无数据请检查后进入核查页面");

  4966.           }

  4967.         },

  4968.         //地图查询

  4969.         toggleSearch() {

  4970.           $("#query").trigger("click");

  4971.         },

  4972.         //

  4973.         checkAllArray(value){

  4974.           if(this.checked.length<3){

  4975.             this.$refs.checkboxGroup.toggleAll(true);

  4976.           }else{

  4977.             this.$refs.checkboxGroup.toggleAll(false);

  4978.           }

  4979.         },

  4980.         //筛选//全选

  4981.         checkAll(val) {

  4982.           this.$refs.checkboxGroup.value.toggleAll(true);

  4983.           return;

  4984.           let checkedCount = this.CheckedAllArr.length

  4985.           if (val) {

  4986.             //全选

  4987.             this.CheckedAllArr = this.dataList.map(item => item.id)

  4988.           } else{

  4989.             //取消全选

  4990.             if (checkedCount === this.dataList.length) {

  4991.               //如果不增加这个条件判断点击某一项时会全部取消

  4992.               this.CheckedAllArr = []

  4993.             }

  4994.           }

  4995.         },

  4996.         //单选

  4997.         handleChecked(value) {

  4998.           // this.checkAllFlag = this.CheckedAllArr.length == this.dataList.length;

  4999.           if (value.length<3){

  5000.             this.checkAllFlag = false;

  5001.           }else{

  5002.             this.checkAllFlag = true;

  5003.           }

  5004.           value.indexOf('zjdSx') == -1 ? this.zjdSx = false : this.zjdSx = true;

  5005.           value.indexOf('zrzSx') == -1 ? this.zrzSx = false : this.zrzSx = true;

  5006.           value.indexOf('fsssSx') == -1 ? this.fsssSx = false : this.fsssSx = true;

  5007.         },

  5008.         closeSearchBox(){

  5009.           this.showSearch = false ;

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

  5011.           document.styleSheets[0].insertRule(

  5012.             "@keyframes test2" +

  5013.             "{" +

  5014.             "0%{bottom: 0px}" +

  5015.             "100%{bottom: -" + height + "px;}" +

  5016.             "}"

  5017.           )

  5018.           $('.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'});

  5019.         },

  5020.         zjdTz(){

  5021.           if(this.mapZjdData =="" && this.mapZjdDataTure =="" && this.mapZjdData !=undefined){

  5022.             this.mapZjdTeAll.active =1;

  5023.             this.mapZjdTeAll.mapZjdAData.deptId =this.$cookies.get("item").deptId;

  5024.             this.mapZjdTeAll.mapZjdAData.theGeom =this.htZjdZrzFsss;

  5025.             //this.mapZjdTeAll.mapZjdAData.deptId = this.$cookies.get("item").deptId;

  5026.             //this.$cookies.set("search",this.mapZjdTeAll);

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

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

  5029.           }else {

  5030.             this.$toast("已选择宅基地，请选择自然幢或附属设施按钮");

  5031.           }

  5032.         },

  5033.         zrzTz(){

  5034.           if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  5035.             this.mapZjdTeAll.active =3;

  5036.             this.mapZjdTeAll.mapZrzAData.theGeom =this.htZjdZrzFsss;

  5037.             this.mapZjdTeAll.mapZrzAData.deptId =this.$cookies.get("item").deptId;

  5038.             //this.mapZjdTeAll.mapZrzAData.deptId = this.$cookies.get("item").deptId;

  5039.             //this.$cookies.set("search",this.mapZjdTeAll);

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

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

  5042.           }else {

  5043.             this.$toast("请先在地图上选择宅基地后，再选择自然幢按钮");

  5044.           }

  5045.         },

  5046.         fsssTz(){

  5047.           if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  5048.           this.mapZjdTeAll.active =4;

  5049.           this.mapZjdTeAll.mapFsssAData.theGeom =this.htZjdZrzFsss;

  5050.             this.mapZjdTeAll.mapFsssAData.deptId =this.$cookies.get("item").deptId;

  5051.           //this.mapZjdTeAll.mapFsssAData.deptId = this.$cookies.get("item").deptId;

  5052.           //this.$cookies.set("search",this.mapZjdTeAll);

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

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

  5055.           }else {

  5056.             this.$toast("请先在地图上选择宅基地后，再选择附属设施按钮");

  5057.           }

  5058.         },

  5059.         //绘图重置清除之前图层

  5060.         deleteHistory(){

  5061.           $("#deleteHistory").trigger("click");

  5062.         }

  5063. 

  5064.       },

  5065.     }

  5066. </script>

  5067. 

  5068. <style scoped lang="scss">

  5069.   /deep/ .van-swipe-cell__wrapper{

  5070.     margin-right:-3px;

  5071.   }

  5072.   .hzlxBtn{

  5073.     font-size: 0.3rem;

  5074.     display: inline-block;

  5075.     padding: 2% 0;

  5076.     border-radius: 30PX;

  5077.     color: #FFF;

  5078.     margin-right: 2%;

  5079.     width: 30%;

  5080.     &:last-child{

  5081.       margin: 0;

  5082.     }

  5083.   }

  5084.   .van-cell__title{

  5085.     flex:2

  5086.   }

  5087.   .bannerBg{

  5088.     width: 100%;

  5089.     color:#fff;

  5090.     /*padding:10px;*/

  5091.     background: linear-gradient(134deg,#7ac943 1%, #22b7f2);

  5092.   }

  5093.   .van-hairline--bottom::after {

  5094.     border-bottom-width: 0;

  5095.   }

  5096.   .activeBtn{

  5097.     background:#fff;

  5098.     border-radius:25PX;

  5099.     color:#7AC943;

  5100.     line-height:30PX;

  5101.     text-align:center;

  5102.     font-size:14PX;

  5103.     width: 25%;

  5104.     margin:0 10px;

  5105.     box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);

  5106.   }

  5107.   .disactiveBtn{

  5108.     background:rgba(255,255,255,.4);

  5109.     border-radius:25PX;

  5110.     color:#fff;

  5111.     line-height:30PX;

  5112.     text-align:center;

  5113.     font-size:14PX;

  5114.     width: 25%;

  5115.     margin:0 10px;

  5116.     box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);

  5117.   }

  5118.   /*.van-cell__label{*/

  5119.   /*  color: #969799;*/

  5120.   /*  font-size: 12px;*/

  5121.   /*  line-height: 20px;*/

  5122.   /*  margin:0*/

  5123.   /*}*/

  5124.   .map_area {

  5125.     width: 50vw;

  5126.     height: 50vh;

  5127.     z-index:1;

  5128.     background:#000;

  5129.     position: fixed;

  5130.     left: 0;

  5131.     top: 0;

  5132.   }

  5133.   .van-field__label{

  5134.     width:50%;

  5135.   }

  5136.   .rightZoom_wrap {

  5137.     position: absolute;

  5138.     right: 3%;

  5139.     top: 35%;

  5140.     margin-top: -200px;

  5141.     background: #fff;

  5142.     margin-bottom: 16px;

  5143.     border-radius: 10px;

  5144.     text-align: center;

  5145.     padding: 15px 20px;

  5146.     img{

  5147.       margin: 0 auto;

  5148.     }

  5149.     .amplification {

  5150.       line-height: 1;

  5151.       font-size: 18px;

  5152.       text-align: center;

  5153.       margin-top: 5px;

  5154.     }

  5155.   }

  5156.   .mapZoom_wrap {

  5157.     position: absolute;

  5158.     right: 3%;

  5159.     top: 50%;

  5160.     margin-top: -200px;

  5161.     background: #fff;

  5162.     margin-bottom: 16px;

  5163.     border-radius: 10px;

  5164.     padding: 0px 20px;

  5165.     div{

  5166.       padding: 15px 0;

  5167.       border-bottom: 1px solid #C9C9C9;

  5168.       &:last-child{

  5169.         border: none;

  5170.       }

  5171.       p{

  5172.         margin-top: 5px;

  5173.       }

  5174.     }

  5175.     .qtMap {

  5176.       font-size: 18px;

  5177.       text-align: center;

  5178.       line-height: 1;

  5179.     }

  5180. 

  5181.     .clMap {

  5182.       font-size: 18px;

  5183.       text-align: center;

  5184.       line-height: 1;

  5185.     }

  5186. 

  5187.     .hcMap {

  5188.       font-size: 18px;

  5189.       text-align: center;

  5190.       line-height: 1;

  5191.     }

  5192. 

  5193.     .htMap {

  5194.       font-size: 18px;

  5195.       text-align: center;

  5196.       line-height: 1;

  5197.     }

  5198. 

  5199.     .dwMap {

  5200.       font-size: 18px;

  5201.       text-align: center;

  5202.       line-height: 1;

  5203.     }

  5204.   }

  5205.   .rightIcon_wrap {

  5206.     position: absolute;

  5207.     right: 16px;

  5208.     bottom: 160px;

  5209.     .selectionIcon_wrap {

  5210.       width: 74px;

  5211.       background: #fff;

  5212.       border-radius: 10px;

  5213.       padding: 14px 0;

  5214. 

  5215.       .icon {

  5216.         width: 38px;

  5217.         height: 38px;

  5218.         background: url("../../assets/images/homestead/selection_icon.png")

  5219.         no-repeat;

  5220.         background-size: 100% 100%;

  5221.         margin: 0 auto 4px;

  5222.       }

  5223.       .text {

  5224.         font-size: 24px;

  5225.         text-align: center;

  5226.       }

  5227.     }

  5228.     .positioning_wrap {

  5229.       width: 74px;

  5230.       background: #fff;

  5231.       margin-bottom: 16px;

  5232.       border-radius: 10px;

  5233.       height: 74px;

  5234.       display: flex;

  5235.       justify-content: center; /* 相对父元素水平居中 */

  5236.       align-items: center; /*  子元素相对父元素垂直居中*/

  5237.       .icon {

  5238.         width: 38px;

  5239.         height: 38px;

  5240.         background: url("../../assets/images/homestead/positioning_icon.png")

  5241.         no-repeat;

  5242.         background-size: 100% 100%;

  5243.         margin: 0 auto;

  5244.       }

  5245.     }

  5246.   }

  5247.   .homesteadList_wrap {

  5248.     // display: none;

  5249.     display: flex;

  5250.     position: absolute;

  5251.     right: -200px;

  5252.     top: 0px;

  5253.     bottom: 0px;

  5254.     width: 300px;

  5255.     background: #fff;

  5256.     z-index: 999;

  5257.     border-top-left-radius: 15px;

  5258.     border-bottom-left-radius: 15px;

  5259. 

  5260.     flex-direction: column;

  5261.     .noInfo_data {

  5262.       font-size: 28px;

  5263.       text-align: center;

  5264.       height: 300px;

  5265.       line-height: 300px;

  5266.       color: #666;

  5267.     }

  5268.     .title_m {

  5269.       color: #333;

  5270.       line-height: 36px;

  5271.       padding: 20px 40px 22px;

  5272.       .name {

  5273.         font-size: 36px;

  5274.         line-height: 42px;

  5275.         height: 42px;

  5276.       }

  5277.       .more_icon {

  5278.         width: 38px;

  5279.         height: 38px;

  5280.         background: url("../../assets/images/homestead/selectionNext_icon.png")

  5281.         no-repeat;

  5282.         float: right;

  5283.         margin-top: 2px;

  5284.       }

  5285.     }

  5286. 

  5287.     .main_m {

  5288.       overflow-y: auto;

  5289.       padding: 10px 0;

  5290.       // height: 300px;

  5291.       flex: 1;

  5292.       .flex_block {

  5293.         height: 70px;

  5294.         display: flex;

  5295.         // justify-content: center; /* 相对父元素水平居中 */

  5296.         align-items: center; /*  子元素相对父元素垂直居中 */

  5297.         padding: 0 40px;

  5298.         &.active {

  5299.           box-shadow: 0px 0px 10px rgba(24, 45, 51, 0.5);

  5300.         }

  5301.         .name_text {

  5302.           font-size: 28px;

  5303.           flex: 0.5;

  5304.           overflow: hidden; /*超出部分隐藏*/

  5305.           white-space: nowrap; /*不换行*/

  5306.           text-overflow: ellipsis; /*超出部分文字以...显示*/

  5307.         }

  5308.         .square_text {

  5309.           font-size: 28px;

  5310.           flex: 0.4;

  5311.         }

  5312.         .operation_mian {

  5313.           flex: 0 0 150px;

  5314. 

  5315.           .describe {

  5316.             font-size: 20px;

  5317.             padding: 6px 5px;

  5318.             float: right;

  5319.             color: #fff;

  5320.             border-radius: 30px;

  5321.             overflow: hidden;

  5322.             text-overflow: ellipsis;

  5323.             white-space: nowrap;

  5324.             max-width: 150px;

  5325.             &.yph {

  5326.               background: #b026ff;

  5327.             }

  5328.             &.dlzdph {

  5329.               background: #ff6f36;

  5330.             }

  5331.             &.ylz {

  5332.               background: #7fff4c;

  5333.             }

  5334.             &.dlz {

  5335.               background: rgb(255, 232, 76);

  5336.             }

  5337.             &.ylzdph {

  5338.               background: #ff7dd0;

  5339.             }

  5340.             &.zy {

  5341.               background: rgb(100, 30, 100);

  5342.             }

  5343.             &.xz {

  5344.               background: rgb(60, 100, 180);

  5345.             }

  5346.             &.chdb {

  5347.               background: #fe0303;

  5348.             }

  5349.           }

  5350.         }

  5351.       }

  5352.     }

  5353.     .footerBtn_wrap {

  5354.       flex: 0 0 90px;

  5355.       display: flex;

  5356.       justify-content: center; /* 相对父元素水平居中 */

  5357.       align-items: center; /*  子元素相对父元素垂直居中 */

  5358. 

  5359.       .options {

  5360.         flex: 1;

  5361.         font-size: 38px;

  5362.         display: flex;

  5363.         justify-content: center; /* 相对父元素水平居中 */

  5364.         align-items: center; /*  子元素相对父元素垂直居中 */

  5365.         height: 90px;

  5366.         &:first-child {

  5367.           border-bottom-left-radius: 15px;

  5368.         }

  5369.         &.active {

  5370.           background: #3cbf5b;

  5371.           color: #fff;

  5372.         }

  5373.       }

  5374.     }

  5375.   }

  5376. 

  5377.   .checkbox {

  5378.     width: 200px;

  5379.     margin: 30px auto;

  5380.   }

  5381. 

  5382.   .thead-checkbox {

  5383.     background-color: lightgray;

  5384.   }

  5385. 

  5386.   .item-checkbox {

  5387.     border: 1px solid darkgray;

  5388.   }

  5389.   .van-sticky{position: fixed;top: 0;right: 0; left: 0;z-index: 9999;}

  5390. 

  5391.   .searchBar_wrap {

  5392.     // display: none;

  5393.     position: fixed;

  5394.     left: 0;

  5395.     bottom: 0;

  5396.     width: 100%;

  5397.     padding: 0px 16px 0px 13px;

  5398.     background: #fff;

  5399.     border-top-left-radius: 15px;

  5400.     border-top-right-radius: 15px;

  5401.     z-index: 9;

  5402. 

  5403.     .searchBox{

  5404.       height: 40vh;

  5405.       overflow-y: scroll;

  5406.       .van-cell{

  5407.         /*&:first-child{*/

  5408.         /*  box-shadow: none;*/

  5409.         /*  margin:0;*/

  5410.         /*}*/

  5411.         box-shadow: 0px 0px 5px #cccccc;

  5412.         border-radius: 15PX;

  5413.         width: 98%;

  5414.         margin: 0 auto;

  5415.         margin-bottom: 0.35rem;

  5416.         &:first-child{

  5417.           margin-top: 5px;

  5418.         }

  5419.       }

  5420.       .van-cell__title{

  5421.         flex: 0.8;

  5422.         p{

  5423.           color: rgb(34, 183, 242);

  5424.           .van-icon{

  5425.             vertical-align: middle;

  5426.           }

  5427.           span{

  5428.             vertical-align: middle;

  5429.             &:nth-child(2){

  5430.               overflow: hidden;

  5431.               white-space: nowrap;

  5432.               text-overflow: ellipsis;

  5433.               display: inline-block;

  5434.               width: 60%;

  5435.             }

  5436.             &:nth-child(3){

  5437.               font-size: 0.25rem;

  5438.               border-radius: 5PX;

  5439.               padding: 5PX 15PX;

  5440.               margin-left: 5%;

  5441.             }

  5442.           }

  5443.         }

  5444.       }

  5445.       .van-cell__value{

  5446.         flex: 0.2;

  5447.         p{

  5448.           font-size: 0.25rem;

  5449.           display: inline-block;

  5450.           border-radius: 1rem;

  5451.           line-height: 1;

  5452.           padding: 10%;

  5453.         }

  5454.       }

  5455.     }

  5456.     .actionBar_wrap {

  5457.       display: flex;

  5458.       position: absolute;

  5459.       top: 0;

  5460.       left: 0;

  5461.       width: 100%;

  5462.       height: 100%;

  5463. 

  5464.       background: #fff;

  5465.       border-top-left-radius: 15px;

  5466.       border-top-right-radius: 15px;

  5467.       .m_list {

  5468.         flex: 1;

  5469.         display: flex;

  5470.         justify-content: center; /* 相对父元素水平居中 */

  5471.         align-items: center; /*  子元素相对父元素垂直居中 */

  5472. 

  5473.         .tensile,

  5474.         .positioning,

  5475.         .spacing,

  5476.         .scale {

  5477.           width: 76px;

  5478.           height: 72px;

  5479.           background: #ffffff;

  5480.           border-radius: 8px;

  5481.           box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);

  5482.           .icon {

  5483.             width: 76px;

  5484.             height: 72px;

  5485.           }

  5486.           &.active {

  5487.             background: #333;

  5488.             &.tensile {

  5489.               .icon {

  5490.                 background: url("../../assets/images/homestead/operation/tensile_active.png")

  5491.                 center center no-repeat;

  5492.                 background-size: 38px 50px;

  5493.               }

  5494.             }

  5495.             &.positioning {

  5496.               .icon {

  5497.                 background: url("../../assets/images/homestead/operation/positioning_active.png")

  5498.                 center center no-repeat;

  5499.                 background-size: 38px 48px;

  5500.               }

  5501.             }

  5502.             &.spacing {

  5503.               .icon {

  5504.                 background: url("../../assets/images/homestead/operation/spacing_active.png")

  5505.                 center center no-repeat;

  5506.                 background-size: 46px 46px;

  5507.               }

  5508.             }

  5509.             &.scale {

  5510.               .icon {

  5511.                 background: url("../../assets/images/homestead/operation/scale_active.png")

  5512.                 center center no-repeat;

  5513.                 background-size: 48px 48px;

  5514.               }

  5515.             }

  5516.           }

  5517.         }

  5518.         .tensile {

  5519.           .icon {

  5520.             background: url("../../assets/images/homestead/operation/tensile.png")

  5521.             center center no-repeat;

  5522.             background-size: 38px 50px;

  5523.           }

  5524.         }

  5525.         .positioning {

  5526.           .icon {

  5527.             background: url("../../assets/images/homestead/operation/positioning.png")

  5528.             center center no-repeat;

  5529.             background-size: 38px 48px;

  5530.           }

  5531.         }

  5532.         .spacing {

  5533.           .icon {

  5534.             background: url("../../assets/images/homestead/operation/spacing.png")

  5535.             center center no-repeat;

  5536.             background-size: 46px 46px;

  5537.           }

  5538.         }

  5539.         .scale {

  5540.           .icon {

  5541.             background: url("../../assets/images/homestead/operation/scale.png")

  5542.             center center no-repeat;

  5543.             background-size: 48px 48px;

  5544.           }

  5545.         }

  5546.         .closes {

  5547.           background: url("../../assets/images/homestead/searchBar_close.png")

  5548.           no-repeat;

  5549.           background-size: 100% 100%;

  5550.           width: 72px;

  5551.           height: 72px;

  5552.           &.gray {

  5553.             background: url("../../assets/images/homestead/searchBar_close_gray.png")

  5554.             no-repeat;

  5555.             background-size: 100% 100%;

  5556.           }

  5557.         }

  5558.         .correct {

  5559.           background: url("../../assets/images/homestead/searchBar_save.png")

  5560.           no-repeat;

  5561.           background-size: 100% 100%;

  5562.           width: 72px;

  5563.           height: 72px;

  5564.         }

  5565.       }

  5566.     }

  5567.     .searchBar_area {

  5568.       flex: 1;

  5569.       height: 80px;

  5570.       background: #f1f1f1;

  5571.       border: 1px solid #dfdfdf;

  5572.       border-radius: 10px;

  5573.       padding: 0 28px;

  5574.       display: flex;

  5575.       .bar_icon {

  5576.         width: 50px;

  5577.         height: 50px;

  5578.         background: url("../../assets/images/homestead/searchBar_bar.png")

  5579.         center center no-repeat;

  5580.         background-size: 100% 100%;

  5581.         margin-top: 14px;

  5582.         margin-right: 15px;

  5583.       }

  5584.       .bar_ipt {

  5585.         flex: 1;

  5586.         input {

  5587.           width: 100%;

  5588.           height: 100%;

  5589.           background: none;

  5590.           border: 0 none;

  5591.           font-size: 32px;

  5592.         }

  5593.       }

  5594.       .bar_text {

  5595.         flex: 0 0 80px;

  5596.         font-size: 32px;

  5597.         color: #333333;

  5598.         font-family: PingFang SC, PingFang SC-Regular;

  5599.         font-weight: 400;

  5600.         display: flex;

  5601.         justify-content: center; /* 相对父元素水平居中 */

  5602.         align-items: center; /*  子元素相对父元素垂直居中 */

  5603.       }

  5604.     }

  5605.     .searchBar_more {

  5606.       flex: 0 0 80px;

  5607.       background: url("../../assets/images/homestead/searchBar_add.png") center

  5608.       center no-repeat;

  5609.       background-size: 80% 80%;

  5610.       margin-left: 15px;

  5611.     }

  5612.   }

  5613. </style>