{"version":3,"sources":["webpack:///./src/components/skeletons/SkeletonTerm.vue","webpack:///./src/components/skeletons/SkeletonTerm.vue?7d40","webpack:///./src/views/aplCatl640and631/D1/landingPage/Index.vue?2a2b","webpack:///./src/components/skeletons/SkeletonTerm.vue?2614","webpack:///./src/views/aplCatl640and631/D1/landingPage/Index.vue","webpack:///./src/apis/D1.js","webpack:///./src/views/aplCatl640and631/D1/landingPage/Index.vue?5cfb"],"names":["class","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_createElementBlock","_hoisted_6","script","__exports__","render","_createVNode","_Transition","name","mode","$setup","_createBlock","_component_Skeletons","key","_toDisplayString","length","innerHTML","_Fragment","_renderList","n","_component_SkeletonTerm","_component_Bottombar","right","_component_ButtonNextService","isSubmitOk","$event","disabled","onClick","_component_Loading","isLoading","url","getAgreeTermsD1","get","postAgreeD1","post","getInfoD1","submitD1","data","options","repeatRequestCancel","components","Bottombar","Loading","ButtonNextService","Skeletons","SkeletonTerm","setup","route","useRoute","code","meta","store","useStore","ref","isGettingData","payText","isApply","content","getData","value","then","res","agreeTerms","finally","payKind","saveAndgoNext","returnData","storeIsApply","dispatch","catch"],"mappings":"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","file":"js/chunk-5af9c10c.316fe57e.js","sourcesContent":["<template>\r\n    <div class=\"mb-4 overflow-hidden\">\r\n        <div class=\"mb-3.5 shine\" />\r\n        <div class=\"mb-3.5 shine w-1/4\" />\r\n        <div class=\"mb-3.5 shine\" />\r\n        <div class=\"mb-3.5 shine w-3/5\" />\r\n    </div>\r\n</template>\r\n<style scoped>\r\n.shine {\r\n    @apply rounded-lg;\r\n}\r\n</style>\r\n","import { render } from \"./SkeletonTerm.vue?vue&type=template&id=6697ff1e&scoped=true\"\nconst script = {}\n\nimport \"./SkeletonTerm.vue?vue&type=style&index=0&id=6697ff1e&scoped=true&lang=css\"\n\nimport exportComponent from \"/home/dkdim/FBL_OTWS/OTWS_src4/otws-web/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6697ff1e\"]])\n\nexport default __exports__","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Index.vue?vue&type=style&index=0&id=5e70e67a&lang=scss&scoped=true\"","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/cli-service/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./SkeletonTerm.vue?vue&type=style&index=0&id=6697ff1e&scoped=true&lang=css\"","<template>\r\n    <div>\r\n        <div class=\"white-box md:mb-5\">\r\n            <transition\r\n                name=\"opacity\"\r\n                mode=\"out-in\"\r\n            >\r\n                <Skeletons v-if=\"isGettingData>0\" />\r\n                <div v-else>\r\n                    <h4 class=\"text-error mb-2.5 font-normal\">\r\n                        {{ '您目前的繳費方式為' + payText }}\r\n                    </h4>\r\n\r\n                    <!-- <div class=\"border-t border-gray-100 text-base mb-7 py-4 md:py-5\"> -->\r\n                    <div class=\"border-t border-gray-100 text-base mb-7 pt-4 pb-2 md:py-5 text-gray-900\">\r\n                        <transition\r\n                            name=\"opacity\"\r\n                            mode=\"out-in\"\r\n                        >\r\n                            <div\r\n                                v-if=\"!content.length\"\r\n                                class=\"overflow-hidden\"\r\n                            >\r\n                                <SkeletonTerm\r\n                                    v-for=\"n in 2\"\r\n                                    :key=\"n\"\r\n                                />\r\n                            </div>\r\n                            <div\r\n                                v-else\r\n                                class=\"terms\"\r\n                                v-html=\"content\"\r\n                            />\r\n                        </transition>\r\n                    </div>\r\n                    <!-- </div> -->\r\n                </div>\r\n            </transition>\r\n        </div>\r\n        <Bottombar>\r\n            <template #right>\r\n                <ButtonNextService\r\n                    v-model:isSubmitOk=\"isSubmitOk\"\r\n                    :disabled=\"isGettingData>0\"\r\n                    @click=\"saveAndgoNext\"\r\n                />\r\n            </template>\r\n        </Bottombar>\r\n        <Loading :isLoading=\"isLoading\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { ref } from 'vue';\r\nimport { useRoute } from 'vue-router';\r\nimport { getAgreeTermsD1, postAgreeD1, getInfoD1, submitD1 } from '@/apis/D1';\r\nimport { useStore } from 'vuex';\r\nimport Loading from '@/components/Loading.vue';\r\nimport Skeletons from '@/components/skeletons/Skeletons.vue';\r\nimport Bottombar from '@/components/layout/Bottombar.vue';\r\nimport ButtonNextService from '@/components/buttons/ButtonNextService.vue';\r\nimport SkeletonTerm from '@/components/skeletons/SkeletonTerm.vue';\r\n\r\nexport default {\r\n    components: {\r\n        Bottombar,\r\n        Loading,\r\n        ButtonNextService,\r\n        Skeletons,\r\n        SkeletonTerm,\r\n    },\r\n    setup() {\r\n        const route = useRoute();\r\n        const { code } = route.meta;\r\n        const store = useStore();\r\n        const isLoading = ref(false);\r\n        const isGettingData = ref(0);\r\n        const payText = ref('');\r\n        const isApply = ref('N');\r\n        const isSubmitOk = ref(false);\r\n        const content = ref('');\r\n\r\n        const getData = async () => {\r\n            isGettingData.value = 2;\r\n            /** 取得條款內容 */\r\n            await getAgreeTermsD1().then((res) => {\r\n                content.value = res.data.agreeTerms.content;\r\n            }).finally(() => {\r\n                isGettingData.value -= 1;\r\n            });\r\n            await getInfoD1().then((res) => {\r\n                payText.value = res.data.payKind;\r\n            }).finally(() => {\r\n                isGettingData.value -= 1;\r\n            });\r\n        };\r\n\r\n        getData();\r\n\r\n        const saveAndgoNext = () => {\r\n            isLoading.value = true;\r\n            isApply.value = 'Y';\r\n            postAgreeD1().then(() => {\r\n                const returnData = {\r\n                    // isApply: isApply.value === 'Y',\r\n                };\r\n                submitD1(returnData).then(() => {\r\n                    isSubmitOk.value = true;\r\n                    const value = {\r\n                        storeIsApply: isApply.value,\r\n                    };\r\n                    store.dispatch('services/setChangeItemsResult', { code, value });\r\n                }).finally(() => {\r\n                    isLoading.value = false;\r\n                });\r\n            }).catch(() => {\r\n                isLoading.value = false;\r\n            });\r\n        };\r\n        return {\r\n            isGettingData,\r\n            isLoading,\r\n            isSubmitOk,\r\n            payText,\r\n            content,\r\n            isApply,\r\n            saveAndgoNext,\r\n        };\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n:deep(.terms) {\r\n    ul {\r\n        @apply ml-6;\r\n        li {\r\n            margin-bottom: 0.3rem;\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import { get, post } from '@/service/request';\r\nimport { requestOptions as options } from '@/service/requestOptions';\r\n\r\nconst url = 'api/D1';\r\n// const options = { errorDialog: true, secure: false, baseURL: true, repeatRequestCancel: false };\r\n\r\n// 取得自行繳費申請條款說明\r\nexport function getAgreeTermsD1() {\r\n    return get(`${url}/getAgreeTerms`);\r\n}\r\n\r\n// 自行繳費申請條款同意\r\nexport function postAgreeD1() {\r\n    return post(`${url}/agree`);\r\n}\r\n\r\nexport function getInfoD1() {\r\n    return get(`${url}/info`);\r\n}\r\n\r\nexport function submitD1(data) {\r\n    return post(`${url}/submit`, data, { ...options, repeatRequestCancel: true });\r\n}\r\n","import { render } from \"./Index.vue?vue&type=template&id=5e70e67a&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport \"./Index.vue?vue&type=style&index=0&id=5e70e67a&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/dkdim/FBL_OTWS/OTWS_src4/otws-web/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-5e70e67a\"]])\n\nexport default __exports__"],"sourceRoot":""}