feat(web): add settings & pages of privacy policy & user agreement

web/src/components/auth/RegisterForm.jsx

@@ -82,6 +82,9 @@ const RegisterForm = () => {
   const [wechatCodeSubmitLoading, setWechatCodeSubmitLoading] = useState(false);
   const [disableButton, setDisableButton] = useState(false);
   const [countdown, setCountdown] = useState(30);
+  const [agreedToTerms, setAgreedToTerms] = useState(false);
+  const [hasUserAgreement, setHasUserAgreement] = useState(false);
+  const [hasPrivacyPolicy, setHasPrivacyPolicy] = useState(false);
 
   const logo = getLogo();
   const systemName = getSystemName();
@@ -106,6 +109,28 @@ const RegisterForm = () => {
       setTurnstileEnabled(true);
       setTurnstileSiteKey(status.turnstile_site_key);
     }
+    
+    // 检查用户协议和隐私政策是否已设置
+    const checkTermsAvailability = async () => {
+      try {
+        const [userAgreementRes, privacyPolicyRes] = await Promise.all([
+          API.get('/api/user-agreement'),
+          API.get('/api/privacy-policy')
+        ]);
+        
+        if (userAgreementRes.data.success && userAgreementRes.data.data) {
+          setHasUserAgreement(true);
+        }
+        
+        if (privacyPolicyRes.data.success && privacyPolicyRes.data.data) {
+          setHasPrivacyPolicy(true);
+        }
+      } catch (error) {
+        console.error('检查用户协议和隐私政策失败:', error);
+      }
+    };
+    
+    checkTermsAvailability();
   }, [status]);
 
   useEffect(() => {
@@ -505,6 +530,44 @@ const RegisterForm = () => {
                   </>
                 )}
 
+                {(hasUserAgreement || hasPrivacyPolicy) && (
+                  <div className='pt-4'>
+                    <Form.Checkbox
+                      checked={agreedToTerms}
+                      onChange={(checked) => setAgreedToTerms(checked)}
+                    >
+                      <Text size='small' className='text-gray-600'>
+                        {t('我已阅读并同意')}
+                        {hasUserAgreement && (
+                          <>
+                            <a
+                              href='/user-agreement'
+                              target='_blank'
+                              rel='noopener noreferrer'
+                              className='text-blue-600 hover:text-blue-800 mx-1'
+                            >
+                              {t('用户协议')}
+                            </a>
+                          </>
+                        )}
+                        {hasUserAgreement && hasPrivacyPolicy && t('和')}
+                        {hasPrivacyPolicy && (
+                          <>
+                            <a
+                              href='/privacy-policy'
+                              target='_blank'
+                              rel='noopener noreferrer'
+                              className='text-blue-600 hover:text-blue-800 mx-1'
+                            >
+                              {t('隐私政策')}
+                            </a>
+                          </>
+                        )}
+                      </Text>
+                    </Form.Checkbox>
+                  </div>
+                )}
+
                 <div className='space-y-2 pt-2'>
                   <Button
                     theme='solid'
@@ -513,6 +576,7 @@ const RegisterForm = () => {
                     htmlType='submit'
                     onClick={handleSubmit}
                     loading={registerLoading}
+                    disabled={(hasUserAgreement || hasPrivacyPolicy) && !agreedToTerms}
                   >
                     {t('注册')}
                   </Button>