feat(login): login demo

frontend/src/views/login/components/login-form.vue

@@ -61,6 +61,16 @@
           <a-button type="primary" size="large" html-type="submit" long :loading="loading">
             {{ t('login.form.login') }}
           </a-button>
+          <div v-if="showDemo" class="mb-[-16px] mt-[16px] flex items-center gap-[16px]">
+            <div class="flex items-center">
+              <div>{{ t('login.form.username') }}：</div>
+              <div>demo</div>
+            </div>
+            <div class="flex items-center">
+              <div>{{ t('login.form.password') }}：</div>
+              <div>demo</div>
+            </div>
+          </div>
         </div>
         <a-divider v-if="isShowLDAP || isShowOIDC || isShowOAUTH" orientation="center" type="dashed" class="m-0 mb-2">
           <span class="text-[12px] font-normal text-[var(--color-text-4)]">{{ t('login.form.modeLoginMethods') }}</span>
@@ -127,6 +137,8 @@
     return props.isPreview ? props.slogan : appStore.pageConfig.slogan;
   });
 
+  const showDemo = window.location.hostname === 'demo.metersphere.com';
+
   const errorMessage = ref('');
   const { loading, setLoading } = useLoading();
 

frontend/src/views/login/locale/en-US.ts

@@ -16,4 +16,6 @@ export default {
   'login.form.modeLoginMethods': 'More',
   'login.form.accountLogin': 'Account login',
   'login.form.LDAPLogin': 'LDAP',
+  'login.form.username': 'Username',
+  'login.form.password': 'Password',
 };

frontend/src/views/login/locale/zh-CN.ts

@@ -16,4 +16,6 @@ export default {
   'login.form.modeLoginMethods': '更多登录方式',
   'login.form.accountLogin': '账号登录',
   'login.form.LDAPLogin': 'LDAP登录',
+  'login.form.username': '用户名',
+  'login.form.password': '密码',
 };