<template>
  <div>
    <span v-if="enterprise == null">

    </span>
    <span v-else>
      <span v-if="enterprise.authentication != 1 ">
      <h2>企业信息尚未完善，请先补充完善后通知管理员审核</h2>
      <el-button @click="bulk">通知补充企业信息</el-button>

        <!-- 添加或修改企业对话框 -->
    <el-dialog title="补充企业信息" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="enterprise" :rules="rules" label-width="80px">
        <el-form-item label="企业名称" prop="enterpriseName">
          <el-input v-model="enterprise.enterpriseName" placeholder="请输入企业名称" />
        </el-form-item>
        <el-form-item label="法定代表人" prop="legalPerson">
          <el-input v-model="enterprise.legalPerson" placeholder="请输入法定代表人" />
        </el-form-item>
        <el-form-item label="经营执照凭证号码" prop="businessLincenseNumber">
          <el-input v-model="enterprise.businessLincenseNumber" placeholder="请输入经营执照凭证号码" />
        </el-form-item>
        <el-form-item label="企业成立日期" prop="estabinessDate">
          <el-date-picker clearable
                          v-model="enterprise.estabinessDate"
                          type="date"
                          value-format="yyyy-MM-dd"
                          placeholder="请选择企业成立日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="经营范围" prop="businessScope">
          <el-input v-model="enterprise.businessScope" placeholder="请输入经营范围" />
        </el-form-item>
        <el-form-item label="注册地址" prop="address">
          <el-input v-model="enterprise.address" placeholder="请输入注册地址" />
        </el-form-item>
        <el-form-item label="企业联系方式" prop="contactPhone">
          <el-input v-model="enterprise.contactPhone" placeholder="请输入企业联系方式" />
        </el-form-item>
        <el-form-item label="公司邮箱" prop="email">
          <el-input v-model="enterprise.email" placeholder="请输入公司邮箱" />
        </el-form-item>
        <el-form-item label="备注" prop="remark">
          <el-input v-model="enterprise.remark" placeholder="请输入备注" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="open = false">取 消</el-button>
      </div>
    </el-dialog>
    </span>
    <span v-else>
      <el-descriptions class="margin-top" title="企业详情" :data="enterprise" :column="3" :size="size" border>
      <el-descriptions-item label="企业名称">{{enterprise.enterpriseName}}</el-descriptions-item>
      <el-descriptions-item label="法定代表人">{{enterprise.legalPerson}}</el-descriptions-item>
      <el-descriptions-item label="企业联系方式">{{enterprise.contactPhone}}</el-descriptions-item>
      <el-descriptions-item label="公司邮箱">{{enterprise.email}}</el-descriptions-item>
      <el-descriptions-item label="是否认证">
          <span v-if="enterprise.authentication == 0">未认证</span>
          <span v-if="enterprise.authentication == 1">已认证</span>
      </el-descriptions-item>
      <el-descriptions-item label="服务等级">
        <span v-if="enterprise.serviceLevel === 0">初级</span>
        <span v-if="enterprise.serviceLevel === 1">中级</span>
        <span v-if="enterprise.serviceLevel === 2">高级</span>
      </el-descriptions-item>
      <el-descriptions-item label="备注">{{enterprise.remark}}</el-descriptions-item>
    </el-descriptions>
    </span>
    </span>

  </div>
</template>

<script>
import { listEnterprise } from "@/api/goods/business";
import { getEnterprise, updateEnterprise } from "@/api/goods/enterprise";
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
// 例如：import 《组件名称》 from '《组件路径》,
export default {
  // import引入的组件需要注入到对象中才能使用"
  components: {},
  props: {},
  data() {
    // 这里存放数据"
    return {
      open: false,
      enterprise:{},
      // 表单校验
      rules: {
      }
    }
  },
  // 计算属性 类似于data概念",
  computed: {},
  // 监控data中的数据变化",
  watch: {},
  // 方法集合",
  methods: {
    bulk() {
      this.open = true
    },
    getInfo() {
      listEnterprise().then(res => {
        this.enterprise = res.data
        console.log(res.data)
      })
    },
    submitForm() {
      updateEnterprise(this.enterprise).then(res => {
        this.$message.success("申请已发送，请审核")
        this.open = false
        this.getInfo();
      })
    }
  },
  // 生命周期 - 创建完成（可以访问当前this实例）",
  created() {
    this.getInfo()
  },
  // 生命周期 - 挂载完成（可以访问DOM元素）",
  mounted() {
  },
  beforeCreate() {
  }, // 生命周期 - 创建之前",
  beforeMount() {
  }, // 生命周期 - 挂载之前",
  beforeUpdate() {
  }, // 生命周期 - 更新之前",
  updated() {
  }, // 生命周期 - 更新之后",
  beforeDestroy() {
  }, // 生命周期 - 销毁之前",
  destroyed() {
  }, // 生命周期 - 销毁完成",
  activated() {
  } // 如果页面有keep-alive缓存功能，这个函数会触发",
}
</script>
<style scoped>

</style>
