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

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

    <el-row :gutter="0" type='flex'>
	    <el-col :span="24" :xs="24">
          <el-tabs v-model="activeTab" class="center-tabs">
            <el-tab-pane label="寄件录单统计" name="a1" />
            <el-tab-pane label="目的网点录单统计" name="a2" />
            <el-tab-pane label="扫描数据统计" name="a3" />
            <el-tab-pane label="全部明细统计" name="a4" />
          </el-tabs>

      </el-col>
    </el-row>

    <div v-show="activeTab==='a1'">
        <SendStatPanel @onSelect="onSendSelect"></SendStatPanel>
    </div>

    <div v-show="activeTab==='a2'">
        <DestStatPanel  @onSelect="onDestSelect"></DestStatPanel>
    </div>

    <div v-show="activeTab==='a3'">
        <ScanDtlListPanel :queryObj="queryDtlObj"></ScanDtlListPanel>
    </div>

    <div v-show="activeTab==='a4'">
        <ScanDtlAllListPanel></ScanDtlAllListPanel>
    </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>