<!--
 * @Author: WangJiaCheng
 * @Date: 2021-05-10 17:25:15
 * @LastEditors: WangJiaCheng
 * @LastEditTime: 2021-05-12 16:17:33
 * @Description:
-->
<template>
  <div>
    <headers
      title="页面编辑"
    />
    <main-content>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="页面配置" name="first">
          <page-config />
        </el-tab-pane>
        <el-tab-pane label="表单配置" name="second">
          <form-config />
        </el-tab-pane>
        <el-tab-pane label="列表配置" name="third">
          <list-config />
        </el-tab-pane>
        <el-tab-pane label="详情页配置" name="fourth">详情页配置</el-tab-pane>
        <el-tab-pane label="预览页面" name="preview">
          <preview />
        </el-tab-pane>
      </el-tabs>
    </main-content>
  </div>
</template>

<script>
import Headers from '@/components/Headers'
import MainContent from '@/components/MainContent'

import PageConfig from './PageConfig.vue'
import FormConfig from './FormConfig.vue'
import ListConfig from './ListConfig.vue'
import Preview from './Preview.vue'

export default {
  name: 'PageEdit',
  components: {
    Headers,
    MainContent,
    PageConfig,
    FormConfig,
    ListConfig,
    Preview
  },
  data() {
    return {
      activeName: 'first'
    }
  },
  methods: {
    handleClick(tab, event) {
    }
  }
}
</script>
