<template>
  <div class="app-container">
    <el-form ref="form" label-width="80px">
      <el-form-item label="监理单位名称" prop="unitName" label-width="200px">
        <el-input v-model="items.unitName" placeholder="请输入监理单位名称" :style="{width:'30%'}" :disabled="true"/>
      </el-form-item>
      <el-form-item label="单位地址" prop="address" label-width="200px">
        <el-input v-model="items.unitAddress" placeholder="请输入单位地址" :style="{width:'30%'}" :disabled="true"/>
      </el-form-item>
      <el-form-item label="法人姓名" prop="corporateName" label-width="200px">
        <el-input v-model="items.corporateName" placeholder="请输入法人姓名" :style="{width:'30%'}" :disabled="true"/>
      </el-form-item>
      <el-form-item label="法人联系方式" prop="corporatePhone" label-width="200px">
        <el-input v-model="items.corporatePhone" placeholder="请输入法人联系方式" :style="{width:'30%'}"
                  :disabled="true"/>
      </el-form-item>
      <el-form-item label="社会统一征信代码" prop="socialUnifiedCreditCode" label-width="200px">
        <el-input v-model="items.socialUnifiedCreditCode" placeholder="请输入内容" :style="{width:'30%'}"
                  :disabled="true"/>
      </el-form-item>
      <el-form-item  label="总监" prop="directorsName" label-width="200px">
        <el-input v-model="items.directorsName" placeholder="请输入总监" :style="{width:'30%'}" :disabled="true"/>
      </el-form-item>
      <el-form-item label="总监联系方式" prop="directorsPhone" label-width="200px">
        <el-input v-model="items.directorsPhone" placeholder="请输入总监联系方式" :style="{width:'30%'}"
                  :disabled="true"/>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
export default {
  components: {},
  props: {
    items: {
      type: Object,
      default: () => {
        return {
          // 监理单位名称
          unitName: '',
          // 单位地址
          address: '',
          // 法人姓名
          corporateName: '',
          // 法人联系方式
          corporatePhone: '',
          // 社会统一征信代码
          socialUnifiedCreditCode: '',
          // 总监姓名
          directorsName: '',
          // 总监联系方式
          directorsPhone: '',
          // 是否有总监
          isHasDirector: true,
        }
      }
    },
  },
}
</script>
