https://s1.100.com.tw/_nuxt/index.B40UgByT.v1.js

1import{_ as R}from"./nuxt-link.y1sm_EhQ.v1.js";import{bc as S,br as w,bs as C,bx as L,bf as d,bg as l,bh as i,bm as A,bS as P,bT as N,bH as U,be as B,bd as q,bp as Q,bz as V,bi as v,bn as re,bo as K,bk as Y,bq as G,bM as de,bj as h,bt as ue,bu as ce,cT as fe}from"./entry.BssPHuU_.v1.js";import{S as me}from"./ScaleLoader.CzphQZc2.v1.js";import{n as H}from"./referrer-itm.BDj_GdXA.v1.js";import{a as ge,g as ve,m as ye}from"./seo.DcmR3REX.v1.js";const ke=""+new URL("open-article.B7yunHPS.v1.png",import.meta.url).href,pe={class:"filters-single-choice"},be={class:"filters-single-choice-title"},_e={class:"filters-single-choice-options"},he={class:"region-wrap"},je={class:"parent"},Ae=["onClick"],Ve={__name:"FiltersRegionChoice",props:{title:String,options:Array,modelValue:[String,Number,Array],queryKey:String},emits:["select","clear"],setup(t,{emit:y}){const g=t,k=y,r=C({bindValue:"",parentId:""});function p(a){r.parentId=a.id,k("select",a)}function m(){r.bindValue="",r.parentId="",k("clear"),k("select","")}function n(){isNaN(r.bindValue)||(r.parentId=Number(r.bindValue))}return w(()=>g.modelValue,a=>{a&&(r.bindValue=a)},{immediate:!0}),L(()=>{n()}),(a,u)=>(l(),d("div",pe,[i("div",be,A(t.title),1),i("div",_e,[i("div",{class:"option-item",onClick:m}," 不限 "),i("div",he,[i("div",je,[(l(!0),d(P,null,N(t.options,c=>(l(),d("div",{key:c.id,class:U(["option-item",{"is-select":r.parentId===c.id}]),onClick:b=>p(c)},A(c.value),11,Ae))),128))])])])]))}},z=S(Ve,[["__scopeId","data-v-53640c16"]]),xe={filter_region:"region",filter_kind:"kind",filter_room:"room",filter_size:"size",filter_style:"style"},Oe="data:image/png;base64,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",ze={class:"open-box-item-img"},Pe=["href"],Ne=["src","alt"],Se={class:"open-box-item-right"},He=["href"],we={key:0,class:"open-box-item-sub"},Ce={class:"open-box-item-title"},Le={key:1,class:"open-box-item-des text-ellipsis-2"},Be={class:"company-info"},qe={class:"company-logo"},Ee=["src"],Ie={class:"name"},Te={class:"name"},De={__name:"open-box-article-item",props:{info:Object,observer:{type:Boolean,default:!1}},emits:["goEvent"],setup(t,{emit:y}){const g=t,k=y,r=B(),{$globalEventEmitter:p}=q(),m=Q(),n=re(()=>{const{kind_cn:u,room_cn:c,size_cn:b,type_cn:O,region_cn:o}=g.info.house_info;return[u,c,b,O,o].filter(e=>e).join("・")});function a(u){k("goEvent",u.events.click)}return L(()=>{g.info&&g.info.events&&g.info.events.exposure&&(p==null||p.addObserve(m.value,g.info.events.exposure))}),(u,c)=>{const b=R;return l(),d("div",{ref_key:"el_ref",ref:m,class:"open-box-item"},[i("div",ze,[i("a",{href:`/article/${t.info.id}?${("normalizeItmParams"in u?u.normalizeItmParams:V(H))("article","list","filter_results","open-box")}`,target:"_blank",onClick:c[0]||(c[0]=O=>a(t.info))},[i("img",{src:t.info.cover_img.url,alt:t.info.name},null,8,Ne)],8,Pe)]),i("div",Se,[i("a",{href:`/article/${t.info.id}?${("normalizeItmParams"in u?u.normalizeItmParams:V(H))("article","list","filter_results","open-box")}`,target:"_blank",onClick:c[1]||(c[1]=O=>a(t.info))},[n.value?(l(),d("div",we,A(n.value),1)):v("",!0),i("p",Ce,A(t.info.name),1),t.info.first_sentence?(l(),d("p",Le,A(t.info.first_sentence),1)):v("",!0)],8,He),i("div",null,[i("div",Be,[t.info.company.id?(l(),K(b,{key:0,to:`/${t.info.company.id}?${("normalizeItmParams"in u?u.normalizeItmParams:V(H))("open_box_article","list",+V(r).query.sort==2?"hot":"related_company")}`,target:"_blank"},{default:Y(()=>[i("div",qe,[i("img",{src:t.info.company.logo_url,alt:"info.company.name"},null,8,Ee),i("span",Ie,A(t.info.company.name),1)])]),_:1},8,["to"])):v("",!0),i("div",Te,A(t.info.collect_count||0)+"人收藏 ",1)])])])],512)}}},W=S(De,[["__scopeId","data-v-ae6c940a"]]),Ze={key:0,class:"loading"},$e={class:"article-list-wrapper"},Fe={key:0},Je={key:1,class:"no-company"},Xe={key:1,class:"footer-pagination"},Me={key:0,class:"num"},We={key:2,class:"may-like-style"},Re={class:"article-list-wrapper"},Ue={key:3,class:"no-more-v"},Qe={__name:"open-box-article-list",props:{list:Object,pager:{type:Object,default(){return{page:1,total:0}}},loading:{type:Boolean,default:!1}},emits:["changePage"],setup(t,{emit:y}){const g=t,k=y,{$globalEventEmitter:r}=q(),p=Q(),m=G(),n=B(),a=C({isLoading:!1});function u(o){ga4Event("內容瀏覽","","",{dv_from:"開箱文列表",dv_category:"文章"}),o&&r.addEvent(o)}function c(){ga4Event("內容瀏覽","","",{dv_from:"開箱文列表_猜你喜歡",dv_category:"文章"})}function b(o){if(o)m.push({query:{...n.query,page:o}});else{const e=JSON.parse(JSON.stringify(n.query));delete e.page,m.push({query:e}),k("changePage")}}function O(o){window.scrollTo(0,0),b(o)}return w(()=>g.loading,o=>{a.isLoading=o}),(o,e)=>{const _=de("a-pagination");return l(),d("div",{ref_key:"el_ref",ref:p,class:"article-list"},[a.isLoading?(l(),d("div",Ze,[i("span",null,[h(me)])])):v("",!0),i("div",$e,[t.list&&t.list.data&&t.list.data.length>0&&!a.isLoading?(l(),d("div",Fe,[(l(!0),d(P,null,N(t.list.data,s=>(l(),d("div",{key:s.id},[h(W,{info:s,observer:!0,onGoEvent:u},null,8,["info"]),e[1]||(e[1]=i("div",{class:"line-art"},null,-1))]))),128))])):v("",!0),t.list&&t.list.data&&t.list.data.length===0&&!a.isLoading?(l(),d("div",Je,[...e[2]||(e[2]=[i("img",{src:Oe,class:"empty",alt:"empty"},null,-1),i("div",null,"沒有找到相關的新家开箱，可以嘗試調整搜索條件~",-1)])])):v("",!0)]),t.pager&&t.pager.total?(l(),d("div",Xe,[t.pager.total>10?(l(),d("span",Me,"共"+A(t.pager.total)+"條",1)):v("",!0),a.isLoading?v("",!0):(l(),K(_,{key:1,current:t.pager.page,"onUpdate:current":e[0]||(e[0]=s=>t.pager.page=s),class:"the-pagination",total:t.pager.total,"show-size-changer":!1,"hide-on-single-page":"","default-page-size":20,onChange:O},null,8,["current","total"]))])):v("",!0),t.list&&t.list.may_like_data&&t.list.may_like_data.length&&!t.loading?(l(),d("div",We,[e[4]||(e[4]=i("p",{class:"may-like"}," 猜你喜歡 ",-1)),e[5]||(e[5]=i("div",{class:"line"},null,-1)),i("div",Re,[(l(!0),d(P,null,N(t.list.may_like_data,s=>(l(),d("div",{key:s.id},[h(W,{info:s,observer:!0,class:"may-like-box",onGoEvent:c},null,8,["info"]),e[3]||(e[3]=i("div",{class:"line-art line-width"},null,-1))]))),128))])])):v("",!0),!a.isLoading&&t.list&&t.list.may_like_data&&t.list.may_like_data.length===0&&t.list.data.length<10&&t.list.data.length>0?(l(),d("div",Ue," 沒有更多了~ ")):v("",!0)],512)}}},Ke=S(Qe,[["__scopeId","data-v-feae8fe8"]]),Ye={class:"open-box--filters"},Ge={class:"box"},et={class:"filters"},tt={class:"down-flex"},nt={class:"down-box"},it={class:"article-tabs"},st={class:"tabs-header"},ot=["onClick"],lt={__name:"index",async setup(t){let y,g;const{$api_v1:k}=q(),r=B(),p=G(),{data:m}=([y,g]=ue(()=>ce(()=>k.getConfigsOpen({config_type:["style","size","kind","room","region"]}),"$MnBT0Vk2gd")),y=await y,g(),y);fe((()=>{const o={title:"新家開箱_業主心聲_如何找設計師_裝前必看_裝修教你如何避坑",ke

1ywords:"開箱文,新家開箱,業主心聲,如何找設計師,與設計師溝通,裝修教你如何避坑",description:"100室內設計開箱文頻道為你提供新家開箱文章、裝前知識、如何與設計師溝通、如果找到設計師、裝修經驗、如何找到預算符合設計公司。"},e=[{title:"首頁",path:"/"},{title:"新家開箱",path:"/open-box-article"}];return{title:o.title,meta:ye(o),link:[ve(r.path)],script:[ge(e)]}})());const n=C({queryNameMap:xe,list:null,pagination:{page:1,total:0},filtersValue:{region:a("region",!1),room:a("room",!1),kind:a("kind",!1),size:a("size",!1),style:a("style",!1)},tabs:[{name:1,title:"最新"},{name:2,title:"最熱"}],currentName:1});function a(o,e=!0){let _;return _=e?Number(r.query[o]):r.query[o],_}function u(o,e){const _=JSON.parse(JSON.stringify(r.query));p.push({query:{..._,[o]:e.id,page:1,filter_sort:n.currentName}})}function c(){ga4Event("開箱文列表","圖庫廣告")}async function b(){var T,D;n.loading=!0;const{region:o,kind:e,room:_,style:s,size:E,page:ee,sort:I}=r.query;n.currentName=I||1,n.pagination.page=+ee||1;const f={filter_region:o,filter_kind:e,filter_room:_,filter_style:s,filter_size:E,filter_sort:I};try{if(r.name==="open-box-article"){f.filter_sort=+f.filter_sort==2?"views":"publish_time";const x=await k.getOpenBoxArticles({page:n.pagination.page,per_page:10,...f});if(n.pagination.total=x&&x.meta.pagination.total,n.list=x,f&&JSON.stringify(f)!=="{}"){const{filter_region:Z,filter_kind:$,filter_room:F,filter_style:J,filter_size:X,filter_sort:te}=f,ne=$&&((T=f==null?void 0:f.kind)==null?void 0:T.filter(j=>+j.id==+$)[0].value),ie=Z&&((D=f==null?void 0:f.region)==null?void 0:D.filter(j=>+j.id==+Z)[0].value),se=F&&f.pattern.filter(j=>+j.id==+F)[0].value,oe=X&&f.size.filter(j=>+j.id==+X)[0].value,le=J&&f.style.filter(j=>+j.id==+J)[0].value,ae=+te==2?"最熱":"最新",M={dv_region:ie||"不限",dv_pattern:se||"不限",dv_kind:ne||"不限",dv_style:le||"不限",dv_acreage:oe||"不限",dv_sort:ae||"最新"};ga4Event("開箱文列表","篩選","",M),x&&x.data&&x.data.length===0&&ga4Event("開箱文列表","篩選內容為空","",{remark:M})}}}catch(x){console.log(x)}finally{n.loading=!1}}function O(o){if(n.currentName===o)return;const e={1:"最新",2:"最熱"};ga4Event("新家開箱","頁面元素點擊",`tab_${e[o]}`),n.currentName=o,p.push({query:{...r.query,sort:n.currentName}})}return w(()=>r,()=>{b()},{deep:!0}),L(()=>{b()}),(o,e)=>{const _=R;return l(),d("div",Ye,[i("div",Ge,[i("div",et,[h(z,{modelValue:n.filtersValue.region,"onUpdate:modelValue":e[0]||(e[0]=s=>n.filtersValue.region=s),title:"地區",options:V(m).region,"query-key":n.queryNameMap.filter_region,onSelect:e[1]||(e[1]=s=>u("region",s))},null,8,["modelValue","options","query-key"]),e[11]||(e[11]=i("div",{class:"divider"},null,-1)),h(z,{modelValue:n.filtersValue.kind,"onUpdate:modelValue":e[2]||(e[2]=s=>n.filtersValue.kind=s),title:"屋況",options:V(m).kind,"query-key":n.queryNameMap.filter_kind,onSelect:e[3]||(e[3]=s=>u("kind",s))},null,8,["modelValue","options","query-key"]),e[12]||(e[12]=i("div",{class:"divider"},null,-1)),h(z,{modelValue:n.filtersValue.room,"onUpdate:modelValue":e[4]||(e[4]=s=>n.filtersValue.room=s),title:"格局",options:V(m).pattern,"query-key":n.queryNameMap.filter_room,onSelect:e[5]||(e[5]=s=>u("room",s))},null,8,["modelValue","options","query-key"]),e[13]||(e[13]=i("div",{class:"divider"},null,-1)),h(z,{modelValue:n.filtersValue.size,"onUpdate:modelValue":e[6]||(e[6]=s=>n.filtersValue.size=s),title:"坪數",options:V(m).size,"query-key":n.queryNameMap.filter_size,onSelect:e[7]||(e[7]=s=>u("size",s))},null,8,["modelValue","options","query-key"]),e[14]||(e[14]=i("div",{class:"divider"},null,-1)),h(z,{modelValue:n.filtersValue.style,"onUpdate:modelValue":e[8]||(e[8]=s=>n.filtersValue.style=s),title:"風格",options:V(m).style,"query-key":n.queryNameMap.filter_style,onSelect:e[9]||(e[9]=s=>u("style",s))},null,8,["modelValue","options","query-key"])]),i("div",tt,[i("div",nt,[i("div",it,[i("div",st,[(l(!0),d(P,null,N(n.tabs,s=>(l(),d("div",{key:s.name,class:U(["tab-item",{active:+s.name==+n.currentName}]),onClick:E=>O(s.name)},A(s.title),11,ot))),128))])]),h(Ke,{list:n.list,pager:n.pagination,loading:n.loading,onChange:b},null,8,["list","pager","loading"])]),h(_,{to:"/works",onClick:e[10]||(e[10]=s=>c()),class:"link-style"},{default:Y(()=>[...e[15]||(e[15]=[i("img",{src:ke,class:"img",alt:"案例"},null,-1)])]),_:1})])])])}}},ft=S(lt,[["__scopeId","data-v-249334d5"]]);export{ft as default};