index.tsx 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. import { View, Text, Image } from "@tarojs/components";
  2. import DigitalCardBasic from "@/components/DigitalCard/DigitalCardBasic";
  3. import { TVisitorAgent } from "@/types/visitor";
  4. import TagCertificated from "@/components/tag-certificated";
  5. import Taro from "@tarojs/taro";
  6. import { AvatarMedia } from '@/components/AvatarMedia';
  7. import AgentCard from "@/components/AgentCard/index";
  8. export interface IndexProps {
  9. data: TVisitorAgent;
  10. }
  11. const VisitorSummary = ({ data }: IndexProps) => {
  12. return (
  13. <View className="w-full p-12">
  14. <AgentCard
  15. className="bg-opacity-0 p-0 rounded-none"
  16. key={data.agentId}
  17. data={data}
  18. onClick={() => {
  19. Taro.navigateTo({
  20. url: `/pages/profile/index?agentId=${data.agentId}`,
  21. })
  22. }}
  23. >
  24. </AgentCard>
  25. {/* <View className="flex items-center gap-12">
  26. <View className="flex items-center rounded-full overflow-hidden" onClick={}>
  27. <View className="w-60 h-60 bg-gray-3 rounded-full">
  28. <AvatarMedia source={data.avatarUrl || ''} mode="aspectFill"
  29. className="w-60 h-60 bg-gray-3 rounded-full"></AvatarMedia>
  30. </View>
  31. </View>
  32. <View className="flex flex-col gap-8">
  33. <View className="flex items-start">
  34. <View className="flex flex-col flex-1">
  35. <View className="flex items-end gap-8">
  36. <View className="text-24 font-medium leading-32">{data.name}</View>
  37. <View className="text-12 leading-20">{data.position ?? ""}</View>
  38. </View>
  39. <View className="flex items-center gap-2">
  40. <View className="text-12 leading-20 truncate max-w-[188px]">{data?.entName || ''}</View>
  41. {data.isEnt && <TagCertificated />}
  42. </View>
  43. </View>
  44. </View>
  45. <View className="flex-center text-12 leading-20">
  46. <View className="flex-1">
  47. <Text className="text-primary">{data.chatRound}</Text> 轮对话
  48. </View>
  49. <View className="text-gray-45 leading-20">{data.lastChatTime}</View>
  50. </View>
  51. </View>
  52. </View> */}
  53. </View>
  54. );
  55. };
  56. export default VisitorSummary;