[update 首页] 增加备案号

src/views/dashboard/Analysis.vue

@@ -13,6 +13,8 @@
     <friend-link-card class="home-link"></friend-link-card>
     <!--  列表  -->
     <search-and-warning-card class="home-table"></search-and-warning-card>
+    <!-- 备案 -->
+    <footer class="home-footer"><a href="//beian.miit.gov.cn/" target="_blank">&copy;奇瑞汽车股份有限公司 | 皖ICP备05009427号</a></footer>
   </div>
 </template>
 
@@ -34,7 +36,7 @@ export default {
 
 <style scoped lang="less">
 @import '~@assets/less/common.less';
-
+@footerHeight: 30px;
 .all-wrapper {
   padding: 8px 8px 0;
   display: grid;
@@ -42,11 +44,12 @@ export default {
   height: calc(100vh - 60px - 8px - 20px);
   grid-gap: 20px;
   grid-template-columns: 0.4fr 0.6fr;
-  grid-template-rows: 56px 180px minmax(200px, auto) 180px;
+  grid-template-rows: 56px 180px minmax(200px, auto) 180px @footerHeight;
   grid-template-areas: 'Search Search'
                        'QuickEntrance QuickEntrance'
                        'Todo Table'
-                       'Link Table';
+                       'Link Table'
+                       'Footer Footer';
 
   .home-search,
   .home-quick-entrance,
@@ -73,6 +76,11 @@ export default {
   .home-table {
     grid-area: Table;
   }
+  .home-footer {
+    line-height: @footerHeight;
+    grid-area: Footer;
+    text-align: center;
+  }
 }
 
 /deep/ .top-wrapper {
@@ -110,10 +118,11 @@ export default {
 }
 // 1366屏幕
 @media screen and (max-width: 1366px) {
+  @footerHeight: 50px;
   .all-wrapper {
-    height: calc(100vh - 60px - 8px - 20px + 200px);
+    height: calc(100vh - 60px - 8px - 20px + 200px + @footerHeight);
     // 友情链接部分减少了12像素
-    grid-template-rows: 48px 180px minmax(200px, auto) 168px;
+    grid-template-rows: 48px 180px minmax(200px, auto) 168px @footerHeight;
   }
   /deep/ .top-wrapper {
     .left-p {

src/views/dashboard/modules/SearchAndWarningCard.vue

@@ -12,7 +12,7 @@
         size="middle"
         :rowKey="(_, index) => index"
         class="table"
-        :scroll="{ x: '100%', y: 'calc(100vh - 550px)' }"
+        :scroll="{ x: '100%', y: 'calc(100vh - 600px)' }"
         :columns="showColumns"
         :dataSource="dataSource"
         :pagination="ipagination"