diff --git a/src/api/api-quick-issue.ts b/src/api/api-quick-issue.ts
index b06208f8fcc1408c74c5e9b9b15b6cf4a092b8e6..df72e0ab907df1a812469273936c129748c8bd24 100644
--- a/src/api/api-quick-issue.ts
+++ b/src/api/api-quick-issue.ts
@@ -11,10 +11,10 @@ export function getRepoIssue(params: IssueQueryData) {
   const url = '/api-issues/issues/';
   params = JSON.parse(JSON.stringify(params));
   if (
-    typeof params.label === 'object' &&
-    typeof params.issue_state === 'object' &&
-    typeof params.exclusion === 'object' &&
-    typeof params.milestone === 'object'
+    Array.isArray(params.label) &&
+    Array.isArray(params.issue_state) &&
+    Array.isArray(params.exclusion) &&
+    Array.isArray(params.milestone)
   ) {
     params.exclusion = params.exclusion.join(',');
     params.label = params.label.join(',');
@@ -97,7 +97,7 @@ export function getReposData(params: object) {
  * @return {String}
  */
 export function createIssue(params: object) {
-  const url = `/api-issues/issues/`;
+  const url = `/api-issues/issue/`;
   return request
     .post(url, params)
     .then((res: AxiosResponse) => res.data)
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 7a64eb763134be3466e776ade0c731cadc15d1ac..e75c6da98a35a829ed9bb38507353d9124dd59e2 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -13,7 +13,7 @@ import QuickIssueLogo from '@/assets/quickissue-logo.png';
 import IconDown from '~icons/app/icon-chevron-down.svg';
 import IconLogin from '~icons/app/icon-login.svg';
 
-const { t, locale } = useI18n({ useScope: 'global' });
+const { t, locale } = useI18n();
 
 const lang = computed(() => {
   return useLangStore().lang;
diff --git a/src/components/ONav.vue b/src/components/ONav.vue
index 6d0a2767ac371098b80e85035cc956d5684b50de..d772188ec5e6432811f694d22e21242ad5d81a02 100644
--- a/src/components/ONav.vue
+++ b/src/components/ONav.vue
@@ -64,7 +64,6 @@ $color: #ffffff;
     margin: 0 24px;
     font-size: 16px;
     line-height: 24px;
-    font-family: HarmonyOS_Sans_SC_Medium;
     color: #979797;
     cursor: pointer;
 
diff --git a/src/shared/utils.ts b/src/shared/utils.ts
index 14fcbbd7b49af2afe4deb0abfc81e0c064ffbd86..1ad7f7c4e12a6f6b1be34e28dd1cec0522671246 100644
--- a/src/shared/utils.ts
+++ b/src/shared/utils.ts
@@ -10,3 +10,12 @@ export function scrollToTop() {
   document.body.scrollTop = 0;
   document.documentElement.scrollTop = 0;
 }
+
+export function hiddenMail(mail: string) {
+  const mailTest = new RegExp(
+    '^[a-z0-9A-Z]+[- | a-z0-9A-Z . _]+@([a-z0-9A-Z]+(-[a-z0-9A-Z]+)?\\.)+[a-z]{2,}$'
+  );
+  if (mailTest.test(mail)) {
+    return `${mail.split('@')[0]}@***${mail.charAt(mail.length - 1)}`;
+  }
+}
diff --git a/src/views/TheQuickIssue.vue b/src/views/TheQuickIssue.vue
index 60e91efc2c455f2ffb791a16a4498825651d72e4..9fe4eaac34d0265b4cbc29a310295ff9e19f0962 100644
--- a/src/views/TheQuickIssue.vue
+++ b/src/views/TheQuickIssue.vue
@@ -4,14 +4,21 @@ import AppContent from '@/components/AppContent.vue';
 import DocAnchor from '@/components/DocAnchor.vue';
 import { useStoreData } from '@/shared/login';
 
+import { hiddenMail } from '@/shared/utils';
+
 const { guardAuthClient } = useStoreData();
 
 function getNameList(arr: any) {
-  const targetArr: any = [];
-  arr.forEach((item: any) => {
-    targetArr.push(item.login_name);
-  });
-  return targetArr.join(',');
+  try {
+    const giteeName = arr?.filter((item: any) => {
+      return item.identity === 'gitee';
+    })[0]?.login_name;
+    if (giteeName) {
+      return giteeName;
+    }
+  } catch (error) {
+    return false;
+  }
 }
 </script>
 <template>
@@ -21,7 +28,7 @@ function getNameList(arr: any) {
         v-if="
           (guardAuthClient?.identities &&
             guardAuthClient?.identities[0]?.login_name) ||
-          guardAuthClient?.email
+          hiddenMail(guardAuthClient?.email)
         "
       />
       <AppIssue
@@ -33,7 +40,7 @@ function getNameList(arr: any) {
         issue-type="pending"
         :user-name="
           `${getNameList(guardAuthClient?.identities)}` ||
-          guardAuthClient?.email
+          hiddenMail(guardAuthClient?.email)
         "
       />
       <AppIssue
@@ -45,7 +52,7 @@ function getNameList(arr: any) {
         issue-type="submitted"
         :user-name="
           `${getNameList(guardAuthClient?.identities)}` ||
-          guardAuthClient?.email
+          hiddenMail(guardAuthClient?.email)
         "
       />
 
@@ -53,7 +60,7 @@ function getNameList(arr: any) {
         :user-name="
           (guardAuthClient?.identities &&
             guardAuthClient?.identities[0]?.login_name) ||
-          guardAuthClient?.email
+          hiddenMail(guardAuthClient?.email)
         "
         issue-type="all"
       />
diff --git a/src/views/pull-request/PullRequest.vue b/src/views/pull-request/PullRequest.vue
index 968f0ac6afd712537983b8d4fdf8d0dc048fe3e2..5e362cf7c3214a3786608f8ff43797f058e2f1e0 100644
--- a/src/views/pull-request/PullRequest.vue
+++ b/src/views/pull-request/PullRequest.vue
@@ -4,14 +4,21 @@ import AppContent from '@/components/AppContent.vue';
 import DocAnchor from '@/components/DocAnchor.vue';
 import { useStoreData } from '@/shared/login';
 
+import { hiddenMail } from '@/shared/utils';
+
 const { guardAuthClient } = useStoreData();
 
 function getNameList(arr: any) {
-  const targetArr: any = [];
-  arr.forEach((item: any) => {
-    targetArr.push(item.login_name);
-  });
-  return targetArr.join(',');
+  try {
+    const giteeName = arr?.filter((item: any) => {
+      return item.identity === 'gitee';
+    })[0]?.login_name;
+    if (giteeName) {
+      return giteeName;
+    }
+  } catch (error) {
+    return false;
+  }
 }
 </script>
 <template>
@@ -32,27 +39,27 @@ function getNameList(arr: any) {
         "
         issue-type="pending"
         :user-name="
-          `${getNameList(guardAuthClient?.identities)}` ||
-          guardAuthClient?.email
+          getNameList(guardAuthClient?.identities) ||
+          hiddenMail(guardAuthClient?.email)
         "
       />
       <AppPull
         v-if="
           (guardAuthClient?.identities &&
             guardAuthClient?.identities[0]?.login_name) ||
-          guardAuthClient?.email
+          hiddenMail(guardAuthClient?.email)
         "
         issue-type="submitted"
         :user-name="
-          getNameList(guardAuthClient?.identities) || guardAuthClient?.email
+          getNameList(guardAuthClient?.identities) ||
+          hiddenMail(guardAuthClient?.email)
         "
       />
 
       <AppPull
         :user-name="
-          (guardAuthClient?.identities &&
-            guardAuthClient?.identities[0]?.login_name) ||
-          guardAuthClient?.email
+          getNameList(guardAuthClient?.identities) ||
+          hiddenMail(guardAuthClient?.email)
         "
         issue-type="all"
       />
diff --git a/src/views/submit-issue/SubmitIssue.vue b/src/views/submit-issue/SubmitIssue.vue
index 60bb24d02f5041dbc6d8b8b1de4ffea12894c2ce..fc0be68bf40c3bc1a358f9ce725c43828d1eb8c7 100644
--- a/src/views/submit-issue/SubmitIssue.vue
+++ b/src/views/submit-issue/SubmitIssue.vue
@@ -639,7 +639,7 @@ watch(
           </div>
         </div>
         <transition-group name="fadeHeight">
-          <div v-if="isGiteeUser" class="not-gitter-user">
+          <div v-if="isGiteeUser" class="not-gitee-user">
             <div class="form-liner editor">
               <el-form-item
                 :label="t('quickIssue.DESCRIPTIVE')"