<template>
  <div>
    <Dec :content="content" />
    <div class="feedback">
      <el-form ref="form" :model="form" label-width="80px">
        <el-form-item label="意见类型">
          <el-select v-model="form.type" placeholder="请选择反馈类型">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
          </el-select>
        </el-form-item>
        <el-form-item label="意见描述">
          <el-input v-model="form.desc" style="width:400px;" :rows="10" placeholder="您好，我是本平台的产品经理，欢迎您给我们提出产品的使用感受和建议，我们将尽快处理您提交的宝贵建议，感谢您的支持！" type="textarea" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSubmit">提交</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>
<script>
import Dec from '@/components/Dec'
export default {
  name: 'Feedback',
  components: {
    Dec
  },
  data() {
    return {
      content: '',
      form: {
        type: '',
        desc: ''
      },
      options: [
        { label: '性能问题', value: '0' }
      ]
    }
  },
  methods: {
    onSubmit() {
      console.log(1)
    }
  }
}
</script>
<style scoped>
.feedback{
    max-width: 1100px;
    height:calc(100% - 115px);
    margin:0 auto;
    background: #fff;
    margin-top:15px;
    padding:20px;
}
.box-l{
    width:100px;
    line-height: 40px;
    float: left;
}
.box-r{
    margin-left: 100px;
}
</style>
