{"version":3,"sources":["webpack:///./src/views/ForgetPassword.vue?bed5","webpack:///./src/views/ForgetPassword.vue","webpack:///./src/views/ForgetPassword.vue?bcb1"],"names":["class","src","id","style","type","confirm","errors","name","MemberCode","rules","forgetPassword","placeholder","forgetPass","ValidCode","maxlength","tabindex","autocomplete","getRandomNum","data","ValidTransactionId","postToAPI","Captcha","methods","value","resetForm","test","this","toUpperCase","ForgetPwd","then","SvcData","isSuccess","$swal","fire","title","allowOutsideClick","confirmButtonColor","confirmButtonText","width","customClass","confirmButton","message","rtnCode","CheckAccount","GetValidateCode","transactionId","document","getElementById","validateImg","mounted","__exports__","render"],"mappings":"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","file":"js/chunk-db4f2edc.1c6e76f2.js","sourcesContent":["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/cli-service/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ForgetPassword.vue?vue&type=style&index=0&id=357c9e2c&lang=scss&scoped=true\"","<template>\n  <div class=\"forgetpwd\">\n    <div class=\"container\">\n      <div class=\"row justify-content-center\">\n        <div class=\"col-md-9\">\n          <div class=\"text-primary mt-md-5\">\n            <i class=\"bi bi-question-circle\"></i> 忘記密碼\n          </div>\n          <div\n            class=\"row mt-md-1 border-top border-bottom border-2 py-md-4 d-md-flex justify-content-md-between\"\n          >\n            <div class=\"col-md-6\">\n              <div class=\"text pe-md-5 pt-3 pt-md-0\">\n                <ul>\n                  <li>請填寫email/手機號碼/身份證字號任一個資訊後送出，系統將寄出重新啟用帳號的訊息至您的信箱或手機。</li>\n                </ul>\n              </div>\n            </div>\n            <div class=\"col-md-6\">\n              <Form\n                class=\"form ps-md-5 align-self-stretch d-flex flex-column mt-3 mt-md-0\"\n                v-slot=\"{ errors }\"\n                @submit=\"confirm\"\n              >\n                <div class=\"mb-4\">\n                  <p class=\"mb-md-1\">會員帳號</p>\n                  <Field\n                    type=\"text\"\n                    name=\"忘記密碼\"\n                    v-model=\"MemberCode\"\n                    :class=\"{ 'is-invalid': errors['忘記密碼'] }\"\n                    class=\"form-control z-index-10\"\n                    :rules=\"forgetPassword\"\n                    id=\"exampleFormControlInput1\"\n                    placeholder=\"請輸入 手機號碼 或 email 或 身分證字號\"\n                  ></Field>\n                  <ErrorMessage name=\"忘記密碼\" class=\"invalid-feedback\"></ErrorMessage>\n                </div>\n                <p class=\"mb-md-1\">驗證碼</p>\n                <div class=\"flex-grow-1 mb-3\">\n                  <div class=\"input-group\">\n                    <Field\n                      :class=\"{ 'is-invalid': errors['驗證碼'] }\"\n                      type=\"text\"\n                      name=\"驗證碼\"\n                      class=\"form-control z-index-10\"\n                      v-model=\"forgetPass.ValidCode\"\n                      maxlength=\"4\"\n                      tabindex=\"3\"\n                      autocomplete=\"off\"\n                      rules=\"required\"\n                      placeholder=\"請輸入驗證碼\"\n                    ></Field>\n                    <button\n                      class=\"verifyBtn btn border\"\n                      type=\"button\"\n                      @click.prevent=\"getRandomNum\"\n                    >\n                      <img\n                        src=\"\"\n                        id=\"imgForgetPasswordValidCode\"\n                        style=\"width: 80px; height: 30px; margin-right: 8px;\"\n                      />\n                      <!-- <img src=\"../assets/img/yesgo_icon27.svg\" /> -->\n                    </button>\n                    <ErrorMessage name=\"驗證碼\" class=\"invalid-feedback\"></ErrorMessage>\n                  </div>\n                  <div class=\"d-flex justify-content-end text-muted fs-7\">\n                    驗證碼不須區分大小寫\n                  </div>\n                </div>\n                <button type=\"submit\" class=\"btn btn-primary text-light w-100\">\n                  確認送出\n                </button>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ValidateSvc from '@/service/validate-service.js'\nimport PwdSvc from '@/service/pwd-service.js'\n\nexport default {\n  data () {\n    return {\n      MemberCode: '',\n      forgetPass: {\n        ValidCode: '',\n        ValidTransactionId: ''\n      },\n      postToAPI: {\n        MemberCode: '',\n        Captcha: '',\n        ValidTransactionId: ''\n      }\n    }\n  },\n  methods: {\n    confirm (value, { resetForm }) {\n      const id = /^[a-z](1|2)\\d{8}$/i\n      if (id.test(this.MemberCode)) {\n        this.MemberCode = this.MemberCode.toUpperCase()\n      }\n      this.postToAPI.MemberCode = this.MemberCode\n      this.postToAPI.Captcha = this.forgetPass.ValidCode\n      this.postToAPI.ValidTransactionId = this.forgetPass.ValidTransactionId\n      PwdSvc.ForgetPwd(this.postToAPI)\n        .then((SvcData) => {\n          resetForm() // ?把表單重置成預設值\n          this.getRandomNum()\n          if (!SvcData.isSuccess) {\n            this.$swal.fire({\n              title: `${SvcData.message}(${SvcData.rtnCode})`,\n              allowOutsideClick: true,\n              confirmButtonColor: '#003894',\n              confirmButtonText: '確認',\n              width: 500,\n              customClass: {\n                title: 'text-class',\n                confirmButton: 'confirm-btn-class'\n              }\n            })\n            return\n          }\n          this.$swal.fire({\n            title: '我們已經將查詢資料寄送到您填寫的手機號碼或 Email!',\n            allowOutsideClick: true,\n            confirmButtonColor: '#003894',\n            confirmButtonText: '確認',\n            width: 500,\n            customClass: {\n              title: 'text-class',\n              confirmButton: 'confirm-btn-class'\n            }\n          })\n        })\n    },\n    // * 帳號表單驗證\n    forgetPassword (value) {\n      return ValidateSvc.CheckAccount(value)\n    },\n    // * 圖形驗證碼\n    getRandomNum () {\n      ValidateSvc.GetValidateCode()\n        .then((SvcData) => {\n          this.forgetPass.ValidTransactionId = SvcData.transactionId\n          document.getElementById('imgForgetPasswordValidCode').src = SvcData.validateImg\n        })\n    }\n  },\n  mounted () {\n    this.getRandomNum()\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n  .container {\n    min-height: calc(100vh - 300px);\n  }\n</style>\n","import { render } from \"./ForgetPassword.vue?vue&type=template&id=357c9e2c&scoped=true\"\nimport script from \"./ForgetPassword.vue?vue&type=script&lang=js\"\nexport * from \"./ForgetPassword.vue?vue&type=script&lang=js\"\n\nimport \"./ForgetPassword.vue?vue&type=style&index=0&id=357c9e2c&lang=scss&scoped=true\"\n\nimport exportComponent from \"C:\\\\ProgramData\\\\Jenkins\\\\.jenkins\\\\workspace\\\\Papawash_build\\\\build\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-357c9e2c\"]])\n\nexport default __exports__"],"sourceRoot":""}