{"version":3,"file":"model-71bdc0a3.js","sources":["../../../../../src/components/page/series/model-item.vue","../../../../../src/components/page/series/model.vue"],"sourcesContent":["<script setup lang='ts'>\r\nimport { inquiryPricePath, seriesParameterPath } from '@qcwp/common'\r\nimport type { ModelResponse } from '~~/src/server/modules/car/types'\r\nimport { SellStatusCode } from '~~/src/server/modules/car/types'\r\nimport { modelToCompareItem, useCarCompareStore } from '~~/src/pages/series/hooks/compareStore'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  seriesId: string\r\n  data?: ModelResponse\r\n}>(), {})\r\n\r\nconst carCompareStore = useCarCompareStore()\r\nconst { active, compareCarList } = storeToRefs(carCompareStore)\r\nconst isAddCompare = computed(() => {\r\n  return compareCarList.value.find(v => v.modelId === props.data?.id)\r\n})\r\nfunction addCompare() {\r\n  if (!props.data)\r\n    return\r\n  if (isAddCompare.value) {\r\n    compareCarList.value = compareCarList.value.filter(v => v.modelId !== props.data?.id)\r\n    return\r\n  }\r\n  carCompareStore.add(modelToCompareItem(props.data))\r\n  active.value = true\r\n}\r\n\r\nfunction getSellStatusText(status: ModelResponse['sellStatusCode']) {\r\n  switch (status) {\r\n    case SellStatusCode.NORMAL:\r\n      return '在售'\r\n    case SellStatusCode.STOP:\r\n      return '停售'\r\n    default:\r\n      return ''\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    v-if=\"data\"\r\n    border=\"1 gray-100\"\r\n    class=\"bg-white p-3 rounded-md shadow-sm \"\r\n  >\r\n    <p class=\"flex items-start justify-between text-4\">\r\n      <span class=\"flex-grow mr-2\">{{ data?.carModelName }}</span>\r\n      <ClientOnly>\r\n        <span class=\"text-3 leading-6 cursor-pointer flex-shrink-0\" :class=\"[isAddCompare ? 'text-gray-4' : 'text-blue-5']\" @click=\"addCompare\">\r\n          {{ isAddCompare ? '已加对比' : '+ 对比' }}\r\n        </span>\r\n      </ClientOnly>\r\n    </p>\r\n    <p text=\"3 title-500\" mb-3>\r\n      指导价: <span text-error>{{ data?.vendorGuidePrice ? `${data?.vendorGuidePrice}万` : '暂无报价' }}</span>\r\n    </p>\r\n    <div class=\"flex items-end justify-between\">\r\n      <p class=\"text-3\" :class=\"[data?.sellStatusCode === SellStatusCode.STOP ? 'text-gray-400' : 'text-primary']\">\r\n        {{ getSellStatusText(data?.sellStatusCode) }}\r\n      </p>\r\n      <p class=\"flex items-center justify-end gap-2\">\r\n        <nuxt-link :to=\"seriesParameterPath(seriesId, data.id)\">\r\n          <n-button size=\"small\" secondary type=\"success\">\r\n            参数\r\n          </n-button>\r\n        </nuxt-link>\r\n        <nuxt-link :to=\"inquiryPricePath(seriesId, data.id)\">\r\n          <n-button size=\"small\" secondary type=\"info\">\r\n            询价\r\n          </n-button>\r\n        </nuxt-link>\r\n      </p>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup lang='ts'>\r\nimport { seriesPricePath } from '@qcwp/common'\r\nimport { isArray } from '@qcwp/utils'\r\nimport ModelItem from './model-item.vue'\r\nimport { useSeriesDetailStore } from '~~/src/pages/series/hooks/store'\r\nimport type { ModelResponse } from '~~/src/server/modules/car/types'\r\nimport { SellStatusCode } from '~~/src/server/modules/car/types'\r\nconst props = withDefaults(defineProps<{\r\n  isShowStop?: boolean\r\n}>(), {\r\n  isShowStop: false,\r\n})\r\nconst showStop = ref(props.isShowStop)\r\nfunction isYearAllStop(data: ModelResponse[]) {\r\n  if (!data || !isArray(data))\r\n    return false\r\n  return !data.find(v => v.sellStatusCode === SellStatusCode.NORMAL)\r\n}\r\nconst seriesDetailStore = useSeriesDetailStore()\r\nconst { seriesId, currentSeriesDetail, hasSeriesModelList, currentSeriesModelList, currentSeriesModelYears, isAllStop } = storeToRefs(seriesDetailStore)\r\nconst activeYear = ref('')\r\nlet stops = [\r\n  watch(showStop, () => {\r\n    if (!currentSeriesModelList.value || !currentSeriesModelList.value[activeYear.value] || !currentSeriesModelYears.value || !currentSeriesModelYears.value.length)\r\n      return\r\n    activeYear.value = isYearAllStop(currentSeriesModelList.value[activeYear.value]) ? currentSeriesModelYears.value[0] : activeYear.value\r\n  }),\r\n]\r\n\r\nonUnmounted(() => {\r\n  stops.forEach(v => v?.())\r\n  stops = null!\r\n})\r\nasync function initHandle() {\r\n  try {\r\n    if (!hasSeriesModelList.value)\r\n      await seriesDetailStore.getSeriesModelList(seriesId.value)\r\n\r\n    if (currentSeriesModelList && Object.keys(currentSeriesModelList).length && !showStop.value)\r\n      showStop.value = isAllStop.value\r\n\r\n    if (currentSeriesModelYears.value && currentSeriesModelYears.value.length)\r\n      activeYear.value = currentSeriesModelYears.value[0]\r\n  }\r\n  catch (error) {}\r\n}\r\n\r\nawait initHandle()\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"{ '[&_.is-stop]:hidden': !showStop }\">\r\n    <div class=\"flex items-center justify-between bg-blue-5 text-white p-3 rounded-md\">\r\n      <h2>\r\n        <span class=\"font-bold text-5\">车款</span>\r\n        <nuxt-link :to=\"seriesPricePath(seriesId)\" class=\"text-center text-3 ml-3\">\r\n          <span class=\"mr-1 vertical-middle\">共{{ currentSeriesDetail?.modelTotal }}款车型</span>\r\n          <i i-bxs:right-arrow text-2 />\r\n        </nuxt-link>\r\n      </h2>\r\n      <div flex items-center>\r\n        <n-switch v-model:value=\"showStop\" :round=\"false\">\r\n          <template #checked>\r\n            显示\r\n          </template>\r\n          <template #unchecked>\r\n            隐藏\r\n          </template>\r\n        </n-switch>\r\n        <p ml-1>\r\n          停产车\r\n        </p>\r\n      </div>\r\n    </div>\r\n    <template v-if=\"currentSeriesModelList && Object.keys(currentSeriesModelList).length && (showStop || !isAllStop)\">\r\n      <div class=\"flex items-baseline overflow-auto my-2\">\r\n        <template v-for=\"year in currentSeriesModelYears\">\r\n          <h3\r\n            v-if=\"year && Object.keys(currentSeriesModelList).includes(year)\" :key=\"year\"\r\n            class=\"text-3.5 font-bold mr-3 cursor-pointer inline-block align-baseline flex-shrink-0\"\r\n            :class=\"{\r\n              'is-stop': isYearAllStop(currentSeriesModelList?.[year] || []),\r\n              'text-5 text-blue-5': activeYear === year,\r\n            }\"\r\n            @click=\"activeYear = year\"\r\n          >\r\n            {{ year === '#' ? '其他' : `${year}年款` }}\r\n          </h3>\r\n        </template>\r\n      </div>\r\n      <template v-for=\"year in currentSeriesModelYears\">\r\n        <div v-if=\"year === activeYear\" :key=\"year\" md=\"grid grid-cols-2 gap-2\">\r\n          <ModelItem\r\n            v-for=\"v in currentSeriesModelList[year]\" :key=\"v.id\"\r\n            :data=\"v\"\r\n            :series-id=\"seriesId\"\r\n            :class=\"{ 'is-stop': v.sellStatusCode === SellStatusCode.STOP }\"\r\n            lt-md=\"mb-3 last:mb-0\"\r\n          />\r\n        </div>\r\n      </template>\r\n    </template>\r\n    <base-empty\r\n      v-else\r\n      icon-class=\"i-custom-undraw-vehicle?bg text-50 mt-4\"\r\n      :text=\"currentSeriesModelList && Object.keys(currentSeriesModelList).length ? '暂无在售车型信息' : '暂无相关车型信息'\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n</style>\r\n"],"names":["carCompareStore","useCarCompareStore","active","compareCarList","storeToRefs","isAddCompare","computed","v","_a","props","addCompare","modelToCompareItem","getSellStatusText","status","SellStatusCode","showStop","ref","isYearAllStop","data","isArray","seriesDetailStore","useSeriesDetailStore","seriesId","currentSeriesDetail","hasSeriesModelList","currentSeriesModelList","currentSeriesModelYears","isAllStop","activeYear","stops","watch","onUnmounted","initHandle","__temp","__restore","_withAsyncContext"],"mappings":"o+BAWAA,EAAAC,IACA,CAAA,OAAAC,EAAA,eAAAC,CAAA,EAAAC,EAAAJ,CAAA,EACAK,EAAAC,EAAA,IACEH,EAAA,MAAA,KAAAI,GAAA,OAAA,OAAAA,EAAA,YAAAC,EAAAC,EAAA,OAAA,YAAAD,EAAA,IAAA,CAAkE,EAEpE,SAAAE,GAAA,CACE,GAAAD,EAAA,KAEA,IAAAJ,EAAA,MAAA,CACEF,EAAA,MAAAA,EAAA,MAAA,OAAAI,GAAA,OAAA,OAAAA,EAAA,YAAAC,EAAAC,EAAA,OAAA,YAAAD,EAAA,IAAA,EACA,MAAA,CAEFR,EAAA,IAAAW,EAAAF,EAAA,IAAA,CAAA,EACAP,EAAA,MAAA,GAAe,CAGjB,SAAAU,EAAAC,EAAA,CACE,OAAAA,EAAA,CAAgB,KAAAC,EAAA,OAEZ,MAAA,KAAO,KAAAA,EAAA,KAEP,MAAA,KAAO,QAEP,MAAA,EAAO,CACX,w3CCvBF,MAAAC,EAAAC,IAAA,UAAA,EACA,SAAAC,EAAAC,EAAA,CACE,MAAA,CAAAA,GAAA,CAAAC,EAAAD,CAAA,EACE,GACF,CAAAA,EAAA,KAAAX,GAAAA,EAAA,iBAAAO,EAAA,MAAA,CAAiE,CAEnE,MAAAM,EAAAC,KACA,CAAA,SAAAC,EAAA,oBAAAC,EAAA,mBAAAC,EAAA,uBAAAC,EAAA,wBAAAC,EAAA,UAAAC,CAAA,EAAAvB,EAAAgB,CAAA,EACAQ,EAAAZ,EAAA,EAAA,EACA,IAAAa,EAAA,CAAYC,EAAAf,EAAA,IAAA,CAER,CAAAU,EAAA,OAAA,CAAAA,EAAA,MAAAG,EAAA,KAAA,GAAA,CAAAF,EAAA,OAAA,CAAAA,EAAA,MAAA,SAEAE,EAAA,MAAAX,EAAAQ,EAAA,MAAAG,EAAA,KAAA,CAAA,EAAAF,EAAA,MAAA,CAAA,EAAAE,EAAA,MAAiI,CAAA,CAClI,EAGHG,EAAA,IAAA,CACEF,EAAA,QAAAtB,GAAAA,GAAA,YAAAA,GAAA,EACAsB,EAAA,IAAQ,CAAA,EAEV,eAAAG,GAAA,CACE,GAAA,CACER,EAAA,OACE,MAAAJ,EAAA,mBAAAE,EAAA,KAAA,EAEFG,GAAA,OAAA,KAAAA,CAAA,EAAA,QAAA,CAAAV,EAAA,QACEA,EAAA,MAAAY,EAAA,OAEFD,EAAA,OAAAA,EAAA,MAAA,SACEE,EAAA,MAAAF,EAAA,MAAA,CAAA,EAAkD,MAAA,CAExC,CAAC,CAGjB,OAAAO,EAAAC,CAAA,EAAAC,GAAA,IAAAH,EAAA,CAAA,EAAA,MAAAC,EAAAC"}