{"version":3,"sources":["webpack:///./src/views/ReceivedAward.vue?ec35","webpack:///./src/views/ReceivedAward.vue","webpack:///src/views/ReceivedAward.vue","webpack:///./src/views/ReceivedAward.vue?b06d","webpack:///./src/views/ReceivedAward.vue?8eee"],"names":["render","_vm","this","_c","_self","staticClass","_m","attrs","_v","_s","title","items","isDevelop","_e","directives","name","rawName","value","isExist","isCanAward","isAwardDone","expression","award","titleCanAward","descriptCanAward","valueOffCode","placeholderOffCode","disabledOffCode","domProps","on","$event","target","composing","$set","staticStyle","onReceive","class","button","classReceive","labelReceive","titleAwardDone","descriptAwardDone","titleReceivedAward","descriptReceivedAward","titleNotExist","descriptNotExist","staticRenderFns","data","apiCheckQrCode","userRequest","post","apiReceivedAward","text","href","active","labelOffCode","classOffCode","message","noeExistOffCode","watch","mounted","window","vue","checkQrCode","created","destroyed","methods","enableDefaultLoad","enableMask","default_load","disableDefaultLoad","_this","ThreadTool","Delay","disableMask","delay_ms_api","QrCode","getQrcode","then","res","json","JSON","parse","catch","err","console","log","receivedAward","OfficeCode","State","alert","Message","getPleaseEnterField","temp","location","hash","split","qr_code","length","ParamName","getPleaseChooseField","getErrorMessageParamEmpty","component"],"mappings":"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","file":"static/js/chunk-666d1b9f.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/lib/loaders/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/lib/index.js??vue-loader-options!./ReceivedAward.vue?vue&type=style&index=0&id=451ef724&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main\"},[_vm._m(0),_c('div',{staticClass:\"main-title\"},[_c('b-row',{attrs:{\"align-h\":\"between\"}},[_c('b-col',{attrs:{\"cols\":\"auto\"}},[_c('h2',{staticClass:\"px-3\"},[_vm._v(_vm._s(_vm.title))])]),_c('b-col',{attrs:{\"cols\":\"auto\",\"align-self\":\"center\"}},[_c('b-breadcrumb',{attrs:{\"items\":_vm.items}})],1)],1)],1),(!_vm.isDevelop)?_c('div',{staticClass:\"main-content\"},[_c('div',{attrs:{\"id\":\"award_form\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isExist && _vm.isCanAward && !_vm.isAwardDone),expression:\"isExist && isCanAward && !isAwardDone\"}],staticClass:\"w3-container page\"},[_c('div',{staticClass:\"w3-card-4 w3-dark-grey form-style\"},[_c('div',{staticClass:\"w3-container w3-center\"},[_c('p',{staticClass:\"header-title\"},[_vm._v(\" \"+_vm._s(_vm.award.titleCanAward)+\" \")]),_c('img',{staticClass:\"img-body w3-circle w3-margin-top\",attrs:{\"src\":\"/static/img/coin.png\",\"alt\":\"Avatar\"}}),_c('p',{staticClass:\"description\"},[_vm._v(\" \"+_vm._s(_vm.award.descriptCanAward)+\" \")]),_vm._m(1),_c('div',{staticClass:\"w3-rest\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.award.valueOffCode),expression:\"award.valueOffCode\"}],staticClass:\"w3-input w3-border\",attrs:{\"type\":\"text\",\"placeholder\":_vm.award.placeholderOffCode,\"disabled\":_vm.award.disabledOffCode},domProps:{\"value\":(_vm.award.valueOffCode)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.award, \"valueOffCode\", $event.target.value)}}})]),_c('p',{staticStyle:{\"margin-top\":\"10px\",\"margin-bottom\":\"10px\"}},[_c('button',{staticClass:\"w3-button w3-block w3-amber\",on:{\"click\":_vm.onReceive}},[_c('i',{staticClass:\"fa\",class:_vm.button.classReceive,attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\" \"+_vm._s(_vm.button.labelReceive)+\" \")])])])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isExist && _vm.isCanAward && _vm.isAwardDone),expression:\"isExist && isCanAward && isAwardDone\"}],staticClass:\"w3-container page\"},[_c('div',{staticClass:\"w3-card-4 w3-dark-grey form-style\"},[_c('div',{staticClass:\"w3-container w3-center\"},[_c('p',{staticClass:\"header-title\"},[_vm._v(\" \"+_vm._s(_vm.award.titleAwardDone)+\" \")]),_c('img',{staticClass:\"img-body w3-circle w3-margin-top\",attrs:{\"src\":\"/static/img/ok.png\",\"alt\":\"Avatar\"}}),_c('p',{staticClass:\"description\"},[_vm._v(\" \"+_vm._s(_vm.award.descriptAwardDone)+\" \")])])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isExist && !_vm.isCanAward),expression:\"isExist && !isCanAward\"}],staticClass:\"w3-container page\"},[_c('div',{staticClass:\"w3-card-4 w3-dark-grey form-style\"},[_c('div',{staticClass:\"w3-container w3-center\"},[_c('p',{staticClass:\"header-title\"},[_vm._v(\" \"+_vm._s(_vm.award.titleReceivedAward)+\" \")]),_c('img',{staticClass:\"img-body w3-circle w3-margin-top\",attrs:{\"src\":\"/static/img/received.png\",\"alt\":\"Avatar\"}}),_c('p',{staticClass:\"description\"},[_vm._v(\" \"+_vm._s(_vm.award.descriptReceivedAward)+\" \")])])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isExist),expression:\"!isExist\"}],staticClass:\"w3-container page\"},[_c('div',{staticClass:\"w3-card-4 w3-dark-grey form-style\"},[_c('div',{staticClass:\"w3-container w3-center\"},[_c('p',{staticClass:\"header-title\"},[_vm._v(\" \"+_vm._s(_vm.award.titleNotExist)+\" \")]),_c('img',{staticClass:\"img-body w3-circle w3-margin-top\",attrs:{\"src\":\"/static/img/not_valid.png\",\"alt\":\"Avatar\"}}),_c('p',{staticClass:\"description\"},[_vm._v(\" \"+_vm._s(_vm.award.descriptNotExist)+\" \")])])])])])]):_vm._e(),(_vm.isDevelop)?_c('div',{staticClass:\"main-content\"},[_c('div',{attrs:{\"id\":\"award_form\"}},[_vm._v(\" 目前該頁面在施工中，尚未完成。 \")])]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"hide\",attrs:{\"id\":\"mask\"}},[_c('div',{staticClass:\"text\"},[_c('i',{staticClass:\"fas fa-spinner fa-pulse\"}),_vm._v(\" 資料讀取中 \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"w3-col\",staticStyle:{\"width\":\"50px\"}},[_c('i',{staticClass:\"w3-xxlarge fa fa-home\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n\r\n    <div class=\"main\">\r\n\r\n        <!-- 資料讀取中 -->\r\n        <div id=\"mask\" class=\"hide\">\r\n            <div class=\"text\">\r\n                <i class=\"fas fa-spinner fa-pulse\"></i> 資料讀取中\r\n            </div>\r\n        </div>\r\n        <!-- 標題 -->\r\n        <div class=\"main-title\">\r\n            <b-row align-h=\"between\">\r\n                <b-col cols=\"auto\"><h2 class=\"px-3\">{{ title }}</h2></b-col>\r\n                <b-col cols=\"auto\" align-self=\"center\"><b-breadcrumb :items=\"items\"></b-breadcrumb></b-col>\r\n            </b-row>\r\n        </div>\r\n        <!-- 實際頁面 -->\r\n        <div class=\"main-content\" v-if=\"!isDevelop\">\r\n\r\n            <!-- 領取獎勵 -->\r\n            <div id=\"award_form\">\r\n\r\n                <!-- 可以領取 --->\r\n                <div class=\"w3-container page\" v-show=\"isExist && isCanAward && !isAwardDone\">\r\n                    <div class=\"w3-card-4 w3-dark-grey form-style\">\r\n                \r\n                        <div class=\"w3-container w3-center\">\r\n                            <!-- 標頭 -->\r\n                            <p class=\"header-title\">\r\n                                {{ award.titleCanAward }}\r\n                            </p>\r\n                            <!-- 圖片 -->\r\n                            <img class=\"img-body w3-circle w3-margin-top\" src=\"/static/img/coin.png\" alt=\"Avatar\">\r\n                            <!-- 描述 -->\r\n                            <p class=\"description\">\r\n                                {{ award.descriptCanAward }}\r\n                            </p>\r\n                            <!-- 輸入農會代碼 -->\r\n                            <div class=\"w3-col\" style=\"width:50px\">\r\n                                <i class=\"w3-xxlarge fa fa-home\"></i>\r\n                            </div>\r\n                            <div class=\"w3-rest\">\r\n                                <input class=\"w3-input w3-border\" v-model=\"award.valueOffCode\" type=\"text\" :placeholder=\"award.placeholderOffCode\" :disabled=\"award.disabledOffCode\">\r\n                            </div>\r\n                            <!-- 領取獎勵按鈕 -->\r\n                            <p style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n                                <button class=\"w3-button w3-block w3-amber\" @click=\"onReceive\">\r\n                                    <i class=\"fa\" :class=\"button.classReceive\" aria-hidden=\"true\"></i> {{ button.labelReceive }}\r\n                                </button>\r\n                            </p>\r\n                        </div>\r\n                \r\n                    </div>\r\n                </div>\r\n                <!-- 領取成功 --->\r\n                <div class=\"w3-container page\" v-show=\"isExist && isCanAward && isAwardDone\">\r\n                    <div class=\"w3-card-4 w3-dark-grey form-style\">\r\n                \r\n                        <div class=\"w3-container w3-center\">\r\n                            <!-- 標頭 -->\r\n                            <p class=\"header-title\">\r\n                                {{ award.titleAwardDone }}\r\n                            </p>\r\n                            <!-- 圖片 -->\r\n                            <img class=\"img-body w3-circle w3-margin-top\" src=\"/static/img/ok.png\" alt=\"Avatar\">\r\n                            <!-- 描述 -->\r\n                            <p class=\"description\">\r\n                                {{ award.descriptAwardDone }}\r\n                            </p>\r\n                        </div>\r\n                \r\n                    </div>\r\n                </div>\r\n                <!-- 不可領取 --->\r\n                <div class=\"w3-container page\" v-show=\"isExist && !isCanAward\">\r\n                    <div class=\"w3-card-4 w3-dark-grey form-style\">\r\n                \r\n                        <div class=\"w3-container w3-center\">\r\n                            <!-- 標頭 -->\r\n                            <p class=\"header-title\">\r\n                                {{ award.titleReceivedAward }}\r\n                            </p>\r\n                            <!-- 圖片 -->\r\n                            <img class=\"img-body w3-circle w3-margin-top\" src=\"/static/img/received.png\" alt=\"Avatar\">\r\n                            <!-- 描述 -->\r\n                            <p class=\"description\">\r\n                                {{ award.descriptReceivedAward }}\r\n                            </p>\r\n                        </div>\r\n                \r\n                    </div>\r\n                </div>\r\n\r\n                <!-- 不存在 --->\r\n                <div class=\"w3-container page\" v-show=\"!isExist\">\r\n                    <div class=\"w3-card-4 w3-dark-grey form-style\">\r\n                \r\n                        <div class=\"w3-container w3-center\">\r\n                            <!-- 標頭 -->\r\n                            <p class=\"header-title\">\r\n                                {{ award.titleNotExist }}\r\n                            </p>\r\n                            <!-- 圖片 -->\r\n                            <img class=\"img-body w3-circle w3-margin-top\" src=\"/static/img/not_valid.png\" alt=\"Avatar\">\r\n                            <!-- 描述 -->\r\n                            <p class=\"description\">\r\n                                {{ award.descriptNotExist }}\r\n                            </p>\r\n                        </div>\r\n                \r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n        <!-- 開發頁面 -->\r\n        <div class=\"main-content\" v-if=\"isDevelop\">\r\n\r\n            <!-- 網頁施工中 -->\r\n            <div id=\"award_form\">\r\n                目前該頁面在施工中，尚未完成。\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n    \r\n</template>\r\n<script>\r\n\r\n    export default {\r\n        data() {\r\n            return {\r\n\r\n                //api 確認QrCode\r\n                apiCheckQrCode: (data) => this.userRequest.post(\"/API/Default/CheckQrCode\", data),          \r\n                //api 領取獎勵\r\n                apiReceivedAward: (data) => this.userRequest.post(\"/API/Default/ReceivedAward\", data),\r\n                //標題\r\n                title:\"兌換獎賞\",\r\n                //導覽列\r\n                items: [\r\n                    {\r\n                        text: '首頁',\r\n                        href: '#/'\r\n                    },\r\n                    {\r\n                        text: '兌換獎賞',\r\n                        active: true\r\n                    }\r\n                ],\r\n\r\n                //是否是在開發模式\r\n                isDevelop:false,\r\n                //是否存在(系統是否存在這筆QrCode)\r\n                isExist:false,\r\n                //是否可以兌換(true-表示尚未兌換過，可以兌換)\r\n                isCanAward:false,\r\n                //是否兌換成功\r\n                isAwardDone:false,\r\n                //可以領取頁面\r\n                award:{\r\n\r\n                    //QrCode存在，尚未兌換\r\n                    titleCanAward:\"領取獎勵\",\r\n                    descriptCanAward:\"尚未領取獎勵，請農會人員輸入您的農會代碼後，點選按鈕兌換獎賞。\",\r\n                    \r\n                    //QrCode存在，成功兌換\r\n                    titleAwardDone:\"領取獎勵\",\r\n                    descriptAwardDone:\"已完成兌換，請農會贈與該農戶相關贈品。\",\r\n\r\n                    //QrCode存在，已經兌換\r\n                    titleReceivedAward:\"領取獎勵\",\r\n                    descriptReceivedAward:\"已領取獎勵，無法再次領取。\",\r\n\r\n                    //QrCode不存在\r\n                    titleNotExist:\"領取獎勵\",\r\n                    descriptNotExist:\"無效，請確認QrCode是否正確?\",\r\n                    \r\n                    labelOffCode: \"農會代碼:\",\r\n                    valueOffCode: \"\",\r\n                    classOffCode: \"fa-user\",\r\n                    placeholderOffCode: \"請輸入農會代碼\",\r\n                    disabledOffCode:false,\r\n                },\r\n                //相關按鈕\r\n                button:{\r\n\r\n                    labelReceive: \"領取獎勵\",\r\n                    classReceive:\"fa-money\",\r\n                },\r\n                //訊息\r\n                message:{\r\n                    noeExistOffCode:\"無效的農會代碼，請確認農會代碼是否輸入正確?\",            \r\n                },\r\n            }\r\n        },\r\n        watch: {\r\n\r\n        },\r\n        mounted(){\r\n\r\n            window.vue = this;  //在created方法中，將變數全局化，主控台可用 window.vue._data 調閱或呼叫(若不用可以直接遮罩)\r\n                                //例如:window.vue._data.map.getCesiumScene().setEnabled(false);\r\n            this.checkQrCode();\r\n        },\r\n        created() {\r\n               \r\n        },\r\n        destroyed() {\r\n\r\n        },\r\n        methods: {\r\n\r\n            //啟用遮罩\r\n            enableDefaultLoad:function()\r\n            {\r\n                this.enableMask();\r\n                this.default_load = true;\r\n            },\r\n            //取消遮罩\r\n            disableDefaultLoad:function()\r\n            { \r\n                //暫時先設定延遲，否則watch會重複觸發\r\n                const _this = this;\r\n                window.ThreadTool.Delay(function(){\r\n                \r\n                    _this.disableMask();\r\n                    _this.default_load = false;\r\n\r\n                },this.delay_ms_api);\r\n            },            \r\n            //確認QrCode\r\n            checkQrCode:function(){\r\n\r\n                this.enableDefaultLoad(); \r\n                this.apiCheckQrCode({\r\n\r\n                    QrCode:this.getQrcode(),\r\n                })\r\n                .then((res)=>{\r\n\r\n                    const json = JSON.parse(res.data);\r\n                    window.vue.isExist = json.isExist;\r\n                    window.vue.isCanAward = json.isCanAward;\r\n                    window.vue.disableDefaultLoad();\r\n                })\r\n                .catch((err)=> {\r\n                    console.log(err);\r\n                    window.vue.disableDefaultLoad();\r\n                }); \r\n            },\r\n            //領取獎勵\r\n            receivedAward:function(){\r\n\r\n                this.enableDefaultLoad(); \r\n                this.apiReceivedAward({\r\n\r\n                    QrCode:this.getQrcode(),\r\n                    OfficeCode:this.award.valueOffCode,\r\n                })\r\n                .then((res)=>{\r\n\r\n                    const json = JSON.parse(res.data);\r\n                    console.log(json);\r\n                    if(json.State)\r\n                    {\r\n                        this.isAwardDone = true;\r\n                        alert(json.Message);\r\n                    }\r\n                    else\r\n                    {\r\n                        alert(json.Message);\r\n                    }\r\n                    window.vue.disableDefaultLoad();\r\n                })\r\n                .catch((err)=> {\r\n                    console.log(err);\r\n                    window.vue.disableDefaultLoad();\r\n                }); \r\n            },\r\n\r\n            //領取獎勵\r\n            onReceive:function()\r\n            {\r\n                if(this.award.valueOffCode == \"\"){  alert(this.getPleaseEnterField(\"農會代碼\")); return false; }\r\n                this.receivedAward();                \r\n            },\r\n            //取得QrCode\r\n            getQrcode:function(){\r\n\r\n                var temp = location.hash.split(\"qr_code=\");\r\n                var qr_code = \"\";\r\n                if(temp.length > 1)\r\n                {\r\n                    qr_code = temp[1];\r\n                }\r\n                return qr_code;\r\n            },\r\n\r\n            //取得使用者Xxx欄位未輸入訊息\r\n            getPleaseEnterField: function(ParamName) { return \"請輸入【\" + ParamName + \"】！\"; },\r\n            //取得使用者Xxx欄位未選擇訊息\r\n            getPleaseChooseField: function(ParamName) { return \"請選擇【\" + ParamName + \"】！\"; },\r\n            //取得使用者Xxx欄位為空訊息\r\n            getErrorMessageParamEmpty: function(ParamName) { return \"操作失敗，【\" + ParamName + \"】不可為空！\"; },\r\n        },\r\n    }\r\n\r\n</script>\r\n<style scoped>\r\n\r\n/** 兌換表單 */\r\n#award_form\r\n{\r\n    text-align: -webkit-center;\r\n}\r\n\r\n#award_form .page\r\n{\r\n    max-width: 450px; \r\n}\r\n\r\n\r\n/** 公用表單畫面 */\r\n.form-style\r\n{\r\n    min-height: 360px;\r\n}\r\n/** 公用表單畫面-標頭 */\r\n.form-style .header-title\r\n{\r\n    margin-top: 30px !important;\r\n    font-weight: bold;\r\n    font-size: 1.75rem;\r\n}\r\n/** 公用表單畫面-圖片 */\r\n.form-style .img-body\r\n{\r\n    width:30%;\r\n    min-width: 150px !important;\r\n}\r\n/** 公用表單畫面-描述 */\r\n.form-style .description\r\n{\r\n    margin-top: 20px !important;\r\n    font-size: 1.2rem;\r\n}\r\n\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReceivedAward.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReceivedAward.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ReceivedAward.vue?vue&type=template&id=451ef724&scoped=true&\"\nimport script from \"./ReceivedAward.vue?vue&type=script&lang=js&\"\nexport * from \"./ReceivedAward.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ReceivedAward.vue?vue&type=style&index=0&id=451ef724&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"451ef724\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}