<template>
  <div class="app-container">
    <el-form ref="form" label-width="80px">
      <el-form-item label="承包商单位名称" label-width="200px">
        <el-input v-model="items.consName" :style="{width:'30%'}" :disabled="true"/>
      </el-form-item>
      <el-form-item label="单位地址"   label-width="200px">
        <el-input v-model="items.address" :style="{width:'30%'}" :disabled="true"/>
      </el-form-item>
      <el-form-item label="法人姓名" label-width="200px">
        <el-input v-model="items.corporateName" :style="{width:'30%'}" :disabled="true"/>
      </el-form-item>
      <el-form-item label="法人联系方式" label-width="200px">
        <el-input v-model="items.corporatePhone" :style="{width:'30%'}"
                  :disabled="true"/>
      </el-form-item>
      <el-form-item label="社会统一征信代码" label-width="200px">
        <el-input v-model="items.socialUnifiedCreditCode" :style="{width:'30%'}"
                  :disabled="true"/>
      </el-form-item>
      <el-form-item label="负责人" label-width="200px">
        <el-input v-model="items.leaderName" :style="{width:'30%'}" :disabled="true"/>
      </el-form-item>
      <el-form-item label="负责人联系方式" label-width="200px">
        <el-input v-model="items.leaderPhone" :style="{width:'30%'}" :disabled="true"/>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
export default {
  components: {},
  props: {
    items: {
      type: Object,
      default: () => {
        return {
          // 监理单位名称
          consName: '',
          // 单位地址
          address: '',
          // 法人姓名
          corporateName: '',
          // 法人联系方式
          corporatePhone: '',
          // 社会统一征信代码
          socialUnifiedCreditCode: '',
        }
      }
    },
  },
}
</script>
