{"version":3,"sources":["webpack:///./src/pages/esgreport.vue?e1ff","webpack:///src/pages/esgreport.vue","webpack:///./src/pages/esgreport.vue?dce7","webpack:///./src/pages/esgreport.vue","webpack:///./src/pages/esgreport.vue?3e1d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","reportHandler","class","lang","$i18n","locale","_v","_l","zh_data","item","index","key","attrs","resourceList","url","_s","title","bannerList","date","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,YAAY,CAACG,GAAG,CAAC,iBAAmBP,EAAIQ,iBAAiBJ,EAAG,MAAM,CAACK,MAAMT,EAAIU,MAAM,CAACN,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAsB,MAApBL,KAAKU,MAAMC,OAAeR,EAAG,KAAK,CAACJ,EAAIa,GAAG,WAAWT,EAAG,KAAK,CAACJ,EAAIa,GAAG,kBAAkBT,EAAG,KAAK,CAACE,YAAY,aAAaN,EAAIc,GAAId,EAAIe,QAAY,MAAE,SAASC,EAAKC,GAAO,OAAOb,EAAG,IAAI,CAACc,IAAID,EAAME,MAAM,CAAC,KAAOH,EAAKI,aAAa,GAAGC,IAAI,OAAS,WAAW,CAACjB,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIa,GAAGb,EAAIsB,GAAGN,EAAKO,UAAUnB,EAAG,MAAM,CAACe,MAAM,CAAC,IAAMH,EAAKQ,WAAW,GAAGH,IAAI,IAAM,MAAMjB,EAAG,OAAO,CAACJ,EAAIa,GAAGb,EAAIsB,GAAGN,EAAKS,gBAAe,UAAU,IACnwBC,EAAkB,G,wEC+BtB,GACE,KAAF,YACE,KAFF,WAGI,MAAJ,CACM,GAAN,EACM,SAAN,SACM,QAAN,KAGE,QATF,WAUI,KAAJ,WAEE,WAAF,CACI,UAAJ,QAEE,SAAF,kBACA,gBACI,KAAJ,YAAM,OAAN,WAIA,SACA,QADA,WACA,kLACA,8CADA,OACA,EADA,OAEA,qCACA,qCACA,qBACA,YAEA,YAPA,8CAUA,cAXA,WAYA,kBCjEmV,I,wBCQ/UC,EAAY,eACd,EACA5B,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,kECnBf","file":"js/chunk-58a42998.ecff1718.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"report\"},[_c('NavHeader',{on:{\"reportchangedata\":_vm.reportHandler}}),_c('div',{class:_vm.lang},[_c('div',{staticClass:\"report-list\"},[_c('div',{staticClass:\" pubCon\"},[_c('div',{staticClass:\"report-title\"},[(this.$i18n.locale =='zh')?_c('h3',[_vm._v(\"ESG报告\")]):_c('h3',[_vm._v(\"ESG Report\")])]),_c('ul',{staticClass:\"report-ul\"},_vm._l((_vm.zh_data.List),function(item,index){return _c('a',{key:index,attrs:{\"href\":item.resourceList[0].url,\"target\":\"_blank\"}},[_c('li',[_c('span',{staticClass:\"report-li-title\"},[_vm._v(_vm._s(item.title))]),_c('img',{attrs:{\"src\":item.bannerList[0].url,\"alt\":\"\"}}),_c('span',[_vm._v(_vm._s(item.date))])])])}),0)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"report\">\r\n    <NavHeader  @reportchangedata=\"reportHandler\"></NavHeader>\r\n    <div :class=\"lang\">\r\n      <div class=\"report-list\">\r\n        <div class=\" pubCon\"  >\r\n          <div class=\"report-title\">\r\n            <h3 v-if=\"this.$i18n.locale =='zh'\">ESG报告</h3>\r\n            <h3 v-else>ESG Report</h3>\r\n          </div>\r\n          <ul class=\"report-ul\" >\r\n            <a :href=\"item.resourceList[0].url\" target=\"_blank\" v-for=\"(item,index) in zh_data.List\" :key=\"index\">\r\n              <li>\r\n                <span class=\"report-li-title\">{{ item.title }}</span>\r\n                <img :src=\"item.bannerList[0].url\" alt=\"\">\r\n                <span>{{ item.date }}</span>\r\n              </li>\r\n            </a>\r\n          </ul>\r\n \r\n        </div>\r\n \r\n      </div>\r\n    </div>\r\n \r\n  </div>\r\n </template>\r\n \r\n <script>\r\n import NavHeader from \"../components/Header\"\r\n import {mapState} from \"vuex\";\r\n import { getdataInfo } from \"../api/home\";\r\n export default {\r\n   name: \"esgreport\",\r\n   data(){\r\n     return{\r\n       id: 8,\r\n       pageType: 'report',\r\n       zh_data:{},\r\n     }\r\n   },\r\n   mounted() {\r\n     this.getList()\r\n   },\r\n   components:{\r\n     NavHeader\r\n   },\r\n   computed:{\r\n     ...mapState({\r\n       lang:state =>state.lang\r\n     })\r\n   },\r\n \r\n methods:{\r\n  async getList(){\r\n     const data = await getdataInfo({ id: this.id, pageType: this.pageType })\r\n     const zh_envdata= JSON.parse(data.esgContent.cnContent)\r\n     const en_envdata= JSON.parse(data.esgContent.enContent)\r\n     if(this.$i18n.locale=='zh'){\r\n         this.zh_data = zh_envdata\r\n       }else {\r\n         this.zh_data = en_envdata\r\n       }\r\n   },\r\n   reportHandler(){\r\n     this.getList()\r\n   }\r\n }\r\n \r\n }\r\n </script>\r\n \r\n <style scoped lang=\"scss\">\r\n .report{\r\n   .en .report-list{\r\n     h3{\r\n       font-size: 40px;\r\n       font-family: \"Barlow-Regular\";\r\n     }\r\n     a{\r\n       li{\r\n         span{\r\n           font-family: \"Barlow-Regular\";\r\n         }\r\n       }\r\n \r\n \r\n     }\r\n \r\n   }\r\n   .report-list{\r\n     background: #F5F5F7;\r\n     .pubCon {\r\n       width: 1200px;\r\n       margin: 0 auto;\r\n     }\r\n     .report-title{\r\n       padding-top: 80px;\r\n       padding-bottom: 40px;\r\n       h3{\r\n        color: #22c3ad;\r\n        text-align: left;\r\n         font-weight: 700;\r\n         font-size: 56px;\r\n         line-height: 77px;\r\n         letter-spacing: 2px;\r\n      }\r\n     }\r\n     .report-ul{\r\n       display: flex;\r\n       width: 100%;\r\n       padding-bottom: 80px;\r\n       a{\r\n         width: 30%;\r\n         color: #353535;\r\n        \r\n         li{\r\n          width: 100%;\r\n           display: flex;\r\n           flex-direction: column;\r\n           justify-content: space-around;\r\n           font-size: 16px;\r\n      \r\n           .report-li-title{\r\n             font-style: normal;\r\n             font-weight: 500;\r\n             font-size: 20px;\r\n             line-height: 28px;\r\n             /* identical to box height */\r\n             letter-spacing: 1px;\r\n \r\n             color: #5EC0AE;\r\n           }\r\n           img{\r\n             display: block;\r\n             margin: 15px 0;\r\n             width: 80%;\r\n             height: 382px;\r\n             background-color: #fff;\r\n             box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);\r\n             //box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);\r\n           }\r\n           span{\r\n             display: inline-block;\r\n             //font-family: 'PingFang SC';\r\n             font-style: normal;\r\n             font-weight: 400;\r\n             font-size: 16px;\r\n             line-height: 22px;\r\n             letter-spacing: 1px;\r\n             color: #B8B8B8;\r\n           }\r\n         }\r\n       }\r\n \r\n     }\r\n   }\r\n \r\n }\r\n @media (max-width: 680px) {\r\n   .report{\r\n     .report-list{\r\n       background: #F5F5F7;\r\n       .pubCon {\r\n         width:100%;\r\n         margin: 0 auto;\r\n       }\r\n       .report-title{\r\n         width: 80%;\r\n         margin: 0 auto;\r\n         padding-top: 30px;\r\n         padding-bottom: 30px;\r\n         h3{\r\n           color: #22c3ad;\r\n           font-weight: bold;\r\n           text-align: left;\r\n           font-weight: 700;\r\n           font-size: 38px;\r\n           line-height: 1;\r\n           letter-spacing: 1px;\r\n         }\r\n       }\r\n       .report-ul{\r\n         display: block;\r\n         width: 100%;\r\n         justify-content: space-between;\r\n         padding-bottom: 80px;\r\n         a{\r\n           width: 80%;\r\n           color: #353535;\r\n           display: block;\r\n           margin: 40px auto 0;\r\n           li{\r\n             width: 100%;\r\n             display: flex;\r\n             flex-direction: column;\r\n             justify-content: space-around;\r\n             font-size: 16px;\r\n             .report-li-title{\r\n               font-style: normal;\r\n               font-weight: 500;\r\n               font-size: 20px;\r\n               line-height: 28px;\r\n               /* identical to box height */\r\n               letter-spacing: 1px;\r\n \r\n               color: #5EC0AE;\r\n             }\r\n             img{\r\n               display: block;\r\n               margin: 15px 0;\r\n               width: 100%;\r\n               height: auto;\r\n               //box-shadow: 0px 0px 8px rgba(0, 0, 0, .3);\r\n             }\r\n             span{\r\n               display: inline-block;\r\n               font-style: normal;\r\n               font-weight: 400;\r\n               font-size: 16px;\r\n               line-height: 22px;\r\n               letter-spacing: 1px;\r\n               color: #B8B8B8;\r\n             }\r\n           }\r\n         }\r\n \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!./esgreport.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!./esgreport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./esgreport.vue?vue&type=template&id=5758afb5&scoped=true&\"\nimport script from \"./esgreport.vue?vue&type=script&lang=js&\"\nexport * from \"./esgreport.vue?vue&type=script&lang=js&\"\nimport style0 from \"./esgreport.vue?vue&type=style&index=0&id=5758afb5&scoped=true&lang=scss&\"\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  \"5758afb5\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./esgreport.vue?vue&type=style&index=0&id=5758afb5&scoped=true&lang=scss&\""],"sourceRoot":""}