zhangzl
/
nsgk_mobile
2
0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
移动端
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
1472 Commits
7 Branches
79 MiB
 
 
Struktur: 90bd92d4f6
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „90bd92d4f6“
${ noResults }
nsgk_mobile/src/views/homesteadSurvey/list.vue

5815 Zeilen
243 KiB
Originalformat Blame Verlauf 

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

  9.           <template #left>

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

  11.           </template>

  12.           <template #title>

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

  14.           </template>

  15.         </van-nav-bar>

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

  17.                    close-icon="close">

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

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

  20. 

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

  22.           </div>

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

  24.             <van-col span="12"><van-button type="primary" style="width:100px;" round  @click="qkClick">清空</van-button></van-col>

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

  26.           </van-row>

  27.         </van-popup>

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

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

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

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

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

  33.         </div>

  34.       </div>

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

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

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

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

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

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

  41.           </p>

  42.         </div>

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

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

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

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

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

  48.           </p>

  49.         </div>

  50.       </div>

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

  52.         <template #action>

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

  54.         </template>

  55.       </van-search>

  56.     </van-sticky>

  57. 

  58.     <van-tabs sticky offset-top="185%" v-model="active" title-active-color="#7AC943" color="#7AC943" @click="getZjdList">

  59.       <van-tab v-for="(item,index) in surveyStatusOptions" >

  60.         <template #title>

  61. 

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

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

  64.             <van-badge v-if="item.dictValue == '2'" :content="hcycNums" :color="active==1?'#7AC943':'#878787'" />

  65.             <van-badge v-if="item.dictValue == '3'" :content="hcwcNums"  :color="active==2?'#7AC943':'#878787'" />

  66.             <van-badge v-if="item.dictValue == '4'" :content="spbhNums"  :color="active==3?'#7AC943':'#878787'" />

  67.             <van-badge v-if="item.dictValue == '5'" :content="sptgNums"  :color="active==4?'#7AC943':'#878787'" />

  68.           </div>

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

  70.             <p>{{item.dictLabel}}</p>

  71.           </div>

  72.         </template>

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

  74.         <van-list

  75.           v-model:loading="loading2"

  76.           :finished="finished2"

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

  78.           :immediate-check="false"

  79.           @load="onRefreshzjd"

  80.         >

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

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

  83.             <template #title>

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

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

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

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

  88.                 </p>

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

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

  91. <!--                <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>-->

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

  93.                 <p v-if="item.surveyStatus != '5' && item.surveyStatus != '3'" 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>

  94.                 <p style="margin-right: 3%;color:#22B7F2;font-size:12px;" ><van-icon  name="photo-o" size=".4rem" style="bottom: -3px;" color="#000000" @click="showUploadList(item.id)"/> 附件</p>

  95.                 <p style="display: flex;align-items: center;color:#FA5353;font-size:12px;border-bottom: 1px dashed #FA5353;"  @click="deleteZjd(item,index)"><img src="../../assets/images/housesteadSurvey/list08.png" alt="" style="margin-right: 3px;">删除</p>

  96.               </div>

  97.             </template>

  98.             <!--<template #default>

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

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

  101.             </template>-->

  102.             <template #label>

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

  104.               <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;" v-if="item.surveyStatus != '1'">调查员：{{item.surveyBy}}</span></p>

  105.             </template>

  106.           </van-cell>

  107.         </van-list>

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

  109.       </van-tab>

  110.     </van-tabs>

  111.   </div>

  112. </template>

  113. 

  114. <script>

  115.     import {rhhcList,getQueryLand,listZjdzd,getZjdzd,delZjdzd,uploadFile,submitUploadImageList} from "@/api/homesteadSurvey/zjdzd";

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

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

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

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

  120.     import {getZrz} from "@/api/homesteadSurvey/zrz";

  121.     import {getFsss} from "@/api/homesteadSurvey/fsss";

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

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

  124.     import {attachmentFind} from "@/api/sunVillage_info/homestead/application";

  125.     import {base64Attach} from "@/api/user";

  126.     import {systemAttachment} from "@/api/onlineHome/bankAgriculture/paymentApproval";

  127.     import $ from "jquery";

  128.     import {Dialog} from "vant";

  129.     import {ref} from "vue";

  130.     import axios from "axios";

  131.     export default {

  132.       name: "homesteadList",

  133.       data() {

  134.         return {

  135.           loading1:false,

  136.           finished1:false,

  137.           loading2:false,

  138.           finished2:false,

  139.           loading3:false,

  140.           finished3:false,

  141.           //全部

  142.           qbNums:0,

  143.           //已调查数量

  144.           yhcNums:0,

  145.           //未核查数量

  146.           whcNums:0,

  147.           //核查异常数量

  148.           hcycNums:0,

  149.           //核查完成数量

  150.           hcwcNums:0,

  151.           //审批通过数量

  152.           sptgNums:0,

  153.           //审批驳回数量

  154.           spbhNums:0,

  155. 

  156.           // 总户数

  157.           totalH:0,

  158.           // 总人数

  159.           totalR:0,

  160.           zjdSx:true,

  161.           zrzSx :true,

  162.           fsssSx:true,

  163.           showhncysjly:false,

  164.           showhzsjly:false,

  165.           showhncycybz:false,

  166.           showhncyzjlx:false,

  167.           showhncyyhzgx:false,

  168.           showhzjzhcssfyzf:false,

  169.           showhncyoccupation:false,

  170.           showhncyjzqk:false,

  171.           showhzoccupation:false,

  172.           showhzjzqk:false,

  173.           // 下拉刷新

  174.           isLoadingnh:false,

  175.           countnh:0,

  176.           isLoadingzjd:false,

  177.           countqb:1,

  178.           countyhc:1,

  179.           countwhc:1,

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

  181.           shownh:false,

  182.           showhzht:false,

  183.           showhzlx:false,

  184.           showhncylist:false,

  185.           showhncy:false,

  186.           activeBtn:1,

  187.           value:'',

  188.           // 宅基地搜索框

  189.           zjdvalue:"",

  190.           // 使用权人搜索框

  191.           nhvalue:"",

  192.           active:0,

  193.           // 全部列表

  194.           list:[],

  195.           // 已核查列表

  196.           list1:[],

  197.           // 未核查列表

  198.           list2:[],

  199.           // 户主列表

  200.           nhlist:[],

  201.           // 户内成员表单

  202.           form5: {},

  203.           // 户内成员列表

  204.           hncylist:[],

  205.           currentRate:20,

  206.           // 使用权人

  207.           nhform:[],

  208.           // 户主列表

  209.           hzform:{},

  210.           // 权利人列表

  211.           qlrform:{},

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

  213.           showsuyqxz:false,

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

  215.           showdlrzjlx:false,

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

  217.           showdbrzjlx:false,

  218.           // 数据来源弹出框

  219.           showsjly:false,

  220.           surveyStatusOptions:[],

  221.           // 证件类型字典

  222.           zjlxOptions: [],

  223.           // 所有权性质字典

  224.           suyqxzOption: [],

  225.           // 婚姻状况字典

  226.           hyzkOptions:[],

  227.           // 数据来源字典

  228.           sjlyOptions:[],

  229.           // 居住情况字典

  230.           jzqkOptions:[],

  231.           // 与户主关系字典

  232.           yhzgxOptions:[],

  233.           // 职业字典

  234.           occupationOptions:[],

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

  236.           jzhcssfyzfOptions:[],

  237.           // 成员备注字典

  238.           cybzOptions:[],

  239.           columns:[],

  240.           show1:false,

  241.           showhzzjlx: false,

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

  243.           item: {},

  244.           //地图使用 --start

  245.           openMap: false,

  246.           mapTheGeomZrzId: null,

  247.           mapTheGeomZjdId: null,

  248.           mapTheGeomFsssId: null,

  249.           drawInsert:null,

  250.           mapZjdData:"",

  251.           mapZrzData:"",

  252.           mapFsssData:"",

  253.           mapZjdDataTure:"",

  254.           mapZjdTeAll:{

  255.             active:"",

  256.             mapZjdAData:{},

  257.             mapZrzAData:{},

  258.             mapFsssAData:{},

  259.           },

  260.           mapHaDataValue:false,

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

  262.           selectionIconShow:false,

  263.           homesteadListStatus:false,

  264.           //地图绘制状态

  265.           draw: {

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

  267.           },

  268.           mapTownList: null,

  269.           mapVillageList: null,

  270.           coordinate:"",

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

  272.           checkAllMap: false,

  273.           sx:"",

  274.           drawingClick:true,

  275.           //搜索---start

  276.           seachText: "",

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

  278.           searchBarOperVisbile: false,

  279.           mapDataAll: [],

  280.           showSearch:false,

  281.           bottomHeight:'0px',

  282.           //搜索---end

  283.           //测面

  284.           textMjAll:"",

  285.           clickBbox:"",

  286.           textMjAllNum:"",

  287.           //核查

  288.           zjdHcDy:"",

  289.           //绘图

  290.           htZjdZrzFsss:"",

  291.           //筛选

  292.           checkAllFlag: true,

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

  294.           dataForm: {

  295.             imageUrl: []

  296.           },

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

  298.           checkBoxAll:[],

  299.           //地图跳转存之

  300.           mapAddJump:"",

  301.           mapAddJumpNum:"",

  302.           nhdm:"",

  303.           backTheGeom:"",

  304.           //地图服务地址

  305.           mapGeoServerUrl:"",

  306.           backMap:"",

  307.           // 任务完成标记

  308.           //宅基地点击事件

  309.           mapXs: false,

  310.           mapClick:"",

  311.           isFinished:false,

  312.           //

  313.           showImageList:false,

  314.           zjdId:null,

  315.           uploadImgList:[],

  316.           uploadImgList1:[],

  317.           // 字典列表json

  318.           dictTypeList:null,

  319.         };

  320.       },

  321.       mounted(){

  322.       },

  323.       created(){

  324.         this.getDicts("survey_status").then(response => {

  325.           var arr = [];

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

  327.             if (item.dictValue !== '1') {

  328.               item.dictLabel = item.dictLabel.substring(2,item.dictLabel.length);

  329.               arr.push(item);

  330.             }else{

  331.               arr.push(item);

  332.             }

  333.           });

  334.           this.surveyStatusOptions = arr;

  335.         });

  336.         this.getList();

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

  338.           //   var arr = [];

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

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

  341.           //       arr.push(item)

  342.           //     }

  343.           //   });

  344.           //   this.yhzgxOptions = arr;

  345.           // });

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

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

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

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

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

  351.           //       //   location.reload();

  352.           //       // }

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

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

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

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

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

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

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

  360.           //       this.mapXs =true;

  361.           //       this.zjdHcDy = 1;

  362.           //       this.mapZjdDataTure = 1;

  363.           //       this.mapAddJumpNum =1;

  364.           //       this.mapShow();

  365.           //       this.getZjdList();

  366.           //       this.getTotalHR();

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

  368.           //           this.isFinished = true

  369.           //       }else{

  370.           //         this.isFinished = false

  371.           //       }

  372.           //     }

  373.           //   }else {

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

  375.           //     this.getZjdList();

  376.           //     this.getTotalHR();

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

  378.           //       this.isFinished = true

  379.           //     }else{

  380.           //       this.isFinished = false

  381.           //     }

  382.           //   }

  383.           // }else {

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

  385.           //   this.getZjdList();

  386.           //   this.getTotalHR();

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

  388.           //     this.isFinished = true

  389.           //   }else{

  390.           //     this.isFinished = false

  391.           //   }

  392.           // }

  393.       },

  394.       methods: {

  395.         getList(){

  396.           rhhcList({}).then(res => {

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

  398.             this.whcNums = res.data.wdcs;

  399.             this.hcycNums = res.data.dcycs;

  400.             this.hcwcNums = res.data.dcwcs;

  401.             this.sptgNums = res.data.dctgs;

  402.             this.spbhNums = res.data.dcbhs;

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

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

  405.             if(res.data.zjdzdxxList.length>0&&res.data.zjdzdxxList.length<res.data.zjdzs){

  406.               this.loading2 = false

  407.               this.finished2 = false;

  408.             }else{

  409.               this.loading2 = false

  410.               this.finished2 = true

  411.             }

  412.           });

  413.         },

  414.         showUploadList(id){

  415.           this.getAttachments(id);

  416.           this.showImageList = true;

  417.           this.zjdId = id;

  418.         },

  419.         submitUploadList(val){

  420.           let f = []

  421.           for (let i of this.uploadImgList){

  422.            if(i.content !== undefined){

  423.              f.push(i.content)

  424.            }

  425.           }

  426.           console.info(this.uploadImgList);

  427.           let _this = this;

  428.           let file = {

  429.             tableId:val,

  430.             tableName:"t_homestead_zjdzdxx",

  431.             bizPath:"upload",

  432.             fileType:"0",

  433.             files: f

  434.           };

  435.           base64Attach(file).then((resp) => {

  436.             this.$toast({

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

  438.               message: '上传成功',

  439.               duration:"1000",

  440.               onClose:function(){

  441.                 _this.showImageList = false

  442.               }

  443.             })

  444.           });

  445.         },

  446.         // 图片上传前

  447.         beforeReadImageList(file){

  448.           let _this = this;

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

  450.             file.map(res => {

  451.               let zjddm = res.file.name

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

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

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

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

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

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

  458.               let img = new Image()

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

  460.               img.src = res.content

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

  462.               img.onload = () => {

  463.                 /*const h = img.height

  464.                 const w = img.width*/

  465.                 let ch = img.height/5

  466.                 let cw = img.width/5

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

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

  469.                 canvas.height = ch

  470.                 canvas.width = cw

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

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

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

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

  475.                 let d = []

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

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

  478.                 }

  479.                 let data2 = new FormData();

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

  481.                 uploadFile(data2);

  482.               }

  483.             })

  484.           }else{

  485.             let zjddm = file.file.name

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

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

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

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

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

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

  492.             let img = new Image()

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

  494.             img.src = file.content

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

  496.             img.onload = () => {

  497.               /*const h = img.height

  498.               const w = img.width*/

  499.               let ch = img.height/5

  500.               let cw = img.width/5

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

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

  503.               canvas.height = ch

  504.               canvas.width = cw

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

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

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

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

  509.               let d = []

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

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

  512.               }

  513.               let data2 = new FormData();

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

  515.               uploadFile(data2);

  516.             }

  517.           }

  518. 

  519.         },

  520.         deleteFileImageList(file){

  521.           if(file.id !== undefined ){

  522.             systemAttachment(file.id);

  523.           }

  524.         },

  525.         validatorIdcardqlr(val){

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

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

  528.               return true

  529.             }else {

  530.               return false

  531.             }

  532.           }else{

  533.             return true

  534.           }

  535.         },

  536.         validatorIdcardnh(val){

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

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

  539.               return true

  540.             }else {

  541.               return false

  542.             }

  543.           }else{

  544.             return true

  545.           }

  546.         },

  547.         validatorIdcardhncy(val){

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

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

  550.               return true

  551.             }else {

  552.               return false

  553.             }

  554.           }else{

  555.             return true

  556.           }

  557.         },

  558.         checkCode(val) {

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

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

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

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

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

  564.             var sum = 0;

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

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

  567.             }

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

  569.               return true;

  570.             }

  571.           }

  572.           return false;

  573.         },

  574.         checkDate (val) {

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

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

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

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

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

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

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

  582.               return true;

  583.             }

  584.           }

  585.           return false;

  586.         },

  587.         checkProv(val) {

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

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

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

  591.             if(provs[val]) {

  592.               return true;

  593.             }

  594.           }

  595.           return false;

  596.         },

  597.         vcheckID(val){

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

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

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

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

  602.                 return true;

  603.               }

  604.             }

  605.           }

  606.           return false;

  607.         },

  608.         deleteZjd(item,index){

  609.           Dialog.confirm({

  610.             title: '警告',

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

  612.           })

  613.             .then(() => {

  614.               // on confirm

  615.               delZjdzd(item.id).then(res => {

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

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

  618.                     this.$notify({type: 'success', message: '删除成功'});

  619.                     location.reload();

  620.                 }

  621.               })

  622.             })

  623.             .catch(() => {

  624.               // on cancel

  625.             });

  626.         },

  627.         //删除户主

  628.         deletenh(item,index){

  629.           let yes = true

  630.           let params={

  631.             nhdm : item.nhdm,

  632.             deptId: item.deptId

  633.           }

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

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

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

  637.               yes = false

  638.               this.$toast({

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

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

  641.                 duration:"1000",

  642.                 onClose:function(){

  643.                 }

  644.               })

  645.             }else{

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

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

  648.                   yes = false

  649.                   this.$toast({

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

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

  652.                     duration:"1000",

  653.                     onClose:function(){

  654.                     }

  655.                   })

  656.                 }else{

  657.                   if(yes){

  658.                     Dialog.confirm({

  659.                       title: '警告',

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

  661.                     })

  662.                       .then(() => {

  663.                         // on confirm

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

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

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

  667.                             this.totalH--

  668.                             this.totalR--

  669.                           }

  670.                         })

  671.                       })

  672.                       .catch(() => {

  673.                         // on cancel

  674.                       });

  675.                   }

  676.                 }

  677.               });

  678.             }

  679.           });

  680. 

  681.         },

  682.         // 设为户主

  683.         setNh(item,index){

  684.           Dialog.confirm({

  685.             title: '警告',

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

  687.           })

  688.             .then(() => {

  689.               // on confirm

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

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

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

  693.                   this.totalR--

  694.                 }

  695.               })

  696.               // 更新户主信息

  697.               let pnh = {

  698.                 deptId : item.deptId,

  699.                 nhdm : item.nhdm,

  700.                 hzxm:item.xm,

  701.                 hzzjlx :item.zjlx,

  702.                 hzzjhm :item.zjhm

  703.               }

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

  705.               })

  706.               // 更新使用权人

  707.               let psyqr = {

  708.                 deptId : item.deptId,

  709.                 nhdm : item.nhdm,

  710.                 shyqrdbxm : item.xm,

  711.                 shyqrdbzjlx : item.zjlx,

  712.                 shyqrdbzjhm : item.zjhm,

  713.                 xb : item.xb

  714.               }

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

  716.               })

  717.             })

  718.             .catch(() => {

  719.               // on cancel

  720.             });

  721.         },

  722.         //删除户内成员

  723.         deletehncy(id,index){

  724.           Dialog.confirm({

  725.             title: '警告',

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

  727.           })

  728.             .then(() => {

  729.               // on confirm

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

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

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

  733.                   this.totalR--

  734.                 }

  735.               })

  736.             })

  737.             .catch(() => {

  738.               // on cancel

  739.             });

  740.         },

  741.         // 字数限制

  742.         limitWords(val){

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

  744.             return "无"

  745.           }else{

  746.             if(val.length>11){

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

  748.             }

  749.             return val

  750.           }

  751.         },

  752.         // 与户主关系翻译

  753.         yhzgxfy(value){

  754.           let label

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

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

  757.               label = res.dictLabel

  758.             }

  759.           })

  760.           return label

  761.         },

  762.         onRefreshzjd(){

  763.           this.isLoadingzjd = false;

  764.           let _this = this

  765.           if(this.active==0&&this.loading2){

  766.             let params = {

  767.               "shyqrdbxm" : this.zjdvalue,

  768.               "surveyStatus":"1",

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

  770.               "pageSize":10,

  771.             }

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

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

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

  775.                     _this.list1.push(res)

  776.                   })

  777.                   this.countyhc++

  778.                   this.loading2 = false

  779.                 }else{

  780.                   this.loading2 = false

  781.                   this.finished2 = true

  782.                 }

  783.               });

  784.           }else if(this.active==1&&this.loading2){

  785.             let params = {

  786.               "shyqrdbxm" : this.zjdvalue,

  787.               "surveyStatus":"2",

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

  789.               "pageSize":10,

  790.             }

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

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

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

  794.                     _this.list1.push(res)

  795.                   })

  796.                   this.countyhc++

  797.                   this.loading2 = false

  798.                 }else{

  799.                   this.finished2 = true

  800.                 }

  801.             });

  802.           }else if(this.active==2&&this.loading2){

  803.             let params = {

  804.               "shyqrdbxm" : this.zjdvalue,

  805.               "surveyStatus":"3",

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

  807.               "pageSize":10,

  808.             }

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

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

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

  812.                   _this.list1.push(res)

  813.                 })

  814.                 this.countyhc++

  815.                 this.loading2 = false

  816.               }else{

  817.                 this.finished2 = true

  818.               }

  819.             });

  820.           }else if(this.active==3&&this.loading2){

  821.             let params = {

  822.               "shyqrdbxm" : this.zjdvalue,

  823.               "surveyStatus":"4",

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

  825.               "pageSize":10,

  826.             }

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

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

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

  830.                   _this.list1.push(res)

  831.                 })

  832.                 this.countyhc++

  833.                 this.loading2 = false

  834.               }else{

  835.                 this.finished2 = true

  836.               }

  837.             });

  838.           }else if(this.active==4&&this.loading2){

  839.             let params = {

  840.               "shyqrdbxm" : this.zjdvalue,

  841.               "surveyStatus":"5",

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

  843.               "pageSize":10,

  844.             }

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

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

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

  848.                   _this.list1.push(res)

  849.                 })

  850.                 this.countyhc++

  851.                 this.loading2 = false

  852.               }else{

  853.                 this.finished2 = true

  854.               }

  855.             });

  856.           }

  857.         },

  858.         getTotalHR(){

  859.           let params = {

  860.             "deptId" : this.item.deptId,

  861.             "pageNum": 1,

  862.             "pageSize":6,

  863.           }

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

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

  866.               this.totalH = response.total

  867.             }

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

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

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

  871.               }

  872.             });

  873.           });

  874. 

  875.         },

  876.         onRefreshnh(){

  877.           this.isLoadingnh = false

  878.           let params = {

  879.             "deptId" : this.item.deptId,

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

  881.             "pageSize":6,

  882.           }

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

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

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

  886.                 this.nhlist.unshift(res)

  887.               })

  888.               this.countnh++

  889.             }

  890.           });

  891.         },

  892.         queryDetail(item){

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

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

  895.           // let _this = this

  896.           // setTimeout(function(){

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

  898.           // },1000)

  899. 

  900.           getZjdzd(item.id).then((response) => {

  901.             localStorage.setItem("zjdzdxxItem",JSON.stringify(response.data));

  902.             localStorage.setItem("executePermission",false);

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

  904.           });

  905.         },

  906.         setCookies(item){

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

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

  909.           // let _this = this

  910.           // setTimeout(function(){

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

  912.           // },1000)

  913. 

  914.           getZjdzd(item.id).then((response) => {

  915.             localStorage.setItem("zjdzdxxItem",JSON.stringify(response.data));

  916.             localStorage.setItem("executePermission",true);

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

  918.           });

  919.         },

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

  921.         onClickzjd(){

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

  923.           localStorage.setItem("zjdzdxxItem",JSON.stringify({suyqrdm:this.qlrform.suyqrdm,zjddm:null,zjdlyzk:"1",landStatus:"1"

  924.                                                               ,houseOwnership:"2",landPhms:"10",isMore:"0",sffz:"0",sfcz:"0"

  925.                                                               ,zjdqdfs:"01",sjly:"01",qlsdfs:"1",qllx:"1",qlxz:"203",dj:"1",yt:"01"}));

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

  927.         },

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

  929.         onClicknh(){

  930.           this.shownh = true;

  931.           let params = {

  932.             "deptId" : this.item.deptId

  933.           }

  934.           this.qlrform={}

  935.           this.nhform={

  936.             "suyqrdm":null,

  937.             "deptId":this.item.deptId,

  938.             "hzzjlx":'01',

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

  940.             "hyzk":'02',

  941.             "occupation":'1',

  942.             "occupationName":'务农',

  943.             "jzqk":'3',

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

  945.             "jzhcssfyzf":'1',

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

  947.             "zqtczsfyzf":'Y',

  948.             "sfbccm":'Y',

  949.             "sfpkh":'N',

  950.             "sfwbh":'N',

  951.             "sjly":'07',

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

  953.           }

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

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

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

  957.               this.nhform.suyqrdm = this.qlrform.suyqrdm

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

  959.             }

  960.           });

  961.         },

  962.         // 返回

  963.         onClickLeft(){

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

  965.           this.$router.push({path:'/homesteadSurvey/index'});

  966.         },

  967.         onConfirmhncysjly(value){

  968.           this.form5.sjlyName = value.dictLabel

  969.           this.form5.sjly = value.dictValue

  970.           this.showhncysjly= false

  971.         },

  972.         onConfirmhzsjly(value){

  973.           this.nhform.sjlyName = value.dictLabel

  974.           this.nhform.sjly = value.dictValue

  975.           this.showhzsjly= false

  976.         },

  977.         onConfirmhncycybz(value){

  978.           this.form5.cybzName = value.dictLabel

  979.           this.form5.cybz = value.dictValue

  980.           this.showhncycybz= false

  981.         },

  982.         onConfirmhzjzhcssfyzf(value){

  983.           this.nhform.jzhcssfyzfName = value.dictLabel

  984.           this.nhform.jzhcssfyzf = value.dictValue

  985.           this.showhzjzhcssfyzf= false

  986.         },

  987.         onConfirmhncyyhzgx(value){

  988.           this.form5.yhzgxName = value.dictLabel

  989.           this.form5.yhzgx = value.dictValue

  990.           this.showhncyyhzgx = false

  991.         },

  992.         onConfirmhncyzjlx(value){

  993.           this.form5.zjlxName = value.dictLabel

  994.           this.form5.zjlx = value.dictValue

  995.           this.showhncyzjlx = false

  996.         },

  997.         onConfirmhncyjzqk(value){

  998.           this.form5.jzqkName = value.dictLabel

  999.           this.form5.jzqk = value.dictValue

  1000.           this.showhncyjzqk = false

  1001.         },

  1002.         onConfirmhzjzqk(value){

  1003.           this.nhform.jzqkName = value.dictLabel

  1004.           this.nhform.jzqk = value.dictValue

  1005.           this.showhzjzqk = false

  1006.         },

  1007.         onConfirmhncyoccupation(value){

  1008.           this.form5.occupationName = value.dictLabel

  1009.           this.form5.occupation = value.dictValue

  1010.           this.showhncyoccupation = false

  1011.         },

  1012.         onConfirmhzoccupation(value){

  1013.           this.nhform.occupationName = value.dictLabel

  1014.           this.nhform.occupation = value.dictValue

  1015.           this.showhzoccupation = false

  1016.         },

  1017.         onConfirmhzzjlx(value){

  1018.           this.nhform.hzzjlxName = value.dictLabel

  1019.           this.nhform.hzzjlx = value.dictValue

  1020.           this.showhzzjlx = false

  1021.         },

  1022.         onConfirmdbrzjlx(value){

  1023.           this.qlrform.dbrzjlxName = value.dictLabel

  1024.           this.qlrform.dbrzjlx = value.dictValue

  1025.           this.showdbrzjlx = false

  1026.         },

  1027.         onConfirmsuyqxz(value){

  1028.           this.qlrform.suyqxzName = value.dictLabel

  1029.           this.qlrform.suyqxz = value.dictValue

  1030.           this.showsuyqxz = false

  1031.         },

  1032.         onConfirmdlrzjlx(value){

  1033.           this.qlrform.dlrzjlxName = value.dictLabel

  1034.           this.qlrform.dlrzjlx = value.dictValue

  1035.           this.showdlrzjlx = false

  1036.         },

  1037.         onConfirmsjly(value){

  1038.           this.qlrform.sjlyName = value.dictLabel

  1039.           this.qlrform.sjly = value.dictValue

  1040.           this.showsjly = false

  1041.         },

  1042.         // 户主保存

  1043.         onSubmitnh(){

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

  1045.             updateNh(this.nhform).then(

  1046.               response => {

  1047.                 let _this =this

  1048.                 this.$toast({

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

  1050.                   message: '修改成功',

  1051.                   duration:"1000",

  1052.                   onClose:function(){

  1053.                     _this.getNh()

  1054.                     let psyqr = {

  1055.                       deptId : _this.nhform.deptId,

  1056.                       nhdm : _this.nhform.nhdm,

  1057.                       shyqrdbxm : _this.nhform.hzxm,

  1058.                       shyqrdbzjlx : _this.nhform.hzzjlx,

  1059.                       shyqrdbzjhm : _this.nhform.hzzjhm,

  1060.                       dh : _this.nhform.phone,

  1061.                       dz : _this.nhform.txdz

  1062.                     }

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

  1064.                       _this.shownh = false

  1065.                     })

  1066.                   }

  1067.                 })

  1068.               }

  1069.             );

  1070.           }else{

  1071.             this.nhform.deptId = this.item.deptId

  1072.             addNh(this.nhform).then(

  1073.               response => {

  1074.                 this.totalR+=1

  1075.                 this.totalH+=1

  1076.                 let _this =this

  1077.                 this.$toast({

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

  1079.                   message: '保存成功',

  1080.                   duration:"1000",

  1081.                   onClose:function(){

  1082.                     _this.shownh = false

  1083.                     _this.getNh()

  1084.                   }

  1085.                 })

  1086.               }

  1087.             );

  1088.           }

  1089.         },

  1090.         // 所有权人保存

  1091.         onSubmitsyqr(){

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

  1093.             updateSuyqr(this.qlrform).then(

  1094.               response => {

  1095.                 let _this =this

  1096.                 this.$toast({

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

  1098.                   message: '修改成功',

  1099.                   duration:"1000"

  1100.                 })

  1101.               }

  1102.             );

  1103.           }else{

  1104.             this.qlrform.deptId = this.item.deptId

  1105.             addSuyqr(this.qlrform).then(

  1106.               response => {

  1107.                 let _this =this

  1108.                 this.$toast({

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

  1110.                   message: '保存成功',

  1111.                   duration:"1000"

  1112.                 })

  1113.               }

  1114.             );

  1115.           }

  1116.         },

  1117.         // 查询所有权人

  1118.         getSyqr(){

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

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

  1121.           let params = {

  1122.             "deptId" : this.item.deptId

  1123.           }

  1124.           this.qlrform ={

  1125.             "deptId":this.item.deptId,

  1126.             "suyqxz":'40',

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

  1128.             "dbrzjlx":'01',

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

  1130.             "sfclncjtjjzz":'Y',

  1131.             "sjly":'04',

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

  1133.           }

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

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

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

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

  1138.                 this.qlrform.suyqxz = "40"

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

  1140.               }

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

  1142.                 this.qlrform.dbrzjlx = "01"

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

  1144.               }

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

  1146.                 this.qlrform.sfclncjtjjzz = "Y"

  1147.               }

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

  1149.                 this.qlrform.sjly = "04"

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

  1151.               }

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

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

  1154.                   this.qlrform.dbrzjlxName = res.dictLabel

  1155.                 }

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

  1157.                   this.qlrform.dlrzjlxName = res.dictLabel

  1158.                 }

  1159.               })

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

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

  1162.                   this.qlrform.suyqxzName = res.dictLabel

  1163.                 }

  1164.               })

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

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

  1167.                   this.qlrform.sjlyName = res.dictLabel

  1168.                 }

  1169.               })

  1170.             }

  1171.           });

  1172.           this.mapZjdData = "";

  1173.           this.mapZrzData = "";

  1174.           this.mapFsssData = "";

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

  1176.           this.mapZjdTeAll.mapZjdAData = {};

  1177.           this.mapZjdTeAll.mapZrzAData = {};

  1178.           this.mapZjdTeAll.mapFsssAData = {};

  1179.           this.mapZjdDataTure = "";

  1180.           this.mapXs =false;

  1181.           this.mapClick ="";

  1182.           this.mapAddJump = "";

  1183.           this.backTheGeom = "";

  1184.           this.zjdHcDy = "";

  1185.           this.mapZjdDataTure = "";

  1186.           this.mapAddJumpNum ="";

  1187.         },

  1188.         // 查询农户列表

  1189.         getNh(){

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

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

  1192.           let params = {

  1193.             "deptId" : this.item.deptId

  1194.           }

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

  1196.             this.nhlist = response.rows

  1197.             this.totalN = response.total

  1198.           });

  1199.           this.mapZjdData = "";

  1200.           this.mapZrzData = "";

  1201.           this.mapFsssData = "";

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

  1203.           this.mapZjdTeAll.mapZjdAData = {};

  1204.           this.mapZjdTeAll.mapZrzAData = {};

  1205.           this.mapZjdTeAll.mapFsssAData = {};

  1206.           this.mapZjdDataTure = "";

  1207.           this.mapXs =false;

  1208.           this.mapClick ="";

  1209.           this.mapAddJump = "";

  1210.           this.backTheGeom = "";

  1211.           this.zjdHcDy = "";

  1212.           this.mapZjdDataTure = "";

  1213.           this.mapAddJumpNum ="";

  1214.         },

  1215.         //调查

  1216.         getDc(){

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

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

  1219.           this.mapZjdData = "";

  1220.           this.mapZrzData = "";

  1221.           this.mapFsssData = "";

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

  1223.           this.mapZjdTeAll.mapZjdAData = {};

  1224.           this.mapZjdTeAll.mapZrzAData = {};

  1225.           this.mapZjdTeAll.mapFsssAData = {};

  1226.           this.mapZjdDataTure = "";

  1227.           this.mapXs =false;

  1228.           this.mapClick ="";

  1229.           this.mapAddJump = "";

  1230.           this.backTheGeom = "";

  1231.           this.zjdHcDy = "";

  1232.           this.mapZjdDataTure = "";

  1233.           this.mapAddJumpNum ="";

  1234.         },

  1235.         // 农户信息搜索框

  1236.         onSearchnh(){

  1237.           let params = {

  1238.             "deptId" : this.item.deptId,

  1239.             "nhValue" : this.nhvalue

  1240.           }

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

  1242.             this.nhlist = response.rows

  1243.           });

  1244.         },

  1245.         // 宅基地搜索框

  1246.         onSearchzjd(){

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

  1248.             let params = {

  1249.               "shyqrdbxm" : this.zjdvalue,

  1250.               "surveyStatus":"1",

  1251.               "pageNum": 1,

  1252.               "pageSize":10,

  1253.             }

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

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

  1256.                 this.list1 =  response.rows;

  1257.                 this.whcNums = response.total;

  1258.                 if(response.rows.length>0&&response.rows.length<response.total){

  1259.                   this.loading2 = false

  1260.                   this.finished2 = false;

  1261.                 }else{

  1262.                   this.loading2 = false

  1263.                   this.finished2 = true

  1264.                 }

  1265.               }

  1266.             });

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

  1268.             let params = {

  1269.               "shyqrdbxm" : this.zjdvalue,

  1270.               "surveyStatus":"2",

  1271.               "pageNum": 1,

  1272.               "pageSize":10,

  1273.             }

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

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

  1276.                 this.list1 =  response.rows;

  1277.                 this.hcycNums = response.total;

  1278.                 if(response.rows.length>0&&response.rows.length<response.total){

  1279.                   this.loading2 = false

  1280.                   this.finished2 = false;

  1281.                 }else{

  1282.                   this.loading2 = false

  1283.                   this.finished2 = true

  1284.                 }

  1285.               }

  1286.             });

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

  1288.             let params = {

  1289.               "shyqrdbxm" : this.zjdvalue,

  1290.               "surveyStatus":"3",

  1291.               "pageNum": 1,

  1292.               "pageSize":10,

  1293.             }

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

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

  1296.                 this.list1 =  response.rows;

  1297.                 this.hcwcNums = response.total;

  1298.                 if(response.rows.length>0&&response.rows.length<response.total){

  1299.                   this.loading2 = false

  1300.                   this.finished2 = false;

  1301.                 }else{

  1302.                   this.loading2 = false

  1303.                   this.finished2 = true

  1304.                 }

  1305.               }

  1306.             });

  1307.           } else if(this.active==3){

  1308.             let params = {

  1309.               "shyqrdbxm" : this.zjdvalue,

  1310.               "surveyStatus":"4",

  1311.               "pageNum": 1,

  1312.               "pageSize":10,

  1313.             }

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

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

  1316.                 this.list1 =  response.rows;

  1317.                 this.spbhNums = response.total;

  1318.                 if(response.rows.length>0&&response.rows.length<response.total){

  1319.                   this.loading2 = false

  1320.                   this.finished2 = false;

  1321.                 }else{

  1322.                   this.loading2 = false

  1323.                   this.finished2 = true

  1324.                 }

  1325.               }

  1326.             });

  1327.           }else{

  1328.             let params = {

  1329.               "shyqrdbxm" : this.zjdvalue,

  1330.               "surveyStatus":"5",

  1331.               "pageNum": 1,

  1332.               "pageSize":10,

  1333.             }

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

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

  1336.                 this.list1 =  response.rows;

  1337.                 this.sptgNums = response.total;

  1338.                 if(response.rows.length>0&&response.rows.length<response.total){

  1339.                   this.loading2 = false

  1340.                   this.finished2 = false;

  1341.                 }else{

  1342.                   this.loading2 = false

  1343.                   this.finished2 = true

  1344.                 }

  1345.               }

  1346.             });

  1347.           }

  1348.         },

  1349.         // 户内成员弹窗

  1350.         showPopuphncy(item){

  1351.           this.showhncy = true

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

  1353.             this.form5 = {

  1354.               "nhdm":this.nhdm,

  1355.               "deptId":this.item.deptId,

  1356.               "zjlx":'01',

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

  1358.               "yhzgx":"14",

  1359.               "yhzgxName":"妻",

  1360.               "hyzk":'02',

  1361.               "hklx":'1',

  1362.               "occupation":'1',

  1363.               "occupationName":'务农',

  1364.               "jzqk":'3',

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

  1366.               "sfbjtjjzzcy":'Y',

  1367.               "xb":'0',

  1368.               "sfbccm":'Y',

  1369.               "sfpkh":'N',

  1370.               "sfwbh":'N',

  1371.               "sjly":'07',

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

  1373.               "cybz":'9',

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

  1375.             }

  1376.           }else{

  1377.             let _this = this

  1378.             this.form5 = item

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

  1380.               this.form5.nhdm = this.nhform.nhdm

  1381.             }

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

  1383.               this.form5.deptId = this.nhform.deptId

  1384.             }

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

  1386.               this.form5.zjlx = "01"

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

  1388.             }

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

  1390.               this.form5.yhzgx = "14"

  1391.               this.form5.yhzgxName = "妻"

  1392.             }

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

  1394.               this.form5.hyzk = "02"

  1395.             }

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

  1397.               this.form5.hklx = "1"

  1398.             }

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

  1400.               this.form5.occupation = "1"

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

  1402.             }

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

  1404.               this.form5.jzqk = "3"

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

  1406.             }

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

  1408.               this.form5.sfbjtjjzzcy = "Y"

  1409.             }

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

  1411.               this.form5.xb = "0"

  1412.             }

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

  1414.               this.form5.sfbccm = "Y"

  1415.             }

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

  1417.               this.form5.sfpkh = "N"

  1418.             }

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

  1420.               this.form5.sfwbh = "N"

  1421.             }

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

  1423.               this.form5.sjly = "07"

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

  1425.             }

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

  1427.               this.form5.cybz = "9"

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

  1429.             }

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

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

  1432.                 this.form5.jzhcssfyzfName = res.dictLabel

  1433.               }

  1434.             })

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

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

  1437.                 this.form5.zjlxName = res.dictLabel

  1438.               }

  1439.             })

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

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

  1442.                 this.form5.occupationName = res.dictLabel

  1443.               }

  1444.             })

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

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

  1447.                 this.form5.jzqkName = res.dictLabel

  1448.               }

  1449.             })

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

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

  1452.                 this.form5.yhzgxName = res.dictLabel

  1453.               }

  1454.             })

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

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

  1457.                 this.form5.cybzName = res.dictLabel

  1458.               }

  1459.             })

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

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

  1462.                 this.form5.sjlyName = res.dictLabel

  1463.               }

  1464.             })

  1465.           }

  1466.         },

  1467.         // 户内成员列表

  1468.         showPopuphncylist(item){

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

  1470.             this.$toast({

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

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

  1473.               duration:"1000"

  1474.             })

  1475.           }else{

  1476.             this.nhdm = item.nhdm

  1477.             this.showhncylist =  true

  1478.             let params = {

  1479.               "nhdm":item.nhdm,

  1480.               "deptId":this.item.deptId

  1481.             }

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

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

  1484.                 this.hncylist = response.rows

  1485.               }

  1486.             });

  1487.           }

  1488. 

  1489.         },

  1490.         showPopupnh(item){

  1491.           this.shownh = true

  1492.           this.nhform = item

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

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

  1495.               this.nhform.jzhcssfyzfName = res.dictLabel

  1496.             }

  1497.           })

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

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

  1500.               this.nhform.hzzjlxName = res.dictLabel

  1501.             }

  1502.           })

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

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

  1505.               this.nhform.occupationName = res.dictLabel

  1506.             }

  1507.           })

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

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

  1510.               this.nhform.jzqkName = res.dictLabel

  1511.             }

  1512.           })

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

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

  1515.               this.nhform.sjlyName = res.dictLabel

  1516.             }

  1517.           })

  1518.         },

  1519.         getAttachments(id) {

  1520.           this.uploadImgList = [];

  1521.           let cond = {

  1522.             tableId: id,

  1523.             tableName: 't_homestead_zjdzdxx',

  1524.             fileType: 0,

  1525.           };

  1526.           attachmentFind(cond).then(resp => {

  1527.             this.uploadImgList = resp.data.map(function(item){

  1528.              return {id:item.id,url:'/api'+item.fileUrl,isImage: true}

  1529.             });

  1530.           });

  1531.         },

  1532.       getZjdList(){

  1533.         this.countyhc = 0;

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

  1535.            let params = {

  1536.              "shyqrdbxm" : this.zjdvalue,

  1537.              "surveyStatus":"1",

  1538.              "pageNum": 1,

  1539.              "pageSize":10,

  1540.            }

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

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

  1543.                this.whcNums = response.total;

  1544.                this.list1 = response.rows;

  1545.                this.loading2 = false

  1546.                if(response.rows.length>0&&response.rows.length<response.total){

  1547.                  this.countyhc++

  1548.                  this.finished2 = false;

  1549.                }else{

  1550.                  this.finished2 = true

  1551.                }

  1552.              }

  1553.            });

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

  1555.            let params = {

  1556.              "shyqrdbxm" : this.zjdvalue,

  1557.              "surveyStatus":"2",

  1558.              "pageNum": 1,

  1559.              "pageSize":10,

  1560.            }

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

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

  1563.                this.hcycNums = response.total;

  1564.                this.list1 = response.rows;

  1565.                this.loading2 = false

  1566.                if(response.rows.length>0&&response.rows.length<response.total){

  1567.                  this.countyhc++

  1568.                  this.finished2 = false;

  1569.                }else{

  1570.                  this.finished2 = true

  1571.                }

  1572.              }

  1573.            });

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

  1575.            let params = {

  1576.              "shyqrdbxm" : this.zjdvalue,

  1577.              "surveyStatus":"3",

  1578.              "pageNum": 1,

  1579.              "pageSize":10,

  1580.            }

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

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

  1583.                this.hcwcNums = response.total;

  1584.                this.list1 = response.rows;

  1585.                this.loading2 = false

  1586.                if(response.rows.length>0&&response.rows.length<response.total){

  1587.                  this.countyhc++

  1588.                  this.finished2 = false;

  1589.                }else{

  1590.                  this.finished2 = true

  1591.                }

  1592.              }

  1593.            });

  1594.          }else if(this.active === 3){

  1595.            let params = {

  1596.              "shyqrdbxm" : this.zjdvalue,

  1597.              "surveyStatus":"4",

  1598.              "pageNum": 1,

  1599.              "pageSize":10,

  1600.            }

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

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

  1603.                this.spbhNums = response.total;

  1604.                this.list1 = response.rows;

  1605.                this.loading2 = false

  1606.                if(response.rows.length>0&&response.rows.length<response.total){

  1607.                  this.countyhc++

  1608.                  this.finished2 = false;

  1609.                }else{

  1610.                  this.finished2 = true

  1611.                }

  1612.              }

  1613.            });

  1614.          }else if(this.active === 4){

  1615.            let params = {

  1616.              "shyqrdbxm" : this.zjdvalue,

  1617.              "surveyStatus":"5",

  1618.              "pageNum": 1,

  1619.              "pageSize":10,

  1620.            }

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

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

  1623.                this.sptgNums = response.total;

  1624.                this.list1 = response.rows;

  1625.                this.loading2 = false

  1626.                if(response.rows.length>0&&response.rows.length<response.total){

  1627.                  this.countyhc++

  1628.                  this.finished2 = false;

  1629.                }else{

  1630.                  this.finished2 = true

  1631.                }

  1632.              }

  1633.            });

  1634.          }

  1635. 

  1636.         },

  1637.         onConfirm(){},

  1638.         /*onSubmithncy(){

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

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

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

  1642.                 Dialog.confirm({

  1643.                   title: '警告',

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

  1645.                 })

  1646.                   .then(() => {

  1647.                     // on confirm

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

  1649.                       let _this =this

  1650.                       this.$toast({

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

  1652.                         message: '修改成功',

  1653.                         duration:"1000",

  1654.                         onClose:function(){

  1655.                           _this.showhncy = false

  1656.                           let params = {

  1657.                             "nhdm":_this.form5.nhdm,

  1658.                             deptId:_this.form5.deptId

  1659.                           }

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

  1661.                             _this.hncylist = response.rows

  1662.                           })

  1663.                         }

  1664.                       })

  1665.                     });

  1666.                   })

  1667.                   .catch(() => {

  1668.                     // on cancel

  1669.                   });

  1670.               }else{

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

  1672.                   let _this =this

  1673.                   this.$toast({

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

  1675.                     message: '修改成功',

  1676.                     duration:"1000",

  1677.                     onClose:function(){

  1678.                       _this.showhncy = false

  1679.                       let params = {

  1680.                         "nhdm":_this.form5.nhdm,

  1681.                         deptId:_this.form5.deptId

  1682.                       }

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

  1684.                         _this.hncylist = response.rows

  1685.                       })

  1686.                     }

  1687.                   })

  1688.                 });

  1689.               }

  1690. 

  1691.             } else {

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

  1693.                 Dialog.confirm({

  1694.                   title: '警告',

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

  1696.                 })

  1697.                   .then(() => {

  1698.                     // on confirm

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

  1700.                       let _this =this

  1701.                       this.$toast({

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

  1703.                         message: '修改成功',

  1704.                         duration:"1000",

  1705.                         onClose:function(){

  1706.                           _this.showhncy = false

  1707.                           let params = {

  1708.                             "nhdm":_this.form5.nhdm,

  1709.                             deptId:_this.form5.deptId

  1710.                           }

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

  1712.                             _this.hncylist = response.rows

  1713.                           })

  1714.                         }

  1715.                       })

  1716.                     });

  1717.                   })

  1718.                   .catch(() => {

  1719.                     // on cancel

  1720.                   });

  1721.               }else{

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

  1723.                   let _this =this

  1724.                   this.$toast({

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

  1726.                     message: '修改成功',

  1727.                     duration:"1000",

  1728.                     onClose:function(){

  1729.                       _this.showhncy = false

  1730.                       let params = {

  1731.                         "nhdm":_this.form5.nhdm,

  1732.                         deptId:_this.form5.deptId

  1733.                       }

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

  1735.                         _this.hncylist = response.rows

  1736.                       })

  1737.                     }

  1738.                   })

  1739.                 });

  1740.               }

  1741.             }

  1742.           } else {

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

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

  1745.                 Dialog.confirm({

  1746.                   title: '警告',

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

  1748.                 })

  1749.                   .then(() => {

  1750.                     // on confirm

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

  1752.                       let _this =this

  1753.                       this.$toast({

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

  1755.                         message: '保存成功',

  1756.                         duration:"1000",

  1757.                         onClose:function(){

  1758.                           _this.showhncy = false

  1759.                           _this.totalR+=1

  1760.                           _this.totalH+=1

  1761.                           let params = {

  1762.                             "nhdm":_this.form5.nhdm,

  1763.                             deptId:_this.form5.deptId

  1764.                           }

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

  1766.                             _this.hncylist = response.rows

  1767.                           })

  1768.                         }

  1769.                       })

  1770.                     });

  1771.                   })

  1772.                   .catch(() => {

  1773.                     // on cancel

  1774.                   });

  1775.               }else{

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

  1777.                   let _this =this

  1778.                   this.$toast({

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

  1780.                     message: '保存成功',

  1781.                     duration:"1000",

  1782.                     onClose:function(){

  1783.                       _this.showhncy = false

  1784.                       _this.totalR+=1

  1785.                       _this.totalH+=1

  1786.                       let params = {

  1787.                         "nhdm":_this.form5.nhdm,

  1788.                         deptId:_this.form5.deptId

  1789.                       }

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

  1791.                         _this.hncylist = response.rows

  1792.                       })

  1793.                     }

  1794.                   })

  1795.                 });

  1796.               }

  1797. 

  1798.             } else {

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

  1800.                 Dialog.confirm({

  1801.                   title: '警告',

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

  1803.                 })

  1804.                   .then(() => {

  1805.                     // on confirm

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

  1807.                       let _this =this

  1808.                       this.$toast({

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

  1810.                         message: '保存成功',

  1811.                         duration:"1000",

  1812.                         onClose:function(){

  1813.                           _this.showhncy = false

  1814.                           _this.totalR+=1

  1815.                           _this.totalH+=1

  1816.                           let params = {

  1817.                             "nhdm":_this.form5.nhdm,

  1818.                             deptId:_this.form5.deptId

  1819.                           }

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

  1821.                             _this.hncylist = response.rows

  1822.                           })

  1823.                         }

  1824.                       })

  1825.                     });

  1826.                   })

  1827.                   .catch(() => {

  1828.                     // on cancel

  1829.                   });

  1830.               }else{

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

  1832.                   let _this =this

  1833.                   this.$toast({

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

  1835.                     message: '保存成功',

  1836.                     duration:"1000",

  1837.                     onClose:function(){

  1838.                       _this.showhncy = false

  1839.                       _this.totalR+=1

  1840.                       _this.totalH+=1

  1841.                       let params = {

  1842.                         "nhdm":_this.form5.nhdm,

  1843.                         deptId:_this.form5.deptId

  1844.                       }

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

  1846.                         _this.hncylist = response.rows

  1847.                       })

  1848.                     }

  1849.                   })

  1850.                 });

  1851.               }

  1852.             }

  1853. 

  1854.           }

  1855.         },*/

  1856.         onSubmithncy(){

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

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

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

  1860.                 Dialog.confirm({

  1861.                   title: '警告',

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

  1863.                 })

  1864.                   .then(() => {

  1865.                     // on confirm

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

  1867.                       let _this =this

  1868.                       this.$toast({

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

  1870.                         message: '修改成功',

  1871.                         duration:"1000",

  1872.                         onClose:function(){

  1873.                           _this.showhncy = false

  1874.                           let params = {

  1875.                             "nhdm":_this.form5.nhdm,

  1876.                             deptId:_this.form5.deptId

  1877.                           }

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

  1879.                             _this.hncylist = response.rows

  1880.                           })

  1881.                         }

  1882.                       })

  1883.                     });

  1884.                   })

  1885.                   .catch(() => {

  1886.                     // on cancel

  1887.                   });

  1888.               }else{

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

  1890.                   let _this =this

  1891.                   this.$toast({

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

  1893.                     message: '修改成功',

  1894.                     duration:"1000",

  1895.                     onClose:function(){

  1896.                       _this.showhncy = false

  1897.                       let params = {

  1898.                         "nhdm":_this.form5.nhdm,

  1899.                         deptId:_this.form5.deptId

  1900.                       }

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

  1902.                         _this.hncylist = response.rows

  1903.                       })

  1904.                     }

  1905.                   })

  1906.                 });

  1907.               }

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

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

  1910.                 Dialog.confirm({

  1911.                   title: '警告',

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

  1913.                 })

  1914.                   .then(() => {

  1915.                     // on confirm

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

  1917.                       let _this =this

  1918.                       this.$toast({

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

  1920.                         message: '修改成功',

  1921.                         duration:"1000",

  1922.                         onClose:function(){

  1923.                           _this.showhncy = false

  1924.                           let params = {

  1925.                             "nhdm":_this.form5.nhdm,

  1926.                             deptId:_this.form5.deptId

  1927.                           }

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

  1929.                             _this.hncylist = response.rows

  1930.                           })

  1931.                         }

  1932.                       })

  1933.                     });

  1934.                   })

  1935.                   .catch(() => {

  1936.                     // on cancel

  1937.                   });

  1938.               }else{

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

  1940.                   let _this =this

  1941.                   this.$toast({

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

  1943.                     message: '修改成功',

  1944.                     duration:"1000",

  1945.                     onClose:function(){

  1946.                       _this.showhncy = false

  1947.                       let params = {

  1948.                         "nhdm":_this.form5.nhdm,

  1949.                         deptId:_this.form5.deptId

  1950.                       }

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

  1952.                         _this.hncylist = response.rows

  1953.                       })

  1954.                     }

  1955.                   })

  1956.                 });

  1957.               }

  1958.             }else{

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

  1960.                 let _this =this

  1961.                 this.$toast({

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

  1963.                   message: '修改成功',

  1964.                   duration:"1000",

  1965.                   onClose:function(){

  1966.                     _this.showhncy = false

  1967.                     let params = {

  1968.                       "nhdm":_this.form5.nhdm,

  1969.                       deptId:_this.form5.deptId

  1970.                     }

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

  1972.                       _this.hncylist = response.rows

  1973.                     })

  1974.                   }

  1975.                 })

  1976.               });

  1977.             }

  1978.           } else {

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

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

  1981.                 Dialog.confirm({

  1982.                   title: '警告',

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

  1984.                 })

  1985.                   .then(() => {

  1986.                     // on confirm

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

  1988.                       let _this =this

  1989.                       this.$toast({

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

  1991.                         message: '保存成功',

  1992.                         duration:"1000",

  1993.                         onClose:function(){

  1994.                           _this.totalR+=1

  1995.                           _this.showhncy = false

  1996.                           let params = {

  1997.                             "nhdm":_this.form5.nhdm,

  1998.                             deptId:_this.form5.deptId

  1999.                           }

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

  2001.                             _this.hncylist = response.rows

  2002.                           })

  2003.                         }

  2004.                       })

  2005.                     });

  2006.                   })

  2007.                   .catch(() => {

  2008.                     // on cancel

  2009.                   });

  2010.               }else{

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

  2012.                   let _this =this

  2013.                   this.$toast({

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

  2015.                     message: '保存成功',

  2016.                     duration:"1000",

  2017.                     onClose:function(){

  2018.                       _this.totalR+=1

  2019.                       _this.showhncy = false

  2020.                       let params = {

  2021.                         "nhdm":_this.form5.nhdm,

  2022.                         deptId:_this.form5.deptId

  2023.                       }

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

  2025.                         _this.hncylist = response.rows

  2026.                       })

  2027.                     }

  2028.                   })

  2029.                 });

  2030.               }

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

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

  2033.                 Dialog.confirm({

  2034.                   title: '警告',

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

  2036.                 })

  2037.                   .then(() => {

  2038.                     // on confirm

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

  2040.                       let _this =this

  2041.                       this.$toast({

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

  2043.                         message: '保存成功',

  2044.                         duration:"1000",

  2045.                         onClose:function(){

  2046.                           _this.totalR+=1

  2047.                           _this.showhncy = false

  2048.                           let params = {

  2049.                             "nhdm":_this.form5.nhdm,

  2050.                             deptId:_this.form5.deptId

  2051.                           }

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

  2053.                             _this.hncylist = response.rows

  2054.                           })

  2055.                         }

  2056.                       })

  2057.                     });

  2058.                   })

  2059.                   .catch(() => {

  2060.                     // on cancel

  2061.                   });

  2062.               }else{

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

  2064.                   let _this =this

  2065.                   this.$toast({

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

  2067.                     message: '保存成功',

  2068.                     duration:"1000",

  2069.                     onClose:function(){

  2070.                       _this.totalR+=1

  2071.                       _this.showhncy = false

  2072.                       let params = {

  2073.                         "nhdm":_this.form5.nhdm,

  2074.                         deptId:_this.form5.deptId

  2075.                       }

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

  2077.                         _this.hncylist = response.rows

  2078.                       })

  2079.                     }

  2080.                   })

  2081.                 });

  2082.               }

  2083.             }else{

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

  2085.                 let _this =this

  2086.                 this.$toast({

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

  2088.                   message: '保存成功',

  2089.                   duration:"1000",

  2090.                   onClose:function(){

  2091.                     _this.totalR+=1

  2092.                     _this.showhncy = false

  2093.                     let params = {

  2094.                       "nhdm":_this.form5.nhdm,

  2095.                       deptId:_this.form5.deptId

  2096.                     }

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

  2098.                       _this.hncylist = response.rows

  2099.                     })

  2100.                   }

  2101.                 })

  2102.               });

  2103.             }

  2104. 

  2105.           }

  2106.         },

  2107.         mapShow() {

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

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

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

  2111.           //镇边界获取

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

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

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

  2115.           //     //村边界获取

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

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

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

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

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

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

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

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

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

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

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

  2127.           //                 }

  2128.           //                 setTimeout(() => {

  2129.           //                   this.GetMapsInit();

  2130.           //                 }, 300);

  2131.           //               });

  2132.           //             }

  2133.           //           });

  2134.           //         }

  2135.           //       });

  2136.           //     });

  2137.           //   }

  2138.           // });

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

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

  2141.             this.mapGeoServerUrl = response.msg;

  2142.             setTimeout(() => {

  2143.               this.GetMapsInit();

  2144.             }, 300);

  2145.           });

  2146.           var that = this;

  2147.           setTimeout(function () {

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

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

  2150.           },500)

  2151.         },

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

  2153.         GetMapsInit() {

  2154. 

  2155.           //加载地图编辑

  2156.           var that = this;

  2157.           var map;

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

  2159.           var hc_land_on;

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

  2161.           var hc_land;

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

  2163.             //地图投影类型

  2164.             code: "EPSG:3857",

  2165.             units: "degrees",

  2166.             //extent:extent

  2167.           });

  2168. 

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

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

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

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

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

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

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

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

  2177.             }),

  2178.             isGroup: true,

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

  2180.           });

  2181. 

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

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

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

  2185.             }),

  2186.             isGroup: true,

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

  2188.           });

  2189. 

  2190.           //加载地图

  2191.           map = new ol.Map({

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

  2193.             layers: [aerial, yingxzi],

  2194.             projection: projection,

  2195.             target: "mapWrapAll",

  2196.             view: new ol.View({

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

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

  2199.               zoom: 10,

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

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

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

  2203.             }),

  2204.             interactions: ol.interaction.defaults({

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

  2206.             }),

  2207.           });

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

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

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

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

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

  2213.           //     params: {

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

  2215.           //       TILED: true,

  2216.           //       //cql_filter: cql_filter,

  2217.           //       SRID: 3857,

  2218.           //     },

  2219.           //   }),

  2220.           // });

  2221.           // map.addLayer(zhenTc);

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

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

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

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

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

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

  2228.               params: {

  2229.                 LAYERS: 'zjd_dc:t_house_survey_border_village',

  2230.                 TILED: true,

  2231.                 cql_filter: cql_filter,

  2232.                 SRID: 3857,

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

  2234.               },

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

  2236.             }),

  2237.           });

  2238.           // //定位查询位置

  2239.           // let param_dw = {

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

  2241.           //   service: "WFS",

  2242.           //   version: "1.0.0",

  2243.           //   request: "GetFeature",

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

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

  2246.           //   cql_filter: cql_filter,

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

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

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

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

  2251.           // };

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

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

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

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

  2256.           // }

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

  2258.           // fetch(url_dw, {

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

  2260.           // })

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

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

  2263.           //     return geojsonmap;

  2264.           //   })

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

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

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

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

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

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

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

  2272.           //           params: {

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

  2274.           //             TILED: true,

  2275.           //             cql_filter: cql_filter_map,

  2276.           //             SRID: 3857,

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

  2278.           //           },

  2279.           //         }),

  2280.           //       });

  2281.           //       map.addLayer(zrzTc);

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

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

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

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

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

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

  2288.           //           params: {

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

  2290.           //             TILED: true,

  2291.           //             cql_filter: cql_filter_map,

  2292.           //             SRID: 3857,

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

  2294.           //           },

  2295.           //         }),

  2296.           //       });

  2297.           //       map.addLayer(fsssTc);

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

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

  2300.           //         title: "add Layer",

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

  2302.           //           projection: projection,

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

  2304.           //         }),

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

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

  2307.           //             //边界样式

  2308.           //             color: "#CCFF66",

  2309.           //             width: 6,

  2310.           //           }),

  2311.           //         }),

  2312.           //       });

  2313.           //       map.addLayer(hc_land_on);

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

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

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

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

  2318.           //       //定位查询位置

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

  2320.           //       that.clickBbox = center;

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

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

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

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

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

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

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

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

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

  2330.           //       });

  2331.           //       //this.backMap =1;

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

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

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

  2335.           //         "type": "MultiPolygon",

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

  2337.           //       });

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

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

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

  2341.           //         title: "add Layer",

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

  2343.           //           projection: projection,

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

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

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

  2347.           //         }),

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

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

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

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

  2352.           //           }),

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

  2354.           //             //边界样式

  2355.           //             color: "#CCFF66",

  2356.           //             width: 3,

  2357.           //           }),

  2358.           //         }),

  2359.           //       });

  2360.           //       map.addLayer(hc_land_on);

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

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

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

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

  2365.           //       //定位查询位置

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

  2367.           //       that.clickBbox = center;

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

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

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

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

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

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

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

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

  2376.           //       });

  2377.           //       //this.backMap =1;

  2378.           //     } else {

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

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

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

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

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

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

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

  2386.           //       console.log(data);

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

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

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

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

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

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

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

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

  2395.           //       });

  2396.           //     }

  2397.           //   })

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

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

  2400.           //   });

  2401.           map.addLayer(cunTc);

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

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

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

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

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

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

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

  2409.                 params: {

  2410.                   LAYERS: 'zjd_gydl:DLTB',

  2411.                   TILED: true,

  2412.                   cql_filter: cql_filter_guoyou,

  2413.                   SRID: 3857,

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

  2415.                 },

  2416.               }),

  2417.             });

  2418.             map.addLayer(guoyouTc);

  2419.           });

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

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

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

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

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

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

  2426.               params: {

  2427.                 LAYERS: 'zjd_dc:t_house_survey_zjdzd',

  2428.                 TILED: true,

  2429.                 cql_filter: cql_filter,

  2430.                 SRID: 3857,

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

  2432.               },

  2433.             }),

  2434.           });

  2435.           //定位查询位置

  2436.           let param_zjdzd = {

  2437.             srsName: "EPSG:3857",

  2438.             service: "WFS",

  2439.             version: "1.0.0",

  2440.             request: "GetFeature",

  2441.             typename: "zjd_dc:t_house_survey_zjdzd",

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

  2443.             cql_filter: cql_filter,

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

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

  2446.             outputFormat: "application/json",

  2447.             maxFeatures:1,

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

  2449.           };

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

  2451.           url_zjdzd = url_zjdzd + "?";

  2452.           for (let key in param_zjdzd) {

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

  2454.           }

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

  2456.           fetch(url_zjdzd, {

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

  2458.           })

  2459.             .then((res) => {

  2460.               var geojsonmap = res.json();

  2461.               return geojsonmap;

  2462.             })

  2463.             .then((data) => {

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

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

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

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

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

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

  2470.                     params: {

  2471.                       LAYERS: 'zjd_dc:t_house_survey_zrz',

  2472.                       TILED: true,

  2473.                       cql_filter: cql_filter_map,

  2474.                       SRID: 3857,

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

  2476.                     },

  2477.                   }),

  2478.                 });

  2479.                 map.addLayer(zrzTc);

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

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

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

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

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

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

  2486.                     params: {

  2487.                       LAYERS: 'zjd_dc:t_house_survey_fsss',

  2488.                       TILED: true,

  2489.                       cql_filter: cql_filter_map,

  2490.                       SRID: 3857,

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

  2492.                     },

  2493.                   }),

  2494.                 });

  2495.                 map.addLayer(fsssTc);

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

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

  2498.                   title: "add Layer",

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

  2500.                     projection: projection,

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

  2502.                   }),

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

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

  2505.                       //边界样式

  2506.                       color: "#CCFF66",

  2507.                       width: 6,

  2508.                     }),

  2509.                   }),

  2510.                 });

  2511.                 map.addLayer(hc_land_on);

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

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

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

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

  2516.                 //定位查询位置

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

  2518.                 that.clickBbox = center;

  2519.                 console.log(that.mapZjdData);

  2520.                 that.textMjAll = that.mapZjdData.zdmj;

  2521.                 map.getView().animate({

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

  2523.                   center: center, // 中心点

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

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

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

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

  2528.                 });

  2529.                 //this.backMap =1;

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

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

  2532.                 var zbNew = JSON.stringify({

  2533.                   "type": "MultiPolygon",

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

  2535.                 });

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

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

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

  2539.                   title: "add Layer",

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

  2541.                     projection: projection,

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

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

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

  2545.                   }),

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

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

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

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

  2550.                     }),

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

  2552.                       //边界样式

  2553.                       color: "#CCFF66",

  2554.                       width: 3,

  2555.                     }),

  2556.                   }),

  2557.                 });

  2558.                 map.addLayer(hc_land_on);

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

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

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

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

  2563.                 //定位查询位置

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

  2565.                 that.clickBbox = center;

  2566.                 that.textMjAll = that.mapZjdData.zdmj;

  2567.                 map.getView().animate({

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

  2569.                   center: center, // 中心点

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

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

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

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

  2574.                 });

  2575.                 //this.backMap =1;

  2576.               } else {

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

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

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

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

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

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

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

  2584.                 map.getView().animate({

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

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

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

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

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

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

  2591.                 });

  2592.               }

  2593.             })

  2594.             .catch((error) => {

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

  2596.             });

  2597.           map.addLayer(zjdTc);

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

  2599.           var zrzTc;

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

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

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

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

  2604.           //     params: {

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

  2606.           //       TILED: true,

  2607.           //       cql_filter: cql_filter,

  2608.           //       SRID: 3857,

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

  2610.           //     },

  2611.           //   }),

  2612.           // });

  2613.           // map.addLayer(zrzTc);

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

  2615.           //

  2616.           var fsssTc;

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

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

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

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

  2621.           //     params: {

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

  2623.           //       TILED: true,

  2624.           //       cql_filter: cql_filter,

  2625.           //       SRID: 3857,

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

  2627.           //     },

  2628.           //   }),

  2629.           // });

  2630.           // map.addLayer(fsssTc);

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

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

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

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

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

  2636.         //     crossOrigin: 'anonymous',

  2637.         //     params: {

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

  2639.         //       'VERSION': '1.1.0',

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

  2641.         //       'CQL_FILTER': cql

  2642.         //     },

  2643.         //     serverType: 'geoserver',

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

  2645.         //   });

  2646.         //   zjdTc.setSource(wmsSourceBack);

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

  2648.         // }

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

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

  2651.           // var mapTalkAbout = true;

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

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

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

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

  2656.           //       mapTalkAbout =false;

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

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

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

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

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

  2662.           //         title: "add Layer",

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

  2664.           //           projection: projection,

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

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

  2667.           //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapTownList[i]) + "}"),

  2668.           //         }),

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

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

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

  2672.           //             color: "#AE57A4",

  2673.           //           }),

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

  2675.           //             //边界样式

  2676.           //             color: "#FF0000",

  2677.           //             width: 3,

  2678.           //           }),

  2679.           //           // text: new ol.style.Text({

  2680.           //           //   text: this.mapTownList[i].xzqmc,

  2681.           //           //   font: '30px sans-serif',

  2682.           //           //   textAlign: "center",

  2683.           //           //   textBaseline: "middle",

  2684.           //           //   //font: 'verdana',

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

  2686.           //           //     color: "#ff0000"

  2687.           //           //   }),

  2688.           //           //   // backgroundFill: new ol.style.Fill({

  2689.           //           //   //   color: "#ff0000"

  2690.           //           //   // }),

  2691.           //           //   font: "30px sans-serif",

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

  2693.           //           //     color: "#ffffff"

  2694.           //           //     // width: 3

  2695.           //           //   }),

  2696.           //           //   offsetX: parseInt(0, 10),

  2697.           //           //   offsetY: parseInt(0, 10),

  2698.           //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注

  2699.           //           //   overflow: false //超出面的部分不显示

  2700.           //           //}),

  2701.           //         }),

  2702.           //       });

  2703.           //       map.addLayer(hc_land);

  2704.           //       //console.log(hc_land.values_.source.featuresRtree_.rbush_.data);

  2705.           //       var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;

  2706.           //       var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;

  2707.           //       var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;

  2708.           //       var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;

  2709.           //       // //定位查询位置

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

  2711.           //       // console.log(center);

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

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

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

  2715.           //         zoom: 9.8, // 缩放级别

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

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

  2718.           //       });

  2719.           //     }

  2720.           //   }

  2721.           // }

  2722.           // //获取镇界线----end

  2723.           // //获取村界线----start

  2724.           // if(this.mapVillageList.length >0){

  2725.           //   for (var i = 0; this.mapVillageList.length > i; i++) {

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

  2727.           //       mapTalkAbout =false;

  2728.           //       this.mapVillageList[i].createBy = 'mapVillageList';

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

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

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

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

  2733.           //         title: "add Layer",

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

  2735.           //           projection: projection,

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

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

  2738.           //             "    \"geometry\":" + theGeomLine + ",    \"properties\":" + JSON.stringify(this.mapVillageList[i]) + "}"),

  2739.           //         }),

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

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

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

  2743.           //             color: "#AE57A4",

  2744.           //           }),

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

  2746.           //             //边界样式

  2747.           //             color: "#ff00ff",

  2748.           //             width: 3,

  2749.           //           }),

  2750.           //           // text: new ol.style.Text({

  2751.           //           //   text: this.mapVillageList[i].dcmj,

  2752.           //           //   font: '30px sans-serif',

  2753.           //           //   textAlign: "center",

  2754.           //           //   textBaseline: "middle",

  2755.           //           //   //font: 'verdana',

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

  2757.           //           //     color: "#ff00ff"

  2758.           //           //   }),

  2759.           //           //   // backgroundFill: new ol.style.Fill({

  2760.           //           //   //   color: "#ff0000"

  2761.           //           //   // }),

  2762.           //           //   font: "30px sans-serif",

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

  2764.           //           //     color: "#ffffff"

  2765.           //           //     // width: 3

  2766.           //           //   }),

  2767.           //           //   offsetX: parseInt(0, 10),

  2768.           //           //   offsetY: parseInt(0, 10),

  2769.           //           //   placement: "line", //point 则自动计算面的中心k点然后标注  line 则根据面要素的边进行标注

  2770.           //           //   overflow: false //超出面的部分不显示

  2771.           //           // }),

  2772.           //         }),

  2773.           //       });

  2774.           //       map.addLayer(hc_land);

  2775.           //     }

  2776.           //   }

  2777.           // }

  2778.           // // //获取村界线----end

  2779.           // //宅基地定位开始 ---------start

  2780.           // if(this.mapTheGeomZjdId.length >0) {

  2781.           //   for (var i = 0; this.mapTheGeomZjdId.length > i; i++) {

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

  2783.           //       mapTalkAbout =false;

  2784.           //       this.mapTheGeomZjdId[i].createBy = 'mapTheGeomZjdId';

  2785.           //       var styleYqr = "";

  2786.           //       if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  2787.           //         styleYqr = new ol.style.Style({

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

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

  2790.           //             color: "#AE57A4",

  2791.           //           }),

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

  2793.           //             //边界样式

  2794.           //             color: "#28FF28",

  2795.           //             width: 3,

  2796.           //           }),

  2797.           //         });

  2798.           //       } else {

  2799.           //         styleYqr = new ol.style.Style({

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

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

  2802.           //             color: "#AE57A4",

  2803.           //           }),

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

  2805.           //             //边界样式

  2806.           //             color: "rgba(255, 45, 45,1)",

  2807.           //             width: 3,

  2808.           //           }),

  2809.           //         });

  2810.           //       }

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

  2812.           //         title: "add Layer",

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

  2814.           //           projection: projection,

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

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

  2817.           //             "    \"geometry\":" + this.mapTheGeomZjdId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZjdId[i]) + "}"),

  2818.           //         }),

  2819.           //         style: styleYqr

  2820.           //       });

  2821.           //       map.addLayer(hc_land);

  2822.           //       // var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;

  2823.           //       // var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;

  2824.           //       // var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;

  2825.           //       // var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;

  2826.           //       // //定位查询位置

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

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

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

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

  2831.           //       //   zoom: 15.8, // 缩放级别

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

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

  2834.           //       // });

  2835.           //       //自然幢定位开始 ---------start

  2836.           //       getZrzZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {

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

  2838.           //           this.mapTheGeomZrzId = response.data;

  2839.           //           if(this.mapTheGeomZrzId.length >0) {

  2840.           //             for (var i = 0; this.mapTheGeomZrzId.length > i; i++) {

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

  2842.           //                 this.mapTheGeomZrzId[i].createBy = 'mapTheGeomZrzId';

  2843.           //                 var styleZrz = "";

  2844.           //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  2845.           //                   styleZrz = new ol.style.Style({

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

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

  2848.           //                       color: "#FFD306",

  2849.           //                     }),

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

  2851.           //                       //边界样式

  2852.           //                       color: "#28FF28",

  2853.           //                       width: 3,

  2854.           //                     }),

  2855.           //                   });

  2856.           //                 } else {

  2857.           //                   styleZrz = new ol.style.Style({

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

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

  2860.           //                       color: "#FFD306",

  2861.           //                     }),

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

  2863.           //                       //边界样式

  2864.           //                       color: "rgba(255, 45, 45,1)",

  2865.           //                       width: 3,

  2866.           //                     }),

  2867.           //                   });

  2868.           //                 }

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

  2870.           //                   title: "add Layer",

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

  2872.           //                     projection: projection,

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

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

  2875.           //                       "    \"geometry\":" + this.mapTheGeomZrzId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomZrzId[i]) + "}"),

  2876.           //                   }),

  2877.           //                   style: styleZrz

  2878.           //                 });

  2879.           //                 map.addLayer(hc_land);

  2880.           //               }

  2881.           //             }

  2882.           //           }

  2883.           //         }

  2884.           //       });

  2885.           //       //自然幢定位结束 ---------end

  2886.           //

  2887.           //       //附属设施定位开始 ---------start

  2888.           //       getFsssZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {

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

  2890.           //           this.mapTheGeomFsssId = response.data;

  2891.           //           if(this.mapTheGeomFsssId.length >0) {

  2892.           //             for (var i = 0; this.mapTheGeomFsssId.length > i; i++) {

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

  2894.           //                 this.mapTheGeomFsssId[i].createBy = 'mapTheGeomFsssId';

  2895.           //                 var styleFsss = "";

  2896.           //                 if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){

  2897.           //                   styleFsss = new ol.style.Style({

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

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

  2900.           //                       color: "#00FFFF",

  2901.           //                     }),

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

  2903.           //                       //边界样式

  2904.           //                       color: "#28FF28",

  2905.           //                       width: 3,

  2906.           //                     }),

  2907.           //                   });

  2908.           //                 } else {

  2909.           //                   styleFsss = new ol.style.Style({

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

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

  2912.           //                       color: "#00FFFF",

  2913.           //                     }),

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

  2915.           //                       //边界样式

  2916.           //                       color: "rgba(255, 45, 45,1)",

  2917.           //                       width: 3,

  2918.           //                     }),

  2919.           //                   });

  2920.           //                 }

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

  2922.           //                   title: "add Layer",

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

  2924.           //                     projection: projection,

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

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

  2927.           //                       "    \"geometry\":" + this.mapTheGeomFsssId[i].theGeom + ",    \"properties\":" + JSON.stringify(this.mapTheGeomFsssId[i]) + "}"),

  2928.           //                   }),

  2929.           //                   style: styleFsss

  2930.           //                 });

  2931.           //                 map.addLayer(hc_land);

  2932.           //               }

  2933.           //             }

  2934.           //           }

  2935.           //         }

  2936.           //       });

  2937.           //       //附属设施定位结束 ---------end

  2938.           //     }

  2939.           //   }

  2940.           // }

  2941.           // //宅基地定位结束 ---------end

  2942.           //数据库直接加载数据渲染方式---------------------------------------------------end

  2943. 

  2944.           //地图操作定义------------start

  2945.           //定位定义------------start

  2946.           var Zb;

  2947.           var latitude;

  2948.           var longitude;

  2949.           var vector_drawing;

  2950.           //定位定义------------end

  2951. 

  2952.           //绘图定义---------------start

  2953.           var drawing;

  2954.           var draw_map;

  2955.           //绘图定义---------------end

  2956. 

  2957.           //测面绘图定义------------start

  2958.           var draw_cm;

  2959.           //定义矢量图层

  2960.           var vector;

  2961.           //创建一个帮助提示信息对象

  2962.           var helpTooltip;

  2963.           //创建一个测量提示信息对象

  2964.           var measureTooltip;

  2965.           //创建一个帮助提示框对象

  2966.           var helpTooltipElement;

  2967.           //测出距离

  2968.           var measureTooltipElement;

  2969.           //测面绘图定义-----------end

  2970. 

  2971.           //地图操作定义------------end

  2972.           //定位当前位置 ------start

  2973.           $("#dwMapAll").on("click", function () {

  2974.             //删除测量记录操作--------start

  2975.             //将矢量图层从图中删除

  2976.             //map.removeLayer(helpTooltip);

  2977.             map.removeLayer(vector);

  2978.             map.removeInteraction(draw_cm);

  2979.             //map.removeOverlay(helpTooltipElement);

  2980.             //map.removeLayer(measureTooltip);

  2981.             //删除测量记录操作--------end

  2982.             //删除绘制图层画图操作-------start

  2983.             map.removeInteraction(draw_map);

  2984.             map.removeLayer(drawing);

  2985.             //删除绘制图层画图操作-------end

  2986. 

  2987.             //开始定位当前位置

  2988.             navigator.geolocation.getCurrentPosition(function(position) {

  2989.               latitude = position.coords.latitude;// 获取纬度

  2990.               longitude = position.coords.longitude;// 获取经度

  2991.             });

  2992.             if(latitude !=null && longitude !=null && latitude !="" && longitude !="" && latitude !=undefined && longitude !=undefined ){

  2993.               Zb = [longitude,latitude];

  2994.             }else {

  2995.               Zb =[115.452752, 31.789033];

  2996.             }

  2997.             //获取坐标点LocationManager

  2998.             // geoGps().then(response => {

  2999.             //

  3000.             // });

  3001.             //矢量标注样式设置函数，设置image为图标ol.style.Icon

  3002.             function createLabelStyle() {

  3003.               return new ol.style.Style({

  3004.                 image: new ol.style.Icon({

  3005.                   //设置图标偏移

  3006.                   anchor: [0.5, 1],

  3007.                   //标注样式的起点位置

  3008.                   anchorOrigin: "top-right",

  3009.                   //X方向单位：分数

  3010.                   anchorXUnits: "fraction",

  3011.                   //Y方向单位：像素

  3012.                   anchorYUnits: "pixels",

  3013.                   //偏移起点位置的方向

  3014.                   offsetOrigin: "top-right",

  3015.                   //透明度

  3016.                   opacity: 0.9,

  3017.                   //图片路径

  3018.                   src: require("../../assets/images/housesteadSurvey/mark.png"),

  3019.                 }),

  3020.                 text: new ol.style.Text({

  3021.                   textAlign: "center", //位置

  3022.                   textBaseline: "middle", //基准线

  3023.                   font: "normal 12px 微软雅黑", //文字样式

  3024.                   //text: "标注点", //文本内容

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

  3026.                     //文本填充样式（即文字颜色)

  3027.                     color: "#ff0000",

  3028.                   }),

  3029.                 }),

  3030.                 zIndex: 9999,

  3031.               });

  3032.             }

  3033.             var newcenterFeature = new ol.Feature({

  3034.               geometry: new ol.geom.Point(ol.proj.fromLonLat(Zb)), //几何信息

  3035.               name: "标注点",

  3036.             });

  3037.             var sourceMapLook = new ol.source.Vector({wrapX: false});

  3038.             vector_drawing = new ol.layer.Vector({

  3039.               source: sourceMapLook,

  3040.             });

  3041.             map.addLayer(vector_drawing);

  3042.             newcenterFeature.setStyle(createLabelStyle()); //设置要素样式

  3043.             sourceMapLook.addFeature(newcenterFeature);

  3044.             map.getView().animate({

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

  3046.               center: ol.proj.fromLonLat(Zb), // 中心点

  3047.               zoom: 17.8, // 缩放级别

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

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

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

  3051.             });

  3052.           });

  3053.           //定位当前位置 ------end

  3054. 

  3055.           //开始绘制图层- -----start

  3056.           $("#htMapAll").on("click", function () {

  3057.             if(that.drawingClick) {

  3058.               that.drawingClick=false;

  3059.               //删除之前 测距操作添加map中的绘图  --------start

  3060.               //map.removeLayer(helpTooltip);

  3061.               map.removeLayer(vector);

  3062.               map.removeInteraction(draw_cm);

  3063.               //map.removeOverlay(helpTooltipElement);

  3064.               map.removeLayer(measureTooltipElement);

  3065.               //删除之前 测距操作添加map中的绘图  --------end

  3066. 

  3067.               //删除之前画图图层,重新绘制图层

  3068.               map.removeInteraction(draw_map);

  3069.               map.removeLayer(drawing);

  3070.               //var source = new ol.source.Vector({wrapX: false});

  3071.               drawing = new ol.layer.Vector({

  3072.                 source: new ol.source.Vector(),

  3073.               });

  3074.               map.addLayer(drawing);

  3075. 

  3076.               function addInteraction() {

  3077.                 draw_map = new ol.interaction.Draw({

  3078.                   source: drawing.getSource(),

  3079.                   type: "Polygon",

  3080.                 });

  3081.                 draw_map.on("drawend", function (evt) {

  3082.                   var feature = evt.feature;

  3083.                   var geometry = feature.getGeometry();

  3084.                   that.coordinate = geometry.getCoordinates();

  3085.                   //_this.coordinateList = coordinate.toString();

  3086.                   //提示当前坐标是否绘制完成

  3087.                   if (that.coordinate != "" && that.coordinate != null) {

  3088.                     that.showhzht = true;

  3089.                     that.htZjdZrzFsss = JSON.stringify(that.coordinate);

  3090.                     console.log(that.mapZjdData);

  3091.                     // htMapAllFu();

  3092.                   } else {

  3093.                     $("#htMapAll").trigger("click");

  3094.                   }

  3095.                 });

  3096.                 map.addInteraction(draw_map);

  3097.               }

  3098. 

  3099.               function htMapAllFu() {

  3100.                 //that.drawMapPolygonFun();

  3101.                 //绘制多边形地图

  3102.                 that.$dialog

  3103.                   .confirm({

  3104.                     title: "提示",

  3105.                     message: "是否重新绘制画图",

  3106.                   })

  3107.                   .then(() => {

  3108.                     //$("#drawRemove").trigger("click");

  3109.                     map.removeInteraction(draw_map);

  3110.                     that.coordinate = "";

  3111.                   })

  3112.                   .catch(() => {

  3113.                     //删除画图点

  3114.                     map.removeInteraction(draw_map);

  3115.                   });

  3116.               }

  3117. 

  3118.               addInteraction();

  3119.             } else {

  3120.               that.drawingClick=true;

  3121.               //删除之前 测距操作添加map中的绘图  --------start

  3122.               //map.removeLayer(helpTooltip);

  3123.               map.removeLayer(vector);

  3124.               map.removeInteraction(draw_cm);

  3125.               //map.removeOverlay(helpTooltipElement);

  3126.               map.removeLayer(measureTooltipElement);

  3127.               //删除之前 测距操作添加map中的绘图  --------end

  3128. 

  3129.               //删除之前画图图层,重新绘制图层

  3130.               map.removeInteraction(draw_map);

  3131.               map.removeLayer(drawing);

  3132.               //var source = new ol.source.Vector({wrapX: false});

  3133.             }

  3134.           });

  3135.           //删除之前绘制图层

  3136.           $("#deleteHistory").on("click", function () {

  3137.             map.removeLayer(drawing);

  3138.             that.showhzht = false;

  3139.           });

  3140.           //开始绘制图层- -----end

  3141. 

  3142.           //切换功能删除之前选中状态

  3143.           $("#deleteHistoryMap").on("click", function () {

  3144.             map.removeLayer(hc_land_on);

  3145.             that.mapZjdData = "";

  3146.             that.mapZrzData = "";

  3147.             that.mapFsssData = "";

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

  3149.             that.mapZjdTeAll.mapZjdAData = {};

  3150.             that.mapZjdTeAll.mapZrzAData = {};

  3151.             that.mapZjdTeAll.mapFsssAData = {};

  3152.             that.mapZjdDataTure = "";

  3153.           });

  3154.           //清除画图鼠标点击事件

  3155.           // $("#drawRemove").click(function () {

  3156.           //   map.removeLayer(drawing);

  3157.           // });

  3158.           //

  3159. 

  3160.           //地图定义

  3161.           var delete_map = ["mapZjd", "mapZrz","mapFsss"];

  3162.           var hc_land_queryList =[];

  3163.           var texiao_layer_zjd;

  3164.           var texiao_layer_zrz;

  3165.           var texiao_layer_fsss;

  3166.           //按照查询条件人名  定位地图-----------------start

  3167.           $("#query").on("click", function () {

  3168.             //数据库查询数据------------------------------------------------------start

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

  3170.             var val = that.seachText;

  3171.             //删除之前查询图层

  3172.             for(var i=0;hc_land_queryList.length>i;i++){

  3173.               map.removeLayer(hc_land_queryList[i]);

  3174.             }

  3175.             hc_land_queryList = [];

  3176.             that.mapDataAll =[];

  3177.             if (val == "") {

  3178.                 that.$toast('请填写查询条件再查询');

  3179.               } else {

  3180.               var styleZjd = new ol.style.Style({

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

  3182.                   //边界样式

  3183.                   color: "#CCFF66",

  3184.                   width: 6,

  3185.                 }),

  3186.               });

  3187.               let params;

  3188.               if(that.mapAddJumpNum == 1){

  3189.                 params = {

  3190.                   "deptId" : that.mapAddJump,

  3191.                   "syqr" : val

  3192.                 }

  3193.               } else {

  3194.                 params = {

  3195.                   "deptId" : that.$cookies.get("item").deptId,

  3196.                   "syqr" : val

  3197.                 }

  3198.               }

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

  3200.                 if(response.rows.length != 0){

  3201.                   that.mapDataAll = response.rows;

  3202.                   for(var hg=0; hg < that.mapDataAll.length; hg++){

  3203.                     var mapNum = that.mapDataAll[hg].houseDataConfirmStatus;

  3204.                     if(mapNum == "UNCONFIRMED"){

  3205.                       that.mapDataAll[hg].paceType = "未核查";

  3206.                     } else if (mapNum == "CONFIRMED"){

  3207.                       that.mapDataAll[hg].paceType = "已核查";

  3208.                     }else{

  3209. 

  3210.                     }

  3211.                     that.mapDataAll[hg].typeTc="宅基地";

  3212.                     if (that.mapDataAll[hg] !=null && that.mapDataAll[hg].theGeom != null && that.mapDataAll[hg].theGeom != "") {

  3213.                       that.mapDataAll[hg].createBy = 'mapTheGeomZjdId';

  3214.                       hc_land_queryList[hg] =new ol.layer.Vector({

  3215.                           title: "add Layer",

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

  3217.                             projection: projection,

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

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

  3220.                               "    \"geometry\":" + that.mapDataAll[hg].theGeom + ",    \"properties\":" + JSON.stringify(that.mapDataAll[hg]) + "}"),

  3221.                           }),

  3222.                           style: styleZjd

  3223.                         });

  3224.                       map.addLayer(hc_land_queryList[hg]);

  3225.                       var maxXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxX;

  3226.                       var maxYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.maxY;

  3227.                       var minXMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minX;

  3228.                       var minYMap = hc_land_queryList[hg].values_.source.featuresRtree_.rbush_.data.minY;

  3229.                       //定位查询位置

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

  3231.                       map.getView().animate({

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

  3233.                         center: center, // 中心点

  3234.                         zoom: 15.8, // 缩放级别

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

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

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

  3238.                       });

  3239.                     }

  3240.                     // listFsss(paramsZrz).then((response) => {

  3241.                     //   that.mapDataAll.push(response.rows);

  3242.                     // });

  3243.                   }

  3244.                   // for(var queryFor=0; hc_land_queryList > queryFor; queryFor++ ){

  3245.                   //   map.addLayer(hc_land_queryList[queryFor]);

  3246.                   // }

  3247.                   // var mapZrzFor = that.mapDataAll[0].length+1;

  3248.                   // console.log(mapZrzFor);

  3249.                   // for(var mapFor=0;mapZrzFor>mapFor;mapFor++){

  3250.                   //   //查询自然幢

  3251.                   //   let paramsZrz = {

  3252.                   //     "deptId" : that.$cookies.get("item").deptId,

  3253.                   //     "zjddm" : that.mapDataAll[0][mapFor].zjddm,

  3254.                   //     "pageSize":20,

  3255.                   //   }

  3256.                   //   listZrz(paramsZrz).then((response) => {

  3257.                   //     console.log(response);

  3258.                   //     that.mapDataAll[0].

  3259.                   //     that.mapDataAll[0].push(response.rows);

  3260.                   //   });

  3261.                   // }

  3262.                   setTimeout(function () {

  3263.                     that.showSearch = true ;

  3264.                     $('.searchBox').css('display','block')

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

  3266.                     document.styleSheets[0].insertRule(

  3267.                       "@keyframes test" +

  3268.                       "{" +

  3269.                       "0%{bottom: -" + height + "px;}" +

  3270.                       "100%{bottom: 0px;}" +

  3271.                       "}"

  3272.                     )

  3273.                     $('.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'});

  3274.                   //}

  3275.                   },500);

  3276.                 } else {

  3277.                   that.$toast("暂无数据")

  3278.                 }

  3279.               });

  3280. 

  3281.             }

  3282.             //数据库查询数据------------------------------------------------------end

  3283.             //地图查询------------------------------------------------------------start

  3284.             /**

  3285.              * @api wfs服务空间查询

  3286.              * @param {*} wfsurl

  3287.              * @param {*} srsName

  3288.              * @param {*} typeName

  3289.              * @param {*} drawType

  3290.              * @param {option 可选} geometryField

  3291.              */

  3292.             // var val = that.seachText;

  3293.             // if (val == "") {

  3294.             //   that.$toast('请填写查询条件再查询');

  3295.             // } else {

  3296.             //   //清除之前查询数据

  3297.             //   that.mapDataAll =[];

  3298.             //   //分类查询查询农地、农房

  3299.             //   var difang;

  3300.             //   //查询条件

  3301.             //   var cql_filter_cun;

  3302.             //   var cun = that.$cookies.get("item").deptId;

  3303.             //   difang = ["zjd_dc:t_house_survey_zjdzd", "zjd_dc:t_house_survey_zrz","zjd_dc:t_house_survey_fsss"];

  3304.             //   var tach = 0;

  3305.             //   var once = 0;

  3306.             //   for (var i = 0; i < difang.length; i++) {

  3307.             //     map.removeLayer(delete_map[i]);

  3308.             //     // 数字验证！

  3309.             //     var reg = /\d/;

  3310.             //     //验证汉子

  3311.             //     //var han = /^[\u4e00-\u9fa5]+$/;

  3312.             //     if (reg.test(val)) {

  3313.             //       //循环判断查询条件

  3314.             //       cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3315.             //     } else {

  3316.             //       //循环判断查询条件

  3317.             //       if (difang[i] == "zjd_dc:t_house_survey_zjdzd") {

  3318.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3319.             //       } else if(difang[i] == "zjd_dc:t_house_survey_zrz") {

  3320.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3321.             //       } else if(difang[i] == "zjd_dc:t_house_survey_fsss") {

  3322.             //         cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'";

  3323.             //       }

  3324.             //     }

  3325.             //     //for(var i=0; i< difang.length; i++){

  3326.             //     //cql_filter = "CM='"+cun +"'"+ "and XZQK='待流转待盘活'";

  3327.             //

  3328.             //     //图层加载

  3329.             //

  3330.             //     //业务图层  wms服务

  3331.             //     delete_map[i] = new ol.layer.Tile({

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

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

  3334.             //         params: {

  3335.             //           LAYERS: difang[i],

  3336.             //           //'LAYERS': 'new_shp:new_shp_all',

  3337.             //           TILED: true,

  3338.             //           cql_filter: cql_filter_cun,

  3339.             //           SRID: 3857,

  3340.             //         },

  3341.             //       }),

  3342.             //     });

  3343.             //

  3344.             //     //}

  3345.             //     //定位查询位置

  3346.             //     let param_dw = {

  3347.             //       srsName: "EPSG:3857",

  3348.             //       service: "WFS",

  3349.             //       version: "1.0.0",

  3350.             //       request: "GetFeature",

  3351.             //       typename: difang[i],

  3352.             //       //featureNS: 'nsgk_hc',//命名空间 URI

  3353.             //       cql_filter: cql_filter_cun,

  3354.             //       //featurePrefix: 'nationalwater',//工作区名称

  3355.             //       //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  3356.             //       outputFormat: "application/json",

  3357.             //       //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  3358.             //     };

  3359.             //     let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;

  3360.             //     url_dw = url_dw + "?";

  3361.             //     for (let key in param_dw) {

  3362.             //       url_dw = url_dw + key + "=" + param_dw[key] + "&";

  3363.             //     }

  3364.             //     url_dw = url_dw.substr(0, url_dw.length - 1);

  3365.             //     fetch(url_dw, {

  3366.             //       method: "POST", // *GET, POST, PUT, DELETE, etc.

  3367.             //     })

  3368.             //       .then((res) => {

  3369.             //         var geojsonmap = res.json();

  3370.             //         return geojsonmap;

  3371.             //       })

  3372.             //       .then((data) => {

  3373.             //         tach = tach + 1;

  3374.             //         if (data.features != null && data.features != "") {

  3375.             //           for(var i=0; data.features.length >i; i++) {

  3376.             //             //特效动画实现 -----------------------------start

  3377.             //             console.log(tach,"++++++++++++++++++",once)

  3378.             //             var datamap = data.features[0].bbox;

  3379.             //             if (tach == 1 && once == 0) {

  3380.             //               console.log("zrz")

  3381.             //               texiao_layer_zjd = new ol.layer.Vector({

  3382.             //                 source: new ol.source.Vector(),

  3383.             //               });

  3384.             //               map.addLayer(texiao_layer_zjd);

  3385.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  3386.             //               var circle = new ol.Feature({

  3387.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  3388.             //               });

  3389.             //

  3390.             //               circle.setStyle(

  3391.             //                 new ol.style.Style({

  3392.             //                   image: new ol.style.Circle({

  3393.             //                     radius: 0,

  3394.             //                     stroke: new ol.style.Stroke({

  3395.             //                       color: "yellow",

  3396.             //                       size: 1,

  3397.             //                     }),

  3398.             //                   }),

  3399.             //                 })

  3400.             //               );

  3401.             //               texiao_layer_zjd.getSource().addFeature(circle);

  3402.             //

  3403.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  3404.             //               var radius = 0;

  3405.             //               map.on("postcompose", function () {

  3406.             //                 // 增大半径，最大20

  3407.             //                 radius++;

  3408.             //                 radius = radius % 10;

  3409.             //                 // 设置样式

  3410.             //                 circle.setStyle(

  3411.             //                   new ol.style.Style({

  3412.             //                     image: new ol.style.Circle({

  3413.             //                       radius: radius,

  3414.             //                       stroke: new ol.style.Stroke({

  3415.             //                         color: "yellow",

  3416.             //                         size: 1,

  3417.             //                       }),

  3418.             //                     }),

  3419.             //                   })

  3420.             //                 );

  3421.             //               });

  3422.             //             } else if(tach == 2) {

  3423.             //               console.log("zrz")

  3424.             //               texiao_layer_zrz = new ol.layer.Vector({

  3425.             //                 source: new ol.source.Vector(),

  3426.             //               });

  3427.             //               map.addLayer(texiao_layer_zrz);

  3428.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  3429.             //               var circle = new ol.Feature({

  3430.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  3431.             //               });

  3432.             //

  3433.             //               circle.setStyle(

  3434.             //                 new ol.style.Style({

  3435.             //                   image: new ol.style.Circle({

  3436.             //                     radius: 0,

  3437.             //                     stroke: new ol.style.Stroke({

  3438.             //                       color: "yellow",

  3439.             //                       size: 1,

  3440.             //                     }),

  3441.             //                   }),

  3442.             //                 })

  3443.             //               );

  3444.             //               texiao_layer_zrz.getSource().addFeature(circle);

  3445.             //

  3446.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  3447.             //               var radius = 0;

  3448.             //               map.on("postcompose", function () {

  3449.             //                 // 增大半径，最大20

  3450.             //                 radius++;

  3451.             //                 radius = radius % 10;

  3452.             //                 // 设置样式

  3453.             //                 circle.setStyle(

  3454.             //                   new ol.style.Style({

  3455.             //                     image: new ol.style.Circle({

  3456.             //                       radius: radius,

  3457.             //                       stroke: new ol.style.Stroke({

  3458.             //                         color: "yellow",

  3459.             //                         size: 1,

  3460.             //                       }),

  3461.             //                     }),

  3462.             //                   })

  3463.             //                 );

  3464.             //               });

  3465.             //             } else {

  3466.             //               console.log("fsss")

  3467.             //               texiao_layer_fsss = new ol.layer.Vector({

  3468.             //                 source: new ol.source.Vector(),

  3469.             //               });

  3470.             //               map.addLayer(texiao_layer_fsss);

  3471.             //               var center = ol.extent.getCenter(datamap); //获取边界区域的中心位置

  3472.             //               var circle = new ol.Feature({

  3473.             //                 geometry: new ol.geom.Point(center), //ol.proj.transform([104, 30], 'EPSG:4326', 'EPSG:3857') //投影坐标转为地理坐标

  3474.             //               });

  3475.             //

  3476.             //               circle.setStyle(

  3477.             //                 new ol.style.Style({

  3478.             //                   image: new ol.style.Circle({

  3479.             //                     radius: 0,

  3480.             //                     stroke: new ol.style.Stroke({

  3481.             //                       color: "yellow",

  3482.             //                       size: 1,

  3483.             //                     }),

  3484.             //                   }),

  3485.             //                 })

  3486.             //               );

  3487.             //               texiao_layer_fsss.getSource().addFeature(circle);

  3488.             //

  3489.             //               // 关键的地方在此：监听postcompose事件，在里面重新设置circle的样式

  3490.             //               var radius = 0;

  3491.             //               map.on("postcompose", function () {

  3492.             //                 // 增大半径，最大20

  3493.             //                 radius++;

  3494.             //                 radius = radius % 10;

  3495.             //                 // 设置样式

  3496.             //                 circle.setStyle(

  3497.             //                   new ol.style.Style({

  3498.             //                     image: new ol.style.Circle({

  3499.             //                       radius: radius,

  3500.             //                       stroke: new ol.style.Stroke({

  3501.             //                         color: "yellow",

  3502.             //                         size: 1,

  3503.             //                       }),

  3504.             //                     }),

  3505.             //                   })

  3506.             //                 );

  3507.             //               });

  3508.             //             }

  3509.             //             //特效动画实现 -----------------------------end

  3510.             //             that.mapDataAll.push(JSON.parse(JSON.stringify(data.features[i].properties)));

  3511.             //           }

  3512.             //           //定位实现

  3513.             //           let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize());

  3514.             //           map.getView().fit(data.bbox);

  3515.             //           map.getView().setResolution(resolution);

  3516.             //           console.log(that.mapDataAll);

  3517.             //         } else if (tach == 1) {

  3518.             //           once = once + 1;

  3519.             //         } else {

  3520.             //           if (once == 1 && tach == 3) {

  3521.             //             that.$toast("没有找到相关人员信息");

  3522.             //             //that.showSearch = false ;

  3523.             //           }else {

  3524.             //

  3525.             //           }

  3526.             //         }

  3527.             //       })

  3528.             //       .catch((error) => {

  3529.             //         console.log("【异常】", error);

  3530.             //       });

  3531.             //     map.addLayer(delete_map[i]);

  3532.             //   }

  3533.             //地图查询------------------------------------------------------------end

  3534.           });

  3535.           //按照查询  定位地图-----------------end

  3536. 

  3537.           //筛选附属设施-----------------------------------start

  3538.           $("#fsssSx").click(function () {

  3539.             if(!that.fsssSx){

  3540.               map.addLayer(fsssTc);

  3541.             }else {

  3542.               map.removeLayer(fsssTc);

  3543.             }

  3544.           });

  3545.           $("#zrzSx").click(function () {

  3546.             if(!that.zrzSx){

  3547.               map.addLayer(zrzTc);

  3548.             }else {

  3549.               map.removeLayer(zrzTc);

  3550.             }

  3551.           });

  3552.           $("#zjdSx").click(function () {

  3553.             if(!that.zjdSx){

  3554.               map.addLayer(zjdTc);

  3555.             }else {

  3556.               map.removeLayer(zjdTc);

  3557.             }

  3558.           });

  3559.           $("#checkAll").click(function () {

  3560.             if(!that.fsssSx && !that.zjdSx && !that.zrzSx){

  3561.               map.addLayer(zjdTc);

  3562.               map.addLayer(zrzTc);

  3563.               map.addLayer(fsssTc);

  3564.             }else {

  3565.               map.removeLayer(zrzTc);

  3566.               map.removeLayer(zjdTc);

  3567.               map.removeLayer(fsssTc);

  3568.             }

  3569.           });

  3570.           //筛选附属设施-----------------------------------end

  3571.           // //获取类型开始  侧面-----------------------------------------------------------------start

  3572.           //样式加载定义

  3573.           var vector_drawing_delete;

  3574.           $("#area").click(function () {

  3575.             console.log(that.textMjAll);

  3576.             console.log(that.clickBbox);

  3577.             if(that.textMjAll ==null || that.textMjAll ==""){

  3578.               that.textMjAll =0;

  3579.             }

  3580.             if((that.textMjAll != "" && that.clickBbox !="") || (that.textMjAll == 0 && that.clickBbox !="")){

  3581.               map.removeLayer(vector_drawing_delete);

  3582.               function createLabelStyle() {

  3583.                 return new ol.style.Style({

  3584.                   text: new ol.style.Text({

  3585.                     text: that.textMjAll+"㎡",

  3586.                     textAlign: "center", //位置

  3587.                     textBaseline: "middle", //基准线

  3588.                     font: "normal 12px 微软雅黑", //文字样式

  3589.                     //text: "标注点", //文本内容

  3590.                     fill: new ol.style.Fill({

  3591.                       //文本填充样式（即文字颜色)

  3592.                       color: "#FFFFFF",

  3593.                       width: 10,

  3594.                     }),

  3595.                     overflow: false //超出面的部分不显示

  3596.                   }),

  3597.                   zIndex: 9999,

  3598.                 });

  3599.               }

  3600.               var newcenterFeature = new ol.Feature({

  3601.                 geometry: new ol.geom.Point(that.clickBbox), //几何信息

  3602.                 //name: "标注点",

  3603.               });

  3604.               var sourceMapLook = new ol.source.Vector({wrapX: false});

  3605.               vector_drawing_delete = new ol.layer.Vector({

  3606.                 source: sourceMapLook,

  3607.               });

  3608.               map.addLayer(vector_drawing_delete);

  3609.               newcenterFeature.setStyle(createLabelStyle()); //设置要素样式

  3610.               sourceMapLook.addFeature(newcenterFeature);

  3611.               //map.addLayer(styleFsss);

  3612.             } else if(that.textMjAllNum == "1"){

  3613.               that.$toast("该图层面积暂无信息");

  3614.             } else {

  3615.               that.$toast("选择图层进行面积显示");

  3616.             }

  3617.           });

  3618.           // $("#area").click(function () {

  3619.           //   console.log("进入测面")

  3620.           //   //删除绘制图层画图操作-------start

  3621.           //   map.removeInteraction(draw_map);

  3622.           //   map.removeLayer(drawing);

  3623.           //   //删除绘制图层画图操作-------end

  3624.           //   //开始绘制 测面--------------------------------------------------------------start

  3625.           //   //定义矢量数据源

  3626.           //   var source = new ol.source.Vector();

  3627.           //

  3628.           //   vector = new ol.layer.Vector({

  3629.           //     source: source,

  3630.           //     style: new ol.style.Style({

  3631.           //       fill: new ol.style.Fill({

  3632.           //         color: "rgba(255,255,255,0.2)",

  3633.           //       }),

  3634.           //       stroke: new ol.style.Stroke({

  3635.           //         color: "#e21e0a",

  3636.           //         width: 2,

  3637.           //       }),

  3638.           //       //image: new ol.style.Circle({

  3639.           //       // radius: 7,

  3640.           //       // fill: new ol.style.Fill({

  3641.           //       //  color:'#ffcc33'

  3642.           //       // })

  3643.           //       //})

  3644.           //     }),

  3645.           //   });

  3646.           //

  3647.           //   //将矢量图层添加到地图中   线的颜色加入map中

  3648.           //   map.addLayer(vector);

  3649.           //

  3650.           //   var sketch;

  3651.           //

  3652.           //   var continuePolygonMsg = "单击以继续绘制多边形";

  3653.           //

  3654.           //   /**

  3655.           //    * Message to show when the user is drawing a line.

  3656.           //    * @type {string}

  3657.           //    */

  3658.           //     //var continueLineMsg = '单击继续绘制直线';

  3659.           //

  3660.           //     //鼠标移动触发的函数

  3661.           //   var pointerMoveHandler = function (evt) {

  3662.           //       //Indicates if the map is currently being dragged.

  3663.           //       //Only set for POINTERDRAG and POINTERMOVE events. Default is false.

  3664.           //       //如果是平移地图则直接结束

  3665.           //       if (evt.dragging) {

  3666.           //         return;

  3667.           //       }

  3668.           //       //帮助提示信息

  3669.           //       var helpMsg = "单击开始绘图";

  3670.           //

  3671.           //       if (sketch) {

  3672.           //         //Get the feature's default geometry.

  3673.           //         //A feature may have any number of named geometries.

  3674.           //         //获取绘图对象的几何要素

  3675.           //         var geom = sketch.getGeometry();

  3676.           //         //如果当前绘制的几何要素是多边形，则将绘制提示信息设置为多边形绘制提示信息

  3677.           //         //如果当前绘制的几何要素是多线段，则将绘制提示信息设置为多线段绘制提示信息

  3678.           //         helpMsg = continuePolygonMsg;

  3679.           //       }

  3680.           //       //设置帮助提示要素的内标签为帮助提示信息

  3681.           //       helpTooltipElement.innerHTML = helpMsg;

  3682.           //       //设置帮助提示信息的位置

  3683.           //       //The coordinate in view projection corresponding to the original browser event.

  3684.           //       helpTooltip.setPosition(evt.coordinate);

  3685.           //       //移除帮助提示要素的隐藏样式

  3686.           //       $(helpTooltipElement).removeClass("hidden");

  3687.           //     };

  3688.           //

  3689.           //   map.on("pointermove", pointerMoveHandler);

  3690.           //

  3691.           //   map.getViewport().addEventListener("mouseout", function () {

  3692.           //     helpTooltipElement.classList.add("hidden");

  3693.           //   });

  3694.           //

  3695.           //   //添加交互式绘图对象的函数

  3696.           //   function addInteraction() {

  3697.           //     // 获取当前选择的绘制类型

  3698.           //     //var type = typeSelect.value == 'length' ? 'Polygon' : 'LineString';

  3699.           //     //创建一个交互式绘图对象

  3700.           //     var type = "Polygon";

  3701.           //     draw_cm = new ol.interaction.Draw({

  3702.           //       //绘制的数据源

  3703.           //       source: source,

  3704.           //       //绘制类型

  3705.           //       type: type,

  3706.           //       //样式

  3707.           //       style: new ol.style.Style({

  3708.           //         fill: new ol.style.Fill({

  3709.           //           color: "rgba(255,255,255,0.2)",

  3710.           //         }),

  3711.           //         stroke: new ol.style.Stroke({

  3712.           //           color: "rgba(0,0,0,0.5)",

  3713.           //           lineDash: [10, 10],

  3714.           //           width: 2,

  3715.           //         }),

  3716.           //         //  image: new ol.style.Circle({

  3717.           //         //   radius: 5,

  3718.           //         //   stroke: new ol.style.Stroke({

  3719.           //         //	color:'rgba(0,0,0,0.7)'

  3720.           //         // }),

  3721.           //         // fill: new ol.style.Fill({

  3722.           //         //color: 'rgba(255,255,255,0.2)'

  3723.           //         // })

  3724.           //         //})

  3725.           //       }),

  3726.           //     });

  3727.           //     //将交互绘图对象添加到地图中

  3728.           //     map.addInteraction(draw_cm);

  3729.           //

  3730.           //     //创建测量提示框

  3731.           //     createMeasureTooltip();

  3732.           //     //创建帮助提示框

  3733.           //     createHelpTooltip();

  3734.           //

  3735.           //     //定义一个事件监听

  3736.           //     var listener;

  3737.           //     //定义一个控制鼠标点击次数的变量

  3738.           //     var count = 0;

  3739.           //     //绘制开始事件

  3740.           //     draw_cm.on(

  3741.           //       "drawstart",

  3742.           //       function (evt) {

  3743.           //         //The feature being drawn.

  3744.           //         sketch = evt.feature;

  3745.           //         //提示框的坐标

  3746.           //         var tooltipCoord = evt.coordinate;

  3747.           //         //监听几何要素的change事件

  3748.           //         //Increases the revision counter and dispatches a 'change' event.

  3749.           //

  3750.           //         listener = sketch.getGeometry().on("change", function (evt) {

  3751.           //           //The event target.

  3752.           //           //获取绘制的几何对象

  3753.           //           var geom = evt.target;

  3754.           //           //定义一个输出对象，用于记录面积和长度

  3755.           //           var output;

  3756.           //           map.removeEventListener("singleclick");

  3757.           //           map.removeEventListener("dblclick");

  3758.           //           //输出多边形的面积

  3759.           //           output = formatArea(geom);

  3760.           //           //Return an interior point of the polygon.

  3761.           //           //获取多变形内部点的坐标

  3762.           //           tooltipCoord = geom.getInteriorPoint().getCoordinates();

  3763.           //

  3764.           //           //设置测量提示框的内标签为最终输出结果

  3765.           //           measureTooltipElement.innerHTML = output;

  3766.           //           //设置测量提示信息的位置坐标

  3767.           //           measureTooltip.setPosition(tooltipCoord);

  3768.           //         });

  3769.           //

  3770.           //         //地图单击事件

  3771.           //         map.on("singleclick", function (evt) {

  3772.           //           //设置测量提示信息的位置坐标，用来确定鼠标点击后测量提示框的位置

  3773.           //           measureTooltip.setPosition(evt.coordinate);

  3774.           //           //如果是第一次点击，则设置测量提示框的文本内容为起点

  3775.           //           if (count == 0) {

  3776.           //             measureTooltipElement.innerHTML = "起点";

  3777.           //           }

  3778.           //           //根据鼠标点击位置生成一个点

  3779.           //           var point = new ol.geom.Point(evt.coordinate);

  3780.           //           //将该点要素添加到矢量数据源中

  3781.           //           source.addFeature(new ol.Feature(point));

  3782.           //           //更改测量提示框的样式，使测量提示框可见

  3783.           //           measureTooltipElement.className = "tooltip tooltip-static";

  3784.           //           //创建测量提示框

  3785.           //           createMeasureTooltip();

  3786.           //           //点击次数增加

  3787.           //           count++;

  3788.           //         });

  3789.           //

  3790.           //         //地图双击事件

  3791.           //         map.on("dblclick", function (evt) {

  3792.           //           //根据

  3793.           //           var point = new ol.geom.Point(evt.coordinate);

  3794.           //           source.addFeature(new ol.Feature(point));

  3795.           //         });

  3796.           //       },

  3797.           //       this

  3798.           //     );

  3799.           //     //绘制结束事件

  3800.           //     draw_cm.on(

  3801.           //       "drawend",

  3802.           //       function (evt) {

  3803.           //         count = 0;

  3804.           //         //设置测量提示框的样式

  3805.           //         measureTooltipElement.className = "tooltip tooltip-static";

  3806.           //         //Set the offset for this overlay.

  3807.           //         //设置偏移量

  3808.           //         measureTooltip.setOffset([0, -7]);

  3809.           //         //清空绘制要素

  3810.           //         sketch = null;

  3811.           //         //清空测量提示要素

  3812.           //         measureTooltipElement = null;

  3813.           //         //创建测量提示框

  3814.           //         createMeasureTooltip();

  3815.           //         //Removes an event listener using the key returned by on() or once().

  3816.           //         //移除事件监听

  3817.           //         ol.Observable.unByKey(listener);

  3818.           //         //移除地图单击事件

  3819.           //         map.removeEventListener("singleclick");

  3820.           //       },

  3821.           //       this

  3822.           //     );

  3823.           //   }

  3824.           //   /**

  3825.           //    * Creates a new help tooltip

  3826.           //    */

  3827.           //   function createHelpTooltip() {

  3828.           //     if (helpTooltipElement) {

  3829.           //       helpTooltipElement.parentNode.removeChild(helpTooltipElement);

  3830.           //     }

  3831.           //     helpTooltipElement = document.createElement("div");

  3832.           //     helpTooltipElement.className = "ol-tooltip hidden";

  3833.           //     helpTooltip = new ol.Overlay({

  3834.           //       element: helpTooltipElement,

  3835.           //       offset: [15, 0],

  3836.           //       positioning: "center-left",

  3837.           //     });

  3838.           //     map.addOverlay(helpTooltip);

  3839.           //   }

  3840.           //

  3841.           //   /**

  3842.           //    * Creates a new measure tooltip

  3843.           //    */

  3844.           //   function createMeasureTooltip() {

  3845.           //     if (measureTooltipElement) {

  3846.           //       measureTooltipElement.parentNode.removeChild(measureTooltipElement);

  3847.           //     }

  3848.           //     measureTooltipElement = document.createElement("div");

  3849.           //     measureTooltipElement.className = "ol-tooltip ol-tooltip-measure";

  3850.           //     measureTooltip = new ol.Overlay({

  3851.           //       element: measureTooltipElement,

  3852.           //       offset: [0, -15],

  3853.           //       positioning: "bottom-center",

  3854.           //     });

  3855.           //     map.addOverlay(measureTooltip);

  3856.           //   }

  3857.           //

  3858.           //   //格式化测量面积

  3859.           //   var formatArea = function (polygon) {

  3860.           //     //定义面积变量

  3861.           //     var area;

  3862.           //     //获取平面面积

  3863.           //     area = polygon.getArea();

  3864.           //     //定义输出变量

  3865.           //     var output;

  3866.           //     //当面积大于10000时，转换为平方千米，否则为平方米

  3867.           //     if (area > 10000) {

  3868.           //       output =

  3869.           //         Math.round((area / 1000000) * 100) / 100 + " " + "km<sup>2</sup>";

  3870.           //     } else {

  3871.           //       output = Math.round(area * 100) / 100 + " " + "m<sup>2</sup>";

  3872.           //     }

  3873.           //     return output;

  3874.           //   };

  3875.           //

  3876.           //   addInteraction();

  3877.           // });

  3878.           // //侧面结束-----------------------------------------------------------------end

  3879. 

  3880.           //全图展示-----------------start

  3881.           $("#mapAllQt").click(function (){

  3882.             //定位查询位置

  3883.             let param_dw = {

  3884.               srsName: "EPSG:3857",

  3885.               service: "WFS",

  3886.               version: "1.0.0",

  3887.               request: "GetFeature",

  3888.               typename: "zjd_dc:t_house_survey_border_village",

  3889.               //featureNS: 'nsgk_hc',//命名空间 URI

  3890.               cql_filter: cql_filter,

  3891.               //featurePrefix: 'nationalwater',//工作区名称

  3892.               //featureTypes: ['nationalwater:01fir'],//查询图层，可以是同一个工作区下多个图层，逗号隔开

  3893.               outputFormat: "application/json",

  3894.               //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名，后者是对应值

  3895.             };

  3896.             let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl;

  3897.             url_dw = url_dw + "?";

  3898.             for (let key in param_dw) {

  3899.               url_dw = url_dw + key + "=" + param_dw[key] + "&";

  3900.             }

  3901.             url_dw = url_dw.substr(0, url_dw.length - 1);

  3902.             fetch(url_dw, {

  3903.               method: "POST", // *GET, POST, PUT, DELETE, etc.

  3904.             })

  3905.               .then((res) => {

  3906.                 var geojsonmap = res.json();

  3907.                 return geojsonmap;

  3908.               })

  3909.               .then((data) => {

  3910.                 let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize());

  3911.                 resolution:resolution + Math.random() * 0.00000001,

  3912.                 map.getView().fit(data.bbox);

  3913.                 map.getView().setResolution(resolution);

  3914.                 // var datamap = data.bbox;

  3915.                 // var center = ol.extent.getCenter(datamap);

  3916.                 // map.getView().animate({

  3917.                 //   // 只设置需要的属性即可

  3918.                 //   center: center, // 中心点

  3919.                 //   rotation: undefined, // 缩放完成view视图旋转弧度

  3920.                 // });

  3921.               })

  3922.               .catch((error) => {

  3923.                 console.log("【异常】", error);

  3924.               });

  3925.           });

  3926. 

  3927.           //业务图层  wfs服务  属性查询开始 ------------------start

  3928.           /**

  3929.            * @api wfs服务空间查询

  3930.            * @param {*} wfsurl

  3931.            * @param {*} srsName

  3932.            * @param {*} typeName

  3933.            * @param {*} drawType

  3934.            * @param {option 可选} geometryField

  3935.            */

  3936. 

  3937.           //查询全部图层  -------查询叠加图层出现覆盖问题

  3938.           var wmsSource = new ol.source.TileWMS({

  3939.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3940.             params: {

  3941.               LAYERS: "zjd_dc:t_house_survey_all",

  3942.               TILED: true,

  3943.               SRID: 3857,

  3944.               serverType: "geoserver",

  3945.               crossOrigin: "anonymous",

  3946.             },

  3947.             resolution:Math.random() * 0.00000001,

  3948.           });

  3949. 

  3950.           //查询宅基地图层

  3951.           var ZjdwmsSource = new ol.source.TileWMS({

  3952.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3953.             params: {

  3954.               LAYERS: "zjd_dc:t_house_survey_zjdzd",

  3955.               TILED: true,

  3956.               SRID: 3857,

  3957.               serverType: "geoserver",

  3958.               crossOrigin: "anonymous",

  3959.             },

  3960.             resolution:Math.random() * 0.00000001,

  3961.           });

  3962. 

  3963.           //查询自然幢图层

  3964.           var ZrzwmsSource = new ol.source.TileWMS({

  3965.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3966.             params: {

  3967.               LAYERS: "zjd_dc:t_house_survey_zrz",

  3968.               TILED: true,

  3969.               SRID: 3857,

  3970.               serverType: "geoserver",

  3971.               crossOrigin: "anonymous",

  3972.             },

  3973.             resolution:Math.random() * 0.00000001,

  3974.           });

  3975. 

  3976.           //查询附属设施图层

  3977.           var FssswmsSource = new ol.source.TileWMS({

  3978.             url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",

  3979.             params: {

  3980.               LAYERS: "zjd_dc:t_house_survey_fsss",

  3981.               TILED: true,

  3982.               SRID: 3857,

  3983.               serverType: "geoserver",

  3984.               crossOrigin: "anonymous",

  3985.             },

  3986.             resolution:Math.random() * 0.00000001,

  3987.           });

  3988. 

  3989. 

  3990.           map.on("pointermove", function (evt) {

  3991.             if (evt.dragging) {

  3992.               return;

  3993.             }

  3994.             var pixel = map.getEventPixel(evt.originalEvent);

  3995.             var hit = map.forEachLayerAtPixel(pixel, function () {

  3996.               return true;

  3997.             });

  3998.             map.getTargetElement().style.cursor = hit ? "pointer" : "";

  3999.           });

  4000.           //属性查询结束 ------------------end

  4001.           //点击查询详细信息

  4002.           map.on("singleclick", function (evt) {

  4003.             console.log(evt);

  4004.             let feature = map.forEachFeatureAtPixel(

  4005.               evt.pixel,

  4006.               (feature) => feature

  4007.             );

  4008.             var viewResolution = map.getView().getResolution(); ///** @type {number} */ (view.getResolution());

  4009.             var zb = evt.coordinate;

  4010.             var url;

  4011.             var url_bbox;

  4012.             that.clickBbox ="";

  4013.             that.textMjAll = "";

  4014.             if(that.drawingClick) {

  4015.               //点击空白删除之前图层

  4016.               map.removeLayer(hc_land_on);

  4017.               //map.removeLayer(hc_land_query);

  4018.               //for(var i=0;hc_land_query>i;i++){

  4019.                 //map.removeLayer(hc_land_query);

  4020.               for(var i=0;hc_land_queryList.length>i;i++){

  4021.                 map.removeLayer(hc_land_queryList[i]);

  4022.               }

  4023.               //}c

  4024.               if (that.fsssSx && that.zjdSx && that.zrzSx) {

  4025.                 url = wmsSource.getFeatureInfoUrl(

  4026.                   evt.coordinate,

  4027.                   viewResolution,

  4028.                   "EPSG:3857",

  4029.                   {INFO_FORMAT: "text/html"}

  4030.                 );

  4031.                 url_bbox = wmsSource.getFeatureInfoUrl(

  4032.                   evt.coordinate,

  4033.                   viewResolution,

  4034.                   "EPSG:3857",

  4035.                   {INFO_FORMAT: "application/json"}

  4036.                 );

  4037.               } else {

  4038.                 if (that.zjdSx) {

  4039.                   url = ZjdwmsSource.getFeatureInfoUrl(

  4040.                     evt.coordinate,

  4041.                     viewResolution,

  4042.                     "EPSG:3857",

  4043.                     {INFO_FORMAT: "text/html"}

  4044.                   );

  4045.                   url_bbox = ZjdwmsSource.getFeatureInfoUrl(

  4046.                     evt.coordinate,

  4047.                     viewResolution,

  4048.                     "EPSG:3857",

  4049.                     {INFO_FORMAT: "application/json"}

  4050.                   );

  4051.                 } else if (that.fsssSx) {

  4052.                   url = FssswmsSource.getFeatureInfoUrl(

  4053.                     evt.coordinate,

  4054.                     viewResolution,

  4055.                     "EPSG:3857",

  4056.                     {INFO_FORMAT: "text/html"}

  4057.                   );

  4058.                   url_bbox = FssswmsSource.getFeatureInfoUrl(

  4059.                     evt.coordinate,

  4060.                     viewResolution,

  4061.                     "EPSG:3857",

  4062.                     {INFO_FORMAT: "application/json"}

  4063.                   );

  4064.                 } else if (that.zrzSx) {

  4065.                   url = ZrzwmsSource.getFeatureInfoUrl(

  4066.                     evt.coordinate,

  4067.                     viewResolution,

  4068.                     "EPSG:3857",

  4069.                     {INFO_FORMAT: "text/html"}

  4070.                   );

  4071.                   url_bbox = ZrzwmsSource.getFeatureInfoUrl(

  4072.                     evt.coordinate,

  4073.                     viewResolution,

  4074.                     "EPSG:3857",

  4075.                     {INFO_FORMAT: "application/json"}

  4076.                   );

  4077.                 } else {

  4078.                   url = wmsSource.getFeatureInfoUrl(

  4079.                     evt.coordinate,

  4080.                     viewResolution,

  4081.                     "EPSG:3857",

  4082.                     {INFO_FORMAT: "text/html"}

  4083.                   );

  4084.                   url_bbox = wmsSource.getFeatureInfoUrl(

  4085.                     evt.coordinate,

  4086.                     viewResolution,

  4087.                     "EPSG:3857",

  4088.                     {INFO_FORMAT: "application/json"}

  4089.                   );

  4090.                 }

  4091.               }

  4092.               if (url_bbox) {

  4093.                 fetch(url_bbox).then((res) => {

  4094.                   var geojsonmap = res.json();

  4095.                   return geojsonmap;

  4096.                 })

  4097.                   .then((data) => {

  4098.                     var center = ol.extent.getCenter(data.bbox); //获取边界区域的中心位置

  4099.                     center = [center[0], center[1] - 16];

  4100.                     that.clickBbox = center;

  4101.                   })

  4102.                   .catch((error) => {

  4103.                     that.mapZjdData = "";

  4104.                     that.mapZrzData = "";

  4105.                     that.mapFsssData = "";

  4106.                     //that.mapZjdTeAll.active ="1";

  4107.                     that.mapZjdTeAll.mapZjdAData = {};

  4108.                     that.mapZjdTeAll.mapZrzAData = {};

  4109.                     that.mapZjdTeAll.mapFsssAData = {};

  4110.                     that.mapZjdDataTure = "";

  4111.                     that.mapXs =false;

  4112.                     that.mapClick ="";

  4113.                     console.log("【异常】", error);

  4114.                   });

  4115.               }

  4116.               if (url) {

  4117.                 fetch(url)

  4118.                   .then(function (response) {

  4119.                     return response.text();

  4120.                   })

  4121.                   .then(function (html) {

  4122.                     document.getElementById("info").innerHTML = html;

  4123.                     if (html.indexOf("<table") != -1) {

  4124.                       that.mapZjdData = "";

  4125.                       that.mapZrzData = "";

  4126.                       that.mapFsssData = "";

  4127.                       //that.mapZjdTeAll.active ="1";

  4128.                       that.mapZjdTeAll.mapZjdAData = {};

  4129.                       that.mapZjdTeAll.mapZrzAData = {};

  4130.                       that.mapZjdTeAll.mapFsssAData = {};

  4131.                       that.mapZjdDataTure = "";

  4132.                       setTimeout(() => {

  4133.                         if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zjdzd") {

  4134.                           map.removeLayer(hc_land_on);

  4135.                           that.mapHasDateStatus = 2;

  4136.                           that.mapXs = true;

  4137.                           let obj = {};

  4138.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  4139.                           let zjdXq = trs.find("td").eq(0).text();

  4140.                           let zjdIdNum = zjdXq.replace("t_house_survey_zjdzd.", "");

  4141.                           obj.id = zjdIdNum; //	主键id

  4142.                           obj.deptName = trs.find("td").eq(3).text();//行政区划名称

  4143. 

  4144.                           obj.zjddm = trs.find("td").eq(6).text();//宅基地代码

  4145. 

  4146.                           obj.zdmj = trs.find("td").eq(11).text();//宗地面积

  4147. 

  4148.                           obj.active = 1;

  4149. 

  4150.                           var vector_drawing_map;

  4151.                           let params = {

  4152.                             "deptId": that.$cookies.get("item").deptId,

  4153.                             "zjddm": obj.zjddm,

  4154.                           }

  4155.                           that.mapClick = obj.zjddm;

  4156.                           //点击查看自然幢

  4157.                           //自然幢图层查询开始 ------------------start

  4158.                           var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  4159.                           zrzTc = new ol.layer.Image({

  4160.                             source: new ol.source.ImageWMS({

  4161.                               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  4162.                               params: {

  4163.                                 LAYERS: 'zjd_dc:t_house_survey_zrz',

  4164.                                 TILED: true,

  4165.                                 cql_filter: cql_filter_map,

  4166.                                 SRID: 3857,

  4167.                                 TIMESTAMP: new Date().getTime(),

  4168.                               },

  4169.                             }),

  4170.                           });

  4171.                           map.addLayer(zrzTc);

  4172.                           //自然幢图层查询开始 ------------------start

  4173.                           //附属设施图层查询开始 ------------------start

  4174.                           //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  4175.                           fsssTc = new ol.layer.Image({

  4176.                             source: new ol.source.ImageWMS({

  4177.                               url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  4178.                               params: {

  4179.                                 LAYERS: 'zjd_dc:t_house_survey_fsss',

  4180.                                 TILED: true,

  4181.                                 cql_filter: cql_filter_map,

  4182.                                 SRID: 3857,

  4183.                                 TIMESTAMP: new Date().getTime(),

  4184.                               },

  4185.                             }),

  4186.                           });

  4187.                           map.addLayer(fsssTc);

  4188.                           //附属设施图层查询开始 ------------------end

  4189.                           that.$cookies.set("search", "")

  4190.                           //that.$cookies.set("map", "")

  4191.                           console.log(document.cookie.split(';').length)

  4192.                           console.log(params);

  4193.                           listZjdzd(params).then((response) => {

  4194.                             if (response.rows[0].zdmj != "") {

  4195.                               that.textMjAll = response.rows[0].zdmj;

  4196.                             } else {

  4197.                               that.textMjAllNum = "1";

  4198.                             }

  4199.                             that.mapZjdData = response.rows[0];

  4200.                             that.mapZjdData.active = 1;

  4201.                             that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4202.                             that.mapZjdDataTure = 1;

  4203.                             that.zjdHcDy = obj.zjddm;

  4204.                             var styleZjd = new ol.style.Style({

  4205.                               stroke: new ol.style.Stroke({

  4206.                                 //边界样式

  4207.                                 color: "#CCFF66",

  4208.                                 width: 6,

  4209.                               }),

  4210.                             });

  4211.                             hc_land_on = new ol.layer.Vector({

  4212.                               title: "add Layer",

  4213.                               source: new ol.source.Vector({

  4214.                                 projection: projection,

  4215.                                 features: new ol.format.GeoJSON().readFeatures("{\n" +

  4216.                                   "    \"type\": \"Feature\",\n" +

  4217.                                   "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),

  4218.                               }),

  4219.                               style: styleZjd

  4220.                             });

  4221.                             map.addLayer(hc_land_on);

  4222.                             var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4223.                             var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4224.                             var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4225.                             var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4226.                             //定位查询位置

  4227.                             var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4228.                             map.getView().animate({

  4229.                               // 只设置需要的属性即可

  4230.                               center: center, // 中心点

  4231.                               zoom: 17.8, // 缩放级别

  4232.                               rotation: undefined, // 缩放完成view视图旋转弧度

  4233.                               duration: 1000, // 缩放持续时间，默认不需要设置

  4234.                               resolution:Math.random() * 0.00000001,

  4235.                             });

  4236. 

  4237.                             function createLabelStyleMap() {

  4238.                               return new ol.style.Style({

  4239.                                 text: new ol.style.Text({

  4240.                                   text: that.mapZjdData.syqr,

  4241.                                   textAlign: "center", //位置

  4242.                                   textBaseline: "middle", //基准线

  4243.                                   font: "normal 16px 微软雅黑", //文字样式

  4244.                                   //text: "标注点", //文本内容

  4245.                                   fill: new ol.style.Fill({

  4246.                                     //文本填充样式（即文字颜色)

  4247.                                     color: "#09DDCE",

  4248.                                     width: 10,

  4249.                                   }),

  4250.                                   overflow: false //超出面的部分不显示

  4251.                                 }),

  4252.                                 zIndex: 9999,

  4253.                               });

  4254.                             }

  4255. 

  4256.                             var newcenterFeatureMap = new ol.Feature({

  4257.                               geometry: new ol.geom.Point(center), //几何信息

  4258.                               //name: "标注点",

  4259.                             });

  4260.                             var sourceMapLookMap = new ol.source.Vector({wrapX: false});

  4261.                             vector_drawing_map = new ol.layer.Vector({

  4262.                               source: sourceMapLookMap,

  4263.                             });

  4264.                             map.addLayer(vector_drawing_map);

  4265.                             newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式

  4266.                             sourceMapLookMap.addFeature(newcenterFeatureMap);

  4267.                           });

  4268.                           //let cloneObj = JSON.parse(JSON.stringify(obj));

  4269.                           //that.mapZjdData = cloneObj;

  4270.                         } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zrz") {

  4271.                           //that.mapZjdTeAll.mapZjdAData ={};

  4272.                           that.mapZjdDataTure = "";

  4273.                           that.mapZjdTeAll.mapFsssAData = {};

  4274.                           map.removeLayer(hc_land_on);

  4275.                           let obj = {};

  4276.                           that.mapHasDateStatus = 1;

  4277.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  4278.                           let zrzXq = trs.find("td").eq(0).text();

  4279.                           let zrzIdNum = zrzXq.replace("t_house_survey_zrz.", "");

  4280.                           obj.id = zrzIdNum; //	主键id

  4281.                           obj.deptName = trs.find("td").eq(3).text();//行政区划名称

  4282.                           obj.zjddm = trs.find("td").eq(4).text();//宅基地代码

  4283.                           obj.scjzmj = trs.find("td").eq(12).text();//实测建筑面积

  4284.                           let params = {

  4285.                             "deptId": that.$cookies.get("item").deptId,

  4286.                             "zjddm": obj.zjddm,

  4287.                           }

  4288.                           that.$cookies.set("search", "")

  4289.                           //that.$cookies.set("map", "")

  4290.                           console.log(that.mapZjdData);

  4291.                           //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {

  4292.                           console.log(that.mapClick);

  4293.                           console.log(obj.zjddm);

  4294.                           if(that.mapXs && that.mapClick == obj.zjddm){

  4295.                             listZjdzd(params).then((response) => {

  4296.                               that.mapZjdData = response.rows[0];

  4297.                               //that.mapZjdAData.active = 1;

  4298.                               that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4299.                               getZrz(obj.id).then((response) => {

  4300.                                 if (response.data.scjzmj != "") {

  4301.                                   that.textMjAll = response.data.scjzmj;

  4302.                                 } else {

  4303.                                   that.textMjAllNum = "1";

  4304.                                 }

  4305.                                 that.mapZrzData = response.data;

  4306.                                 that.mapZrzData.active = 3;

  4307.                                 that.mapZjdTeAll.mapZrzAData = that.mapZrzData;

  4308.                                 that.zjdHcDy = obj.zjddm;

  4309.                                 var styleZjd = new ol.style.Style({

  4310.                                   stroke: new ol.style.Stroke({

  4311.                                     //边界样式

  4312.                                     color: "#CCFF66",

  4313.                                     width: 6,

  4314.                                   }),

  4315.                                 });

  4316.                                 hc_land_on = new ol.layer.Vector({

  4317.                                   title: "add Layer",

  4318.                                   source: new ol.source.Vector({

  4319.                                     projection: projection,

  4320.                                     features: new ol.format.GeoJSON().readFeatures("{\n" +

  4321.                                       "    \"type\": \"Feature\",\n" +

  4322.                                       "    \"geometry\":" + that.mapZrzData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZrzData) + "}"),

  4323.                                   }),

  4324.                                   style: styleZjd

  4325.                                 });

  4326.                                 map.addLayer(hc_land_on);

  4327.                                 var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4328.                                 var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4329.                                 var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4330.                                 var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4331.                                 //定位查询位置

  4332.                                 var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4333.                                 map.getView().animate({

  4334.                                   // 只设置需要的属性即可

  4335.                                   center: center, // 中心点

  4336.                                   zoom: 17.8, // 缩放级别

  4337.                                   rotation: undefined, // 缩放完成view视图旋转弧度

  4338.                                   duration: 1000, // 缩放持续时间，默认不需要设置

  4339.                                   resolution: Math.random() * 0.00000001,

  4340.                                 });

  4341.                               });

  4342.                             });

  4343.                           } else {

  4344.                             //自然幢图层查询开始 ------------------start

  4345.                             var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  4346.                             zrzTc = new ol.layer.Image({

  4347.                               source: new ol.source.ImageWMS({

  4348.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  4349.                                 params: {

  4350.                                   LAYERS: 'zjd_dc:t_house_survey_zrz',

  4351.                                   TILED: true,

  4352.                                   cql_filter: cql_filter_map,

  4353.                                   SRID: 3857,

  4354.                                   TIMESTAMP: new Date().getTime(),

  4355.                                 },

  4356.                               }),

  4357.                             });

  4358.                             map.addLayer(zrzTc);

  4359.                             //自然幢图层查询开始 ------------------start

  4360.                             //附属设施图层查询开始 ------------------start

  4361.                             //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  4362.                             fsssTc = new ol.layer.Image({

  4363.                               source: new ol.source.ImageWMS({

  4364.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  4365.                                 params: {

  4366.                                   LAYERS: 'zjd_dc:t_house_survey_fsss',

  4367.                                   TILED: true,

  4368.                                   cql_filter: cql_filter_map,

  4369.                                   SRID: 3857,

  4370.                                   TIMESTAMP: new Date().getTime(),

  4371.                                 },

  4372.                               }),

  4373.                             });

  4374.                             map.addLayer(fsssTc);

  4375.                             //附属设施图层查询开始 ------------------end

  4376.                             listZjdzd(params).then((response) => {

  4377.                               if (response.rows[0].zdmj != "") {

  4378.                                 that.textMjAll = response.rows[0].zdmj;

  4379.                               } else {

  4380.                                 that.textMjAllNum = "1";

  4381.                               }

  4382.                               that.mapZjdData = response.rows[0];

  4383.                               that.mapZjdData.active = 1;

  4384.                               that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4385.                               that.mapZjdDataTure = 1;

  4386.                               that.zjdHcDy = obj.zjddm;

  4387.                               that.mapClick = obj.zjddm;

  4388.                               that.mapXs = true;

  4389.                               var styleZjd = new ol.style.Style({

  4390.                                 stroke: new ol.style.Stroke({

  4391.                                   //边界样式

  4392.                                   color: "#CCFF66",

  4393.                                   width: 6,

  4394.                                 }),

  4395.                               });

  4396.                               hc_land_on = new ol.layer.Vector({

  4397.                                 title: "add Layer",

  4398.                                 source: new ol.source.Vector({

  4399.                                   projection: projection,

  4400.                                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  4401.                                     "    \"type\": \"Feature\",\n" +

  4402.                                     "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),

  4403.                                 }),

  4404.                                 style: styleZjd

  4405.                               });

  4406.                               map.addLayer(hc_land_on);

  4407.                               var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4408.                               var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4409.                               var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4410.                               var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4411.                               //定位查询位置

  4412.                               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4413.                               map.getView().animate({

  4414.                                 // 只设置需要的属性即可

  4415.                                 center: center, // 中心点

  4416.                                 zoom: 17.8, // 缩放级别

  4417.                                 rotation: undefined, // 缩放完成view视图旋转弧度

  4418.                                 duration: 1000, // 缩放持续时间，默认不需要设置

  4419.                                 resolution:Math.random() * 0.00000001,

  4420.                               });

  4421. 

  4422.                               function createLabelStyleMap() {

  4423.                                 return new ol.style.Style({

  4424.                                   text: new ol.style.Text({

  4425.                                     text: that.mapZjdData.syqr,

  4426.                                     textAlign: "center", //位置

  4427.                                     textBaseline: "middle", //基准线

  4428.                                     font: "normal 16px 微软雅黑", //文字样式

  4429.                                     //text: "标注点", //文本内容

  4430.                                     fill: new ol.style.Fill({

  4431.                                       //文本填充样式（即文字颜色)

  4432.                                       color: "#09DDCE",

  4433.                                       width: 10,

  4434.                                     }),

  4435.                                     overflow: false //超出面的部分不显示

  4436.                                   }),

  4437.                                   zIndex: 9999,

  4438.                                 });

  4439.                               }

  4440. 

  4441.                               var newcenterFeatureMap = new ol.Feature({

  4442.                                 geometry: new ol.geom.Point(center), //几何信息

  4443.                                 //name: "标注点",

  4444.                               });

  4445.                               var sourceMapLookMap = new ol.source.Vector({wrapX: false});

  4446.                               vector_drawing_map = new ol.layer.Vector({

  4447.                                 source: sourceMapLookMap,

  4448.                               });

  4449.                               map.addLayer(vector_drawing_map);

  4450.                               newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式

  4451.                               sourceMapLookMap.addFeature(newcenterFeatureMap);

  4452.                             });

  4453.                           }

  4454.                         } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_fsss") {

  4455.                           that.mapZjdTeAll.mapZrzAData = {};

  4456.                           that.mapZjdDataTure = "";

  4457.                           //that.mapZjdTeAll.mapZjdAData ={};

  4458.                           map.removeLayer(hc_land_on);

  4459.                           let obj = {};

  4460.                           that.mapHasDateStatus = 0;

  4461.                           let trs = $("#info .featureInfo").find("tr:eq(1)");

  4462.                           let fsssXq = trs.find("td").eq(0).text();

  4463.                           let fsssIdNum = fsssXq.replace("t_house_survey_fsss.", "");

  4464.                           obj.id = fsssIdNum; //	主键id

  4465.                           obj.deptName = trs.find("td").eq(4).text();//行政区划名称

  4466.                           obj.zjddm = trs.find("td").eq(1).text();//宅基地代码

  4467.                           // obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态

  4468.                           // obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型

  4469.                           obj.jzmj = trs.find("td").eq(8).text(); //建筑面积

  4470. 

  4471.                           let params = {

  4472.                             "deptId": that.$cookies.get("item").deptId,

  4473.                             "zjddm": obj.zjddm,

  4474.                             "pageSize": 20,

  4475.                           }

  4476.                           that.$cookies.remove("search")

  4477.                           //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) {

  4478.                           if(that.mapXs && that.mapClick == obj.zjddm){

  4479.                           listZjdzd(params).then((response) => {

  4480.                             that.mapZjdData = response.rows[0];

  4481.                             that.mapZjdData.active = 1;

  4482.                             that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4483.                             getFsss(obj.id).then((response) => {

  4484.                               if (response.data.jzmj != "") {

  4485.                                 that.textMjAll = response.data.jzmj;

  4486.                               } else {

  4487.                                 that.textMjAllNum = "1";

  4488.                               }

  4489.                               //that.mapfsssData.active = 4;

  4490.                               that.mapfsssData = response.data;

  4491.                               console.log(that.mapfsssData);

  4492.                               that.mapZjdTeAll.mapFsssAData = that.mapfsssData;

  4493.                               that.zjdHcDy = obj.zjddm;

  4494.                               var styleZjd = new ol.style.Style({

  4495.                                 stroke: new ol.style.Stroke({

  4496.                                   //边界样式

  4497.                                   color: "#CCFF66",

  4498.                                   width: 6,

  4499.                                 }),

  4500.                               });

  4501.                               hc_land_on = new ol.layer.Vector({

  4502.                                 title: "add Layer",

  4503.                                 source: new ol.source.Vector({

  4504.                                   projection: projection,

  4505.                                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  4506.                                     "    \"type\": \"Feature\",\n" +

  4507.                                     "    \"geometry\":" + that.mapfsssData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapfsssData) + "}"),

  4508.                                 }),

  4509.                                 style: styleZjd

  4510.                               });

  4511.                               map.addLayer(hc_land_on);

  4512.                               var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4513.                               var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4514.                               var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4515.                               var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4516.                               //定位查询位置

  4517.                               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4518.                               map.getView().animate({

  4519.                                 // 只设置需要的属性即可

  4520.                                 center: center, // 中心点

  4521.                                 zoom: 17.8, // 缩放级别

  4522.                                 rotation: undefined, // 缩放完成view视图旋转弧度

  4523.                                 duration: 1000, // 缩放持续时间，默认不需要设置

  4524.                                 resolution: Math.random() * 0.00000001,

  4525.                               });

  4526.                             });

  4527.                           });

  4528.                         } else {

  4529.                             //自然幢图层查询开始 ------------------start

  4530.                             var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  4531.                             zrzTc = new ol.layer.Image({

  4532.                               source: new ol.source.ImageWMS({

  4533.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  4534.                                 params: {

  4535.                                   LAYERS: 'zjd_dc:t_house_survey_zrz',

  4536.                                   TILED: true,

  4537.                                   cql_filter: cql_filter_map,

  4538.                                   SRID: 3857,

  4539.                                   TIMESTAMP: new Date().getTime(),

  4540.                                 },

  4541.                               }),

  4542.                             });

  4543.                             map.addLayer(zrzTc);

  4544.                             //自然幢图层查询开始 ------------------start

  4545.                             //附属设施图层查询开始 ------------------start

  4546.                             //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'";

  4547.                             fsssTc = new ol.layer.Image({

  4548.                               source: new ol.source.ImageWMS({

  4549.                                 url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms",

  4550.                                 params: {

  4551.                                   LAYERS: 'zjd_dc:t_house_survey_fsss',

  4552.                                   TILED: true,

  4553.                                   cql_filter: cql_filter_map,

  4554.                                   SRID: 3857,

  4555.                                   TIMESTAMP: new Date().getTime(),

  4556.                                 },

  4557.                               }),

  4558.                             });

  4559.                             map.addLayer(fsssTc);

  4560.                             //附属设施图层查询开始 ------------------end

  4561.                             listZjdzd(params).then((response) => {

  4562.                               if (response.rows[0].zdmj != "") {

  4563.                                 that.textMjAll = response.rows[0].zdmj;

  4564.                               } else {

  4565.                                 that.textMjAllNum = "1";

  4566.                               }

  4567.                               that.mapZjdData = response.rows[0];

  4568.                               that.mapZjdData.active = 1;

  4569.                               that.mapZjdTeAll.mapZjdAData = that.mapZjdData;

  4570.                               that.mapZjdDataTure = 1;

  4571.                               that.zjdHcDy = obj.zjddm;

  4572.                               that.mapClick = obj.zjddm;

  4573.                               that.mapXs = true;

  4574.                               var styleZjd = new ol.style.Style({

  4575.                                 stroke: new ol.style.Stroke({

  4576.                                   //边界样式

  4577.                                   color: "#CCFF66",

  4578.                                   width: 6,

  4579.                                 }),

  4580.                               });

  4581.                               hc_land_on = new ol.layer.Vector({

  4582.                                 title: "add Layer",

  4583.                                 source: new ol.source.Vector({

  4584.                                   projection: projection,

  4585.                                   features: new ol.format.GeoJSON().readFeatures("{\n" +

  4586.                                     "    \"type\": \"Feature\",\n" +

  4587.                                     "    \"geometry\":" + that.mapZjdData.theGeom + ",    \"properties\":" + JSON.stringify(that.mapZjdData) + "}"),

  4588.                                 }),

  4589.                                 style: styleZjd

  4590.                               });

  4591.                               map.addLayer(hc_land_on);

  4592.                               var maxXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxX;

  4593.                               var maxYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.maxY;

  4594.                               var minXMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minX;

  4595.                               var minYMap = hc_land_on.values_.source.featuresRtree_.rbush_.data.minY;

  4596.                               //定位查询位置

  4597.                               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置

  4598.                               map.getView().animate({

  4599.                                 // 只设置需要的属性即可

  4600.                                 center: center, // 中心点

  4601.                                 zoom: 17.8, // 缩放级别

  4602.                                 rotation: undefined, // 缩放完成view视图旋转弧度

  4603.                                 duration: 1000, // 缩放持续时间，默认不需要设置

  4604.                                 resolution:Math.random() * 0.00000001,

  4605.                               });

  4606. 

  4607.                               function createLabelStyleMap() {

  4608.                                 return new ol.style.Style({

  4609.                                   text: new ol.style.Text({

  4610.                                     text: that.mapZjdData.syqr,

  4611.                                     textAlign: "center", //位置

  4612.                                     textBaseline: "middle", //基准线

  4613.                                     font: "normal 16px 微软雅黑", //文字样式

  4614.                                     //text: "标注点", //文本内容

  4615.                                     fill: new ol.style.Fill({

  4616.                                       //文本填充样式（即文字颜色)

  4617.                                       color: "#09DDCE",

  4618.                                       width: 10,

  4619.                                     }),

  4620.                                     overflow: false //超出面的部分不显示

  4621.                                   }),

  4622.                                   zIndex: 9999,

  4623.                                 });

  4624.                               }

  4625. 

  4626.                               var newcenterFeatureMap = new ol.Feature({

  4627.                                 geometry: new ol.geom.Point(center), //几何信息

  4628.                                 //name: "标注点",

  4629.                               });

  4630.                               var sourceMapLookMap = new ol.source.Vector({wrapX: false});

  4631.                               vector_drawing_map = new ol.layer.Vector({

  4632.                                 source: sourceMapLookMap,

  4633.                               });

  4634.                               map.addLayer(vector_drawing_map);

  4635.                               newcenterFeatureMap.setStyle(createLabelStyleMap()); //设置要素样式

  4636.                               sourceMapLookMap.addFeature(newcenterFeatureMap);

  4637.                             });

  4638.                           }

  4639.                           // if(obj.jzmj != ""){

  4640.                           //   that.textMjAll = obj.jzmj;

  4641.                           // } else {

  4642.                           //   that.textMjAllNum = "1";

  4643.                           // }

  4644.                         } else {

  4645. 

  4646.                         }

  4647.                       }, 300);

  4648.                     } else {

  4649. 

  4650.                     }

  4651.                   });

  4652.               }

  4653.             }

  4654.             //数据库查询详情时使用----------------------------------------start

  4655.             // if(feature) {

  4656.             //   //document.getElementById("info").innerHTML = "";

  4657.             //   that.mapHaDataValue = true;

  4658.             //   var ifConsole = feature.values_.createBy;

  4659.             //   if (ifConsole =="mapTheGeomFsssId") {

  4660.             //     let obj = {};

  4661.             //     that.mapHasDateStatus = 0;

  4662.             //     obj.deptName = feature.values_.deptName;//行政区划名称

  4663.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  4664.             //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus; //状态

  4665.             //     obj.fssslx = feature.values_.fssslx; //附属设施类型

  4666.             //     obj.jzmj = feature.values_.jzmj; //建筑面积

  4667.             //     obj.qsly = feature.values_.qsly;//权属来源

  4668.             //     obj.fwzt = feature.values_.fwzt; //房屋状态

  4669.             //     obj.sfsp = feature.values_.sfsp; //是否审批

  4670.             //     obj.sffz = feature.values_.sffz; //是否发证

  4671.             //     obj.jglx = feature.values_.jglx; //结构类型

  4672.             //     obj.sfzzsy = feature.values_.sfzzsy; //是否正在使用

  4673.             //     obj.jzwqk = feature.values_.jzwqk; //建筑物情况

  4674.             //     obj.tdzk = feature.values_.tdzk; //审批或建设前土地状况

  4675.             //     obj.sfsgcf = feature.values_.sfsgcf; //是否受过处罚

  4676.             //     obj.sysNormalDisable = feature.values_.sysNormalDisable; //是否停用

  4677.             //     //附属设施类型字典项

  4678.             //     that.getDicts("fsss_type").then((response) => {

  4679.             //       var assetTypeOptions = response.data;

  4680.             //       if(obj.fssslx !=null && obj.fssslx !=""){

  4681.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4682.             //           if(obj.fssslx == assetTypeOptions[i].dictValue) {

  4683.             //             obj.fssslx = assetTypeOptions[i].dictLabel;

  4684.             //             break;

  4685.             //           }

  4686.             //         }

  4687.             //       }

  4688.             //     });

  4689.             //     //权属类型字典项

  4690.             //     that.getDicts("acquisition_method").then((response) => {

  4691.             //       var assetTypeOptions = response.data;

  4692.             //       if(obj.qsly !=null && obj.qsly !=""){

  4693.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4694.             //           if(obj.qsly == assetTypeOptions[i].dictValue) {

  4695.             //             obj.qsly = assetTypeOptions[i].dictLabel;

  4696.             //             break;

  4697.             //           }

  4698.             //         }

  4699.             //       }

  4700.             //     });

  4701.             //     //房屋状态字典项

  4702.             //     that.getDicts("fwzt").then((response) => {

  4703.             //       var assetTypeOptions = response.data;

  4704.             //       if(obj.fwzt !=null && obj.fwzt !=""){

  4705.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4706.             //           if(obj.fwzt == assetTypeOptions[i].dictValue) {

  4707.             //             obj.fwzt = assetTypeOptions[i].dictLabel;

  4708.             //             break;

  4709.             //           }

  4710.             //         }

  4711.             //       }

  4712.             //     });

  4713.             //     //是否审批字典项

  4714.             //     that.getDicts("sys_yes_no").then((response) => {

  4715.             //       var assetTypeOptions = response.data;

  4716.             //       if(obj.sfsp !=null && obj.sfsp !=""){

  4717.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4718.             //           if(obj.sfsp == assetTypeOptions[i].dictValue) {

  4719.             //             obj.sfsp = assetTypeOptions[i].dictLabel;

  4720.             //             break;

  4721.             //           }

  4722.             //         }

  4723.             //       }

  4724.             //     });

  4725.             //     //是否发证字典项

  4726.             //     that.getDicts("sys_yes_no").then((response) => {

  4727.             //       var assetTypeOptions = response.data;

  4728.             //       if(obj.sffz !=null && obj.sffz !=""){

  4729.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4730.             //           if(obj.sffz == assetTypeOptions[i].dictValue) {

  4731.             //             obj.sffz = assetTypeOptions[i].dictLabel;

  4732.             //             break;

  4733.             //           }

  4734.             //         }

  4735.             //       }

  4736.             //     });

  4737.             //     //结构类型字典项

  4738.             //     that.getDicts("house_jglx").then((response) => {

  4739.             //       var assetTypeOptions = response.data;

  4740.             //       if(obj.jglx !=null && obj.jglx !=""){

  4741.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4742.             //           if(obj.jglx == assetTypeOptions[i].dictValue) {

  4743.             //             obj.jglx = assetTypeOptions[i].dictLabel;

  4744.             //             break;

  4745.             //           }

  4746.             //         }

  4747.             //       }

  4748.             //     });

  4749.             //     //是否正在使用字典项

  4750.             //     that.getDicts("sys_yes_no").then((response) => {

  4751.             //       var assetTypeOptions = response.data;

  4752.             //       if(obj.sfzzsy !=null && obj.sfzzsy !=""){

  4753.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4754.             //           if(obj.sfzzsy == assetTypeOptions[i].dictValue) {

  4755.             //             obj.sfzzsy = assetTypeOptions[i].dictLabel;

  4756.             //             break;

  4757.             //           }

  4758.             //         }

  4759.             //       }

  4760.             //     });

  4761.             //     //房屋状态字典项

  4762.             //     that.getDicts("fwzt").then((response) => {

  4763.             //       var assetTypeOptions = response.data;

  4764.             //       if(obj.fwzt !=null && obj.fwzt !=""){

  4765.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4766.             //           if(obj.fwzt == assetTypeOptions[i].dictValue) {

  4767.             //             obj.fwzt = assetTypeOptions[i].dictLabel;

  4768.             //             break;

  4769.             //           }

  4770.             //         }

  4771.             //       }

  4772.             //     });

  4773.             //     //土地状况字典项

  4774.             //     that.getDicts("land_state").then((response) => {

  4775.             //       var assetTypeOptions = response.data;

  4776.             //       if(obj.tdzk !=null && obj.tdzk !=""){

  4777.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4778.             //           if(obj.tdzk == assetTypeOptions[i].dictValue) {

  4779.             //             obj.tdzk = assetTypeOptions[i].dictLabel;

  4780.             //             break;

  4781.             //           }

  4782.             //         }

  4783.             //       }

  4784.             //     });

  4785.             //     //是否受过处罚字典项

  4786.             //     that.getDicts("land_state").then((response) => {

  4787.             //       var assetTypeOptions = response.data;

  4788.             //       if(obj.sfsgcf !=null && obj.sfsgcf !=""){

  4789.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4790.             //           if(obj.sfsgcf == assetTypeOptions[i].dictValue) {

  4791.             //             obj.sfsgcf = assetTypeOptions[i].dictLabel;

  4792.             //             break;

  4793.             //           }

  4794.             //         }

  4795.             //       }

  4796.             //     });

  4797.             //     that.mapFsssData = obj;

  4798.             //   } else if(ifConsole =="mapTheGeomZrzId"){

  4799.             //     let obj = {};

  4800.             //     that.mapHasDateStatus = 1;

  4801.             //     obj.deptName = feature.values_.deptName;//部门名称

  4802.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  4803.             //     obj.nmfwzh = feature.values_.nmfwzh;//农民房屋幢号

  4804.             //     obj.zrzh = feature.values_.zrzh;//自然幢号

  4805.             //     obj.jgrq = feature.values_.jgrq;//竣工日期

  4806.             //     obj.jzwgd = feature.values_.jzwgd;//建筑物高度

  4807.             //     obj.zzdmj = feature.values_.zzdmj;//幢占地面积

  4808.             //     obj.zydmj = feature.values_.zydmj;//幢用地面积

  4809.             //     obj.scjzmj = feature.values_.scjzmj;//实测建筑面积

  4810.             //     obj.zcs = feature.values_.zcs;//总层数

  4811.             //     obj.dscs = feature.values_.dscs;//地上层数

  4812.             //     obj.dxcs = feature.values_.dxcs;//地下层数

  4813.             //     obj.fwjg = feature.values_.fwjg;//房屋结构

  4814.             //     obj.sjly = feature.values_.sjly;//数据来源

  4815.             //     obj.status = feature.values_.status;//状态

  4816.             //     obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus;//数据调查确认状态

  4817.             //     //字典项转化

  4818.             //     //房屋结构字典项

  4819.             //     that.getDicts("housing_structure").then((response) => {

  4820.             //       var assetTypeOptions = response.data;

  4821.             //       if(obj.fwjg !=null && obj.fwjg !=""){

  4822.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4823.             //           if(obj.fwjg == assetTypeOptions[i].dictValue) {

  4824.             //             obj.fwjg = assetTypeOptions[i].dictLabel;

  4825.             //             break;

  4826.             //           }

  4827.             //         }

  4828.             //       }

  4829.             //     });

  4830.             //     //房屋结构字典项

  4831.             //     that.getDicts("sjly").then((response) => {

  4832.             //       var assetTypeOptions = response.data;

  4833.             //       if(obj.sjly !=null && obj.sjly !=""){

  4834.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4835.             //           if(obj.sjly == assetTypeOptions[i].dictValue) {

  4836.             //             obj.sjly = assetTypeOptions[i].dictLabel;

  4837.             //             break;

  4838.             //           }

  4839.             //         }

  4840.             //       }

  4841.             //     });

  4842.             //     that.mapZrzData = obj;

  4843.             //   } else if(ifConsole =="mapTheGeomZjdId"){

  4844.             //     let obj = {};

  4845.             //     that.mapHasDateStatus = 2;

  4846.             //     obj.deptName = feature.values_.deptName;//行政区划名称

  4847.             //     obj.suyqrdm = feature.values_.suyqrdm;//所有权人代码

  4848.             //     obj.nhdm = feature.values_.nhdm;//农户代码

  4849.             //     obj.zjddm = feature.values_.zjddm;//宅基地代码

  4850.             //     obj.zdbh = feature.values_.zdbh;//宗地编号

  4851.             //     obj.zddm = feature.values_.zddm;//宗地代码

  4852.             //     obj.zl = feature.values_.zl;//坐落

  4853.             //     obj.zldwdm = feature.values_.zldwdm;//坐落单位代码

  4854.             //     obj.zdmj = feature.values_.zdmj;//宗地面积

  4855.             //     obj.yt = feature.values_.yt;//用途

  4856.             //     obj.ytmc = feature.values_.ytmc;//用途名称

  4857.             //     obj.dj = feature.values_.dj;//宗地编号

  4858.             //     obj.jg = feature.values_.jg;//价格万元

  4859.             //     obj.qllx = feature.values_.qllx;//权利类型

  4860.             //     obj.qlxz = feature.values_.qlxz;//权利性质

  4861.             //     obj.qlsdfs = feature.values_.qlsdfs;//权利设定方式

  4862.             //     obj.rjl = feature.values_.rjl;//容积率

  4863.             //     obj.jzmd = feature.values_.jzmd;//建筑密度

  4864.             //     obj.jzxg = feature.values_.jzxg;//建筑限高

  4865.             //     obj.zdszd = feature.values_.zdszd;//宗地四至-东

  4866.             //     obj.zdszn = feature.values_.zdszn;//宗地四至-南

  4867.             //     obj.zdszx = feature.values_.zdszx;//宗地四至-西

  4868.             //     obj.zdszb = feature.values_.zdszb;//宗地四至-北

  4869.             //     obj.zdt = feature.values_.zdt;//宗地图

  4870.             //     obj.tfh = feature.values_.tfh;//图幅号

  4871.             //     obj.djh = feature.values_.djh;//地籍号

  4872.             //     obj.sjly = feature.values_.sjly;//数据来源

  4873.             //     obj.lyzk = feature.values_.lyzk;//当前利用状况

  4874.             //     obj.xzkssj = feature.values_.xzkssj;//闲置开始时间

  4875.             //     obj.sffz = feature.values_.sffz;//是否发证

  4876.             //     obj.zjdzsh = feature.values_.zjdzsh;//宅基地证书号

  4877.             //     obj.zjdxctp = feature.values_.zjdxctp;//宅基地现场图片

  4878.             //     obj.zjdqdfs = feature.values_.zjdqdfs;//宅基地取得方式

  4879.             //     obj.bccjl = feature.values_.bccjl;//被惩处经历

  4880.             //     obj.bccbz = feature.values_.bccbz;//被惩处备注

  4881.             //     obj.yctcyx = feature.values_.yctcyx;//有偿退出意向

  4882.             //     obj.zjdpzmj = feature.values_.zjdpzmj;//宅基地批准面积

  4883.             //     obj.zjdxzyy = feature.values_.zjdxzyy;//宅基地闲置原因

  4884.             //     obj.lzyx = feature.values_.lzyx;//流转意向

  4885.             //     obj.sysNormalDisable = feature.values_.sysNormalDisable;//是否停用

  4886.             //     obj.active = 1;

  4887.             //     //字典项转化

  4888.             //     //是否发证字典项

  4889.             //     that.getDicts("sys_yes_no").then((response) => {

  4890.             //       var assetTypeOptions = response.data;

  4891.             //       if(obj.sffz !=null && obj.sffz !=""){

  4892.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4893.             //           if(obj.sffz == assetTypeOptions[i].dictValue) {

  4894.             //             obj.sffz = assetTypeOptions[i].dictLabel;

  4895.             //             break;

  4896.             //           }

  4897.             //         }

  4898.             //       }

  4899.             //     });

  4900.             //     //利用状态字典项

  4901.             //     that.getDicts("zjdlyzk").then((response) => {

  4902.             //       var assetTypeOptions = response.data;

  4903.             //       if(obj.lyzk !=null && obj.lyzk !=""){

  4904.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4905.             //           if(obj.lyzk == assetTypeOptions[i].dictValue) {

  4906.             //             obj.lyzk = assetTypeOptions[i].dictLabel;

  4907.             //             break;

  4908.             //           }

  4909.             //         }

  4910.             //       }

  4911.             //     });

  4912.             //     //流转意向字典项

  4913.             //     that.getDicts("is_have").then((response) => {

  4914.             //       var assetTypeOptions = response.data;

  4915.             //       if(obj.lzyx !=null && obj.lzyx !=""){

  4916.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4917.             //           if(obj.lzyx == assetTypeOptions[i].dictValue) {

  4918.             //             obj.lzyx = assetTypeOptions[i].dictLabel;

  4919.             //             break;

  4920.             //           }

  4921.             //         }

  4922.             //       }

  4923.             //     });

  4924.             //     //有偿退出意向字典项

  4925.             //     that.getDicts("is_have").then((response) => {

  4926.             //       var assetTypeOptions = response.data;

  4927.             //       if(obj.yctcyx !=null && obj.yctcyx !=""){

  4928.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4929.             //           if(obj.yctcyx == assetTypeOptions[i].dictValue) {

  4930.             //             obj.yctcyx = assetTypeOptions[i].dictLabel;

  4931.             //             break;

  4932.             //           }

  4933.             //         }

  4934.             //       }

  4935.             //     });

  4936.             //     //被惩处经历字典项

  4937.             //     that.getDicts("is_have").then((response) => {

  4938.             //       var assetTypeOptions = response.data;

  4939.             //       if(obj.bccjl !=null && obj.bccjl !=""){

  4940.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4941.             //           if(obj.bccjl == assetTypeOptions[i].dictValue) {

  4942.             //             obj.bccjl = assetTypeOptions[i].dictLabel;

  4943.             //             break;

  4944.             //           }

  4945.             //         }

  4946.             //       }

  4947.             //     });

  4948.             //     //宅基地取得方式字典项

  4949.             //     that.getDicts("acquisition_method").then((response) => {

  4950.             //       var assetTypeOptions = response.data;

  4951.             //       if(obj.zjdqdfs !=null && obj.zjdqdfs !=""){

  4952.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4953.             //           if(obj.zjdqdfs == assetTypeOptions[i].dictValue) {

  4954.             //             obj.zjdqdfs = assetTypeOptions[i].dictLabel;

  4955.             //             break;

  4956.             //           }

  4957.             //         }

  4958.             //       }

  4959.             //     });

  4960.             //     //权利设定方式字典项

  4961.             //     that.getDicts("right_setting_mode").then((response) => {

  4962.             //       var assetTypeOptions = response.data;

  4963.             //       if(obj.qlsdfs !=null && obj.qlsdfs !=""){

  4964.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4965.             //           if(obj.qlsdfs == assetTypeOptions[i].dictValue) {

  4966.             //             obj.qlsdfs = assetTypeOptions[i].dictLabel;

  4967.             //             break;

  4968.             //           }

  4969.             //         }

  4970.             //       }

  4971.             //     });

  4972.             //     //数据来源字典项

  4973.             //     that.getDicts("sjly").then((response) => {

  4974.             //       var assetTypeOptions = response.data;

  4975.             //       if(obj.sjly !=null && obj.sjly !=""){

  4976.             //         for(var i=0;assetTypeOptions.length >i; i++){

  4977.             //           if(obj.sjly == assetTypeOptions[i].dictValue) {

  4978.             //             obj.sjly = assetTypeOptions[i].dictLabel;

  4979.             //             break;

  4980.             //           }

  4981.             //         }

  4982.             //       }

  4983.             //     });

  4984.             //     that.mapZjdData = obj;

  4985.             //     console.log(obj.zjddm);

  4986.             //     that.zjdHcDy = obj.zjddm;

  4987.             //   } else {

  4988.             //     that.mapHaDataValue = false;

  4989.             //   }

  4990.             // }else {

  4991.             //   that.mapHaDataValue = false;

  4992.             // }

  4993.             //数据库查询详情时使用----------------------------------------end

  4994.           });

  4995.           //数据库循环加载时使用 --------------------加载较慢 ------start

  4996.           //当前账套没有任何空间数据

  4997.           // if(mapTalkAbout){

  4998.           //   let deptName = this.$store.state.user.loginDeptId + "";

  4999.           //   getQueryLand(deptName).then((response) => {

  5000.           //     if (response.code == 200) {

  5001.           //       let InsertCode = response.data;

  5002.           //       if (InsertCode != null) {

  5003.           //         var lat = InsertCode.lat;

  5004.           //         var lng = InsertCode.lng;

  5005.           //         var center;

  5006.           //         if(lat !=null && lng !=null && lat !="" && lng !=""){

  5007.           //           center = [lng,lat];

  5008.           //         }else {

  5009.           //           center =[115.452752, 31.789033];

  5010.           //         }

  5011.           //         map.getView().animate({

  5012.           //           // 只设置需要的属性即可

  5013.           //           center: ol.proj.fromLonLat(center), // 中心点

  5014.           //           zoom: 17.9, // 缩放级别

  5015.           //           rotation: undefined, // 缩放完成view视图旋转弧度

  5016.           //           duration: 1000, // 缩放持续时间，默认不需要设置

  5017.           //         });

  5018.           //       }

  5019.           //     }

  5020.           //   });

  5021.           // }

  5022.           //数据库循环加载时使用 --------------------加载较慢 ------start

  5023.         },

  5024.         qkClick(){

  5025.           this.uploadImgList1 = this.uploadImgList;

  5026.           for(let i = 0; i < this.uploadImgList1.length; i++){

  5027.             if(this.uploadImgList[i].id !== undefined ){

  5028.               systemAttachment(this.uploadImgList[i].id);

  5029.             }

  5030.           }

  5031.           this.uploadImgList = [];

  5032.         },

  5033.         /*右侧列表 --展开收缩*/

  5034.         selectionPushMap() {

  5035.           this.selectionIconShow = true;

  5036.           this.homesteadListStatus = true;

  5037.           $(".homesteadList_wrap").animate(

  5038.             {

  5039.               right: "0",

  5040.             },

  5041.             300

  5042.           );

  5043.         },

  5044.         homesteadListShrink() {

  5045.           this.selectionIconShow = false;

  5046.           // this.checked =["zjdSx","zrzSx","fsssSx"];

  5047.           $(".homesteadList_wrap").animate(

  5048.             {

  5049.               right: "-300px",

  5050.             },

  5051.             300

  5052.           );

  5053.           setTimeout(() => {

  5054.             this.homesteadListStatus = false;

  5055.           }, 300);

  5056.         },

  5057.         checkClick(res){

  5058.           // 1、全选与不全选模块

  5059.           $(".checkall").change(function() {

  5060.             $(".item-list-checkbox .checkitem").prop("checked", $(this).prop("checked"));

  5061.             if($(this).prop("checked")){

  5062. 

  5063.             }else {

  5064. 

  5065.             }

  5066.           });

  5067.           // 2、小复选框模块

  5068.           $(".checkitem").change(function() {

  5069.             if ($(".checkitem:checked").length === $(".checkitem").length) {

  5070.               $(".checkall").prop("checked", true);

  5071.             } else {

  5072.               $(".checkall").prop("checked", false);

  5073.             }

  5074.           })

  5075.         },

  5076.         //绘制多边形地图

  5077.         drawMapPolygonFun() {

  5078. 

  5079.         },

  5080.         guidProduct(){

  5081.           return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {

  5082.             var r = Math.random() * 16 | 0,

  5083.               v = c == 'x' ? r : (r & 0x3 | 0x8);

  5084.             return v.toString(16);

  5085.           });

  5086.         },

  5087.         //宅基地点击地图核查

  5088.         zjdHc(){

  5089.           if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){

  5090.             if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  5091.               this.mapZjdTeAll.active =1;

  5092.               //this.$cookies.set("search",this.mapZjdTeAll);

  5093.               this.$cookies.set("search","")

  5094.               this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5095.               //this.$router.push({path:'/homesteadSurvey/add'});

  5096.             }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){

  5097.               if(this.mapZjdTeAll.mapZjdAData !=""){

  5098.                 this.mapZjdTeAll.active = 3;

  5099.                 //this.$cookies.set("search",this.mapZjdTeAll);

  5100.                 this.$cookies.set("search","")

  5101.                 this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5102.               } else {

  5103.                 this.$toast("必须有宅基地数据才能进入自然幢核查");

  5104.               }

  5105.             }else {

  5106.               if(this.mapZjdTeAll.mapZjdAData !="") {

  5107.                 this.mapZjdTeAll.active = 4;

  5108.                 //this.$cookies.set("search", this.mapZjdTeAll);

  5109.                 this.$cookies.set("search","")

  5110.                 this.$router.push({path: '/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5111.               } else {

  5112.                 this.$toast("必须有宅基地数据才能进入附属设施核查");

  5113.               }

  5114.             }

  5115.           } else {

  5116.             this.$dialog.alert({

  5117.               title: '宅基地核查',

  5118.               message: "请从地图中选择图层并点击核查",

  5119.               theme: 'round-button',

  5120.             }).then(() => {

  5121.               // on close

  5122.             });

  5123.           }

  5124.         },

  5125.         //搜索详情跳转

  5126.         zjdSs(item){

  5127.           this.mapZjdTeAll.mapZjdAData ={};

  5128.           this.mapZjdTeAll.mapZrzAData ={};

  5129.           this.mapZjdTeAll.mapFsssAData ={};

  5130.           //this.mapZjdTeAll.active =1;

  5131.           if(item.typeTc =="宅基地"){

  5132.           getZjdzd(item.id).then((response) => {

  5133.             this.mapZjdData = response.data;

  5134.             this.mapZjdTeAll.active = 1;

  5135.             this.mapZjdTeAll.mapZjdAData = this.mapZjdData;

  5136.             //this.$cookies.set("search",this.mapZjdTeAll);

  5137.             this.$cookies.set("search","")

  5138.             setTimeout(() => {

  5139.             this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5140.               }, 500);

  5141.           });

  5142.           }else if(item.typeTc =="自然幢"){

  5143.             //let =

  5144.             getZjdzd(item.id).then((response) => {

  5145.               this.mapZrzData = response.data;

  5146.               this.mapZjdTeAll.active = 3;

  5147.               this.mapZjdTeAll.mapZrzAData = this.mapZrzData;

  5148.               //this.$cookies.set("search",this.mapZjdTeAll);

  5149.               this.$cookies.set("search","")

  5150.               setTimeout(() => {

  5151.                 this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5152.               }, 500);

  5153.             });

  5154.           }else if(item.typeTc =="附属设施"){

  5155.             getFsss(item.id).then((response) => {

  5156.               this.mapFsssData = response.data;

  5157.               this.mapZjdTeAll.active = 4;

  5158.               this.mapZjdTeAll.mapFsssAData = this.mapFsssData;

  5159.               //this.$cookies.set("search",this.mapZjdTeAll);

  5160.               this.$cookies.set("search","")

  5161.               setTimeout(() => {

  5162.                 this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5163.               }, 500);

  5164.             });

  5165.           }else{

  5166.             this.$toast("无数据请检查后进入核查页面");

  5167.           }

  5168.         },

  5169.         //地图查询

  5170.         toggleSearch() {

  5171.           $("#query").trigger("click");

  5172.         },

  5173.         //

  5174.         checkAllArray(value){

  5175.           if(this.checked.length<3){

  5176.             this.$refs.checkboxGroup.toggleAll(true);

  5177.           }else{

  5178.             this.$refs.checkboxGroup.toggleAll(false);

  5179.           }

  5180.         },

  5181.         //筛选//全选

  5182.         checkAll(val) {

  5183.           this.$refs.checkboxGroup.value.toggleAll(true);

  5184.           return;

  5185.           let checkedCount = this.CheckedAllArr.length

  5186.           if (val) {

  5187.             //全选

  5188.             this.CheckedAllArr = this.dataList.map(item => item.id)

  5189.           } else{

  5190.             //取消全选

  5191.             if (checkedCount === this.dataList.length) {

  5192.               //如果不增加这个条件判断点击某一项时会全部取消

  5193.               this.CheckedAllArr = []

  5194.             }

  5195.           }

  5196.         },

  5197.         //单选

  5198.         handleChecked(value) {

  5199.           // this.checkAllFlag = this.CheckedAllArr.length == this.dataList.length;

  5200.           if (value.length<3){

  5201.             this.checkAllFlag = false;

  5202.           }else{

  5203.             this.checkAllFlag = true;

  5204.           }

  5205.           value.indexOf('zjdSx') == -1 ? this.zjdSx = false : this.zjdSx = true;

  5206.           value.indexOf('zrzSx') == -1 ? this.zrzSx = false : this.zrzSx = true;

  5207.           value.indexOf('fsssSx') == -1 ? this.fsssSx = false : this.fsssSx = true;

  5208.         },

  5209.         closeSearchBox(){

  5210.           this.showSearch = false ;

  5211.           var height = $(".searchBar_wrap").outerHeight(true) - $(".searchBar_wrap .van-search").outerHeight(true)

  5212.           document.styleSheets[0].insertRule(

  5213.             "@keyframes test2" +

  5214.             "{" +

  5215.             "0%{bottom: 0px}" +

  5216.             "100%{bottom: -" + height + "px;}" +

  5217.             "}"

  5218.           )

  5219.           $('.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'});

  5220.         },

  5221.         zjdTz(){

  5222.           if(this.mapZjdData =="" && this.mapZjdDataTure =="" && this.mapZjdData !=undefined){

  5223.             this.mapZjdTeAll.active =1;

  5224.             this.mapZjdTeAll.mapZjdAData.deptId =JSON.parse(localStorage.getItem("surveyItem")).deptId;

  5225.             this.mapZjdTeAll.mapZjdAData.theGeom =this.htZjdZrzFsss;

  5226.             //this.mapZjdTeAll.mapZjdAData.deptId = this.$cookies.get("item").deptId;

  5227.             //this.$cookies.set("search",this.mapZjdTeAll);

  5228.             this.$cookies.set("search","")

  5229.             this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5230.           }else {

  5231.             this.$toast("已选择宅基地，请选择自然幢或附属设施按钮");

  5232.           }

  5233.         },

  5234.         zrzTz(){

  5235.           if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  5236.             this.mapZjdTeAll.active =3;

  5237.             this.mapZjdTeAll.mapZrzAData.theGeom =this.htZjdZrzFsss;

  5238.             this.mapZjdTeAll.mapZrzAData.deptId =JSON.parse(localStorage.getItem("surveyItem")).deptId;

  5239.             //this.mapZjdTeAll.mapZrzAData.deptId = this.$cookies.get("item").deptId;

  5240.             //this.$cookies.set("search",this.mapZjdTeAll);

  5241.             this.$cookies.set("search","")

  5242.             this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5243.           }else {

  5244.             this.$toast("请先在地图上选择宅基地后，再选择自然幢按钮");

  5245.           }

  5246.         },

  5247.         fsssTz(){

  5248.           if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){

  5249.           this.mapZjdTeAll.active =4;

  5250.           this.mapZjdTeAll.mapFsssAData.theGeom =this.htZjdZrzFsss;

  5251.             this.mapZjdTeAll.mapFsssAData.deptId =this.$cookies.get("item").deptId;

  5252.           //this.mapZjdTeAll.mapFsssAData.deptId = this.$cookies.get("item").deptId;

  5253.           //this.$cookies.set("search",this.mapZjdTeAll);

  5254.             this.$cookies.set("search","")

  5255.           this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}});

  5256.           }else {

  5257.             this.$toast("请先在地图上选择宅基地后，再选择附属设施按钮");

  5258.           }

  5259.         },

  5260.         //绘图重置清除之前图层

  5261.         deleteHistory(){

  5262.           $("#deleteHistory").trigger("click");

  5263.         }

  5264. 

  5265.       },

  5266.     }

  5267. </script>

  5268. 

  5269. <style scoped lang="scss">

  5270.   /deep/ .van-swipe-cell__wrapper{

  5271.     margin-right:-3px;

  5272.   }

  5273.   .hzlxBtn{

  5274.     font-size: 0.3rem;

  5275.     display: inline-block;

  5276.     padding: 2% 0;

  5277.     border-radius: 30PX;

  5278.     color: #FFF;

  5279.     margin-right: 2%;

  5280.     width: 30%;

  5281.     &:last-child{

  5282.       margin: 0;

  5283.     }

  5284.   }

  5285.   .van-cell__title{

  5286.     flex:2

  5287.   }

  5288.   .bannerBg{

  5289.     width: 100%;

  5290.     color:#fff;

  5291.     /*padding:10px;*/

  5292.     background: linear-gradient(134deg,#7ac943 1%, #22b7f2);

  5293.   }

  5294.   .van-hairline--bottom::after {

  5295.     border-bottom-width: 0;

  5296.   }

  5297.   .activeBtn{

  5298.     background:#fff;

  5299.     border-radius:25PX;

  5300.     color:#7AC943;

  5301.     line-height:30PX;

  5302.     text-align:center;

  5303.     font-size:14PX;

  5304.     width: 25%;

  5305.     margin:0 10px;

  5306.     box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);

  5307.   }

  5308.   .disactiveBtn{

  5309.     background:rgba(255,255,255,.4);

  5310.     border-radius:25PX;

  5311.     color:#fff;

  5312.     line-height:30PX;

  5313.     text-align:center;

  5314.     font-size:14PX;

  5315.     width: 25%;

  5316.     margin:0 10px;

  5317.     box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.16);

  5318.   }

  5319.   /*.van-cell__label{*/

  5320.   /*  color: #969799;*/

  5321.   /*  font-size: 12px;*/

  5322.   /*  line-height: 20px;*/

  5323.   /*  margin:0*/

  5324.   /*}*/

  5325.   .map_area {

  5326.     width: 50vw;

  5327.     height: 50vh;

  5328.     z-index:1;

  5329.     background:#000;

  5330.     position: fixed;

  5331.     left: 0;

  5332.     top: 0;

  5333.   }

  5334.   .van-field__label{

  5335.     width:50%;

  5336.   }

  5337.   .rightZoom_wrap {

  5338.     position: absolute;

  5339.     right: 3%;

  5340.     top: 35%;

  5341.     margin-top: -200px;

  5342.     background: #fff;

  5343.     margin-bottom: 16px;

  5344.     border-radius: 10px;

  5345.     text-align: center;

  5346.     padding: 15px 20px;

  5347.     img{

  5348.       margin: 0 auto;

  5349.     }

  5350.     .amplification {

  5351.       line-height: 1;

  5352.       font-size: 18px;

  5353.       text-align: center;

  5354.       margin-top: 5px;

  5355.     }

  5356.   }

  5357.   .mapZoom_wrap {

  5358.     position: absolute;

  5359.     right: 3%;

  5360.     top: 50%;

  5361.     margin-top: -200px;

  5362.     background: #fff;

  5363.     margin-bottom: 16px;

  5364.     border-radius: 10px;

  5365.     padding: 0px 20px;

  5366.     div{

  5367.       padding: 15px 0;

  5368.       border-bottom: 1px solid #C9C9C9;

  5369.       &:last-child{

  5370.         border: none;

  5371.       }

  5372.       p{

  5373.         margin-top: 5px;

  5374.       }

  5375.     }

  5376.     .qtMap {

  5377.       font-size: 18px;

  5378.       text-align: center;

  5379.       line-height: 1;

  5380.     }

  5381. 

  5382.     .clMap {

  5383.       font-size: 18px;

  5384.       text-align: center;

  5385.       line-height: 1;

  5386.     }

  5387. 

  5388.     .hcMap {

  5389.       font-size: 18px;

  5390.       text-align: center;

  5391.       line-height: 1;

  5392.     }

  5393. 

  5394.     .htMap {

  5395.       font-size: 18px;

  5396.       text-align: center;

  5397.       line-height: 1;

  5398.     }

  5399. 

  5400.     .dwMap {

  5401.       font-size: 18px;

  5402.       text-align: center;

  5403.       line-height: 1;

  5404.     }

  5405.   }

  5406.   .rightIcon_wrap {

  5407.     position: absolute;

  5408.     right: 16px;

  5409.     bottom: 160px;

  5410.     .selectionIcon_wrap {

  5411.       width: 74px;

  5412.       background: #fff;

  5413.       border-radius: 10px;

  5414.       padding: 14px 0;

  5415. 

  5416.       .icon {

  5417.         width: 38px;

  5418.         height: 38px;

  5419.         background: url("../../assets/images/homestead/selection_icon.png")

  5420.         no-repeat;

  5421.         background-size: 100% 100%;

  5422.         margin: 0 auto 4px;

  5423.       }

  5424.       .text {

  5425.         font-size: 24px;

  5426.         text-align: center;

  5427.       }

  5428.     }

  5429.     .positioning_wrap {

  5430.       width: 74px;

  5431.       background: #fff;

  5432.       margin-bottom: 16px;

  5433.       border-radius: 10px;

  5434.       height: 74px;

  5435.       display: flex;

  5436.       justify-content: center; /* 相对父元素水平居中 */

  5437.       align-items: center; /*  子元素相对父元素垂直居中*/

  5438.       .icon {

  5439.         width: 38px;

  5440.         height: 38px;

  5441.         background: url("../../assets/images/homestead/positioning_icon.png")

  5442.         no-repeat;

  5443.         background-size: 100% 100%;

  5444.         margin: 0 auto;

  5445.       }

  5446.     }

  5447.   }

  5448.   .homesteadList_wrap {

  5449.     // display: none;

  5450.     display: flex;

  5451.     position: absolute;

  5452.     right: -200px;

  5453.     top: 0px;

  5454.     bottom: 0px;

  5455.     width: 300px;

  5456.     background: #fff;

  5457.     z-index: 999;

  5458.     border-top-left-radius: 15px;

  5459.     border-bottom-left-radius: 15px;

  5460. 

  5461.     flex-direction: column;

  5462.     .noInfo_data {

  5463.       font-size: 28px;

  5464.       text-align: center;

  5465.       height: 300px;

  5466.       line-height: 300px;

  5467.       color: #666;

  5468.     }

  5469.     .title_m {

  5470.       color: #333;

  5471.       line-height: 36px;

  5472.       padding: 20px 40px 22px;

  5473.       .name {

  5474.         font-size: 36px;

  5475.         line-height: 42px;

  5476.         height: 42px;

  5477.       }

  5478.       .more_icon {

  5479.         width: 38px;

  5480.         height: 38px;

  5481.         background: url("../../assets/images/homestead/selectionNext_icon.png")

  5482.         no-repeat;

  5483.         float: right;

  5484.         margin-top: 2px;

  5485.       }

  5486.     }

  5487. 

  5488.     .main_m {

  5489.       overflow-y: auto;

  5490.       padding: 10px 0;

  5491.       // height: 300px;

  5492.       flex: 1;

  5493.       .flex_block {

  5494.         height: 70px;

  5495.         display: flex;

  5496.         // justify-content: center; /* 相对父元素水平居中 */

  5497.         align-items: center; /*  子元素相对父元素垂直居中 */

  5498.         padding: 0 40px;

  5499.         &.active {

  5500.           box-shadow: 0px 0px 10px rgba(24, 45, 51, 0.5);

  5501.         }

  5502.         .name_text {

  5503.           font-size: 28px;

  5504.           flex: 0.5;

  5505.           overflow: hidden; /*超出部分隐藏*/

  5506.           white-space: nowrap; /*不换行*/

  5507.           text-overflow: ellipsis; /*超出部分文字以...显示*/

  5508.         }

  5509.         .square_text {

  5510.           font-size: 28px;

  5511.           flex: 0.4;

  5512.         }

  5513.         .operation_mian {

  5514.           flex: 0 0 150px;

  5515. 

  5516.           .describe {

  5517.             font-size: 20px;

  5518.             padding: 6px 5px;

  5519.             float: right;

  5520.             color: #fff;

  5521.             border-radius: 30px;

  5522.             overflow: hidden;

  5523.             text-overflow: ellipsis;

  5524.             white-space: nowrap;

  5525.             max-width: 150px;

  5526.             &.yph {

  5527.               background: #b026ff;

  5528.             }

  5529.             &.dlzdph {

  5530.               background: #ff6f36;

  5531.             }

  5532.             &.ylz {

  5533.               background: #7fff4c;

  5534.             }

  5535.             &.dlz {

  5536.               background: rgb(255, 232, 76);

  5537.             }

  5538.             &.ylzdph {

  5539.               background: #ff7dd0;

  5540.             }

  5541.             &.zy {

  5542.               background: rgb(100, 30, 100);

  5543.             }

  5544.             &.xz {

  5545.               background: rgb(60, 100, 180);

  5546.             }

  5547.             &.chdb {

  5548.               background: #fe0303;

  5549.             }

  5550.           }

  5551.         }

  5552.       }

  5553.     }

  5554.     .footerBtn_wrap {

  5555.       flex: 0 0 90px;

  5556.       display: flex;

  5557.       justify-content: center; /* 相对父元素水平居中 */

  5558.       align-items: center; /*  子元素相对父元素垂直居中 */

  5559. 

  5560.       .options {

  5561.         flex: 1;

  5562.         font-size: 38px;

  5563.         display: flex;

  5564.         justify-content: center; /* 相对父元素水平居中 */

  5565.         align-items: center; /*  子元素相对父元素垂直居中 */

  5566.         height: 90px;

  5567.         &:first-child {

  5568.           border-bottom-left-radius: 15px;

  5569.         }

  5570.         &.active {

  5571.           background: #3cbf5b;

  5572.           color: #fff;

  5573.         }

  5574.       }

  5575.     }

  5576.   }

  5577. 

  5578.   .checkbox {

  5579.     width: 200px;

  5580.     margin: 30px auto;

  5581.   }

  5582. 

  5583.   .thead-checkbox {

  5584.     background-color: lightgray;

  5585.   }

  5586. 

  5587.   .item-checkbox {

  5588.     border: 1px solid darkgray;

  5589.   }

  5590.   .van-sticky{position: fixed;top: 0;right: 0; left: 0;z-index: 9999;}

  5591. 

  5592.   .searchBar_wrap {

  5593.     // display: none;

  5594.     position: fixed;

  5595.     left: 0;

  5596.     bottom: 0;

  5597.     width: 100%;

  5598.     padding: 0px 16px 0px 13px;

  5599.     background: #fff;

  5600.     border-top-left-radius: 15px;

  5601.     border-top-right-radius: 15px;

  5602.     z-index: 9;

  5603. 

  5604.     .searchBox{

  5605.       height: 40vh;

  5606.       overflow-y: scroll;

  5607.       .van-cell{

  5608.         /*&:first-child{*/

  5609.         /*  box-shadow: none;*/

  5610.         /*  margin:0;*/

  5611.         /*}*/

  5612.         box-shadow: 0px 0px 5px #cccccc;

  5613.         border-radius: 15PX;

  5614.         width: 98%;

  5615.         margin: 0 auto;

  5616.         margin-bottom: 0.35rem;

  5617.         &:first-child{

  5618.           margin-top: 5px;

  5619.         }

  5620.       }

  5621.       .van-cell__title{

  5622.         flex: 0.8;

  5623.         p{

  5624.           color: rgb(34, 183, 242);

  5625.           .van-icon{

  5626.             vertical-align: middle;

  5627.           }

  5628.           span{

  5629.             vertical-align: middle;

  5630.             &:nth-child(2){

  5631.               overflow: hidden;

  5632.               white-space: nowrap;

  5633.               text-overflow: ellipsis;

  5634.               display: inline-block;

  5635.               width: 60%;

  5636.             }

  5637.             &:nth-child(3){

  5638.               font-size: 0.25rem;

  5639.               border-radius: 5PX;

  5640.               padding: 5PX 15PX;

  5641.               margin-left: 5%;

  5642.             }

  5643.           }

  5644.         }

  5645.       }

  5646.       .van-cell__value{

  5647.         flex: 0.2;

  5648.         p{

  5649.           font-size: 0.25rem;

  5650.           display: inline-block;

  5651.           border-radius: 1rem;

  5652.           line-height: 1;

  5653.           padding: 10%;

  5654.         }

  5655.       }

  5656.     }

  5657.     .actionBar_wrap {

  5658.       display: flex;

  5659.       position: absolute;

  5660.       top: 0;

  5661.       left: 0;

  5662.       width: 100%;

  5663.       height: 100%;

  5664. 

  5665.       background: #fff;

  5666.       border-top-left-radius: 15px;

  5667.       border-top-right-radius: 15px;

  5668.       .m_list {

  5669.         flex: 1;

  5670.         display: flex;

  5671.         justify-content: center; /* 相对父元素水平居中 */

  5672.         align-items: center; /*  子元素相对父元素垂直居中 */

  5673. 

  5674.         .tensile,

  5675.         .positioning,

  5676.         .spacing,

  5677.         .scale {

  5678.           width: 76px;

  5679.           height: 72px;

  5680.           background: #ffffff;

  5681.           border-radius: 8px;

  5682.           box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);

  5683.           .icon {

  5684.             width: 76px;

  5685.             height: 72px;

  5686.           }

  5687.           &.active {

  5688.             background: #333;

  5689.             &.tensile {

  5690.               .icon {

  5691.                 background: url("../../assets/images/homestead/operation/tensile_active.png")

  5692.                 center center no-repeat;

  5693.                 background-size: 38px 50px;

  5694.               }

  5695.             }

  5696.             &.positioning {

  5697.               .icon {

  5698.                 background: url("../../assets/images/homestead/operation/positioning_active.png")

  5699.                 center center no-repeat;

  5700.                 background-size: 38px 48px;

  5701.               }

  5702.             }

  5703.             &.spacing {

  5704.               .icon {

  5705.                 background: url("../../assets/images/homestead/operation/spacing_active.png")

  5706.                 center center no-repeat;

  5707.                 background-size: 46px 46px;

  5708.               }

  5709.             }

  5710.             &.scale {

  5711.               .icon {

  5712.                 background: url("../../assets/images/homestead/operation/scale_active.png")

  5713.                 center center no-repeat;

  5714.                 background-size: 48px 48px;

  5715.               }

  5716.             }

  5717.           }

  5718.         }

  5719.         .tensile {

  5720.           .icon {

  5721.             background: url("../../assets/images/homestead/operation/tensile.png")

  5722.             center center no-repeat;

  5723.             background-size: 38px 50px;

  5724.           }

  5725.         }

  5726.         .positioning {

  5727.           .icon {

  5728.             background: url("../../assets/images/homestead/operation/positioning.png")

  5729.             center center no-repeat;

  5730.             background-size: 38px 48px;

  5731.           }

  5732.         }

  5733.         .spacing {

  5734.           .icon {

  5735.             background: url("../../assets/images/homestead/operation/spacing.png")

  5736.             center center no-repeat;

  5737.             background-size: 46px 46px;

  5738.           }

  5739.         }

  5740.         .scale {

  5741.           .icon {

  5742.             background: url("../../assets/images/homestead/operation/scale.png")

  5743.             center center no-repeat;

  5744.             background-size: 48px 48px;

  5745.           }

  5746.         }

  5747.         .closes {

  5748.           background: url("../../assets/images/homestead/searchBar_close.png")

  5749.           no-repeat;

  5750.           background-size: 100% 100%;

  5751.           width: 72px;

  5752.           height: 72px;

  5753.           &.gray {

  5754.             background: url("../../assets/images/homestead/searchBar_close_gray.png")

  5755.             no-repeat;

  5756.             background-size: 100% 100%;

  5757.           }

  5758.         }

  5759.         .correct {

  5760.           background: url("../../assets/images/homestead/searchBar_save.png")

  5761.           no-repeat;

  5762.           background-size: 100% 100%;

  5763.           width: 72px;

  5764.           height: 72px;

  5765.         }

  5766.       }

  5767.     }

  5768.     .searchBar_area {

  5769.       flex: 1;

  5770.       height: 80px;

  5771.       background: #f1f1f1;

  5772.       border: 1px solid #dfdfdf;

  5773.       border-radius: 10px;

  5774.       padding: 0 28px;

  5775.       display: flex;

  5776.       .bar_icon {

  5777.         width: 50px;

  5778.         height: 50px;

  5779.         background: url("../../assets/images/homestead/searchBar_bar.png")

  5780.         center center no-repeat;

  5781.         background-size: 100% 100%;

  5782.         margin-top: 14px;

  5783.         margin-right: 15px;

  5784.       }

  5785.       .bar_ipt {

  5786.         flex: 1;

  5787.         input {

  5788.           width: 100%;

  5789.           height: 100%;

  5790.           background: none;

  5791.           border: 0 none;

  5792.           font-size: 32px;

  5793.         }

  5794.       }

  5795.       .bar_text {

  5796.         flex: 0 0 80px;

  5797.         font-size: 32px;

  5798.         color: #333333;

  5799.         font-family: PingFang SC, PingFang SC-Regular;

  5800.         font-weight: 400;

  5801.         display: flex;

  5802.         justify-content: center; /* 相对父元素水平居中 */

  5803.         align-items: center; /*  子元素相对父元素垂直居中 */

  5804.       }

  5805.     }

  5806.     .searchBar_more {

  5807.       flex: 0 0 80px;

  5808.       background: url("../../assets/images/homestead/searchBar_add.png") center

  5809.       center no-repeat;

  5810.       background-size: 80% 80%;

  5811.       margin-left: 15px;

  5812.     }

  5813.   }

  5814. </style>