| | |
| | | <template> |
| | | <div>模具质量检测</div> |
| | | </template> |
| | | <div class="main"> |
| | | <div class="main_tabs"> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane label="模具尺寸检查" name="first"> |
| | | <pattern-check ref="pattern"></pattern-check> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="三维检查" name="second"> |
| | | <threed-check ref="threed"></threed-check> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import PatternCheck from './components/PatternCheck.vue'//模具尺寸检查 |
| | | import ThreedCheck from './components/ThreedCheck.vue'//三维检查 |
| | | export default { |
| | | components:{ |
| | | PatternCheck, |
| | | ThreedCheck, |
| | | }, |
| | | data(){ |
| | | return{ |
| | | activeName:'first' |
| | | } |
| | | }, |
| | | mounted(){ |
| | | this.$refs.pattern.searchButtonInfo(true); |
| | | this.$refs.pattern.getAllPersons(); |
| | | }, |
| | | methods:{ |
| | | //切换界面 |
| | | handleClick(tab){ |
| | | switch(tab.name){ |
| | | case 'second': |
| | | this.$refs.threed.searchButtonInfo(true); |
| | | this.$refs.threed.getAllPersons(); |
| | | break; |
| | | default: |
| | | this.$refs.pattern.searchButtonInfo(true); |
| | | this.$refs.pattern.getAllPersons(); |
| | | } |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | <style scoped lang="scss"> |
| | | @import'@/style/layout-main.scss'; |
| | | /deep/ .el-tabs__content{ |
| | | position: static; |
| | | } |
| | | |
| | | /deep/.main { |
| | | background: none; |
| | | } |
| | | </style> |