From c4a28eb509164e52d795e5ffea25bc5027127f9e Mon Sep 17 00:00:00 2001
From: haml-707 <845831435@qq.com>
Date: Wed, 29 May 2024 21:37:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=A0=E9=99=A4=E6=B3=A8=E9=87=8A?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=EF=BC=8C=E5=AE=8C=E5=96=84=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.production                        |   4 +-
 components.d.ts                        |   1 -
 deploy/entrypoint.sh                   |   2 +-
 deploy/nginx/nginx.conf                |   4 +-
 opendesign/button/src/button-types.ts  |   1 -
 opendesign/dialog/ODialog.vue          |   5 +-
 opendesign/search/OSearch.vue          |   1 -
 opendesign/select/OOption.vue          |   2 -
 opendesign/select/OSelect.vue          |   1 -
 opendesign/select/index.ts             |   5 +-
 opendesign/select/src/select.tsx       |  16 --
 package.json                           |  10 +-
 pnpm-lock.yaml                         | 115 +++++-------
 src/api/api-quick-issue.ts             |  10 --
 src/components/AppFooter.vue           | 127 +------------
 src/components/AppHeader.vue           |   8 +-
 src/components/AppIssue.vue            |  68 ++++---
 src/components/AppPull.vue             |  30 ++--
 src/components/AppSlideVerify.vue      | 236 -------------------------
 src/config/index.ts                    | 108 +++++++++++
 src/shared/axios/index.ts              |   5 -
 src/shared/issue-type.ts               |  10 ++
 src/shared/styles/markdown.scss        |   8 +-
 src/views/TheQuickIssue.vue            |  37 ++--
 src/views/pull-request/PullRequest.vue |  38 ++--
 src/views/submit-issue/SubmitIssue.vue |  45 +++--
 src/vite-env.d.ts                      |   2 -
 27 files changed, 289 insertions(+), 610 deletions(-)
 delete mode 100644 src/components/AppSlideVerify.vue
 create mode 100644 src/config/index.ts
 create mode 100644 src/shared/issue-type.ts

diff --git a/.env.production b/.env.production
index 79e379e..1bbbb8a 100644
--- a/.env.production
+++ b/.env.production
@@ -1,3 +1,3 @@
-VITE_COOKIE_DOMAIN = .openeuler.org
+VITE_COOKIE_DOMAIN = .test.osinfra.cn
 
