{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\notify\\smsConfig\\components\\register.vue?vue&type=style&index=0&id=54868eb4&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\notify\\smsConfig\\components\\register.vue","mtime":1761185180142},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoubWF4SW5wdCB7DQogIG1heC13aWR0aDogNDAwcHg7DQogIG1hcmdpbi1sZWZ0OiBhdXRvOw0KICBtYXJnaW4tcmlnaHQ6IGF1dG87DQp9DQoucGFnZS1hY2NvdW50LWNvbnRhaW5lciB7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgcGFkZGluZzogNTBweCAwOw0KfQ0KLnBhZ2UtYWNjb3VudC10b3Agew0KICBtYXJnaW4tYm90dG9tOiAyMHB4Ow0KfQ0KLnBhZ2UtYWNjb3VudC10b3AtdGl0IHsNCiAgZm9udC1zaXplOiAyMXB4Ow0KICBjb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5KTsNCn0NCi5wYWdlLWFjY291bnQtb3RoZXIgew0KICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogIGNvbG9yOiB2YXIoLS1wcmV2LWNvbG9yLXByaW1hcnkpOw0KICBmb250LXNpemU6IDEycHg7DQogIHNwYW4gew0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgfQ0KfQ0KLmNvZGUgew0KICBkaXNwbGF5OiBmbGV4Ow0KICBhbGlnbi1pdGVtczogY2VudGVyOw0KICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCn0NCg=="},{"version":3,"sources":["register.vue"],"names":[],"mappings":";AA0JA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"register.vue","sourceRoot":"src/pages/notify/smsConfig/components","sourcesContent":["<template>\r\n  <el-row>\r\n    <el-col :span=\"24\">\r\n      <div class=\"index_from page-account-container\">\r\n        <div class=\"page-account-top\">\r\n          <span class=\"page-account-top-tit\">一号通账户注册</span>\r\n        </div>\r\n        <el-form ref=\"formInline\" :model=\"formInline\" :rules=\"ruleInline\" @submit.native.prevent>\r\n          <!--<el-form-item prop=\"account\">-->\r\n          <!--<el-input type=\"text\" v-model=\"formInline.account\" prefix=\"ios-contact-outline\"-->\r\n          <!--placeholder=\"请输入短信平台账号\" />-->\r\n          <!--</el-form-item>-->\r\n          <el-form-item prop=\"phone\" class=\"maxInpt\">\r\n            <el-input\r\n              type=\"number\"\r\n              v-model=\"formInline.phone\"\r\n              prefix=\"ios-contact-outline\"\r\n              placeholder=\"请输入您的手机号\"\r\n            />\r\n          </el-form-item>\r\n          <el-form-item prop=\"password\" class=\"maxInpt\">\r\n            <el-input\r\n              type=\"password\"\r\n              v-model=\"formInline.password\"\r\n              prefix=\"ios-lock-outline\"\r\n              placeholder=\"请输入密码\"\r\n            />\r\n          </el-form-item>\r\n          <!--<el-form-item prop=\"password\">-->\r\n          <!--<el-input type=\"password\" v-model=\"formInline.password\" prefix=\"ios-lock-outline\"-->\r\n          <!--placeholder=\"请确认短信平台密码/token\" />-->\r\n          <!--</el-form-item>-->\r\n          <!-- <el-form-item prop=\"url\" class=\"maxInpt\">\r\n            <el-input type=\"text\" v-model=\"formInline.url\" prefix=\"ios-contact-outline\" placeholder=\"请输入网址域名\" />\r\n          </el-form-item> -->\r\n          <!--<el-form-item prop=\"sign\">-->\r\n          <!--<el-input type=\"text\" v-model=\"formInline.sign\" prefix=\"ios-contact-outline\"-->\r\n          <!--placeholder=\"请输入短信签名，例如：CRMEB\" />-->\r\n          <!--</el-form-item>-->\r\n          <el-form-item prop=\"verify_code\" class=\"maxInpt\">\r\n            <div class=\"code\">\r\n              <el-input\r\n                type=\"text\"\r\n                v-model=\"formInline.verify_code\"\r\n                prefix=\"ios-keypad-outline\"\r\n                placeholder=\"请输入验证码\"\r\n              />\r\n              <el-button :disabled=\"!canClick\" v-db-click @click=\"cutDown\">{{ cutNUm }}</el-button>\r\n            </div>\r\n          </el-form-item>\r\n          <el-form-item class=\"maxInpt\">\r\n            <el-button type=\"primary\" long size=\"large\" v-db-click @click=\"handleSubmit('formInline')\" class=\"btn\"\r\n              >注册</el-button\r\n            >\r\n          </el-form-item>\r\n        </el-form>\r\n        <div class=\"page-account-other\">\r\n          <span v-db-click @click=\"changelogo\">立即登录</span>\r\n        </div>\r\n      </div>\r\n    </el-col>\r\n  </el-row>\r\n</template>\r\n\r\n<script>\r\nimport { captchaApi, registerApi } from '@/api/setting';\r\nexport default {\r\n  name: 'register',\r\n  data() {\r\n    const validatePhone = (rule, value, callback) => {\r\n      if (!value) {\r\n        return callback(new Error('请填写手机号'));\r\n      } else if (!/^1[3456789]\\d{9}$/.test(value)) {\r\n        callback(new Error('手机号格式不正确!'));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n      cutNUm: '获取验证码',\r\n      canClick: true,\r\n      formInline: {\r\n        url: '',\r\n        password: '',\r\n        verify_code: '',\r\n        phone: '',\r\n      },\r\n      ruleInline: {\r\n        account: [{ required: true, message: '请输入短信平台账号', trigger: 'blur' }],\r\n        password: [{ required: true, message: '请输入密码', trigger: 'blur' }],\r\n        // url: [{ required: true, message: '请输入网址域名', trigger: 'blur' }],\r\n        phone: [{ required: true, validator: validatePhone, trigger: 'blur' }],\r\n        sign: [{ required: true, message: '请输入短信签名', trigger: 'blur' }],\r\n        verify_code: [{ required: true, message: '请输入验证码', trigger: 'blur' }],\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n    // 短信验证码\r\n    cutDown() {\r\n      if (this.formInline.phone) {\r\n        if (!this.canClick) return;\r\n        this.canClick = false;\r\n        this.cutNUm = 60;\r\n        let data = {\r\n          phone: this.formInline.phone,\r\n        };\r\n        captchaApi(data)\r\n          .then(async (res) => {\r\n            this.$message.success(res.msg);\r\n          })\r\n          .catch((res) => {\r\n            this.$message.error(res.msg);\r\n          });\r\n        let time = setInterval(() => {\r\n          this.cutNUm--;\r\n          if (this.cutNUm === 0) {\r\n            this.cutNUm = '获取验证码';\r\n            this.canClick = true;\r\n            clearInterval(time);\r\n          }\r\n        }, 1000);\r\n      } else {\r\n        this.$message.warning('请填写手机号!');\r\n      }\r\n    },\r\n    // 注册\r\n    handleSubmit(name) {\r\n      this.$refs[name].validate((valid) => {\r\n        if (valid) {\r\n          registerApi(this.formInline)\r\n            .then(async (res) => {\r\n              this.$message.success(res.msg);\r\n              setTimeout(() => {\r\n                this.changelogo();\r\n              }, 1000);\r\n            })\r\n            .catch((res) => {\r\n              this.$message.error(res.msg);\r\n            });\r\n        } else {\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    // 立即登录\r\n    changelogo() {\r\n      this.$emit('on-change');\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.maxInpt {\r\n  max-width: 400px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n.page-account-container {\r\n  text-align: center;\r\n  padding: 50px 0;\r\n}\r\n.page-account-top {\r\n  margin-bottom: 20px;\r\n}\r\n.page-account-top-tit {\r\n  font-size: 21px;\r\n  color: var(--prev-color-primary);\r\n}\r\n.page-account-other {\r\n  text-align: center;\r\n  color: var(--prev-color-primary);\r\n  font-size: 12px;\r\n  span {\r\n    cursor: pointer;\r\n  }\r\n}\r\n.code {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n</style>\r\n"]}]}