https://www.kg-mobility.com/assets/KGM_FO_SR_1.2.1-ExTuWqFg.js

1import{C as e}from"./CompDefaultTitle-CiikhizB.js";import{C as t}from"./CompMap-Bw6wuaAC.js";import{r as s,a as l,c as a,e as o,f as n,q as c,y as i,_ as u,b as p,F as r,h as m,x as d,t as b,w as v,g as _,p as y,j as k,o as h,H as g,Y as f,i as x,D as C,I as w,bd as S}from"./index-DoQt3p0A.js";import{C as j}from"./CompPagenation-CIaGdyEL.js";import{C as V}from"./CompInfoMessage-Ca-wBhqz.js";import{_ as B}from"./KGM_FO_SR_1.2.1.10_p-Csl5hYi8.js";/* empty css                                                                         */import"./icon-map-BFYV0t8O.js";/* empty css                                                                       *//* empty css                                                                        */const D={class:"network__search-wrap"},I={__name:"CompNetworkSearch",setup(e){const{CompFieldInput:t}=i(),u=s("");return(e,s)=>(l(),a("div",D,[o(n(t),{modelValue:n(u),"onUpdate:modelValue":s[0]||(s[0]=e=>c(u)?u.value=e:null),type:"text",label:"",labelHide:!0,max:50,"has-btn":{designType:"only-icon",class:"search",text:"검색",disabled:!1,value:1},placeholder:"서비스센터 또는 주소 검색"},null,8,["modelValue"])]))}},O=e=>(y("data-v-67c4142e"),e=e(),k(),e),P={class:"search-list-wrap"},R={class:"list"},M={class:"text"},T={class:"label"},F={class:"store"},L={class:"address"},N={class:"tel"},U={class:"service"},q={class:"text"},z={class:"km"},A=O((()=>p("button",{type:"button",class:"btn-more"},[p("span",{class:"text"}," 길찾기 ")],-1))),G=O((()=>p("br",null,null,-1))),H=O((()=>p("br",null,null,-1))),K=O((()=>p("br",null,null,-1))),Y=O((()=>p("button",{type:"button",class:"notify-img__btn-item icon-arrow-right"},[p("span",{class:"text"},"로그인하기")],-1))),E=u({__name:"CompNetworkList",props:{items:{type:Array,default:null}},setup(e,{emit:t}){const s=e,n=t,c=()=>{n("button-click")};return(e,t)=>(l(),a("div",P,[p("ul",R,[(l(!0),a(r,null,m(s.items,((e,t)=>(l(),a("li",{key:t},[p("button",{type:"button",class:d(["item",{"type-a":"서비스센터"===e.label,"type-b":"서비스 프라자"===e.label}]),onClick:c},[p("div",M,[p("span",T,b(e.label),1),p("strong",F,b(e.store),1),p("span",L,b(e.address),1),p("span",N,b(e.tel),1),p("span",U,b(e.service),1)]),p("div",q,[p("span",z,b(e.distance)+"km",1)])],2),A])))),128))]),o(j,{totalDataCnt:25,rowsPerPage:5}),o(V,{"has-icon":"/images/cm/icons/48/icon-center-gray.svg",class:"empty"},{default:v((()=>[_(" 안산에 대한 검색 결과가 없습니다. ")])),_:1}),o(V,{"has-icon":"/images/cm/icons/48/icon-center-gray.svg",class:"empty"},{default:v((()=>[_(" 현재 위치 기준 50km 반경 이내"),G,_(" 가까운 서비스 네트워크가 없습니다. ")])),_:1}),o(V,{"has-icon":"/images/cm/icons/48/icon-location-light.svg",class:"empty"},{default:v((()=>[_(" 위치 정보를 사용할 수 없습니다."),H,_(" 위치 정보 사용 권한 허용 후 다시 시도해 주세요. ")])),_:1}),o(V,{"has-icon":"/images/cm/icons/48/icon-inspection-gray.svg",class:"empty"},{default:v((()=>[_(" 최근에 이용한 서비스 네트워크가 없습니다. ")])),_:1}),o(V,{"has-icon":"/images/cm/icons/48/icon-assurance-gray.svg",class:"empty"},{"notify-btn":v((()=>[Y])),default:v((()=>[_(" 로그인이 필요한 서비스입니다."),K,_(" 로그인 후 최근 이용한 서비스 네트워크를 확인해 주세요. ")])),_:1})]))}},[["__scopeId","data-v-67c4142e"]]),J={class:"filter-wrap"},Q={class:"item"},W=["checked"],X=p("span",{class:"label"},"가까운 서비스 네트워크",-1),Z={class:"item"},$=["checked"],ee=p("span",{class:"label"},"최근 이용 네트워크",-1),te={key:0,class:"result-text"},se={key:1,class:"result-text"},le={key:2,class:"result-text"},ae={key:1,class:"network-result"},oe={class:"filter-wrap"},ne={class:"item"},ce=["checked"],ie=p("span",{class:"label"},"가까운 서비스 네트워크",-1),ue={class:"item"},pe=["checked"],re=p("span",{class:"label"},"최근 이용 네트워크",-1),me=p("div",{class:"info-box gray-box"}," 위치 정보를 사용할 수 없습니다. 위치 정보 사용 권한 허용 후 다시 시도해 주세요. ",-1),de={key:0,class:"result-text"},be={key:1,class:"result-text"},ve={key:2,class:"result-text"}

