<!-- 企业主要成员信息 -->
<template>
  <!--    <el-row>-->
  <!--      <span>{{$t('enterpriseInfoManage.supplierInfoManage.enterpriseKeyMemberInfo')}}</span>-->
  <!--    </el-row>-->
  <!--    <div class="business-info">-->
  <!--      <el-divider></el-divider>-->
  <!--    </div>-->
  <div class="scrollClass">
    <el-form :model="memberForm" label-position="right" ref="memberForm">
      <el-row :gutter="10">
        <el-col :xs="8" :sm="8" :md="8" :lg="8" v-for="(member, index) in memberList" :key="index">
          <el-card class="margin-bottom10">
            <el-row class="margin-bottom20">
              <div>
                <i class="iconfont iconrenyuantiaozheng"></i>
                <span class="margin-left10">{{$t('enterpriseInfoManage.supplierInfoManage.nameLabel')}}{{ member.name }}</span>
              </div>
              <!--              <el-col :span="1" align="right">-->
              <!--                <i class="el-icon-edit" @click="member.showFlag = true"></i>-->
              <!--              </el-col>-->
            </el-row>
            <el-row>
              <!-- 职位 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="24">
                <div>
                  <span class="margin-left24">{{$t('enterpriseInfoManage.supplierInfoManage.positionLabel')}}{{ member.typeJoin }}</span>
                </div>
<!--                <el-form-item :label="$t('enterpriseInfoManage.supplierInfoManage.positionLabel')" prop="position" label-width="79px">-->
<!--                  <span>{{member.typeJoin}}</span>-->
<!--                  &lt;!&ndash;                  <el-input v-else v-model="member.position" :placeholder="$t('common.pleaseInput')" class="item-width"></el-input>&ndash;&gt;-->
<!--                </el-form-item>-->
              </el-col>
            </el-row>
          </el-card>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
export default {
  name: 'enterpriseKeyMemberInfo',
  data () {
    return {
      memberForm: {}
    }
  },
  props: {
    memberList: {
      type: Array,
      default: function () {
        return []
      }
    }
  }
}
</script>

<style scoped lang="scss">
  @import '@/styles/enterpriseInfoManage/supplierInfoManage/businessInfo.scss';
</style>
