https://uni-luckymotors.ru/build/uni/assets/List-1a15890a.js

1import{h as S,t as U,b as N,f as k,a as q,c as F,e as O}from"./app-00d48a48.js";import{_ as E}from"./Select.vue_vue_type_script_setup_true_lang-f4c048c3.js";import{_ as P}from"./Input.vue_vue_type_script_setup_true_lang-5155ffb3.js";import{ref as m,reactive as Q,nextTick as A,defineComponent as B,watch as R,openBlock as r,createElementBlock as u,createVNode as c,unref as s,Fragment as $,renderList as I,createElementVNode as l,createBlock as b,createCommentVNode as _,toDisplayString as p,createTextVNode as v,withCtx as y,resolveComponent as z,normalizeClass as D,Teleport as G}from"./vendor/vue-0f009e8a.js";import{_ as H}from"./Loader.vue_vue_type_script_setup_true_lang-00f8e7f1.js";import{Q as J}from"./Question-292f73a2.js";import{_ as K}from"./SparePart.vue_vue_type_script_setup_true_lang-15183488.js";import"./Check-8f0f11ec.js";import"./Agree.vue_vue_type_script_setup_true_lang-385f69f9.js";import"./agree-ff10be77.js";import"./gtm-5d76fd58.js";import"./ymGoal-ef9e088d.js";import"./dealer-select-abe960be.js";const f=m(""),C=m(0),x=m(0),w=m(0),V=m(!1),M=m(!1),L=m(!1),a=Q({options:{model_id:[],sort:[]},values:{model_id:null,article:null,sort:null},filter_params:[],filter_url:"",items_data:{items:[],load_more_endpoint:null}});async function W(o){var t;if(typeof window>"u")return;V.value=!0;const n={model_id:null,article:null,sort:null};if(Object.keys(o.params))for(let i in o.params)o.params[i]&&(n[i]=o.params[i]);n.sort=((t=a.options.sort.find(i=>i.id===a.values.sort))==null?void 0:t.option)??null;const e=await S.get(`owners/spare-parts-and-accessories/${f.value}/dicts`,{params:{...n,tab:f.value}});if(e&&e.status===200&&(a.options.model_id=e.data.filter_data.models,a.filter_params=e.data.filter_params,a.filter_url=e.data.filter_url,a.items_data=e.data.items_data,f.value==="spare_part"?x.value=e.data.count_items:w.value=e.data.count_items,Object.keys(o.params)))for(let i in o.params)o.params[i]&&(a.values[i]=o.params[i]);await A(),V.value=!1,M.value=!0}async function X(){L.value=!0;const o=await S.get(`${a.items_data.load_more_endpoint}`);o&&o.status===200&&a.items_data.items.push(...o.data.items_data.items),L.value=!1}async function Y(o){var e;const n=await S.get(`owners/spare-parts-and-accessories/${f.value}/dicts`,{params:{...o,sort:(e=a.options.sort.find(t=>t.id===a.values.sort))==null?void 0:e.option}});if(n&&n.status===200)return Promise.resolve(n)}function Z(o){C.value=o,U("spare-part")}const ee={class:"grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-12 mb-10 lg:mb-20"},te=B({__name:"Filter",setup(o){return R(()=>({...a.values}),async(n,e)=>{if(M.value)e.sort&&!n.sort&&(a.values.sort=e.sort),await Y(n).then(t=>{t&&t.status===200&&(a.items_data=t.data.items_data,a.filter_url=t.data.filter_url,f.value==="spare_part"?x.value=t.data.count_items:w.value=t.data.count_items,typeof window<"u"&&window.history.pushState({},"",a.filter_url))});else return},{deep:!0,flush:"post"}),(n,e)=>(r(),u("div",ee,[c(E,{"data-filter-accessories":"",modelValue:s(a).values.model_id,"onUpdate:modelValue":e[0]||(e[0]=t=>s(a).values.model_id=t),options:s(a).options.model_id,"by-availability":"",placeholder:"Выберите модель","is-model":"",class:"lg:col-span-5","reset-value":""},null,8,["modelValue","options"]),c(P,{"data-filter-number-accessories":"",modelValue:s(a).values.article,"onUpdate:modelValue":e[1]||(e[1]=t=>s(a).values.article=t),placeholder:"Введите артикул",type:"text",name:"article",class:"lg:col-span-4",search:""},null,8,["modelValue"]),c(E,{modelValue:s(a).values.sort,"onUpdate:modelValue":e[2]||(e[2]=t=>s(a).values.sort=t),options:s(a).options.sort,placeholder:"Сортировать по",class:"lg:col-span-3"},null,8,["modelValue","options"])]))}}),ae={key:0,class:"grid gap-x-6 gap-y-10 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 pb-6"},se={class:"flex items-center justify-between"},oe={key:1,class:"border border-uni-gray-30 py-2 px-3 rounded-[40px]"},le={class:"line-clamp-3 text-base lg:text-[20px] lg:leading-6 mb-6 mt-auto min-h-[57px] lg:min-h-[72px]"},ie={class:"text-[22px] leading-[22px] flex items-center gap-2 font-bold mb-4 mt-auto relative"},re={class:"text-uni-gray-90"},ne={key:0,class:"text-uni-gray-50 relative"},de={class:"group text-[12px] lg:text-[14px]"},ue={class:"grid grid-cols-2 gap-2 mt-auto"},ce={key:1},pe={key:0,class:"relative w-full"},me=B({__name:"PartsList",setup(o){return(n,e)=>s(a).items_data.items.length?(r(),u("div",ae,[(r(!0),u($,null,I(s(a).items_data.items,(t,i)=>(r(),u("div",{key:t.id,class:"flex flex-col h-full border border-uni-gray-30 rounded-xl p-6"},[l("div",se,[t.logo?(r(),b(N,{key:0,src:t.logo,alt:`Логотип ${t.model_name}`,priority:i===0,class:"h-4 object-contain"},null,8,["src","alt","priority"])):_("",!0),t.category?(r(),u("p",oe,p(t.category),1)):_("",!0)]),l("p",le,p(`${t.article} ${t.name}`),1),c(N,{src:t.images?t.images[0]:"/img/partsMock.png",class:"mb-8"},null,8,["src"]),l("div",ie,[l("p",re,p(`${t.price_min?t.price_min.toLocaleStr

1ing():t.price.toLocaleString()} ₽`),1),t.price_min?(r(),u("p",ne,[v(p(`${t.price.toLocaleString()} ₽`)+" ",1),e[0]||(e[0]=l("div",{class:"absolute top-1/2 left-0 w-full h-[2px] bg-uni-red-90 rotate-[-4deg]"},null,-1))])):_("",!0),l("div",de,[c(J,{class:"w-4 h-4 group cursor-pointer"}),e[1]||(e[1]=l("div",{class:"absolute z-[1] top-[100%] right-0 flex flex-col gap-2 w-max p-4 bg-uni-gray-90 rounded-lg text-white opacity-0 invisible pointer-events-none hover-avail:group-hover:opacity-100 hover-avail:group-hover:visible hover-unavail:group-hover:opacity-100 hover-unavail:group-hover:visible transition-all duration-200 ease-in-out max-w-[450px]"},[l("div",{class:"flex items-start justify-between gap-5"},[l("p",null,"Рекомендованная розничная цена")])],-1))])]),l("div",ue,[c(k,{class:"!w-full",onClick:d=>s(Z)(t.id),"data-buy-accessories":""},{default:y(()=>[...e[2]||(e[2]=[v(" Купить ",-1)])]),_:1},8,["onClick"]),c(k,{"data-learn-more-accessories":"",class:"!w-full",tag:"a",theme:"light","hide-chevron":"",href:t.route},{default:y(()=>[...e[3]||(e[3]=[v(" Подробнее ",-1)])]),_:1},8,["href"])])]))),128)),s(a).items_data.load_more_endpoint?(r(),b(k,{key:0,theme:"light",class:"col-span-1 md:col-span-2 lg:col-span-3 !w-full",loading:s(L),onClick:s(X)},{default:y(()=>[...e[4]||(e[4]=[v(" Показать ещё ",-1)])]),_:1},8,["loading","onClick"])):_("",!0)])):(r(),u("div",ce,[s(V)?(r(),u("div",pe,[c(H)])):(r(),u($,{key:1},[e[5]||(e[5]=l("h2",{class:"text-simple-24 font-bold mb-4"}," Ничего не найдено ",-1)),e[6]||(e[6]=l("span",null," К сожалению, по вашему запросу ничего не нашлось. Попробуйте изменить формулировку или загляните в другие категории — возможно, там есть то, что вам нужно! ",-1))],64))]))}}),_e={class:"container pb-20 md:pb-10"},fe={class:"mb-6"},ge={class:"text-lg leading-[18px] font-bold overflow-x-auto no-scrollbar mb-8 md:mb-10"},ve={class:"w-full flex items-end gap-6 pb-2 lg:pb-2.5 border-b border-uni-gray-30"},be=["href"],he={class:"text-uni-gray-50 font-normal"},ye={key:0,class:"absolute w-full rounded-lg left-0 h-[2px] bg-uni-gray-90 bottom-[-9px] lg:bottom-[-11px]"},De=B({__name:"List",setup(o){const n=q(),{seo:e,tabs:t,filter:i}=n.value;return(t??[]).forEach(d=>{d.option==="spare_part"?x.value=d.count:w.value=d.count,d.active&&(f.value=d.option)}),((i==null?void 0:i.sort_options)??[]).forEach((d,j)=>{const h={id:j+1,name:d.name,option:d.option,is_active:d.is_active,default:d.default};a.options.sort.push(h),d.is_active&&(a.values.sort=h.id)}),i&&W(i),(d,j)=>{const h=z("Breadcrumbs"),T=z("Layout");return r(),b(T,null,{default:y(()=>[l("section",{class:D(s(O)?"overflow-y-auto h-[100dvh] no-scrollbar":"")},[c(h,{class:"mb-6 lg:mb-10"}),l("div",_e,[l("h1",fe,p(s(e).h1),1),l("div",ge,[l("div",ve,[(r(!0),u($,null,I(s(t),g=>(r(),u("a",{href:g.link,class:D([g.option==="spare_part"?"hidden":"","relative flex gap-1 items-center shrink-0"])},[v(p(g.name)+" ",1),l("span",he,p(g.option==="spare_part"?s(x):s(w)),1),g.active?(r(),u("div",ye)):_("",!0)],10,be))),256))])]),c(te),c(me)]),(r(),b(G,{to:"body"},[s(F)==="spare-part"&&s(C)?(r(),b(K,{key:0,"part-id":s(C)},null,8,["part-id"])):_("",!0)]))],2)]),_:1})}}});

1export{De as default};