<!-- 企业分支机构信息 -->
<template>
  <!--    <el-row>-->
  <!--      <span>{{$t('enterpriseInfoManage.supplierInfoManage.enterpriseBranch')}}</span>-->
  <!--    </el-row>-->
  <!--    <div class="business-info">-->
  <!--      <el-divider></el-divider>-->
  <!--    </div>-->
  <div class="scrollClass">
    <el-form :model="enterpriseForm" label-width="100px" label-position="right" ref="enterpriseForm">
      <el-row :gutter="10">
        <el-col :xs="24" :sm="24" :md="24" :lg="24" v-for="(enterpriseBranch, index) in enterpriseBranchList" :key="index">
          <el-card class="margin-bottom10">
            <el-row class="margin-bottom20">
              <div>
                <i class="iconfont iconxiangmugongsi"></i>
                <span class="margin-left10">{{$t('enterpriseInfoManage.supplierInfoManage.companyLabel')}}{{ enterpriseBranch.name }}</span>
              </div>
              <!--              <el-col :span="1" align="right">-->
              <!--                <i class="el-icon-edit" @click="enterpriseBranch.showFlag = true"></i>-->
              <!--              </el-col>-->
            </el-row>
            <el-row :gutter="10">
              <!-- 注册号 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="8">
                <div>
                  <span class="margin-left24">{{$t('enterpriseInfoManage.supplierInfoManage.registrationNoLabel')}}{{ enterpriseBranch.regNumber }}</span>
                </div>
<!--                <el-form-item :label="$t('enterpriseInfoManage.supplierInfoManage.registrationNoLabel')" prop="registrationNo">-->
<!--                  <span>{{enterpriseBranch.regNumber}}</span>-->
<!--                  &lt;!&ndash;                  <el-input v-else v-model="enterpriseBranch.registrationNo" :placeholder="$t('common.pleaseInput')" class="item-width"></el-input>&ndash;&gt;-->
<!--                </el-form-item>-->
              </el-col>
              <!-- 登录机关 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="8">
                <div>
                  <span class="margin-left24">{{$t('enterpriseInfoManage.supplierInfoManage.registryAuthorityLabel')}}{{ enterpriseBranch.beStringOrg }}</span>
                </div>
<!--                <el-form-item :label="$t('enterpriseInfoManage.supplierInfoManage.registryAuthorityLabel')" prop="registrar">-->
<!--                  <span>{{enterpriseBranch.beStringOrg}}</span>-->
<!--                  &lt;!&ndash;                  <el-input v-else v-model="enterpriseBranch.registrar" :placeholder="$t('common.pleaseInput')" class="item-width"></el-input>&ndash;&gt;-->
<!--                </el-form-item>-->
              </el-col>
              <!-- 法人 -->
              <el-col :xs="24" :sm="24" :md="24" :lg="8">
                <div>
                  <span class="margin-left24">{{$t('enterpriseInfoManage.supplierInfoManage.legalPersonLabel')}}{{ enterpriseBranch.legalPersonName }}</span>
                </div>
<!--                <el-form-item :label="$t('enterpriseInfoManage.supplierInfoManage.legalPersonLabel')" prop="legalPerson">-->
<!--                  <span>{{enterpriseBranch.legalPersonName}}</span>-->
<!--                  &lt;!&ndash;                  <el-input v-else v-model="enterpriseBranch.legalPerson" :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: 'enterpriseBranch',
  data () {
    return {
      enterpriseForm: {}
    }
  },
  props: {
    enterpriseBranchList: {
      type: Array,
      default: function () {
        return [
          {
            // name: '田鹏程',
            // regNumber: '田鹏程',
            // beStringOrg: '田鹏程',
            // legalPersonName: '田鹏程'
          }
        ]
      }
    }
  }
}
</script>

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