review code.

orion-ops-ui/src/components/footer/index.vue

@@ -1,5 +1,11 @@
 <template>
-  <a-layout-footer class="footer">Orion Ops Pro</a-layout-footer>
+  <a-layout-footer class="footer">
+    <div class="footer-text">
+      项目地址 <a target="_blank" href="https://github.com/lijiahangmax/orion-ops-pro">github</a> - <a
+      target="_blank" href="https://gitee.com/lijiahangmax/orion-ops-pro">gitee</a>
+      <a class="license" target="_blank" href="https://github.com/lijiahangmax/orion-ops-pro/blob/main/LICENSE">License - Apache 2.0</a>
+    </div>
+  </a-layout-footer>
 </template>
 
 <script lang="ts" setup>
@@ -13,5 +19,18 @@
     height: 40px;
     color: var(--color-text-2);
     text-align: center;
+
+    &-text {
+      text-wrap: none;
+
+      a {
+        text-decoration: none;
+      }
+
+      .license {
+        display: inline-block;
+        margin-left: 16px;
+      }
+    }
   }
 </style>

orion-ops-ui/src/components/menu/index.vue

@@ -179,5 +179,9 @@
       width: 28px;
       display: inline-block;
     }
+
+    .arco-menu-title {
+      user-select: none;
+    }
   }
 </style>

orion-ops-ui/src/components/menu/use-menu-tree.ts

@@ -1,6 +1,5 @@
 import { computed } from 'vue';
 import { RouteRecordRaw, RouteRecordNormalized } from 'vue-router';
-import usePermission from '@/hooks/permission';
 import { useAppStore } from '@/store';
 import { cloneDeep } from 'lodash';
 

orion-ops-ui/src/components/message-box/index.vue

@@ -6,7 +6,7 @@
           <span> {{ item.title }}{{ formatUnreadLength(item.key) }} </span>
         </template>
         <a-result v-if="!renderList.length" status="404">
-          <template #subtitle> {{ $t('messageBox.noContent') }} </template>
+          <template #subtitle> {{ $t('messageBox.noContent') }}</template>
         </a-result>
         <List
           :render-list="renderList"
@@ -31,7 +31,7 @@
     setMessageStatus,
     MessageRecord,
     MessageListType,
-  } from '@/api/message';
+  } from '@/api/message/message';
   import useLoading from '@/hooks/loading';
   import List from './list.vue';
 
@@ -40,6 +40,7 @@
     title: string;
     avatar?: string;
   }
+
   const { loading, setLoading } = useLoading(true);
   const messageType = ref('message');
   const { t } = useI18n();
@@ -65,6 +66,7 @@
       title: t('messageBox.tab.title.todo'),
     },
   ];
+
   async function fetchSourceData() {
     setLoading(true);
     try {
@@ -76,11 +78,13 @@
       setLoading(false);
     }
   }
+
   async function readMessage(data: MessageListType) {
     const ids = data.map((item) => item.id);
     await setMessageStatus({ ids });
     fetchSourceData();
   }
+
   const renderList = computed(() => {
     return messageData.messageList.filter(
       (item) => messageType.value === item.type
@@ -116,12 +120,15 @@
   :deep(.arco-list-item-meta) {
     align-items: flex-start;
   }
+
   :deep(.arco-tabs-nav) {
     padding: 14px 0 12px 16px;
     border-bottom: 1px solid var(--color-neutral-3);
   }
+
   :deep(.arco-tabs-content) {
     padding-top: 0;
+
     .arco-result-subtitle {
       color: rgb(var(--gray-6));
     }

orion-ops-ui/src/components/message-box/list.vue

@@ -36,7 +36,8 @@
                 :ellipsis="{
                   rows: 1,
                 }"
-                >{{ item.content }}</a-typography-paragraph
+              >{{ item.content }}
+              </a-typography-paragraph
               >
               <a-typography-text
                 v-if="item.type === 'message'"
@@ -72,7 +73,7 @@
 
 <script lang="ts" setup>
   import { PropType } from 'vue';
-  import { MessageRecord, MessageListType } from '@/api/message';
+  import { MessageRecord, MessageListType } from '@/api/message/message';
 
   const props = defineProps({
     renderList: {
@@ -103,45 +104,57 @@
       min-height: 86px;
       border-bottom: 1px solid rgb(var(--gray-3));
     }
+
     .arco-list-item-extra {
       position: absolute;
       right: 20px;
     }
+
     .arco-list-item-meta-content {
       flex: 1;
     }
+
     .item-wrap {
       cursor: pointer;
     }
+
     .time-text {
       font-size: 12px;
       color: rgb(var(--gray-6));
     }
+
     .arco-empty {
       display: none;
     }
+
     .arco-list-footer {
       padding: 0;
       height: 50px;
       line-height: 50px;
       border-top: none;
+
       .arco-space-item {
         width: 100%;
         border-right: 1px solid rgb(var(--gray-3));
+
         &:last-child {
           border-right: none;
         }
       }
+
       .add-border-top {
         border-top: 1px solid rgb(var(--gray-3));
       }
     }
+
     .footer-wrap {
       text-align: center;
     }
+
     .arco-typography {
       margin-bottom: 0;
     }
+
     .add-border {
       border-top: 1px solid rgb(var(--gray-3));
     }

orion-ops-ui/src/components/tab-bar/index.vue

@@ -95,6 +95,10 @@
                 display: none;
               }
             }
+
+            .tag-link {
+              user-select: none;
+            }
           }
         }
       }