review: 修改 footer.

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

@@ -1,10 +1,17 @@
 <template>
   <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-space direction="vertical" size="medium">
+      <a-space size="large">
+        <a target="_blank" href="https://github.com/lijiahangmax/orion-ops-pro">官网</a>
+        <a target="_blank" href="https://github.com/lijiahangmax/orion-ops-pro">文档</a>
+        <a target="_blank" href="https://github.com/lijiahangmax/orion-ops-pro">教程</a>
+        <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-space>
+      <span class="copyright">
+          Copyright<icon-copyright /> 2023 By OrionOpsPro
+        </span>
+    </a-space>
   </a-layout-footer>
 </template>
 
@@ -16,21 +23,17 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    height: 40px;
-    color: var(--color-text-2);
+    height: 80px;
     text-align: center;
 
-    &-text {
-      text-wrap: none;
-
-      a {
-        text-decoration: none;
-      }
-
-      .license {
-        display: inline-block;
-        margin-left: 16px;
-      }
+    a {
+      text-decoration: none;
+      color: rgb(var(--primary-6));
     }
+
+    .copyright {
+      color: var(--color-text-3)
+    }
+
   }
 </style>

orion-ops-ui/src/components/index.ts

@@ -30,10 +30,10 @@ use([
 
 export default {
   install(Vue: App) {
-    Vue.component('Chart', Chart);
-    Vue.component('Breadcrumb', Breadcrumb);
+    Vue.component('chart', Chart);
+    Vue.component('breadcrumb', Breadcrumb);
     Vue.component('a-query-header', AQueryHeader);
     Vue.component('card-list', CardList);
-    Vue.component('Editor', Editor);
+    Vue.component('editor', Editor);
   },
 };

orion-ops-ui/src/components/system/menu/grant/menu-grant-table.vue

@@ -136,6 +136,7 @@
     }
   });
 
+  // fixme 提成公共方法
   // 寻找当前节点
   const findNode = (id: number, arr: Array<MenuQueryResponse>): MenuQueryResponse | undefined => {
     for (let node of arr) {

orion-ops-ui/src/components/view/card-list/index.vue

@@ -6,16 +6,16 @@
         <!-- 信息部分 -->
         <div class="card-list-info">
           <!-- 路由面包屑 -->
-          <Breadcrumb />
+          <breadcrumb />
           <!-- 分页部分 -->
           <div class="pagination-wrapper">
             <a-pagination v-if="pagination"
                           size="mini"
-                          v-model:current="pagination.current"
-                          v-model:page-size="pagination.pageSize"
+                          v-model:current="(pagination as PaginationProps).current"
+                          v-model:page-size="(pagination as PaginationProps).pageSize"
                           v-bind="pagination"
                           :auto-adjust="false"
-                          @change="page => emits('pageChange', page, pagination.pageSize)"
+                          @change="page => emits('pageChange', page, (pagination as PaginationProps).pageSize)"
                           @page-size-change="limit => emits('pageChange', 1, limit)" />
           </div>
         </div>