Vue_New/src/xt_pages/Dialysisanalysis/albumin/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="统计全部" name="first">
                  <keep-alive>
                    <albuminall v-if="activeName == 'first'"></albuminall>
                  </keep-alive>
                </el-tab-pane>
                
                <el-tab-pane label="统计个人" name="second">
                  <keep-alive>
                    <albuminalone v-if="activeName == 'second'"></albuminalone>
                  </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 albuminall from './albuminall.vue'
import albuminalone from './albuminalone.vue'
export default {
    name:'thyroidGland',
    components: {
        BreadCrumb,
        albuminall,
        albuminalone
    },
    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>