{"version":3,"sources":["webpack:///./src/views/Reservation.vue","webpack:///./src/views/Reservation.vue?74d3","webpack:///./src/views/Reservation.vue?b16e","webpack:///./node_modules/core-js/modules/es.array.join.js","webpack:///./src/assets/img/reservation-buymore.svg","webpack:///./src/views/Reservation.vue?dd44"],"names":["class","src","alt","selectedDate","dateCell","data","getYear","day","currentYear","getMonth","currentMonth","availableDays","includes","getDay","openRegFormModal","title","regForm","date","dayOfWeekInZh","openRegForm","width","dialogWidth","footer","formFilledStep","resetForm","type","disabled","completeFirstFormFilled","nextForm","submitForm","label-width","ref","model","rules","formRule","label-position","label","prop","childrenNumber","placeholder","key","value","hourCode","workingHours","hour","id","availableHours","code","ceremonyPlan","isWeekend","parentName","phoneNumber","childrenName","gender","childBirthdate","style","default-value","previousYearDate","attendantNumber","lineId","email","buyMore","multiple","name","setup","Date","setHours","oldDate","oldMonth","month","year","getFullYear","fetchApi","registerDaysAvailable","isoDate","parseInt","split","slice","join","getAvailableDays","format","getAvailableHours","registerHoursAvailable","hours","windowWidth","window","innerWidth","onResize","addEventListener","regFormRef","regFormInitialState","cellphoneNumber","required","message","trigger","Object","assign","checkWeekend","dayOfWeek","toString","stepId","validate","valid","post","then","res","reservationId","get","success","catch","error","setFullYear","removeEventListener","render","__scopeId","$","IndexedObject","toIndexedObject","arrayMethodIsStrict","nativeJoin","ES3_STRINGS","STRICT_METHOD","target","proto","forced","separator","call","this","undefined","module","exports"],"mappings":"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","file":"js/dashboard13.d43f19b1.js","sourcesContent":["<template>\n\t<div class=\"reservation\">\n\t\t<section class=\"reservation-top-block pt-4\">\n\t\t\t<div class=\"reservation-content flex flex-col xl:flex-none xl:grid grid-cols-12 w-full relative h-full pb-16  container  mx-auto xl:gap-4\">\n\t\t\t\t<div class=\"reservation-content-calendar col-span-9 h-full relative\">\n\t\t\t\t\t<el-calendar v-model=\"selectedDate\">\n\t\t\t\t\t\t<template #dateCell=\"{data}\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"font-body overlay\"\n\t\t\t\t\t\t\t\t:class=\"getYear(data.day) == currentYear && getMonth(data.day) == currentMonth && availableDays.includes(getDay(data.day)) ? 'is-available' : 'is-disabled'\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"w-full h-full reg-button\"\n\t\t\t\t\t\t\t\t\t@click=\"openRegFormModal(data.day)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p class=\"text-mdlg font-body tracking-wider day\">{{ getDay(data.day) }}</p>\n\t\t\t\t\t\t\t\t\t<p class=\"text-base md:text-base font-body tracking-wider status\">{{ getYear(data.day) == currentYear && getMonth(data.day) == currentMonth && availableDays.includes(getDay(data.day)) ? '尚可預約' : '預約額滿' }}</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</el-calendar>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content-text col-span-3 relative flex lg:flex-col items-end bottom-0 right-0 z-10 text-left pt-8 xl:pt-0\">\n\t\t\t\t\t<div class=\"content-wrapper flex flex-col justify-between\">\n\t\t\t\t\t\t<div class=\"header-text font-title flex  top-0 right-8 z-10 flex-col \">\n\t\t\t\t\t\t\t<h1 class=\"header-text-top text-left text-about leading-none hidden xl:block\">Online</h1>\n\t\t\t\t\t\t\t<h1 class=\"header-text-bottom text-left text-about leading-none hidden xl:block mb-8\">Booking</h1>\n\t\t\t\t\t\t\t<h2 class=\"content-text-title\">線上預約</h2>\n\t\t\t\t\t\t\t<span class=\"content-decoration bg-white\"></span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<p class=\"content-text-description text-md\">請從日曆中挑選日期，<br />成功申請後，<br />將會寄送電子郵件通知到您的信箱。</p>\n\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t\t<el-dialog\n\t\t\t:title=\"regForm.date + ' (' + dayOfWeekInZh + ')' + ' 古禮抓周預約'\"\n\t\t\tv-model=\"openRegForm\"\n\t\t\t:width=\"dialogWidth\"\n\t\t>\n\t\t\t<el-form\n\t\t\t\tlabel-width=\"120px\"\n\t\t\t\tref=\"regFormRef\"\n\t\t\t\t:model=\"regForm\"\n\t\t\t\t:rules=\"formRule\"\n\t\t\t\tlabel-position=\"left\"\n\t\t\t>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"預約日期\"\n\t\t\t\t\tprop=\"date\"\n\t\t\t\t\tv-show=\"false\"\n\t\t\t\t>\n\t\t\t\t\t<el-input\n\t\t\t\t\t\tv-model=\"regForm.date\"\n\t\t\t\t\t\tdisabled\n\t\t\t\t\t></el-input>\n\t\t\t\t</el-form-item>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"幾胞胎\"\n\t\t\t\t\tprop=\"childrenNumber\"\n\t\t\t\t\tv-show=\"formFilledStep == 0\"\n\t\t\t\t\tclass=\"mb-0\"\n\t\t\t\t>\n\t\t\t\t\t<el-select\n\t\t\t\t\t\tv-model=\"regForm.childrenNumber\"\n\t\t\t\t\t\tplaceholder=\"請選擇幾胞胎\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=1\n\t\t\t\t\t\t\tlabel=\"單胞胎\"\n\t\t\t\t\t\t\tvalue=1\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=2\n\t\t\t\t\t\t\tlabel=\"雙胞胎\"\n\t\t\t\t\t\t\tvalue=2\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=3\n\t\t\t\t\t\t\tlabel=\"三胞胎\"\n\t\t\t\t\t\t\tvalue=3\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t</el-select>\n\t\t\t\t</el-form-item>\n\t\t\t\t<p\n\t\t\t\t\tv-show=\"formFilledStep == 0\"\n\t\t\t\t\tclass=\"text-left ml-4 mt-4 mb-8\"\n\t\t\t\t>(是幾胞胎不是生幾胎)</p>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"尚餘時段\"\n\t\t\t\t\tprop=\"hourCode\"\n\t\t\t\t\tv-show=\"formFilledStep == 0\"\n\t\t\t\t>\n\t\t\t\t\t<el-select\n\t\t\t\t\t\tv-model.number=\"regForm.hourCode\"\n\t\t\t\t\t\tplaceholder=\"請選擇時段\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<template\n\t\t\t\t\t\t\tv-for=\"hour in workingHours\"\n\t\t\t\t\t\t\t:key=\"hour.id\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<template v-if=\"availableHours.includes(hour.code)\">\n\t\t\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\t\t\t:key=hour.code\n\t\t\t\t\t\t\t\t\t:label=hour.value\n\t\t\t\t\t\t\t\t\t:value=hour.code\n\t\t\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</el-select>\n\t\t\t\t</el-form-item>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"選擇方案\"\n\t\t\t\t\tprop=\"ceremonyPlan\"\n\t\t\t\t\tv-show=\"formFilledStep == 0\"\n\t\t\t\t>\n\t\t\t\t\t<el-select\n\t\t\t\t\t\tv-model=\"regForm.ceremonyPlan\"\n\t\t\t\t\t\tplaceholder=\"請選擇方案\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"weekday\"\n\t\t\t\t\t\t\tlabel=\"平日方案\"\n\t\t\t\t\t\t\tvalue=\"weekday\"\n\t\t\t\t\t\t\tv-if=\"!isWeekend\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"holiday\"\n\t\t\t\t\t\t\tlabel=\"假日方案\"\n\t\t\t\t\t\t\tvalue=\"holiday\"\n\t\t\t\t\t\t\tv-if=\"isWeekend\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"whole\"\n\t\t\t\t\t\t\tlabel=\"包場方案\"\n\t\t\t\t\t\t\tvalue=\"whole\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t</el-select>\n\t\t\t\t</el-form-item>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"家長姓名\"\n\t\t\t\t\tprop=\"parentName\"\n\t\t\t\t\tv-show=\"formFilledStep == 1\"\n\t\t\t\t>\n\t\t\t\t\t<el-input v-model=\"regForm.parentName\"></el-input>\n\t\t\t\t</el-form-item>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"家長電話\"\n\t\t\t\t\tprop=\"phoneNumber\"\n\t\t\t\t\tv-show=\"formFilledStep == 1\"\n\t\t\t\t>\n\t\t\t\t\t<el-input v-model=\"regForm.phoneNumber\"></el-input>\n\t\t\t\t</el-form-item>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"寶貝姓名\"\n\t\t\t\t\tprop=\"childrenName\"\n\t\t\t\t\tv-show=\"formFilledStep == 1\"\n\t\t\t\t>\n\t\t\t\t\t<el-input v-model=\"regForm.childrenName\"></el-input>\n\t\t\t\t</el-form-item>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"寶貝性別\"\n\t\t\t\t\tprop=\"gender\"\n\t\t\t\t\tv-show=\"formFilledStep == 1\"\n\t\t\t\t>\n\t\t\t\t\t<el-select\n\t\t\t\t\t\tv-model=\"regForm.gender\"\n\t\t\t\t\t\tplaceholder=\"請選擇性別\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"male\"\n\t\t\t\t\t\t\tlabel=\"男生\"\n\t\t\t\t\t\t\tvalue=\"male\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"female\"\n\t\t\t\t\t\t\tlabel=\"女生\"\n\t\t\t\t\t\t\tvalue=\"female\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"both\"\n\t\t\t\t\t\t\tlabel=\"龍鳳\"\n\t\t\t\t\t\t\tvalue=\"both\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t</el-select>\n\t\t\t\t</el-form-item>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"寶貝生日\"\n\t\t\t\t\tprop=\"childBirthdate\"\n\t\t\t\t\tv-show=\"formFilledStep == 1\"\n\t\t\t\t>\n\t\t\t\t\t<el-date-picker\n\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\tplaceholder=\"請選擇滿一歲的國曆生日日期\"\n\t\t\t\t\t\tv-model=\"regForm.childBirthdate\"\n\t\t\t\t\t\tstyle=\"width: 100%;\"\n\t\t\t\t\t\t:default-value=\"previousYearDate\"\n\t\t\t\t\t></el-date-picker>\n\t\t\t\t</el-form-item>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"預計參加人數\"\n\t\t\t\t\tprop=\"attendantNumber\"\n\t\t\t\t\tv-show=\"formFilledStep == 1\"\n\t\t\t\t>\n\t\t\t\t\t<el-input\n\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\tplaceholder=\"概略即可\"\n\t\t\t\t\t\tv-model.number=\"regForm.attendantNumber\"\n\t\t\t\t\t></el-input>\n\t\t\t\t</el-form-item>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"LINE ID\"\n\t\t\t\t\tprop=\"lineId\"\n\t\t\t\t\tv-show=\"formFilledStep == 1\"\n\t\t\t\t>\n\t\t\t\t\t<el-input v-model=\"regForm.lineId\"></el-input>\n\t\t\t\t</el-form-item>\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"信箱\"\n\t\t\t\t\tprop=\"email\"\n\t\t\t\t\tv-show=\"formFilledStep == 1\"\n\t\t\t\t>\n\t\t\t\t\t<el-input\n\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\tv-model=\"regForm.email\"\n\t\t\t\t\t></el-input>\n\t\t\t\t</el-form-item>\n\n\t\t\t\t<el-form-item\n\t\t\t\t\tlabel=\"加購項目\"\n\t\t\t\t\tprop=\"buyMore\"\n\t\t\t\t\tv-show=\"formFilledStep == 2\"\n\t\t\t\t>\n\t\t\t\t\t<el-select\n\t\t\t\t\t\tv-model=\"regForm.buyMore\"\n\t\t\t\t\t\tplaceholder=\"請選擇加購項目\"\n\t\t\t\t\t\tmultiple\n\t\t\t\t\t>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"poem\"\n\t\t\t\t\t\t\tlabel=\"藏頭詩(500元/幅)\"\n\t\t\t\t\t\t\tvalue=\"poem\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"calendar\"\n\t\t\t\t\t\t\tlabel=\"客製化桌曆(360元/個)\"\n\t\t\t\t\t\t\tvalue=\"calendar\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"cakeStrawberry\"\n\t\t\t\t\t\t\tlabel=\"生日蛋糕-莓好氣氛(880元)\"\n\t\t\t\t\t\t\tvalue=\"cakeStrawberry\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"cakeTaro\"\n\t\t\t\t\t\t\tlabel=\"生日蛋糕-芋見富貴(880元)\"\n\t\t\t\t\t\t\tvalue=\"cakeTaro\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"cakeFruits\"\n\t\t\t\t\t\t\tlabel=\"生日蛋糕-鼠於水果(980元)\"\n\t\t\t\t\t\t\tvalue=\"cakeFruits\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"cakeCheese\"\n\t\t\t\t\t\t\tlabel=\"生日蛋糕-經典乳酪(399元)\"\n\t\t\t\t\t\t\tvalue=\"cakeCheese\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t\t<el-option\n\t\t\t\t\t\t\tkey=\"clothes\"\n\t\t\t\t\t\t\tlabel=\"古裝(150元/人)-寶貝虎裝無需另外付費\"\n\t\t\t\t\t\t\tvalue=\"clothes\"\n\t\t\t\t\t\t></el-option>\n\t\t\t\t\t</el-select>\n\t\t\t\t</el-form-item>\n\t\t\t\t<img\n\t\t\t\t\tv-show=\"formFilledStep == 2\"\n\t\t\t\t\tsrc=\"../assets/img/reservation-buymore.svg\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t>\n\t\t\t</el-form>\n\t\t\t<template #footer>\n\t\t\t\t<template v-if=\"formFilledStep == 0\">\n\t\t\t\t\t<span class=\"dialog-footer\">\n\t\t\t\t\t\t<el-button @click=\"openRegForm = false; resetForm\">取消</el-button>\n\t\t\t\t\t\t<el-button\n\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t:disabled=\"!completeFirstFormFilled\"\n\t\t\t\t\t\t\t@click=\"nextForm(1)\"\n\t\t\t\t\t\t>填寫詳細資料</el-button>\n\t\t\t\t\t</span>\n\t\t\t\t</template>\n\t\t\t\t<template v-if=\"formFilledStep == 1\">\n\t\t\t\t\t<span class=\"dialog-footer\">\n\t\t\t\t\t\t<el-button @click=\"formFilledStep = 0\">回上一步</el-button>\n\t\t\t\t\t\t<el-button\n\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t@click=\"nextForm(2)\"\n\t\t\t\t\t\t>選擇加購項目</el-button>\n\t\t\t\t\t</span>\n\t\t\t\t</template>\n\t\t\t\t<template v-if=\"formFilledStep == 2\">\n\t\t\t\t\t<span class=\"dialog-footer\">\n\t\t\t\t\t\t<el-button @click=\"formFilledStep = 1\">回上一步</el-button>\n\t\t\t\t\t\t<el-button\n\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t@click=\"submitForm\"\n\t\t\t\t\t\t>送出表單</el-button>\n\t\t\t\t\t</span>\n\t\t\t\t</template>\n\t\t\t</template>\n\t\t</el-dialog>\n\t</div>\n\n</template>\n\n\n<script>\nimport {\n\tref,\n\treactive,\n\tonMounted,\n\tonBeforeUnmount,\n\twatch,\n\twatchEffect,\n} from \"vue\";\nimport { fetchApi } from \"@/utils/fetchApi\";\nimport { ElMessage } from \"element-plus\";\nimport dayjs from \"dayjs\";\nimport service from \"../utils/request\";\n\nexport default {\n\tname: \"reservation\",\n\tsetup() {\n\t\tconst date = new Date();\n\t\tdate.setHours(8, 0, 0, 0);\n\n\t\tconst selectedDate = ref(date);\n\t\tconst availableDays = ref([]);\n\t\tconst availableHours = ref([]);\n\t\twatch(selectedDate, async (selectedDate, oldDate) => {\n\t\t\tconst oldMonth = oldDate.getMonth() + 1;\n\t\t\tconst month = selectedDate.getMonth() + 1;\n\t\t\tconst year = selectedDate.getFullYear();\n\t\t\tif (oldMonth != month) {\n\t\t\t\tconst data = await fetchApi.registerDaysAvailable(year, month);\n\t\t\t\tavailableDays.value = data.availableDays;\n\t\t\t\tcurrentMonth.value = data.month;\n\t\t\t\tcurrentYear.value = data.year;\n\t\t\t}\n\t\t});\n\t\t// const isoDate = selectedDate.value.toISOString();\n\n\t\tconst getMonth = (isoDate) =>\n\t\t\tparseInt(isoDate.split(\"-\").slice(1).join());\n\t\tconst getDay = (isoDate) =>\n\t\t\tparseInt(isoDate.split(\"-\").slice(2).join());\n\t\tconst getYear = (isoDate) =>\n\t\t\tparseInt(isoDate.split(\"-\").slice(0).join());\n\t\tconst currentMonth = ref(0);\n\t\tconst currentYear = ref(0);\n\t\tcurrentMonth.value = date.getMonth() + 1;\n\t\tcurrentYear.value = date.getFullYear();\n\n\t\tconst getAvailableDays = async () => {\n\t\t\tconst date = dayjs(selectedDate.value).format().split(\"T\")[0];\n\t\t\tconst year = date.split(\"-\")[0];\n\t\t\tconst month = date.split(\"-\")[1];\n\t\t\tconst data = await fetchApi.registerDaysAvailable(year, month);\n\t\t\tavailableDays.value = data.availableDays;\n\t\t};\n\n\t\tconst getAvailableHours = async () => {\n\t\t\tconst date = dayjs(regForm.date).format().split(\"T\")[0];\n\t\t\tconst year = date.split(\"-\")[0];\n\t\t\tconst month = date.split(\"-\")[1];\n\t\t\tconst day = date.split(\"-\")[2];\n\t\t\tregForm.year = year;\n\t\t\tregForm.month = month;\n\t\t\tregForm.day = day;\n\t\t\tconst hours = await fetchApi.registerHoursAvailable(\n\t\t\t\tyear,\n\t\t\t\tmonth,\n\t\t\t\tday\n\t\t\t);\n\t\t\tavailableHours.value = hours.hourCode;\n\t\t};\n\t\tconst dialogWidth = ref(\"80%\");\n\t\tconst windowWidth = ref(window.innerWidth);\n\n\t\tconst onResize = () => {\n\t\t\twindowWidth.value = window.innerWidth;\n\t\t};\n\n\t\tonMounted(async () => {\n\t\t\tgetAvailableDays();\n\t\t\twindow.addEventListener(\"resize\", onResize);\n\t\t});\n\n\t\tconst dayOfWeekInZh = ref(null);\n\n\t\t// form related\n\t\tconst workingHours = [\n\t\t\t{ code: 0, value: \"09:00-10:15\" },\n\t\t\t{ code: 1, value: \"10:30-11:45\" },\n\t\t\t{ code: 2, value: \"12:00-13:15\" },\n\t\t\t{ code: 3, value: \"13:30-14:45\" },\n\t\t\t{ code: 4, value: \"15:00-16:15\" },\n\t\t\t{ code: 5, value: \"16:30-17:45\" },\n\t\t\t{ code: 6, value: \"18:00-19:15\" },\n\t\t];\n\t\tconst formFilledStep = ref(0);\n\t\tconst completeFirstFormFilled = ref(false);\n\t\tconst openRegForm = ref(false);\n\t\tconst regFormRef = ref(null);\n\t\tconst regFormInitialState = {\n\t\t\tyear: \"\",\n\t\t\tmonth: \"\",\n\t\t\tday: \"\",\n\t\t\tdate: \"\",\n\t\t\thourCode: \"\",\n\t\t\tchildrenNumber: \"\",\n\t\t\tceremonyPlan: \"\",\n\t\t\tparentName: \"\",\n\t\t\tphoneNumber: \"\",\n\t\t\tcellphoneNumber: \"\",\n\t\t\tchildrenName: \"\",\n\t\t\tgender: \"\",\n\t\t\tchildBirthdate: \"\",\n\t\t\tattendantNumber: \"\",\n\t\t\tlineId: \"\",\n\t\t\temail: \"\",\n\t\t\tbuyMore: [],\n\t\t};\n\t\tconst regForm = reactive({\n\t\t\t...regFormInitialState,\n\t\t});\n\t\tconst formRule = {\n\t\t\tdate: [{ required: true, message: \"請輸入日期\", trigger: \"blur\" }],\n\t\t\thourCode: [\n\t\t\t\t{ required: true, message: \"請輸入時段\", trigger: \"blur\" },\n\t\t\t],\n\t\t\tchildrenNumber: [\n\t\t\t\t{\n\t\t\t\t\trequired: true,\n\t\t\t\t\tmessage: \"請輸入幾胞胎\",\n\t\t\t\t\ttrigger: \"blur\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tceremonyPlan: [\n\t\t\t\t{\n\t\t\t\t\trequired: true,\n\t\t\t\t\tmessage: \"請輸入方案\",\n\t\t\t\t\ttrigger: \"blur\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tparentName: [\n\t\t\t\t{\n\t\t\t\t\trequired: true,\n\t\t\t\t\tmessage: \"請輸入家長姓名\",\n\t\t\t\t\ttrigger: \"blur\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tphoneNumber: [\n\t\t\t\t{\n\t\t\t\t\trequired: true,\n\t\t\t\t\tmessage: \"請輸入家長電話，必須是數字\",\n\t\t\t\t\ttrigger: \"blur\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tcellphoneNumber: [\n\t\t\t\t{\n\t\t\t\t\trequired: true,\n\t\t\t\t\tmessage: \"請輸入備用電話，必須是數字\",\n\t\t\t\t\ttrigger: \"blur\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tchildrenName: [\n\t\t\t\t{\n\t\t\t\t\trequired: true,\n\t\t\t\t\tmessage: \"請輸入小朋友姓名\",\n\t\t\t\t\ttrigger: \"blur\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tgender: [\n\t\t\t\t{ required: true, message: \"請輸入性別\", trigger: \"blur\" },\n\t\t\t],\n\t\t\tchildBirthdate: [\n\t\t\t\t{\n\t\t\t\t\trequired: true,\n\t\t\t\t\tmessage: \"請輸入小朋友生日\",\n\t\t\t\t\ttrigger: \"blur\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tattendantNumber: [\n\t\t\t\t{\n\t\t\t\t\ttype: \"number\",\n\t\t\t\t\trequired: true,\n\t\t\t\t\tmessage: \"請輸入參加人數，必須是數字\",\n\t\t\t\t\ttrigger: \"blur\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tlineId: [\n\t\t\t\t{ required: true, message: \"請輸入line ID\", trigger: \"blur\" },\n\t\t\t],\n\t\t\temail: [\n\t\t\t\t{\n\t\t\t\t\ttype: \"email\",\n\t\t\t\t\trequired: true,\n\t\t\t\t\tmessage: \"請輸入有效的email\",\n\t\t\t\t\ttrigger: \"blur\",\n\t\t\t\t},\n\t\t\t],\n\t\t};\n\t\tconst resetForm = () => {\n\t\t\tObject.assign(regForm, regFormInitialState);\n\t\t};\n\n\t\tconst isWeekend = ref(false);\n\n\t\tconst checkWeekend = (date) => {\n\t\t\tconst dayOfWeek = new Date(date).getDay();\n\t\t\tif (dayOfWeek == 6 || dayOfWeek == 0) isWeekend.value = true;\n\t\t\telse isWeekend.value = false;\n\t\t\tswitch (dayOfWeek) {\n\t\t\t\tcase 0:\n\t\t\t\t\tdayOfWeekInZh.value = \"日\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase 1:\n\t\t\t\t\tdayOfWeekInZh.value = \"一\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase 2:\n\t\t\t\t\tdayOfWeekInZh.value = \"二\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase 3:\n\t\t\t\t\tdayOfWeekInZh.value = \"三\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase 4:\n\t\t\t\t\tdayOfWeekInZh.value = \"四\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase 5:\n\t\t\t\t\tdayOfWeekInZh.value = \"五\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase 6:\n\t\t\t\t\tdayOfWeekInZh.value = \"六\";\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\t\"非日期\";\n\t\t\t}\n\t\t};\n\t\tconst openRegFormModal = (date) => {\n\t\t\topenRegForm.value = true;\n\t\t\tresetForm();\n\t\t\tregForm.date = date;\n\t\t\tgetAvailableHours();\n\t\t\tcheckWeekend(date);\n\t\t};\n\n\t\twatchEffect(() => {\n\t\t\tif (\n\t\t\t\tregForm.childrenNumber &&\n\t\t\t\tregForm.hourCode.toString() &&\n\t\t\t\tregForm.ceremonyPlan\n\t\t\t) {\n\t\t\t\tcompleteFirstFormFilled.value = true;\n\t\t\t} else {\n\t\t\t\tcompleteFirstFormFilled.value = false;\n\t\t\t}\n\t\t});\n\n\t\twatchEffect(() => {\n\t\t\tif (windowWidth.value > 1024) {\n\t\t\t\tdialogWidth.value = \"50%\";\n\t\t\t} else {\n\t\t\t\tdialogWidth.value = \"80%\";\n\t\t\t}\n\t\t});\n\n\t\tconst nextForm = (stepId) => {\n\t\t\tif (completeFirstFormFilled.value && stepId == 1)\n\t\t\t\tformFilledStep.value = 1;\n\t\t\tif (formFilledStep.value == 1 && stepId == 2) {\n\t\t\t\tregFormRef.value.validate((valid) => {\n\t\t\t\t\tif (valid) formFilledStep.value = 2;\n\t\t\t\t\telse return;\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tconst submitForm = () => {\n\t\t\tif (regForm == null) return;\n\t\t\tif (regFormRef.value != null) {\n\t\t\t\tregFormRef.value.validate((valid) => {\n\t\t\t\t\tif (valid) {\n\t\t\t\t\t\tservice\n\t\t\t\t\t\t\t.post(`/reservation`, {\n\t\t\t\t\t\t\t\t...regForm,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\t\t\tservice\n\t\t\t\t\t\t\t\t\t.post(\"/registertime\", {\n\t\t\t\t\t\t\t\t\t\tyear: regForm.year,\n\t\t\t\t\t\t\t\t\t\tmonth: regForm.month,\n\t\t\t\t\t\t\t\t\t\tday: regForm.day,\n\t\t\t\t\t\t\t\t\t\thourCode: regForm.hourCode,\n\t\t\t\t\t\t\t\t\t\treservationId: res.id,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t.then((res) => {\n\t\t\t\t\t\t\t\t\t\tservice\n\t\t\t\t\t\t\t\t\t\t\t.get(\n\t\t\t\t\t\t\t\t\t\t\t\t`/reservation/send-mail/${res.reservationId}`\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t.then(() =>\n\t\t\t\t\t\t\t\t\t\t\t\tElMessage.success(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"預約確認信寄送成功\"\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t.catch(() =>\n\t\t\t\t\t\t\t\t\t\t\t\tElMessage.error(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"預約確認信寄送失敗\"\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\tresetForm();\n\t\t\t\t\t\t\t\t\t\topenRegForm.value = false;\n\t\t\t\t\t\t\t\t\t\tcompleteFirstFormFilled.value = false;\n\t\t\t\t\t\t\t\t\t\tformFilledStep.value = 0;\n\t\t\t\t\t\t\t\t\t\tElMessage.success(\"表單送出成功\");\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t.catch(() => {\n\t\t\t\t\t\t\t\t\t\tcompleteFirstFormFilled.value = false;\n\t\t\t\t\t\t\t\t\t\tformFilledStep.value = 0;\n\t\t\t\t\t\t\t\t\t\tElMessage.error(\"時間預定失敗\");\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.catch(() =>\n\t\t\t\t\t\t\t\tElMessage.error(\"表單送出失敗，請填妥所有項目\")\n\t\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\n\t\tconst previousYearDate = new Date(\n\t\t\tnew Date().setFullYear(new Date().getFullYear() - 1)\n\t\t);\n\n\t\tonBeforeUnmount(() => {\n\t\t\twindow.removeEventListener(\"resize\", onResize);\n\t\t});\n\n\t\treturn {\n\t\t\tselectedDate,\n\t\t\tavailableDays,\n\t\t\tavailableHours,\n\t\t\tgetDay,\n\t\t\tgetMonth,\n\t\t\tgetYear,\n\t\t\tcurrentMonth,\n\t\t\tcurrentYear,\n\t\t\topenRegForm,\n\t\t\topenRegFormModal,\n\t\t\tregFormRef,\n\t\t\tregForm,\n\t\t\tformFilledStep,\n\t\t\tcompleteFirstFormFilled,\n\t\t\tsubmitForm,\n\t\t\tresetForm,\n\t\t\tformRule,\n\t\t\tnextForm,\n\t\t\tworkingHours,\n\t\t\tdialogWidth,\n\t\t\tpreviousYearDate,\n\t\t\tisWeekend,\n\t\t\tdayOfWeekInZh,\n\t\t};\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/scss/styles.scss\";\n.content {\n\t&-wrapper {\n\t\twidth: 100%;\n\t\tpadding: 3rem;\n\t\theight: 100%;\n\t\tbackground: url(\"../assets/img/reservation-logo.svg\") center no-repeat;\n\t\tbackground-color: #1c7fc1;\n\t\tbackground-size: 120%;\n\t\t@media (max-width: 1024px) {\n\t\t\tbackground: #1c7fc1;\n\t\t}\n\t}\n\t&-text {\n\t\t&-title {\n\t\t\t@apply text-white text-xlxl font-medium leading-relaxed tracking-widest;\n\t\t}\n\t\t&-description {\n\t\t\t@apply text-white font-header;\n\t\t}\n\t}\n}\n.reservation {\n\t&-top-block {\n\t\theight: auto;\n\t}\n}\n// disable all .current pointer-events\n::v-deep(.current) {\n\tposition: relative;\n\tpadding: 0;\n\tpointer-events: none;\n}\n// ::v-deep(.el-calendar .next) {\n// \tdisplay: none;\n// }\n::v-deep(.el-calendar .prev) {\n\t.overlay {\n\t\tbackground: initial;\n\t\tposition: relative;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpointer-events: none;\n\t}\n\t.status {\n\t\tdisplay: none;\n\t}\n}\n::v-deep(.el-calendar .current) {\n\t.overlay {\n\t\tbackground: initial;\n\t\tposition: relative;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n}\n::v-deep(.el-form-item__content) {\n\tdisplay: flex;\n}\n::v-deep(.el-calendar-day .day) {\n\t@apply font-header;\n\tfont-weight: bold;\n}\n</style>\n<style lang=\"scss\">\n@import \"../assets/scss/_variables.scss\";\n.el-calendar {\n\tbackground: rgba(255, 255, 255, 0.6);\n\t&__header {\n\t\t@apply bg-blue text-white;\n\t}\n\t&__title {\n\t\t@apply text-white text-md font-bold font-header;\n\t}\n\t&__button-group {\n\t\t.el-button {\n\t\t\t&:nth-child(1),\n\t\t\t&:nth-child(3) {\n\t\t\t\topacity: 0.8;\n\t\t\t\t@apply text-about;\n\t\t\t}\n\t\t\t&:nth-child(2) {\n\t\t\t\t@apply text-blue;\n\t\t\t}\n\t\t}\n\t}\n\tthead th {\n\t\t@apply text-md;\n\t\t&:nth-child(1) {\n\t\t\t@apply text-blue;\n\t\t}\n\t}\n\ttd {\n\t\tborder: none;\n\t}\n\t&-table tr td:first-child {\n\t\tborder: none;\n\t}\n\t&-table tr:first-child td {\n\t\tborder: none;\n\t}\n\t.next {\n\t\tdisplay: table-cell !important;\n\t\tposition: relative;\n\t\tpadding: 0;\n\t\tpointer-events: none;\n\t\t.el-calendar-day {\n\t\t\tborder: 1px solid $gray2;\n\t\t}\n\t\t.is-disabled {\n\t\t\tbackground: transparent !important;\n\t\t}\n\t\t.font-body {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n.prev,\n.next,\n.current {\n\tpadding: 2px !important;\n}\n\n.el-calendar-day {\n\tpadding: 0 !important;\n\tborder: 1px solid $gray2;\n\t&:hover {\n\t\tbackground: transparent !important;\n\t}\n\t// disable .is-disabled child's pointer-events\n\t.reg-button {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tflex-direction: column;\n\t}\n\t.is-disabled {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpointer-events: none;\n\t\t.reg-button {\n\t\t\tbackground: rgba(210, 196, 170, 0.4);\n\t\t\tcolor: #929292;\n\t\t}\n\t}\n\t// others are able to select\n\t.is-available {\n\t\tpointer-events: all;\n\t\t.reg-button {\n\t\t\tbackground: rgba(193, 220, 248, 0.4);\n\t\t\tcolor: #b1d7ff;\n\t\t}\n\t}\n}\n.is-selected {\n\t.el-calendar-day {\n\t\t.is-available {\n\t\t\tpointer-events: all;\n\t\t\t.reg-button {\n\t\t\t\tbackground: $blue;\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\t}\n}\n.el-dialog__title {\n\t@apply text-blue font-bold font-body;\n}\n</style>","import { render } from \"./Reservation.vue?vue&type=template&id=28acfdb4&scoped=true\"\nimport script from \"./Reservation.vue?vue&type=script&lang=js\"\nexport * from \"./Reservation.vue?vue&type=script&lang=js\"\n\nimport \"./Reservation.vue?vue&type=style&index=0&id=28acfdb4&lang=scss&scoped=true\"\nimport \"./Reservation.vue?vue&type=style&index=1&id=28acfdb4&lang=scss\"\nscript.render = render\nscript.__scopeId = \"data-v-28acfdb4\"\n\nexport default script","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-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Reservation.vue?vue&type=style&index=0&id=28acfdb4&lang=scss&scoped=true\"","'use strict';\nvar $ = require('../internals/export');\nvar IndexedObject = require('../internals/indexed-object');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar nativeJoin = [].join;\n\nvar ES3_STRINGS = IndexedObject != Object;\nvar STRICT_METHOD = arrayMethodIsStrict('join', ',');\n\n// `Array.prototype.join` method\n// https://tc39.es/ecma262/#sec-array.prototype.join\n$({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {\n  join: function join(separator) {\n    return nativeJoin.call(toIndexedObject(this), separator === undefined ? ',' : separator);\n  }\n});\n","module.exports = __webpack_public_path__ + \"img/reservation-buymore.3234ed1d.svg\";","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-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Reservation.vue?vue&type=style&index=1&id=28acfdb4&lang=scss\""],"sourceRoot":""}