{"version":3,"file":"utils-7b515ff5.js","sources":["../../../../../src/components/dealer/reference/index.vue","../../../../../src/components/dealer/series-item-model-list.vue","../../../../../src/logic/dealer/utils.ts"],"sourcesContent":["<script setup lang='ts'>\r\nimport type { ModelReference } from '../hooks/reference'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  totalPrice?: string\r\n  reference?: ModelReference\r\n  trigger?: 'click' | 'hover'\r\n}>(), {\r\n  totalPrice: '',\r\n  trigger: 'hover',\r\n  reference: () => [],\r\n})\r\n\r\nconst { isMobileOrTablet } = useDevice()\r\n</script>\r\n\r\n<template>\r\n  <template v-if=\"isMobileOrTablet\">\r\n    <LazyDealerMobile\r\n      :total-price=\"props.totalPrice\"\r\n      :reference=\"props.reference\"\r\n    />\r\n  </template>\r\n  <template v-else>\r\n    <LazyDealerPc\r\n      :total-price=\"props.totalPrice\"\r\n      :reference=\"props.reference\"\r\n    />\r\n  </template>\r\n</template>\r\n","<script setup lang='ts'>\r\nimport { dealerDetailModelDetailPath, dealerDetailXjSjPath, formatPrice, listStateToStatus } from '@qcwp/common'\r\nimport { LogicDealerModel } from '~~/src/logic/dealer/model'\r\nconst props = withDefaults(defineProps<{\r\n  show?: boolean\r\n  dealerId: string\r\n  seriesId: string\r\n  heightAuto?: boolean\r\n}>(), {\r\n  heightAuto: false,\r\n})\r\n\r\nconst { isMobileOrTablet } = useDevice()\r\nconst { formatModelData: modelItems, clientHandler, state } = LogicDealerModel(props.dealerId, { pageNum: 1, pageSize: 20 })\r\nasync function initHandle() {\r\n  try {\r\n    await clientHandler({ carDealerId: props.dealerId, carSeriesId: props.seriesId })\r\n  }\r\n  catch (error) {\r\n    console.error(error)\r\n  }\r\n}\r\n\r\nconst status = computed(() => listStateToStatus(state.value))\r\nconst stop = watch(() => props.show, async () => {\r\n  if (!props.show || modelItems.value.length)\r\n    return\r\n  initHandle()\r\n}, { immediate: true })\r\n\r\nonBeforeUnmount(() => {\r\n  stop()\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"isMobileOrTablet\" md=\"hidden\">\r\n    <utils-mobile-state :state=\"status\" :list=\"modelItems\">\r\n      <n-scrollbar :class=\"[heightAuto ? 'h-auto' : 'max-h-50']\">\r\n        <div\r\n          v-for=\"v, i in modelItems\" :key=\"i\" class=\"flex flex-wrap py-3 px-3\"\r\n          border=\"b-1 gray-200 dashed\" last=\"border-b-0\"\r\n        >\r\n          <NuxtLink\r\n            :to=\"dealerDetailModelDetailPath(props.dealerId, v.seriesId, v.modelId)\"\r\n            class=\"active-hover text-4 font-bold w-full block\"\r\n          >\r\n            {{ v.modelName }}\r\n          </NuxtLink>\r\n          <p class=\"w-50%\">\r\n            <span>厂商价：</span>\r\n            <span>\r\n              {{ formatPrice(v.guidingPrice) }}\r\n            </span>\r\n          </p>\r\n          <p class=\"w-50%\">\r\n            <span>裸车价：</span>\r\n            <span>{{ formatPrice(v.nakedPrice) }}</span>\r\n          </p>\r\n          <p class=\"w-full flex items-center justify-end gap-3 mt-2\">\r\n            <dealer-reference-mobile v-if=\"v.reference\" :total-price=\"v.referenceTotalPrice\" :reference=\"v.reference\" />\r\n            <NuxtLink\r\n              :to=\"dealerDetailXjSjPath({\r\n                dealerId: props.dealerId,\r\n                brandId: v.brandId,\r\n                brandName: v.brandName,\r\n                vendorId: v.vendorId,\r\n                vendorName: v.vendorName,\r\n                seriesId: v.seriesId,\r\n                seriesName: v.seriesName,\r\n                modelId: v.modelId,\r\n                modelName: v.modelName,\r\n                type: `xj`,\r\n              })\"\r\n            >\r\n              <n-button size=\"small\" type=\"primary\" px-3>\r\n                询价\r\n              </n-button>\r\n            </NuxtLink>\r\n            <NuxtLink\r\n              :to=\"dealerDetailXjSjPath({\r\n                dealerId: props.dealerId,\r\n                brandId: v.brandId,\r\n                brandName: v.brandName,\r\n                vendorId: v.vendorId,\r\n                vendorName: v.vendorName,\r\n                seriesId: v.seriesId,\r\n                seriesName: v.seriesName,\r\n                modelId: v.modelId,\r\n                modelName: v.modelName,\r\n                type: `sj`,\r\n              })\"\r\n            >\r\n              <n-button size=\"small\" ghost type=\"error\" px-3>\r\n                试驾\r\n              </n-button>\r\n            </NuxtLink>\r\n          </p>\r\n        </div>\r\n      </n-scrollbar>\r\n    </utils-mobile-state>\r\n  </div>\r\n  <div v-else lt-md=\"hidden\" class=\"flex flex-col\" :class=\"[heightAuto ? 'h-auto' : '']\">\r\n    <header class=\"model-item px-3\">\r\n      <span col-span-11 text-left>车型</span>\r\n      <span col-span-4>厂商价</span>\r\n      <span col-span-4>裸车价</span>\r\n      <span col-span-5>咨询</span>\r\n    </header>\r\n    <utils-mobile-state :state=\"status\" :list=\"modelItems\">\r\n      <n-scrollbar :class=\"[heightAuto ? 'h-auto' : 'max-h-50']\">\r\n        <div v-for=\"v, i in modelItems\" :key=\"i\" class=\"model-item px-3\">\r\n          <NuxtLink\r\n            class=\"public-hover\"\r\n            :to=\"dealerDetailModelDetailPath(props.dealerId, v.seriesId, v.modelId)\" col-span-11 text-left\r\n          >\r\n            {{ v.modelName }}\r\n          </NuxtLink>\r\n          <span col-span-4>{{ formatPrice(v.guidingPrice) }}</span>\r\n          <span class=\"col-span-4  model-item-flex\">\r\n            <span text-error>{{ formatPrice(v.nakedPrice) }}</span>\r\n            <dealer-reference v-if=\"v.reference\" :total-price=\"v.referenceTotalPrice\" :reference=\"v.reference\" />\r\n          </span>\r\n          <span class=\" gap-2 col-span-5 model-item-flex\">\r\n            <NuxtLink\r\n              :to=\"dealerDetailXjSjPath({\r\n                dealerId: props.dealerId,\r\n                brandId: v.brandId,\r\n                brandName: v.brandName,\r\n                vendorId: v.vendorId,\r\n                vendorName: v.vendorName,\r\n                seriesId: v.seriesId,\r\n                seriesName: v.seriesName,\r\n                modelId: v.modelId,\r\n                modelName: v.modelName,\r\n                type: `xj`,\r\n              })\"\r\n            >\r\n              <n-button size=\"small\" type=\"primary\" px-3>\r\n                询价\r\n              </n-button>\r\n            </NuxtLink>\r\n            <NuxtLink\r\n              :to=\"dealerDetailXjSjPath({\r\n                dealerId: props.dealerId,\r\n                brandId: v.brandId,\r\n                brandName: v.brandName,\r\n                vendorId: v.vendorId,\r\n                vendorName: v.vendorName,\r\n                seriesId: v.seriesId,\r\n                seriesName: v.seriesName,\r\n                modelId: v.modelId,\r\n                modelName: v.modelName,\r\n                type: `sj`,\r\n              })\"\r\n            >\r\n              <n-button size=\"small\" ghost type=\"error\" px-3>\r\n                试驾\r\n              </n-button>\r\n            </NuxtLink>\r\n\r\n          </span>\r\n        </div>\r\n      </n-scrollbar>\r\n    </utils-mobile-state>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n.model {\r\n  &-item {\r\n    --uno: items-center gap-2 text-center py-3 grid grid-cols-24;\r\n    --uno: border-b-1 border-gray-200 border-dashed last:border-b-0;\r\n\r\n    &-flex {\r\n      --uno: flex items-center justify-center;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { formatPrice } from '@qcwp/common'\r\nimport type { DealerSeriesResponse } from '~~/src/server/modules/car/types'\r\nimport type { SeriesRowData } from '~~/src/components/dealer/hooks/series'\r\n\r\nexport function formatSeriesToRow(data?: DealerSeriesResponse): SeriesRowData | null {\r\n  if (!data)\r\n    return null\r\n\r\n  const newData: SeriesRowData = {\r\n    modelLs: [],\r\n    seriesName: data.seriesVO.carSeriesName,\r\n    seriesId: data.seriesVO.id,\r\n    seriesImg: data.seriesVO.coverImg || '',\r\n    price: formatPrice(data.seriesVO.minPrice, data.seriesVO.maxPrice),\r\n    productionPlace: data.seriesVO.productionPlace || '',\r\n    carType: data.seriesVO.seriesGrade,\r\n    carSeriesEnergyCode: data.seriesVO.carSeriesEnergyCode || '',\r\n  }\r\n\r\n  return newData\r\n}\r\n"],"names":["isMobileOrTablet","useDevice","modelItems","clientHandler","state","LogicDealerModel","props","initHandle","error","status","computed","listStateToStatus","stop","watch","onBeforeUnmount","formatSeriesToRow","data","formatPrice"],"mappings":"soFAaA,CAAA,iBAAAA,GAAAC,u+BCDA,CAAA,iBAAAD,GAAAC,IACA,CAAA,gBAAAC,EAAA,cAAAC,EAAA,MAAAC,CAAA,EAAAC,GAAAC,EAAA,SAAA,CAAA,QAAA,EAAA,SAAA,EAAA,CAAA,EACA,eAAAC,GAAA,CACE,GAAA,CACE,MAAAJ,EAAA,CAAA,YAAAG,EAAA,SAAA,YAAAA,EAAA,QAAA,CAAA,CAAgF,OAAAE,EAAA,CAGhF,QAAA,MAAAA,CAAA,CAAmB,CACrB,CAGF,MAAAC,EAAAC,EAAA,IAAAC,EAAAP,EAAA,KAAA,CAAA,EACAQ,EAAAC,EAAA,IAAAP,EAAA,KAAA,SAAA,CACE,CAAAA,EAAA,MAAAJ,EAAA,MAAA,QAEAK,GAAW,EAAA,CAAA,UAAA,EAAA,CAAA,EAGb,OAAAO,EAAA,IAAA,CACEF,GAAK,CAAA,s1FC3BA,SAASG,GAAkBC,EAAmD,CACnF,OAAKA,EAG0B,CAC7B,QAAS,CAAC,EACV,WAAYA,EAAK,SAAS,cAC1B,SAAUA,EAAK,SAAS,GACxB,UAAWA,EAAK,SAAS,UAAY,GACrC,MAAOC,EAAYD,EAAK,SAAS,SAAUA,EAAK,SAAS,QAAQ,EACjE,gBAAiBA,EAAK,SAAS,iBAAmB,GAClD,QAASA,EAAK,SAAS,YACvB,oBAAqBA,EAAK,SAAS,qBAAuB,EAAA,EAVnD,IAcX"}