emis-frontend/src/views/emis/emisWaybill/recordScanStatistics.vue

<template>
  <div class="app-container">

    <div class="el-tabs-container">
      <el-tabs v-model="activeTab" style="flex:1;">
            <el-tab-pane label="寄件录单统计" name="a1" >
              <SendStatPanel @onSelect="onSendSelect"></SendStatPanel>

            </el-tab-pane>
            <el-tab-pane label="目的网点录单统计" name="a2" >
              <DestStatPanel  @onSelect="onDestSelect"></DestStatPanel>
            </el-tab-pane>
            <el-tab-pane label="扫描数据统计" name="a3" >
              <ScanDtlListPanel :queryObj="queryDtlObj"></ScanDtlListPanel>
            </el-tab-pane>

            <el-tab-pane label="全部明细统计" name="a4" >
              <ScanDtlAllListPanel></ScanDtlAllListPanel>
            </el-tab-pane>
          </el-tabs>
    </div>

    <!-- <div v-if="activeTab==='a1'">

    </div> -->

    <!-- <div v-if="activeTab==='a2'">

    </div>

    <div v-if="activeTab==='a3'">

    </div>

    <div v-if="activeTab==='a4'">

    </div> -->

  </div>
</template>

<script>
import SendStatPanel from '@/views/emis/emisWaybill/statpanel/SendStatPanel.vue';
import DestStatPanel from '@/views/emis/emisWaybill/statpanel/DestStatPanel.vue';
import ScanDtlListPanel from '@/views/emis/emisWaybill/statpanel/ScanDtlListPanel.vue';
import ScanDtlAllListPanel from '@/views/emis/emisWaybill/statpanel/ScanDtlAllListPanel.vue';


export default {
  name: "RecordScanStatistics",
  components: {
    SendStatPanel,
    DestStatPanel,
    ScanDtlListPanel,
    ScanDtlAllListPanel
  },
  dicts: [],
  data() {
    return {
      activeTab:'a1',
      queryDtlObj:null,
    };
  },
  created() {
  },
  methods: {
    onSendSelect(item){
      this.queryDtlObj=item;
      this.activeTab="a3";
    },
    onDestSelect(item){
      this.queryDtlObj=item;
      this.activeTab="a3";
    },

  }
};
</script>

<style lang="scss" scoped>

  .el-divider{
    margin-top: 0px;
    background: 0 0;
    border-top: 1px solid #E6EBF5;
  }
  .el-divider__text {
    color: #0955ee;
    cursor: pointer;
  }


   .query-label {
    .el-radio{
        display: block;
        line-height: 23px;
        white-space: normal;
        margin-right: 0;
    }
  }

</style>