{"version":3,"file":"_seriesId_.nR8A-Ccq.js","sources":["../../../../src/logic/rank/hotSeries.ts","../../../../src/components/Rank/HotSeries.vue","../../../../src/components/Basic/Rate.vue","../../../../src/pages/reputation/components/SeriesSummary.vue","../../../../src/pages/reputation/components/Advantages.vue","../../../../src/logic/reputation/detail.ts","../../../../src/pages/reputation/components/Statistics.vue","../../../../src/pages/reputation/components/NewComplaint.vue","../../../../src/pages/reputation/[seriesId].vue"],"sourcesContent":["import { LOAD_STATE } from '@/shared/types'\r\nimport type { HotSeriesResponse } from '@/server/types'\r\nimport { getHotSeriesRankApi } from '@/server'\r\n\r\nexport function logicHotSeriesRank() {\r\n  const state = ref(LOAD_STATE.INIT)\r\n  const data = ref<HotSeriesResponse[]>([])\r\n\r\n  async function getRankData() {\r\n    const res = await useLoadState({\r\n      state,\r\n      key: `热门车系排行榜`,\r\n      onlyClient: true,\r\n      fn: () => getHotSeriesRankApi(),\r\n    })\r\n\r\n    if (res && res.data)\r\n      data.value = res.data\r\n  }\r\n\r\n  return {\r\n    state,\r\n    data,\r\n    getRankData,\r\n  }\r\n}\r\n","<script setup lang='ts'>\r\nimport { APP_ROUTER } from '@qctsw/common'\r\nimport { logicHotSeriesRank } from '@/logic/rank/hotSeries'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  embedded?: boolean\r\n}>(), {\r\n  embedded: true,\r\n})\r\n\r\nconst {\r\n  state,\r\n  data,\r\n  getRankData,\r\n} = logicHotSeriesRank()\r\n\r\nawait getRankData()\r\n</script>\r\n\r\n<template>\r\n  <n-card\r\n    title=\"热门车系\" :embedded=\"props.embedded\" size=\"small\"\r\n    class=\"rounded-md\"\r\n    header-style=\"--n-title-font-weight: bold;\"\r\n  >\r\n    <template #header-extra>\r\n      <span class=\"text-red-4 text-3.25\">投诉量<span font-bold text-2.5>/</span>宗</span>\r\n    </template>\r\n    <UtilLoadState :state=\"state\" :reload-handler=\"getRankData\">\r\n      <template v-if=\"data.length\">\r\n        <NuxtLink\r\n          v-for=\"(v, i) in data\" :key=\"i\"\r\n          class=\"mb-sm text-3.5 flex items-center last:mb-0\"\r\n          :to=\"APP_ROUTER.reputationDetail(v.carSeriesId)\"\r\n        >\r\n          <span class=\"rank mr-2.5\" :class=\"`rank__${i}`\">{{ i + 1 }}</span>\r\n          <span class=\"line-clamp-1 text-3.5 hover:text-orange-6 font-bold flex-grow\">\r\n            {{ v.carSeriesName }}<span class=\"text-3 font-normal ml-1 text-slate-5\">({{ v.carVendorName }})</span>\r\n          </span>\r\n          <span class=\"text-red-5 ml-sm text-4 font-mono\">\r\n            {{ v.complainCount }}\r\n          </span>\r\n        </NuxtLink>\r\n      </template>\r\n      <BasicEmpty v-else />\r\n    </UtilLoadState>\r\n  </n-card>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n@import url(@/assets/styles/rank.scss);\r\n</style>\r\n","<script setup lang='ts'>\r\nconst props = withDefaults(defineProps<{\r\n  modelValue?: number\r\n  count?: number\r\n  activeColor?: string\r\n  voidColor?: string\r\n  padding?: number\r\n  size?: number\r\n}>(), {\r\n  modelValue: 0, // total 100\r\n  count: 5,\r\n  activeColor: '#FF551D',\r\n  voidColor: '#B9C0D3',\r\n  padding: 5,\r\n  size: 18,\r\n})\r\n\r\nconst voidColor = computed(() => props.voidColor)\r\nconst activeColor = computed(() => props.activeColor)\r\nconst padding = computed(() => `${props.padding}px`)\r\nconst size = computed(() => props.size)\r\n\r\nconst rateRef = ref()\r\nconst width = ref('0')\r\nfunction updateWidth() {\r\n  if (!rateRef.value)\r\n    return\r\n  let currentWidth = 0\r\n  const totalPadding = (props.count - 1) * props.padding\r\n  const totalWidth = rateRef.value.clientWidth\r\n\r\n  // 每份的比重\r\n  const equalCount = (10 / props.count) * 10\r\n\r\n  const activeCount = Math.floor(props.modelValue / equalCount)\r\n  const remainder = props.modelValue % equalCount\r\n\r\n  // padding在总宽\r\n  const paddingTotalWidth = props.padding * activeCount\r\n  // star在总宽\r\n  const starWidth = (totalWidth - totalPadding) / props.count\r\n  const starTotalWidth = starWidth * activeCount + starWidth / equalCount * remainder\r\n  currentWidth = paddingTotalWidth + starTotalWidth\r\n  width.value = `${currentWidth}px`\r\n}\r\n\r\nwatch(rateRef, () => {\r\n  updateWidth()\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"rateRef\" class=\"flex rate-void relative\">\r\n    <div class=\"flex\">\r\n      <div v-for=\"v in props.count\" :key=\"v\" class=\"i-bi:star-fill rate-item\" />\r\n    </div>\r\n    <div class=\"flex rate-active\">\r\n      <div class=\"flex\">\r\n        <div v-for=\"v in props.count\" :key=\"v\" class=\"i-bi:star-fill rate-item\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n.rate-void,\r\n.rate-active {\r\n  font-size: v-bind(size);\r\n\r\n}\r\n\r\n.rate-void {\r\n  color: v-bind(voidColor);\r\n}\r\n\r\n.rate-active {\r\n  position: absolute;\r\n  overflow: hidden;\r\n  color: v-bind(activeColor);\r\n  width: v-bind(width);\r\n}\r\n\r\n.rate-item {\r\n  margin-right: v-bind(padding);\r\n\r\n  &:last-child {\r\n    margin-right: 0;\r\n  }\r\n}\r\n</style>\r\n","<script setup lang='ts'>\r\nimport type { SeriesDetailLabel } from '~/logic/reputation/detail'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  seriesCoverImg?: string\r\n  seriesDisplacements?: string\r\n  seriesGearboxs?: string\r\n  seriesBodys?: string\r\n  statComplainTotal?: number\r\n  statFinishRate?: number\r\n  statQt?: number\r\n  statCacsi?: number\r\n  brandId?: number\r\n  seriesId?: number\r\n  seriesName?: string\r\n  labels: SeriesDetailLabel\r\n}>(), {\r\n  seriesCoverImg: '',\r\n  seriesName: '',\r\n  seriesDisplacements: '',\r\n  seriesGearboxs: '',\r\n  seriesBodys: '',\r\n  statComplainTotal: 0,\r\n  statFinishRate: 0,\r\n  statQt: 0,\r\n  statCacsi: 0,\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"p-6\">\r\n    <div class=\"w-70 relative rounded-1.5 overflow-hidden mb-2 bg-slate-2\">\r\n      <div class=\"font-bold text-8 flex items-center text-center justify-center  break-all grid place-content-center h-35\">\r\n        {{ props.seriesName }}\r\n      </div>\r\n      <NuxtLink\r\n        :to=\"`/publish?brandId=${brandId}&seriesId=${seriesId}`\"\r\n        class=\"text-3.5 bg-orange-6  text-center py-2 text-6 text-white block\"\r\n      >\r\n        我要投诉\r\n      </NuxtLink>\r\n    </div>\r\n    <div class=\"label-item flex items-start\">\r\n      <span class=\"w-17.5\">排量:</span>\r\n      <span class=\"w-70 break-all\">{{ seriesDisplacements }}</span>\r\n    </div>\r\n    <div class=\"label-item flex items-start\">\r\n      <span class=\"w-17.5\">变速箱:</span>\r\n      <span class=\"w-70 break-all\">{{ seriesGearboxs }}</span>\r\n    </div>\r\n    <div class=\"label-item\">\r\n      <span class=\"w-17.5\">车身类型:</span>\r\n      <span>{{ seriesBodys }}</span>\r\n    </div>\r\n  </div>\r\n  <div class=\"px-6 pb-6 pt-2 flex-grow min-w-0 border-side\">\r\n    <div class=\"label-item flex items-center\">\r\n      <span>用户满意度:</span>\r\n      <div class=\"flex\">\r\n        <BasicRate :model-value=\"statCacsi\" :count=\"5\" active-color=\"#FF551D\" void-color=\"#B9C0D3\" />\r\n        <div class=\"text-orange-6 font-bold ml-3\">\r\n          {{ statCacsi }}分\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"label-item flex\">\r\n      <span>投诉量:</span>\r\n      <span class=\"text-orange-6 font-bold\">{{ statComplainTotal }}</span>\r\n    </div>\r\n    <div class=\"label-item flex\">\r\n      <span>完成率:</span>\r\n      <span class=\"text-orange-6 font-bold\">{{ Math.floor(statFinishRate * 10000) / 100 }}%</span>\r\n    </div>\r\n    <div class=\"label-item flex\">\r\n      <span>QT分:</span>\r\n      <span class=\"text-orange-6 font-bold\">{{ statQt }}</span>\r\n    </div>\r\n    <div class=\"border-b-1 border-slate-1 pb-sm mb-sm\" />\r\n    <div>\r\n      <div class=\"font-bold\">\r\n        问题总结\r\n      </div>\r\n      <div class=\"label-item flex\">\r\n        <span>质量问题:</span>\r\n        <div flex-grow>\r\n          <BasicLabel :data-list=\"labels.quality\" :line-count=\"1\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"label-item flex\">\r\n        <span>销售问题:</span>\r\n        <div>\r\n          <BasicLabel :data-list=\"labels.sale\" :line-count=\"1\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"label-item flex\">\r\n        <span>售后问题:</span>\r\n        <div>\r\n          <BasicLabel :data-list=\"labels.afterSale\" :line-count=\"1\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n.label-item {\r\n  padding-top: 16px;\r\n  min-height: 36px;\r\n\r\n  & span:first-child {\r\n    --uno: inline-block text-3.5 text-slate-5 text-right mr-sm flex-shrink-0 whitespace-nowrap;\r\n  }\r\n}\r\n</style>\r\n","<script setup lang='ts'>\r\nconst props = withDefaults(defineProps<{\r\n  advantages?: string[]\r\n  disadvantages?: string[]\r\n}>(), {\r\n  advantages: () => [],\r\n  disadvantages: () => [],\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"font-bold mb-4\">\r\n    优缺点\r\n  </div>\r\n  <div class=\"text-slate-4 mb-4\">\r\n    优点:\r\n  </div>\r\n  <div class=\"flex items-center flex-wrap label\">\r\n    <div v-for=\"v, i in props.advantages\" :key=\"i\" class=\"warning item\">\r\n      {{ v }}\r\n    </div>\r\n  </div>\r\n  <div class=\"text-slate-4 my-4\">\r\n    缺点:\r\n  </div>\r\n  <div class=\"flex items-center flex-wrap label\">\r\n    <div v-for=\"v, i in props.disadvantages\" :key=\"i\" class=\"item\">\r\n      {{ v }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n.label {\r\n  .item {\r\n    --uno: mb-sm mr-2 px-2 py-0.5 text-3 border-1 border-blue-5 text-blue-5;\r\n  }\r\n\r\n  .warning.item {\r\n    --uno: border-orange-5 text-orange-5;\r\n  }\r\n}\r\n</style>\r\n","import { getCurrentTime, isArray, isString } from '@qctsw/utils'\r\nimport {\r\n  getComplaintCountStatisticsApi,\r\n  getIssueStatisticsApi,\r\n  getReputationDetailApi,\r\n  getReputationNewComplaintApi,\r\n  modelListApi,\r\n} from '~/server'\r\nimport type {\r\n  ComplaintCountStatisticsParams,\r\n  ComplaintCountStatisticsResponse,\r\n  IssueStatisticsParams,\r\n  IssueStatisticsResponse,\r\n  ModelResponse,\r\n  ReputationDetailResponse,\r\n  ReputationNewComplaintItem,\r\n} from '~/server/types'\r\nimport { useGetRouteParam } from '~/shared/function'\r\nimport { LOAD_STATE } from '~/shared/types'\r\nimport type { ISSUE_TYPE_CODE } from '~/shared/constants'\r\n\r\nexport enum ModelYear {\r\n  all = '所有款',\r\n}\r\n\r\nexport interface SeriesDetailLabel {\r\n  quality: Labels[]\r\n  sale: Labels[]\r\n  afterSale: Labels[]\r\n}\r\nexport interface Labels {\r\n  content: string\r\n  tips: string\r\n}\r\nexport interface ComplaintIssueStatistics {\r\n  source: IssueStatisticsResponse[]\r\n  keys: string[]\r\n  counts: number[]\r\n  labels: Labels[]\r\n}\r\n\r\nexport function logicReputationDetail() {\r\n  // const { changeMeta } = useSite()\r\n  const state = ref(LOAD_STATE.INIT)\r\n  const detailData = ref<ReputationDetailResponse | null>(null)\r\n\r\n  // function setMeta() {\r\n  //   const data = detailData.value\r\n  //   if (!data)\r\n  //     return\r\n  //   const title = `${data.carSeriesName} - ${data.carBrandName} - 口碑 - 汽车投诉网`\r\n  //   const description = `${data.carVendorName}${data.carSeriesName}(${data.seriesBodys\r\n  //     } -${data.seriesDisplacements})，优点：${data.seriesMerits}，缺点：${data.seriesDefects} `\r\n  //   changeMeta({\r\n  //     title,\r\n  //     description,\r\n  //     keywords: [data.carBrandName, data.carVendorName, data.carSeriesName, data.seriesBodys, data.seriesDisplacements],\r\n  //   })\r\n  // }\r\n  async function getDetail(id: string) {\r\n    const res = await useLoadState({\r\n      key: `口碑详情-${id}`,\r\n      state,\r\n      fn: () => getReputationDetailApi(id),\r\n    })\r\n\r\n    if (!res?.data)\r\n      return\r\n\r\n    detailData.value = res.data\r\n    // setMeta()\r\n  }\r\n  return {\r\n    state,\r\n    detailData,\r\n    getDetail,\r\n  }\r\n}\r\n\r\nexport function logicReputationStatistics() {\r\n  const seriesId = useGetRouteParam('seriesId', '')\r\n\r\n  const modelId = ref<number | undefined>(undefined)\r\n  const modelYear = ref<number | undefined>(undefined)\r\n  watch(modelYear, (nv, ov) => {\r\n    if (nv !== ov)\r\n      modelId.value = undefined\r\n  })\r\n\r\n  const complaintCountStatistics = ref<{\r\n    source: ComplaintCountStatisticsResponse[]\r\n    year: number[]\r\n    data: number[]\r\n  }>({\r\n    source: [],\r\n    year: [],\r\n    data: [],\r\n  })\r\n  const complaintIssueStatistics = ref<ComplaintIssueStatistics>({\r\n    source: [],\r\n    keys: [],\r\n    counts: [],\r\n    labels: [],\r\n  })\r\n\r\n  function initHandle(year?: string) {\r\n    if (year && isString(year)) {\r\n      if (!Number.isNaN(Number.parseInt(year)))\r\n        modelYear.value = Number.parseInt(year)\r\n      else if (year === ModelYear.all || Number.isNaN(Number.parseInt(year)))\r\n        modelYear.value = undefined\r\n    }\r\n  }\r\n\r\n  // 格式化投诉数\r\n  function formatCount(data: ComplaintCountStatisticsResponse[]) {\r\n    if (!isArray(data))\r\n      throw new Error('formatCount data is not array')\r\n    let year: number[] = []\r\n    let complaintCountData: number[] = []\r\n    for (const item of data) {\r\n      year.push(item.complainYear)\r\n      complaintCountData.push(item.complainTotal)\r\n    }\r\n    if (!data.length) {\r\n      const currentYear = Number.parseInt(getCurrentTime('YYYY'))\r\n      year = [currentYear, currentYear - 1, currentYear - 2]\r\n      complaintCountData = [0, 0, 0]\r\n    }\r\n\r\n    return {\r\n      year,\r\n      complaintCountData,\r\n    }\r\n  }\r\n  // 格式化问题\r\n  function formatIssue(data: IssueStatisticsResponse[], issueTypeCode: keyof typeof ISSUE_TYPE_CODE = 1) {\r\n    const keys: string[] = []\r\n    const counts: number[] = []\r\n\r\n    for (const item of data) {\r\n      // 质量问题\r\n      if (item.issueTypeCode === issueTypeCode) {\r\n        keys.push(item.issueLabel)\r\n        counts.push(item.complainTotal)\r\n      }\r\n    }\r\n    return {\r\n      keys,\r\n      counts,\r\n    }\r\n  }\r\n  // 格式化问题，以投诉量排序\r\n  function formatIssueComplaintSort(data: IssueStatisticsResponse[]) {\r\n    const labels: Labels[] = []\r\n    // 过滤诉求\r\n    data = data.filter(v => v.issueTypeCode !== 4)\r\n    // 排序\r\n    data = data.sort((a, b) => b.complainTotal - a.complainTotal)\r\n    for (const item of data) {\r\n      labels.push({\r\n        content: item.issueLabel,\r\n        tips: `${item.complainTotal}个`,\r\n      })\r\n    }\r\n    return { labels }\r\n  }\r\n\r\n  const issueStatisticsState = ref(LOAD_STATE.INIT)\r\n  // 按年投诉统计\r\n  async function getIssueStat(params?: Partial<IssueStatisticsParams>, _id?: string) {\r\n    const data: IssueStatisticsParams = Object.assign({\r\n      seriesId: seriesId.value,\r\n      modelId: modelId.value,\r\n      modelYear: modelYear.value,\r\n    }, params)\r\n\r\n    const res = await useLoadState({\r\n      key: `投诉问题统计-${modelId.value}-${modelYear.value}`,\r\n      state: issueStatisticsState,\r\n      fn: () => getIssueStatisticsApi(data, _id),\r\n    })\r\n    if (!res)\r\n      return\r\n    const { keys, counts } = formatIssue(res.data)\r\n    const { labels } = formatIssueComplaintSort(res.data)\r\n    complaintIssueStatistics.value = {\r\n      source: res.data,\r\n      keys,\r\n      counts,\r\n      labels,\r\n    }\r\n  }\r\n  // 按年投诉统计\r\n  const complaintCountStatisticsState = ref(LOAD_STATE.INIT)\r\n  async function getComplaintCountStat(params?: ComplaintCountStatisticsParams) {\r\n    params = Object.assign({\r\n      seriesId: seriesId.value,\r\n      modelId: modelId.value,\r\n      modelYear: modelYear.value,\r\n    }, params)\r\n\r\n    const res = await useLoadState({\r\n      key: `投诉统计-${modelId.value}-${modelYear.value}`,\r\n      state: complaintCountStatisticsState,\r\n      fn: () => getComplaintCountStatisticsApi(params),\r\n    })\r\n\r\n    if (!res)\r\n      return\r\n    const { year, complaintCountData } = formatCount(res.data)\r\n    complaintCountStatistics.value = {\r\n      source: res.data,\r\n      year,\r\n      data: complaintCountData,\r\n    }\r\n  }\r\n  return {\r\n    modelId,\r\n    complaintCountStatistics,\r\n    complaintIssueStatistics,\r\n    initHandle,\r\n    getIssueStat,\r\n    getComplaintCountStat,\r\n  }\r\n}\r\n\r\nexport function logicReputationModel() {\r\n  const models = ref<Record<string, ModelResponse[]>>({})\r\n  const currentYear = ref(ModelYear.all)\r\n  const currentYearModels = computed(() => {\r\n    if (Object.prototype.hasOwnProperty.call(models.value, currentYear.value)) {\r\n      return models.value[currentYear.value]\r\n    }\r\n    else if (currentYear.value === ModelYear.all) {\r\n      const list = []\r\n      for (const key in models.value)\r\n        list.unshift(...models.value[key])\r\n      return list\r\n    }\r\n    else { return [] }\r\n  })\r\n  async function getModelList(seriesId: number | string) {\r\n    if (!seriesId || Number.isNaN(Number(seriesId)))\r\n      return\r\n    await modelListApi({ seriesId: Number(seriesId) }).then((res) => {\r\n      if (!res)\r\n        return\r\n      models.value = res.data\r\n    })\r\n  }\r\n\r\n  // 通过model获取对应的model信息\r\n  function getModelName(id: number) {\r\n    if (!currentYearModels.value || !currentYearModels.value.length)\r\n      return\r\n    const data = currentYearModels.value.find(v => v.id === id)\r\n    return data\r\n  }\r\n\r\n  return {\r\n    currentYear,\r\n    currentYearModels,\r\n    models,\r\n    getModelName,\r\n    getModelList,\r\n  }\r\n}\r\n\r\nexport function logicSeriesNewComplaint() {\r\n  const state = ref(LOAD_STATE.INIT)\r\n  const newComplaintList = ref<ReputationNewComplaintItem[]>([])\r\n  async function getSeriesNewComplaint(id: number) {\r\n    const res = await useLoadState({\r\n      key: `最新投诉-${id}`,\r\n      state,\r\n      fn: () => getReputationNewComplaintApi(id),\r\n    })\r\n\r\n    if (!res)\r\n      return\r\n    newComplaintList.value = res.data\r\n  }\r\n  return {\r\n    state,\r\n    newComplaintList,\r\n    getSeriesNewComplaint,\r\n  }\r\n}\r\n","<script setup lang='ts'>\r\nimport * as echarts from 'echarts/core.js'\r\nimport {\r\n  BarChart,\r\n} from 'echarts/charts.js'\r\nimport {\r\n  DatasetComponent,\r\n  GridComponent,\r\n  LegendComponent,\r\n  TitleComponent,\r\n  TooltipComponent,\r\n  TransformComponent,\r\n  VisualMapComponent,\r\n} from 'echarts/components.js'\r\nimport { LabelLayout, UniversalTransition } from 'echarts/features.js'\r\nimport { CanvasRenderer } from 'echarts/renderers.js'\r\nimport type {\r\n  // 系列类型的定义后缀都为 SeriesOption\r\n  BarSeriesOption,\r\n  LineSeriesOption,\r\n} from 'echarts/charts.js'\r\n\r\nimport type {\r\n  DatasetComponentOption,\r\n  GridComponentOption,\r\n  TitleComponentOption,\r\n  TooltipComponentOption,\r\n} from 'echarts/components'\r\nimport { ModelYear, logicReputationModel, logicReputationStatistics } from '~/logic/reputation/detail'\r\nimport { useGetRouteParam } from '~/shared/function'\r\n\r\nexport type ECOption = echarts.ComposeOption<\r\n  | BarSeriesOption\r\n  | LineSeriesOption\r\n  | TitleComponentOption\r\n  | TooltipComponentOption\r\n  | GridComponentOption\r\n  | DatasetComponentOption\r\n>\r\n\r\nconst props = withDefaults(defineProps<{\r\n  modelYears?: string[]\r\n}>(), {\r\n  modelYears: () => [],\r\n})\r\nconst loading = ref(true)\r\n\r\n// 注册必须的组件\r\necharts.use([\r\n  VisualMapComponent,\r\n  LegendComponent,\r\n  TitleComponent,\r\n  TooltipComponent,\r\n  GridComponent,\r\n  DatasetComponent,\r\n  TransformComponent,\r\n  BarChart,\r\n  LabelLayout,\r\n  UniversalTransition,\r\n  CanvasRenderer,\r\n])\r\n\r\n// 车型信息\r\nconst {\r\n  currentYear,\r\n  currentYearModels,\r\n  getModelList,\r\n  getModelName,\r\n} = logicReputationModel()\r\n\r\n// statistics\r\nconst {\r\n  modelId,\r\n  complaintCountStatistics,\r\n  complaintIssueStatistics,\r\n  getIssueStat,\r\n  getComplaintCountStat,\r\n  initHandle: statisticsInitHandle,\r\n} = logicReputationStatistics()\r\n\r\nconst statisticTitle = computed(() => {\r\n  let title = '全部年款统计'\r\n  if (currentYear.value && modelId.value) {\r\n    const modelInfo = getModelName(modelId.value)\r\n    if (modelInfo && modelInfo.carModelName)\r\n      title = `${modelInfo.carModelName}统计`\r\n  }\r\n  else if (currentYear.value && currentYear.value !== ModelYear.all) {\r\n    title = `${currentYear.value}年款统计`\r\n  }\r\n  return title\r\n})\r\nconst chartMainOption = computed<ECOption>(() => {\r\n  return {\r\n    type: 'bar',\r\n    title: {\r\n      text: '投诉量统计', // 全部年款统计\r\n      textAlign: 'center',\r\n      textStyle: {\r\n        width: 500,\r\n      },\r\n      padding: [16, 0, 0, 0],\r\n      left: '50%',\r\n    },\r\n    // 此系列自己的调色盘。\r\n    color: ['#478AFA'],\r\n    tooltip: {},\r\n    xAxis: {\r\n      type: 'category',\r\n      axisTick: {\r\n        show: false,\r\n      },\r\n      axisLabel: {\r\n        rotate: 50,\r\n      },\r\n      data: complaintCountStatistics.value.year,\r\n\r\n    },\r\n    yAxis: {},\r\n    series: [\r\n      {\r\n        name: '投诉量',\r\n        type: 'bar',\r\n        data: complaintCountStatistics.value.data,\r\n      },\r\n    ],\r\n  }\r\n})\r\nconst issueChartOption = computed<ECOption>(() => ({\r\n  type: 'bar',\r\n  title: {\r\n    text: '系统故障统计',\r\n    textAlign: 'center',\r\n    textStyle: {\r\n      width: 500,\r\n    },\r\n    padding: [16, 0, 0, 0],\r\n    left: '50%',\r\n  },\r\n  // 此系列自己的调色盘。\r\n  color: ['#478AFA'],\r\n  visualMap: {\r\n    type: 'piecewise',\r\n    orient: 'horizontal',\r\n    left: 20,\r\n    bottom: 10,\r\n    textGap: 5,\r\n    itemGap: 24,\r\n    align: 'left',\r\n    textStyle: {\r\n      width: 100,\r\n      height: 30,\r\n      fontSize: 12,\r\n      lineHeight: 100,\r\n    },\r\n    pieces: [\r\n      { gte: 301, label: '301以上', color: '#4818CB' },\r\n      { gte: 151, lte: 300, label: '151-300', color: '#0B05B3' },\r\n      { gte: 101, lte: 150, label: '101-150', color: '#5C1AFF' },\r\n      { gte: 51, lte: 100, label: '51-100', color: '#6956F7' },\r\n      { gte: 21, lte: 50, label: '21-50', color: '#4959C9' },\r\n      { gte: 11, lte: 20, label: '11-20', color: '#2752F2' },\r\n      { gte: 6, lte: 10, label: '6-10', color: '#478FFA' },\r\n      { gte: 1, lte: 5, label: '1-5', color: '#478FFA' }, // (10, 200]\r\n    ],\r\n  },\r\n  xAxis: {\r\n    type: 'category',\r\n    axisTick: {\r\n      show: false,\r\n    },\r\n    data: complaintIssueStatistics.value.keys,\r\n  },\r\n  yAxis: {\r\n    name: '故障量',\r\n    nameLocation: 'middle',\r\n    nameGap: 35,\r\n  },\r\n  tooltip: {\r\n    formatter: '故障量:{c}个',\r\n  },\r\n  series: [\r\n    {\r\n      name: '投诉量',\r\n      type: 'bar',\r\n      colorBy: 'data',\r\n      data: complaintIssueStatistics.value.counts,\r\n      label: {\r\n        show: true,\r\n        formatter: '{c}个',\r\n      },\r\n      labelLayout(params) {\r\n        return {\r\n          align: 'center',\r\n          y: params.rect.y - 20,\r\n        }\r\n      },\r\n\r\n    },\r\n  ],\r\n}))\r\n\r\n// 投诉量统计组件\r\nconst mainChartRef = ref()\r\nconst mainChart = shallowRef<echarts.ECharts>()\r\n// 系统故障统计组件\r\nconst issueChartRef = ref()\r\nconst issueChart = shallowRef<echarts.ECharts>()\r\n\r\n// 获取新的统计数据\r\nasync function updateBaseData() {\r\n  loading.value = true\r\n  await Promise.all([getIssueStat(), getComplaintCountStat()]).finally(() => {\r\n    loading.value = false\r\n  })\r\n}\r\n\r\n// echarts 更新\r\nfunction updateChart(type: 'main' | 'issue' = 'main') {\r\n  if (mainChart.value && type === 'main')\r\n    mainChart.value.setOption(chartMainOption.value)\r\n\r\n  else if (issueChart.value && type === 'issue')\r\n    issueChart.value.setOption(issueChartOption.value)\r\n}\r\n\r\n// 监听统计数据变化\r\nwatch(chartMainOption, () => {\r\n  updateChart('main')\r\n})\r\nwatch(issueChartOption, () => {\r\n  updateChart('issue')\r\n})\r\n\r\n// 监听年份和车系变化\r\nwatchEffect(() => {\r\n  statisticsInitHandle(currentYear.value)\r\n  updateBaseData()\r\n})\r\n\r\nconst seriesId = useGetRouteParam('seriesId', '')\r\nfunction initHandle() {\r\n  seriesId.value && getModelList(seriesId.value)\r\n}\r\ninitHandle()\r\n// 组件挂载完成,初始化echarts组件\r\nonMounted(() => {\r\n  nextTick(() => {\r\n    mainChart.value = echarts.init(mainChartRef.value)\r\n    issueChart.value = echarts.init(issueChartRef.value)\r\n\r\n    updateChart('main')\r\n    updateChart('issue')\r\n  })\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"border-1 border-slate-2 text-3.5 rounded-md\">\r\n    <div class=\"flex items-center justify-between py-3 pr-6 pl-4 bg-tips bg-slate-1\">\r\n      <div class=\"flex-grow min-w-0 overflow-hidden mr-6\">\r\n        <NTabs v-model:value=\"currentYear\" title=\"滚动鼠标可左右滚动\">\r\n          <NTab v-for=\"v in props.modelYears\" :key=\"v\" :label=\"String(v)\" :name=\"v\" />\r\n        </NTabs>\r\n      </div>\r\n      <div>\r\n        <NSelect\r\n          v-model:value=\"modelId\"\r\n          :consistent-menu-width=\"false\"\r\n          filterable\r\n          clearable placeholder=\"请选择款型\"\r\n          :options=\"currentYearModels.map(v => ({ value: v.id, label: v.carModelName }))\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"p-xl\">\r\n      <div class=\"title text-center font-bold pb-6 text-6\">\r\n        {{ statisticTitle }}\r\n      </div>\r\n      <div class=\"flex justify-between mb-6\">\r\n        <div ref=\"mainChartRef\" class=\"chart-main border-1 border-slate-2 rounded-md\" />\r\n        <div class=\"chart-tips flex-shrink-0 p-4 border-1 border-slate-2 rounded-1.5\">\r\n          <div class=\"text-center border-b-1 border-slate-2 pb-4 mb-4 font-bold text-4\">\r\n            典型故障\r\n          </div>\r\n          <div>\r\n            <BasicLabel\r\n              :is-show-popover=\"false\"\r\n              :is-show-more=\"false\"\r\n              :data-list=\"complaintIssueStatistics.labels\"\r\n              line-count=\"9\" placement=\"right\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div ref=\"issueChartRef\" class=\"chart-system border-1 border-slate-2 rounded-1.5\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n.chart-main {\r\n  width: 536px;\r\n  height: 340px;\r\n}\r\n\r\n.chart-tips {\r\n  width: 220px;\r\n}\r\n\r\n.chart-system {\r\n  width: 100%;\r\n\r\n  height: 312px;\r\n}\r\n\r\n:deep(*) {\r\n  .el-loading-mask{\r\n    z-index: 99;\r\n  }\r\n  .el-tabs__nav-wrap {\r\n    &::after {\r\n      all: initial;\r\n    }\r\n  }\r\n\r\n  .el-tabs__active-bar {\r\n    display: none;\r\n  }\r\n\r\n  .el-tabs__header {\r\n    margin: 0;\r\n  }\r\n\r\n  .el-tabs__item {\r\n    color: var(--el-color-info);\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n\r\n    &.is-active {\r\n      color: var(--el-text-color-primary);\r\n    }\r\n  }\r\n\r\n  .el-tabs__nav-next,\r\n  .el-tabs__nav-prev {\r\n    font-size: 16px;\r\n    color: var(--el-color-primary);\r\n\r\n    &.is-disabled {\r\n      color: var(--el-color-info);\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<script setup lang='ts'>\r\nimport { logicSeriesNewComplaint } from '~/logic/reputation/detail'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  brandId?: number\r\n  brandName?: string\r\n  seriesId?: number\r\n  seriesName?: string\r\n}>(), {\r\n  brandId: 0,\r\n  brandName: '',\r\n  seriesId: 0,\r\n  seriesName: '',\r\n})\r\n\r\nconst {\r\n  state,\r\n  newComplaintList,\r\n  getSeriesNewComplaint,\r\n} = logicSeriesNewComplaint()\r\n\r\nwatch(() => props.seriesId, (nv, ov) => {\r\n  if (nv && nv !== ov)\r\n    getSeriesNewComplaint(nv)\r\n}, { immediate: true })\r\n</script>\r\n\r\n<template>\r\n  <div class=\"border-1 border-slate-2 rounded-md text-3.5 \">\r\n    <div class=\"py-3 px-6 bg-slate-1 flex justify-between\">\r\n      <div>{{ props.brandName }}-{{ props.seriesName }}最新投诉</div>\r\n      <NuxtLink target=\"_blank\" :to=\"`/complaint/search?brandId=${brandId}&seriesId=${seriesId}`\">\r\n        <span>更多</span>\r\n        <i class=\"i-ep:d-arrow-right\" />\r\n      </NuxtLink>\r\n    </div>\r\n    <div class=\"new-header py-4 flex items-center px-6\">\r\n      <div>车型</div>\r\n      <div class=\"flex-grow min-w-0 mx-8 text-center\">\r\n        投诉概况\r\n      </div>\r\n      <div>投诉时间</div>\r\n    </div>\r\n\r\n    <UtilLoadState :state=\"state\" :reload-handler=\"() => getSeriesNewComplaint(props.seriesId)\">\r\n      <div v-if=\"!newComplaintList.length\" class=\"flex items-center justify-center py-6\">\r\n        <BasicEmpty text=\"暂无相关数据\" />\r\n      </div>\r\n      <NuxtLink\r\n        v-for=\"v in newComplaintList\" :key=\"v.complainId\"\r\n        :to=\"`/complaint/detail/${v.complainId}`\"\r\n        class=\"new-item hover:text-orange-6 flex items-center px-6\"\r\n      >\r\n        <span>{{ v.carModelName }}</span>\r\n        <span class=\"line-clamp-1 flex-grow min-w-0 mx-8 overflow-hidden\">\r\n          {{ v.complainTitle }}\r\n        </span>\r\n        <span>{{ v.complainCreateTime }}</span>\r\n      </NuxtLink>\r\n    </UtilLoadState>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n.new-header,\r\n.new-item {\r\n  --uno: border-b-1 border-dashed border-slate-2;\r\n\r\n  &:last-child {\r\n    border-bottom-width: 0;\r\n  }\r\n\r\n  & *:first-child {\r\n    width: 250px;\r\n    text-align: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  & *:last-child {\r\n    width: 100px;\r\n    text-align: center;\r\n    flex-shrink: 0;\r\n  }\r\n}\r\n\r\n.new-item {\r\n  padding: 16px 24px;\r\n}\r\n</style>\r\n","<script setup lang='ts'>\r\nimport { APP_ROUTER, imageTransform } from '@qctsw/common'\r\nimport { isArray } from '@qctsw/utils'\r\nimport SeriesSummary from './components/SeriesSummary.vue'\r\nimport Advantages from './components/Advantages.vue'\r\nimport Statistics from './components/Statistics.vue'\r\nimport NewComplaint from './components/NewComplaint.vue'\r\n\r\nimport { ModelYear, type SeriesDetailLabel, logicReputationDetail, logicReputationStatistics } from '@/logic/reputation/detail'\r\nimport type { CarSelected } from '~/components/Basic/CarSelectFilter/hooks'\r\nimport { ISSUE_TYPE_CODE_ENUM } from '~/shared/constants'\r\nimport { useGetRouteParam } from '~/shared/function'\r\n\r\nconst router = useRouter()\r\nconst seriesId = useGetRouteParam('seriesId', '')\r\nconst {\r\n  state,\r\n  detailData,\r\n  getDetail,\r\n} = logicReputationDetail()\r\n\r\n// statistics\r\nconst {\r\n  complaintIssueStatistics,\r\n  getIssueStat,\r\n  initHandle: statisticsInitHandle,\r\n} = logicReputationStatistics()\r\n\r\n// 优点\r\nconst seriesMerits = computed(() => {\r\n  return detailData.value?.seriesMerits?.split(/ |\\s/)?.filter(v => !!v) || []\r\n})\r\n// 缺点\r\nconst seriesDefects = computed(() => {\r\n  return detailData.value?.seriesDefects?.split(/ |\\s/)?.filter(v => !!v) || []\r\n})\r\n// 车型年份\r\nconst modelYears = computed(() => {\r\n  const list: string[] = [ModelYear.all]\r\n  detailData.value?.modelYearLs?.forEach((v) => {\r\n    list.push(`${v}`)\r\n  })\r\n  return list\r\n})\r\n\r\nconst labels = computed(() => {\r\n  const labels: SeriesDetailLabel = {\r\n    quality: [],\r\n    sale: [],\r\n    afterSale: [],\r\n  }\r\n  if (!complaintIssueStatistics.value.source.length || !isArray(complaintIssueStatistics.value.source))\r\n    return labels\r\n  const data = complaintIssueStatistics.value.source.sort((a, b) => b.complainTotal - a.complainTotal)\r\n  for (const item of data) {\r\n    switch (item.issueTypeCode) {\r\n      case ISSUE_TYPE_CODE_ENUM.quality:\r\n        labels.quality.push({\r\n          content: item.issueLabel,\r\n          tips: `${item.complainTotal}个`,\r\n        })\r\n        break\r\n      case ISSUE_TYPE_CODE_ENUM.sale:\r\n        labels.sale.push({\r\n          content: item.issueLabel,\r\n          tips: `${item.complainTotal}个`,\r\n        })\r\n        break\r\n      case ISSUE_TYPE_CODE_ENUM.afterSale:\r\n        labels.afterSale.push({\r\n          content: item.issueLabel,\r\n          tips: `${item.complainTotal}个`,\r\n        })\r\n        break\r\n    }\r\n  }\r\n  return labels\r\n})\r\n\r\nfunction carSelected(data: CarSelected) {\r\n  if (!data.series?.id)\r\n    return\r\n  router.push(APP_ROUTER.reputationDetail(data.series?.id))\r\n}\r\n\r\nasync function initHandler() {\r\n  statisticsInitHandle()\r\n  await Promise.all([\r\n    getDetail(seriesId.value),\r\n    getIssueStat(),\r\n  ])\r\n}\r\nawait initHandler()\r\n</script>\r\n\r\n<template>\r\n  <div class=\"public-container public-page\">\r\n    <UtilLoadState :state=\"state\" :reload-handler=\"initHandler\">\r\n      <template v-if=\"detailData\">\r\n        <div class=\"flex items-center justify-between mt-4 reset\">\r\n          <div class=\"flex items-center\">\r\n            <img\r\n              v-if=\"detailData.carBrandLogo\" class=\"mr-4 w-5 h-5 rounded-full overflow-hidden\"\r\n              :src=\"imageTransform(detailData.carBrandLogo)\"\r\n            >\r\n            <h3>\r\n              {{ `${detailData.carBrandName} - ${detailData.carSeriesName}` }}\r\n            </h3>\r\n          </div>\r\n          <ClientOnly>\r\n            <BasicCarSelectFilter\r\n              :brand-id=\"detailData.carBrandId\"\r\n              :series-id=\"detailData.carSeriesId\"\r\n              :show-footer=\"true\"\r\n              :select-level=\"2\"\r\n              @change=\"carSelected\"\r\n            />\r\n          </ClientOnly>\r\n        </div>\r\n        <div class=\"mt-4 border-1 border-slate-2 rounded-md overflow-hidden\">\r\n          <div class=\"py-sm px-6 bg-blue-5 text-white flex items-center justify-between\">\r\n            <div class=\"text-4.5 font-bold\">\r\n              综述\r\n            </div>\r\n            <div class=\"text-3.5\">\r\n              每日凌晨五点更新\r\n            </div>\r\n          </div>\r\n          <div class=\"flex text-3.5\">\r\n            <SeriesSummary\r\n              :brand-id=\"detailData.carBrandId\"\r\n              :series-id=\"detailData.carSeriesId\"\r\n              :series-name=\"detailData.carSeriesName\"\r\n              :series-cover-img=\"detailData.seriesCoverImg\"\r\n              :series-bodys=\"`${detailData.seriesBodys}${detailData.seriesGrade ? ` - ${detailData.seriesGrade}` : ''}`\"\r\n              :series-displacements=\"detailData.seriesDisplacements\"\r\n              :series-gearboxs=\"detailData.seriesGearboxs\"\r\n              :stat-qt=\"detailData.statQt\"\r\n              :stat-finish-rate=\"detailData.statFinishRate\"\r\n              :stat-complain-total=\"detailData.statComplainTotal\"\r\n              :stat-cacsi=\"detailData.statCacsi\"\r\n              :labels=\"labels\"\r\n            />\r\n            <div class=\"p-6 w-95 flex-shrink-0\">\r\n              <Advantages :advantages=\"seriesMerits\" :disadvantages=\"seriesDefects\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"mt-8\">\r\n          <BasicTitle title=\"车型故障统计\" />\r\n          <div class=\"flex mt-6\">\r\n            <div class=\"flex-grow min-w-0 overflow-hidden mr-sm\">\r\n              <Statistics :model-years=\"modelYears\" />\r\n              <NewComplaint class=\"mt-6\" :brand-name=\"detailData.carBrandName\" :series-name=\"detailData.carSeriesName\" :brand-id=\"detailData.carBrandId\" :series-id=\"detailData.carSeriesId\" />\r\n            </div>\r\n            <div class=\"w-85 flex-shrink-0\">\r\n              <RankHotSeries />\r\n              <RankHotNews class=\"mt-6 sticky top-25\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n      <BasicEmpty v-else />\r\n    </UtilLoadState>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n\r\n</style>\r\n"],"names":["logicHotSeriesRank","state","ref","LOAD_STATE","data","getRankData","res","useLoadState","getHotSeriesRankApi","props","__props","__temp","__restore","_withAsyncContext","voidColor","computed","activeColor","padding","size","rateRef","width","updateWidth","currentWidth","totalPadding","totalWidth","equalCount","activeCount","remainder","paddingTotalWidth","starWidth","starTotalWidth","watch","ModelYear","logicReputationDetail","detailData","getDetail","id","getReputationDetailApi","logicReputationStatistics","seriesId","useGetRouteParam","modelId","modelYear","nv","ov","complaintCountStatistics","complaintIssueStatistics","initHandle","year","isString","formatCount","isArray","complaintCountData","item","currentYear","getCurrentTime","formatIssue","issueTypeCode","keys","counts","formatIssueComplaintSort","labels","v","a","b","issueStatisticsState","getIssueStat","params","_id","getIssueStatisticsApi","complaintCountStatisticsState","getComplaintCountStat","getComplaintCountStatisticsApi","logicReputationModel","models","currentYearModels","list","key","getModelList","modelListApi","getModelName","logicSeriesNewComplaint","newComplaintList","getSeriesNewComplaint","getReputationNewComplaintApi","loading","echarts.use","VisualMapComponent","LegendComponent","TitleComponent","TooltipComponent","GridComponent","DatasetComponent","TransformComponent","BarChart","LabelLayout","UniversalTransition","CanvasRenderer","statisticsInitHandle","statisticTitle","title","modelInfo","chartMainOption","issueChartOption","mainChartRef","mainChart","shallowRef","issueChartRef","issueChart","updateBaseData","updateChart","type","watchEffect","onMounted","nextTick","echarts.init","router","useRouter","seriesMerits","_c","_b","_a","seriesDefects","modelYears","ISSUE_TYPE_CODE_ENUM","carSelected","APP_ROUTER","initHandler"],"mappings":"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"}