{"version":3,"file":"pages-praise-index-d420e60e.js","sources":["../../../../../src/logic/praise/competitors.ts","../../../../../src/components/layout/rank/relative-series/praise.vue","../../../../../src/components/page/series/praise-list.vue","../../../../../src/pages/series/[seriesId]/praise/index.vue"],"sourcesContent":["import { getSeriesPraiseCompetitors } from '~~/src/server/modules/car'\r\nimport type { SeriesPraiseResponse } from '~~/src/server/modules/car/types'\r\n\r\nexport function LogicSeriesPraiseCompetitors() {\r\n  const list = ref<SeriesPraiseResponse[]>([])\r\n\r\n  async function serverHandler(seriesId: string) {\r\n    const asyncData = await useAsyncData(`SERIES_PRAISE_COMPETITORS_${seriesId}`, () => getSeriesPraiseCompetitors(seriesId))\r\n    const { data = [] } = useNuxtAsyncHandle(asyncData)\r\n    list.value = data\r\n  }\r\n  return {\r\n    list,\r\n    serverHandler,\r\n  }\r\n}\r\n","<script setup lang='ts'>\r\nimport { formatPrice, seriesHomePath } from '@qcwp/common'\r\nimport { LogicSeriesPraiseCompetitors } from '~~/src/logic/praise/competitors'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  title?: string\r\n  seriesId?: string\r\n}>(), {\r\n  title: '相似车系口碑',\r\n  params: () => ({ pageNum: 1, pageSize: 8, seriesId: '2' }),\r\n})\r\nconst { list: data, serverHandler } = LogicSeriesPraiseCompetitors()\r\nconst list = computed(() => data.value.filter(v => v.carSeriesId !== props.seriesId).sort((a, b) => b.overallScore - a.overallScore))\r\n\r\ntry {\r\n  if (props.seriesId)\r\n    await serverHandler(props.seriesId)\r\n}\r\ncatch (error) {\r\n  console.error(error)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"rounded-md bg-white py-3 px-1 relative z-1\">\r\n    <span class=\"i-solar:ranking-bold-duotone text-blue-5 absolute text-9 right-3 -z-1\" />\r\n    <div class=\"text-5 font-bold mb-2 px-2 text-blue-5\">\r\n      <span>{{ props.title }}</span>\r\n    </div>\r\n    <div class=\"flex mb-2 bg-gray-100 py-2 rounded-md 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.carSeriesId\" target=\"_blank\"\r\n        no-rel\r\n        class=\"flex items-center mb-3 py-2 px-3 border-1 border-gray-200 rounded-md group transition-all duration-100 last:mb-0\"\r\n        hover=\"bg-blue-5 text-white border-blue-5 shadow-lg shadow-blue-3\"\r\n        :to=\"seriesHomePath(v.carSeriesId)\"\r\n      >\r\n        <div class=\"w-7/9\">\r\n          <div class=\"text-4 truncate\" :title=\"`${v.carSeriesName}`\">\r\n            {{ v.carSeriesName }}\r\n          </div>\r\n          <div class=\"text-3 flex-shrink-0 text-gray-600 group-hover:text-white\" title=\"网友购车价\">\r\n            <span>网友购车价：</span><span class=\"font-bold\">{{ formatPrice(v.netFriendMinBuyPrice, v.netFriendMaxBuyPrice) }}</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"w-2/9 text-right text-blue-5 font-bold group-hover:text-white\">\r\n          {{ v.overallScore }}\r\n        </div>\r\n      </nuxt-link>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup lang='ts'>\r\nimport { formatPrice, reputationHomePath, seriesPraisePath } from '@qcwp/common'\r\nimport { isClient, timeFormat } from '@qcwp/utils'\r\nimport { usePariesListFilter } from '~~/src/pages/series/hooks/seriesPraise'\r\nimport type { FormatSeriesDetail } from '~~/src/logic/car/series-detail'\r\nimport type { ModelResponse } from '~~/src/server/modules/car/types'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  seriesId?: string\r\n  currentSeriesDetail?: FormatSeriesDetail | null\r\n  currentSeriesModelList?: Record<string, ModelResponse[]> | null\r\n}>(), {\r\n  seriesId: '',\r\n  currentSeriesDetail: null,\r\n})\r\nconst { isDesktop } = useDevice()\r\nconst {\r\n  currentFilterQueries,\r\n  params,\r\n  options,\r\n  optionKeys,\r\n  someOptionKeys,\r\n  generateUrl,\r\n  generateFilterUrl,\r\n\r\n  page,\r\n  modelIdQuery,\r\n  headerRef,\r\n  scrollIntoView,\r\n  list,\r\n  state,\r\n  pagination,\r\n  clientHandler,\r\n  initHandle,\r\n} = usePariesListFilter(props.seriesId, props.currentSeriesDetail)\r\nconst modelYears = computed(() => Object.keys(props.currentSeriesModelList ?? {}).sort((a, b) => Number(b) - Number(a)))\r\nconst modelShow = ref(false)\r\nconst currentModel = computed(() => {\r\n  if (!props.currentSeriesModelList)\r\n    return null\r\n  const modelId = modelIdQuery.value\r\n  const modelList = props.currentSeriesModelList\r\n    ? Object.values(props.currentSeriesModelList).flat()\r\n    : null\r\n  if (!modelList)\r\n    return null\r\n  return modelList.find(v => v.id === modelId) ?? null\r\n})\r\nconst router = useRouter()\r\nfunction goFilterPage(modelId?: string) {\r\n  const map = new Map().set('modelId', modelId)\r\n  const url = generateFilterUrl(map)\r\n  router.push(url)\r\n}\r\nlet stops: any = null\r\nfunction watchHandler() {\r\n  stops = [\r\n    watch(page, () => {\r\n      scrollIntoView()\r\n      list.value = []\r\n      clientHandler(params.value, Number(page.value))\r\n    }),\r\n    watch(modelIdQuery, () => {\r\n      modelShow.value = false\r\n    }),\r\n  ]\r\n}\r\nfunction mountedHandler() {\r\n  if (!isClient)\r\n    return\r\n  watchHandler()\r\n}\r\nfunction unmountedHandler() {\r\n  modelShow.value = false\r\n  stops.forEach((v: any) => v?.())\r\n  stops = null!\r\n}\r\nonMounted(mountedHandler)\r\nonActivated(mountedHandler)\r\nonUnmounted(unmountedHandler)\r\nonDeactivated(unmountedHandler)\r\n\r\nawait initHandle()\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"headerRef\" class=\"w-full\">\r\n    <div class=\"flex items-center justify-between bg-blue-5 text-white p-3 py-2 rounded-md \">\r\n      <span class=\"text-5 font-bold\">车主口碑</span>\r\n      <utils-more class=\"text-3.5 font-bold underline underline-dashed underline-offset-4 underline-2\" title=\"更多车辆口碑\" :to=\"reputationHomePath()\" />\r\n    </div>\r\n    <div lt-md:mt-3 class=\"bg-white rounded-md\">\r\n      <layout-filter\r\n        :options=\"options\"\r\n        :options-key=\"optionKeys\"\r\n        :option-fixed-keys=\"someOptionKeys\"\r\n        type=\"query\"\r\n        :default-index-queries=\"currentFilterQueries\"\r\n        :generate-url=\"generateUrl\"\r\n        :generate-filter-url=\"generateFilterUrl\"\r\n        :is-show-some-filter=\"false\"\r\n      >\r\n        <template #someFilter>\r\n          <div class=\"flex items-center py-3 text-4\">\r\n            <div class=\"px-2\" md=\"px-0 w-12 mr-2 text-gray-4\">\r\n              车型\r\n            </div>\r\n            <div class=\"px-5 bg-blue-5 text-white rounded-sm py-1 cursor-pointer\" @click=\"modelShow = true\">\r\n              <span>{{ currentModel ? currentModel.carModelName : '全部车型' }}</span>\r\n            </div>\r\n            <n-drawer v-model:show=\"modelShow\" :width=\"500\" height=\"70vh\" :placement=\"isDesktop ? 'right' : 'bottom'\">\r\n              <n-drawer-content title=\"车型筛选\" closable>\r\n                <div class=\"leading-10 text-4 cursor-pointer\" @click=\"goFilterPage()\">\r\n                  清除已选车型\r\n                </div>\r\n                <ul v-for=\"v in modelYears\" :key=\"v\">\r\n                  <li class=\"font-bold text-gray-500 text-5\">\r\n                    {{ v }}\r\n                  </li>\r\n                  <template v-for=\"item in props.currentSeriesModelList![v]\" :key=\"item.id\">\r\n                    <li\r\n                      class=\"text-4 cursor-pointer \"\r\n                      @click=\"goFilterPage(item.id)\"\r\n                    >\r\n                      <span class=\"rounded-md px-3 py-2\" :class=\"[item.id === modelIdQuery ? 'text-white bg-blue-5 ' : 'leading-10']\">{{ item.carModelName }}</span>\r\n                    </li>\r\n                  </template>\r\n                </ul>\r\n              </n-drawer-content>\r\n            </n-drawer>\r\n          </div>\r\n        </template>\r\n      </layout-filter>\r\n    </div>\r\n    <div v-if=\"state === 'finished' && !list.length\" class=\" bg-white p-3 rounded-md mt-3\">\r\n      <base-empty />\r\n    </div>\r\n    <template v-else>\r\n      <div v-if=\"state === 'loading'\" class=\"bg-white mt-3 rounded-md p-3\">\r\n        <n-skeleton text class=\"w-30%\" />\r\n        <n-skeleton text :repeat=\"2\" />\r\n        <n-skeleton text class=\"w-60%\" />\r\n      </div>\r\n      <template v-else>\r\n        <div v-for=\"v, i in list\" :key=\"i\" class=\"p-3 border-1 border-gray-100 rounded-md shadow-md bg-white mt-3 relative\">\r\n          <h4 class=\"font-bold text-5 md:pr-40\">\r\n            <span>{{ currentSeriesDetail?.carSeriesName || '' }}-{{ v.carModelName }}</span>\r\n          </h4>\r\n          <p class=\"text-4 my-2\">\r\n            {{ v.content }}\r\n          </p>\r\n          <div class=\"flex items-center justify-between\">\r\n            <div class=\"text-gray\">\r\n              {{ timeFormat(v.createTime, 'YYYY-MM-DD') }}\r\n            </div>\r\n            <div class=\"flex-shrink-0 text-3.5 text-blue-5 \">\r\n              <span>裸车价：{{ formatPrice(v.nakedCarPrice) }}</span>\r\n            </div>\r\n          </div>\r\n          <page-series-publish\r\n            :default-ids=\"[currentSeriesDetail?.carBrandId, seriesId, v.carModelId]\"\r\n            class=\"text-3.5 text-center text-white font-normal px-1.5 pt-0.75 cursor-pointer rounded-sm bg-green-5 font-bold\"\r\n            lt-md=\"mt-3 py-1\"\r\n            md=\"w-40 absolute right-3 top-3.75\"\r\n            @click.stop\r\n          >\r\n            <i class=\"i-bxl:go-lang text-5 mr-1 relative -top-0.25\" />\r\n            <span>参与该车型评分</span>\r\n          </page-series-publish>\r\n        </div>\r\n      </template>\r\n      <div class=\"py-3\">\r\n        <base-pagination\r\n          :page=\"pagination.pagination.page\"\r\n          :total=\"pagination.pagination.pageCount\"\r\n          :to=\"(page: number) => seriesPraisePath(seriesId, { ...currentFilterQueries, page: `${page}` })\"\r\n        />\r\n      </div>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n\r\n</style>\r\n","<script setup lang='ts'>\r\nimport { formatPrice, seriesPraisePath } from '@qcwp/common'\r\nimport { useSeriesPraisePage } from '../../hooks/seriesPraise'\r\ndefinePageMeta({\r\n  layout: false,\r\n})\r\nconst {\r\n  siteMeta,\r\n  seriesId,\r\n  hasSeriesDetail,\r\n  currentSeriesDetail,\r\n  currentSeriesModelList,\r\n  statisticPraise,\r\n  detail,\r\n  radarChartIndicator,\r\n  initHandle,\r\n} = useSeriesPraisePage()\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 class=\"min-h-100vh layout-default-container pb-20 pt-0\" md=\"pt-4\">\r\n      <page-series-layout>\r\n        <div class=\"lt-md:px-3\">\r\n          <div class=\"bg-white rounded-md p-3 flex justify-between mt-3 relative z-1\" lt-md=\"block pb-13 overflow-hidden\">\r\n            <div md=\"relative pb-12\">\r\n              <div text-5.5 font-bold>\r\n                口碑评分\r\n              </div>\r\n              <div class=\"text-blue-5 flex items-baseline\">\r\n                <div class=\"text-3.25  mr-2 flex-shrink-0\">\r\n                  <span title=\"综合评分\" class=\"text-12 font-bold leading-none\">{{ detail?.overallScore || '--' }}</span>\r\n                  <span class=\"ml-1 text-4 align-top\">分</span>\r\n                </div>\r\n                <utils-star v-if=\"detail?.overallScore\" active-color=\"#3b82f6\" :model-value=\"parseInt(((detail.overallScore / 5) * 100).toFixed(0))\" />\r\n              </div>\r\n              <div class=\"mt-3 flex items-start\">\r\n                <div class=\"mr-5\">\r\n                  <div>网友购车价</div>\r\n                  <div class=\"mt-1 text-blue-5 font-bold text-4.5\">\r\n                    {{ (detail?.netFriendMinBuyPrice && detail?.netFriendMaxBuyPrice) ? formatPrice(detail.netFriendMinBuyPrice, detail.netFriendMaxBuyPrice) : '--' }}\r\n                  </div>\r\n                </div>\r\n                <div>\r\n                  <div>厂商指导价</div>\r\n                  <div class=\"mt-1 text-blue-5 font-bold text-4.5\">\r\n                    {{ currentSeriesDetail?.price }}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"flex flex-wrap max-w-120 mt-4\">\r\n                <NuxtLink\r\n                  v-for=\"v, i in statisticPraise\" :key=\"i\"\r\n                  :to=\"seriesPraisePath(seriesId, { praiseType: v.type })\"\r\n                  class=\"leading-8 px-3 mr-3 mb-2 rounded-md text-white cursor-pointer\"\r\n                  :class=\"[v.value ? 'bg-blue-5 ' : 'bg-gray-400']\"\r\n                >\r\n                  <span>{{ v.name }}</span>\r\n                  <span v-if=\"v.value\">({{ v.value }})</span>\r\n                </NuxtLink>\r\n              </div>\r\n              <div class=\"absolute bottom-3\" lt-md=\"\">\r\n                <page-series-publish :default-ids=\"[currentSeriesDetail?.carBrandId, seriesId]\" />\r\n              </div>\r\n            </div>\r\n            <div class=\"bg-blue-3 bg-opacity-60 p-4 w-80 rounded-md shadow-lg\" lt-md=\"w-full mt-3 m-auto bg-opacity-80 z-2 relative\">\r\n              <h3 class=\"text-4.5 font-bold\">\r\n                综合维度评分\r\n              </h3>\r\n              <base-proportion class=\"w-full\" :proportion=\"90\">\r\n                <page-series-radar :radar-data=\"radarChartIndicator\" color=\"#000\" />\r\n              </base-proportion>\r\n            </div>\r\n            <div class=\"absolute right-0 bottom-0 opacity-30 translate-x-30% select-none pointer-events-none -z-1\" md=\"right-40%\" lt-md=\"\">\r\n              <i class=\"i-custom-undraw-lighthouse?bg text-50 text-white\" />\r\n            </div>\r\n          </div>\r\n          <div class=\"mt-4\" md=\"flex items-start flex-row-reverse\">\r\n            <div md=\"w-78 ml-4\">\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              <layout-rank-relative-series-praise :series-id=\"seriesId\" class=\"mb-3 md:max-w-78\" />\r\n            </div>\r\n            <div md=\"w-168\">\r\n              <page-series-praise-list\r\n                :series-id=\"seriesId\"\r\n                :current-series-detail=\"currentSeriesDetail\"\r\n                :current-series-model-list=\"currentSeriesModelList\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </page-series-layout>\r\n    </div>\r\n  </div>\r\n</template>\r\n"],"names":["LogicSeriesPraiseCompetitors","list","ref","serverHandler","seriesId","asyncData","useAsyncData","getSeriesPraiseCompetitors","data","useNuxtAsyncHandle","computed","v","props","a","b","__temp","__restore","_withAsyncContext","error","isDesktop","useDevice","currentFilterQueries","params","options","optionKeys","someOptionKeys","generateUrl","generateFilterUrl","page","modelIdQuery","headerRef","scrollIntoView","state","pagination","clientHandler","initHandle","usePariesListFilter","modelYears","modelShow","currentModel","modelId","modelList","router","useRouter","goFilterPage","map","url","stops","watchHandler","watch","mountedHandler","isClient","unmountedHandler","onMounted","onActivated","onUnmounted","onDeactivated","siteMeta","hasSeriesDetail","currentSeriesDetail","currentSeriesModelList","statisticPraise","detail","radarChartIndicator","useSeriesPraisePage"],"mappings":"o8CAGO,SAASA,IAA+B,CACvC,MAAAC,EAAOC,GAA4B,CAAA,CAAE,EAE3C,eAAeC,EAAcC,EAAkB,CACvC,MAAAC,EAAY,MAAMC,GAAa,6BAA6BF,CAAQ,GAAI,IAAMG,GAA2BH,CAAQ,CAAC,EAClH,CAAE,KAAAI,EAAO,CAAA,CAAG,EAAIC,GAAmBJ,CAAS,EAClDJ,EAAK,MAAQO,CACf,CACO,MAAA,CACL,KAAAP,EACA,cAAAE,CAAA,CAEJ,gxBCJA,CAAA,KAAAK,EAAA,cAAAL,CAAA,EAAAH,GAAA,EACAC,EAAAS,EAAA,IAAAF,EAAA,MAAA,OAAAG,GAAAA,EAAA,cAAAC,EAAA,QAAA,EAAA,KAAA,CAAAC,EAAAC,IAAAA,EAAA,aAAAD,EAAA,YAAA,CAAA,EAEA,GAAA,CACED,EAAA,WACE,CAAAG,EAAAC,CAAA,EAAAC,GAAA,IAAAd,EAAAS,EAAA,QAAA,CAAA,EAAA,MAAAG,EAAAC,EAAA,YAGF,QAAA,MAAAE,CAAA,CAAmB,gjDCJrB,CAAA,UAAAC,GAAAC,KACA,CAAM,qBAAAC,EACJ,OAAAC,EACA,QAAAC,EACA,WAAAC,EACA,eAAAC,EACA,YAAAC,EACA,kBAAAC,EACA,KAAAC,EAEA,aAAAC,EACA,UAAAC,EACA,eAAAC,EACA,KAAA9B,EACA,MAAA+B,EACA,WAAAC,EACA,cAAAC,EACA,WAAAC,CACA,EAAAC,GAAAxB,EAAA,SAAAA,EAAA,mBAAA,EAEFyB,EAAA3B,EAAA,IAAA,OAAA,KAAAE,EAAA,wBAAA,EAAA,EAAA,KAAA,CAAAC,EAAAC,IAAA,OAAAA,CAAA,EAAA,OAAAD,CAAA,CAAA,CAAA,EACAyB,EAAApC,GAAA,EAAA,EACAqC,EAAA7B,EAAA,IAAA,CACE,GAAA,CAAAE,EAAA,uBACE,OAAA,KACF,MAAA4B,EAAAX,EAAA,MACAY,EAAA7B,EAAA,uBAAA,OAAA,OAAAA,EAAA,sBAAA,EAAA,KAAA,EAAA,KAGA,OAAA6B,EAEAA,EAAA,KAAA9B,GAAAA,EAAA,KAAA6B,CAAA,GAAA,KADE,IAC8C,CAAA,EAElDE,EAAAC,KACA,SAAAC,EAAAJ,EAAA,CACE,MAAAK,EAAA,IAAA,IAAA,EAAA,IAAA,UAAAL,CAAA,EACAM,EAAAnB,EAAAkB,CAAA,EACAH,EAAA,KAAAI,CAAA,CAAe,CAEjB,IAAAC,EAAA,KACA,SAAAC,GAAA,CACED,EAAA,CAAQE,GAAArB,EAAA,IAAA,CAEJG,IACA9B,EAAA,MAAA,GACAiC,EAAAZ,EAAA,MAAA,OAAAM,EAAA,KAAA,CAAA,CAA8C,CAAA,EAC/CqB,GAAApB,EAAA,IAAA,CAECS,EAAA,MAAA,EAAkB,CAAA,CACnB,CACH,CAEF,SAAAY,GAAA,CACEC,IAEAH,GAAa,CAEf,SAAAI,GAAA,CACEd,EAAA,MAAA,GACAS,EAAA,QAAApC,GAAAA,GAAA,YAAAA,GAAA,EACAoC,EAAA,IAAQ,CAEV,OAAAM,GAAAH,CAAA,EACAI,GAAAJ,CAAA,EACAK,GAAAH,CAAA,EACAI,GAAAJ,CAAA,EAEA,CAAArC,EAAAC,CAAA,EAAAC,GAAA,IAAAkB,EAAA,CAAA,EAAA,MAAApB,EAAAC,m1HC5EA,KAAA,CAAM,SAAAyC,EACJ,SAAArD,EACA,gBAAAsD,EACA,oBAAAC,EACA,uBAAAC,EACA,gBAAAC,EACA,OAAAC,EACA,oBAAAC,EACA,WAAA5B,CACA,EAAA6B,GAAA,EAGF,OAAAjD,EAAAC,CAAA,EAAAC,GAAA,IAAAkB,EAAA,CAAA,EAAA,MAAApB,EAAAC"}