Vue_New/src/xt_pages/qcd/indicatorControlAnalysis/analysis.vue

<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
    </div>
    <div class="app-container">
      <div class="page_analysis">
        <new-nav activeName="analysis"></new-nav>
        <div class="cell clearfix">
          <!--<label class="title">-->
          <!--</label>-->
          <div class="time">
            <ul class>
              <li
                :class="item.state == wayType ? 'active' : ''"
                @click="chooseWay(item.state)"
                v-for="item in way"
                :key="item.value"
              >{{ item.label }}</li>
            </ul>
          </div>
        </div>
        <div v-if="wayType == 0">
          <office></office>
        </div>
        <div v-if="wayType == 1">
          <personal></personal>
        </div>
      </div>
    </div>
  </div>
</template>


<script>
import NewNav from "../indicatorControlAnalysis/components/NewNav";
import BreadCrumb from "@/xt_pages/components/bread-crumb";
import LineChart from "../../qcd/components/LineChart";
import office from "../indicatorControlAnalysis/components/office";
import personal from "../indicatorControlAnalysis/components/personal";
export default {
  components: {
    LineChart,
    BreadCrumb,
    office,
    personal,
    NewNav
  },
  data() {
    return {
      crumbs: [
        { path: false, name: "质控管理" },
        { path: false, name: "指标评估统计" },
        { path: false, name: "化验指标统计" }
      ],
      way: [
        { value: 0, label: "科室", state: 0 },
        { value: 1, label: "患者", state: 1 }
      ],
      wayType: 0
    };
  },
  methods: {
    chooseWay(way) {
      this.wayType = way;
    }
  }
};
</script>

<style lang="scss">
.page_analysis{
  .el-tabs{
    margin-bottom:0 !important;
  }
}

</style>