财务中心销账审核点击查看详情
This commit is contained in:
parent
ac70feeebe
commit
2b29f981c9
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user