index.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!-- -->
  2. <template>
  3. <div class="m-container">
  4. <h2>
  5. <div class="squrt"></div>
  6. 网管课管理
  7. </h2>
  8. <div class="m-core">
  9. <tab-router
  10. v-model.trim="activeIndex"
  11. type="card"
  12. @tab-click="handleClick"
  13. >
  14. <el-tab-pane label="网管课管理" lazy name="1">
  15. <accompanyList v-if="activeIndex === '1'" />
  16. </el-tab-pane>
  17. <el-tab-pane label="网管课购买" lazy name="2">
  18. <accompanyBuys v-if="activeIndex === '2'" />
  19. </el-tab-pane>
  20. </tab-router>
  21. </div>
  22. </div>
  23. </template>
  24. <script>
  25. import accompanyList from "@/views/accompanyManager/accompanyList";
  26. import accompanyBuys from "@/views/accompanyManager/accompanyBuys";
  27. export default {
  28. components: { accompanyList, accompanyBuys },
  29. data() {
  30. return {
  31. activeIndex: "1"
  32. };
  33. },
  34. //生命周期 - 创建完成(可以访问当前this实例)
  35. created() {},
  36. //生命周期 - 挂载完成(可以访问DOM元素)
  37. mounted() {},
  38. methods: {
  39. handleClick(evt) {
  40. // this.changeHash(evt.name);
  41. }
  42. }
  43. };
  44. </script>
  45. <style lang="scss" scoped></style>