{"version":3,"sources":["webpack:///./src/pages/TCFDReport.vue?8278","webpack:///src/pages/TCFDReport.vue","webpack:///./src/pages/TCFDReport.vue?3bc5","webpack:///./src/pages/TCFDReport.vue","webpack:///./src/pages/TCFDReport.vue?9afc"],"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":"8IAAA,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,YAAYT,EAAG,KAAK,CAACJ,EAAIa,GAAG,6BAA6BT,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,IAC/wBC,EAAkB,G,wEC+CtB,GACE,KAAF,YACE,KAFF,WAGI,MAAJ,CACM,GAAN,EACM,SAAN,UACM,QAAN,KAGE,QATF,WAUI,KAAJ,WAEE,WAAF,CACI,UAAJ,QAEE,SAAF,kBACA,gBACI,KAAJ,YAAM,OAAN,WAIE,QAAF,CACI,QADJ,WACA,kLACA,8CADA,OACA,EADA,OAEA,qCACA,qCACA,qBACA,YAEA,YAPA,8CAUI,cAXJ,WAYM,KAAN,aCjFoV,I,wBCQhVC,EAAY,eACd,EACA5B,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf","file":"js/chunk-0ad0c43f.f595225a.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(\"气候行动报告\")]):_c('h3',[_vm._v(\"Climate Action 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'\">气候行动报告</h3>\r\n              <h3 v-else>Climate Action 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            <!-- <ul class=\"report-ul\" v-if=\"this.$i18n.locale =='zh'\">\r\n              <a href=\"http://sohochina.oss-cn-beijing.aliyuncs.com/ESG/20240422091236395.pdf\" target=\"_blank\">\r\n                <li>\r\n                  <span class=\"report-li-title\">2023 气候行动报告</span>\r\n                  <img src=\"http://sohochina.oss-cn-beijing.aliyuncs.com/ESG/20240305175630198.png\" alt=\"\">\r\n                  <span>2024年4月发布</span>\r\n                </li>\r\n              </a>\r\n            </ul>\r\n            <ul class=\"report-ul\" v-else>\r\n              <a href=\"http://sohochina.oss-cn-beijing.aliyuncs.com/ESG/20240422091328009.pdf\" target=\"_blank\">\r\n                <li>\r\n                  <span class=\"report-li-title\">2023 Climate Action Report</span>\r\n                  <img src=\"http://sohochina.oss-cn-beijing.aliyuncs.com/ESG/20240305175713080.png\" alt=\"\">\r\n                  <span>Released in Apr. 2024</span>\r\n                </li>\r\n              </a>\r\n            </ul> -->\r\n          </div>\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: 9,\r\n         pageType: 'climate',\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: 50px;\r\n           line-height: 77px;\r\n           letter-spacing: 1px;\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: 25%;\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: 90%;\r\n               height:auto;\r\n               background-color: #fff;\r\n               box-shadow: 0px 10px 20px rgba(0, 0, 0, .1);\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!./TCFDReport.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!./TCFDReport.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TCFDReport.vue?vue&type=template&id=43edfb88&scoped=true&\"\nimport script from \"./TCFDReport.vue?vue&type=script&lang=js&\"\nexport * from \"./TCFDReport.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TCFDReport.vue?vue&type=style&index=0&id=43edfb88&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  \"43edfb88\",\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!./TCFDReport.vue?vue&type=style&index=0&id=43edfb88&scoped=true&lang=scss&\""],"sourceRoot":""}