查看详情

src/views/homesteadSurvey/list.vue

@@ -387,6 +387,7 @@
         </template>
       </van-search>-->
       <div id="mapWrapAll" style="width: 100%;height: 100vh"></div>
+      <div id="info" style="display: none"></div>
       <!--图层-->
       <div class="rightZoom_wrap">
         <img src="../../assets/images/housesteadSurvey/tool1.png">
@@ -2623,12 +2624,10 @@
           //属性查询结束 ------------------end
           //点击查询详细信息
           map.on("singleclick", function (evt) {
-            console.log("查看详情");
             let feature = map.forEachFeatureAtPixel(
               evt.pixel,
               (feature) => feature
             );
-            console.log(feature);
             var viewResolution = map.getView().getResolution(); ///** @type {number} */ (view.getResolution());
             var zb = evt.coordinate;
             var url = wmsSource.getFeatureInfoUrl(
@@ -2643,13 +2642,361 @@
                   return response.text();
                 })
                 .then(function (html) {
-                  console.log(html);
-                      // document.getElementById("info").innerHTML = html;
-                      // if (html.indexOf("house") != -1) {
-                      //
-                      // } else {
-                      // }
+                  document.getElementById("info").innerHTML = html;
+                  if (html.indexOf("<table") != -1) {
+                    setTimeout(() => {
+                      if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zjdzd") {
+                        that.mapHasDateStatus = 2;
+                        let obj = {};
+                        let trs = $("#info .featureInfo").find("tr:eq(1)");
+                        let zjdXq = trs.find("td").eq(0).text();
+                        let zjdIdNum = zjdXq.replace("t_house_survey_zjdzd.", "");
+                        obj.id = zjdIdNum; //	主键id
+                        obj.deptName = trs.find("td").eq(3).text();//行政区划名称
+                        obj.suyqrdm =  trs.find("td").eq(4).text();//所有权人代码
+                        obj.nhdm = trs.find("td").eq(5).text();//农户代码
+                        obj.zjddm =  trs.find("td").eq(6).text();//宅基地代码
+                        obj.zdbh = trs.find("td").eq(7).text();//宗地编号
+                        obj.zddm = trs.find("td").eq(8).text();//宗地代码
+                        obj.zl = trs.find("td").eq(9).text();//坐落
+                        obj.zldwdm = trs.find("td").eq(10).text();//坐落单位代码
+                        obj.zdmj = trs.find("td").eq(11).text();//宗地面积
+                        obj.yt = trs.find("td").eq(12).text();//用途
+                        obj.ytmc = trs.find("td").eq(13).text();//用途名称
+                        obj.dj = trs.find("td").eq(14).text();//宗地编号
+                        obj.jg = trs.find("td").eq(15).text();//价格万元
+                        obj.qllx = trs.find("td").eq(16).text();//权利类型
+                        obj.qlxz = trs.find("td").eq(17).text();//权利性质
+                        obj.qlsdfs = trs.find("td").eq(18).text();//权利设定方式
+                        obj.rjl = trs.find("td").eq(19).text();//容积率
+                        obj.jzmd = trs.find("td").eq(20).text();//建筑密度
+                        obj.jzxg =  trs.find("td").eq(21).text();//建筑限高
+                        obj.zdszd = trs.find("td").eq(22).text();//宗地四至-东
+                        obj.zdszn = trs.find("td").eq(23).text();//宗地四至-南
+                        obj.zdszx = trs.find("td").eq(24).text();//宗地四至-西
+                        obj.zdszb = trs.find("td").eq(25).text();//宗地四至-北
+                        obj.zdt = trs.find("td").eq(26).text();//宗地图
+                        obj.tfh = trs.find("td").eq(27).text();//图幅号
+                        obj.djh = trs.find("td").eq(28).text();//地籍号
+                        obj.sjly = trs.find("td").eq(29).text();//数据来源
+                        obj.lyzk = trs.find("td").eq(30).text();//当前利用状况
+                        obj.xzkssj = trs.find("td").eq(31).text();//闲置开始时间
+                        obj.sffz = trs.find("td").eq(32).text();//是否发证
+                        obj.zjdzsh = trs.find("td").eq(33).text();//宅基地证书号
+                        obj.bz = trs.find("td").eq(34).text();//备注
+                        obj.houseDataConfirmStatus = trs.find("td").eq(40).text();//调查情况
+                        obj.zjdxctp =trs.find("td").eq(41).text();//宅基地现场图片
+                        obj.zjdqdfs = trs.find("td").eq(42).text();//宅基地取得方式
+                        obj.bccjl = trs.find("td").eq(43).text();//被惩处经历
+                        obj.bccbz = trs.find("td").eq(44).text();//被惩处备注
+                        obj.yctcyx = trs.find("td").eq(45).text();//有偿退出意向
+                        obj.zjdpzmj = trs.find("td").eq(46).text();//宅基地批准面积
+                        obj.zjdxzyy = trs.find("td").eq(47).text();//宅基地闲置原因
+                        obj.lzyx = trs.find("td").eq(48).text();//流转意向
+                        obj.sysNormalDisable = trs.find("td").eq(49).text();//是否停用
+                        //字典项转化
+                        //是否发证字典项
+                        that.getDicts("sys_yes_no").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.sffz !=null && obj.sffz !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.sffz == assetTypeOptions[i].dictValue) {
+                                obj.sffz = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //利用状态字典项
+                        that.getDicts("zjdlyzk").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.lyzk !=null && obj.lyzk !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.lyzk == assetTypeOptions[i].dictValue) {
+                                obj.lyzk = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //流转意向字典项
+                        that.getDicts("is_have").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.lzyx !=null && obj.lzyx !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.lzyx == assetTypeOptions[i].dictValue) {
+                                obj.lzyx = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //有偿退出意向字典项
+                        that.getDicts("is_have").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.yctcyx !=null && obj.yctcyx !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.yctcyx == assetTypeOptions[i].dictValue) {
+                                obj.yctcyx = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //被惩处经历字典项
+                        that.getDicts("is_have").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.bccjl !=null && obj.bccjl !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.bccjl == assetTypeOptions[i].dictValue) {
+                                obj.bccjl = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //宅基地取得方式字典项
+                        that.getDicts("acquisition_method").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.zjdqdfs !=null && obj.zjdqdfs !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.zjdqdfs == assetTypeOptions[i].dictValue) {
+                                obj.zjdqdfs = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //权利设定方式字典项
+                        that.getDicts("right_setting_mode").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.qlsdfs !=null && obj.qlsdfs !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.qlsdfs == assetTypeOptions[i].dictValue) {
+                                obj.qlsdfs = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //数据来源字典项
+                        that.getDicts("sjly").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.sjly !=null && obj.sjly !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.sjly == assetTypeOptions[i].dictValue) {
+                                obj.sjly = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        let cloneObj = JSON.parse(JSON.stringify(obj));
+                        that.mapZjdData = cloneObj;
+                      } else if($("#info .featureInfo .featureInfo").text() == "t_house_survey_zrz"){
+                        let obj = {};
+                        that.mapHasDateStatus = 1;
+                        let trs = $("#info .featureInfo").find("tr:eq(1)");
+                        let zrzXq = trs.find("td").eq(0).text();
+                        let zrzIdNum = zrzXq.replace("t_house_survey_zrz.", "");
+                        obj.id = zrzIdNum; //	主键id
+                        obj.deptName = trs.find("td").eq(3).text();//行政区划名称
+                        obj.zjddm = trs.find("td").eq(5).text();//宅基地代码
+                        obj.nmfwzh = trs.find("td").eq(6).text();//农民房屋幢号
+                        obj.zrzh = trs.find("td").eq(7).text();//自然幢号
+                        obj.jgrq = trs.find("td").eq(8).text();//竣工日期
+                        obj.jzwgd = trs.find("td").eq(9).text();//建筑物高度
+                        obj.zzdmj = trs.find("td").eq(10).text();//幢占地面积
+                        obj.zydmj = trs.find("td").eq(11).text();//幢用地面积
+                        obj.scjzmj = trs.find("td").eq(12).text();//实测建筑面积
+                        obj.zcs = trs.find("td").eq(13).text();//总层数
+                        obj.dscs = trs.find("td").eq(14).text();//地上层数
+                        obj.dxcs = trs.find("td").eq(15).text();//地下层数
+                        obj.fwjg = trs.find("td").eq(16).text();//房屋结构
+                        obj.sjly = trs.find("td").eq(17).text();//数据来源
+                        obj.bz = trs.find("td").eq(18).text();//备注
+                        obj.status = trs.find("td").eq(19).text();//状态
+                        obj.houseDataConfirmStatus = trs.find("td").eq(24).text();//数据调查确认状态
+                        //字典项转化
+                        //房屋结构字典项
+                        that.getDicts("housing_structure").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.fwjg !=null && obj.fwjg !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.fwjg == assetTypeOptions[i].dictValue) {
+                                obj.fwjg = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //房屋结构字典项
+                        that.getDicts("sjly").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.sjly !=null && obj.sjly !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.sjly == assetTypeOptions[i].dictValue) {
+                                obj.sjly = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        let cloneObj = JSON.parse(JSON.stringify(obj));
+                        that.mapZrzData = cloneObj;
+                      } else if($("#info .featureInfo .featureInfo").text() == "t_house_survey_fsss"){
+                        let obj = {};
+                        that.mapHasDateStatus = 0;
+                        let trs = $("#info .featureInfo").find("tr:eq(1)");
+                        let fsssXq = trs.find("td").eq(0).text();
+                        let fsssIdNum = fsssXq.replace("t_house_survey_fsss.", "");
+                        obj.id = fsssIdNum; //	主键id
+                        obj.deptName = trs.find("td").eq(4).text();//行政区划名称
+                        obj.zjddm = trs.find("td").eq(2).text();//宅基地代码
+                        obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态
+                        obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型
+                        obj.jzmj = trs.find("td").eq(8).text(); //建筑面积
+                        obj.qsly = trs.find("td").eq(9).text();//权属来源
+                        obj.fwzt = trs.find("td").eq(10).text(); //房屋状态
+                        obj.sfsp = trs.find("td").eq(11).text(); //是否审批
+                        obj.sffz = trs.find("td").eq(12).text(); //是否发证
+                        obj.jglx = trs.find("td").eq(13).text(); //结构类型
+                        obj.sfzzsy = trs.find("td").eq(14).text(); //是否正在使用
+                        obj.jzwqk = trs.find("td").eq(15).text(); //建筑物情况
+                        obj.tdzk = trs.find("td").eq(16).text(); //审批或建设前土地状况
+                        obj.sfsgcf = trs.find("td").eq(17).text(); //是否受过处罚
+                        obj.remark = trs.find("td").eq(18).text(); //备注
+                        obj.sysNormalDisable = trs.find("td").eq(19).text(); //是否停用
+                        //附属设施类型字典项
+                        that.getDicts("fsss_type").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.fssslx !=null && obj.fssslx !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.fssslx == assetTypeOptions[i].dictValue) {
+                                obj.fssslx = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //权属类型字典项
+                        that.getDicts("acquisition_method").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.qsly !=null && obj.qsly !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.qsly == assetTypeOptions[i].dictValue) {
+                                obj.qsly = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //房屋状态字典项
+                        that.getDicts("fwzt").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.fwzt !=null && obj.fwzt !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.fwzt == assetTypeOptions[i].dictValue) {
+                                obj.fwzt = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //是否审批字典项
+                        that.getDicts("sys_yes_no").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.sfsp !=null && obj.sfsp !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.sfsp == assetTypeOptions[i].dictValue) {
+                                obj.sfsp = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //是否发证字典项
+                        that.getDicts("sys_yes_no").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.sffz !=null && obj.sffz !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.sffz == assetTypeOptions[i].dictValue) {
+                                obj.sffz = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //结构类型字典项
+                        that.getDicts("house_jglx").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.jglx !=null && obj.jglx !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.jglx == assetTypeOptions[i].dictValue) {
+                                obj.jglx = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //是否正在使用字典项
+                        that.getDicts("sys_yes_no").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.sfzzsy !=null && obj.sfzzsy !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.sfzzsy == assetTypeOptions[i].dictValue) {
+                                obj.sfzzsy = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //房屋状态字典项
+                        that.getDicts("fwzt").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.fwzt !=null && obj.fwzt !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.fwzt == assetTypeOptions[i].dictValue) {
+                                obj.fwzt = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //土地状况字典项
+                        that.getDicts("land_state").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.tdzk !=null && obj.tdzk !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.tdzk == assetTypeOptions[i].dictValue) {
+                                obj.tdzk = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        //是否受过处罚字典项
+                        that.getDicts("land_state").then((response) => {
+                          var assetTypeOptions = response.data;
+                          if(obj.sfsgcf !=null && obj.sfsgcf !=""){
+                            for(var i=0;assetTypeOptions.length >i; i++){
+                              if(obj.sfsgcf == assetTypeOptions[i].dictValue) {
+                                obj.sfsgcf = assetTypeOptions[i].dictLabel;
+                                break;
+                              }
+                            }
+                          }
+                        });
+                        let cloneObj = JSON.parse(JSON.stringify(obj));
+                        that.mapFsssData = cloneObj;
+                      } else {
+
+                      }
                     }, 300);
+                  } else {
+
+                  }
+                });
             }
             if(feature) {
               console.log(feature);