| | |
| | | <template> |
| | | <div> |
| | | <el-tabs v-model="data.activeName" class="demo-tabs" @click="clickTab" style="margin: 10px 10px"> |
| | | <el-tabs v-model="data.activeName" class="demo-tabs" @tab-click="clickTab" style="margin: 10px 10px"> |
| | | <el-tab-pane label="危化品" name="rawMaterial"> |
| | | <raw-table ref="rawRef"></raw-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="成品" name="finishPro" v-if="showFinishPro"> |
| | | <pro-table ref="proRef"></pro-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="原材料" name="rawMaterial"> |
| | | <raw-table ref="rawRef"></raw-table> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | |
| | | }, |
| | | total: 0, |
| | | dataList: [], |
| | | activeName: 'finishPro' |
| | | activeName: 'rawMaterial' |
| | | }) |
| | | |
| | | onMounted(()=>{ |
| | | showFinishPro.value = true; |
| | | data.activeName = showFinishPro.value ? 'finishPro' : 'rawMaterial' |
| | | // data.activeName = showFinishPro.value ? 'finishPro' : 'rawMaterial' |
| | | }) |
| | | const clickTab = (tab,event) =>{ |
| | | console.log('tab',data.activeName) |