1,_e={__name:"CompNetworkResult",props:{items:{type:Array,default:null},selectItems:{type:Object,default:()=>({})},model:{type:Boolean,default:!1}},emits:["ref-provided","onSetBottomSheetStatus","onSelectStatus"],setup(e,{emit:t}){const i=e,u=s(null),m=s(window.isDesktop()),d=s(null);s([]);const y=s(!1),k=s(i.model),C=s(""),w=t,S=e=>{d.value=e,w("onSetBottomSheetStatus",e)},j=()=>{m.value||(k.value=!0)},V=()=>{m.value||(S("bottom"),u.value.bottomSheetControlls("bottom"),k.value=!1),y.value=!0},D=e=>C.value===e,I=e=>{"bottom"===d.value&&(S("middle"),u.value.bottomSheetControlls("middle")),e.target.value===C.value?C.value="":C.value=e.target.value};return h((()=>{w("ref-provided",u.value)})),(e,t)=>(l(),a(r,null,[n(m)?x("",!0):(l(),g(f,{key:0,ref_key:"popupListRef",ref:u,modelValue:n(k),"onUpdate:modelValue":t[0]||(t[0]=e=>c(k)?k.value=e:null),class:"no-dim network-result",expand:[50,380],"no-hide":"","has-mobile-title":"",type:"bottom-sheet",onOnSetBottomSheetStatus:S},{default:v((()=>[p("div",J,[p("label",Q,[p("input",{type:"checkbox",name:"radio",value:"가까운 서비스 네트워크",checked:D("가까운 서비스 네트워크"),onChange:I},null,40,W),X]),p("label",Z,[p("input",{type:"checkbox",name:"radio",value:"최근 이용 네트워크",checked:D("최근 이용 네트워크"),onChange:I},null,40,$),ee])]),"가까운 서비스 네트워크"===n(C)?(l(),a("p",te,[_(" 현 지도 기준 반경 50km 이내 "),p("span",null,b(i.items.length)+" 개",1),_(" 검색 ")])):"최근 이용 네트워크"===n(C)?(l(),a("p",se,[_(" 현 지도 기준 반경 50km 이내 "),p("span",null,b(i.items.length)+" 개",1),_(" 검색 ")])):(l(),a("p",le,[_(" 현 지도 기준 반경 50km 이내 "),p("span",null,b(i.items.length)+" 개",1),_(" 검색 ")])),o(E,{items:i.items,onButtonClick:V},null,8,["items"])])),_:1},8,["modelValue"])),n(m)?(l(),a("div",ae,[p("div",oe,[p("label",ne,[p("input",{type:"checkbox",name:"radio",value:"가까운 서비스 네트워크",checked:D("가까운 서비스 네트워크"),onChange:I},null,40,ce),ie]),p("label",ue,[p("input",{type:"checkbox",name:"radio",value:"최근 이용 네트워크",checked:D("최근 이용 네트워크"),onChange:I},null,40,pe),re])]),me,"가까운 서비스 네트워크"===n(C)?(l(),a("p",de,[_(" 현 지도 기준 반경 50km 이내 "),p("span",null,b(i.items.length)+" 개",1),_(" 검색 ")])):"최근 이용 네트워크"===n(C)?(l(),a("p",be,[_(" 현 지도 기준 반경 50km 이내 "),p("span",null,b(i.items.length)+" 개",1),_(" 검색 ")])):(l(),a("p",ve,[_(" 현 지도 기준 반경 50km 이내 "),p("span",null,b(i.items.length)+" 개",1),_(" 검색 ")])),o(E,{items:i.items,onButtonClick:V},null,8,["items"])])):x("",!0),o(B,{modelValue:n(y),"onUpdate:modelValue":t[1]||(t[1]=e=>c(y)?y.value=e:null),onOnClosePopup:j},null,8,["modelValue"])],64))}},ye={class:"service-network__container"},ke={key:0,class:"network__map-wrap"},he=p("button",{type:"button",class:"btn-map-search"},[p("span",{class:"text"},"현 지도에서 검색")],-1),ge={class:"network__map"},fe=w('<button type="button" class="btn-map-loaction"><span class="blind">현재 위치</span></button><button type="button" class="btn-map-zoomin"><span class="blind">확대</span></button><button type="button" class="btn-map-zoomout"><span class="blind">축소</span></button>',3),xe={class:"network__pin-wrap"},Ce={class:"pin"},we=p("p",{class:"network-tooltip-text"},[p("strong",null,"서비스센터란?"),_(" 보증수리, 일반수리, 사고수리(판금/도색), 부품판매 등을 포함한 모든 수리 및 일반 정비가 가능한 정비사업소입니다. ")],-1),Se={class:"pin"},je=p("p",{class:"network-tooltip-text"},[p("strong",null,"서비스 프라자란?"),_(" 판금/도색, 엔진/미션 작업 등을 제외한 신속한 보증수리 및 일반 정비가 가능한 정비사업소입니다. ")],-1),Ve={key:0,class:"network__map-wrap"},Be=p("button",{type:"button",class:"btn-map-search"},[p("span",{class:"text"},"현 지도에서 검색")],-1),De=p("button",{type:"button",class:"btn-map-loaction"},[p("span",{class:"blind"},"현재 위치")],-1),Ie={class:"network__map"},Oe=[p("span",{class:"text"},"목록보기",-1)],Pe=[p("span",{class:"text"},"지도보기",-1)],Re={__name:"KGM_FO_SR_1.2.1",setup(c){const{CompTooltip:i}=S(),u=s(window.isDesktop()),r=s(null),m=s(!0),b=s(null),y=s(null),k=C([{label:"서비스 프라자",store:"판매지점명 입력",address:"지점 상세주소 입력 부분입니다.",tel:"000-000-0000",distance:"999.9",service:"보증수리,  일반수리,  사고수리,  부품판매"},{label:"서비스센터",store:"판매지점명 입력",address:"지점 상세주소 입력 부분입니다.",tel:"000-000-0000",distance:"999.9",service:"보증수리,  일반수리"},{label:"서비스센터",store:"판매지점명 입력",address:"지점 상세주소 입력 부분입니다.",tel:"000-000-0000",distance:"999.9",service:"보증수리,  일반수리,  사고수리,  부품판매"},{label:"서비스 프라자",store:"판매지점명 입력",address:"지점 상세주소 입력 부분입니다.",tel:"000-000-0000",distance:"999.9",service:"보증수리,  일반수리"},{label:"서비스센터",store:"판매지점명 입력",address:"지점 상세주소 입력 부분입니다.",tel:"000-000-0000",distance:"999.9",service:"보증수리,  일반수리"},{label:"서비스 프라자",store:"판매지점명 입력",address:"지점 상세주소 입력 부분입니다.",tel:"000-000-0000",distance:"999.9",service:"보증수리,  일반수리"},{label:"서비스센터",store:"판매지점명 입력",address:"지점 상세주소 입력 부분입니다.",tel:"000-000-0000",distance:"999.9",service:"보증수리,  일반수리"}]),g=e=>{b.value=e},f=e=>{y.value=e},w=()=>{var e;m&&(null==(e=b.value)?void 0:e.bottomSheetControlls)&&b.value.bottomSheetControlls("top")},j=()=>{var e;m&&(null==(e=b.value)?void 0:e.bottomSheetControlls)&&b.value.bottomSheetControlls("bottom")},V=()=>{"middle"===y.value&&j()};return h((()=>{u.value&&r.value&&setTimeout((()=>{r.value.classList.add("show")}),100)})),(s,c)=>(l(),a("div",null,[o(e,{title:"서비스 네트워크 조회·예약"}),p("div",ye,[n(u)?(l(),a("div",ke,[he,p("div",ge,[o(t)]),fe])):x("",!0),p("div",{ref_key:"contRef",ref:r,class:d({"desktop-cont":n(u),"mobile-cont":!n(u)})},[o(I),p("div",xe,[p("div",Ce,[o(n(i),null,{"btn-title":v((()=>[_("서비스 센터")])),default:v((()=>[we])),_:1})]),p("div",Se,[o(n(i),null,{"btn-title":v((()=>[_("서비스 프라자")])),default:v((()=>[je])),_:1})])]),n(u)?x("",!0):(l(),a("div",Ve,[Be,De,p("div",Ie,[o(t,{onClick:V})])])),n(u)?x("",!0):(l(),a("button",{key:1,type:"button",class:d(["btn-list-popup",{show:n(m)&&"bottom"===n(y)}]),onClick:w},Oe,2)),n(u)?x("",!0):(l(),a("button",{key:2,type:"button",class:d(["btn-list-popup-close",{show:n(m)&&"top"===n(y)}]),onClick:j},Pe,2)),o(_e,{items:n(k),model:n(m),onRefProvided:g,onOnSetBottomSheetStatus:f},null,8,["items","model"])],2)])]))}};export{Re as default};