ContactDetailsHeader.vue 1.0 KB

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <div>
  3. <div class="flex items-start justify-between">
  4. <div>
  5. <el-col>
  6. <el-row>
  7. <span class="text-xl font-bold">{{ contact.name }}</span>
  8. </el-row>
  9. </el-col>
  10. </div>
  11. <div>
  12. <!-- 右上:按钮 -->
  13. <slot></slot>
  14. </div>
  15. </div>
  16. </div>
  17. <ContentWrap class="mt-10px">
  18. <el-descriptions :column="5" direction="vertical">
  19. <el-descriptions-item label="客户名称">{{ contact.customerName }}</el-descriptions-item>
  20. <el-descriptions-item label="职务">{{ contact.post }}</el-descriptions-item>
  21. <el-descriptions-item label="手机">{{ contact.mobile }}</el-descriptions-item>
  22. <el-descriptions-item label="创建时间">
  23. {{ formatDate(contact.createTime) }}
  24. </el-descriptions-item>
  25. </el-descriptions>
  26. </ContentWrap>
  27. </template>
  28. <script lang="ts" setup>
  29. import * as ContactApi from '@/api/crm/contact'
  30. import { formatDate } from '@/utils/formatTime'
  31. const { contact } = defineProps<{ contact: ContactApi.ContactVO }>()
  32. </script>