{"version":3,"file":"index.BqTeWm6R.js","sources":["../../../../src/logic/rank/mediaNews.ts","../../../../src/components/Rank/Media.vue","../../../../src/pages/news/components/Banner.vue","../../../../src/logic/news/banner.ts","../../../../src/pages/news/index.vue"],"sourcesContent":["import { LOAD_STATE } from '@/shared/types'\r\nimport type { MediaNewsRankResponse } from '@/server/types'\r\nimport { getMediaNewsRankApi } from '@/server'\r\n\r\nexport function logicMediaNewsRank() {\r\n  const state = ref(LOAD_STATE.INIT)\r\n  const data = ref<MediaNewsRankResponse[]>([])\r\n\r\n  async function getRankData(columnId: number) {\r\n    const res = await useLoadState({\r\n      state,\r\n      key: `媒体报道_${columnId}`,\r\n      onlyClient: true,\r\n      fn: () => getMediaNewsRankApi(columnId),\r\n    })\r\n\r\n    if (res && res.data)\r\n      data.value = res.data.slice(0, 10)\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 { logicMediaNewsRank } from '@/logic/rank/mediaNews'\r\n\r\nconst props = withDefaults(defineProps<{\r\n  columnId?: number\r\n}>(), {\r\n  columnId: 6,\r\n})\r\nconst {\r\n  state,\r\n  data,\r\n  getRankData,\r\n} = logicMediaNewsRank()\r\n\r\nawait getRankData(props.columnId)\r\n</script>\r\n\r\n<template>\r\n  <n-card\r\n    title=\"媒体报道\" 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      <NuxtLink :to=\"APP_ROUTER.newsMedia()\">\r\n        更多<i class=\"i-material-symbols:keyboard-double-arrow-right text-4\" />\r\n      </NuxtLink>\r\n    </template>\r\n    <UtilLoadState :state=\"state\" :reload-handler=\"() => getRankData(props.columnId)\">\r\n      <template v-if=\"data && data.length\">\r\n        <NuxtLink\r\n          v-for=\"(v, i) in data\" :key=\"i\"\r\n          class=\"mb-1 text-4 last:mb-0 line-clamp-1 hover:text-orange-6\"\r\n          :to=\"APP_ROUTER.newsDetail(v.id)\"\r\n        >\r\n          {{ v.title }}\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</style>\r\n","<!--\r\n * @Author: fengjiahua fenjiahua@qq.com\r\n * @Date: 2024-01-24 10:05:36\r\n * @LastEditors: fengjiahua fenjiahua@qq.com\r\n * @LastEditTime: 2024-08-23 15:02:17\r\n * @FilePath: \\qctsw-vue\\packages\\app\\src\\pages\\news\\components\\Banner.vue\r\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\r\n-->\r\n<script setup lang='ts'>\r\nimport { APP_ROUTER, checkLink, imageTransform } from '@qctsw/common'\r\nimport type { HomeBannerData } from '@/server/types'\r\nimport { AD_KEY } from '~/server/types'\r\nimport adStore from '@/stores/ad'\r\n\r\nconst _props = withDefaults(defineProps<{\r\n  bannerData?: Omit<HomeBannerData, 'complain'>\r\n}>(), {})\r\n\r\nconst { adList } = storeToRefs(adStore())\r\nconst adData = computed(() => adList.value.get(AD_KEY.B1) || [])\r\n</script>\r\n\r\n<template>\r\n  <div v-if=\"bannerData\" class=\"flex items-start\">\r\n    <NCarousel\r\n      show-arrow dot-type=\"line\" effect=\"fade\"\r\n      :default-index=\"0\" :autoplay=\"true\"\r\n      class=\"flex-shrink-0 h-90 w-162.5 rounded-md mr-sm bg-slate-1\"\r\n    >\r\n      <NuxtLink\r\n        v-for=\"item, index in adData\" :key=\"index\"\r\n        class=\"flex items-center justify-end h-full relative\"\r\n        :to=\"item.linkUrl\"\r\n      >\r\n        <img\r\n          class=\"h-full w-full object-cover\"\r\n          :alt=\"item.title\"\r\n          :src=\"imageTransform(item.imgUrl, { width: 975, height: 540, format: 'jpeg' })\"\r\n        >\r\n        <h3 class=\"title\">\r\n          {{ item.title }}\r\n        </h3>\r\n      </NuxtLink>\r\n      <!-- <BaseAd v-if=\"useAd(AD_KEY.B1)\" :ad-key=\"AD_KEY.B1\" :img-height=\"540\" :img-width=\"975\" body-class=\"my-0\" /> -->\r\n      <!-- TODO:AD_B1 -->\r\n      <NuxtLink\r\n        v-for=\"item, index in bannerData.bannres\" :key=\"index\"\r\n        class=\"flex items-center justify-end h-full relative\"\r\n        :to=\"checkLink(item.link, APP_ROUTER.newsDetail(item.id))\"\r\n      >\r\n        <img\r\n          class=\"h-full w-full object-cover\"\r\n          :alt=\"item.title\"\r\n          :src=\"imageTransform(item.coverImgUrl, { width: 975, height: 540, format: 'jpeg' })\"\r\n        >\r\n        <h3 class=\"title\">\r\n          {{ item.title }}\r\n        </h3>\r\n      </NuxtLink>\r\n    </NCarousel>\r\n    <div v-if=\"bannerData.articles\" class=\"flex-grow min-w-0 text-4\">\r\n      <NuxtLink\r\n        v-for=\"(v, i) in bannerData.articles.slice(0, 12)\" :key=\"i\"\r\n        :to=\"checkLink(v.link, APP_ROUTER.newsDetail(v.id))\"\r\n        class=\"block truncate text-4.25  mb-1.25 last:mb-0 hover:text-orange-6 hover:text-orange-6)\"\r\n      >\r\n        {{ v.title }}\r\n      </NuxtLink>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n@import url('@/pages/index/components/banner.scss');\r\n</style>\r\n","/*\r\n * @Author: fengjiahua fenjiahua@qq.com\r\n * @Date: 2024-02-23 11:05:55\r\n * @LastEditors: fengjiahua fenjiahua@qq.com\r\n * @LastEditTime: 2024-03-27 14:46:44\r\n * @FilePath: \\qctsw-vue\\packages\\app\\src\\logic\\news\\banner.ts\r\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\r\n */\r\nimport { LOAD_STATE } from '@/shared/types'\r\nimport type { HomeBannerData } from '@/server/types'\r\nimport { getNewsBannerDataApi } from '@/server'\r\n\r\nexport function logicNewsBanner() {\r\n  const state = ref<LOAD_STATE>(LOAD_STATE.INIT)\r\n  const bannerData = ref<Omit<HomeBannerData, 'complain'>>({\r\n    bannres: [],\r\n    articles: [],\r\n  })\r\n\r\n  async function getBannerData() {\r\n    const res = await useLoadState({\r\n      key: `资讯首页banner数据`,\r\n      state,\r\n      fn: getNewsBannerDataApi,\r\n    })\r\n\r\n    if (res?.data)\r\n      bannerData.value = res.data\r\n  }\r\n\r\n  return {\r\n    state,\r\n    bannerData,\r\n    getBannerData,\r\n  }\r\n}\r\n","<script setup lang='ts'>\r\nimport { APP_ROUTER, imageTransform } from '@qctsw/common'\r\nimport Banner from './components/Banner.vue'\r\nimport { logicNewsBanner } from '@/logic/news/banner'\r\nimport { logicNewsRecommendColumn } from '@/logic/news/column'\r\nimport { AD_KEY, type NewsRecommendColumnResponse } from '@/server/types'\r\nimport { NEWS_SITE_META } from '@/shared/site'\r\n\r\nuseSite(NEWS_SITE_META)\r\nconst {\r\n  state,\r\n  bannerData,\r\n  getBannerData,\r\n} = logicNewsBanner()\r\n\r\nconst {\r\n  state: columnState,\r\n  columnData,\r\n  getNewsColumnData,\r\n} = logicNewsRecommendColumn()\r\n\r\nfunction getArticleLsFirstImages(data: NewsRecommendColumnResponse['articleLs']) {\r\n  const item = data?.[0]\r\n  if (!item)\r\n    return []\r\n  return item.coverImgUrls.length > 0 ? item.coverImgUrls : [item.coverImgUrl]\r\n}\r\n\r\nawait Promise.all([\r\n  getBannerData(),\r\n  getNewsColumnData(),\r\n])\r\n</script>\r\n\r\n<template>\r\n  <div class=\"public-container public-page\">\r\n    <UtilLoadState :state=\"state\" :reload-handler=\"getBannerData\">\r\n      <Banner :banner-data=\"bannerData\" mb-xl />\r\n    </UtilLoadState>\r\n    <!-- TODO:B3 -->\r\n    <BaseAd :ad-key=\"AD_KEY.B3\" />\r\n\r\n    <div class=\"flex\">\r\n      <div class=\"flex-grow min-w-205\">\r\n        <UtilLoadState :state=\"columnState\" :reload-handler=\"getNewsColumnData\">\r\n          <template v-for=\"col, i in columnData\" :key=\"i\">\r\n            <BasicTitle :title=\"col.columnName\" is-show-after :url=\"APP_ROUTER.newsClass({ id: col.columnId })\" />\r\n            <div class=\"flex mb-xl mt-sm\">\r\n              <div class=\"flex-shrink-0 h-60.5 w-109 rounded-md overflow-hidden mr-sm bg-slate-1 relative\">\r\n                <NCarousel\r\n                  :show-arrow=\"getArticleLsFirstImages(col.articleLs).length > 1\" dot-type=\"line\" effect=\"fade\"\r\n                  :default-index=\"0\" :autoplay=\"true\"\r\n                >\r\n                  <NuxtLink\r\n                    v-for=\"item, index in getArticleLsFirstImages(col.articleLs)\" :key=\"index\"\r\n                    class=\"flex items-center justify-end h-full relative\"\r\n                    :to=\"APP_ROUTER.newsDetail(col.articleLs[0].articleId)\"\r\n                  >\r\n                    <img\r\n                      class=\"h-full w-full object-cover\"\r\n                      :alt=\"col.articleLs[0].title\"\r\n                      :src=\"imageTransform(item, { width: 975, height: 540, format: 'jpeg' })\"\r\n                    >\r\n                  </NuxtLink>\r\n                </NCarousel>\r\n                <h3 class=\"title\">\r\n                  {{ col.articleLs[0].title }}\r\n                </h3>\r\n              </div>\r\n\r\n              <div class=\"flex-grow min-w-0 text-4.125\">\r\n                <NuxtLink\r\n                  v-for=\"(v, i) in col.articleLs.slice(1)\" :key=\"i\"\r\n                  :to=\"APP_ROUTER.newsDetail(v.articleId)\"\r\n                  class=\"block truncate mb-1.5 last:mb-0 hover:text-orange-6 hover:text-orange-6)\"\r\n                >\r\n                  {{ v.title }}\r\n                </NuxtLink>\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </UtilLoadState>\r\n      </div>\r\n      <div class=\"flex-shrink-0 w-[calc(100%-53rem)] pl-xl\">\r\n        <RankHotNews class=\"mb-sm\" />\r\n        <RankCctv class=\"mb-sm\" />\r\n        <RankMedia class=\"sticky top-25\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang='scss' scoped>\r\n@import url('@/pages/index/components/banner.scss');\r\n</style>\r\n"],"names":["logicMediaNewsRank","state","ref","LOAD_STATE","data","getRankData","columnId","res","useLoadState","getMediaNewsRankApi","props","__props","__temp","__restore","_withAsyncContext","adList","storeToRefs","adStore","adData","computed","AD_KEY","logicNewsBanner","bannerData","getBannerData","getNewsBannerDataApi","useSite","NEWS_SITE_META","columnState","columnData","getNewsColumnData","logicNewsRecommendColumn","getArticleLsFirstImages","item"],"mappings":"muBAIO,SAASA,IAAqB,CAC7B,MAAAC,EAAQC,EAAIC,EAAW,IAAI,EAC3BC,EAAOF,EAA6B,CAAA,CAAE,EAE5C,eAAeG,EAAYC,EAAkB,CACrC,MAAAC,EAAM,MAAMC,EAAa,CAC7B,MAAAP,EACA,IAAK,QAAQK,CAAQ,GACrB,WAAY,GACZ,GAAI,IAAMG,GAAoBH,CAAQ,CAAA,CACvC,EAEGC,GAAOA,EAAI,OACbH,EAAK,MAAQG,EAAI,KAAK,MAAM,EAAG,EAAE,EACrC,CAEO,MAAA,CACL,MAAAN,EACA,KAAAG,EACA,YAAAC,CAAA,CAEJ,kKCrBA,MAAMK,EAAQC,EAKR,CACJ,MAAAV,EACA,KAAAG,EACA,YAAAC,GACEL,GAAmB,EAEjB,OAAAY,EAAAC,CAAA,EAAAC,EAAA,IAAAT,EAAYK,EAAM,QAAQ,CAAA,o0BCGhC,KAAM,CAAE,OAAAK,CAAW,EAAAC,EAAYC,EAAS,CAAA,EAClCC,EAASC,GAAS,IAAMJ,EAAO,MAAM,IAAIK,EAAO,EAAE,GAAK,CAAA,CAAE,wvCCPxD,SAASC,IAAkB,CAC1B,MAAApB,EAAQC,EAAgBC,EAAW,IAAI,EACvCmB,EAAapB,EAAsC,CACvD,QAAS,CAAC,EACV,SAAU,CAAC,CAAA,CACZ,EAED,eAAeqB,GAAgB,CACvB,MAAAhB,EAAM,MAAMC,EAAa,CAC7B,IAAK,eACL,MAAAP,EACA,GAAIuB,EAAA,CACL,EAEGjB,GAAA,MAAAA,EAAK,OACPe,EAAW,MAAQf,EAAI,KAC3B,CAEO,MAAA,CACL,MAAAN,EACA,WAAAqB,EACA,cAAAC,CAAA,CAEJ,+YC3BAE,GAAQC,EAAc,EAChB,KAAA,CACJ,MAAAzB,EACA,WAAAqB,EACA,cAAAC,GACEF,GAAgB,EAEd,CACJ,MAAOM,EACP,WAAAC,EACA,kBAAAC,GACEC,GAAyB,EAE7B,SAASC,EAAwB3B,EAAgD,CACzE,MAAA4B,EAAO5B,GAAA,YAAAA,EAAO,GACpB,OAAK4B,EAEEA,EAAK,aAAa,OAAS,EAAIA,EAAK,aAAe,CAACA,EAAK,WAAW,EADlE,EAEX,CAEA,OAAApB,EAAAC,CAAA,EAAAC,EAAA,IAAM,QAAQ,IAAI,CAChBS,EAAc,EACdM,EAAkB,CACnB,CAAA,CAAA"}