{"version":3,"sources":["webpack:///./src/components/cloudCounter/Header.vue?805a","webpack:///./src/components/cloudCounter/InfoBoxBottom.vue","webpack:///./src/components/cloudCounter/InfoBoxBottom.vue?1507","webpack:///./src/components/cloudCounter/Header.vue","webpack:///./src/components/cloudCounter/Header.vue?cccb","webpack:///./src/components/cloudCounter/Layout.vue","webpack:///./src/components/cloudCounter/Layout.vue?d72b","webpack:///./src/views/cloudECounter/loan/specific.vue","webpack:///./src/views/cloudECounter/loan/specific.vue?64b3"],"names":["watch","props","visible","val","document","body","style","overflow","__exports__","router","useRouter","backHandle","go","closeHandle","header","closeBtn","to","$vfm","show","component","params","title","content","confirmButton","cancelButton","closeicon","on","confirm","hide","push","cancel","layoutContent","ref","goLayoutTop","x","y","value","scrollTo","goNextPage","console","log","eligibleInfoBoxVisible","fileInfoBoxVisible","fileInput","fileList","addFile","e","target","files","size","id","Date","getTime","name","src","URL","createObjectURL","type","removeFile","_index","findIndex","splice"],"mappings":"kHAAA,W,67BCgBAA,oBAAM,kBAAMC,EAAMC,WAAS,SAACC,GAGpBC,SAASC,KAAKC,MAAMC,SADpBJ,EAC+B,SAEA,a,g6BClBvC,MAAMK,EAAc,EAEL,U,2oCCaTC,EAASC,iBAETC,EAAa,WACfF,EAAOG,IAAI,IAGTC,EAAc,WAAM,QACtB,UAAIZ,EAAMa,cAAV,iBAAI,EAAcC,gBAAlB,OAAI,EAAwBC,IACxBC,OAAKC,KAAK,CACNC,UAAW,aACXC,OAAQ,CACJC,MAAO,OACPC,QAAS,YACTC,cAAe,KACfC,aAAc,KACdC,WAAW,GAEfC,GAAI,CACAC,QADA,WAEIV,OAAKW,KAAK,cACVnB,EAAOoB,KAAK5B,EAAMa,OAAOC,SAASC,KAEtCc,OALA,WAMIb,OAAKW,KAAK,mB,s/BCnC9B,MAAMpB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,Q,2PCAf,IAAMuB,EAAgBC,iBAAI,MACpBC,EAAc,SAACC,EAAGC,GAChBJ,EAAcK,OACdL,EAAcK,MAAMC,SAASH,GAAK,EAAGC,GAAK,I,+tBCRlD,MAAM,EAAc,EAEL,U,ojJCGf,IAAMG,EAAa,WACfC,QAAQC,IAAI,gBAIVC,EAAyBT,kBAAI,GAG7BU,EAAqBV,kBAAI,GAGzBW,EAAYX,iBAAI,MAEhBY,EAAWZ,iBAAI,IACfa,EAAU,SAACC,GACbP,QAAQC,IAAIG,EAAUP,OAElBU,EAAEC,OAAOC,MAAM,GAAGC,KAAO,QACzBV,QAAQC,IAAI,aAIZM,EAAEC,OAAOC,MAAM,IACfJ,EAASR,MAAMP,KAAK,CAChBqB,IAAK,IAAIC,MAAQC,UACjBC,KAAMP,EAAEC,OAAOC,MAAM,GAAGK,KACxBC,IAAKC,IAAIC,gBAAgBV,EAAEC,OAAOC,MAAM,IACxCS,KAAMX,EAAEC,OAAOC,MAAM,GAAGS,OAIhCd,EAAUP,MAAMA,MAAQ,OAItBsB,EAAa,SAACR,GAChB,IAAMS,EAASf,EAASR,MAAMwB,WAAU,SAAA1B,GAAC,OAAIA,EAAEgB,IAAMA,KACrDN,EAASR,MAAMyB,OAAOF,EAAQ,I,+jHC1ClC,MAAMnD,EAAc,EAEL","file":"js/chunk-59a90c2b.5a36b619.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Header.vue?vue&type=style&index=0&id=301b63de&scoped=true&lang=css\"","<script setup>\r\nimport { ref, watch, defineProps } from 'vue';\r\n\r\nconst props = defineProps({\r\n    visible: {\r\n        type: Boolean,\r\n        default: true,\r\n    },\r\n    boxTitle: String,\r\n    closeHandle: Function,\r\n    contentClass: {\r\n        type: String,\r\n        default: 'p-4',\r\n    },\r\n});\r\n\r\nwatch(() => props.visible, (val) => {\r\n\r\n    if (val) {\r\n        document.body.style.overflow = 'hidden';\r\n    } else {\r\n        document.body.style.overflow = 'visible';\r\n    }\r\n\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"fixed top-0 bottom-0 left-0 right-0 z-[110] bg-[#0204167A]\" v-show=\"visible\">\r\n        <div class=\"flex flex-col fixed bottom-0 w-full max-h-[90%] bg-white rounded-t-lg\">\r\n            <div>\r\n                <div class=\"flex justify-between p-4 pb-2 max-w-[768px] mx-auto\">\r\n                    <div class=\"flex-1\">\r\n                        <h5 class=\"text-lg font-bold text-left\" v-if=\"boxTitle\">{{ boxTitle }}</h5>\r\n                    </div>\r\n                    <div>\r\n                        <button @click=\"(e) => { closeHandle(); }\">\r\n                            <svg fill=\"#0093C1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"\r\n                                style=\"width: 24px;height: 24px;\">\r\n                                <title>close</title>\r\n                                <path\r\n                                    d=\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\" />\r\n                            </svg>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"flex-1 overflow-y-auto scroll-smooth\">\r\n                <div class=\"max-w-[768px] mx-auto\" :class=\"contentClass\">\r\n                    <slot></slot>\r\n                </div>\r\n            </div>\r\n            <div class=\"relative z-10\">\r\n                <slot name=\"fixedBotton\"></slot>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<style scoped></style>\r\n","import script from \"./InfoBoxBottom.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./InfoBoxBottom.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport { defineProps } from 'vue';\r\nimport { useRouter } from 'vue-router'\r\nimport { $vfm } from 'vue-final-modal';\r\n\r\n/**\r\n * header:\r\n * {\r\n *      text: '雲端ｅ櫃台',\r\n *      backBtn: { visible: true },\r\n *      closeBtn: { visible: false, to: {} },\r\n * }\r\n */\r\nconst props = defineProps({\r\n    header: Object\r\n});\r\n\r\n\r\nconst router = useRouter();\r\n\r\nconst backHandle = () => {\r\n    router.go(-1);\r\n}\r\n\r\nconst closeHandle = () => {\r\n    if (props.header?.closeBtn?.to) {\r\n        $vfm.show({\r\n            component: 'DialogBase',\r\n            params: {\r\n                title: '系統提示',\r\n                content: '請確認取消本項變更',\r\n                confirmButton: '確認',\r\n                cancelButton: '取消',\r\n                closeicon: false,\r\n            },\r\n            on: {\r\n                confirm() {\r\n                    $vfm.hide('DialogBase');\r\n                    router.push(props.header.closeBtn.to);\r\n                },\r\n                cancel() {\r\n                    $vfm.hide('DialogBase');\r\n                },\r\n            },\r\n        });\r\n    }\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <div class=\"header bg-white fill-[#0093C1]\">\r\n\r\n        <div class=\"flex max-w-[768px] mx-auto h-[60px]\">\r\n            <div class=\"w-11\">\r\n                <button @click=\"backHandle\" class=\"w-full h-full\" v-if=\"header.backBtn?.visible\">\r\n                    <svg class=\"mx-auto\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"\r\n                        style=\"height: 24px;width: 24px;\">\r\n                        <title>chevron-left</title>\r\n                        <path d=\"M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z\" />\r\n                    </svg>\r\n                </button>\r\n            </div>\r\n            <div class=\"flex-1 text-center py-4\">\r\n                <h1 class=\"text-lg font-bold\">\r\n                    <template v-if=\"header.text\">\r\n                        {{ header.text }}\r\n                    </template>\r\n                    <slot v-else></slot>\r\n                </h1>\r\n            </div>\r\n            <div class=\"w-11\">\r\n                <button class=\"w-full h-full\" @click=\"closeHandle\" v-if=\"header?.closeBtn?.visible\">\r\n                    <svg class=\"mx-auto\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"\r\n                        style=\"height: 24px;width: 24px;\">\r\n                        <title>close</title>\r\n                        <path\r\n                            d=\"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z\" />\r\n                    </svg>\r\n                </button>\r\n            </div>\r\n        </div>\r\n\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<style scoped>\r\n.header {\r\n    box-shadow: 0px 2px 12px 0px #0C0E1F0A;\r\n}\r\n</style>\r\n","import script from \"./Header.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Header.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Header.vue?vue&type=style&index=0&id=301b63de&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\版控\\\\online\\\\2022線上交易RE\\\\web\\\\otws-web\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-301b63de\"]])\n\nexport default __exports__","<script setup>\r\nimport { ref, defineProps } from 'vue';\r\nimport Header from '@/components/cloudCounter/Header.vue'\r\n\r\ndefineProps({\r\n    header: Object\r\n});\r\n\r\nconst layoutContent = ref(null);\r\nconst goLayoutTop = (x, y) => {\r\n    if (layoutContent.value) {\r\n        layoutContent.value.scrollTo(x || 0, y || 0);\r\n    }\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n    <div class=\"h-full flex flex-col\">\r\n        <div class=\"relative z-30\">\r\n            <Header :header=\"header\"></Header>\r\n        </div>\r\n        <div class=\"flex-1 overflow-y-auto\" ref=\"layoutContent\">\r\n            <div class=\"h-full flex flex-col\">\r\n                <div>\r\n                    <slot name=\"top\"></slot>\r\n                </div>\r\n\r\n                <div class=\"w-full max-w-3xl mx-auto px-5 pt-5 pb-10 relative flex-1\">\r\n                    <slot :method=\"{ goLayoutTop }\"></slot>\r\n                </div>\r\n                <div>\r\n                    <slot name=\"bottom\"></slot>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"fixed bottom-0 left-0 right-0 z-20\">\r\n            <slot name=\"fixedBottom\"></slot>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style scoped></style>\r\n","import script from \"./Layout.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Layout.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<script setup>\r\nimport '@/assets/cloudCounter/css/style.css';\r\nimport { ref, defineProps, } from 'vue';\r\n\r\nimport Layout from '@/components/cloudCounter/Layout.vue';\r\nimport Process from '@/components/cloudCounter/Process.vue';\r\nimport InfoBoxBottom from '@/components/cloudCounter/InfoBoxBottom.vue';\r\n\r\nconst goNextPage = () => {\r\n    console.log('Go! Go! Go!');\r\n}\r\n\r\n// 選擇資格證明彈窗\r\nconst eligibleInfoBoxVisible = ref(false);\r\n\r\n// 上傳相關證明文件彈窗\r\nconst fileInfoBoxVisible = ref(false);\r\n\r\n\r\nconst fileInput = ref(null);\r\n\r\nconst fileList = ref([]);\r\nconst addFile = (e) => {\r\n    console.log(fileInput.value);\r\n\r\n    if (e.target.files[0].size > 5242880) {\r\n        console.log('Too big!');\r\n        return;\r\n    }\r\n\r\n    if (e.target.files[0]) {\r\n        fileList.value.push({\r\n            id: (new Date()).getTime(),\r\n            name: e.target.files[0].name,\r\n            src: URL.createObjectURL(e.target.files[0]),\r\n            type: e.target.files[0].type,\r\n        });\r\n    }\r\n\r\n    fileInput.value.value = null;\r\n\r\n}\r\n\r\nconst removeFile = (id) => {\r\n    const _index = fileList.value.findIndex(x => x.id == id);\r\n    fileList.value.splice(_index, 1);\r\n}\r\n\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n    <Layout :header=\"{ text: '保單借款', backBtn: { visible: true }, closeBtn: { visible: false, to: {} }, }\">\r\n        <InfoBoxBottom boxTitle=\"選擇資格證明\" :closeHandle=\"() => { eligibleInfoBoxVisible = false }\"\r\n            v-show=\"eligibleInfoBoxVisible\">\r\n\r\n            <ul>\r\n                <li class=\"py-4 border-b\">\r\n                    <label class=\"flex w-full\">\r\n                        <div class=\"pt-0.5 pr-2\">\r\n                            <input type=\"radio\" name=\"prove\" value=\"\">\r\n                        </div>\r\n                        <div>經濟弱勢保戶線上保單借款證明文件申請<br>(身心障礙資格)</div>\r\n                    </label>\r\n                </li>\r\n                <li class=\"py-4 border-b\">\r\n                    <label class=\"flex w-full\">\r\n                        <div class=\"pt-0.5 pr-2\">\r\n                            <input type=\"radio\" name=\"prove\" value=\"\">\r\n                        </div>\r\n                        <div>經濟弱勢保戶線上保單借款證明文件申請<br>(低收入戶或中低收入戶證明)</div>\r\n                    </label>\r\n                </li>\r\n            </ul>\r\n\r\n\r\n            <template #fixedBotton>\r\n                <div class=\"footer-shadow\">\r\n                    <div class=\"flex w-full px-2 py-3 max-w-[768px] mx-auto\">\r\n                        <div class=\"flex-1 px-2\">\r\n                            <RouterLink class=\"block py-3 text-center rounded bg-[#CCF3FF] text-[#0093C1]\"\r\n                                :to=\"{ name: '' }\">\r\n                                不申請\r\n                            </RouterLink>\r\n                        </div>\r\n                        <div class=\"flex-1 px-2\">\r\n                            <RouterLink class=\"block py-3 text-center rounded bg-[#0093C1] text-white\"\r\n                                :to=\"{ name: '' }\">\r\n                                符合資格並申請\r\n                            </RouterLink>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </template>\r\n        </InfoBoxBottom>\r\n\r\n        <InfoBoxBottom boxTitle=\"上傳相關證明文件\" :closeHandle=\"() => { fileInfoBoxVisible = false }\"\r\n            v-show=\"fileInfoBoxVisible\">\r\n            <div class=\"pb-4\" v-for=\"fileItem in fileList\">\r\n                <div class=\"w-full bg-[#DFE4E5] rounded-md p-4\">\r\n                    <div class=\"w-full flex justify-between items-center pb-4\">\r\n                        <div class=\"font-bold\">{{ fileItem.name }}</div>\r\n                        <div>\r\n                            <!-- 刪除按鈕 -->\r\n                            <button @click=\"(e) => { removeFile(fileItem.id); }\">\r\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n                                    xmlns=\"http://www.w3.org/2000/svg\">\r\n                                    <path d=\"M2 5L22 5\" stroke=\"#0093C1\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\" />\r\n                                    <path\r\n                                        d=\"M4 6L5.93247 19.5273C6.13516 20.9461 7.35029 22 8.78352 22H15.2165C16.6497 22 17.8648 20.9461 18.0675 19.5273L20 6\"\r\n                                        stroke=\"#0093C1\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\" />\r\n                                    <path d=\"M9.46387 8.26855V17.4881\" stroke=\"#0093C1\" stroke-width=\"2\"\r\n                                        stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                    <path d=\"M14.293 8.48828V17.7078\" stroke=\"#0093C1\" stroke-width=\"2\"\r\n                                        stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                    <path\r\n                                        d=\"M7.70752 4.63415C7.94699 3.7561 9.09643 2 11.7785 2C14.4605 2 15.4503 3.7561 15.61 4.63415\"\r\n                                        stroke=\"#0093C1\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n                                        stroke-linejoin=\"round\" />\r\n                                </svg>\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"text-center\">\r\n                        <img v-if=\"fileItem.type.includes('image')\" class=\"inline-block max-w-[220px]\"\r\n                            :src=\"fileItem.src\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"pb-7\">\r\n                <div class=\"w-full bg-[#DFE4E5] rounded-md\">\r\n\r\n                    <label class=\"block w-full h-[144px] relative\">\r\n                        <input class=\"w-full h-full opacity-0 relative z-20\" type=\"file\"\r\n                            accept=\".doc,.docx,.pdf,.jpg,.jpeg,.tif,.tiff,.gif\" ref=\"fileInput\" @change=\"addFile\" />\r\n                        <div\r\n                            class=\"absolute top-0 left-0 right-0 bottom-0 z-10 flex items-center justify-center text-center\">\r\n                            <div>\r\n                                <div class=\"inline-block pb-2\">\r\n                                    <svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\"\r\n                                        xmlns=\"http://www.w3.org/2000/svg\">\r\n                                        <circle cx=\"12.5\" cy=\"12\" r=\"10\" fill=\"#0093C1\" />\r\n                                        <path d=\"M12.5 7.5V16.4999\" stroke=\"white\" stroke-width=\"2\"\r\n                                            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                        <path d=\"M17 12H8.00009\" stroke=\"white\" stroke-width=\"1.95\"\r\n                                            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                    </svg>\r\n                                </div>\r\n                                <div class=\"font-bold\">\r\n                                    <template v-if=\"fileList.length === 0\">上傳文件</template>\r\n                                    <template v-else>繼續上傳其他文件</template>\r\n                                </div>\r\n                                <div class=\"text-sm\">\r\n                                    限 jpg、jpeg、pdf、word檔（.doc、.docx）tif、tiff、gif，不超過 5 MB\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </label>\r\n                </div>\r\n            </div>\r\n\r\n            <ul class=\"list-disc pb-7 pl-4 text-sm\">\r\n                <li>請提供完整頁面，避免裁切、折角、反光與陰影</li>\r\n            </ul>\r\n\r\n            <button\r\n                class=\"w-full py-3 text-center bg-[#0093C1] text-white disabled:bg-[#D7D8DA] disabled:text-[#86878F] rounded-md\"\r\n                :disabled=\"fileList.length === 0\" @click=\"(e) => { goNextPage() }\"> 下一步\r\n            </button>\r\n\r\n        </InfoBoxBottom>\r\n\r\n        <div class=\"pt-2 pb-6\">\r\n            <Process :steps=\"['同意條款', '選擇保單', '確認資料', '手機驗證',]\" :index=\"1\"></Process>\r\n        </div>\r\n\r\n        <div class=\"pb-4 flex justify-between items-center\">\r\n            <h2 class=\"font-bold text-2xl\">提供相關身份證明文件</h2>\r\n        </div>\r\n\r\n        <div class=\"pb-4\">\r\n            <div class=\"flex justify-between items-center  p-4 rounded-md bg-white\">\r\n                <div class=\"pr-4\">\r\n                    <div class=\"font-bold\">自行上傳相關證明文件</div>\r\n                    <div class=\"text-sm\">所有資格的申請者皆可使用</div>\r\n                </div>\r\n                <div>\r\n                    <button class=\" p-1.5 min-w-[72px] text-white text-sm text-center bg-[#0093C1]  rounded-md\"\r\n                        @click=\"(e) => { fileInfoBoxVisible = true; }\">上傳</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"pb-4\">\r\n            <div class=\"flex justify-between items-center  p-4 rounded-md bg-white\">\r\n                <div class=\"pr-4\">\r\n                    <div class=\"font-bold\">數發部 My data 平台授權提供</div>\r\n                    <div class=\"text-sm\">身心障礙資格、低/中低收入戶證明，可透過數發部「個人資料自主運用平臺（My data）」提供</div>\r\n                </div>\r\n                <div>\r\n                    <button class=\" p-1.5 min-w-[72px] text-white text-sm text-center bg-[#0093C1]  rounded-md\"\r\n                        @click=\"(e) => { eligibleInfoBoxVisible = true; }\">授權</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </Layout>\r\n\r\n</template>\r\n\r\n<style scoped></style>","import script from \"./specific.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./specific.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}