<template>
  <basic-container>
    <el-tabs v-model="tabPosition" class="demo-tabs" @tab-change="tabPositionChange">
      <el-tab-pane label="物料需求申报" name="1">
        <materialRequirements v-if="tabPosition=='1'"></materialRequirements>
      </el-tab-pane>
      <el-tab-pane label="化验含量" name="2">
 
        <assayedContent  v-if="tabPosition=='2'"></assayedContent>
      </el-tab-pane>
      <el-tab-pane label="添加量申报" name="3">
        <addRequirements  v-if="tabPosition=='3'"></addRequirements>
      </el-tab-pane>
    </el-tabs>

  
  </basic-container>
</template>

<script>
import addRequirements from './components/coatingMater/addRequirements.vue'
import assayedContent from './components/coatingMater/assayedContent.vue'
import materialRequirements from './components/coatingMater/materialRequirements.vue'
export default {
  components: {
   addRequirements,
   assayedContent,
   materialRequirements
  },
  data() {
    return {
      searchForm: {},
      tabPosition: '1',
      
    }
  },
  mounted() {

  },
  methods: {
    
    tabPositionChange() {
      
    },
    
  }
}
</script>

<style></style>