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

jshERP-web/src/views/financial/ItemInList.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">
           <!-- 搜索区域 -->
@@ -72,6 +74,8 @@
         <item-in-modal ref="modalForm" @ok="modalFormOk"></item-in-modal>
         <financial-detail ref="modalDetail"></financial-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import ItemInModal from './modules/ItemInModal'

jshERP-web/src/views/financial/ItemOutList.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">
           <!-- 搜索区域 -->
@@ -72,6 +74,8 @@
         <item-out-modal ref="modalForm" @ok="modalFormOk"></item-out-modal>
         <financial-detail ref="modalDetail"></financial-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import ItemOutModal from './modules/ItemOutModal'

jshERP-web/src/views/financial/MoneyInList.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">
           <!-- 搜索区域 -->
@@ -72,6 +74,8 @@
         <money-in-modal ref="modalForm" @ok="modalFormOk"></money-in-modal>
         <financial-detail ref="modalDetail"></financial-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import MoneyInModal from './modules/MoneyInModal'

jshERP-web/src/views/financial/MoneyOutList.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">
           <!-- 搜索区域 -->
@@ -72,6 +74,8 @@
         <money-out-modal ref="modalForm" @ok="modalFormOk"></money-out-modal>
         <financial-detail ref="modalDetail"></financial-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import MoneyOutModal from './modules/MoneyOutModal'

jshERP-web/src/views/financial/dialog/FinancialDetail.vue

 <template>
-  <a-card :bordered="false" class="card-area">
+  <a-card :bordered="false">
     <j-modal
       :title="title"
       :width="width"

jshERP-web/src/views/material/MaterialList.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">
           <!-- 搜索区域 -->
@@ -105,6 +107,8 @@
         <!-- 表单区域 -->
         <material-modal ref="modalForm" @ok="modalFormOk"></material-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import MaterialModal from './modules/MaterialModal'

jshERP-web/src/views/material/MaterialPropertyList.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">
           <!-- 搜索区域 -->
@@ -45,6 +47,8 @@
         <!-- 表单区域 -->
         <material-property-modal ref="modalForm" @ok="modalFormOk"></material-property-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import MaterialPropertyModal from './modules/MaterialPropertyModal'

jshERP-web/src/views/report/AccountReport.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -52,6 +54,8 @@
         <!-- table区域-end -->
         <account-in-out-list ref="accountInOutList" @ok="modalFormOk"></account-in-out-list>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import AccountInOutList from './modules/AccountInOutList'

jshERP-web/src/views/report/BuyInReport.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -36,6 +38,8 @@
         </a-table>
         <!-- table区域-end -->
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import { JeecgListMixin } from '@/mixins/JeecgListMixin'

jshERP-web/src/views/report/CustomerAccount.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -57,6 +59,8 @@
         <!-- 表单区域 -->
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import BillDetail from '../bill/dialog/BillDetail'

jshERP-web/src/views/report/InDetail.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -69,6 +71,8 @@
         <!-- 表单区域 -->
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import BillDetail from '../bill/dialog/BillDetail'

jshERP-web/src/views/report/InMaterialCount.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -64,6 +66,8 @@
         </a-table>
         <!-- table区域-end -->
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import { JeecgListMixin } from '@/mixins/JeecgListMixin'

jshERP-web/src/views/report/InOutStockReport.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -54,6 +56,8 @@
         </a-table>
         <!-- table区域-end -->
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import { JeecgListMixin } from '@/mixins/JeecgListMixin'

jshERP-web/src/views/report/OutDetail.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -69,6 +71,8 @@
         <!-- 表单区域 -->
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import BillDetail from '../bill/dialog/BillDetail'

jshERP-web/src/views/report/OutMaterialCount.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -64,6 +66,8 @@
         </a-table>
         <!-- table区域-end -->
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import { JeecgListMixin } from '@/mixins/JeecgListMixin'

jshERP-web/src/views/report/SaleOutReport.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -36,6 +38,8 @@
         </a-table>
         <!-- table区域-end -->
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import { JeecgListMixin } from '@/mixins/JeecgListMixin'

jshERP-web/src/views/report/StockWarningReport.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -44,6 +46,8 @@
         </a-table>
         <!-- table区域-end -->
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import { JeecgListMixin } from '@/mixins/JeecgListMixin'

jshERP-web/src/views/report/VendorAccount.vue

 <template>
+  <a-row :gutter="24">
+    <a-col :md="24">
       <a-card :bordered="false">
         <!-- 查询区域 -->
         <div class="table-page-search-wrapper">
@@ -57,6 +59,8 @@
         <!-- 表单区域 -->
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import BillDetail from '../bill/dialog/BillDetail'

jshERP-web/src/views/system/AccountList.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 @@
         <!-- 表单区域 -->
         <account-modal ref="modalForm" @ok="modalFormOk"></account-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import AccountModal from './modules/AccountModal'

jshERP-web/src/views/system/CustomerList.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 @@
         <!-- 表单区域 -->
         <customer-modal ref="modalForm" @ok="modalFormOk"></customer-modal>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import CustomerModal from './modules/CustomerModal'