64 lines
1.7 KiB
Vue
64 lines
1.7 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<div class="el-tabs-container">
|
|
<el-tabs slot="pageTabs" v-model="activeTab" @tab-click="handleTabsClick">
|
|
<el-tab-pane label="按运输方式统计" name="shipment" >
|
|
<MoneyUserShipmentStatQuery @onSelect="onSelect"> </MoneyUserShipmentStatQuery>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="按目的国家统计" name="receiveCountry" >
|
|
<MoneyUserShipmentStatReceiveCountryQuery @onSelect="onSelect"> </MoneyUserShipmentStatReceiveCountryQuery>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="明细列表" v-if="showDtlList" name="dtlList" >
|
|
<!-- <PayBackRecordList :queryType="queryType" :queryInfo="queryInfo"></PayBackRecordList> -->
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
|
|
import MoneyUserShipmentStatQuery from '@/views/emis/emisCustomerUser/moneyUserShipmentStatQuery.vue';
|
|
import MoneyUserShipmentStatReceiveCountryQuery from '@/views/emis/emisCustomerUser/moneyUserShipmentStatReceiveCountryQuery.vue';
|
|
export default {
|
|
name: "MoneyUserShipmentStat",
|
|
components: {
|
|
MoneyUserShipmentStatQuery,
|
|
MoneyUserShipmentStatReceiveCountryQuery,
|
|
},
|
|
dicts: [
|
|
],
|
|
data() {
|
|
return {
|
|
activeTab:'shipment',
|
|
queryInfo:null,
|
|
queryType:null,
|
|
showDtlList:false,
|
|
};
|
|
},
|
|
created() {
|
|
},
|
|
methods: {
|
|
handleTabsClick(){
|
|
|
|
},
|
|
onSelect(item) {
|
|
console.log("===onSelect===1111=>",item)
|
|
this.showDtlList=true;
|
|
this.queryType=1;
|
|
this.queryInfo=item;
|
|
this.activeTab="dtlList";
|
|
},
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
/* .el-tabs__nav{
|
|
display: flex !important;
|
|
flex-wrap: wrap !important;
|
|
} */
|
|
|
|
</style>
|