detail.vue 872 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <div id="detail">
  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. <mainForm :form="form" @submitDate="updateDate"></mainForm>
  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 mainForm from '@/layout/user/mainForm.vue';
  18. export default {
  19. name: 'detail',
  20. props: {},
  21. components: {
  22. topInfo, //头部标题
  23. mainForm, //用户添加管理
  24. },
  25. data: () => ({
  26. topTitle: '用户添加',
  27. form: {},
  28. }),
  29. created() {},
  30. computed: {},
  31. methods: {},
  32. };
  33. </script>
  34. <style lang="less" scoped>
  35. .top {
  36. height: 40px;
  37. background-color: #f5f5f5;
  38. }
  39. .main {
  40. width: 97%;
  41. margin: 0 15px;
  42. }
  43. </style>