index.vue 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <template>
  2. <div id="index">
  3. <el-row>
  4. <el-col :span="24" class="info">
  5. <el-col :span="24" class="top">
  6. <heads></heads>
  7. </el-col>
  8. <el-col :span="24" class="main">
  9. <div class="w_1200">
  10. <el-col :span="4" class="mainMenu">
  11. <menuInfo></menuInfo>
  12. </el-col>
  13. <el-col :span="19" class="mainMess">
  14. <span v-if="num == '1'">
  15. <basicInfo></basicInfo>
  16. </span>
  17. <span v-else-if="num == '2'">
  18. <videoinfo></videoinfo>
  19. </span>
  20. <span v-else>
  21. 退出登录
  22. </span>
  23. </el-col>
  24. </div>
  25. </el-col>
  26. <el-col :span="24" class="foot">
  27. <foot></foot>
  28. </el-col>
  29. </el-col>
  30. </el-row>
  31. </div>
  32. </template>
  33. <script>
  34. import heads from '@/layout/userCenter/heads.vue';
  35. import menuInfo from '@/layout/kjpdCenter/menuInfo.vue';
  36. import foot from '@/layout/live/foot.vue';
  37. import basicInfo from './basicInfo/index.vue';
  38. import videoinfo from './videoinfo/index.vue';
  39. import { mapState, createNamespacedHelpers } from 'vuex';
  40. export default {
  41. name: 'index',
  42. props: {},
  43. components: {
  44. heads,
  45. menuInfo,
  46. foot,
  47. basicInfo,
  48. videoinfo,
  49. },
  50. data: function() {
  51. return {};
  52. },
  53. created() {},
  54. methods: {},
  55. computed: {
  56. ...mapState(['user']),
  57. num() {
  58. return this.$route.query.num;
  59. },
  60. pageTitle() {
  61. return `${this.$route.meta.title}`;
  62. },
  63. },
  64. metaInfo() {
  65. return { title: this.$route.meta.title };
  66. },
  67. };
  68. </script>
  69. <style lang="less" scoped>
  70. .w_1200 {
  71. width: 80%;
  72. margin: 0 auto;
  73. }
  74. .info {
  75. background-color: #e9edf6;
  76. }
  77. .main {
  78. min-height: 600px;
  79. margin: 15px 0;
  80. }
  81. .mainMenu {
  82. width: 20%;
  83. min-height: 600px;
  84. background-color: #fff;
  85. }
  86. .mainMess {
  87. float: right;
  88. min-height: 600px;
  89. background-color: #fff;
  90. }
  91. </style>