\n\t\t\t\t
\n\t\t\t\r\n\r\n \r\n \r\n \r\n
Environmental Information<\/title>\r\n <link rel=\"stylesheet\" href=\"\/assets\/dist\/element-ui\/element.css\" \/>\r\n\r\n <style>\r\n #app {\r\n font-family: \"Calibri\", \"Sans-serif\";\r\n }\r\n \/* .el-collapse {\r\n } *\/\r\n .collapse_box {\r\n --el-collapse-header-bg-color: #f5f5f5;\r\n --el-collapse-content-bg-color: #f5f5f5;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n border-bottom: none;\r\n }\r\n .collapse_box .el-collapse-item {\r\n margin-bottom: 20px;\r\n background-color: #f5f5f5;\r\n border: 1px solid #d5d8dc;\r\n border-radius: 10px;\r\n }\r\n .collapse_box .el-collapse-item__header {\r\n min-height: 66px;\r\n padding: 10px 25px;\r\n height: 100%;\r\n line-height: 26px;\r\n color: #004a8d;\r\n font-size: 20px;\r\n font-weight: 700;\r\n }\r\n .collapse_box .el-collapse-item__content {\r\n padding: 0 25px;\r\n }\r\n .collapse_box .el-collapse-item .el-collapse-item__arrow {\r\n margin-right: 0;\r\n }\r\n .table-title a {\r\n text-decoration: none;\r\n color: #046bd2;\r\n }\r\n .table-row-description {\r\n padding: 3px 0;\r\n }\r\n .table-row-cell {\r\n font-size: 15px;\r\n word-break: break-word;\r\n overflow-wrap: break-word;\r\n }\r\n .quality-table {\r\n margin: 0 0 20px;\r\n border-radius: 10px;\r\n color: #000;\r\n --el-table-border: 1px solid #d8d8d8;\r\n font-size: 15px;\r\n }\r\n .quality-table table {\r\n margin: 0;\r\n }\r\n .quality-table .el-table__header tr .el-table__cell {\r\n background-color: #0b72b5;\r\n color: #fff;\r\n }\r\n .quality-table .el-table__row {\r\n font-size: 15px;\r\n }\r\n .quality-table .el-table__row:hover {\r\n --el-table-row-hover-bg-color: #fff;\r\n }\r\n .quality-table .el-table__cell {\r\n vertical-align: top;\r\n }\r\n .quality-table .cell {\r\n line-height: 30px;\r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <div id=\"app\">\r\n <el-collapse class=\"collapse_box\" accordion>\r\n <el-collapse-item\r\n v-for=\"(item, index) in tableData\"\r\n :key=\"item.title\"\r\n :name=\"index\"\r\n :title=\"item.title\"\r\n >\r\n <el-table\r\n :data=\"item.data\"\r\n :span-method=\"objectSpanMethod(item.tag)\"\r\n style=\"width: 100%\"\r\n :border=\"true\"\r\n class=\"quality-table\"\r\n >\r\n <el-table-column prop=\"title\" label=\"Title\" min-width=\"200\">\r\n <template #default=\"{ row }\">\r\n <div class=\"table-title\">\r\n <a\r\n v-if=\"row.title_link\"\r\n :href=\"row.title_link\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n {{ row.title }}\r\n <\/a>\r\n <span v-else>{{ row.title }}<\/span>\r\n <\/div>\r\n <\/template>\r\n <\/el-table-column>\r\n <el-table-column\r\n prop=\"description\"\r\n label=\"Description\"\r\n min-width=\"190\"\r\n >\r\n <template #default=\"{ row }\">\r\n <div\r\n v-html=\"row.description\"\r\n class=\"table-row-cell table-row-description\"\r\n ><\/div>\r\n <\/template>\r\n <\/el-table-column>\r\n <el-table-column\r\n prop=\"date\"\r\n label=\"Date\"\r\n width=\"75\"\r\n ><\/el-table-column>\r\n <el-table-column prop=\"file\" label=\"File\" width=\"331\">\r\n <template #default=\"{ row }\">\r\n <div v-if=\"row.file_text\" class=\"table-row-cell\">\r\n {{ row.file_text }}\r\n <\/div>\r\n <a :href=\"row.file\" target=\"_blank\" rel=\"noopener\">\r\n <img decoding=\"async\"\r\n src=\"\/en\/wp-content\/uploads\/2023\/07\/download-file-icon.svg\"\r\n \/>\r\n <\/a>\r\n <\/template>\r\n <\/el-table-column>\r\n <\/el-table>\r\n <\/el-collapse-item>\r\n <\/el-collapse>\r\n <\/div>\r\n <\/body>\r\n<\/html>\r\n\r\n<script src=\"\/assets\/dist\/vue-global\/vue.global.min.js\"><\/script>\r\n<script src=\"\/assets\/dist\/axios\/axios.min.js\"><\/script>\r\n<script src=\"\/assets\/dist\/element-ui\/element.full.min.js\"><\/script>\r\n\r\n<script>\r\n console.log(\"Initial script\");\r\n const { createApp, reactive, onMounted } = Vue;\r\n const { ElCollapse, ElCollapseItem, ElTable, ElTableColumn } = ElementPlus;\r\n\r\n const app = createApp({\r\n setup() {\r\n const tableData = reactive([]);\r\n const tableMergeObj = reactive({});\r\n\r\n const tableProps = reactive([\"title\", \"description\"]);\r\n\r\n const getSpanData = (data, objRef) => {\r\n tableProps.forEach((key, index1) => {\r\n let count = 0;\r\n objRef[key] = [];\r\n data.forEach((item, index) => {\r\n \/\/ \u5982\u679c\u662f\u7b2c\u4e00\u884c\r\n if (index === 0) {\r\n objRef[key].push(1);\r\n } else {\r\n \/\/ \u5982\u679c\u7576\u524d\u884c\u7684\u503c\u548c\u4e0a\u4e00\u884c\u7684\u503c\u76f8\u7b49\r\n if (item[key] === data[index - 1][key]) {\r\n objRef[key][count] += 1;\r\n objRef[key].push(0);\r\n } else {\r\n \/\/ \u5982\u679c\u7576\u524d\u884c\u7684\u503c\u548c\u4e0a\u4e00\u884c\u7684\u503c\u4e0d\u76f8\u7b49\r\n objRef[key].push(1);\r\n count = index; \/\/ \u8a18\u9304\u7576\u524d\u884c\u7684index\r\n }\r\n }\r\n });\r\n });\r\n };\r\n\r\n const objectSpanMethod = (type = null) => {\r\n return ({ row, column, rowIndex, columnIndex }) => {\r\n if (tableProps.indexOf(column.property) !== -1) {\r\n if (tableMergeObj[type][column.property][rowIndex]) {\r\n return [tableMergeObj[type][column.property][rowIndex], 1];\r\n }\r\n return [0, 0];\r\n }\r\n };\r\n };\r\n\r\n const getData = () => {\r\n axios.get(\"\/assets\/environmentInformation.json\").then((res) => {\r\n Object.entries(res.data).forEach(([key, value]) => {\r\n let tempdata = value.data;\r\n const options = {\r\n year: \"numeric\",\r\n month: \"short\",\r\n day: \"numeric\",\r\n };\r\n tempdata.forEach((item) => {\r\n item.date = new Date(item.date).toLocaleDateString(\r\n \"en-US\",\r\n options\r\n );\r\n });\r\n\r\n tableData.push({\r\n title: value.title,\r\n tag: value.tag,\r\n description: value.description,\r\n data: tempdata,\r\n });\r\n Object.assign(tableMergeObj, {\r\n [value.tag]: {},\r\n });\r\n getSpanData(tempdata, tableMergeObj[value.tag]);\r\n });\r\n });\r\n };\r\n\r\n onMounted(() => {\r\n getData();\r\n });\r\n\r\n return {\r\n objectSpanMethod,\r\n tableData,\r\n };\r\n },\r\n });\r\n\r\n app.component(ElCollapse.name, ElCollapse);\r\n app.component(ElCollapseItem.name, ElCollapseItem);\r\n app.component(ElTable.name, ElTable);\r\n app.component(ElTableColumn.name, ElTableColumn);\r\n app.mount(\"#app\");\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u8d28\u91cf \u9996\u9875 \u73af\u5883\u4fe1\u606f TSC \u62e5\u6709\u4e00\u4e2a\u73af\u5883\u5bfc\u5411\u7684\u4f18\u9009\u4ea7\u54c1\u8ba1\u5212\uff0c\u73af\u5883\u5408\u89c4\u8ba4\u8bc1\u8be6\u60c5\u8bf7\u53c2\u9605\u4e0b\u65b9: Scroll left Taiwan Semiconductor Material Category Policy Edit Title Description Date File TSC Material Category Policy Lead (Pb)-free (J-STD-609)RoHS-Compliant (2011\/65\/EU, 2015\/863\/EU)Halogen-free (IEC 61249-2-21) Oct 26, 2022 SCIP Database Parts List Compliance Edit Title Description Date File SCIP Database Companies supplying articles containing substances of very high concern (SVHCs) on the …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"http:\/\/www.taiwansemi.com\/zh_cn\/quality\/environmental\/\"> <span class=\"screen-reader-text\">\u73af\u5883\u4fe1\u606f<\/span> Read More »<\/a><\/p>\n","protected":false},"author":25,"featured_media":0,"parent":1223,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"folder":[69],"class_list":["post-1603","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.taiwansemi.com\/zh_cn\/wp-json\/wp\/v2\/pages\/1603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.taiwansemi.com\/zh_cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.taiwansemi.com\/zh_cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.taiwansemi.com\/zh_cn\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"http:\/\/www.taiwansemi.com\/zh_cn\/wp-json\/wp\/v2\/comments?post=1603"}],"version-history":[{"count":16,"href":"http:\/\/www.taiwansemi.com\/zh_cn\/wp-json\/wp\/v2\/pages\/1603\/revisions"}],"predecessor-version":[{"id":14815,"href":"http:\/\/www.taiwansemi.com\/zh_cn\/wp-json\/wp\/v2\/pages\/1603\/revisions\/14815"}],"up":[{"embeddable":true,"href":"http:\/\/www.taiwansemi.com\/zh_cn\/wp-json\/wp\/v2\/pages\/1223"}],"wp:attachment":[{"href":"http:\/\/www.taiwansemi.com\/zh_cn\/wp-json\/wp\/v2\/media?parent=1603"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"http:\/\/www.taiwansemi.com\/zh_cn\/wp-json\/wp\/v2\/folder?post=1603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}