<template>
  <div>
    <el-form-item label="是否显示">
      <el-switch v-model="formData.show"></el-switch>
    </el-form-item>
    <el-form-item label="分割数">
      <el-input-number v-model="formData.splitNumber" controls-position="right"
      ></el-input-number>
    </el-form-item>
    <el-form-item label="长度">
      <el-input-number v-model="formData.length" controls-position="right"
      ></el-input-number>
    </el-form-item>
    <div>
      <div style="margin: 0 8px 12px 100px;">
        <el-divider content-position="left">
          <span>
            样式设置
          </span>
          <el-switch
              v-model="independentConfig.lineStyle">
          </el-switch>
        </el-divider>
      </div>
    </div>
    <div v-show="independentConfig.lineStyle">
      <AxisLineStyleOption :formData.sync="formData.lineStyle"/>
    </div>
  </div>
</template>
<script>
import TextStyleOption from '../style/textStyleOption'
import AxisLineStyleOption from '../style/lineStyleOption'

export default {
  name: 'TitleOption',
  props: ['formData'],
  components: {
    TextStyleOption,
    AxisLineStyleOption
  },
  data() {
    return {
      independentConfig: {
        lineStyle: false
      }
    }
  },
  methods: {}
}
</script>
<style>

</style>
