| | |
|---|
| | | <el-tabs v-model="activeName"> |
|---|
| | | <el-tab-pane label="安全考核" name="first"></el-tab-pane> |
|---|
| | | <el-tab-pane label="安全考题" name="second"></el-tab-pane> |
|---|
| | | <el-tab-pane label="安全培训和日常培训制定" name="third"></el-tab-pane> |
|---|
| | | </el-tabs> |
|---|
| | | </div> |
|---|
| | | <div class="main_content"> |
|---|
| | | <component :is="activeName === 'first' ? 'SafetyExamine' : 'SafetyTopic'"></component> |
|---|
| | | <component :is="activeName === 'first' ? 'SafetyExamine' :activeName === 'second'? 'SafetyTopic':'dailyEnact'"></component> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | <script> |
|---|
| | | import SafetyExamine from './components/SafetyExamine.vue'; // 安全考核 |
|---|
| | | import SafetyTopic from './components/SafetyTopic.vue'; // 安全考题 |
|---|
| | | import DailyEnact from './components/DailyEnact.vue'; // 安全培训和日常培训制定 |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | SafetyExamine, |
|---|
| | | SafetyTopic |
|---|
| | | SafetyTopic, |
|---|
| | | DailyEnact |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
