$(function () {
  window.is_pc = document.documentElement.clientWidth > 768;
    if(!is_pc) {
          $(".zoom-val").text(`濮ｆ柧绶ラ敍锟?0%`);
    }
    
  window.zoom_pc = 1.1;    
  window.zoom_h5 = 1;    

   
     
    
  window.markPoint_img = `https://custproj00042-1.ceydz.com/cus-js/2022-03/shidaiwodun/marker.png`;
  window.regions_img = new Image();
  window.regions_img_width = 54 / 0.5;
  window.regions_img_height = 68 / 0.5;
  regions_img.src = `https://custproj00042-1.ceydz.com/cus-js/2022-03/shidaiwodun/marker.png`;
  regions_img.onload = function () {
    console.log("regions_img 閸ュ墽澧栭崝鐘烘祰鐎瑰本鍨?, regions_img.width);
    console.log("regions_img 閸ュ墽澧栭崝鐘烘祰鐎瑰本鍨?, regions_img.height);
  };

  //閼奉亪鈧倸绨
  window.onresize = function () {
    store.myChart.resize();
  };
  let clientWidth = document.documentElement.clientWidth;

  //閺€鎯с亣缂傗晛鐨禍瀣╂
  $(".map-container").on("click", ".map-plus", function () {
    // debugger
    zoomMap("閺€鎯с亣");
  });
  //閺€鎯с亣缂傗晛鐨禍瀣╂
  $(".map-container").on("click", ".map-minus", function () {
    // debugger
    zoomMap("缂傗晛鐨?);
  });
  //妞ょ敻娼扮捄瀹犳祮
  $(".map-container").on("click", ".pro-list-item", function () {
    // debugger
    let url = $(this).find("a").attr("href");
    console.log("妞ょ敻娼扮捄瀹犳祮", url);
  });
  //妞ょ敻娼扮捄瀹犳祮
  $(".map-container").on("click", ".pro-list-item a", function () {
    // debugger
    let url = $(this).attr("href");
    console.log("妞ょ敻娼扮捄瀹犳祮", url);
  });

  //缂傗晜鏂侀崷鏉挎禈
  function zoomMap(type) {
    let zoom = store.myChart.getOption().geo[0].zoom;
    console.log("閺€鎯с亣閸︽澘娴榸oom", zoom);
    if (type == "閺€鎯с亣") {
      zoom += 0.2;
    } else {
      if (zoom > 0.2) {
        zoom -= 0.2;
      }
    }

    store.setZoomText(zoom);

    var regions = store.get_regions();
    store.myChart.setOption({ geo: { zoom: zoom, regions: regions } });
  }

  function zoomMapByScale() {
    var regions = store.get_regions();

    let zoom = store.myChart.getOption().geo[0].zoom;
    store.myChart.setOption({ geo: { zoom: zoom, regions: regions } });
  }

  //閸掑棛琚悙鐟板毊娴滃娆
  var if_repeat = true;
  $(".cate-right").on("click", ".cate-item button", function () {
     if(if_repeat) { 
        if_repeat = false; 
        $(this).trigger('click');
        
        setTimeout(() => {
           if_repeat = true;  
        }, 300);
     }
      
    // debugger
    $(this).addClass("active");
    $(this).parent().siblings().find("button").removeClass("active");
    var cate_id = $(this).attr("data-id");//  瀹搞儰绗 4   鐎瑰墎鏁 5
    //  window.regions_img_width = 54 / 0.5;
    //  window.regions_img_height = 68 / 0.5;
    store.zoom = is_pc?  zoom_pc : zoom_h5;
    let zoomPercentage = parseInt(store.zoom * 100);
     $(".zoom-val").text(`濮ｆ柧绶ラ敍锟?{zoomPercentage}%`);
    
    
    
// 鐎瑰墎鏁ら惃锟 000000
// 瀹搞儰绗  111111
// 鐎瑰墎鏁?瀹搞儰绗  222222

    // let list = [];
    // if (cate_id) {
    //   if(cate_id == 4) {//瀹搞儰绗   111111    
    //     // list = store.listAllProvData.filter((v) => v.categoryId == cate_id || v.categoryId == 5);
    //     list = store.listAllProvData.filter((v) => v.zipCode == 111111 || v.zipCode == 222222);
    //   } else if(cate_id == 5) { //鐎瑰墎鏁   000000
    //     // list = store.listAllProvData.filter((v) => v.categoryId == cate_id );         
    //     list = store.listAllProvData.filter((v) => v.zipCode == 000000 || v.zipCode == 222222);
    //   }

    // } else {
    //   list = store.listAllProvData;
    // }
    
    
    
    let list = store.getListByCate(store.listAllProvData);
    console.log("鏉╁洦鎶よぐ鎾冲閸掑棛琚弫鐗堝祦", list);
    // console.log("鏉╁洦鎶よぐ鎾冲閸掑棛琚弫鐗堝祦", list2);
    store.setView(list, '閸掑洦宕?);
  });

  //ecarhts 娴滃娆

  //閺佺増宓佺€涙ê鍋
  var store = {
    zoom: is_pc ? zoom_pc : zoom_h5,
    myChart: null,
    dataObj_quanguo: {},
    echartsConfig: {},

    listAllProvData: [], //閹碘偓閺堝娓锋禒鐣屾畱閸樼喎顫愰弫鐗堝祦
    listProvName: [], //閹碘偓閺堝娈戦惇浣峰敜閸氬秶袨
    provObj: {}, //閻椒鍞ょ€电懓绨查惃鍕殶閹癸拷
    
    list_regions: [],//闂団偓鐟曚線鐝禍顔炬畱閻椒鍞

    markPointData: [], //閺嶅洦鏁為弫鐗堝祦

    loadEvent: false, // 閺勵垰鎯佸鑼病閸旂姾娴囨禍瀣╂

    setZoomText(zoom) {
      console.log('鐠佸墽鐤嗙紓鈺傛杹濮ｆ柧绶?)

      let zoomPercentage = parseInt(zoom * 100);
      $(".zoom-val").text(`濮ｆ柧绶ラ敍锟?{zoomPercentage}%`);
    },

    //閼惧嘲褰囨妯瑰瘨閻椒鍞
    get_regions(type) {
      let zoom = 1;
      if (store.myChart && store.myChart.getOption()) {
        zoom = store.myChart.getOption().geo[0].zoom;
        console.log("get_regions 缂傗晜鏂佸В鏂剧伐", zoom);
        
        
        if(type== '閸掑洦宕?) {
            window.regions_img_width = 54 / 0.5;
            window.regions_img_height = 68 / 0.5;
        }

        regions_img.width = regions_img_width;
        regions_img.height = regions_img_height;
      }
      
      
      console.log('******** 闂団偓鐟曚焦妯夌粈鐑樼垼鐠佹壆娈戦惇浣峰敜 ********', this.listProvName)
      
      
      
      let lineHeight = 20 * zoom;
      let fontSize = 12 * zoom;
      let img_height = 16 * zoom;
      if(!is_pc) {
        let zoom_shiji = zoom * 0.85;
        
        if (zoom > 1.5) {
            zoom_shiji = zoom * 0.85;
        }else if(zoom <= 1.5 && zoom > 0.8) {
            zoom_shiji = zoom * 0.95;
        } else if (zoom <= 0.8) {
            zoom_shiji = zoom * 1.1;
        }
        
          
        lineHeight = 14 * zoom_shiji;
        fontSize = 12 * zoom_shiji;
        img_height = 16 * zoom_shiji;
      }
      

      var regions = this.listProvName.map((v) => ({
        name: v,
        // tooltip:  tooltip,
        itemStyle: {
          areaColor: "#f5f5f5", //閺堝鏆熼幑顔炬畱閻椒鍞ら懗灞炬珯妫版粏澹
          areaColor: "#f9f9f9", //閺堝鏆熼幑顔炬畱閻椒鍞ら懗灞炬珯妫版粏澹
          color: "#f00", //閸ユ儳鑸版０婊嗗
        },
        label: {
          show: true,
          color: "#F00", //閺堝鏆熼幑顔炬畱閻椒鍞ら崥宥囆炴０婊嗗

          formatter: function (params) {
          
            let provName = params.name;
            return ["{b|}", `{a|${provName}}`].join("\n");
          },
          rich: {
            a: {
              color: "#000",
              lineHeight: lineHeight,
              fontSize: fontSize,
            },
            b: {
              backgroundColor: {
                image: window.regions_img || window.markPoint_img || "xxx/xxx.jpg",
              },
              height: img_height,
            },
          },
        },
        
        
      }));
      
      
      store.list_regions = regions;
      return regions;
    },

    //鐠佸墽鐤嗙亸蹇曞閻愯鐖ｅ▔锟
    get_markPointData() {
      let categoryId = $(".cate-list .active").attr("data-id") || "";
      let list = this.listAllProvData;
      if (categoryId) {
        list = this.listAllProvData.filter((item) => item.categoryId == categoryId);
      }

      let markPointData = list.map((v) => ({
        name: v.name,
        provinceName: v.provinceName,
        cityName: v.cityName,
        address: v.address,
        coord: [
          v.lng,
          v.lat,
          //閸ф劖鐖ｉ敍宀勨偓姘崇箖閻ф儳瀹抽崷鏉挎禈閹绘劕褰
        ],
        id: v.id,
      }));

      console.log("========鐠佸墽鐤嗙亸蹇曞閻愯鏆熼幑锟箭=========", markPointData);

      return [] || markPointData;
    },


    
    getListByCate(dataList, provName) {
        console.log('getListByCate provName', provName)
        // debugger
        var cate_id = $('.cate-list .active').attr("data-id");//  瀹搞儰绗 4   鐎瑰墎鏁 5
        // 鐎瑰墎鏁ら惃锟 000000
        // 瀹搞儰绗  111111
        // 鐎瑰墎鏁?瀹搞儰绗  222222
        let list = [];
        if (cate_id) {
          if(cate_id == 4) {//瀹搞儰绗   111111
          
            if(!provName) {
                list = dataList.filter((v) => v.zipCode == 111111 || v.zipCode == 222222);    
            } else {
                
                
                let  list_1 = dataList.filter((v) => v.id != 3 && (v.zipCode == 111111 || v.zipCode == 222222));
                list = [...list_1];
                let jianyuan_obj = dataList.find(v => v.id == 3);
                if(jianyuan_obj) {//濞ｅ崬婀烽崑銉ユ疮
                    if(provName == '楠炲じ绗?) {
                        debugger
                        list.push(jianyuan_obj);   
                    }
                }
                
            }
            
          } else if(cate_id == 5) { //鐎瑰墎鏁   000000
            list = dataList.filter((v) => v.zipCode == 000000 || v.zipCode == 222222);
          }
        }
        return  list
    },

    
    get_tooltip() {
        console.log(' ========= 闁板秶鐤 tooltip ========= ')
        let obj = {
          trigger: "item",
          triggerOn: "mousemove", //鐟欙箑褰傞弮鑸垫簚 mousemove click
          // triggerOn: "click", //鐟欙箑褰傞弮鑸垫簚 mousemove click
          enterable: true, // 姒х姵鐖ｉ弰顖氭儊閸欘垵绻橀崗銉﹀絹缁€鐑橆攱濞搭喖鐪版稉顓ㄧ礉姒涙顓绘稉绡篴lse閿涘苯顩ч棁鈧拠锔藉剰閸愬懍姘︽禍鎺炵礉婵″倹鍧婇崝鐘绘懠閹恒儻绱濋幐澶愭尦閿涘苯褰茬拋鍓х枂娑擄拷 true閵嗭拷
          confine: false, //閺勵垰鎯佺亸锟 tooltip 濡楀棝妾洪崚璺烘躬閸ユ崘銆冮惃鍕隘閸╃喎鍞撮妴锟
          //position: clientWidth < 768 ? 'bottom' : 'right',
          
        //    position: clientWidth < 768 ?  ["50%", "50%"] : "right",
          position: clientWidth < 768 ? 'bottom' : "right",
          className: "tool-cls",
          // showContent:false,
          color: "#F00",
          backgroundColor: "transparent",
          borderColor: "transparent",
          borderWidth: 0,
          padding: 0,

          formatter: function (params) {
            // console.log("瑜版挸澧犻弫鐗堝祦", { ...params });
            let { componentType, data } = params;
            let provName = params.name;
            let curr = {};
            // console.log("瑜版挸澧犵紒蹇涙敘閸燂拷", curr);
            
            let has_region = store.list_regions.find(item => item.name == provName)
            if (!has_region) {
                   $('.tool-cls').addClass('hide-tool');  
              return "";
            }
            

            //閼惧嘲褰囪ぐ鎾冲閻椒鍞ら惃鍕病闁库偓閸熷棗鍨悰锟
            let dataList = store.listAllProvData.filter((item) => item.provinceName.includes(provName) || item.keywords.includes(provName));
            console.log('鏉╁洦鎶ら崜宥囨畱閸掓銆?, dataList)
            
            dataList = store.getListByCate(dataList, provName);
            console.log('鏉╁洦鎶ら崥搴ｆ畱閸掓銆?, dataList)
            
            // debugger

            if (!dataList.length) {
                   $('.tool-cls').addClass('hide-tool');  
              return "";
            }

            let html_jingxiaoshang = ``;
            let html_quyu = ``;
            

            if (dataList.length) {
              let jingxiaoshangIds = [6, 3, 4, 5];
              let list_jingxiaoshang = dataList.filter(v => jingxiaoshangIds.includes(v.id));//缂佸繘鏀㈤崯锟
              let list_quyu = dataList.filter(v => !jingxiaoshangIds.includes(v.id));  //閸栧搫鐓欓崥鍫滅稊閸燂拷 
                console.log('缂佸繘鏀㈤崯锟?, list_jingxiaoshang)
                console.log('閸栧搫鐓欓崥鍫滅稊閸燂拷 ', list_quyu)
                
            
              
              if (list_jingxiaoshang.length  || list_quyu.length) {
                //閻絻鐦   ${item.wechat}
                 //缂佸繘鏀㈤崯锟
                  if(list_jingxiaoshang.length) {
                       let jingxiaoshang_str = "";
                        list_jingxiaoshang.forEach((item) => {
                          jingxiaoshang_str += `
                          <div class="jxs-items" data-url="${item.website}"> 
                            <div class="jxs-title">
                                ${item.name}
                            </div>
                            <div class="jxs-phone">
                               閻絻鐦介敍锟
                            </div>
                        </div>
                          `;
                        });
        
                        html_jingxiaoshang = `
                        <div class="jxs-type-title">
                            缂佸繘鏀㈤崯锟
                        </div>
                        <div class="jxs-list">
                            ${jingxiaoshang_str}
                        </div>
                        `;
                  }
                  
                  //閸栧搫鐓欓崥鍫滅稊閸燂拷 
                  if(list_quyu.length) {
                        let quyu_str = "";
                        list_quyu.forEach((item) => {
                          quyu_str += `
                          <div class="jxs-items" data-url="${item.website}"> 
                            <div class="jxs-title">
                                ${item.name}
                            </div>
                            <div class="jxs-phone">
                               閻絻鐦介敍锟?{item.wechat}
                            </div>
                        </div>
                          `;
                        });
        
                        html_quyu = `
                        <div class="jxs-type-title">
                            閸栧搫鐓欓崥鍫滅稊閸燂拷 
                        </div>
                        <div class="jxs-list">
                            ${quyu_str}
                        </div>
                        `;
                  }
                
                $('.tool-cls').removeClass('hide-tool');
              } else  {
                 $('.tool-cls').addClass('hide-tool');  
              }

              let htmlFrag = `<div class="jxs-pop-box"> 
              <span class="pop-sanjiao"></span>

                  <div class="jxs-pop-inner">
                    ${html_jingxiaoshang}
                    ${html_quyu}
                  </div>
              </div>   
                `;

              return htmlFrag;
            } else {
                 $('.tool-cls').addClass('hide-tool');  
            }
          },
        };
        
        
        return  obj
    },


    //鐠佸墽鐤嗛柊宥囩枂妞ゅ湱娲
    getMapOption(type) {
      if (store.myChart && store.myChart.getOption()) {
        let zoom = store.myChart.getOption().geo[0].zoom;
        console.log("缂傗晜鏂佸В鏂剧伐", zoom);
      }

      var regions = this.get_regions(type);
      var markPointData = this.get_markPointData();
      
      
      var  tooltip = this.get_tooltip();

      // 閻楃懓鐣鹃崠鍝勭厵閼冲本娅   opt.
      // 閻楃懓鐣鹃崠鍝勭厵鐎涙ぞ缍嬫０婊嗗

      // 妤傛ü瀵 閻楃懓鐣鹃崠鍝勭厵閼冲本娅
      // 妤傛ü瀵 閻楃懓鐣鹃崠鍝勭厵鐎涙ぞ缍嬫０婊嗗

      var option = {
        title: {
          // text: "闁瀚ㄩ崷鏉垮隘",
          x: "center",
        },

        tooltip:  tooltip,

        geo: {
          show: true,
          // map: "娑擃厼娴楅崷鏉挎禈",
          // map: "CHINA",
          map: "china", //娴兼矮楠囬悽鐔峰础濞寸柉顕畝锟
          // roam: false, //閺勵垰鎯佸鈧崥顖炵炊閺嶅洨缂夐弨鎯ф嫲楠炲磭些濠曨偅鐖
          // roam: 'move', //閺勵垰鎯佸鈧崥顖炵炊閺嶅洨缂夐弨鎯ф嫲楠炲磭些濠曨偅鐖
          roam: true, //閺勵垰鎯佸鈧崥顖炵炊閺嶅洨缂夐弨鎯ф嫲楠炲磭些濠曨偅鐖
          layoutCenter: clientWidth < 768 ? ["50%", "50%"] : ["50%", "52%"],
          layoutSize: clientWidth < 768 ? clientWidth : "",
          zoom: store.zoom,

          label: {
            show: true, //閺勵垰鎯佺仦鏇犮仛閻椒鍞ら崥锟
            offset: [0, 0],
            // backgroundColor: "#fff",
            // padding: 2,
            formatter(params) {
              //閺勫墽銇氶張澶嬫殶閹诡喚娈戦惇浣峰敜
              let provName = store.getFormatProvName(params.name);
              if (!store.listProvName.includes(provName)) {
                return "";
              }
              return params.name;
            },
          },
          itemStyle: {
            // areaColor: "#f3f3f3", //姒涙顓 閻椒鍞ら懗灞炬珯
            areaColor: "#fff", //姒涙顓 閻椒鍞ら懗灞炬珯
            borderColor: "#888", //姒涙顓 閻椒鍞ら懗灞炬珯
            color: "#333", //姒涙顓 閻椒鍞ら崥宥囆炴０婊嗗
          },
          regions: regions, //閻楃懓鐣鹃崠鍝勭厵闁板秶鐤嗛弽宄扮础  濮ｆ柨顩ф妯瑰瘨

          emphasis: {
            // disabled: true,
            //妤傛ü瀵掗柊宥囩枂  //閸栧搫鐓欓懗灞炬珯 閸栧搫鐓欐潪顔肩波缁炬寧娼弽宄扮础
            label: {
              color: "#00f",
            },
            itemStyle: {
              areaColor: "coral",
            },
          },
        },

        series: [
          // {
          //   type: "effectScatter",
          //   coordinateSystem: "geo",
          //   rippleEffect: {
          //     brushType: "stroke",
          //   },
          //   symbolSize: function (val, params) {
          //     return 8;
          //   },
          //   data: markPointData,
          // },

          {
            name: "瑜版挸澧犵化璇插灙閺佺増宓 閻椒鍞?,
            type: "map",
            geoIndex: 0,
            markPoint: {
              //閸ユ崘銆冮弽鍥ㄦ暈閵嗭拷
              data: markPointData,
              label: {
                formatter: "{b}",
                position: "right",
                show: true,
                color: "#f00",
              },

              itemStyle: {
                color: "#f00",
                shadowBlur: 0,
                shadowColor: "#fff",
              },
              symbol: window.markPoint_img || "pin", // 閺嶅洦鏁為崶鍓у閸︽澘娼冪捄顖氱窞
              symbolSize: 20 ,
            },
          },
        ],
      };

      return option;
    },

    getList() {
      let origin = location.origin;

      origin = "//2103255047.pool202-site.yun300.cn";
      let url = `${origin}/openapi/map/findByPagination.do?jpagination={"pageSize":10000,"currentPage":1,"params":{"cid":"-1"}}`;
      //let url = `http://2012245085.pool602-site.make.site.cn/openapi/map/findByPagination.do?jpagination={"pageSize":10000,"currentPage":1,"params":{"cid":"-1"}}`

      return $.ajax({
        type: "GET",
        // url: `//custproj00042-1.ceydz.com/api/map/getCnList`,
        url: `http://custproj00042-1.ceydz.com/api/map/getJxsList`,
      });
    },

    // 閼惧嘲褰囬弽鐓庣础閸栨牕鎮楅惃鍕倳鐎涳拷
    getFormatProvName(name) {
     let proNameArr =  [
         '濞屽啿瀵抽惇锟?,
         '鐏炶精銈块惇锟?,
         '鏉堣棄鐣為惇锟?,
         '閸氬鐏勯惇锟?,
         '姒涙垿绶冲Ч鐔烘阜',
         '濮圭喕瀚冮惇锟?,
         '濞存瑦鐫欓惇锟?,
         '鐎瑰绐橀惇锟?,
         '缁傚繐缂撻惇锟?,
         '濮圭喕銈块惇锟?,
         '鐏炲彉绗㈤惇锟?,
         '濞屽啿宕￠惇锟?,
         '濠€鏍у閻拷',
         '濠€鏍у础閻拷',
         '楠炲じ绗㈤惇锟?,
         '濞村嘲宕￠惇锟?,
         '閸ユ稑绐涢惇锟?,
         '鐠愰潧绐為惇锟?,
         '娴滄垵宕￠惇锟?,
         '闂勬洝銈块惇锟?,
         '閻㈡鍊戦惇锟?,
         '闂堟帗鎹ｉ惇锟?,
         '閸欑増鍜曢惇锟?,
         '閸栨ぞ鍚敮锟?,
         '婢垛晜瑙︾敮锟?,
         '娑撳﹥鎹ｇ敮锟?,
         '闁插秴绨＄敮锟?,
         '閸愬懓鎸嬮崣銈堝殰濞岃灏?,
         '楠炶儻銈挎竟顔芥閼奉亝涓嶉崠锟?,
         '鐟楄儻妫岄懛顏呬笉閸栵拷',
         '鐎逛礁顦撮崶鐐存閼奉亝涓嶉崠锟?,
         '閺傛壆鏋傜紒鏉戞儱鐏忔棁鍤滃▽璇插隘',
         '妫ｆ瑦鑵愰悧鐟板焼鐞涘本鏂傞崠锟?,
         '濠㈡娊妫悧鐟板焼鐞涘本鏂傞崠锟?,
      ];    
      
        
      return name.replace("閼奉亝涓嶉崠锟?, "").replace("閸ョ偞妫?, "").replace("婢诡喗妫?, "").replace("閻拷", "").replace("鐢拷", "").replace("缂佹潙鎯ョ亸锟?, "").replace("缂佹潙鎯ョ亸鏃€妫?, "");
    },

    //閸掓繂顫愰崠锟
    init() {
     let zoomPercentage = parseInt(store.zoom * 100);
           
      $(".zoom-val").text(`濮ｆ柧绶ラ敍锟?{zoomPercentage}%`);

      this.myChart = echarts.init(document.getElementById("map")); //閸掓繂顫愰崠锟
      this.initGetData();
    },

    //鐠佸墽鐤嗙憴鍡楁禈
    setView(list, type) {
      this.listHandler(list); //婢跺嫮鎮婇弫鐗堝祦闂嗭拷
      let option = this.getMapOption(type);

      // debugger;
      this.myChart.setOption(option);

      this.initEvent();
    },

    //閼惧嘲褰囬弫鐗堝祦
    initGetData() {
      var promise_list = this.getList(); //閸忋劌娴

      Promise.all([promise_list]).then((res) => {
        this.listAllProvData = res[0].content.list;
        this.registerMapData(); //濞夈劌鍞介弫鐗堝祦
        this.getCateList(); //閼惧嘲褰囬幍鈧張澶婂瀻缁拷

        let cate_id = $(".cate-item .active").attr("data-id");
        
        
        let list = [];
        // debugger
         if (cate_id) {
          if(cate_id == 4) {//瀹搞儰绗   111111    
            // list = store.listAllProvData.filter((v) => v.categoryId == cate_id || v.categoryId == 5);
            list = store.listAllProvData.filter((v) => v.zipCode == 111111 || v.zipCode == 222222);
          } else if(cate_id == 5) { //鐎瑰墎鏁   000000
            // list = store.listAllProvData.filter((v) => v.categoryId == cate_id );         
            list = store.listAllProvData.filter((v) => v.zipCode == 000000 || v.zipCode == 222222);
          }
    
        } else {
          list = store.listAllProvData;
        }
        
        
        
        let list2 = store.getListByCate(store.listAllProvData)
            
        console.log('initGetData list', list)
        console.log('initGetData list2', list2)
        // let list = store.listAllProvData.filter((v) => v.categoryId == cate_id);
        
        this.setView(list); //鐠佸墽鐤嗙憴鍡楁禈
      });
    },

    //婢跺嫮鎮婇崷鏉挎禈閻椒鍞ら崥宥囆為崑蹇曅╅梻顕€顣
    handleProvOffset() {
      var features = chinaJsonData.features;
      for (var i = 0, len = features.length; i < len; i++) {
        var curr = features[i].properties;
        var proName = curr.name; //閸氬秶袨

        // debugger
        if (proName == "濞屽啿瀵? || proName == "濞屽啿瀵抽惇锟?) {
        }
        // debugger
        switch (proName) {
          case "濞屽啿瀵?:
            curr.cp[0] = 115.1;
            curr.cp[1] = 38.5;
            break;
          case "闁插秴绨?:
            curr.cp[0] = 108.05;
            curr.cp[1] = 30.5;
            break;
          case "閸栨ぞ鍚?:
             curr.cp[0] = 116.4;
            curr.cp[1] = 40.3;
            break;
          case "婢垛晜瑙?:
             curr.cp[0] = 117.4;
            curr.cp[1] = 39.5;
            break;

          // case '鐏炶精銈?:
          //     curr.cp[0] = 110.95;
          //     curr.cp[1] = 37.95;
          //     break;
        }
      }
    },

    //濞夈劌鍞介崷鏉挎禈閺佺増宓
    registerMapData() {
      // debugger;
      this.handleProvOffset();
      echarts.registerMap("china", chinaJsonData);
    },

    //閼惧嘲褰囬幍鈧張澶婂瀻缁拷
    getCateList() {
      let list = this.listAllProvData;
      // debugger
      let arr_cate = [];
      let arr = list.map((item) => item.categoryId);
      arr = [...new Set(arr)];

      arr.forEach((categoryId) => {
        let category = list.find((item) => item.categoryId == categoryId);
        arr_cate.push(category.category);
      });

      console.log("= 閹碘偓閺堝鍨庣猾锟  arr_cate =", arr_cate);

      this.arr_cate = arr_cate;

      // let htmlFrag = `
      //       <div class="cate-item">
      //       <button class="active" data-id="">閸忋劑鍎滁/button>
      //     </div>
      //       `;

      let htmlFrag = "";
      arr_cate.forEach((v, index) => {
        let clsName = "";
        if (index == 1) {
          clsName = "active";
        }
        htmlFrag += `
                <div class="cate-item">
                    <button class="${clsName}" data-id="${v.id}">${v.name.replace("缂佸繘鏀㈤崯锟?, "")}</button>
                </div>
                `;
      });

      $(".cate-list").html(htmlFrag);
    },

    //閻椒鍞ら弫鐗堝祦婢跺嫮鎮
    listHandler(list) {
      let provObj = {}; //閹碘偓閺堝娓锋禒鑺ユ殶閹诡噣娉﹂崥锟
      let listProvName = []; //閹碘偓閺堝娈戦惇浣峰敜閸氬秶袨
      
      


      list.forEach((v) => {
        let is_duoge = true;//閸氬奔绔存稉顏嗙病闁库偓閸燂拷 閸欘垵鍏橀懠鍐ㄦ纯閸栧懎鎯堟径姘嚋閻椒鍞
        if(is_duoge) {
            let arr_pro_name  = v.keywords.split(',');//楠炲じ绗㈤惇锟?濞存瑦鐫欑敮锟?娑撳﹥鎹ｇ敮锟?濠€锟
            
            if(v.id == 3) {
                // console.log('濞ｅ崬婀烽崑銉ユ疮閻楄鐣╂径鍕倞', v);
                // console.log('濞ｅ崬婀烽崑銉ユ疮閻楄鐣╂径鍕倞 閸欘亝婀侀獮澶哥閺堝浼愭稉锟?, arr_pro_name);
                
                let cate_id = $(".cate-item .active").attr("data-id");// 4 瀹搞儰绗   5 鐎瑰墎鏁 
                if(cate_id == '4') {
                   arr_pro_name = ['楠炲じ绗㈤惇锟?] 
                }
                
                // console.log('濞ｅ崬婀烽崑銉ユ疮閻楄鐣╂径鍕倞', arr_pro_name);
            }
            
            arr_pro_name.forEach(pro_name => {
                if(pro_name.includes('閻拷') && pro_name.includes('鐢拷')) {
                     let provinceName = this.getFormatProvName(v.provinceName); //閻椒鍞
                     
                     if(provinceName == '楠炲じ绗?) {
                        // debugger
                     }
                     listProvName.push(provinceName);
                    if (!provObj[provinceName]) {
                      provObj[provinceName] = [];
                    }
                    provObj[provinceName].push(v);
                }  else  {
                     let provinceName = this.getFormatProvName(pro_name); //閻椒鍞
                     listProvName.push(provinceName);
                    if (!provObj[provinceName]) {
                      provObj[provinceName] = [];
                    }
                    provObj[provinceName].push(v);
                }
                 
            })
        } else {
            let provinceName = this.getFormatProvName(v.provinceName); //閻椒鍞
            listProvName.push(provinceName);
            if (!provObj[provinceName]) {
              provObj[provinceName] = [];
            }
            provObj[provinceName].push(v);
        }
      });




      listProvName = [...new Set(listProvName)];

      console.log("閹碘偓閺堝娈戦惇浣峰敜閸氬秶袨 listProvName", listProvName);
      console.log("閹碘偓閺堝娈戦惇浣峰敜閺佺増宓侀梿鍡楁値 provObj", provObj);

      this.listProvName = listProvName;
      this.provObj = provObj;

      //濞撳弶鐓嬮崚妤勩€
      console.log("鐟曚焦瑕嗛弻鎾舵畱缂佸繘鏀㈤崯鍡楀灙鐞涳拷 list", list);
      console.log("鐟曚焦瑕嗛弻鎾舵畱缂佸繘鏀㈤崯鍡楀灙鐞涳拷 listProvName", listProvName);
      console.log("鐟曚焦瑕嗛弻鎾舵畱缂佸繘鏀㈤崯鍡楀灙鐞涳拷 provObj", provObj);

      let htmlFrag = "";
      if ($(".jingxiaoshang-item").length) {
        return;
      }
    //   if (this.listAllProvData.length) {
    //     this.listAllProvData.forEach((item) => {
    //       let imgSrc = `http://1907195243.pool3-site.make.yun300.cn/` + item.logoUrl;
    //       let summary = item.summary;
    //       let arr = summary.split('\n');
    //       let text_1 = arr[0];
    //       let text_2 = arr[1] || '';

    //       htmlFrag += `
    //       <div class="jingxiaoshang-item" data-id="${item.id}"  data-url="${item.website}">
    //         <div class="img-box">
    //           <img src="${imgSrc}" alt="" />
    //         </div>
    //         <div class="info-box">
    //           <div class="jingxiaoshang-title">${item.name}</div>
    //           <div class="jingxiaoshang-desc">
    //             <div>${text_1}</div>
    //             <div>${text_2}</div>
    //           </div>
    //         </div>
    //     </div>  
    //       `;
    //     });
    //   }
    //   $(".jingxiaoshang-list").html(htmlFrag);
      
      
      
        if (this.listAllProvData.length) {
        this.listAllProvData.forEach((item) => {
          let imgSrc = `http://1907195243.pool3-site.make.yun300.cn/` + item.logoUrl;
          let summary = item.summary;
          let arr = summary.split('\n');
          let text_1 = arr[0];
          let text_2 = arr[1] || '';
          let url = item.website ||'';
          let title = item.name || ''

          htmlFrag += `
          <div class="company-item" data-id="${item.id}"  data-url="${url}">
            <div class="company-img-box">
              <img src="${imgSrc}" alt="" />
            </div>
            <div class="company-info-box">
              <div class="company-title">${title}</div>
            </div>
        </div>  
          `;
        });
      }
      $(".jingxiaoshang-list").html(htmlFrag);
      
      
  
         
         
         
         
         
    },
    
    
    
    renderOriginHtml() {
        var list_origin = [];
        var  htmlFrag = '';
        $('#c_portalResProduct_list-16023169217564178 .proBox .proLi').each(function(i, ele) {
            var link = $(this).find('a').attr('href');
            var img = $(this).find('img').attr('src');
            var title = $(this).find('.name').text();
            
                
            console.log('閹碘偓閺堝娈?,i,link,img,title )
            list_origin.push({
                link,
                img,
                title
            })
        })
        
       if (list_origin.length) {
        list_origin.forEach((item) => {
         let {
            link,
            img,
            title
         } = item;

          htmlFrag += `
          <div class="company-item" data-id="${item.id}"  data-url="${item.link}">
            <div class="company-img-box">
              <img src="${img}" alt="" />
            </div>
            <div class="company-info-box">
              <div class="company-title">${title}</div>
            </div>
        </div>  
          `;
        });
      }
    //   $(".jingxiaoshang-list").html(htmlFrag);
      
      
      $('#c_portalResProduct_list-16023169217564178 .proBox').html(htmlFrag).addClass('shown');
    },
    
    

    initEvent() {
      if (this.loadEvent) {
        return;
      }

      console.log("閸旂姾娴囬崷鏉挎禈娴滃娆?);

      store.myChart.on("georoam", function (params) {
        console.log("濠婃俺鐤嗙紓鈺傛杹 mousemove", params);

        if (store.myChart && store.myChart.getOption()) {
          let zoom = store.myChart.getOption().geo[0].zoom;
          console.log("缂傗晜鏂佸В鏂剧伐 zoom ", zoom);

          store.setZoomText(zoom);

          zoomMapByScale();
        }

        //閼惧嘲褰囪ぐ鎾冲閻愮懓顕惔鏃傛畱閻椒鍞
        //婵″倹鐏夎ぐ鎾冲閻椒鍞ゅ▽鈩冩箒妤傛ü瀵掗崚娆撶彯娴滐拷
        //閸欐牗绉烽崗鏈电铂閻椒鍞ゆ妯瑰瘨閻樿埖鈧拷
        let { componentType, data, name } = params;
      });

      this.loadEvent = true;

      //缂佸繘鏀㈤崯鍡涖€嶉惄顔惧仯閸戣绨ㄦ禒锟
      $(".jingxiaoshang-wrap").on("click", ".company-item", function () {
         console.log('鐠哄疇娴嗛柧鐐复')
        var url = $(this).attr("data-url");
        if (url) {
          window.open(url, "_blank");
        }
      });
      
      
       $(".proBox").on("click", ".company-item", function () {
        console.log('鐠哄疇娴嗛柧鐐复')
        var url = $(this).attr("data-url");
        if (url) {
          window.open(url, "_blank");
        }
      });
      
      
      //缂佸繘鏀㈤崯鍡涖€嶉惄顔惧仯閸戣绨ㄦ禒锟
      $(".jingxiaoshang-wrap").on("click", ".jxs-item", function () {
        var url = $(this).attr("data-url");
        if (url) {
        //   window.open(url, "_blank");
        }
      });
    },
  };

  store.init();
  
  store.renderOriginHtml();
  
  window.store = store;
});