{"version":3,"sources":["webpack:///./src/views/ch/5-2-Progress.vue","webpack:///./src/views/ch/5-2-Progress.vue?3b00","webpack:///./src/views/ch/5-2-Progress.vue?d139"],"names":["name","ProgressSearchItem","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":"mrBA8DA,EAAe,CACXA,KAAM,sB,gCAOV,MAAMC,EAAqBC,kCAAqB,IAC5C,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,ynECvIhB,MAAMkC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,6DCRf","file":"js/chunk-0f010f2a.2c663bac.js","sourcesContent":["<template>\r\n    <div id=\"CycleBadgeProgress\">\r\n        <h1 class=\"h1 w3 w90-mb\">\r\n            循環產品標章<br />\r\n            申請進度與狀態查詢\r\n        </h1>\r\n        <section id=\"cycle-badge-progress-form\" class=\"w3 w90-mb\">\r\n            <ElForm\r\n                ref=\"progressFormRef\"\r\n                :model=\"progressFormData\"\r\n                :rules=\"progressFormRule\"\r\n            >\r\n                <ElFormItem label=\"業者發文文號\" prop=\"unitPublishNumber\">\r\n                    <ElInput\r\n                        v-model=\"progressFormData.unitPublishNumber\"\r\n                        placeholder=\"僅需輸入數字\"\r\n                    ></ElInput>\r\n                </ElFormItem>\r\n                <ElFormItem label=\"申請產品名稱\" prop=\"productName\">\r\n                    <ElInput\r\n                        v-model=\"progressFormData.productName\"\r\n                        placeholder=\"請輸入您的產品名稱\"\r\n                    ></ElInput>\r\n                </ElFormItem>\r\n                <ElFormItem>\r\n                    <div\r\n                        class=\"small-btn\"\r\n                        role=\"button\"\r\n                        tabindex=\"0\"\r\n                        @click=\"submitForm(progressFormRef)\"\r\n                        @keypress.enter=\"submitForm(progressFormRef)\"\r\n                    >\r\n                        搜尋\r\n                    </div>\r\n                </ElFormItem>\r\n            </ElForm>\r\n        </section>\r\n        <section\r\n            v-if=\"route.query.unitPublishNumber || route.query.productName\"\r\n            id=\"cycle-badge-progress-products\"\r\n            class=\"w2\"\r\n        >\r\n            <div v-if=\"productStampItems.length === 0\" class=\"no-data\">\r\n                無相關內容\r\n            </div>\r\n            <div v-else>\r\n                <div\r\n                    v-for=\"item in productStampItems\"\r\n                    :key=\"'progress-search-item-' + item.id\"\r\n                >\r\n                    <ProgressSearchItem\r\n                        v-for=\"index in item.products.length\"\r\n                        :item=\"item\"\r\n                        :index=\"index - 1\"\r\n                        :key=\"'progress-search-item-' + item.id + index\"\r\n                    ></ProgressSearchItem>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    name: 'CycleBadgeProgress',\r\n}\r\n</script>\r\n\r\n<script setup>\r\nimport { ref, reactive, defineAsyncComponent } from 'vue-demi'\r\nimport { useRouter, useRoute, onBeforeRouteUpdate } from 'vue-router'\r\nconst ProgressSearchItem = defineAsyncComponent(() =>\r\n    import('@/components/ch/ProgressSearchItem.vue')\r\n)\r\nimport { ElForm, ElFormItem, ElInput } from 'element-plus'\r\nimport '@/style/element'\r\nimport { getProductStampData } from '@/service/apis.js'\r\nimport { initQueryItems } from '@/utils/query.js'\r\n\r\nonBeforeRouteUpdate((to) => {\r\n    initItems(to.query)\r\n    initQueryItems(progressFormData, to.query)\r\n})\r\n\r\nconst route = useRoute()\r\nconst router = useRouter()\r\nconst progressFormRef = ref(null)\r\nconst progressFormData = reactive({\r\n    unitPublishNumber: '',\r\n    productName: '',\r\n})\r\ninitQueryItems(progressFormData)\r\nconst progressFormRule = reactive({\r\n    unitPublishNumber: [\r\n        {\r\n            validator: (rule, value, callback) => {\r\n                if (!value && !progressFormData.productName) {\r\n                    callback(new Error('發文文號與產品名稱請擇一填寫'))\r\n                } else {\r\n                    callback()\r\n                }\r\n            },\r\n            trigger: 'blur',\r\n        },\r\n    ],\r\n    productName: [\r\n        {\r\n            validator: (rule, value, callback) => {\r\n                if (!value && !progressFormData.unitPublishNumber) {\r\n                    callback(new Error('發文文號與產品名稱請擇一填寫'))\r\n                } else {\r\n                    callback()\r\n                }\r\n            },\r\n            trigger: 'blur',\r\n        },\r\n    ],\r\n})\r\nconst submitForm = (formRef) => {\r\n    formRef.validate((valid) => {\r\n        if (valid) {\r\n            let newQuery = {}\r\n            Object.keys(progressFormData).forEach((key) => {\r\n                if (progressFormData[key]) newQuery[key] = progressFormData[key]\r\n            })\r\n\r\n            router.push({\r\n                path: router.currentRoute.value.path,\r\n                query: newQuery,\r\n            })\r\n        } else {\r\n            return false\r\n        }\r\n    })\r\n}\r\n\r\nlet productStampItems = ref([])\r\nasync function initItems(query) {\r\n    if (query.unitPublishNumber || query.productName) {\r\n        productStampItems.value = await getProductStampData(query)\r\n    }\r\n}\r\ninitItems(route.query)\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n#CycleBadgeProgress {\r\n    @media screen and (min-width: 768px) {\r\n        margin-bottom: 50px;\r\n    }\r\n}\r\n#cycle-badge-progress-form {\r\n    .el-form {\r\n        margin: 30px auto 80px;\r\n    }\r\n    @media screen and (min-width: 768px) {\r\n        .el-form {\r\n            width: 50%;\r\n        }\r\n    }\r\n}\r\n.no-data {\r\n    text-align: center;\r\n    color: $grayB;\r\n    font-size: 20px;\r\n    font-weight: 900;\r\n    margin: 20px 0 80px;\r\n}\r\n</style>\r\n","import script from \"./5-2-Progress.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./5-2-Progress.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./5-2-Progress.vue?vue&type=style&index=0&id=04fff5ff&lang=scss&scoped=true\"\n\nimport exportComponent from \"C:\\\\Users\\\\danie\\\\Documents\\\\Octave\\\\production\\\\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-04fff5ff\"]])\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-Progress.vue?vue&type=style&index=0&id=04fff5ff&lang=scss&scoped=true\""],"sourceRoot":""}