<template>
  <div class="basic-info">
    <el-form
      :model="ruleForm"
      label-position="top"
      label-width="150px"
      class="rule-form-orange"
    >
      <el-form-item label="企业名称" class="one-form-item">
        <el-input v-model="ruleForm.corporateName" disabled placeholder="请输入企业名称" />
      </el-form-item>

      <el-form-item label="公统一社会信用代码" class="one-form-item">
        <el-input v-model="ruleForm.socialCreditCode" disabled placeholder="请输入公统一社会信用代码" />
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  props: {
    basicInfo: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      ruleForm: {
        corporateName: '',
        socialCreditCode: ''
      }
    }
  },
  watch: {
    basicInfo: {
      handler(newV) {
        this.ruleForm = {
          ...newV
        }
      },
      immediate: true
    }
  }
}
</script>

<style lang="scss" scoped>
.basic-info {

}

</style>
