修改成标签

src/pages/Middle/transport/Custom/Custom/Detail.vue

@@ -80,9 +80,9 @@
         </div>
       </li>
     </div>
-    <!-- 销售记录 -->
-    <div class="sale-list" style="margin-top: 20px">
-      <h2>销售记录</h2>
+
+    <a-tabs default-active-key="1"  size="large">
+      <a-tab-pane key="1" tab="销售记录">
          <!-- 搜索区 -->
         <vxe-form :data="searchFormData" :items="searchFormItems" titleColon @submit="onSearch">
             <template #date="{}">
@@ -103,14 +103,8 @@
             </template>
           </vxe-grid>
         </div>
-      <!-- 表格 -->
-    </div>
-    <!-- 结余日志列表 -->
-    <div class="balance-log">
-      <h2>
-        结余日志
-      </h2>
-
+      </a-tab-pane>
+      <a-tab-pane key="2" tab="结余日志" force-render>  
       <ZkTableList
       ref="ZkTableList"
       :ListUrl="this.BalanceLogSearch" :ListUrlData="this.zkSelectData"
@@ -118,8 +112,9 @@
       :dataId="dataId"
         :ListFieldName="this.zkSelectDataFieldName">
       </ZkTableList>
+      </a-tab-pane>
+    </a-tabs>
  
-    </div>
 
   </div>
 </template>