<template>
  <div class="app-container">
    <el-form :model="firminfoForm" >
      <el-form-item label="头像" prop="pass">
        <userAvatar/>
      </el-form-item>
      <el-form-item label="姓名" prop="pass">
        <span>{{firminfoForm.nickName}}</span>
      </el-form-item>
      <el-form-item label="手机号" prop="pass">
        <span>{{firminfoForm.phonenumber}}</span>
      </el-form-item>
      <el-form-item label="企业（团队）名称" prop="pass">
        <span>{{firminfoForm.firmTem}}</span>
      </el-form-item>
      <el-form-item label="姓名" prop="pass">
        <span>{{firminfoForm.names}}</span>
      </el-form-item>
      <el-form-item label="职位" prop="pass">
        <span>{{firminfoForm.position}}</span>
      </el-form-item>
      <el-form-item label="公司所在省市区" prop="pass">
        <span>{{firminfoForm.firmRegion}}</span>
      </el-form-item>
      <el-form-item label="公司详细地址" prop="pass">
        <span>{{firminfoForm.firmFrom}}</span>
      </el-form-item>
      <el-form-item label="统一社会信用代码" prop="pass">
        <span>{{firminfoForm.socialReputation}}</span>
      </el-form-item>
      <el-form-item label="营业执照" prop="pass">
        <span>{{firminfoForm.businessLicense}}</span>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import { listFirminfo, getFirminfo, delFirminfo, addFirminfo, updateFirminfo } from "/src/api/firminfo/firminfo";
import firminfo from "./index.vue";
import userAvatar from "../../system/user/profile/userAvatar.vue";

export default {
  name: "Firminfo",
  components: {userAvatar},
  computed: {
    firminfo() {
      return firminfo
    }
  },
  data() {
    return {
      firminfoForm:{}
    };
  },
  created() {
    this.getFirminfo()
  },
  methods: {
    getFirminfo() {
      getFirminfo().then(response => {
        this.firminfoForm = response.data;
      });
    }
  }
};
</script>
