Vue_New/src/xt_pages/Dialysisanalysis/platelets/index.vue

<!-- 血小板-->
<template>
    <div class="main-contain">
      <div class="position">
        <bread-crumb :crumbs="crumbs"></bread-crumb>
      </div>
      <div class="app-container">
        <div class="page_patientControlAnalysis">
            <el-tabs v-model="activeName" @tab-click="handleClick" >
                <el-tab-pane label="统计全部(KTV)" name="first">
                  <keep-alive>
                    <all_ktv v-if="activeName == 'first'"></all_ktv>
                  </keep-alive>
                </el-tab-pane>
              <el-tab-pane label="统计全部(URR)" name="second">
                <keep-alive>
                  <all_urr v-if="activeName == 'second'"></all_urr>
                </keep-alive>
              </el-tab-pane>

                <el-tab-pane label="统计个人(KTV)" name="third">
                  <keep-alive>
                    <p_ktv v-if="activeName == 'third'"></p_ktv>
                  </keep-alive>
                </el-tab-pane>


              <el-tab-pane label="统计个人(URR)" name="four">
                <keep-alive>
                  <p_urr v-if="activeName == 'four'"></p_urr>
                </keep-alive>
              </el-tab-pane>

            </el-tabs>
        </div>
      </div>
    </div>
  </template>

<script>
import echarts from 'echarts'
import BreadCrumb from '@/xt_pages/components/bread-crumb'
import plateletsall from './plateletsall'
import plateletsalone from './plateletsalone.vue'
import All_ktv from './all_ktv.vue'
import All_urr from './all_urr.vue'
import P_ktv from './p_ktv.vue'
import P_urr from './p_urr.vue'
export default {
    name:'thyroidGland',
    components: {
      P_urr,
      P_ktv,
      All_urr,
      All_ktv,
        BreadCrumb,
    },
    data() {
        return {
            activeName: 'first'
        }
    },
    methods:{
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
}
</script>

<style lang="scss" scoped>
// .page_patientControlAnalysis {

// .pointTitle {
//   font-size: 13px;
// }

// .chartTitle {
//   font-size: 16px;
//   font-weight: bold;
//   color: #000000;
// }

// .point {
//   width: 13px;
//   height: 13px;
//   background: linear-gradient(
//       0deg,
//       rgba(169, 224, 243, 1),
//       rgba(159, 189, 252, 1)
//   );
//   border-radius: 7px;
//   margin-right: 8px;
// }

// .pointTitle {
//   font-size: 13px;
// }

// }

</style>

<style lang="scss">
// .page_patientControlAnalysis {

// .el-form-item {
//   margin-bottom: 0;
// }

// .cell {
//   text-align: center;
// }

// ::-webkit-scrollbar {
//   height: 15px !important;
// }

// }
</style>