Merge pull request '财务中心销账审核点击查看详情' (#111) from master-dev into master
Reviewed-on: http://git.xdadan.loc/tanex/emis-frontend/pulls/111
This commit is contained in:
commit
0af9a3f261
@ -2,26 +2,33 @@
|
|||||||
<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>
|
||||||
|
<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>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user