<template>
  <div class="flex flex-col h-full">
    <div class="bg-white info flex-1 overflow-y-auto cellnormall">
      <van-cell title="联系人姓名" :value="info.name" />
      <van-cell title="电话" :value="info.phone" />
      <van-cell title="邮箱" :value="info.email" />
      <van-cell title="职务" :value="info.position" />
      <van-cell title="地址" :value="info.address" />
      <van-cell title="性别" :value="info.phone == 1 ? '男' : '女'" />
      <van-cell title="负责人">
        <template #default>
          <TranslationComponent :openId="info.ownerName" />
        </template>
      </van-cell>
      <van-cell title="备注" :value="info.remark" />
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import { useLifecycle } from '@hooks/useCommon.js';

const props = defineProps({
  info: {
    type: Object,
    required: true,
    default: () => ({})
  }
})

useLifecycle({
  load: () => {
    // 添加加载逻辑
  }
});
</script>

<style lang='scss' scoped>
.bottomButton {
  margin: 0 14px;
  padding-bottom: 30px;

  :deep(.van-button) {
    margin-bottom: 20px;
  }
}

.info {
  margin: 8px 14px 30px 14px;
  padding: 14px;
}
</style>