{"version":3,"sources":["webpack:///./src/views/en/5-2-EnProgress.vue","webpack:///./src/views/en/5-2-EnProgress.vue?6ef3","webpack:///./src/views/en/5-2-EnProgress.vue?b13a"],"names":["name","EnProgressSearchItem","defineAsyncComponent","onBeforeRouteUpdate","to","initItems","query","initQueryItems","progressFormData","route","useRoute","router","useRouter","progressFormRef","ref","reactive","unitPublishNumber","productName","progressFormRule","validator","rule","value","callback","Error","trigger","submitForm","formRef","validate","valid","newQuery","Object","keys","forEach","key","push","path","currentRoute","productStampItems","async","getProductStampData","__exports__"],"mappings":"i0BAmEA,EAAe,CACXA,KAAM,wB,gCAOV,MAAMC,EAAuBC,kCAAqB,IAC9C,6CAOJC,eAAqBC,IACjBC,EAAUD,EAAGE,OACbC,eAAeC,EAAkBJ,EAAGE,SAGxC,MAAMG,EAAQC,iBACRC,EAASC,iBACTC,EAAkBC,iBAAI,MACtBN,EAAmBO,sBAAS,CAC9BC,kBAAmB,GACnBC,YAAa,KAEjBV,eAAeC,GACf,MAAMU,EAAmBH,sBAAS,CAC9BC,kBAAmB,CACf,CACIG,UAAW,CAACC,EAAMC,EAAOC,KAChBD,GAAUb,EAAiBS,YAG5BK,IAFAA,EAAS,IAAIC,MAAM,oBAK3BC,QAAS,SAGjBP,YAAa,CACT,CACIE,UAAW,CAACC,EAAMC,EAAOC,KAChBD,GAAUb,EAAiBQ,kBAG5BM,IAFAA,EAAS,IAAIC,MAAM,oBAK3BC,QAAS,WAIfC,EAAcC,IAChBA,EAAQC,SAAUC,IACd,IAAIA,EAWA,OAAO,EAXA,CACP,IAAIC,EAAW,GACfC,OAAOC,KAAKvB,GAAkBwB,QAASC,IAC/BzB,EAAiByB,KAAMJ,EAASI,GAAOzB,EAAiByB,MAGhEtB,EAAOuB,KAAK,CACRC,KAAMxB,EAAOyB,aAAaf,MAAMc,KAChC7B,MAAOuB,QAQvB,IAAIQ,EAAoBvB,iBAAI,IAC5BwB,eAAejC,EAAUC,IACjBA,EAAMU,mBAAqBV,EAAMW,eACjCoB,EAAkBhB,YAAckB,eAAoBjC,I,OAG5DD,EAAUI,EAAMH,O,usEC5IhB,MAAMkC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,yDCRf","file":"js/chunk-2c637b0f.3aca0301.js","sourcesContent":["<template>\n    <div id=\"EnCycleBadgeProgress\">\n        <h1 class=\"h1 w3 w90-mb\">\n            Check the application progress <br />\n            and status of recycled <br />\n            marine debris product label\n        </h1>\n        <section id=\"cycle-badge-progress-form\" class=\"w3 w90-mb\">\n            <ElForm\n                ref=\"progressFormRef\"\n                :model=\"progressFormData\"\n                :rules=\"progressFormRule\"\n                label-position=\"top\"\n            >\n                <ElFormItem\n                    label=\"Document issue number (by the applicant)\"\n                    prop=\"unitPublishNumber\"\n                >\n                    <ElInput\n                        v-model=\"progressFormData.unitPublishNumber\"\n                        placeholder=\"issue number\"\n                    ></ElInput>\n                </ElFormItem>\n                <ElFormItem label=\"Product name\" prop=\"productName\">\n                    <ElInput\n                        v-model=\"progressFormData.productName\"\n                        placeholder=\"product name\"\n                    ></ElInput>\n                </ElFormItem>\n                <ElFormItem>\n                    <div\n                        class=\"small-btn\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                        @click=\"submitForm(progressFormRef)\"\n                        @keypress.enter=\"submitForm(progressFormRef)\"\n                    >\n                        Search\n                    </div>\n                </ElFormItem>\n            </ElForm>\n        </section>\n        <section\n            v-if=\"route.query.unitPublishNumber || route.query.productName\"\n            id=\"cycle-badge-progress-products\"\n            class=\"w2\"\n        >\n            <div v-if=\"productStampItems.length === 0\" class=\"no-data\">\n                No Data\n            </div>\n            <div v-else>\n                <div\n                    v-for=\"item in productStampItems\"\n                    :key=\"'progress-search-item-' + item.id\"\n                >\n                    <EnProgressSearchItem\n                        v-for=\"index in item.products.length\"\n                        :item=\"item\"\n                        :index=\"index - 1\"\n                        :key=\"'progress-search-item-' + item.id + index\"\n                    ></EnProgressSearchItem>\n                </div>\n            </div>\n        </section>\n    </div>\n</template>\n<script>\nexport default {\n    name: 'EnCycleBadgeProgress',\n}\n</script>\n\n<script setup>\nimport { ref, reactive, defineAsyncComponent } from 'vue-demi'\nimport { useRouter, useRoute, onBeforeRouteUpdate } from 'vue-router'\nconst EnProgressSearchItem = defineAsyncComponent(() =>\n    import('@/components/en/EnProgressSearchItem.vue')\n)\nimport { ElForm, ElFormItem, ElInput } from 'element-plus'\nimport '@/style/element'\nimport { getProductStampData } from '@/service/apis.js'\nimport { initQueryItems } from '@/utils/query.js'\n\nonBeforeRouteUpdate((to) => {\n    initItems(to.query)\n    initQueryItems(progressFormData, to.query)\n})\n\nconst route = useRoute()\nconst router = useRouter()\nconst progressFormRef = ref(null)\nconst progressFormData = reactive({\n    unitPublishNumber: '',\n    productName: '',\n})\ninitQueryItems(progressFormData)\nconst progressFormRule = reactive({\n    unitPublishNumber: [\n        {\n            validator: (rule, value, callback) => {\n                if (!value && !progressFormData.productName) {\n                    callback(new Error('發文文號與產品名稱請擇一填寫'))\n                } else {\n                    callback()\n                }\n            },\n            trigger: 'blur',\n        },\n    ],\n    productName: [\n        {\n            validator: (rule, value, callback) => {\n                if (!value && !progressFormData.unitPublishNumber) {\n                    callback(new Error('發文文號與產品名稱請擇一填寫'))\n                } else {\n                    callback()\n                }\n            },\n            trigger: 'blur',\n        },\n    ],\n})\nconst submitForm = (formRef) => {\n    formRef.validate((valid) => {\n        if (valid) {\n            let newQuery = {}\n            Object.keys(progressFormData).forEach((key) => {\n                if (progressFormData[key]) newQuery[key] = progressFormData[key]\n            })\n\n            router.push({\n                path: router.currentRoute.value.path,\n                query: newQuery,\n            })\n        } else {\n            return false\n        }\n    })\n}\n\nlet productStampItems = ref([])\nasync function initItems(query) {\n    if (query.unitPublishNumber || query.productName) {\n        productStampItems.value = await getProductStampData(query)\n    }\n}\ninitItems(route.query)\n</script>\n<style lang=\"scss\" scoped>\n#EnCycleBadgeProgress {\n    @media screen and (min-width: 768px) {\n        margin-bottom: 50px;\n    }\n}\n#cycle-badge-progress-form {\n    .el-form {\n        margin: 30px auto 80px;\n    }\n    @media screen and (min-width: 768px) {\n        .el-form {\n            width: 50%;\n        }\n    }\n}\n.no-data {\n    text-align: center;\n    color: $grayB;\n    font-size: 20px;\n    font-weight: 900;\n    margin: 20px 0 80px;\n}\n</style>\n","import script from \"./5-2-EnProgress.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./5-2-EnProgress.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./5-2-EnProgress.vue?vue&type=style&index=0&id=6845038d&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/pj/Desktop/C.Project/Octave_project/marine-debris-2022/frontend/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6845038d\"]])\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!./5-2-EnProgress.vue?vue&type=style&index=0&id=6845038d&lang=scss&scoped=true\""],"sourceRoot":""}