解决菜单切换页面闪现的bug

jshERP-web/src/views/system/DepotList.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
           <!-- 搜索区域 -->
@@ -71,6 +73,8 @@
         <!-- 表单区域 -->
         <depot-modal ref="modalForm" @ok="modalFormOk"></depot-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import DepotModal from './modules/DepotModal'

jshERP-web/src/views/system/FunctionList.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
           <!-- 搜索区域 -->
@@ -62,6 +64,8 @@
         <!-- 表单区域 -->
         <function-modal ref="modalForm" @ok="modalFormOk"></function-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import FunctionModal from './modules/FunctionModal'

jshERP-web/src/views/system/InOutItemList.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
           <!-- 搜索区域 -->
@@ -76,6 +78,8 @@
         <!-- 表单区域 -->
         <inOutItem-modal ref="modalForm" @ok="modalFormOk"></inOutItem-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import InOutItemModal from './modules/InOutItemModal'

jshERP-web/src/views/system/LogList.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -73,6 +75,8 @@
         </a-table>
         <!-- table区域-end -->
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 
 <script>

jshERP-web/src/views/system/MemberList.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
           <!-- 搜索区域 -->
@@ -83,6 +85,8 @@
         <!-- 表单区域 -->
         <member-modal ref="modalForm" @ok="modalFormOk"></member-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import MemberModal from './modules/MemberModal'

jshERP-web/src/views/system/PersonList.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
           <!-- 搜索区域 -->
@@ -67,6 +69,8 @@
         <!-- 表单区域 -->
         <person-modal ref="modalForm" @ok="modalFormOk"></person-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import PersonModal from './modules/PersonModal'

jshERP-web/src/views/system/PluginList.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
           <!-- 搜索区域 -->
@@ -71,6 +73,8 @@
         <!-- 表单区域 -->
         <plugin-modal ref="modalForm" @ok="modalFormOk"></plugin-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import PluginModal from './modules/PluginModal'

jshERP-web/src/views/system/RoleList.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
           <!-- 搜索区域 -->
@@ -66,6 +68,8 @@
           <p>分配功能已经操作成功！现在继续<b>分配按钮</b>吗？</p>
         </a-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import RoleModal from './modules/RoleModal'

jshERP-web/src/views/system/SerialNumberList.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
           <!-- 搜索区域 -->
@@ -76,6 +78,8 @@
         <serial-number-batch-modal ref="serialNumberBatchModel" @ok="modalFormOk"></serial-number-batch-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import SerialNumberModal from './modules/SerialNumberModal'

jshERP-web/src/views/system/SystemConfigList.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
           <!-- 搜索区域 -->
@@ -62,6 +64,8 @@
         <!-- 表单区域 -->
         <systemConfig-modal ref="modalForm" @ok="modalFormOk"></systemConfig-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import SystemConfigModal from './modules/SystemConfigModal'

jshERP-web/src/views/system/TenantList.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -42,6 +44,8 @@
         <!-- table区域-end -->
         <tenant-modal ref="modalForm" @ok="modalFormOk"></tenant-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 
 <script>

jshERP-web/src/views/system/UnitList.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
           <!-- 搜索区域 -->
@@ -57,6 +59,8 @@
         <!-- 表单区域 -->
         <unit-modal ref="modalForm" @ok="modalFormOk"></unit-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import UnitModal from './modules/UnitModal'

jshERP-web/src/views/system/UserList.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -71,6 +73,8 @@
         <user-depot-modal ref="userDepotModal" @ok="modalFormOk"></user-depot-modal>
         <user-customer-modal ref="userCustomerModal" @ok="modalFormOk"></user-customer-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 
 <script>

jshERP-web/src/views/system/VendorList.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-row :gutter="24">
+    <a-col :md="24">
+      <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
           <!-- 搜索区域 -->
@@ -83,6 +85,8 @@
         <!-- 表单区域 -->
         <vendor-modal ref="modalForm" @ok="modalFormOk"></vendor-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import VendorModal from './modules/VendorModal'