rmLayGaoujU9O46l603ccl_plm-vue/src/views/modules/sampleManagement/technicalSpecificationDetail/technicalSpecificationDetail.vue

<template>
    <div class="mod-config">
      <el-tabs class="tabs" tab-position="left" style="height: 200px;"  type="border-card" v-model="activeName" @tab-click="refreshCurrentTabTable">
        <el-tab-pane label="基本信息"  name="baseInfo" >
          <basicInformation ref="basicInformation"  ></basicInformation>
        </el-tab-pane>
        <el-tab-pane label="客户信息"  name="customerInfo">
          777
        </el-tab-pane>
        <el-tab-pane label="工艺信息"  name="customerInfo" v-if="false">
          777
        </el-tab-pane>
        <el-tab-pane label="文档控制"  name="customerInfo2" v-if="true">
          777
        </el-tab-pane>
        <el-tab-pane label="工程师确认"  name="customerInfo3">
          777
        </el-tab-pane>
      </el-tabs>
    </div>
</template>

<script>
  import basicInformation from "./com_tsd_basicInformation";/*組件*/
  export default {
    name: "technicalSpecificationDetail",
    components: {
      basicInformation,

    },
    data() {
      return {
        dataForm:{

        },
        activeName:'baseInfo',

      }
    },
    mounted() {
      this.$nextTick(() => {
        var tabsElement = document.querySelector('.tabs');
        tabsElement.style.minHeight = window.innerHeight-100+'px';
      })
    },
    methods: {
      refreshCurrentTabTable(){

      },
    },
  }
</script>

<style >

</style>