{"version":3,"file":"index.CZMdLQWS.js","sources":["../../../../src/server/modules/search/index.ts","../../../../src/pages/search/components/complaintList.vue","../../../../src/pages/search/index.vue"],"sourcesContent":["import type { FetchResponseType, PaginationParams, PaginationResponse } from '@/server/request/types'\r\nimport { useApiFetch } from '@/server/request'\r\nimport type { ComplaintSearchResponse, HomeNewsPageResponse, NewsColumnPageResponse } from '~/server/types'\r\n\r\nexport function searchComplaintApi(params: PaginationParams & { title: string }) {\r\n  return useApiFetch<FetchResponseType<PaginationResponse<ComplaintSearchResponse[]>>>({\r\n    url: 'webportal/base/search/esComplain',\r\n    params,\r\n  })\r\n}\r\n\r\nexport function searchArticleApi(params: PaginationParams & { title: string }) {\r\n  return useApiFetch<FetchResponseType<PaginationResponse<NewsColumnPageResponse[]>>>({\r\n    url: '/webportal/base/search/esArticle',\r\n    params,\r\n  })\r\n}\r\n","<!--\r\n * @Author: fengjiahua fenjiahua@qq.com\r\n * @Date: 2024-08-30 14:33:33\r\n * @LastEditors: fengjiahua fenjiahua@qq.com\r\n * @LastEditTime: 2024-09-02 16:45:27\r\n * @FilePath: \\qctsw-vue\\packages\\app\\src\\server\\modules\\search\\complaintItem..vue\r\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\r\n-->\r\n<script lang='ts' setup>\r\nimport { APP_ROUTER, cityName } from '@qctsw/common'\r\nimport { timeFormat } from '@qctsw/utils'\r\nimport type { CollectiveComplainResponse, ComplaintSearchResponse } from '~/server/types'\r\n\r\nimport { getIssueText, isOnlyRouteQueryKeyChange, useGetRouteQuery } from '~/shared/function'\r\n\r\nwithDefaults(defineProps<{\r\n  list: ComplaintSearchResponse[]\r\n}>(), {\r\n  list: () => [],\r\n})\r\n\r\nfunction formatIssue(\r\n  data: ComplaintSearchResponse['issues'],\r\n): {\r\n    content: string\r\n    tips: string\r\n  }[] {\r\n  if (!data)\r\n    return []\r\n  return data.map((v) => {\r\n    return {\r\n      content: v.issueLabel,\r\n      tips: v.fissueLabel,\r\n    }\r\n  })\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div v-for=\"item, index in list\" :key=\"index\" class=\"border-b-1 border-slate-2 py-sm block\">\r\n    <NuxtLink :to=\"APP_ROUTER.complaintDetail(item.id)\" class=\"hover:text-orange-6 flex\">\r\n      <UtilComplaintStatus v-if=\"!isNaN(Number(item.complainStatusCode))\" :code=\"Number(item.complainStatusCode)\" />\r\n      <span class=\"text-blue-5 mr-0.5\">\r\n        <UtilQrcode :to=\"APP_ROUTER.complaintDetail(item.id)\" />\r\n      </span>\r\n      <span class=\"font-bold line-clamp-1\">{{ item.title }}</span>\r\n    </NuxtLink>\r\n    <span class=\"flex items-center flex-wrap text-3.5 my-sm gap-2\">\r\n      <!-- <span class=\"mr-6\">\r\n        品牌：{{ item.vendorName + item.seriesName }}\r\n      </span> -->\r\n      <span class=\"mr-6 flex  \">\r\n        <BasicLabel :is-show-popover=\"false\" :is-show-more=\"false\" :data-list=\"formatIssue(item.issues)\"> 问题：</BasicLabel>\r\n      </span>\r\n      <span v-if=\"item.dealerCityId\" class=\" mb-2\">\r\n        地区：{{ cityName(item.dealerCityId) }}\r\n      </span>\r\n    </span>\r\n    <UtilContentTips\r\n      :tips-data=\"{\r\n        date: (item.createTime),\r\n        favorCount: 0,\r\n        lookCount: item.lookCount ?? 0 }\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped></style>\r\n","<!--\r\n * @Author: fengjiahua fenjiahua@qq.com\r\n * @Date: 2024-08-29 14:49:01\r\n * @LastEditors: fengjiahua fenjiahua@qq.com\r\n * @LastEditTime: 2024-09-04 14:46:45\r\n * @FilePath: \\qctsw-vue\\packages\\app\\src\\pages\\search\\index.vue\r\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\r\n-->\r\n<script lang='ts' setup>\r\nimport complaintList from './components/complaintList.vue'\r\nimport articleList from './components/articleList.vue'\r\nimport { usePagination } from '@/composables/usePagination'\r\nimport { searchArticleApi, searchComplaintApi } from '@/server'\r\n\r\nconst route = useRoute()\r\nconst title = computed(() => route.query.title as string || '')\r\n\r\nconst stop = watch(title, () => {\r\n  getNewsPage()\r\n})\r\n\r\nonUnmounted(() => {\r\n  stop && stop()\r\n})\r\n\r\nconst list = ref([\r\n  {\r\n    name: '投诉',\r\n    fn: usePagination({\r\n      type: 'search',\r\n      key: '20',\r\n      pageSize: 20,\r\n      onlyClient: false,\r\n\r\n      request: params => searchComplaintApi({ ...params, title: title.value }),\r\n    }),\r\n  },\r\n  {\r\n    name: '资讯',\r\n    fn: usePagination({\r\n      type: 'search',\r\n      key: '20',\r\n      pageSize: 20,\r\n      onlyClient: true,\r\n      request: params => searchArticleApi({ ...params, title: title.value }),\r\n    }),\r\n  },\r\n])\r\n\r\nconst tabs = ref(0)\r\nconst isSearch = ref(false)\r\n\r\nconst data = ref<any>([])\r\nasync function getNewsPage(page: number | string = 1) {\r\n  const p = Number.isNaN(Number(page)) ? 1 : Number(page)\r\n  const { list: data1 } = await list.value[tabs.value].fn.loadPaginationData(p, {\r\n    title: title.value,\r\n  }) || {}\r\n\r\n  if (!data1)\r\n    return\r\n  data.value = data1\r\n  isSearch.value = true\r\n}\r\n\r\nfunction search() {\r\n  // if (!title.value) {\r\n  //   useMessage.error('请输入关键词后进行搜索')\r\n  //   return\r\n  // }\r\n  getNewsPage()\r\n}\r\ngetNewsPage()\r\n</script>\r\n\r\n<!-- <template>\r\n  data\r\n</template> -->\r\n\r\n<template>\r\n  <div class=\"w-300 m-auto\">\r\n    <n-tabs v-model:value=\"tabs\" trigger=\"hover\" type=\"line\" @update:value=\" search\">\r\n      <n-tab v-for=\"item, index in list\" :key=\"index\" :name=\"index\">\r\n        {{ item.name }}\r\n      </n-tab>\r\n    </n-tabs>\r\n    <div class=\"flex mt-5\">\r\n      <div class=\"flex-grow mb-5 min-w-200\">\r\n        <NuxtLink v-if=\" tabs === 0\" class=\"text-blue-5 text-right w-full block\" to=\"/complaint/search\">\r\n          投诉精细搜索\r\n        </NuxtLink>\r\n        <UtilLoadState :state=\"list[tabs].fn.pagination.status\" :reload-handler=\"() => getNewsPage\">\r\n          <template #loading>\r\n            <span v-if=\"!isSearch\" />\r\n            <!-- <SkeletonArticle v-for=\"v in 10\" :key=\"v\" mb-sm /> -->\r\n          </template>\r\n          <template v-if=\"data && data.length\">\r\n            <component :is=\"tabs === 0 ? complaintList : articleList\" :list=\"data\" />\r\n          </template>\r\n          <BasicEmpty v-else />\r\n        </UtilLoadState>\r\n\r\n        <BasicPagination\r\n          v-show=\"list[tabs].fn.pagination.pageCount\"\r\n          class=\"mt-xl\"\r\n          :page=\"list[tabs].fn.pagination.page\"\r\n          :total=\"list[tabs].fn.pagination.pageCount\"\r\n          item-tag=\"div\"\r\n          :to=\"(p) => {\r\n\r\n            getNewsPage(p)\r\n          }\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"flex-shrink-0 w-[calc(100%-53rem)] pl-xl \">\r\n        <ClientOnly>\r\n          <RankHotComplaint class=\"mb-sm\" />\r\n          <RankHotNews class=\"sticky top-39\" />\r\n        </ClientOnly>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped></style>\r\n"],"names":["searchComplaintApi","params","useApiFetch","searchArticleApi","formatIssue","data","v","route","useRoute","title","computed","stop","watch","getNewsPage","onUnmounted","list","ref","usePagination","tabs","isSearch","page","p","data1","search"],"mappings":"2mCAIO,SAASA,GAAmBC,EAA8C,CAC/E,OAAOC,EAA8E,CACnF,IAAK,mCACL,OAAAD,CAAA,CACD,CACH,CAEO,SAASE,GAAiBF,EAA8C,CAC7E,OAAOC,EAA6E,CAClF,IAAK,mCACL,OAAAD,CAAA,CACD,CACH,qQCKA,SAASG,EACPC,EAII,CACJ,OAAKA,EAEEA,EAAK,IAAKC,IACR,CACL,QAASA,EAAE,WACX,KAAMA,EAAE,WAAA,EAEX,EANQ,EAOX,2rCCrBA,MAAMC,EAAQC,IACRC,EAAQC,EAAS,IAAMH,EAAM,MAAM,OAAmB,EAAE,EAExDI,EAAOC,EAAMH,EAAO,IAAM,CAClBI,GAAA,CACb,EAEDC,EAAY,IAAM,CAChBH,GAAQA,EAAK,CAAA,CACd,EAED,MAAMI,EAAOC,EAAI,CACf,CACE,KAAM,KACN,GAAIC,EAAc,CAChB,KAAM,SACN,IAAK,KACL,SAAU,GACV,WAAY,GAEZ,WAAmBjB,GAAmB,CAAE,GAAGC,EAAQ,MAAOQ,EAAM,MAAO,CAAA,CACxE,CACH,EACA,CACE,KAAM,KACN,GAAIQ,EAAc,CAChB,KAAM,SACN,IAAK,KACL,SAAU,GACV,WAAY,GACZ,WAAmBd,GAAiB,CAAE,GAAGF,EAAQ,MAAOQ,EAAM,MAAO,CAAA,CACtE,CACH,CAAA,CACD,EAEKS,EAAOF,EAAI,CAAC,EACZG,EAAWH,EAAI,EAAK,EAEpBX,EAAOW,EAAS,CAAA,CAAE,EACT,eAAAH,EAAYO,EAAwB,EAAG,CAC9C,MAAAC,EAAI,OAAO,MAAM,OAAOD,CAAI,CAAC,EAAI,EAAI,OAAOA,CAAI,EAChD,CAAE,KAAME,CAAM,EAAI,MAAMP,EAAK,MAAMG,EAAK,KAAK,EAAE,GAAG,mBAAmBG,EAAG,CAC5E,MAAOZ,EAAM,KACd,CAAA,GAAK,CAAA,EAEDa,IAELjB,EAAK,MAAQiB,EACbH,EAAS,MAAQ,GACnB,CAEA,SAASI,GAAS,CAKJV,GACd,CACY,OAAAA"}