财务中心销账审核点击查看详情

This commit is contained in:
wuteng 2025-10-09 18:25:33 +08:00
parent ac70feeebe
commit 2b29f981c9

View File

@ -2,8 +2,11 @@
<div class="app-container"> <div class="app-container">
<div class="tab-container"> <div class="tab-container">
<el-tabs v-model="activeTab" class="center-tabs" @tab-click="handleTabsClick" @tab-remove="removeTab"> <el-tabs v-model="activeTab" class="center-tabs" @tab-click="handleTabsClick" @tab-remove="removeTab">
<el-tab-pane label="审核列表" name="checkList"> <el-tab-pane label="审核列表" name="checkList" >
<CancelAccountCheckListPanel @onCreate="onCreate"></CancelAccountCheckListPanel> <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-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@ -11,17 +14,21 @@
</template> </template>
<script> <script>
import CancelAccountCheckListPanel from '@/views/emis/emisSettleBill/panel/CancelAccountCheckListPanel.vue'; import CancelAccountCheckListPanel from '@/views/emis/emisSettleBill/panel/CancelAccountCheckListPanel.vue';
import CancelAccountDetail from '@/views/emis/emisSettleBill/panel/CancelAccountDetail.vue';
export default { export default {
name: 'WriteoffApplyCheckList', name: 'WriteoffApplyCheckList',
components: { components: {
CancelAccountCheckListPanel CancelAccountCheckListPanel
,CancelAccountDetail
}, },
data() { data() {
return { return {
activeTab:'checkList', activeTab:'checkList',
showForm:false showForm:false,
billTabs:[],
showDetail:false
} }
}, },
@ -29,10 +36,14 @@ methods:{
handleTabsClick(tab, event) { handleTabsClick(tab, event) {
console.log(tab, event); console.log(tab, event);
}, },
removeTab(tab) { removeTab(targetName) {
console.log(tab); var self=this;
if(tab.name=='newApply'){ let tabs = self.billTabs;
this.showForm=true; 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(){ onCreate(){
@ -45,6 +56,16 @@ methods:{
handleFormCancel(){ handleFormCancel(){
this.activeTab='billList'; this.activeTab='billList';
this.showForm=false; 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;
}
} }
} }
} }