{"version":3,"sources":["webpack:///./src/views/edp/hotProject/index.vue","webpack:///./src/views/edp/hotProject/index.vue?acd5","webpack:///./src/views/edp/hotProject/index.vue?f778","webpack:///./src/api/list.js","webpack:///./src/utils/edp/request.js","webpack:///./src/hooks/getParams.js"],"names":["params","useParams","$route","useRoute","$router","useRouter","data","reactive","limit","page","total","hotList","handlerGteList","async","code","res","apiNewsList","type_id","detailsId","keywords","query","q","is_en","onMounted","handlerChange","num","jump","id","push","name","navId","__exports__","request","method","url","apiArticle","apiVideoList","example","axios","create","baseURL","process","timeout","interceptors","use","config","response","result","status","Promise","reject"],"mappings":"0XAwCE,IAAIA,EAASC,iBACTC,EAASC,iBACTC,EAAUC,iBAEd,MAAMC,EAAOC,sBAAS,CACpBC,MAAO,EACPC,KAAM,EACNC,MAAO,EACPC,QAAS,KAGLC,EAAiBC,UACrB,IAAI,KAAEC,EAAMR,KAAMS,SAAcC,eAAY,CAC1CP,KAAMH,EAAKG,KACXD,MAAOF,EAAKE,MACZS,QAASjB,EAAOkB,UAChBC,SAAUjB,EAAOkB,MAAMC,EACvBC,MAAO,IAEI,MAATR,IACFR,EAAKK,QAAUI,EAAIT,KACnBA,EAAKI,MAAQK,EAAIL,QAIrBa,uBAAU,KACRX,MAGF,MAAMY,EAAiBC,IACrBnB,EAAKG,KAAOgB,EACZb,KAGIc,EAAOA,EAAEC,KAAGV,cAChBb,EAAQwB,KAAK,CACXC,KAAM,SACN7B,OAAO,CACLkB,UAAUS,EACVG,MAAMb,M,i+CCzEd,MAAMc,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,oCCRf,W,8DCAA,sHAEO,MAAMf,EAAehB,GAC1BgC,eAAQ,CACNC,OAAQ,MACRC,IAAK,eACLlC,WAYSmC,EAAcnC,GACzBgC,eAAQ,CACNC,OAAQ,OACRC,IAAK,oBACLlC,WAISoC,EAAgBpC,GAC3BgC,eAAQ,CACNC,OAAQ,MACRC,IAAK,aACLlC,Y,oCC9BJ,yBAEA,IAAIqC,EAAUC,IAAMC,OAAO,CACzBC,QAASC,OACTC,QAAS,MAGXL,EAAQM,aAAaX,QAAQY,IAAKC,GACzBA,GAETR,EAAQM,aAAaG,SAASF,IAAKG,IACjC,IAAIhC,GACA,KAAET,EAAI,OAAE0C,GAAWD,EACvB,OAAQC,GACN,KAAK,IACHjC,EAAMT,EACN,MACF,KAAK,KACHS,EAAMkC,QAAQC,OAAO,WACrB,MAEJ,OAAOnC,IAGMsB,U,kCCxBf,gBAEe,kBACb,IAAInC,EAASC,iBACb,MAAO,CACLe,UAAWhB,EAAOF,OAAOkB,UACzBY,MAAO5B,EAAOF,OAAO8B","file":"js/chunk-121860fa.b052191a.js","sourcesContent":["<template>\r\n  <!-- <content-title title=\"热招项目\" /> -->\r\n  <div class=\"hot-project\" v-if=\"data.hotList.length > 0\">\r\n    <template v-for=\"(item, index) in data.hotList\" :key=\"index\">\r\n      <div class=\"item\" @click=\"jump(item)\">\r\n        <div class=\"describe\">\r\n          <h1>{{ item.title_en }}</h1>\r\n          <p>{{ item.description_en }}</p>\r\n        </div>\r\n        <div class=\"time\">\r\n          <div class=\"top\">\r\n            <span>{{ dayjs(item.created_at).format('MM.DD') }}</span>\r\n          </div>\r\n          <div class=\"bottom\">\r\n            <span>{{ dayjs(item.created_at).format('YYYY') }}</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </template>\r\n  </div>\r\n  <el-empty description=\"暂无内容\" v-else />\r\n  <!-- 分页 -->\r\n  <div class=\"paging\" v-show=\"data.hotList.length > 0\">\r\n    <el-pagination\r\n      background\r\n      layout=\"pager\"\r\n      :page-size=\"data.limit\"\r\n      :total=\"data.total\"\r\n      @current-change=\"handlerChange\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\n  import { reactive, onMounted } from 'vue'\r\n  import { apiNewsList } from '@/api/list.js'\r\n  import useParams from '@/hooks/getParams.js'\r\n  import { useRoute,useRouter } from 'vue-router'\r\n  import dayjs from 'dayjs'\r\n  // 获取url中的参数\r\n  let params = useParams()\r\n  let $route = useRoute()\r\n  let $router = useRouter()\r\n\r\n  const data = reactive({\r\n    limit: 8,\r\n    page: 1,\r\n    total: 0,\r\n    hotList: []\r\n  })\r\n  \r\n  const handlerGteList = async () => {\r\n    let { code, data: res } = await apiNewsList({\r\n      page: data.page,\r\n      limit: data.limit,\r\n      type_id: params.detailsId,\r\n      keywords: $route.query.q,\r\n      is_en: 3\r\n    })\r\n    if (code === 200) {\r\n      data.hotList = res.data\r\n      data.total = res.total\r\n    }\r\n  }\r\n\r\n  onMounted(() => {\r\n    handlerGteList()\r\n  })\r\n  // 分页切换\r\n  const handlerChange = (num) => {\r\n    data.page = num\r\n    handlerGteList()\r\n  }\r\n\r\n  const jump = ({id,type_id}) => {\r\n    $router.push({\r\n      name: 'detile',\r\n      params:{\r\n        detailsId:id,\r\n        navId:type_id\r\n      }\r\n    })\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  // 分页器样式\r\n  // .paging {\r\n  //   display: flex;\r\n  //   align-items: center;\r\n  //   justify-content: center;\r\n  //   padding: 80px 0 160px 0px;\r\n  //   &:deep(.el-pager) {\r\n  //     .number,\r\n  //     .more {\r\n  //       width: 41px;\r\n  //       height: 42px;\r\n  //       background: #ffffff;\r\n  //       border-radius: 4px 4px 4px 4px;\r\n  //       opacity: 1;\r\n  //       border: 1px solid #aaaaaa;\r\n  //       &:hover {\r\n  //         color: $hover-color;\r\n  //       }\r\n  //     }\r\n\r\n  //     .is-active {\r\n  //       width: 42px;\r\n  //       height: 42px;\r\n  //       background: $hover-color !important;\r\n  //       border-radius: 4px 4px 4px 4px;\r\n  //       opacity: 1;\r\n  //       border: 1px solid $hover-color;\r\n  //       color: #fff !important;\r\n  //     }\r\n  //   }\r\n  // }\r\n\r\n  @import '@/style/paging.scss';\r\n\r\n  .hot-project {\r\n    width: 100%;\r\n\r\n    & div:last-child {\r\n      margin-bottom: 0px;\r\n    }\r\n    .item {\r\n      width: 100%;\r\n      height: 1.7188rem;\r\n      padding: .3281rem 0px .3281rem .4375rem;\r\n      background-color: #eaeaea;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      transition: background-color 0.3s;\r\n      cursor: pointer;\r\n      margin-bottom: .25rem;\r\n\r\n      .describe {\r\n        width: 6.8906rem;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        align-items: flex-start;\r\n        @include transition;\r\n        h1 {\r\n          width: 6.8906rem;\r\n          font-size: .25rem;\r\n          font-weight: bold;\r\n          color: #333333;\r\n          line-height: .3906rem;\r\n          @include ellipsis(1);\r\n        }\r\n\r\n        p {\r\n          width: 6.3984rem;\r\n          height: .4531rem;\r\n          font-size: .125rem;\r\n          font-weight: 400;\r\n          color: #7e7e7e;\r\n          line-height: .25rem;\r\n          @include ellipsis(2);\r\n        }\r\n      }\r\n\r\n      .time {\r\n        width: 1.0234rem;\r\n        height: .7344rem;\r\n\r\n        > div {\r\n          width: 100%;\r\n          height: 50%;\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n        }\r\n\r\n        .top {\r\n          background: #de3a00;\r\n          font-size: .2813rem;\r\n          font-weight: 400;\r\n          color: #ffffff;\r\n          line-height: .4453rem;\r\n        }\r\n\r\n        .bottom {\r\n          background: #fff;\r\n          font-size: .1484rem;\r\n          font-weight: 400;\r\n          color: #333333;\r\n          line-height: .4297rem;\r\n        }\r\n      }\r\n\r\n      &:hover {\r\n        background: linear-gradient(267deg, #ffbda5 0%, #e34f1b 63%, #de3a00 100%);\r\n        p,\r\n        h1 {\r\n          color: #fff;\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=6487e236&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\项目\\\\中国科学院大学-预测研究中心\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6487e236\"]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=6487e236&lang=scss&scoped=true\"","import request from '@/utils/edp/request.js'\r\n// 获取文章列表\r\nexport const apiNewsList = (params) =>\r\n  request({\r\n    method: 'get',\r\n    url: '/api/article',\r\n    params\r\n  })\r\n\r\n// 获取人员列表\r\nexport const apiUserList = (params) =>\r\n  request({\r\n    method: 'get',\r\n    url: '/api/teamList',\r\n    params\r\n  })\r\n\r\n// 获取文章详情\r\nexport const apiArticle = (params) =>\r\n  request({\r\n    method: 'post',\r\n    url: '/api/article/view',\r\n    params\r\n  })\r\n\r\n// 获取视频列表\r\nexport const apiVideoList = (params) =>\r\n  request({\r\n    method: 'get',\r\n    url: '/api/video',\r\n    params\r\n  })","import axios from 'axios'\r\n// 创建axios实例\r\nlet example = axios.create({\r\n  baseURL: process.env.VUE_APP_BASE_URL,\r\n  timeout: 6000\r\n})\r\n\r\nexample.interceptors.request.use((config) => {\r\n  return config\r\n})\r\nexample.interceptors.response.use((result) => {\r\n  let res\r\n  let { data, status } = result\r\n  switch (status) {\r\n    case 200:\r\n      res = data\r\n      break\r\n    case 9001:\r\n      res = Promise.reject('token过期')\r\n      break\r\n  }\r\n  return res\r\n})\r\n\r\nexport default example\r\n","import { useRoute } from 'vue-router'\r\n// 获取页面的参数\r\nexport default function () {\r\n  let $route = useRoute()\r\n  return {\r\n    detailsId: $route.params.detailsId, // 详情id\r\n    navId: $route.params.navId // 导航id\r\n  }\r\n}\r\n"],"sourceRoot":""}