{"version":3,"sources":["webpack:///./src/components/cloudCounter/Header.vue?805a","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/cloudCounter/video-operation/start.vue","webpack:///./src/views/cloudCounter/video-operation/start.vue?6967"],"names":["router","useRouter","backHandle","go","closeHandle","props","header","closeBtn","to","$vfm","show","component","params","title","content","confirmButton","cancelButton","closeicon","on","confirm","hide","push","cancel","__exports__","layoutContent","ref","goLayoutTop","x","y","value","scrollTo","goNextPage","name"],"mappings":"kHAAA,W,2rCCkBMA,EAASC,iBAETC,EAAa,WACfF,EAAOG,IAAI,IAGTC,EAAc,WAAM,QACtB,UAAIC,EAAMC,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,cACVpB,EAAOqB,KAAKhB,EAAMC,OAAOC,SAASC,KAEtCc,OALA,WAMIb,OAAKW,KAAK,mB,s/BCnC9B,MAAMG,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,Q,2PCAf,IAAMC,EAAgBC,iBAAI,MACpBC,EAAc,SAACC,EAAGC,GAChBJ,EAAcK,OACdL,EAAcK,MAAMC,SAASH,GAAK,EAAGC,GAAK,I,+tBCRlD,MAAM,EAAc,EAEL,U,6nCCAf,IAAM5B,EAASC,iBAET8B,EAAa,WACf/B,EAAOqB,KAAK,CAAEW,KAAM,sC,yiBCLxB,MAAMT,EAAc,EAEL","file":"js/chunk-7b156b16.b1521e95.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 { 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\nimport Layout from '@/components/cloudCounter/Layout.vue';\r\nimport { useRouter } from 'vue-router';\r\nconst router = useRouter();\r\n\r\nconst goNextPage = () => {\r\n    router.push({ name: 'cloudCounterVideoOperationClause' });\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n\r\n    <Layout :header=\"{ text: '視訊作業', backBtn: { visible: true }, closeBtn: { visible: false, to: {} }, }\">\r\n\r\n        <div class=\"pt-12 pb-16 text-center\">\r\n            <img src=\"\" alt=\"\" v-if=\"false\">\r\n            <div class=\"mx-auto w-[168px] h-[168px] bg-[#D9D9D9] text-[#CCC]\" v-else>\r\n                <div class=\"inline-block\">\r\n                    <svg fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"\r\n                        style=\"width: 60px;height: 168px;\">\r\n                        <title>image</title>\r\n                        <path\r\n                            d=\"M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z\" />\r\n                    </svg>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"pb-4\">\r\n            <h2 class=\"font-bold text-2xl\">\r\n                視訊作業注意事項\r\n            </h2>\r\n            <ul class=\"list-disc pt-2 pl-6\">\r\n                <li>在光線充足的位置，並勿遮擋臉部，臉部需佔畫面的一半。</li>\r\n                <li>準備本人之身分證，於視訊時出示進行身份核對。</li>\r\n                <li>過程中將會全程錄影及錄音，並加密保存。</li>\r\n                <li>麥克風請維持正常音量，周遭環境請保持安靜。</li>\r\n            </ul>\r\n        </div>\r\n\r\n        <template v-slot:bottom>\r\n            <button\r\n                class=\"w-full pt-5 pb-14 text-center bg-[#0093C1] text-white disabled:bg-[#D7D8DA] disabled:text-[#86878F]\"\r\n                @click=\"goNextPage\">下一步</button>\r\n        </template>\r\n\r\n    </Layout>\r\n\r\n</template>\r\n\r\n<style scoped></style>\r\n","import script from \"./start.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./start.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}