index.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <div id="index">
  3. <el-row>
  4. <el-col :span="24" class="info">
  5. <el-col :span="24" class="top">
  6. <topInfo :topTitle="topTitle"></topInfo>
  7. </el-col>
  8. <el-col :span="24" class="main">
  9. <answerData :answerData="answerData"></answerData>
  10. </el-col>
  11. </el-col>
  12. </el-row>
  13. </div>
  14. </template>
  15. <script>
  16. import topInfo from '@/layout/public/top.vue';
  17. import answerData from '@/layout/technology/answerData.vue';
  18. export default {
  19. name: 'index',
  20. props: {},
  21. components: {
  22. topInfo, //头部标题
  23. answerData, //商铺类别管理
  24. },
  25. data: () => ({
  26. topTitle: '技术问答回答审核',
  27. answerData: [
  28. {
  29. themeId: '1',
  30. bianma: 'asdf',
  31. answerID: '1',
  32. answer: '答案',
  33. date: '2019-01-14',
  34. state: '待审核',
  35. },
  36. ],
  37. }),
  38. created() {},
  39. computed: {},
  40. methods: {
  41. addData() {
  42. this.$router.push({ path: './detail' });
  43. },
  44. },
  45. };
  46. </script>
  47. <style lang="less" scoped>
  48. .top {
  49. height: 40px;
  50. background-color: #f5f5f5;
  51. }
  52. .main {
  53. width: 97%;
  54. margin: 0 15px;
  55. }
  56. </style>