{"version":3,"mappings":"mrDAeA,SAAAA,EAAAC,EAAAC,EAAA,CACE,IAAAC,EAAA,UACE,OAAAD,EACF,MAAAE,EAAAH,EAAA,yCACAI,EAAAH,EAAA,wBAAAD,CAAA,IAAAG,CAAA,SACA,SAAAA,CAAA,GAAAC,CAAA,EAAwB,CAE1B,mBAAAC,EAAA,oBAAAC,CAAA,EAAAC,GAAA,EACAC,EAAAC,EAAA,IAAAJ,EAAA,aAAAK,KAAA,KAAAR,EAAA,sBACA,IAGEI,EAAA,yBAAAJ,EAAA,QAAgE,OAAAS,EAAA,CAGhE,cAAAA,CAAA,CAAmB,ioDCrBrB,gBAAAC,GAAAC,KACA,CAAM,SAAAC,EACJ,SAAAC,EACA,oBAAAC,EACA,gBAAAC,EAEA,oBAAAC,EACA,WAAAC,CACA,EAAAC,GAAA,EAEFC,EAAAC,GAAA,GACAC,EAAAd,EAAA,IACEY,EAAA,UAAAJ,EAAA,MAAAC,EAAA,KAEwB,EAE1BM,EAAAf,EAAA,8BAAAgB,EAAAT,EAAA,oBAAAS,EAAA,mCACAC,EAAAjB,EAAA,aACE,MAAAkB,EAAA,uBACA,OAAAF,EAAAT,EAAA,cAAAS,EAAA,YAAAE,EAAA,aAAAC,EAAAZ,EAAA,oBAAAY,EAAA,YAAAD,EAAA,QACAA,CAAO,GAET,OAAAE,EAAAC,CAAA,EAAAC,GAAA,IAAAZ,EAAA,SAAAU,EAAAC","names":["carNameFormat","brandName","seriesName","props","brand","series","filterSeries","getFilterSeriesList","LogicFilterSeries","list","computed","v","error","isDesktop","useDevice","siteMeta","seriesId","currentSeriesDetail","newsArticleList","hangqingArticleList","initHandle","useSeriesIndexPage","currentArticleType","ref","currentArticleTypeList","relativeSeriesParams","_a","relativeSeriesLevelParams","params","_b","__temp","__restore","_withAsyncContext"],"sources":["../../../../../src/components/layout/rank/relative-series/index.client.vue","../../../../../src/pages/series/[seriesId]/index.vue"],"sourcesContent":["<script setup lang='ts'>\r\nimport { formatPrice, seriesHomePath } from '@qcwp/common'\r\nimport { LogicFilterSeries } from '~~/src/logic/car/filter-series'\r\nimport type { FilterSeriesParams } from '~~/src/server/modules/car/types'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  title?: string\r\n  params?: FilterSeriesParams\r\n  seriesId?: string\r\n  brandName?: boolean\r\n}>(), {\r\n  title: '同品牌车系',\r\n  brandName: true,\r\n  params: () => ({ pageNum: 1, pageSize: 8, seriesId: '2' }),\r\n})\r\nfunction carNameFormat(brandName: string, seriesName: string) {\r\n  if (!props.brandName)\r\n    return seriesName\r\n  const brand = brandName.replace('汽车', '').replace(/[\\n\\s\\t]/g, '')\r\n  const series = seriesName.replace(new RegExp(`^(${brandName}|${brand})`), '')\r\n  return `${brand}${series}`\r\n}\r\nconst { filterSeries, getFilterSeriesList } = LogicFilterSeries()\r\nconst list = computed(() => filterSeries.value.filter(v => v.id !== props.seriesId).slice(0, 8))\r\ntry {\r\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\r\n  // @ts-expect-error\r\n  getFilterSeriesList({ pageNum: 1, pageSize: 8, ...props.params })\r\n}\r\ncatch (error) {\r\n  console.error(error)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"list && list.length\" class=\"rounded-md bg-white p-3\">\r\n    <div class=\"text-blue-5 font-bold text-5 mb-2\">\r\n      {{ props.title }}\r\n    </div>\r\n    <div class=\"flex mb-3 bg-gray-100 py-2 rounded-md text-4 font-bold px-3 border-b-4 border-r-2 border-gray-200 shadow-md\">\r\n      <span class=\"w-7/9\">车系名称</span>\r\n      <span class=\"w-2/9 text-right\">指导价</span>\r\n    </div>\r\n    <div class=\"px-1\">\r\n      <nuxt-link\r\n        v-for=\"v in list\" :key=\"v.id\"\r\n        no-rel\r\n        class=\"flex items-center justify-between mb-3 p-3 pb-2 bg-gray-100 rounded-md group last:mb-0 transition-all duration-200\"\r\n        hover=\"bg-blue-5 text-white border-blue-5 shadow-lg shadow-blue-3\"\r\n        :to=\"seriesHomePath(v.id)\"\r\n      >\r\n        <div class=\" text-4.25 truncate pr-2\" :title=\"`${v.carBrandName}-${v.carSeriesName}`\">\r\n          {{ carNameFormat(v.carBrandName, v.carSeriesName) }}\r\n        </div>\r\n        <span class=\"font-bold text-3.5 flex-shrink-0\" title=\"指导价\">{{ formatPrice(v.minPrice, v.maxPrice) }}</span>\r\n      </nuxt-link>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<!-- 车系详情 -->\r\n<script setup lang='ts'>\r\nimport { seriesArticlePath } from '@qcwp/common'\r\nimport { useSeriesIndexPage } from '~~/src/pages/series/hooks/seriesIndex'\r\nimport { AD_KEYS } from '~~/src/server/modules/ad/types'\r\nimport type { FilterSeriesParams } from '~~/src/server/modules/car/types'\r\ndefinePageMeta({\r\n  layout: false,\r\n})\r\nconst { isDesktop } = useDevice()\r\nconst {\r\n  siteMeta,\r\n  seriesId,\r\n  currentSeriesDetail,\r\n  // article\r\n  newsArticleList,\r\n  hangqingArticleList,\r\n  initHandle,\r\n} = useSeriesIndexPage()\r\nconst currentArticleType = ref(0)\r\nconst currentArticleTypeList = computed(() => {\r\n  return currentArticleType.value === 0\r\n    ? newsArticleList.value\r\n    : hangqingArticleList.value\r\n})\r\nconst relativeSeriesParams = computed<FilterSeriesParams>(() => ({ carBrandId: currentSeriesDetail.value?.carBrandId, pageSize: 9, pageNum: 1 }))\r\nconst relativeSeriesLevelParams = computed<FilterSeriesParams>(() => {\r\n  const params: FilterSeriesParams = { pageSize: 9, pageNum: 1 }\r\n  currentSeriesDetail.value?.seriesGrade ? (params.seriesGrade = currentSeriesDetail.value?.seriesGrade) : (params.hot = '1')\r\n  return params\r\n})\r\nawait initHandle()\r\n</script>\r\n\r\n<template>\r\n  <div class=\"bg-gray-100\">\r\n    <utils-site-head :site-meta=\"siteMeta\" />\r\n    <div layout-default-container pb-10 pt-0>\r\n      <page-series-layout class=\"pb-4\" is-show-detail>\r\n        <div class=\"flex mt-3\">\r\n          <div lt-md=\"flex-grow w-0\" lg=\"w-168\">\r\n            <LazyAdCommonA1 :ad-key=\"AD_KEYS.SERIES_DETAIL\" position=\"A1\" />\r\n            <div v-if=\"!isDesktop\" class=\"mb-3 px-3\">\r\n              <page-series-advantage-disadvantage\r\n                v-if=\"(currentSeriesDetail?.merit || currentSeriesDetail?.defect)\" class=\"mb-3\"\r\n                :merit=\"currentSeriesDetail?.merit\"\r\n                :defect=\"currentSeriesDetail?.defect\"\r\n              />\r\n            </div>\r\n            <!-- 车款 -->\r\n            <page-series-model class=\"linear relative\" lt-md=\"px-3\" />\r\n            <!-- 推荐文章 & 全国行情 -->\r\n            <div class=\"mt-3\" lt-md=\"px-3\">\r\n              <div class=\"flex items-center justify-between bg-blue-5 text-white p-3 py-2 rounded-md\">\r\n                <div class=\"text-3.5 flex items-baseline cursor-pointer\">\r\n                  <h3 :class=\"{ 'text-5 font-bold': currentArticleType === 0 }\" @click=\"currentArticleType = 0\">\r\n                    推荐文章\r\n                  </h3>\r\n                  <span class=\"mx-3\">|</span>\r\n                  <h3 :class=\"{ 'text-5 font-bold': currentArticleType === 1 }\" @click=\"currentArticleType = 1\">\r\n                    行情导购\r\n                  </h3>\r\n                </div>\r\n                <utils-more :to=\"seriesArticlePath(seriesId)\" />\r\n              </div>\r\n              <ul v-if=\"(currentArticleTypeList && currentArticleTypeList.length)\" md=\"grid grid-cols-3 gap-2 py-3\">\r\n                <li\r\n                  v-for=\"v in currentArticleTypeList\" :key=\"v.id\"\r\n                  class=\"py-3 bg-white p-3 rounded-md\"\r\n                  md=\"transition-all duration-300 hover:shadow-lg\"\r\n                  lt-md=\"mt-2\"\r\n                >\r\n                  <layout-article-item :article=\"v\" />\r\n                </li>\r\n              </ul>\r\n              <base-empty v-else />\r\n            </div>\r\n            <div v-if=\"!isDesktop\" class=\"px-3 mt-3\">\r\n              <page-series-relative-list class=\"mb-3\" />\r\n              <layout-rank-relative-series\r\n                v-if=\"currentSeriesDetail?.carBrandId\"\r\n                :series-id=\"seriesId\"\r\n                class=\"mb-3\"\r\n                :params=\"relativeSeriesParams\"\r\n              />\r\n              <layout-rank-relative-series\r\n                :title=\"currentSeriesDetail?.seriesGrade ? '同级别车系' : '热门车系'\"\r\n                :series-id=\"seriesId\"\r\n                class=\"mb-3\"\r\n                :params=\"relativeSeriesLevelParams\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div v-if=\"isDesktop\" class=\"w-78 ml-4\">\r\n            <!-- A2 -->\r\n            <LazyAdCommonA1 :ad-key=\"AD_KEYS.SERIES_DETAIL\" position=\"A2\" class=\"mb-3 md:max-w-78\" />\r\n            <!-- 优缺点 -->\r\n            <page-series-advantage-disadvantage\r\n              v-if=\"currentSeriesDetail?.merit || currentSeriesDetail?.defect\" class=\"mb-3 md:max-w-78\"\r\n              :merit=\"currentSeriesDetail?.merit\"\r\n              :defect=\"currentSeriesDetail?.defect\"\r\n            />\r\n            <!-- 同品牌车系 -->\r\n            <layout-rank-relative-series v-if=\"currentSeriesDetail?.carBrandId\" :brand-name=\"false\" :series-id=\"seriesId\" class=\"mb-3 md:max-w-78\" :params=\"relativeSeriesParams\" />\r\n            <!-- A3 -->\r\n            <LazyAdCommonA1 class=\"mb-3 md:max-w-78\" :ad-key=\"AD_KEYS.SERIES_DETAIL\" position=\"A3\" />\r\n            <layout-rank-relative-series :title=\"currentSeriesDetail?.seriesGrade ? '同级别车系' : '热门车系'\" :series-id=\"seriesId\" class=\"mb-3 md:max-w-78\" :params=\"relativeSeriesLevelParams\" />\r\n          </div>\r\n        </div>\r\n      </page-series-layout>\r\n    </div>\r\n  </div>\r\n</template>\r\n"],"file":"_nuxt/js/pages-seriesId-index-79930234.js"}