{"version":3,"sources":["webpack:///./src/framework/pc/views/News/News.vue?21ea","webpack:///src/framework/pc/views/News/News.vue","webpack:///./src/framework/pc/views/News/News.vue?39a6","webpack:///./src/framework/pc/views/News/News.vue","webpack:///./src/framework/pc/views/News/News.vue?6900"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","banner","_v","_s","$t","_l","item","index","key","on","$event","seeNewsDetails","formatNewsData","WebSite","name","AddTime","domProps","body","pagination","total","pageSize","handleCurrentChange","staticRenderFns","data","newsList","currentPage","mounted","Data","FInterID","$store","dispatch","params","then","getNewsData","methods","val","$router","push","path","query","PageSize","PageIndex","formatUTC","$i18n","locale","newsData","jianjie","FName","Englishjianjie","EnglishName","xibanyajianjie","xibanyaName","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIQ,OAAO,IAAM,QAAQJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,GAAG,yBAAyBP,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAKJ,EAAIY,GAAIZ,EAAY,UAAE,SAASa,EAAKC,GAAO,OAAOV,EAAG,KAAK,CAACW,IAAID,EAAME,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,eAAeL,MAAS,CAACT,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAImB,eAAeN,GAAMO,QAAQ,IAAM,QAAQhB,EAAG,KAAK,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAImB,eAAeN,GAAMQ,SAASjB,EAAG,OAAO,CAACE,YAAY,YAAY,CAACN,EAAIS,GAAGT,EAAIU,GAAGV,EAAImB,eAAeN,GAAMS,YAAYlB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACmB,SAAS,CAAC,UAAYvB,EAAIU,GAAGV,EAAImB,eAAeN,GAAMW,gBAAe,GAAGpB,EAAG,gBAAgB,CAACG,MAAM,CAAC,WAAa,GAAG,OAAS,oBAAoB,MAAQP,EAAIyB,WAAWC,MAAM,YAAY1B,EAAIyB,WAAWE,UAAUX,GAAG,CAAC,iBAAiBhB,EAAI4B,wBAAwB,QAC3gCC,EAAkB,G,YCwCtB,GACEC,KADF,WAEI,MAAO,CACLtB,OAAQ,GACRuB,SAAU,GACVN,WAAY,CACVE,SAAU,GACVK,YAAa,EACbN,MAAO,KAIbO,QAZF,WAYA,WACA,GACMC,KAAM,CACJC,SAAU,IAGdlC,KAAKmC,OAAOC,SAAS,mBAAoBC,GAAQC,MAAK,SAA1D,GAEM,EAAN,yBAEItC,KAAKuC,eAEPC,QAAS,CACPb,oBADJ,SACA,GACM3B,KAAKwB,WAAWO,YAAcU,EAC9BzC,KAAKuC,eAKPtB,eARJ,SAQA,GACMjB,KAAK0C,QAAQC,KAAK,CAChBC,KAAM,gBACNC,MAAO,CAAf,kBAGIN,YAdJ,WAcA,WACA,GACQN,KAAM,CACJa,SAAU9C,KAAKwB,WAAWE,SAC1BqB,UAAW/C,KAAKwB,WAAWO,cAG/B/B,KAAKmC,OAAOC,SAAS,cAAeC,GAAQC,MAAK,SAAvD,GACQ,EAAR,gBACQ,EAAR,mCAGIU,UA1BJ,SA0BA,GACM,OAAO,OAAb,OAAa,CAAb,IAEI9B,eA7BJ,SA6BA,GACM,IAAN,KAaM,MAZ0B,OAAtBlB,KAAKiD,MAAMC,QACbC,EAAS5B,KAAOX,EAAKwC,QACrBD,EAAS/B,KAAOR,EAAKyC,OAC7B,0BACQF,EAAS5B,KAAOX,EAAK0C,eACrBH,EAAS/B,KAAOR,EAAK2C,aAC7B,2BACQJ,EAAS5B,KAAOX,EAAK4C,eACrBL,EAAS/B,KAAOR,EAAK6C,aAEvBN,EAAS9B,QAAUrB,KAAKgD,UAAUpC,EAAKS,SACvC8B,EAAShC,QAAUP,EAAKO,QACjBgC,KC5G8W,I,wBCQvXO,EAAY,eACd,EACA5D,EACA8B,GACA,EACA,KACA,KACA,MAIa,aAAA8B,E,oECnBf,yBAA4kB,EAAG","file":"js/chunk-26f9074c.adb24df1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c-news-wrapper\"},[_c('div',{staticClass:\"banner\"},[_c('img',{attrs:{\"src\":_vm.banner,\"alt\":\"\"}})]),_c('div',{staticClass:\"container\"},[_c('h1',[_vm._v(_vm._s(_vm.$t(\"title.pressCenter\")))]),_c('div',{staticClass:\"news-list\"},[_c('ol',_vm._l((_vm.newsList),function(item,index){return _c('li',{key:index,on:{\"click\":function($event){return _vm.seeNewsDetails(item)}}},[_c('div',{staticClass:\"img-wrap\"},[_c('img',{attrs:{\"src\":_vm.formatNewsData(item).WebSite,\"alt\":\"\"}})]),_c('h2',[_vm._v(_vm._s(_vm.formatNewsData(item).name))]),_c('span',{staticClass:\"add-time\"},[_vm._v(_vm._s(_vm.formatNewsData(item).AddTime))]),_c('div',{staticClass:\"content\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.formatNewsData(item).body)}})])])}),0),_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"total\":_vm.pagination.total,\"page-size\":_vm.pagination.pageSize},on:{\"current-change\":_vm.handleCurrentChange}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"c-news-wrapper\">\r\n    <div class=\"banner\">\r\n      <img :src=\"banner\" alt=\"\" />\r\n    </div>\r\n    <div class=\"container\">\r\n      <h1>{{ $t(\"title.pressCenter\") }}</h1>\r\n      <div class=\"news-list\">\r\n        <ol>\r\n          <li\r\n            v-for=\"(item, index) in newsList\"\r\n            :key=\"index\"\r\n            @click=\"seeNewsDetails(item)\"\r\n          >\r\n            <div class=\"img-wrap\">\r\n              <img :src=\"formatNewsData(item).WebSite\" alt=\"\" />\r\n            </div>\r\n            <h2>{{ formatNewsData(item).name }}</h2>\r\n            <span class=\"add-time\">{{ formatNewsData(item).AddTime }}</span>\r\n            <div class=\"content\">\r\n              <div v-html=\"formatNewsData(item).body\"></div>\r\n            </div>\r\n          </li>\r\n        </ol>\r\n        <!-- layout=\"prev, pager, next, jumper\" -->\r\n        <!-- @size-change=\"handleSizeChange\" -->\r\n        <el-pagination\r\n          background\r\n          layout=\"prev, pager, next\"\r\n          :total=\"pagination.total\"\r\n          :page-size=\"pagination.pageSize\"\r\n          @current-change=\"handleCurrentChange\"\r\n        >\r\n        </el-pagination>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { formatUTC } from \"@/utils/utils.js\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      banner: \"\",\r\n      newsList: [],\r\n      pagination: {\r\n        pageSize: 18,\r\n        currentPage: 1,\r\n        total: 0\r\n      }\r\n    };\r\n  },\r\n  mounted() {\r\n    const params = {\r\n      Data: {\r\n        FInterID: 7\r\n      }\r\n    };\r\n    this.$store.dispatch(\"getIndexBodyData\", params).then(res => {\r\n      console.log(res);\r\n      this.banner = res.Data.WebSite;\r\n    });\r\n    this.getNewsData();\r\n  },\r\n  methods: {\r\n    handleCurrentChange(val) {\r\n      this.pagination.currentPage = val;\r\n      this.getNewsData();\r\n    },\r\n    // handleSizeChange(val) {\r\n    //   console.log(`每页 ${val} 条`);\r\n    // },\r\n    seeNewsDetails(item) {\r\n      this.$router.push({\r\n        path: \"/news-details\",\r\n        query: { id: item.FInterID }\r\n      });\r\n    },\r\n    getNewsData() {\r\n      const params = {\r\n        Data: {\r\n          PageSize: this.pagination.pageSize,\r\n          PageIndex: this.pagination.currentPage\r\n        }\r\n      };\r\n      this.$store.dispatch(\"getNewsList\", params).then(res => {\r\n        this.newsList = res.Data;\r\n        this.pagination.total = res.TotalNumber;\r\n      });\r\n    },\r\n    formatUTC(date) {\r\n      return formatUTC(date);\r\n    },\r\n    formatNewsData(item) {\r\n      let newsData = {};\r\n      if (this.$i18n.locale === \"zh\") {\r\n        newsData.body = item.jianjie;\r\n        newsData.name = item.FName;\r\n      } else if (this.$i18n.locale === \"en\") {\r\n        newsData.body = item.Englishjianjie;\r\n        newsData.name = item.EnglishName;\r\n      } else if (this.$i18n.locale === \"sp\") {\r\n        newsData.body = item.xibanyajianjie;\r\n        newsData.name = item.xibanyaName;\r\n      }\r\n      newsData.AddTime = this.formatUTC(item.AddTime);\r\n      newsData.WebSite = item.WebSite;\r\n      return newsData;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"less\">\r\n@import \"~@/assets/style/variables.less\";\r\n.c-news-wrapper {\r\n  .banner {\r\n    width: 100%;\r\n    height: 560px;\r\n    // background: @bgColor;\r\n\r\n    img {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  .container {\r\n    width: 1200px;\r\n    margin: 60px auto;\r\n\r\n    h1 {\r\n      font-size: 48px;\r\n      font-family: Microsoft YaHei;\r\n      font-weight: bold;\r\n      color: rgba(0, 0, 0, 1);\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .news-list {\r\n      ol {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-start;\r\n        flex-wrap: wrap;\r\n\r\n        li {\r\n          width: 384px;\r\n          height: 375px;\r\n          cursor: pointer;\r\n          text-align: left;\r\n          margin: 0 15px 60px 0;\r\n\r\n          .img-wrap {\r\n            width: 100%;\r\n            height: 192px;\r\n          }\r\n\r\n          h2 {\r\n            font-size: 20px;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: bold;\r\n            color: rgba(0, 0, 0, 1);\r\n            margin: 20px 0 10px;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            width: 384px;\r\n          }\r\n\r\n          .add-time {\r\n            display: block;\r\n            width: 100%;\r\n            font-size: 16px;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: 400;\r\n            color: rgba(85, 85, 85, 1);\r\n            border-bottom: 1px solid #dcdcdc;\r\n            padding-bottom: 10px;\r\n            position: relative;\r\n          }\r\n\r\n          .add-time::before {\r\n            content: \"\";\r\n            width: 70%;\r\n            height: 1px;\r\n            background: #555555;\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: 0;\r\n          }\r\n\r\n          .content {\r\n            padding-top: 20px;\r\n\r\n            p {\r\n              font-size: 16px;\r\n              font-family: Microsoft YaHei;\r\n              font-weight: 400;\r\n              line-height: 26px;\r\n              color: rgba(85, 85, 85, 1);\r\n              -webkit-line-clamp: 3;\r\n              display: -webkit-box;\r\n              -webkit-box-orient: vertical;\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n            }\r\n          }\r\n        }\r\n\r\n        li:hover {\r\n          h2,\r\n          span,\r\n          p {\r\n            color: @bgColor;\r\n          }\r\n\r\n          span::before {\r\n            background: @bgColor;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./News.vue?vue&type=template&id=6a4325ba&\"\nimport script from \"./News.vue?vue&type=script&lang=js&\"\nexport * from \"./News.vue?vue&type=script&lang=js&\"\nimport style0 from \"./News.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./News.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}