appointment.vue 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <template>
  2. <div id="adviserList">
  3. <el-row>
  4. <el-col :span="24" class="main">
  5. <el-col :span="24" class="top">
  6. <heads></heads>
  7. </el-col>
  8. <div class="w_1200">
  9. <el-col :span="5" class="left">
  10. <el-col :span="24" class="leftTop">
  11. <mainMenu :liebiaoList="liebiaoList" v-on="$listeners"></mainMenu>
  12. </el-col>
  13. </el-col>
  14. <el-col :span="19" class="right">
  15. <appointment :total="total" v-on="$listeners" :resultTable="resultTable" :limit="limit" v-if="display === 'list'"></appointment>
  16. <look v-on="$listeners" :resultTable="resultTable" :pageSize="pageSize" :total="total" v-else></look>
  17. </el-col>
  18. </div>
  19. <el-col :span="24" class="foots">
  20. <foot></foot>
  21. </el-col>
  22. </el-col>
  23. </el-row>
  24. </div>
  25. </template>
  26. <script>
  27. import heads from '@/layout/enterprise/heads.vue';
  28. import mainMenu from '@/layout/enterprise/mainMenu.vue';
  29. import appointment from '@/layout/enterprise/appointment.vue';
  30. import look from '@/layout/enterprise/look.vue';
  31. import foot from '@/layout/live/foot.vue';
  32. export default {
  33. name: 'adviserList',
  34. props: {
  35. info: null, //站点信息
  36. liebiaoList: null, //分类导航
  37. form: null,
  38. resultTable: null,
  39. total: null,
  40. pageSize: null,
  41. limit: null,
  42. display: { type: String, default: 'list' },
  43. },
  44. components: {
  45. heads,
  46. mainMenu, //分类导航
  47. appointment, //右侧
  48. foot,
  49. look,
  50. },
  51. data: () => ({}),
  52. created() {},
  53. computed: {},
  54. methods: {},
  55. };
  56. </script>
  57. <style lang="less" scoped>
  58. .w_1200 {
  59. width: 80%;
  60. margin: 0 auto;
  61. }
  62. .menu {
  63. height: 70px;
  64. overflow: hidden;
  65. }
  66. .main {
  67. min-height: 520px;
  68. overflow: hidden;
  69. padding: 10px 0;
  70. background: #e9edf6;
  71. background-attachment: fixed;
  72. background-size: cover;
  73. background-position: center center;
  74. }
  75. .left {
  76. min-height: 520px;
  77. margin: 0 10px 0 0;
  78. width: 20%;
  79. }
  80. .leftTop {
  81. background: #fff;
  82. height: 520px;
  83. overflow: hidden;
  84. margin: 0 0 10px 0;
  85. }
  86. .right {
  87. width: 79%;
  88. min-height: 520px;
  89. overflow: hidden;
  90. background-color: #fff;
  91. }
  92. .foots {
  93. margin: 10px 0 0 0;
  94. }
  95. </style>