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

jshERP-web/src/views/bill/AllocationOutList.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">
           <!-- 搜索区域 -->
@@ -77,6 +79,8 @@
         <allocation-out-modal ref="modalForm" @ok="modalFormOk"></allocation-out-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import AllocationOutModal from './modules/AllocationOutModal'

jshERP-web/src/views/bill/AssembleList.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">
           <!-- 搜索区域 -->
@@ -77,6 +79,8 @@
         <assemble-modal ref="modalForm" @ok="modalFormOk"></assemble-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import AssembleModal from './modules/AssembleModal'

jshERP-web/src/views/bill/DisassembleList.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">
           <!-- 搜索区域 -->
@@ -77,6 +79,8 @@
         <disassemble-modal ref="modalForm" @ok="modalFormOk"></disassemble-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import DisassembleModal from './modules/DisassembleModal'

jshERP-web/src/views/bill/OtherInList.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">
           <!-- 搜索区域 -->
@@ -77,6 +79,8 @@
         <other-in-modal ref="modalForm" @ok="modalFormOk"></other-in-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import OtherInModal from './modules/OtherInModal'

jshERP-web/src/views/bill/OtherOutList.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">
           <!-- 搜索区域 -->
@@ -77,6 +79,8 @@
         <other-out-modal ref="modalForm" @ok="modalFormOk"></other-out-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import OtherOutModal from './modules/OtherOutModal'

jshERP-web/src/views/bill/PurchaseBackList.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">
           <!-- 搜索区域 -->
@@ -77,6 +79,8 @@
         <purchase-back-modal ref="modalForm" @ok="modalFormOk"></purchase-back-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import PurchaseBackModal from './modules/PurchaseBackModal'

jshERP-web/src/views/bill/PurchaseInList.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">
           <!-- 搜索区域 -->
@@ -77,6 +79,8 @@
         <purchase-in-modal ref="modalForm" @ok="modalFormOk"></purchase-in-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import PurchaseInModal from './modules/PurchaseInModal'

jshERP-web/src/views/bill/PurchaseOrderList.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">
           <!-- 搜索区域 -->
@@ -84,6 +86,8 @@
         <purchase-order-modal ref="modalForm" @ok="modalFormOk"></purchase-order-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import PurchaseOrderModal from './modules/PurchaseOrderModal'

jshERP-web/src/views/bill/RetailBackList.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">
           <!-- 搜索区域 -->
@@ -77,6 +79,8 @@
         <retail-back-modal ref="modalForm" @ok="modalFormOk"></retail-back-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import RetailBackModal from './modules/RetailBackModal'

jshERP-web/src/views/bill/RetailOutList.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">
           <!-- 搜索区域 -->
@@ -77,6 +79,8 @@
         <retail-out-modal ref="modalForm" @ok="modalFormOk"></retail-out-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import RetailOutModal from './modules/RetailOutModal'

jshERP-web/src/views/bill/SaleBackList.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">
           <!-- 搜索区域 -->
@@ -77,6 +79,8 @@
         <sale-back-modal ref="modalForm" @ok="modalFormOk"></sale-back-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import SaleBackModal from './modules/SaleBackModal'

jshERP-web/src/views/bill/SaleOrderList.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">
           <!-- 搜索区域 -->
@@ -84,6 +86,8 @@
         <sale-order-modal ref="modalForm" @ok="modalFormOk"></sale-order-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import SaleOrderModal from './modules/SaleOrderModal'

jshERP-web/src/views/bill/SaleOutList.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">
           <!-- 搜索区域 -->
@@ -77,6 +79,8 @@
         <sale-out-modal ref="modalForm" @ok="modalFormOk"></sale-out-modal>
         <bill-detail ref="modalDetail"></bill-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import SaleOutModal from './modules/SaleOutModal'

jshERP-web/src/views/bill/dialog/BillDetail.vue

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

jshERP-web/src/views/bill/modules/PurchaseBackModal.vue

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

jshERP-web/src/views/bill/modules/PurchaseInModal.vue

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

jshERP-web/src/views/bill/modules/SaleBackModal.vue

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

jshERP-web/src/views/bill/modules/SaleOutModal.vue

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

jshERP-web/src/views/financial/AdvanceInList.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 @@
         <advance-in-modal ref="modalForm" @ok="modalFormOk"></advance-in-modal>
         <financial-detail ref="modalDetail"></financial-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import AdvanceInModal from './modules/AdvanceInModal'

jshERP-web/src/views/financial/GiroList.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 @@
         <giro-modal ref="modalForm" @ok="modalFormOk"></giro-modal>
         <financial-detail ref="modalDetail"></financial-detail>
       </a-card>
+    </a-col>
+  </a-row>
 </template>
 <script>
   import GiroModal from './modules/GiroModal'