<template>
  <div class="info-box">
    <info-form :fields="fields"></info-form>
  </div>
</template>
<script>
import infoForm from './components/Form'
export default {
  components: { infoForm },
  data() {
    return {
      formModel: {},
      fields: [
        {
          name: 'personal_name',
          label: '用户名',
          placeholder: '请输入用户名',
          disabled: true
        },
        {
          name: 'city',
          label: '常驻城市',
          placeholder: '请输入常驻城市'
        },
        {
          name: 'hobby',
          label: '兴趣爱好',
          placeholder: '请输入兴趣爱好'
        },
        {
          name: 'constellation',
          label: '星座',
          placeholder: '请输入星座'
        },
        {
          name: 'mobile',
          label: '联系方式',
          placeholder: '请输入联系方式',
          disabled: true
        },
        {
          name: 'company',
          label: '公司',
          placeholder: '请输入公司'
        },
        {
          name: 'position',
          label: '职务',
          placeholder: '请输入职务'
        },
        {
          name: 'birthday',
          label: '生日(月 日)',
          placeholder: '请输入生日(月 日)'
        },
        {
          type: 'select',
          name: 'industry',
          label: '所在行业',
          placeholder: '请选择所在行业',
          values: [
            { name: '人工智能/IOT', text: '人工智能/IOT' },
            { name: 'IT/通信/电子/互联网', text: 'IT/通信/电子/互联网' },
            { name: '金融业', text: '金融业' },
            { name: '医疗/医药/大健康', text: '医疗/医药/大健康' },
            { name: '农林牧副渔', text: '农林牧副渔' },
            { name: '房地产/建筑', text: '房地产/建筑' },
            { name: '贸易/批发/零售/租赁业', text: '贸易/批发/零售/租赁业' },
            { name: '材料/新材料', text: '材料/新材料' },
            { name: '生产/加工/制造', text: '生产/加工/制造' },
            { name: '能源/破产/环保', text: '能源/破产/环保' },
            { name: '商业服务', text: '商业服务' },
            { name: '服务业', text: '服务业' },
            { name: '文体教育/工艺美术', text: '文体教育/工艺美术' },
            { name: '文化/传媒/娱乐/体育', text: '文化/传媒/娱乐/体育' },
            { name: '政府/非营利机构', text: '政府/非营利机构' },
            { name: '交通/运输/物流/仓储', text: '交通/运输/物流/仓储' },
            { name: '其他', text: '其他' }
          ]
        },
        {
          name: 'customer',
          label: '客户是谁',
          placeholder: '请输入客户是谁'
        },
        {
          name: 'product',
          label: '公司产品',
          placeholder: '请输入公司产品'
        },
        {
          type: 'textarea',
          name: 'dedication',
          label: '可以为大家奉献什么？',
          placeholder: '请输入'
        },
        {
          type: 'uploader',
          name: 'avatar',
          label: '个人头像',
          placeholder: '请输入客户是谁'
        }
      ]
    }
  }
}
</script>
<style lang="scss" scoped>
.info-box{
  background: #fff;
}

</style>
