From 2b29f981c977aca677e314bb16329a4fdfd975a9 Mon Sep 17 00:00:00 2001
From: wuteng <419274783@qq.com>
Date: Thu, 9 Oct 2025 18:25:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=A2=E5=8A=A1=E4=B8=AD=E5=BF=83=E9=94=80?=
 =?UTF-8?q?=E8=B4=A6=E5=AE=A1=E6=A0=B8=E7=82=B9=E5=87=BB=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../emisSettleBill/WriteoffApplyCheckList.vue | 35 +++++++++++++++----
 1 file changed, 28 insertions(+), 7 deletions(-)

diff --git a/src/views/emis/emisSettleBill/WriteoffApplyCheckList.vue b/src/views/emis/emisSettleBill/WriteoffApplyCheckList.vue
index 2d576729..b9b33489 100644
--- a/src/views/emis/emisSettleBill/WriteoffApplyCheckList.vue
+++ b/src/views/emis/emisSettleBill/WriteoffApplyCheckList.vue
@@ -2,26 +2,33 @@
  <div class="app-container">
     <div class="tab-container">
         <el-tabs v-model="activeTab" class="center-tabs" @tab-click="handleTabsClick"  @tab-remove="removeTab">
-          <el-tab-pane label="审核列表" name="checkList">
-            <CancelAccountCheckListPanel @onCreate="onCreate"></CancelAccountCheckListPanel>
+          <el-tab-pane label="审核列表" name="checkList" >
+            <CancelAccountCheckListPanel @onCreate="onCreate" @onView="onView"></CancelAccountCheckListPanel>
           </el-tab-pane>
+        <el-tab-pane  v-for="(item, index) in billTabs" :key="index"  :name="item.applyNo" :label="'销账审核:'+item.applyNo" v-if="showDetail" closable >
+            <CancelAccountDetail :key="'Detail_'+index" :applyId="item.id"></CancelAccountDetail>
+        </el-tab-pane>
         </el-tabs>
     </div>
 </div>
 </template>
 <script>
 import CancelAccountCheckListPanel from '@/views/emis/emisSettleBill/panel/CancelAccountCheckListPanel.vue';
+import CancelAccountDetail from '@/views/emis/emisSettleBill/panel/CancelAccountDetail.vue';
 
 export default {
 name: 'WriteoffApplyCheckList',
 components: {
     CancelAccountCheckListPanel
+    ,CancelAccountDetail
 },
 data() {
 
 return {
     activeTab:'checkList',
-    showForm:false
+    showForm:false,
+    billTabs:[],
+    showDetail:false
 }
 
 },
@@ -29,10 +36,14 @@ methods:{
         handleTabsClick(tab, event) {
             console.log(tab, event);
         },
-        removeTab(tab) {
-            console.log(tab);
-            if(tab.name=='newApply'){
-                this.showForm=true;
+        removeTab(targetName) {
+            var self=this;
+            let tabs = self.billTabs;
+            self.billTabs = tabs.filter(tab => tab.applyNo !== targetName);
+            if(self.billTabs.length>0){
+            this.activeTab=self.billTabs[self.billTabs.length-1].applyNo;
+            }else{
+            this.activeTab="checkList";
             }
         },
         onCreate(){
@@ -45,6 +56,16 @@ methods:{
         handleFormCancel(){
             this.activeTab='billList';
             this.showForm=false;
+        },
+        onView(item){
+            this.showDetail=true;
+            let old=this.billTabs.find(mItem=>mItem.applyNo==item.applyNo);
+            if(old){
+                this.activeTab=item.applyNo;
+            }else{
+                this.billTabs.push(item);
+                this.activeTab=item.applyNo;
+            }
         }
     }
 }