{"version":3,"sources":["webpack:///./src/views/hdzq/list.vue?5e3c","webpack:///./src/views/hdzq/list.vue","webpack:///./src/views/hdzq/list.vue?3ab3"],"names":["router","useRouter","proxy","getCurrentInstance","psize","ref","pindex","total","ntype","yjdtclass","sjdtclass","zxhdclass","newslist","reactive","getdetail","get","NewsType","value","PageIndex","PageSize","Sort","then","res","length","push","Data","map","e","ThumbImage","split","Total","fenye","ckgd","type","id","path","query","clickyjdt","clicksjdt","clickhdzq","__exports__"],"mappings":"uIAAA,W,uiDC6QA,MAAMA,EAASC,kBAET,MAAEC,GAAUC,kCAGlB,IAAIC,EAAQC,iBAAI,IACZC,EAASD,iBAAI,GACbE,EAAQF,iBAAI,GACZG,EAAQH,iBAAI,GACZI,EAAYJ,iBAAI,yBAChBK,EAAYL,iBAAI,yBAChBM,EAAYN,iBAAI,sDAEhBO,EAAWC,sBAAS,IAGxB,MAAMC,EAAYA,KAChBC,eAAI,6BAA8B,CAChCC,SAAUR,EAAMS,MAChBC,UAAWZ,EAAOW,MAClBE,SAAUf,EAAMa,MAChBG,KAAK,aACJC,KAAMC,IAEPV,EAASW,OAAS,EAClBX,EAASY,QAAQF,EAAIG,MACrBb,EAASc,IAAKC,IACRA,EAAEC,YAA8B,IAAhBD,EAAEC,aACpBD,EAAEC,WAAaD,EAAEC,WAAWC,MAAM,QAItCtB,EAAMU,MAAQK,EAAIQ,SAGtBhB,IAGA,MAAMiB,EAASd,IACbX,EAAOW,MAAQA,EACfH,KAIIkB,EAAOA,CAACC,EAAMC,KAEN,GAARD,EACFjC,EAAOwB,KAAK,CACVW,KAAM,eACNC,MAAO,CACLF,GAAIA,KAME,sBAANA,EACFlC,EAAOwB,KAAK,CACVW,KAAM,kBACNC,MAAO,CACLF,GAAIA,KAIO,sBAANA,EACTlC,EAAOwB,KAAK,CACVW,KAAM,cACNC,MAAO,CACLF,GAAIA,KAIRlC,EAAOwB,KAAK,CACZW,KAAM,eACNC,MAAO,CACLF,GAAIA,MAQNG,EAAYA,KAChB7B,EAAMS,MAAQ,EACdR,EAAUQ,MAAQ,qDAClBP,EAAUO,MAAQ,wBAClBN,EAAUM,MAAQ,wBAClBH,KAGIwB,EAAYA,KAChB9B,EAAMS,MAAQ,EACdR,EAAUQ,MAAQ,wBAClBP,EAAUO,MAAQ,qDAClBN,EAAUM,MAAQ,wBAClBH,KAGIyB,EAAYA,KAChB/B,EAAMS,MAAQ,EACdR,EAAUQ,MAAQ,wBAClBN,EAAUM,MAAQ,qDAClBH,K,mnGC9WF,MAAM0B,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD","file":"js/chunk-5735bc12.ab18496f.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./list.vue?vue&type=style&index=0&id=7641fd6a&scoped=true&lang=css\"","<template>\n  <div class=\"main\">\n    <heads></heads>\n    <navs></navs>\n    <banners></banners>\n    <div class=\"content\">\n      <div class=\"con-main\">\n        <div class=\"con-main-nav\">\n          <div class=\"con-main-navs\">\n            <div class=\"con-main-navs-title\">\n              <span class=\"con-main-navs-title-wz\">活动专区</span>\n              <span class=\"con-main-navs-title-en\">EVENT AREA</span>\n            </div>\n            <div class=\"con-main-navs-st\">\n              <div :class=\"zxhdclass\" @click=\"clickhdzq\">\n                <div class=\"con-main-navs-st-list-wz\">· 最新活动</div>\n                <div class=\"con-main-navs-st-list-en\">EVENTS</div>\n              </div>\n              <div :class=\"yjdtclass\" @click=\"clickyjdt\">\n                <div class=\"con-main-navs-st-list-wz\">· 研究动态</div>\n                <div class=\"con-main-navs-st-list-en\">STUDY</div>\n              </div>\n              <div :class=\"sjdtclass\" @click=\"clicksjdt\">\n                <div class=\"con-main-navs-st-list-wz\">· 实践动态</div>\n                <div class=\"con-main-navs-st-list-en\">PRACTICE</div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"con-main-nr\">\n          <div class=\"con-main-nr-title\">\n            <div class=\"con-main-nr-title-bt\">\n              {{\n                ntype == 1 ? \"研究动态\" : ntype == 2 ? \"实践动态\" : \"最新活动\"\n              }}\n            </div>\n            <div class=\"con-main-nr-title-nav\">\n              <router-link :to=\"{ path: '/', query: { idx: 0 } }\"\n                >首页</router-link\n              >\n              >\n              <router-link :to=\"{ path: '/hdzq/list' }\">活动专区</router-link> >\n              {{\n                ntype == 1 ? \"研究动态\" : ntype == 2 ? \"实践动态\" : \"最新活动\"\n              }}\n            </div>\n          </div>\n          <div class=\"con-main-nr-ul\">\n            <div\n              class=\"con-main-nr-li\"\n              v-for=\"(item, key) in newslist\"\n              :key=\"key\"\n            >\n              <div class=\"con-main-nr-li-img\">\n                <el-image\n                  style=\"width: 250px; height: 160px\"\n                  :src=\"`${proxy.$imgurl}${\n                    item.ThumbImage ? item.ThumbImage[0] : ''\n                  }`\"\n                ></el-image>\n              </div>\n              <div class=\"con-main-nr-li-nr\">\n                <div class=\"con-main-nr-li-nr-title\">\n                  {{ item.NewsTitle }}\n                </div>\n                <div class=\"con-main-nr-li-nr-con\">\n                  {{ item.NewsZy }}\n                </div>\n                <div class=\"con-main-nr-li-nr-dbxx\">\n                  <el-button\n                    type=\"primary\"\n                    size=\"small\"\n                    @click=\"ckgd(item.NewsType, item.Id)\"\n                    >{{(ntype==4 && item.Id=='728664335328481280') || (ntype==4 && item.Id=='728665619548868608')?'参与活动':'查看更多+'}}</el-button\n                  >\n                  <div class=\"con-main-nr-li-nr-dbxx-time\">\n                    {{ item.NewsDate }}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"con-main-nr-fy\">\n            <el-pagination\n              background\n              layout=\"prev, pager, next\"\n              :total=\"total\"\n              @current-change=\"fenye\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n    <footers></footers>\n  </div>\n</template>\n\n<style scoped>\n::v-deep .el-carousel__container {\n  height: 200px;\n}\na:link,\na:visited {\n  text-decoration: none;\n  color: #333;\n}\na:hover {\n  color: #777;\n}\n.content {\n  margin-top: 30px;\n}\n.main {\n  background: #fff;\n}\n.con-main {\n  width: 1200px;\n  margin: auto;\n  margin-bottom: 30px;\n}\n.con-main:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n.con-main-nav {\n  float: left;\n  width: 270px;\n  height: auto;\n}\n.con-main-nr {\n  float: right;\n  width: 900px;\n  height: auto;\n}\n.con-main-navs {\n  width: 100%;\n  height: auto;\n  box-sizing: border-box;\n  border-top: 1px solid #ccc;\n  border-left: 1px solid #ccc;\n  border-right: 1px solid #ccc;\n}\n.con-main-navs-title {\n  width: 100%;\n  height: 80px;\n  background-image: url(\"../../assets/img/hdzq/nav.jpg\");\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  color: #fff;\n}\n.con-main-navs-st-list {\n  width: 100%;\n  height: 60px;\n  border-bottom: 1px solid #ccc;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.con-main-navs-st-list:hover {\n  background: #fafafa;\n}\n.con-main-navs-title-wz {\n  font-weight: bold;\n  font-size: 20px;\n}\n.con-main-navs-title-en {\n  font-size: 14px;\n  padding-top: 5px;\n}\n.con-main-navs-st-list-wz {\n  width: 100px;\n  display: block;\n}\n.con-main-navs-st-list-en {\n  width: 100px;\n  display: block;\n  font-size: 12px;\n  padding-left: 25px;\n  padding-top: 5px;\n}\n.con-main-navs-st-list-active {\n  color: #296fab;\n  cursor: default;\n}\n.con-main-nr-title {\n  width: 100%;\n  height: 60px;\n  border-bottom: 3px double #333;\n}\n.con-main-nr-title-bt {\n  float: left;\n  height: 60px;\n  line-height: 60px;\n  font-weight: bold;\n  font-size: 20px;\n}\n.con-main-nr-title-nav {\n  float: right;\n  height: 60px;\n  line-height: 60px;\n  font-size: 14px;\n}\n.con-main-nr-ul {\n  padding: 10px 0;\n}\n.con-main-nr-li {\n  padding: 20px 0;\n  border-bottom: 1px dashed #ccc;\n}\n.con-main-nr-li:hover {\n  background: #fafafa;\n}\n.con-main-nr-li::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n.con-main-nr-li-img {\n  width: 250px;\n  height: 160px;\n  float: left;\n}\n.con-main-nr-li-nr {\n  width: 620px;\n  height: 160px;\n  float: right;\n  box-sizing: border-box;\n  padding: 10px 0;\n}\n.con-main-nr-li-nr-title {\n  font-weight: bold;\n  height: 30px;\n  text-overflow: ellipsis; /* ellipsis:显示省略符号来代表被修剪的文本  string:使用给定的字符串来代表被修剪的文本*/\n  white-space: nowrap; /* nowrap:规定段落中的文本不进行换行   */\n  overflow: hidden; /*超出部分隐藏*/\n}\n.con-main-nr-li-nr-con {\n  height: 72px;\n  font-size: 14px;\n  text-align: justify;\n  text-indent: 28px;\n  line-height: 24px;\n  overflow: hidden;\n  margin-bottom: 8px;\n}\n.con-main-nr-li-nr-dbxx {\n  height: 30px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.con-main-nr-li-nr-dbxx-time {\n  font-size: 14px;\n  color: #999;\n}\n.con-main-nr-fy {\n  padding: 20px 0;\n}\n</style>\n\n<script setup>\nimport { get } from \"@/utils/index\";\n// router\nimport { useRouter } from \"vue-router\";\nconst router = useRouter();\nimport { ref, reactive, getCurrentInstance } from \"vue\";\nconst { proxy } = getCurrentInstance();\n\n// 分页\nlet psize = ref(10);\nlet pindex = ref(1);\nlet total = ref(0);\nlet ntype = ref(4); //1研究动态   2实践动态   3图片新闻  4最新活动\nlet yjdtclass = ref(\"con-main-navs-st-list\");\nlet sjdtclass = ref(\"con-main-navs-st-list\");\nlet zxhdclass = ref(\"con-main-navs-st-list con-main-navs-st-list-active\");\n// 新闻列表\nlet newslist = reactive([]);\n\n// 获取详情\nconst getdetail = () => {\n  get(\"/api/NewsPaper/GetNewsList\", {\n    NewsType: ntype.value,\n    PageIndex: pindex.value,\n    PageSize: psize.value,\n    Sort:'NewsSort',\n  }).then((res) => {\n    // console.log(res);\n    newslist.length = 0;\n    newslist.push(...res.Data);\n    newslist.map((e) => {\n      if (e.ThumbImage && e.ThumbImage != \"\") {\n        e.ThumbImage = e.ThumbImage.split(\";\");\n      }\n    });\n    // console.log(newslist)\n    total.value = res.Total;\n  });\n};\ngetdetail();\n\n// 分页\nconst fenye = (value) => {\n  pindex.value = value;\n  getdetail();\n};\n\n// 查看详情\nconst ckgd = (type, id) => {\n  // 非活动的时候跳转详情\n  if (type != 4) {\n    router.push({\n      path: \"/hdzq/detail\",\n      query: {\n        id: id,\n      },\n    });\n    // 跳转活动专题页 /hdzq/newhd\n  } else {\n    // 重庆市健康科普成果展示活动\n    if (id == \"728664335328481280\") {\n      router.push({\n        path: \"/hdzq/newhdzshd\",\n        query: {\n          id: id,\n        },\n      });\n     // 重庆市健康科普大讲堂进校园活动方案\n    } else if (id == \"728665619548868608\") {\n      router.push({\n        path: \"/hdzq/gydjt\",\n        query: {\n          id: id,\n        },\n      });\n    }else{\n      router.push({\n      path: \"/hdzq/detail\",\n      query: {\n        id: id,\n      },\n    });\n    }\n  }\n};\n\n// 切换研究动态\nconst clickyjdt = () => {\n  ntype.value = 1;\n  yjdtclass.value = \"con-main-navs-st-list con-main-navs-st-list-active\";\n  sjdtclass.value = \"con-main-navs-st-list\";\n  zxhdclass.value = \"con-main-navs-st-list\";\n  getdetail();\n};\n// 切换实践动态\nconst clicksjdt = () => {\n  ntype.value = 2;\n  yjdtclass.value = \"con-main-navs-st-list\";\n  sjdtclass.value = \"con-main-navs-st-list con-main-navs-st-list-active\";\n  zxhdclass.value = \"con-main-navs-st-list\";\n  getdetail();\n};\n// 切换实践动态\nconst clickhdzq = () => {\n  ntype.value = 4;\n  yjdtclass.value = \"con-main-navs-st-list\";\n  zxhdclass.value = \"con-main-navs-st-list con-main-navs-st-list-active\";\n  getdetail();\n};\n</script>\n","import script from \"./list.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./list.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./list.vue?vue&type=style&index=0&id=7641fd6a&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\doc\\\\project\\\\kepukeyanchengguozhanshi\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7641fd6a\"]])\n\nexport default __exports__"],"sourceRoot":""}