"use strict";(self["webpackChunkvue_cli_ts"]=self["webpackChunkvue_cli_ts"]||[]).push([[663],{8663:function(e,n,a){a.r(n),a.d(n,{default:function(){return z}});var l=a(3396),i=a(7139),o=a(4870),t=a(600),c=a(9351),u=a(2831),s=(a(7658),a(2483)),r=a(1020),d=a(7110),m=a(426),p=a(3513);const g=()=>{const e=(0,s.tv)(),n=(0,d.Y)(),{buildingList:a}=(0,r.Jk)(n);function l({name:l,nameEn:i,point:o,conver_code:t}){if(o?.length){const[c,u,s]=(0,p.tS)(o),r=a.value.find((e=>e.buildingOrder===c)),d=new m.Z({shopName:l,shopNameEn:i,floor:r?.floorList?.find((e=>e.floorOrder===u))?.floor??"",floorOrder:u,logoUrl:t[0]??"",yaxis:s,buildingOrder:c,building:r?.building});n.SET_SHOP(d),e.push("/nav")}}return{nav:l}},_={class:"control-container"},w={key:0,class:"label-group"},v=["onClick"],f=["src"],k={class:"map-group"},h=["onClick"],M=["src"],y=["data-index","onClick"],S={class:"out-detail-list"},b=["data-detailindex","onClick"],E={alt:""},C={class:"txt-wrapper"},L=["src"],x=["src","onClick"],D={key:3,class:"arround-group animate__animated animate__fadeInRight"},H=["onClick"],Q={key:4,class:"road-state animate__animated animate__fadeInRight"},O={class:"type"};var P=(0,l.aZ)({__name:"controlUI",emits:["clickLabel","clickMap","clickOutPoint"],setup(e,{expose:n,emit:s}){const m=(0,d.Y)(),{device:p,isH:P}=(0,r.Jk)(m),{nav:T}=g(),I=(0,o.iH)(-1),z=(0,o.iH)([{icon:a(5918),name:"促销活动",nameEn:"Promotion",keyWord:"promotion",fun:()=>{window.Map_QM.changeStateShopPro("promotion")}},{icon:a(1351),name:"新店开业",nameEn:"New Store",keyWord:"newShop",fun:()=>{window.Map_QM.changeStateShopPro("newShop")}},{icon:a(4052),name:"首店",nameEn:"First Store",keyWord:"firstStore",fun:()=>{window.Map_QM.changeStateShopPro("firstStore")}}]);function q(e,n){I.value=n,e.fun(),s("clickLabel",e)}function B(){I.value=-1,window.Map_QM.changeStateShopPro("")}const Y=(0,o.iH)(1),K=(0,o.iH)([{icon:a(8278),name:"商场楼层",nameEn:"MALL FLOOR",fun:()=>{window.Map_QM.toMall()}},{icon:a(1869),name:"沙盘模型",nameEn:"BUILDING MODEL",fun:()=>{window.Map_QM.toOutModel()}},{icon:a(1691),name:"街区模型",nameEn:"BLOCK MODEL",fun:()=>{window.Map_QM.toPeriphery()}}]);function N(e,n){Y.value=n,e.fun(),(0,u.m)(),s("clickMap",e),$(G.value[0],0)}const R=(0,o.iH)(0),U=(0,l.Fl)((()=>[{name:"全部",nameEn:"ALL",fun:()=>{window.Map_QM.selectTipByName("")}},...Z.value])),Z=(0,o.iH)([]),j=(0,o.iH)(),A=(0,o.iH)();function F(e,n){R.value=n,e.fun();const a=j.value?._BScrollRef?.content.querySelector('li[data-detailindex="'+n+'"]');j.value&&a&&j.value.scrollToElement(a,300);const l=document.querySelector('li[data-index="'+n+'"]');A.value&&l&&A.value.scrollToElement(l,300),s("clickOutPoint",e)}function J(e){e.point&&T(e)}(0,c.wA)().then((e=>{200===e.code&&(Z.value=e.data.map((e=>({...e.content,fun:()=>{window.Map_QM.selectTipByName(e.content.name)}}))))})).catch((e=>{console.log("err :>> ",e)}));const W=(0,o.iH)(0),G=(0,o.iH)([{name:"睦邻地标",nameEn:"Good Neighbor Landmarks",fun:()=>{window.Map_QM.changePerTag("mark")}},{name:"交通站点",nameEn:"Transportation Stations",fun:()=>{window.Map_QM.changePerTag("traffic")}},{name:"便民设施",nameEn:"Amenities",fun:()=>{window.Map_QM.changePerTag("facility")}},{name:"周边路况",nameEn:"Surrounding road conditions",fun:()=>{window.Map_QM.showRoadState(X.value)}}]),V=[{name:"畅通",nameEn:"Clear",color:"#65db6c"},{name:"缓行",nameEn:"Slow",color:"#ffd952"},{name:"拥堵",nameEn:"Jam",color:"#FB964C"},{name:"非常拥堵",nameEn:"Congested",color:"#E55B52"}],X=(0,o.iH)([]);async function $(e,n){W.value=n,3===n&&await(0,c.SH)(p.value.projectCode).then((e=>{200===e.code&&(X.value=e.data)})).catch((e=>{console.log("err :>> ",e)})),await e.fun(),s("clickMap",e)}function ee(e){(0,u.m)(),"mall"===e.data?(Y.value=0,s("clickMap",K.value[0])):"out"===e.data?(Y.value=1,s("clickMap",K.value[1])):"periphery"===e.data&&(Y.value=2,s("clickMap",K.value[2]))}function ne(e){if(e.data){const n=e.data,a=U.value.findIndex((e=>e.name===n));a&&F(U.value[a],a)}}return(0,l.bv)((()=>{window.Map_QM.addEventListener("mapShowChange",ee),window.Map_QM.addEventListener("clickTip",ne)})),(0,l.Jd)((()=>{window.Map_QM.removeEventListener("mapShowChange",ee),window.Map_QM.removeEventListener("clickTip",ne)})),n({resetLabelBtn:B,currentMapIdx:Y}),(e,n)=>{const c=(0,l.Q2)("lazy");return(0,l.wg)(),(0,l.iD)("div",_,[0===Y.value?((0,l.wg)(),(0,l.iD)("ul",w,[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(z.value,((n,a)=>((0,l.wg)(),(0,l.iD)("li",{key:a,class:(0,i.C_)(["label-btn",{active:a===I.value}]),onClick:e=>q(n,a)},[(0,l._)("img",{src:n.icon,alt:""},null,8,f),(0,l._)("h4",null,(0,i.zw)(e.switchLanguage(n,"name")),1)],10,v)))),128))])):(0,l.kq)("",!0),(0,l._)("ul",k,[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(K.value,((e,n)=>((0,l.wg)(),(0,l.iD)("li",{key:n,class:(0,i.C_)(["map-btn",{active:n===Y.value}]),onClick:a=>N(e,n)},[(0,l._)("img",{src:e.icon,alt:""},null,8,M),(0,l._)("div",null,[(0,l._)("h4",null,(0,i.zw)(e.name),1),(0,l._)("h4",null,(0,i.zw)(e.nameEn),1)])],10,h)))),128))]),1===Y.value?((0,l.wg)(),(0,l.j4)(t.Z,{key:1,ref_key:"outScroll",ref:A,class:"out-point-scroll animate__animated animate__fadeInRight","pull-up":!1,list:(0,o.SU)(U),scrollbar:!1,"scroll-x":!(0,o.SU)(P),"refresh-delay":500},{default:(0,l.w5)((()=>[(0,l._)("ul",null,[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)((0,o.SU)(U),((n,a)=>((0,l.wg)(),(0,l.iD)("li",{key:a,class:(0,i.C_)(["out-item",{active:a===R.value}]),"data-index":a,onClick:e=>F(n,a)},[(0,l._)("h4",null,(0,i.zw)(e.switchLanguage(n,"name")),1)],10,y)))),128))])])),_:1},8,["list","scroll-x"])):(0,l.kq)("",!0),1===Y.value?((0,l.wg)(),(0,l.j4)(t.Z,{key:2,ref_key:"outDetailScroll",ref:j,class:"out-detail-scroll animate__animated animate__fadeInRight","pull-up":!1,list:Z.value,scrollbar:!0,"refresh-delay":200},{default:(0,l.w5)((()=>[(0,l._)("ul",S,[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(Z.value,((n,o)=>((0,l.wg)(),(0,l.iD)("li",{key:o,"data-detailindex":o+1,class:(0,i.C_)(["detail-item",{active:o===R.value-1}]),onClick:e=>F(n,o+1)},[(0,l.wy)((0,l._)("img",E,null,512),[[c,n.conver_code[0]]]),(0,l._)("ul",C,[(0,l._)("li",null,(0,i.zw)(e.switchLanguage(n,"name")),1),(0,l._)("li",null,[(0,l._)("span",null,(0,i.zw)(e.switchLanguage(n,"address")),1),(0,l._)("img",{src:o===R.value-1?a(8459):a(645),alt:""},null,8,L)]),n.point?((0,l.wg)(),(0,l.iD)("img",{key:0,class:"detail-go",src:o===R.value-1?a(3743):a(7021),alt:"",onClick:e=>J(n)},null,8,x)):(0,l.kq)("",!0)])],10,b)))),128))])])),_:1},8,["list"])):(0,l.kq)("",!0),2===Y.value?((0,l.wg)(),(0,l.iD)("ul",D,[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(G.value,((n,a)=>((0,l.wg)(),(0,l.iD)("li",{key:a,class:(0,i.C_)(["arrount-item",{active:W.value===a}]),onClick:e=>$(n,a)},[(0,l._)("h4",null,(0,i.zw)(e.switchLanguage(n,"name")),1)],10,H)))),128))])):(0,l.kq)("",!0),2===Y.value&&3===W.value?((0,l.wg)(),(0,l.iD)("ul",Q,[((0,l.wg)(),(0,l.iD)(l.HY,null,(0,l.Ko)(V,(n=>(0,l._)("li",{key:n.name,class:"state-item"},[(0,l._)("i",{class:"color",style:(0,i.j5)("background:"+n.color)},null,4),(0,l._)("span",O,(0,i.zw)(e.switchLanguage(n,"name")),1)]))),64))])):(0,l.kq)("",!0)])}}}),T=a(89);const I=(0,T.Z)(P,[["__scopeId","data-v-6d64c902"]]);var z=I},4052:function(e,n,a){e.exports=a.p+"img/btn_first.db1a4c39.svg"},1351:function(e,n,a){e.exports=a.p+"img/btn_new.97007f17.svg"},5918:function(e,n,a){e.exports=a.p+"img/btn_pro.fe0d2f25.svg"},7021:function(e,n,a){e.exports=a.p+"img/go_normal.8da668c1.svg"},3743:function(e,n,a){e.exports=a.p+"img/go_sel.91781e0f.svg"},1691:function(e,n,a){e.exports=a.p+"img/map_block.c081eef6.svg"},1869:function(e,n,a){e.exports=a.p+"img/map_build.338ceab7.svg"},8278:function(e,n,a){e.exports=a.p+"img/map_guide.499afb38.svg"},645:function(e,n,a){e.exports=a.p+"img/out_position.aeb6cea7.svg"},8459:function(e,n,a){e.exports=a.p+"img/out_position_sel.5eafc77e.svg"}}]);
//# sourceMappingURL=663.690dea09.js.map