{"version":3,"sources":["webpack:///./src/views/Download.vue","webpack:///./src/views/Download.vue?e09a","webpack:///./src/views/Download.vue?599a"],"names":["class","downloadList","items","file","key","fileId","downloadFile","title","fileName","setup","fetchDownloadList","data","uploadFiles","fileExtension","res","type","blob","Blob","url","window","URL","createObjectURL","link","document","createElement","href","setAttribute","body","appendChild","click","remove","revokeObjectURL","__exports__","render"],"mappings":"oNACOA,MAAM,W,EACT,eAAe,UAAX,UAAM,G,GACNA,MAAM,iB,wEAFZ,eAWM,MAXN,EAWM,CAVJ,EACA,eAQK,KARL,EAQK,E,mBAPH,eAMK,2BALY,EAAAC,aAAaC,OAAK,SAA1BC,G,wBADT,eAMK,MAJFC,IAAKD,EAAKE,OACV,QAAK,mBAAE,EAAAC,aAAaH,K,CAErB,eAAiD,KAA7CI,MAAOJ,EAAKK,U,eAAaL,EAAKK,UAAQ,c,2GAUnC,iBAAgB,CAC7BC,MAD6B,WAE3B,IAAMR,EAAe,eAAS,CAC5BC,MAAO,KAGHQ,EAAgB,yDAAI,wHACD,iBADC,gBAChBC,EADgB,EAChBA,KACRV,EAAaC,MAAb,UAAqBS,EAAKC,mBAA1B,QAAyC,GAFjB,2CAAJ,qDAItBF,IAEA,IAAMJ,EAAW,yDAAI,0HAASD,EAAT,EAASA,OAAQQ,EAAjB,EAAiBA,cAAeL,EAAhC,EAAgCA,SAAhC,SACD,eAAmBH,GADlB,OACbS,EADa,OAGfC,EAAO,GAHQ,KAIXF,EAJW,OAKZ,SALY,OAQZ,QARY,MASZ,QATY,+BAMfE,EAAO,2BANQ,oCAUfA,EAAG,sBAAmBF,GAVP,oCAafE,EAAG,gBAAaF,GAbD,6BAgBbG,EAAO,IAAIC,KAAK,CAACH,EAAIH,MAAO,CAChCI,SAGIG,EAAMC,OAAOC,IAAIC,gBAAgBL,GACjCM,EAAOC,SAASC,cAAc,KACpCF,EAAKG,KAAOP,EACZI,EAAKI,aAAa,WAAYlB,GAC9Be,SAASI,KAAKC,YAAYN,GAC1BA,EAAKO,QAELP,EAAKQ,SACLV,IAAIW,gBAAgBT,EAAKG,MA5BN,4CAAJ,sDA+BjB,MAAO,CAAExB,eAAcK,mB,iCCvD3B,MAAM0B,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,yDCTf","file":"js/chunk-2e9d0d6f.b383859c.js","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <h5>檔案下載專區</h5>\r\n    <ul class=\"download_list\">\r\n      <li\r\n        v-for=\"file in downloadList.items\"\r\n        :key=\"file.fileId\"\r\n        @click=\"downloadFile(file)\"\r\n      >\r\n        <p :title=\"file.fileName\">{{ file.fileName }}</p>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { defineComponent, reactive } from \"vue\";\r\nimport { getDownloadItems, getDownloadFileAPI } from \"@/api/api.js\";\r\n\r\nexport default defineComponent({\r\n  setup() {\r\n    const downloadList = reactive({\r\n      items: [],\r\n    });\r\n\r\n    const fetchDownloadList = async () => {\r\n      const { data } = await getDownloadItems();\r\n      downloadList.items = data.uploadFiles ?? [];\r\n    };\r\n    fetchDownloadList();\r\n\r\n    const downloadFile = async ({ fileId, fileExtension, fileName }) => {\r\n      const res = await getDownloadFileAPI(fileId);\r\n\r\n      let type = \"\";\r\n      switch (fileExtension) {\r\n        case \"xlsx\":\r\n          type = \"application/vnd.ms-excel\";\r\n          break;\r\n        case \"zip\":\r\n        case \"pdf\":\r\n          type = `application/${fileExtension}`;\r\n          break;\r\n        default:\r\n          type = `image/${fileExtension}`;\r\n          break;\r\n      }\r\n      const blob = new Blob([res.data], {\r\n        type,\r\n      });\r\n\r\n      const url = window.URL.createObjectURL(blob);\r\n      const link = document.createElement(\"a\");\r\n      link.href = url;\r\n      link.setAttribute(\"download\", fileName);\r\n      document.body.appendChild(link);\r\n      link.click();\r\n\r\n      link.remove();\r\n      URL.revokeObjectURL(link.href);\r\n    };\r\n\r\n    return { downloadList, downloadFile };\r\n  },\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.wrapper {\r\n  text-align: left;\r\n  margin: 20px 0 100px;\r\n  h5 {\r\n    font-size: 1.25em;\r\n    padding: 8px;\r\n    background: #eee;\r\n    margin-bottom: 5px;\r\n  }\r\n  p {\r\n    font-size: 1.125em;\r\n    padding: 8px;\r\n    color: $main_color;\r\n\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  li {\r\n    border-bottom: 1px solid #eee;\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./Download.vue?vue&type=template&id=7a2f9211&scoped=true\"\nimport script from \"./Download.vue?vue&type=script&lang=js\"\nexport * from \"./Download.vue?vue&type=script&lang=js\"\n\nimport \"./Download.vue?vue&type=style&index=0&id=7a2f9211&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\Project\\\\Current\\\\oversea-website\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7a2f9211\"]])\n\nexport default __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/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Download.vue?vue&type=style&index=0&id=7a2f9211&lang=scss&scoped=true\""],"sourceRoot":""}