$(function () {
window.is_pc = document.documentElement.clientWidth > 768;
if(!is_pc) {
$(".zoom-val").text(`濮f柧绶ラ敍锟?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(`濮f柧绶ラ敍锟?{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('鐠佸墽鐤嗙紓鈺傛杹濮f柧绶?)
let zoomPercentage = parseInt(zoom * 100);
$(".zoom-val").text(`濮f柧绶ラ敍锟?{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", //閸ユ儳鑸版0婊嗗
},
label: {
show: true,
color: "#F00", //閺堝鏆熼幑顔炬畱閻椒鍞ら崥宥囆炴0婊嗗
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;
},
//鐠佸墽鐤嗙亸蹇曞閻愯鐖e▔锟
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,
//閸ф劖鐖i敍宀勨偓姘崇箖閻ф儳瀹抽崷鏉挎禈閹绘劕褰
],
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) {//濞e崬婀烽崑銉ユ疮
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, // 姒х姵鐖i弰顖氭儊閸欘垵绻橀崗銉﹀絹缁€鐑橆攱濞搭喖鐪版稉顓ㄧ礉姒涙顓绘稉绡篴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('鏉╁洦鎶ら崥搴f畱閸掓銆?, 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 += `
`;
});
html_jingxiaoshang = `
缂佸繘鏀㈤崯锟
${jingxiaoshang_str}
`;
}
//閸栧搫鐓欓崥鍫滅稊閸燂拷
if(list_quyu.length) {
let quyu_str = "";
list_quyu.forEach((item) => {
quyu_str += `
${item.name}
閻絻鐦介敍锟?{item.wechat}
`;
});
html_quyu = `
閸栧搫鐓欓崥鍫滅稊閸燂拷
${quyu_str}
`;
}
$('.tool-cls').removeClass('hide-tool');
} else {
$('.tool-cls').addClass('hide-tool');
}
let htmlFrag = `
${html_jingxiaoshang}
${html_quyu}
`;
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.
// 閻楃懓鐣鹃崠鍝勭厵鐎涙ぞ缍嬫0婊嗗
// 妤傛ü瀵 閻楃懓鐣鹃崠鍝勭厵閼冲本娅
// 妤傛ü瀵 閻楃懓鐣鹃崠鍝勭厵鐎涙ぞ缍嬫0婊嗗
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", //姒涙顓 閻椒鍞ら崥宥囆炴0婊嗗
},
regions: regions, //閻楃懓鐣鹃崠鍝勭厵闁板秶鐤嗛弽宄扮础 濮f柨顩ф妯瑰瘨
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 = [
'濞屽啿瀵抽惇锟?,
'鐏炶精銈块惇锟?,
'鏉堣棄鐣為惇锟?,
'閸氬鐏勯惇锟?,
'姒涙垿绶冲Ч鐔烘阜',
'濮圭喕瀚冮惇锟?,
'濞存瑦鐫欓惇锟?,
'鐎瑰绐橀惇锟?,
'缁傚繐缂撻惇锟?,
'濮圭喕銈块惇锟?,
'鐏炲彉绗㈤惇锟?,
'濞屽啿宕¢惇锟?,
'濠€鏍у閻拷',
'濠€鏍у础閻拷',
'楠炲じ绗㈤惇锟?,
'濞村嘲宕¢惇锟?,
'閸ユ稑绐涢惇锟?,
'鐠愰潧绐為惇锟?,
'娴滄垵宕¢惇锟?,
'闂勬洝銈块惇锟?,
'閻㈡鍊戦惇锟?,
'闂堟帗鎹i惇锟?,
'閸欑増鍜曢惇锟?,
'閸栨ぞ鍚敮锟?,
'婢垛晜瑙︾敮锟?,
'娑撳﹥鎹g敮锟?,
'闁插秴绨$敮锟?,
'閸愬懓鎸嬮崣銈堝殰濞岃灏?,
'楠炶儻銈挎竟顔芥閼奉亝涓嶉崠锟?,
'鐟楄儻妫岄懛顏呬笉閸栵拷',
'鐎逛礁顦撮崶鐐存閼奉亝涓嶉崠锟?,
'閺傛壆鏋傜紒鏉戞儱鐏忔棁鍤滃▽璇插隘',
'妫f瑦鑵愰悧鐟板焼鐞涘本鏂傞崠锟?,
'濠㈡娊妫悧鐟板焼鐞涘本鏂傞崠锟?,
];
return name.replace("閼奉亝涓嶉崠锟?, "").replace("閸ョ偞妫?, "").replace("婢诡喗妫?, "").replace("閻拷", "").replace("鐢拷", "").replace("缂佹潙鎯ョ亸锟?, "").replace("缂佹潙鎯ョ亸鏃€妫?, "");
},
//閸掓繂顫愰崠锟
init() {
let zoomPercentage = parseInt(store.zoom * 100);
$(".zoom-val").text(`濮f柧绶ラ敍锟?{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 = `
//
//
// `;
let htmlFrag = "";
arr_cate.forEach((v, index) => {
let clsName = "";
if (index == 1) {
clsName = "active";
}
htmlFrag += `
`;
});
$(".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(',');//楠炲じ绗㈤惇锟?濞存瑦鐫欑敮锟?娑撳﹥鎹g敮锟?濠€锟
if(v.id == 3) {
// console.log('濞e崬婀烽崑銉ユ疮閻楄鐣╂径鍕倞', v);
// console.log('濞e崬婀烽崑銉ユ疮閻楄鐣╂径鍕倞 閸欘亝婀侀獮澶哥閺堝浼愭稉锟?, arr_pro_name);
let cate_id = $(".cate-item .active").attr("data-id");// 4 瀹搞儰绗 5 鐎瑰墎鏁
if(cate_id == '4') {
arr_pro_name = ['楠炲じ绗㈤惇锟?]
}
// console.log('濞e崬婀烽崑銉ユ疮閻楄鐣╂径鍕倞', 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 += `
//
//
//
//
//
//
${item.name}
//
//
${text_1}
//
${text_2}
//
//
//
// `;
// });
// }
// $(".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 += `
`;
});
}
$(".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 += `
`;
});
}
// $(".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;
});