add verification code for login and register page

web/src/views/Register.vue

@@ -160,6 +160,8 @@
           </el-result>
         </div>
 
+        <captcha v-if="enableVerify" @success="doSubmitRegister" ref="captchaRef"/>
+
         <footer class="footer"  v-if="!licenseConfig.de_copy">
           <footer-bar/>
         </footer>
@@ -182,6 +184,7 @@ import {setUserToken} from "@/store/session";
 import {validateEmail, validateMobile} from "@/utils/validate";
 import {showMessageError, showMessageOK} from "@/utils/dialog";
 import {getLicenseInfo, getSystemInfo} from "@/store/cache";
+import Captcha from "@/components/Captcha.vue";
 
 const router = useRouter();
 const title = ref('');
@@ -201,6 +204,8 @@ const enableRegister = ref(true)
 const activeName = ref("mobile")
 const wxImg = ref("/images/wx.png")
 const licenseConfig = ref({})
+const enableVerify = ref(false)
+const captchaRef = ref(null)
 
 getSystemInfo().then(res => {
   if (res.data) {
@@ -222,6 +227,7 @@ getSystemInfo().then(res => {
     if (res.data['wechat_card_url'] !== '') {
       wxImg.value = res.data['wechat_card_url']
     }
+    enableVerify.value = res.data['enabled_verify']
   }
 }).catch(e => {
   ElMessage.error("获取系统配置失败：" + e.message)
@@ -257,9 +263,21 @@ const submitRegister = () => {
   if ((activeName.value === 'mobile' || activeName.value === 'email') && data.value.code === '') {
     return showMessageError('请输入验证码');
   }
+
+  if (enableVerify.value) {
+    captchaRef.value.loadCaptcha()
+  } else {
+    doSubmitRegister({})
+  }
+}
+
+const doSubmitRegister = (verifyData) => {
+  data.value.key = verifyData.key
+  data.value.dots = verifyData.dots
+  data.value.x = verifyData.x
   data.value.reg_way = activeName.value
   httpPost('/api/user/register', data.value).then((res) => {
-    setUserToken(res.data)
+    setUserToken(res.data.token)
     showMessageOK({
       "message": "注册成功，即将跳转到对话主界面...",
       onClose: () => router.push("/chat"),