-VITE_LOGIN_ORIGIN = https://id.openeuler.org
+VITE_LOGIN_ORIGIN = https://openeuler-usercenter.test.osinfra.cn
diff --git a/components.d.ts b/components.d.ts
index 0c5defc..d8b8a47 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -13,7 +13,6 @@ declare module 'vue' {
     AppHeader: typeof import('./src/components/AppHeader.vue')['default']
     AppIssue: typeof import('./src/components/AppIssue.vue')['default']
     AppPull: typeof import('./src/components/AppPull.vue')['default']
-    AppSlideVerify: typeof import('./src/components/AppSlideVerify.vue')['default']
     DocAnchor: typeof import('./src/components/DocAnchor.vue')['default']
     ElCard: typeof import('element-plus/es')['ElCard']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
diff --git a/deploy/entrypoint.sh b/deploy/entrypoint.sh
index 9679c15..d72cb30 100644
--- a/deploy/entrypoint.sh
+++ b/deploy/entrypoint.sh
@@ -1,4 +1,4 @@
 #!/bin/bash
 
 bash /etc/nginx/monitor.sh $DET_URL $DST_PATH &
-/usr/share/nginx/sbin/nginx -g 'daemon off;
\ No newline at end of file
+/usr/share/nginx/sbin/nginx -g 'daemon off;'
\ No newline at end of file
diff --git a/deploy/nginx/nginx.conf b/deploy/nginx/nginx.conf
index 852f9bf..17b1eb0 100644
--- a/deploy/nginx/nginx.conf
+++ b/deploy/nginx/nginx.conf
@@ -104,7 +104,7 @@ http {
         add_header X-Frame-Options DENY;
         add_header X-Content-Type-Options nosniff;
         add_header Strict-Transport-Security "max-age=31536000; includeSubDomains";
-        add_header Content-Security-Policy "script-src 'self' 'unsafe-inline' 'unsafe-eval'; object-src 'none'; frame-src 'none'";
+        add_header Content-Security-Policy "script-src 'self' 'unsafe-inline' 'unsafe-eval' ; object-src 'none'; frame-src 'none'";
         add_header Cache-Control "public,max-age=1209600";
       }
 
@@ -125,7 +125,7 @@ http {
     location /api-omapi/ {
       proxy_set_header X-Forwarded-For $http_x_real_ip;
 
-      proxy_pass https://omapi.osinfra.cn/;
+      proxy_pass https://omapi.test.osinfra.cn/;
 
     }
 
diff --git a/opendesign/button/src/button-types.ts b/opendesign/button/src/button-types.ts
index 4deb21d..de42891 100644
--- a/opendesign/button/src/button-types.ts
+++ b/opendesign/button/src/button-types.ts
@@ -3,7 +3,6 @@ import { SizeType } from '../../_utils/common';
 
 type ButtonType = 'outline' | 'primary' | 'secondary' | 'text';
 // TODO:status颜色规范待补充
-// type ButtonStatus = 'normal' | 'success' | 'warning' | 'danger';
 type ButtonStatus = 'normal';
 type ButtonNativeType = 'button' | 'submit' | 'reset';
 
diff --git a/opendesign/dialog/ODialog.vue b/opendesign/dialog/ODialog.vue
index dddf034..9cdfff2 100644
--- a/opendesign/dialog/ODialog.vue
+++ b/opendesign/dialog/ODialog.vue
@@ -30,8 +30,5 @@ const modalClassNames = computed(() => {
 </template>
 
 <style lang="scss">
-// .o-dialog {
-//   max-width: 1420px;
-//   width: 100%;
-// }
+
 </style>
diff --git a/opendesign/search/OSearch.vue b/opendesign/search/OSearch.vue
index 731ba44..cb07e8a 100644
--- a/opendesign/search/OSearch.vue
+++ b/opendesign/search/OSearch.vue
@@ -44,7 +44,6 @@ const attrs = useAttrs();
       border-radius: 0;
       padding: 1px 8px;
       background-color: var(--o-search-color-bg);
-      // box-shadow: var(--o-search-shadow);
 
       .el-input__prefix-inner {
         font-size: var(--o-font-size-h5);
diff --git a/opendesign/select/OOption.vue b/opendesign/select/OOption.vue
index 96d713b..4682413 100644
--- a/opendesign/select/OOption.vue
+++ b/opendesign/select/OOption.vue
@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-// import { useAttrs } from 'vue';
-// const attrs = useAttrs();
 </script>
 <template>
   <ElOption class="o-option">
diff --git a/opendesign/select/OSelect.vue b/opendesign/select/OSelect.vue
index 1a313ff..e6de9a1 100644
--- a/opendesign/select/OSelect.vue
+++ b/opendesign/select/OSelect.vue
@@ -164,7 +164,6 @@ onUnmounted(() => {
       .o-search {
         width: 100%;
         height: 34px;
-        // margin: var(--o-spacing-h10) var(--o-spacing-h5);
         .el-input__wrapper {
           box-shadow: 0 0 0 1px var(--o-color-border1) inset;
           &:hover {
diff --git a/opendesign/select/index.ts b/opendesign/select/index.ts
index 55fc044..40472c0 100644
--- a/opendesign/select/index.ts
+++ b/opendesign/select/index.ts
@@ -1,11 +1,8 @@
 import type { App } from 'vue';
 import Select from './OSelect.vue';
-// import Option from './OOption.vue';
 Select.install = function (app: App) {
   app.component('OSelect', Select);
 };
-// Option.install = function (app: App) {
-//   app.component('OOption', Option);
-// };
+
 
 export { Select };
diff --git a/opendesign/select/src/select.tsx b/opendesign/select/src/select.tsx
index 5cb2ef6..e69de29 100644
--- a/opendesign/select/src/select.tsx
+++ b/opendesign/select/src/select.tsx
@@ -1,16 +0,0 @@
-// import { defineComponent } from 'vue';
-// import { selectProps } from './select-types';
-
-// export default defineComponent({
-//   name: 'OSelect',
-//   props: selectProps,
-//   setup() {
-//     return () => {
-//       return (
-//         <div class="o-select">
-//           <input></input>
-//         </div>
-//       );
-//     };
-//   },
-// });
diff --git a/package.json b/package.json
index 64ef0f3..5646101 100644
--- a/package.json
+++ b/package.json
@@ -19,17 +19,15 @@
   "dependencies": {
     "@kangc/v-md-editor": "^2.3.18",
     "axios": "^1.6.8",
-    "crypto-js": "^4.2.0",
-    "element-plus": "^2.3.5",
+    "element-plus": "^2.3.4",
     "js-base64": "^3.7.5",
     "lodash-es": "^4.17.21",
     "opendesign": "link:opendesign",
-    "pinia": "^2.1.3",
+    "pinia": "^2.1.6",
     "prismjs": "^1.29.0",
     "vue": "^3.3.4",
-    "vue-i18n": "^9.2.2",
-    "vue-router": "^4.2.1",
-    "vue3-slide-verify": "^1.1.4"
+    "vue-i18n": "^9.10.1",
+    "vue-router": "^4.3.0"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3ff8384..09ecdf1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,12 +14,9 @@ dependencies:
   axios:
     specifier: ^1.6.8
     version: 1.6.8
-  crypto-js:
-    specifier: ^4.2.0
-    version: 4.2.0
   element-plus:
-    specifier: ^2.3.5
-    version: 2.3.5(vue@3.3.4)
+    specifier: ^2.3.4
+    version: 2.3.4(vue@3.3.4)
   js-base64:
     specifier: ^3.7.5
     version: 3.7.5
@@ -30,8 +27,8 @@ dependencies:
     specifier: link:opendesign
     version: link:opendesign
   pinia:
-    specifier: ^2.1.3
-    version: 2.1.3(typescript@4.9.5)(vue@3.3.4)
+    specifier: ^2.1.6
+    version: 2.1.6(typescript@4.9.5)(vue@3.3.4)
   prismjs:
     specifier: ^1.29.0
     version: 1.29.0
@@ -39,14 +36,11 @@ dependencies:
     specifier: ^3.3.4
     version: 3.3.4
   vue-i18n:
-    specifier: ^9.2.2
-    version: 9.2.2(vue@3.3.4)
+    specifier: ^9.10.1
+    version: 9.10.1(vue@3.3.4)
   vue-router:
-    specifier: ^4.2.1
-    version: 4.2.1(vue@3.3.4)
-  vue3-slide-verify:
-    specifier: ^1.1.4
-    version: 1.1.4
+    specifier: ^4.3.0
+    version: 4.3.0(vue@3.3.4)
 
 devDependencies:
   '@types/lodash-es':
@@ -444,8 +438,8 @@ packages:
     engines: {node: '>=10'}
     dev: false
 
-  /@element-plus/icons-vue@2.1.0(vue@3.3.4):
-    resolution: {integrity: sha512-PSBn3elNoanENc1vnCfh+3WA9fimRC7n+fWkf3rE5jvv+aBohNHABC/KAR5KWPecxWxDTVT1ERpRbOMRcOV/vA==}
+  /@element-plus/icons-vue@2.3.1(vue@3.3.4):
+    resolution: {integrity: sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
@@ -554,42 +548,25 @@ packages:
       - supports-color
     dev: true
 
-  /@intlify/core-base@9.2.2:
-    resolution: {integrity: sha512-JjUpQtNfn+joMbrXvpR4hTF8iJQ2sEFzzK3KIESOx+f+uwIjgw20igOyaIdhfsVVBCds8ZM64MoeNSx+PHQMkA==}
-    engines: {node: '>= 14'}
+  /@intlify/core-base@9.10.1:
+    resolution: {integrity: sha512-0+Wtjj04GIyglh5KKiNjRwgjpHrhqqGZhaKY/QVjjogWKZq5WHROrTi84pNVsRN18QynyPmjtsVUWqFKPQ45xQ==}
+    engines: {node: '>= 16'}
     dependencies:
-      '@intlify/devtools-if': 9.2.2
-      '@intlify/message-compiler': 9.2.2
-      '@intlify/shared': 9.2.2
-      '@intlify/vue-devtools': 9.2.2
+      '@intlify/message-compiler': 9.10.1
+      '@intlify/shared': 9.10.1
     dev: false
 
-  /@intlify/devtools-if@9.2.2:
-    resolution: {integrity: sha512-4ttr/FNO29w+kBbU7HZ/U0Lzuh2cRDhP8UlWOtV9ERcjHzuyXVZmjyleESK6eVP60tGC9QtQW9yZE+JeRhDHkg==}
-    engines: {node: '>= 14'}
+  /@intlify/message-compiler@9.10.1:
+    resolution: {integrity: sha512-b68UTmRhgZfswJZI7VAgW6BXZK5JOpoi5swMLGr4j6ss2XbFY13kiw+Hu+xYAfulMPSapcHzdWHnq21VGnMCnA==}
+    engines: {node: '>= 16'}
     dependencies:
-      '@intlify/shared': 9.2.2
-    dev: false
-
-  /@intlify/message-compiler@9.2.2:
-    resolution: {integrity: sha512-IUrQW7byAKN2fMBe8z6sK6riG1pue95e5jfokn8hA5Q3Bqy4MBJ5lJAofUsawQJYHeoPJ7svMDyBaVJ4d0GTtA==}
-    engines: {node: '>= 14'}
-    dependencies:
-      '@intlify/shared': 9.2.2
-      source-map: 0.6.1
-    dev: false
-
-  /@intlify/shared@9.2.2:
-    resolution: {integrity: sha512-wRwTpsslgZS5HNyM7uDQYZtxnbI12aGiBZURX3BTR9RFIKKRWpllTsgzHWvj3HKm3Y2Sh5LPC1r0PDCKEhVn9Q==}
-    engines: {node: '>= 14'}
+      '@intlify/shared': 9.10.1
+      source-map-js: 1.0.2
     dev: false
 
-  /@intlify/vue-devtools@9.2.2:
-    resolution: {integrity: sha512-+dUyqyCHWHb/UcvY1MlIpO87munedm3Gn6E9WWYdWrMuYLcoIoOEVDWSS8xSwtlPU+kA+MEQTP6Q1iI/ocusJg==}
-    engines: {node: '>= 14'}
-    dependencies:
-      '@intlify/core-base': 9.2.2
-      '@intlify/shared': 9.2.2
+  /@intlify/shared@9.10.1:
+    resolution: {integrity: sha512-liyH3UMoglHBUn70iCYcy9CQlInx/lp50W2aeSxqqrvmG+LDj/Jj7tBJhBoQL4fECkldGhbmW0g2ommHfL6Wmw==}
+    engines: {node: '>= 16'}
     dev: false
 
   /@jridgewell/gen-mapping@0.3.3:
@@ -1072,6 +1049,10 @@ packages:
     resolution: {integrity: sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==}
     dev: false
 
+  /@vue/devtools-api@6.6.1:
+    resolution: {integrity: sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA==}
+    dev: false
+
   /@vue/eslint-config-prettier@7.1.0(eslint@8.41.0)(prettier@2.8.8):
     resolution: {integrity: sha512-Pv/lVr0bAzSIHLd9iz0KnvAr4GKyCEl+h52bc4e5yWuDVtLgFwycF7nrbWTAQAS+FU6q1geVd07lc6EWfJiWKQ==}
     peerDependencies:
@@ -1651,10 +1632,6 @@ packages:
       which: 2.0.2
     dev: true
 
-  /crypto-js@4.2.0:
-    resolution: {integrity: sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==}
-    dev: false
-
   /cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
@@ -2082,13 +2059,13 @@ packages:
     resolution: {integrity: sha512-gWYvJSkohOiBE6ecVYXkrDgNaUjo47QEKK0kQzmWyhkH+yoYiG44bwuicTGNSIQRG3WDMsWVZJLRnJnLNkbWvA==}
     dev: true
 
-  /element-plus@2.3.5(vue@3.3.4):
-    resolution: {integrity: sha512-g27DHm2C5/tPwte9H6Juu+JOdzT9z1ALHTIvia6MwnBdCrI4kd77o6KcYdodU15/tYiPBoCEmobhl/7GUDb+1Q==}
+  /element-plus@2.3.4(vue@3.3.4):
+    resolution: {integrity: sha512-SQr0J9z7N4z48WYk/l9NE2tizl8Q7j2OhqlpTc42k4pGncry3+rVX6dsmcsglFynn6vt3NzYxWJqmLFyDKQq+g==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
       '@ctrl/tinycolor': 3.6.0
-      '@element-plus/icons-vue': 2.1.0(vue@3.3.4)
+      '@element-plus/icons-vue': 2.3.1(vue@3.3.4)
       '@floating-ui/dom': 1.2.8
       '@popperjs/core': /@sxzz/popperjs-es@2.11.7
       '@types/lodash': 4.14.194
@@ -4035,8 +4012,8 @@ packages:
     engines: {node: '>=6'}
     dev: false
 
-  /pinia@2.1.3(typescript@4.9.5)(vue@3.3.4):
-    resolution: {integrity: sha512-XNA/z/ye4P5rU1pieVmh0g/hSuDO98/a5UC8oSP0DNdvt6YtetJNHTrXwpwsQuflkGT34qKxAEcp7lSxXNjf/A==}
+  /pinia@2.1.6(typescript@4.9.5)(vue@3.3.4):
+    resolution: {integrity: sha512-bIU6QuE5qZviMmct5XwCesXelb5VavdOWKWaB17ggk++NUwQWWbP5YnsONTk3b752QkW9sACiR81rorpeOMSvQ==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
       typescript: '>=4.4.4'
@@ -4406,11 +4383,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: false
 
-  /source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-    dev: false
-
   /sourcemap-codec@1.4.8:
     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
     deprecated: Please use @jridgewell/sourcemap-codec instead
@@ -4941,25 +4913,24 @@ packages:
       - supports-color
     dev: true
 
-  /vue-i18n@9.2.2(vue@3.3.4):
-    resolution: {integrity: sha512-yswpwtj89rTBhegUAv9Mu37LNznyu3NpyLQmozF3i1hYOhwpG8RjcjIFIIfnu+2MDZJGSZPXaKWvnQA71Yv9TQ==}
-    engines: {node: '>= 14'}
+  /vue-i18n@9.10.1(vue@3.3.4):
+    resolution: {integrity: sha512-37HVJQZ/pZaRXGzFmmMomM1u1k7kndv3xCBPYHKEVfv5W3UVK67U/TpBug71ILYLNmjHLHdvTUPRF81pFT5fFg==}
+    engines: {node: '>= 16'}
     peerDependencies:
       vue: ^3.0.0
     dependencies:
-      '@intlify/core-base': 9.2.2
-      '@intlify/shared': 9.2.2
-      '@intlify/vue-devtools': 9.2.2
+      '@intlify/core-base': 9.10.1
+      '@intlify/shared': 9.10.1
       '@vue/devtools-api': 6.5.0
       vue: 3.3.4
     dev: false
 
-  /vue-router@4.2.1(vue@3.3.4):
-    resolution: {integrity: sha512-nW28EeifEp8Abc5AfmAShy5ZKGsGzjcnZ3L1yc2DYUo+MqbBClrRP9yda3dIekM4I50/KnEwo1wkBLf7kHH5Cw==}
+  /vue-router@4.3.0(vue@3.3.4):
+    resolution: {integrity: sha512-dqUcs8tUeG+ssgWhcPbjHvazML16Oga5w34uCUmsk7i0BcnskoLGwjpa15fqMr2Fa5JgVBrdL2MEgqz6XZ/6IQ==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
-      '@vue/devtools-api': 6.5.0
+      '@vue/devtools-api': 6.6.1
       vue: 3.3.4
     dev: false
 
@@ -4974,12 +4945,6 @@ packages:
       typescript: 4.9.5
     dev: true
 
-  /vue3-slide-verify@1.1.4:
-    resolution: {integrity: sha512-er2d9TSPsF5CcmoxBfP6eSkc4IHROwXu6Ytghkwf52apXpXy2ZtW3tOgHnmFWb3GHESKxZ9bsFXqSX+fJ6hjrg==}
-    dependencies:
-      vue: 3.3.4
-    dev: false
-
   /vue@3.3.4:
     resolution: {integrity: sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==}
     dependencies:
diff --git a/src/api/api-quick-issue.ts b/src/api/api-quick-issue.ts
index cb08973..801156f 100644
--- a/src/api/api-quick-issue.ts
+++ b/src/api/api-quick-issue.ts
@@ -54,16 +54,6 @@ export function uploadIssueImage(params: object) {
     .then((res: AxiosResponse) => res.data);
 }
 
-/**
- * issue 提交邮箱验证
- * @name getRepoIssue
- * @return {String}
- */
-export function verifySubmitterEmail(params: object) {
-  const url = '/api-issues/verify/';
-
-  return request.post(url, params).then((res: AxiosResponse) => res.data);
-}
 /**
  * sig仓库查找
  * @name getRepoIssue
diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
index 69d45e4..184061e 100644
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@@ -2,6 +2,8 @@
 import { computed } from 'vue';
 import { useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
+
+import { linksData, linksData2 } from '@/config';
 import { useLangStore } from '@/stores';
 
 import AppContent from '@/components/AppContent.vue';
@@ -12,21 +14,6 @@ import LogoAtom from '@/assets/footer/atom-logo.svg';
 import FooterBg from '@/assets/footer/footer-bg.png';
 import FooterBgMo from '@/assets/footer/footer-bg-mo.png';
 
-// 中文友情链接
-import LogoBilibili from '@/assets/footer/bilibili.png';
-import LogoInfoq from '@/assets/footer/infoq.png';
-import LogoJuejin from '@/assets/footer/juejin.png';
-import LogoOschina from '@/assets/footer/oschina.png';
-import LogoCsdn from '@/assets/footer/csdn.png';
-import Logo51cto from '@/assets/footer/51cto.png';
-
-// 英文、俄文友情链接
-import LogoRedditSquare from '@/assets/footer/reddit-square@2x.png';
-import LogoBilibili2 from '@/assets/footer/bilibili@2x.png';
-import LogoLinkedin from '@/assets/footer/linkedin@2x.png';
-import LogoYoutube from '@/assets/footer/youtube@2x.png';
-import LogoTwitter from '@/assets/footer/twitter@2x.png';
-
 // 公众号、小助手
 import CodeTitleXzs from '@/assets/footer/img-xzs.png';
 import CodeTitleGzh from '@/assets/footer/img-gzh.png';
@@ -38,99 +25,6 @@ const router = useRouter();
 const lang = computed(() => {
   return useLangStore().lang;
 });
-// 友情链接
-const linksData: any = {
-  zh: [
-    {
-      path: 'https://my.oschina.net/openeuler',
-      logo: LogoOschina,
-      id: 'oschina',
-    },
-    {
-      path: 'https://blog.csdn.net/openEuler_?spm=1000.2115.3001.5343',
-      logo: LogoCsdn,
-      id: 'csdn',
-    },
-    {
-      path: 'https://juejin.cn/user/3183782863845454',
-      logo: LogoJuejin,
-      id: 'juejin',
-    },
-    {
-      path: 'https://space.bilibili.com/527064077/channel/series',
-      logo: LogoBilibili,
-      id: 'bilibili',
-    },
-    {
-      path: 'https://www.infoq.cn/profile/6E6CE3E2316F28/publish',
-      logo: LogoInfoq,
-      id: 'infoq',
-    },
-    {
-      path: 'https://blog.51cto.com/u_14948868',
-      logo: Logo51cto,
-      id: '51cto',
-    },
-  ],
-  en: [
-    {
-      path: 'https://www.reddit.com/r/openEuler/',
-      logo: LogoRedditSquare,
-      id: 'reddit-square',
-    },
-    {
-      path: 'https://www.linkedin.com/company/openeuler',
-      logo: LogoLinkedin,
-      id: 'linkedin',
-    },
-    {
-      path: 'https://twitter.com/openEuler',
-      logo: LogoTwitter,
-      id: 'twitter',
-    },
-    {
-      path: 'https://space.bilibili.com/527064077/channel/series',
-      logo: LogoBilibili2,
-      id: 'bilibili',
-    },
-    {
-      path: 'https://www.youtube.com/channel/UCPzSqXqCgmJmdIicbY7GAeA',
-      logo: LogoYoutube,
-      id: 'youtube',
-    },
-  ],
-};
-// 隐私链接
-const linksData2: any = {
-  zh: [
-    {
-      NAME: '品牌',
-      URL: 'https://www.openeuler.org/zh/other/brand/',
-    },
-    {
-      NAME: '隐私政策',
-      URL: 'https://www.openeuler.org/zh/other/privacy/',
-    },
-    {
-      NAME: '法律声明',
-      URL: 'https://www.openeuler.org/zh/other/legal/',
-    },
-  ],
-  en: [
-    {
-      NAME: 'Trademark',
-      URL: 'https://www.openeuler.org/en/other/brand/',
-    },
-    {
-      NAME: 'Privacy Policy',
-      URL: 'https://www.openeuler.org/en/other/privacy/',
-    },
-    {
-      NAME: 'Legal Notice',
-      URL: 'https://www.openeuler.org/en/other/legal/',
-    },
-  ],
-};
 
 // 公众号、小助手
 const footerCodeList = [
@@ -146,14 +40,6 @@ const footerCodeList = [
   },
 ];
 
-const handleNavClick = (path: string) => {
-  if (path.startsWith('https:')) {
-    window.open(path, '_blank');
-  } else {
-    router.push(`/${'zh'}` + path);
-  }
-};
-
 // 背景
 const footBg = {
   pc: `url(${FooterBg})`,
@@ -193,9 +79,8 @@ const footBg = {
               <a
                 v-for="link in linksData2[lang]"
                 :key="link.URL"
-                href="javascript:;"
+                :href="link.URL"
                 class="link"
-                @click="handleNavClick(link.URL)"
                 >{{ link.NAME }}</a
               >
             </div>
@@ -207,18 +92,17 @@ const footBg = {
           </div>
           <div class="footer-right">
             <div v-if="lang === 'zh'" class="code-box">
-              <a
+              <div
                 v-for="(item, index) in footerCodeList"
                 :key="index"
                 class="code-pop"
-                href="javascript:;"
               >
                 <img :src="item.img" class="code-img" alt="" />
                 <div class="code-layer">
                   <img :src="item.code" alt="" />
                   <p class="txt">{{ item.label }}</p>
                 </div>
-              </a>
+              </div>
             </div>
             <div class="footer-links" :class="{ iszh: lang === 'zh' }">
               <a
@@ -226,6 +110,7 @@ const footBg = {
                 :key="item.id"
                 :href="item.path"
                 class="links-logo"
+                rel="noopener noreferrer"
                 target="_blank"
               >
                 <img :src="item.logo" alt="" />
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 46efcae..32184fe 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue';
+import { computed, Ref, ref, watch } from 'vue';
 
 import { useLangStore } from '@/stores';
 
@@ -43,7 +43,7 @@ const options = ref([
   { value: 'en', label: 'English' },
 ]);
 // 选择语言
-const handleCommand = (command: any): void => {
+const handleCommand = (command: Ref): void => {
   locale.value = command.value;
 
   const { pathname } = window.location;
@@ -108,7 +108,7 @@ const jumpToUserZone = () => {
         </div>
       </div>
       <a
-        href="https://gitee.com/openeuler/infrastructure/blob/master/docs/quickIssue/quickissue_api.mdd"
+        href="https://gitee.com/openeuler/infrastructure/blob/master/docs/quickIssue/quickissue_api.md"
         class="api-docs"
         rel="noopener noreferrer"
         target="_blank"
@@ -302,4 +302,4 @@ const jumpToUserZone = () => {
     cursor: pointer;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/AppIssue.vue b/src/components/AppIssue.vue
index df47111..9cd6b38 100644
--- a/src/components/AppIssue.vue
+++ b/src/components/AppIssue.vue
@@ -35,7 +35,11 @@ const props = defineProps({
 
 const { t } = useI18n();
 
-const typeTitel: any = {
+interface TypeTitelT {
+  [key: string]: string;
+}
+
+const typeTitel: TypeTitelT = {
   submitted: t('quickIssue.MY_SUBMISSIONS'),
   pending: t('quickIssue.MY_ASSIGNMENTS'),
   all: t('quickIssue.ALL'),
@@ -239,7 +243,7 @@ function searchValchange() {
 }
 
 const valueChangeDebounced = debounce(
-  (val) => {
+  (val: string) => {
     if (val !== optionQuery.keyword) {
       filterList.value.get(`${openDropDown.value}List`).data = [];
       filterList.value.get(`${openDropDown.value}List`).page = 1;
@@ -256,7 +260,7 @@ const valueChangeDebounced = debounce(
 function getLabelColor(label: string) {
   const result: CSSProperties = {};
   result.color = `#${
-    labelColor?.labelColor?.find((item) => {
+    labelColor?.labelColor?.find((item: { name: string }) => {
       return item.name === label;
     })?.color
   }`;
@@ -320,37 +324,43 @@ function clickLabel() {
 }
 function getOption(type: string) {
   if (type === 'repos') {
-    getReposData(optionQuery)
-      .then((res: OptionList) => {
-        filterList.value.get(`${type}List`).data = [
-          ...filterList.value.get(`${type}List`).data,
-          ...res.data,
-        ];
-        filterList.value.get(`${type}List`).total = res.total;
-      })
-      .catch((err: any) => {
-        throw new Error(err);
-      });
+    getReposData(optionQuery).then((res: OptionList) => {
+      filterList.value.get(`${type}List`).data = [
+        ...filterList.value.get(`${type}List`).data,
+        ...res.data,
+      ];
+      filterList.value.get(`${type}List`).total = res.total;
+    });
   } else {
-    getIssueSelectOption(type, optionQuery)
-      .then((res: OptionList) => {
-        filterList.value.get(`${type}List`).data = [
-          ...filterList.value.get(`${type}List`).data,
-          ...res.data,
-        ];
-        filterList.value.get(`${type}List`).total = res.total;
-      })
-      .catch((err: any) => {
-        throw new Error(err);
-      });
+    getIssueSelectOption(type, optionQuery).then((res: OptionList) => {
+      filterList.value.get(`${type}List`).data = [
+        ...filterList.value.get(`${type}List`).data,
+        ...res.data,
+      ];
+      filterList.value.get(`${type}List`).total = res.total;
+    });
   }
 }
 onMounted(() => {
-  if (window.localStorage?.getItem('title')) {
-    checkedTitle.value = JSON.parse(
-      window.localStorage.getItem('title') as any
-    );
+  try {
+    if (window.localStorage?.getItem('title')) {
+      checkedTitle.value = JSON.parse(
+        window.localStorage.getItem('title') as string
+      );
+    }
+  } catch {
+    checkedTitle.value = [
+      'id',
+      'repo',
+      'type',
+      'title',
+      'state',
+      'author',
+      'label',
+      'create_at',
+    ];
   }
+
   getRepoIssueData();
   getOption('authors');
   getOption('assignees');
diff --git a/src/components/AppPull.vue b/src/components/AppPull.vue
index 7dd5363..b739c75 100644
--- a/src/components/AppPull.vue
+++ b/src/components/AppPull.vue
@@ -31,7 +31,11 @@ const props = defineProps({
 });
 const { t } = useI18n();
 
-const typeTitel: any = {
+interface TypeTitelT {
+  [key: string]: string;
+}
+
+const typeTitel: TypeTitelT = {
   submitted: t('quickIssue.MY_SUBMISSIONS'),
   pending: t('quickIssue.MY_ASSIGNMENTS'),
   all: t('quickIssue.ALL'),
@@ -182,7 +186,7 @@ function searchValchange() {
 }
 
 const valueChangeDebounced = debounce(
-  (val) => {
+  (val: string) => {
     if (val !== optionQuery.keyword) {
       filterList.value.get(`${openDropDown.value}List`).data = [];
       filterList.value.get(`${openDropDown.value}List`).page = 1;
@@ -215,7 +219,7 @@ function handleCommand(command: string | Array<string>, key: string) {
 function getLabelColor(label: string) {
   const result: CSSProperties = {};
   result.color = `#${
-    labelColor?.labelColor?.find((item) => {
+    labelColor?.labelColor?.find((item: { name: string }) => {
       return item.name === label;
     })?.color
   }`;
@@ -287,23 +291,19 @@ function labelClick() {
   isShowLabel.value = true;
 }
 function getOption(type: string) {
-  getPrSelectOption(type, optionQuery)
-    .then((res: OptionList) => {
-      filterList.value.get(`${type}List`).data = [
-        ...filterList.value.get(`${type}List`).data,
-        ...res.data,
-      ];
-      filterList.value.get(`${type}List`).total = res.total;
-    })
-    .catch((err: any) => {
-      throw new Error(err);
-    });
+  getPrSelectOption(type, optionQuery).then((res: OptionList) => {
+    filterList.value.get(`${type}List`).data = [
+      ...filterList.value.get(`${type}List`).data,
+      ...res.data,
+    ];
+    filterList.value.get(`${type}List`).total = res.total;
+  });
 }
 
 onMounted(() => {
   if (window.localStorage?.getItem('pr-title')) {
     checkedTitle.value = JSON.parse(
-      window.localStorage.getItem('pr-title') as any
+      window.localStorage.getItem('pr-title') as string
     );
   }
   getRepoIssueData();
diff --git a/src/components/AppSlideVerify.vue b/src/components/AppSlideVerify.vue
deleted file mode 100644
index c9c1c27..0000000
--- a/src/components/AppSlideVerify.vue
+++ /dev/null
@@ -1,236 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-import SlideVerify, { SlideVerifyInstance } from 'vue3-slide-verify';
-
-import { useI18n } from 'vue-i18n';
-
-import img1 from '@/assets/category/verify/img1.jpg';
-import img2 from '@/assets/category/verify/img2.jpg';
-import img3 from '@/assets/category/verify/img3.jpg';
-import img4 from '@/assets/category/verify/img4.jpg';
-import img5 from '@/assets/category/verify/img5.jpg';
-import img6 from '@/assets/category/verify/img6.jpg';
-
-const msg = ref('');
-const block = ref<SlideVerifyInstance>();
-
-const msgs = [img1, img2, img3, img4, img5, img6];
-
-const { t } = useI18n();
-
-const emit = defineEmits(['succuss']);
-
-const onAgain = () => {
-  msg.value = 'try again!';
-  // 刷新
-  block.value?.refresh();
-};
-
-const onSuccess = (times: number) => {
-  emit('succuss');
-  block.value?.refresh();
-  msg.value = `${t('quickIssue.VERIFY_SUCCESS')}${(times / 1000).toFixed(1)}s`;
-  setTimeout(() => {
-    msg.value = '';
-  }, 1000);
-};
-
-const onFail = () => {
-  msg.value = t('quickIssue.VERIFY_FAIL');
-  setTimeout(() => {
-    msg.value = '';
-  }, 1000);
-};
-
-const onRefresh = () => {
-  msg.value = '';
-};
-</script>
-<template>
-  <div class="silde_box">
-    <slide-verify
-      ref="block"
-      class="silde_box"
-      :slider-text="t('quickIssue.SWIPE_RIGHT')"
-      :accuracy="5"
-      :imgs="msgs"
-      :h="200"
-      :w="400"
-      :interval="30"
-      @again="onAgain"
-      @success="onSuccess"
-      @fail="onFail"
-      @refresh="onRefresh"
-    ></slide-verify>
-    <p class="tip-msg">{{ msg }}</p>
-  </div>
-</template>
-<style scoped lang="scss">
-:deep(.silde_box) {
-  position: relative;
-  margin: 0 auto;
-  .tip-msg {
-    position: absolute;
-    bottom: -24px;
-  }
-
-  @font-face {
-    font-family: iconfont;
-    src: url(data:font/ttf;base64,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)
-      format('truetype');
-  }
-  .iconfont {
-    font-family: iconfont !important;
-    font-size: 16px;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-  .icon-fail:before {
-    content: '\e6d5';
-  }
-  .icon-success:before {
-    content: '\eb09';
-  }
-  .icon-arrow-right:before {
-    content: '\eb08';
-  }
-  .icon-refresh:before {
-    content: '\e654';
-  }
-  .slide-verify {
-    position: relative;
-  }
-  .slide-verify-loading {
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(255, 255, 255, 0.9);
-    z-index: 999;
-    animation: loading-f61c42f2 1.5s infinite;
-  }
-  .slide-verify-block {
-    position: absolute;
-    left: 0;
-    top: 0;
-  }
-  .slide-verify-refresh-icon {
-    cursor: pointer;
-    position: absolute;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    right: 0;
-    top: 0;
-    width: 34px;
-    height: 34px;
-  }
-  .slide-verify-refresh-icon .iconfont {
-    font-size: 24px;
-    color: #fff;
-  }
-  .slide-verify-slider {
-    position: relative;
-    text-align: center;
-    width: 100%;
-    height: 40px;
-    line-height: 40px;
-    margin-top: 15px;
-    background: #f7f9fa;
-    color: #45494c;
-    border: 1px solid #e4e7eb;
-  }
-  .slide-verify-slider-mask {
-    position: absolute;
-    left: 0;
-    top: 0;
-    height: 40px;
-    border: 0 solid var(--o-color-brand1);
-    background: #d1e9fe;
-  }
-  .slide-verify-slider-mask-item {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 40px;
-    height: 40px;
-    background: #fff;
-    box-shadow: 0 0 3px #0000004d;
-    cursor: pointer;
-    transition: background 0.2s linear;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .slide-verify-slider-mask-item:hover {
-    background: var(--o-color-brand1);
-  }
-  .is-move {
-    background: var(--o-color-brand1);
-  }
-  .slide-verify-slider-mask-item:hover .iconfont {
-    color: #fff;
-  }
-  .is-move .iconfont {
-    color: #fff;
-  }
-  .slide-verify-slider-mask-item-icon {
-    line-height: 1;
-    font-size: 30px;
-    color: #303030;
-  }
-  .container-active .slide-verify-slider-mask {
-    height: 38px;
-    border-width: 1px;
-  }
-  .container-active .slide-verify-slider-mask-item {
-    height: 38px;
-    top: -1px;
-    border: 1px solid var(--o-color-brand1);
-  }
-  .container-success .slide-verify-slider-mask {
-    height: 38px;
-    border: 1px solid #52ccba;
-    background-color: #d2f4ef;
-  }
-  .container-success .slide-verify-slider-mask-item {
-    height: 38px;
-    top: -1px;
-    border: 1px solid #52ccba;
-    background-color: #52ccba !important;
-  }
-  .container-success .slide-verify-slider-mask .iconfont {
-    color: #fff;
-  }
-  .container-fail .slide-verify-slider-mask {
-    height: 38px;
-    border: 1px solid #f57a7a;
-    background-color: #fce1e1;
-  }
-  .container-fail .slide-verify-slider-mask-item {
-    height: 38px;
-    top: -1px;
-    border: 1px solid #f57a7a;
-    background-color: #f57a7a !important;
-  }
-  .container-fail .slide-verify-slider-mask .iconfont {
-    color: #fff;
-  }
-  .container-active .slide-verify-slider-text,
-  .container-success .slide-verify-slider-text,
-  .container-fail .slide-verify-slider-text {
-    display: none;
-  }
-  @keyframes loading-f61c42f2 {
-    0% {
-      opacity: 0.7;
-    }
-    to {
-      opacity: 9;
-    }
-  }
-}
-</style>
diff --git a/src/config/index.ts b/src/config/index.ts
new file mode 100644
index 0000000..cbfb4d3
--- /dev/null
+++ b/src/config/index.ts
@@ -0,0 +1,108 @@
+// 中文友情链接
+import LogoBilibili from '@/assets/footer/bilibili.png';
+import LogoInfoq from '@/assets/footer/infoq.png';
+import LogoJuejin from '@/assets/footer/juejin.png';
+import LogoOschina from '@/assets/footer/oschina.png';
+import LogoCsdn from '@/assets/footer/csdn.png';
+import Logo51cto from '@/assets/footer/51cto.png';
+
+// 英文、俄文友情链接
+import LogoRedditSquare from '@/assets/footer/reddit-square@2x.png';
+import LogoBilibili2 from '@/assets/footer/bilibili@2x.png';
+import LogoLinkedin from '@/assets/footer/linkedin@2x.png';
+import LogoYoutube from '@/assets/footer/youtube@2x.png';
+import LogoTwitter from '@/assets/footer/twitter@2x.png';
+
+// 友情链接
+export const linksData: any = {
+  zh: [
+    {
+      path: 'https://my.oschina.net/openeuler',
+      logo: LogoOschina,
+      id: 'oschina',
+    },
+    {
+      path: 'https://blog.csdn.net/openEuler_?spm=1000.2115.3001.5343',
+      logo: LogoCsdn,
+      id: 'csdn',
+    },
+    {
+      path: 'https://juejin.cn/user/3183782863845454',
+      logo: LogoJuejin,
+      id: 'juejin',
+    },
+    {
+      path: 'https://space.bilibili.com/527064077/channel/series',
+      logo: LogoBilibili,
+      id: 'bilibili',
+    },
+    {
+      path: 'https://www.infoq.cn/profile/6E6CE3E2316F28/publish',
+      logo: LogoInfoq,
+      id: 'infoq',
+    },
+    {
+      path: 'https://blog.51cto.com/u_14948868',
+      logo: Logo51cto,
+      id: '51cto',
+    },
+  ],
+  en: [
+    {
+      path: 'https://www.reddit.com/r/openEuler/',
+      logo: LogoRedditSquare,
+      id: 'reddit-square',
+    },
+    {
+      path: 'https://www.linkedin.com/company/openeuler',
+      logo: LogoLinkedin,
+      id: 'linkedin',
+    },
+    {
+      path: 'https://twitter.com/openEuler',
+      logo: LogoTwitter,
+      id: 'twitter',
+    },
+    {
+      path: 'https://space.bilibili.com/527064077/channel/series',
+      logo: LogoBilibili2,
+      id: 'bilibili',
+    },
+    {
+      path: 'https://www.youtube.com/channel/UCPzSqXqCgmJmdIicbY7GAeA',
+      logo: LogoYoutube,
+      id: 'youtube',
+    },
+  ],
+};
+// 隐私链接
+export const linksData2: any = {
+  zh: [
+    {
+      NAME: '品牌',
+      URL: 'https://www.openeuler.org/zh/other/brand/',
+    },
+    {
+      NAME: '隐私政策',
+      URL: 'https://www.openeuler.org/zh/other/privacy/',
+    },
+    {
+      NAME: '法律声明',
+      URL: 'https://www.openeuler.org/zh/other/legal/',
+    },
+  ],
+  en: [
+    {
+      NAME: 'Trademark',
+      URL: 'https://www.openeuler.org/en/other/brand/',
+    },
+    {
+      NAME: 'Privacy Policy',
+      URL: 'https://www.openeuler.org/en/other/privacy/',
+    },
+    {
+      NAME: 'Legal Notice',
+      URL: 'https://www.openeuler.org/en/other/legal/',
+    },
+  ],
+};
diff --git a/src/shared/axios/index.ts b/src/shared/axios/index.ts
index f0686d1..df7a8d1 100644
--- a/src/shared/axios/index.ts
+++ b/src/shared/axios/index.ts
@@ -91,16 +91,11 @@ const requestInterceptorId = request.interceptors.request.use(
     }
     loadingCount++;
     // 存储请求信息
-    // request.config = Object.assign({}, config);
     // 定义取消请求
     config.cancelToken = new axios.CancelToken((cancelFn) => {
       if (!config.url) {
         return;
       }
-      // // 如果已请求，则取消重复请求
-      // if (pendingPool.has(config.url)) {
-      //   cancelFn(`${config.url}请求重复`);
-      // } else {
       // 存储到请求池
       pendingPool.set(config.url, {
         cancelFn,
diff --git a/src/shared/issue-type.ts b/src/shared/issue-type.ts
new file mode 100644
index 0000000..c40f7b1
--- /dev/null
+++ b/src/shared/issue-type.ts
@@ -0,0 +1,10 @@
+export enum ISSUE_TYPE {
+  ALL = 'all',
+  SUBMITTED = 'submitted',
+  PENDING = 'pending',
+}
+
+export type ISSUE_TYPET =
+  | ISSUE_TYPE.ALL
+  | ISSUE_TYPE.SUBMITTED
+  | ISSUE_TYPE.PENDING;
diff --git a/src/shared/styles/markdown.scss b/src/shared/styles/markdown.scss
index d7085dc..c7f384b 100644
--- a/src/shared/styles/markdown.scss
+++ b/src/shared/styles/markdown.scss
@@ -183,13 +183,7 @@
   a[href^='#'] {
     display: none;
   }
-  // div[class*='language-'] {
-  //   position: relative;
-  //   margin: 8px 0;
-  //   background-color: var(--o-color-bg1);
-  //   box-shadow: var(--o-shadow-l1);
-  //   overflow-x: auto;
-  // }
+
   code,
   pre {
     text-align: left;
diff --git a/src/views/TheQuickIssue.vue b/src/views/TheQuickIssue.vue
index 338ff2b..98147a4 100644
--- a/src/views/TheQuickIssue.vue
+++ b/src/views/TheQuickIssue.vue
@@ -1,13 +1,24 @@
 <script lang="ts" setup>
+import { computed } from 'vue';
+
 import AppIssue from '@/components/AppIssue.vue';
 import AppContent from '@/components/AppContent.vue';
 import DocAnchor from '@/components/DocAnchor.vue';
 import { useStoreData } from '@/shared/login';
+import { ISSUE_TYPE } from '@/shared/issue-type';
 
 import { hiddenMail } from '@/shared/utils';
 
 const { guardAuthClient } = useStoreData();
 
+const isPersonalShown = computed(() => {
+  return (
+    (guardAuthClient.value?.identities &&
+      guardAuthClient.value?.identities[0]?.login_name) ||
+    guardAuthClient.value?.email
+  );
+});
+
 function getNameList(arr: any) {
   try {
     const giteeName = arr?.filter((item: any) => {
@@ -24,32 +35,18 @@ function getNameList(arr: any) {
 <template>
   <div class="issues">
     <AppContent>
-      <DocAnchor
-        v-if="
-          (guardAuthClient?.identities &&
-            guardAuthClient?.identities[0]?.login_name) ||
-            guardAuthClient?.email
-        "
-      />
+      <DocAnchor v-if="isPersonalShown" />
       <AppIssue
-        v-if="
-          (guardAuthClient?.identities &&
-            guardAuthClient?.identities[0]?.login_name) ||
-          guardAuthClient?.email
-        "
-        issue-type="pending"
+        v-if="isPersonalShown"
+        :issue-type="ISSUE_TYPE.PENDING"
         :user-name="
           `${getNameList(guardAuthClient?.identities)}` ||
           hiddenMail(guardAuthClient?.email)
         "
       />
       <AppIssue
-        v-if="
-          (guardAuthClient?.identities &&
-            guardAuthClient?.identities[0]?.login_name) ||
-          guardAuthClient?.email
-        "
-        issue-type="submitted"
+        v-if="isPersonalShown"
+        :issue-type="ISSUE_TYPE.SUBMITTED"
         :user-name="
           `${getNameList(guardAuthClient?.identities)}` ||
           hiddenMail(guardAuthClient?.email)
@@ -62,7 +59,7 @@ function getNameList(arr: any) {
             guardAuthClient?.identities[0]?.login_name) ||
           hiddenMail(guardAuthClient?.email)
         "
-        issue-type="all"
+        :issue-type="ISSUE_TYPE.ALL"
       />
     </AppContent>
   </div>
diff --git a/src/views/pull-request/PullRequest.vue b/src/views/pull-request/PullRequest.vue
index 96a758d..134bdea 100644
--- a/src/views/pull-request/PullRequest.vue
+++ b/src/views/pull-request/PullRequest.vue
@@ -1,13 +1,25 @@
 <script lang="ts" setup>
+import { computed } from 'vue';
+
 import AppPull from '@/components/AppPull.vue';
 import AppContent from '@/components/AppContent.vue';
 import DocAnchor from '@/components/DocAnchor.vue';
+
 import { useStoreData } from '@/shared/login';
+import { ISSUE_TYPE } from '@/shared/issue-type';
 
 import { hiddenMail } from '@/shared/utils';
 
 const { guardAuthClient } = useStoreData();
 
+const isPersonalShown = computed(() => {
+  return (
+    (guardAuthClient.value?.identities &&
+      guardAuthClient.value?.identities[0]?.login_name) ||
+    guardAuthClient.value?.email
+  );
+});
+
 function getNameList(arr: any) {
   try {
     const giteeName = arr?.filter((item: any) => {
@@ -24,32 +36,18 @@ function getNameList(arr: any) {
 <template>
   <div class="issues">
     <AppContent>
-      <DocAnchor
-        v-if="
-          (guardAuthClient?.identities &&
-            guardAuthClient?.identities[0]?.login_name) ||
-          guardAuthClient?.email
-        "
-      />
+      <DocAnchor v-if="isPersonalShown" />
       <AppPull
-        v-if="
-          (guardAuthClient?.identities &&
-            guardAuthClient?.identities[0]?.login_name) ||
-          guardAuthClient?.email
-        "
-        issue-type="pending"
+        v-if="isPersonalShown"
+        :issue-type="ISSUE_TYPE.PENDING"
         :user-name="
           getNameList(guardAuthClient?.identities) ||
           hiddenMail(guardAuthClient?.email)
         "
       />
       <AppPull
-        v-if="
-          (guardAuthClient?.identities &&
-            guardAuthClient?.identities[0]?.login_name) ||
-          guardAuthClient?.email
-        "
-        issue-type="submitted"
+        v-if="isPersonalShown"
+        :issue-type="ISSUE_TYPE.SUBMITTED"
         :user-name="
           getNameList(guardAuthClient?.identities) ||
           hiddenMail(guardAuthClient?.email)
@@ -61,7 +59,7 @@ function getNameList(arr: any) {
           getNameList(guardAuthClient?.identities) ||
           hiddenMail(guardAuthClient?.email)
         "
-        issue-type="all"
+        :issue-type="ISSUE_TYPE.ALL"
       />
     </AppContent>
   </div>
diff --git a/src/views/submit-issue/SubmitIssue.vue b/src/views/submit-issue/SubmitIssue.vue
index 3a4bd11..608a526 100644
--- a/src/views/submit-issue/SubmitIssue.vue
+++ b/src/views/submit-issue/SubmitIssue.vue
@@ -47,14 +47,16 @@ const router = useRouter();
 const formRef = ref<FormInstance>();
 const { t } = useI18n();
 
-const landscapeInfo = ref<GroupInfo[]>([]);
-const isMenuShown = ref(false);
-const editRef = ref();
+const landscapeInfo = ref<GroupInfo[]>([]); //landscape数据
+const isMenuShown = ref(false); // landscape显示
+
+// 发送邮箱验证码，验证
 const getRes = ref({
   captcha_id: '',
   src: '',
 });
 
+//landscape title
 const titleList = ref([
   {
     value: t('sig.SIG_LANDSCAPE[0].CATEGORY_NAME'),
@@ -65,9 +67,12 @@ const titleList = ref([
     key: 'operate',
   },
 ]);
+
 const lang = computed(() => {
   return useLangStore().lang;
 });
+
+// 按钮文字内容
 const content = ref(t('quickIssue.SEND_CODE'));
 
 const totalTime = ref(60);
@@ -105,6 +110,7 @@ const repoParams = reactive({
   total: 0,
 });
 
+// 表单数据
 const issueData: IssueData = reactive({
   title: decodeURI(getUrlParam('title')) || '',
   issue_type_id: '',
@@ -172,7 +178,7 @@ async function getCodeByEmail(verify: FormInstance | undefined) {
   rules.code = [];
   rules.privacy = privacyRules;
   rules.email = emailRules;
-  verify.validate(async (res) => {
+  verify.validate(async (res: boolean) => {
     if (totalTime.value === 60 && res) {
       isVerifyShown.value = true;
       queryGetReq();
@@ -225,9 +231,7 @@ async function submitForm(
     if (res) {
       const parmes = JSON.parse(JSON.stringify(issueData));
       // 邮箱隐藏 添加提交人邮箱
-      parmes.description = `${
-        issueData.description
-      } \n \n -- submited by ${getHiddenEmail(issueData.email)}`;
+      parmes.description = issueData.description;
       handelCreatIssue(parmes, isGoGitee, verify);
     } else {
       verify.scrollToField('title');
@@ -235,17 +239,13 @@ async function submitForm(
   });
 }
 
-function getHiddenEmail(email: string): string {
-  return `${email.split('@')[0]}@***${email.charAt(email.length - 1)}`;
-}
-
 function handelCreatIssue(
   parmes: IssueData,
   isGoGitee: boolean,
   verify: FormInstance
 ) {
   createIssue(parmes).then(async (res) => {
-    if (res.code === 201) {
+    if (res.code === 200) {
       const jump_url = `https://gitee.com/${issueData.repo}/issues/${res.data.number}`;
       if (isGoGitee) {
         window.open(jump_url);
@@ -270,21 +270,16 @@ function resetForm(verify: FormInstance) {
   repoParams.sig = '';
   issueData.privacy = ['true'];
   issueData.description = '';
+  issueData.repo = '';
+  challenge.value = '';
   verify.scrollToField('title');
 }
 
-function optionClick(item: any) {
+function optionClick(item: { enterprise_number: number }) {
   if (item?.enterprise_number) {
     issueData.project_id = item.enterprise_number;
   }
 }
-const handleClick = (path: string) => {
-  if (path.startsWith('https:')) {
-    window.open(path, '_blank');
-  } else {
-    router.push(path);
-  }
-};
 
 function sigValueChange(val: string) {
   repoParams.sig = val;
@@ -324,7 +319,7 @@ function handleTypeChange(val: number) {
 }
 
 const debounceEvent = debounce(
-  (val) => {
+  (val: string) => {
     if (val === undefined) {
       return false;
     }
@@ -364,7 +359,7 @@ onMounted(async () => {
       issueData.description = targetType?.template || '';
     }
     landscapeInfo.value = await getSigLandscape(lang.value);
-  } catch (err: any) {
+  } catch {
     ElMessage({
       message: 'error',
       type: 'error',
@@ -561,9 +556,9 @@ watch(
                 @click="submitForm(formRef, false)"
                 >{{ t('quickIssue.CONTINUE') }}</OButton
               >
-              <OButton size="small" @click="handleClick(`/${lang}/issues/`)">{{
-                t('quickIssue.CANCEL')
-              }}</OButton>
+              <RouterLink :to="`/${lang}/issues/`">
+                <OButton size="small">{{ t('quickIssue.CANCEL') }}</OButton>
+              </RouterLink>
             </div>
           </div>
         </transition-group>
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
index acd1cac..7b56099 100644
--- a/src/vite-env.d.ts
+++ b/src/vite-env.d.ts
@@ -2,7 +2,6 @@
 
 declare module '*.vue' {
   import type { DefineComponent } from 'vue';
-  // eslint-disable-next-line @typescript-eslint/ban-types
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }
@@ -21,4 +20,3 @@ declare module '@kangc/v-md-editor/lib/theme/vuepress.js';
 declare module '@kangc/v-md-editor';
 declare module '@kangc/v-md-editor/lib/lang/en-US';
 declare module '@kangc/v-md-editor/lib/lang/zh-CN';
-declare module 'crypto-js';
-- 
Gitee