npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

ai-search-personinfocard

v1.0.17

Published

底部卡片详情组件

Downloads

23

Readme

DemoTable

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { PersonInfoCard } from 'ai-search-personinfocard';

const data = {
            "dataType":"fulltext",
            "recordType":"<source-name>",
            "identifier":"362330199112138274",
            "record":{
                "headUrl": "https://img.alicdn.com/tfs/TB1UV54NMHqK1RjSZFEXXcGMXXa-120-120.jpg",
                "catalogCode":"rk_rylj_xx",
                "catalogName":"人员劣迹",
                "tableName":"案件基本信息",
                "tableCode":"ids_obj_ajjbxx_df",
                "highlight":[
                    "嘉兴市",
                    "2017",
                    "王明根",
                    "362330199112138274"
                ],
                "entityInfo":{
                    "entityType":null,
                    "entityValue":"",
                    "cphType":null,
                    "cphTypeValue":null
                },
                "lables":[
                    {
                        "lablesName":"流动人口",
                        "lablesWeight":90,
                        "zjhm":"362330199112138274"
                    },
                    {
                        "lablesName":"凌晨or上午上网2天",
                        "lablesWeight":80,
                        "zjhm":"362330199112138274"
                    },
                    {
                        "lablesName":"凌晨or上午上网占比50.00%",
                        "lablesWeight":50,
                        "zjhm":"362330199112138274"
                    }
                ],
                "labels":[
                    {
                      "labelName": "与吸毒人员出行次数",               //标签名称
                      "labelType": 2,                                //标签类型 1布尔类型,2统计类型 3占比类型 4直接展示类型
                      "expression": "与吸毒人员出行value次",          //表达式
                      "labelValue": "1",                            //标签值
                      "displayValue": "与吸毒人员出行1次",            //
                      "orderNum": 2,
                      "labelDesc": "出行记录",
                      "remarks": null,
                      "zjhm": "1243",
                      "cphm": null,
                      "lgdm": null,
                      "labelCategoryId": 1,
                      "categoryCode": "ryjbxx",
                      "categoryName": "人员基本信息",
                      "parentCategoryId": "0",
                      "moduleCode": "xdry"
                    },
                    {
                      "labelName": "凌晨上网占比",
                      "labelType": 3,
                      "expression": "凌晨上网占比value",
                      "labelValue": "0.6",
                      "displayValue": "凌晨上网占比60%",
                      "orderNum": 1,
                      "labelDesc": "上网记录",
                      "remarks": null,
                      "zjhm": "1243",
                      "cphm": null,
                      "lgdm": null,
                      "labelCategoryId": 1,
                      "categoryCode": "ryjbxx",
                      "categoryName": "人员基本信息",
                      "parentCategoryId": "0",
                      "moduleCode": "swzb"
                    },
                    {
                      "labelName": "凌晨上网占比",
                      "labelType": 3,
                      "expression": "凌晨上网占比value",
                      "labelValue": "0.6",
                      "displayValue": "凌晨上网占比70%",
                      "orderNum": 1,
                      "labelDesc": "上网记录",
                      "remarks": null,
                      "zjhm": "1243",
                      "cphm": null,
                      "lgdm": null,
                      "labelCategoryId": 1,
                      "categoryCode": "ryjbxx",
                      "categoryName": "人员基本信息",
                      "parentCategoryId": "0",
                      "moduleCode": "swzb1"
                    },
                    {
                      "labelName": "与吸毒人员出行次数",               //标签名称
                      "labelType": 2,                                //标签类型 1布尔类型,2统计类型 3占比类型 4直接展示类型
                      "expression": "与吸毒人员出行value次",          //表达式
                      "labelValue": "1",                            //标签值
                      "displayValue": "与吸毒人员出行1次",            //
                      "orderNum": 2,
                      "labelDesc": "出行记录",
                      "remarks": null,
                      "zjhm": "1243",
                      "cphm": null,
                      "lgdm": null,
                      "labelCategoryId": 1,
                      "categoryCode": "ryjbxx",
                      "categoryName": "人员基本信息",
                      "parentCategoryId": "0",
                      "moduleCode": "xdry"
                    },
                    {
                      "labelName": "凌晨上网占比",
                      "labelType": 3,
                      "expression": "凌晨上网占比value",
                      "labelValue": "0.6",
                      "displayValue": "凌晨上网占比60%",
                      "orderNum": 1,
                      "labelDesc": "上网记录",
                      "remarks": null,
                      "zjhm": "1243",
                      "cphm": null,
                      "lgdm": null,
                      "labelCategoryId": 1,
                      "categoryCode": "ryjbxx",
                      "categoryName": "人员基本信息",
                      "parentCategoryId": "0",
                      "moduleCode": "swzb"
                    },
                    {
                      "labelName": "凌晨上网占比",
                      "labelType": 3,
                      "expression": "凌晨上网占比value",
                      "labelValue": "0.6",
                      "displayValue": "凌晨上网占比70%",
                      "orderNum": 1,
                      "labelDesc": "上网记录",
                      "remarks": null,
                      "zjhm": "1243",
                      "cphm": null,
                      "lgdm": null,
                      "labelCategoryId": 1,
                      "categoryCode": "ryjbxx",
                      "categoryName": "人员基本信息",
                      "parentCategoryId": "0",
                      "moduleCode": "swzb1"
                    },
                ],
                "titleConfig":[
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ajbh",
                        "modelFieldType":"keyword",
                        "fieldName":"行政、刑事案件编号",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"title",
                        "titleOrder":"1",
                        "headOrder":null,
                        "fieldValue":"A3304115600002017100142"
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ajmc",
                        "modelFieldType":"text",
                        "fieldName":"案件名称",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"title",
                        "titleOrder":"2",
                        "headOrder":null,
                        "fieldValue":"嘉兴市秀洲区王春富故意伤害案"
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"barlxfs",
                        "modelFieldType":"keyword",
                        "fieldName":"报案人联系方式",
                        "fieldType2":null,
                        "fieldType":"sjh",
                        "confType":"title",
                        "titleOrder":"3",
                        "headOrder":null,
                        "fieldValue":null
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"jjjyqk",
                        "modelFieldType":"keyword",
                        "fieldName":"接警简要情况",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"title",
                        "titleOrder":"4",
                        "headOrder":null,
                        "fieldValue":null
                    }
                ],
                "fields":[
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"zjid",
                        "fieldName":"主键ID",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ajbh",
                        "fieldName":"行政、刑事案件编号",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"A3304115600002017100142"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ajmc",
                        "fieldName":"案件名称",
                        "isShow":null,
                        "fieldType":"text",
                        "fieldValue":"嘉兴市秀洲区王春富故意伤害案"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ajlbdm",
                        "fieldName":"案件类别代码",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"02"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ajlbmc",
                        "fieldName":"案件类别名称",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"刑事"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"zabdm",
                        "fieldName":"主案别代码",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"04000300"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"zabmc",
                        "fieldName":"主案别名称",
                        "isShow":null,
                        "fieldType":"text",
                        "fieldValue":"故意伤害罪"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ajlyms",
                        "fieldName":"案件来源描述",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"报案"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"aqms",
                        "fieldName":"案情描述",
                        "isShow":null,
                        "fieldType":"text",
                        "fieldValue":"2017年10月27日09时31分接王明根报案称:2017年10月27日08时30分左右,在嘉兴市秀洲区王江泾镇虹阳村高小桥11号王明根家后面,王明根与王春富因土地问题发生口角,后双方发生打架,过程中王春富用地上的半截砖块砸了王明根,至王明根肩部受伤。"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ajztmc",
                        "fieldName":"案件状态名称",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"移送起诉"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"sfsw",
                        "fieldName":"是否涉外",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"sajzwy",
                        "fieldName":"涉案价值(万元)",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ssjzrmby",
                        "fieldName":"损失价值(人民币元)",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"zjshrswrs",
                        "fieldName":"直接受害人死亡人数",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"zjshrssrs",
                        "fieldName":"直接受害人受伤人数",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"whjjss",
                        "fieldName":"挽回经济损失",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"asjfskssj",
                        "fieldName":"案事件发生开始时间",
                        "isShow":null,
                        "fieldType":"date",
                        "fieldValue":"2017-10-27 08:31:00"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"asjfsjssj",
                        "fieldName":"案事件发生结束时间",
                        "isShow":null,
                        "fieldType":"date",
                        "fieldValue":"2017-10-27 08:40:00"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"rsdmc",
                        "fieldName":"日时段",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fadsspcsdm",
                        "fieldName":"发案地所属派出所代码",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fadsspcsmc",
                        "fieldName":"发案地所属派出所名称",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"afdxzqhdm",
                        "fieldName":"案发地行政区划代码",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"330411"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"afdxzqh",
                        "fieldName":"案发地行政区划名称",
                        "isShow":null,
                        "fieldType":"text",
                        "fieldValue":"浙江省嘉兴市秀洲区"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fsddxz",
                        "fieldName":"发生地点详址",
                        "isShow":null,
                        "fieldType":"text",
                        "fieldValue":"王江泾镇虹阳村高小桥11号王明根家后面"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fsddgdjd",
                        "fieldName":"发生地点高德经度",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"120.674809"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fsddgdwd",
                        "fieldName":"发生地点高德纬度",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"30.843560"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fsddgdgeohash",
                        "fieldName":"发生地点高德geohash",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"wtmz6nbsyb76"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fsddpgisjd",
                        "fieldName":"发生地点pgis经度",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fsddpgiswd",
                        "fieldName":"发生地点pgis纬度",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fsddpgisgeohash",
                        "fieldName":"发生地点pgisgeohash",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fadzddm",
                        "fieldName":"发案地中队代码",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fadzdmc",
                        "fieldName":"发案地中队名称",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fadydm",
                        "fieldName":"发案地域代码",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fadymc",
                        "fieldName":"发案地域名称",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"zagjmc",
                        "fieldName":"作案工具名称",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"zadjmc",
                        "fieldName":"作案动机名称",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"slsj",
                        "fieldName":"受理时间",
                        "isShow":null,
                        "fieldType":"date",
                        "fieldValue":"2017-10-27 00:00:00"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"lasj",
                        "fieldName":"立案时间",
                        "isShow":null,
                        "fieldType":"date",
                        "fieldValue":"2017-10-27 20:44:06"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"pasj",
                        "fieldName":"破案时间",
                        "isShow":null,
                        "fieldType":"date",
                        "fieldValue":"2020-09-08 18:51:56"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"xasj",
                        "fieldName":"销案时间",
                        "isShow":null,
                        "fieldType":"date",
                        "fieldValue":"2020-09-08 18:51:56"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"sldwdm",
                        "fieldName":"受理单位代码",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"330411560000"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"sldw",
                        "fieldName":"受理单位",
                        "isShow":null,
                        "fieldType":"text",
                        "fieldValue":"嘉兴市公安局秀洲区分局王江泾派出所"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ladwdm",
                        "fieldName":"立案单位代码",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"330411560000"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ladw",
                        "fieldName":"立案单位",
                        "isShow":null,
                        "fieldType":"text",
                        "fieldValue":"嘉兴市公安局秀洲区分局王江泾派出所"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"padwdm",
                        "fieldName":"破案单位代码",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"padw",
                        "fieldName":"破案单位",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"cadwdm",
                        "fieldName":"撤案单位代码",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"cadw",
                        "fieldName":"撤案单位",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"tbrxm",
                        "fieldName":"填报人姓名",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"tbsj",
                        "fieldName":"填报时间",
                        "isShow":null,
                        "fieldType":"date",
                        "fieldValue":"2017-10-27 19:51:18"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"barlxfs",
                        "fieldName":"报案人联系方式",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"jjjyqk",
                        "fieldName":"接警简要情况",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"cjjyqk",
                        "fieldName":"处警简要情况",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":null
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"lyxt",
                        "fieldName":"来源系统",
                        "isShow":null,
                        "fieldType":"text",
                        "fieldValue":"执法办案二期案件信息(含涉密信息)"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"lyxtsjcjsj",
                        "fieldName":"来源系统数据采集时间",
                        "isShow":null,
                        "fieldType":"date",
                        "fieldValue":"2020-09-08 00:14:34"
                    },
                    {
                        "tableCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"dw_rksj",
                        "fieldName":"入库时间",
                        "isShow":null,
                        "fieldType":"keyword",
                        "fieldValue":"20200908021150"
                    }
                ],
                "headerConfig":[
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"asjfskssj",
                        "modelFieldType":"date",
                        "fieldName":"案事件发生开始时间",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"1",
                        "fieldValue":"2017-10-27 08:31:00"
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"asjfsjssj",
                        "modelFieldType":"date",
                        "fieldName":"案事件发生结束时间",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"2",
                        "fieldValue":"2017-10-27 08:40:00"
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"fsddxz",
                        "modelFieldType":"text",
                        "fieldName":"发生地点详址",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"3",
                        "fieldValue":"王江泾镇虹阳村高小桥11号王明根家后面"
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"slsj",
                        "modelFieldType":"date",
                        "fieldName":"受理时间",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"4",
                        "fieldValue":"2017-10-27 00:00:00"
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"lasj",
                        "modelFieldType":"date",
                        "fieldName":"立案时间",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"5",
                        "fieldValue":"2017-10-27 20:44:06"
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"pasj",
                        "modelFieldType":"date",
                        "fieldName":"破案时间",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"6",
                        "fieldValue":"2020-09-08 18:51:56"
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"ladw",
                        "modelFieldType":"text",
                        "fieldName":"立案单位",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"7",
                        "fieldValue":"嘉兴市公安局秀洲区分局王江泾派出所"
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"padw",
                        "modelFieldType":"keyword",
                        "fieldName":"破案单位",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"8",
                        "fieldValue":null
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"cadw",
                        "modelFieldType":"keyword",
                        "fieldName":"撤案单位",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"9",
                        "fieldValue":null
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"tbrxm",
                        "modelFieldType":"keyword",
                        "fieldName":"填报人姓名",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"10",
                        "fieldValue":null
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"tbsj",
                        "modelFieldType":"date",
                        "fieldName":"填报时间",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"11",
                        "fieldValue":"2017-10-27 19:51:18"
                    },
                    {
                        "modelCode":"ids_obj_ajjbxx_df",
                        "fieldCode":"cjjyqk",
                        "modelFieldType":"keyword",
                        "fieldName":"处警简要情况",
                        "fieldType2":null,
                        "fieldType":null,
                        "confType":"header",
                        "titleOrder":null,
                        "headOrder":"12",
                        "fieldValue":null
                    }
                ],
                "id":"f1ad768ca6f6f3a4b0fae24a5b00ca8a",
                "lastUpdateTime":"2020-09-08 19:04:05",
                "sfzh":null,
                "isKeyPersonnel":null,
                "lat":null,
                "lon":null,
                "dateBuckets":null,
                "labelName":null,
                "redFlag":false,
                "aiSearch":false
            },
            "score":0.7
        }

  const fields = {
    labelDataCode: 'labels',
    headUrlCode: 'headUrl',
    title: {
      keyCode: 'fieldCode',
      valueCode: 'fieldValue',
      dataCode: 'titleConfig',
      keys: [
        {
          value: 'ajbh',
          type: 'link',
          onClick: (value) => {
            console.log(value, '1235');
          }
        },
        {
          type: 'text',
          value: 'ajmc'
        },
        {
          type: 'text',
          value: 'barlxfs'
        },
        {
          type: 'text',
          value: 'jjjyqk',
        }
      ]
    },
    header: {
      keyCode: 'fieldCode',
      valueCode: 'fieldValue',
      labelCode: 'fieldName',
      dataCode: 'headerConfig',
      keys: [
        {
          value: 'asjfskssj',
          type: 'link',
          onClick: (value) => {
            console.log(value, '1235');
          }
        },
        {
          type: 'text',
          value: 'asjfsjssj'
        },
        {
          value: 'fsddxz',
          type: 'link',
          onClick: (value) => {
            console.log(value, '1235');
          }
        },
        {
            type: 'text',
            value: 'slsj',
        },
        {
            type: 'text',
            value: 'lasj',
        },
        {
            type: 'text',
            value: 'pasj',
        }
      ]
    },
    extra: {
      firstValue: 'catalogName',
      lastValue: 'tableName',
      time: {
        label: '表更新时间',
        value: 'lastUpdateTime',
      }
    },
    bottomButton: [
      {
        label: '一键布控',
        onClick: (value) => {
          console.log(value);
        }
      },
    ],
  }

class App extends Component {
  render() {
    return (
      <div>
        <PersonInfoCard hlList={data.record.highlight} data={data.record} fields={fields} hightLightClassName='bule'/>
        <PersonInfoCard hlList={data.record.highlight} confUrl={'/mock/akDCghOZ1/personinfocard'} queryBody={{id: 1}} fields={fields} hightLightClassName='bule'/>
      </div>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);

props

| 参数 | 类型 | 说明 | 必填 | | :----------- | :--------------: | -----------: | ---- | | id | string | domId | 否 | | className | string | 类名 | 否 | | data | object | 传入的数据 | 否 | | fields | object |传入的展示数据对应的字段 | 否 | | hightLightClassName | string | 高亮的类名 | 否 | | infoDisabled | boolean | 完整信息按钮隐藏/展示 | 否 | | confUrl | string | 请求数据的url | 否 | | queryBody | object | 请求数据的传参 | 否 | | hlList | object | 高亮数据外部传入 | 否 |