@icreate/ics-temperature-chart NPM

版本更新说明

0.0.15 operaDaysValueColor/isHiddenTempScaleTitle/isHiddenTypesData
0.0.13 1.敏感词从左侧断点 breakPointFromLeftSensitiveWordArr/painBreakFromLeftPointSensitiveWordArr 2.文字支持传入 hospDaysText/operaDaysText/postpartumDaysText /isHiddenPainLeftScale/isHiddenBreatheLeftScale/isHiddenPulseAndHeartRateLeftScale
0.0.11-beta.1 1.新增 painBreakPointSensitiveWordArr（疼痛上下标敏感词，断点不连接）
0.0.11-beta.0 1.可配置 temperatureTitle
0.0.11 1.患者信息可配置内容和顺序 2.最左侧标注 P/T 位置调整 3.下标位置调整 4.局部打印
0.0.10-beta.6 1.刻度尺显示脉搏心率 2.通过参数控制展示物理降温成功/失败 physicalCoolingSuccess，降疼痛成功/失败 dropPainSuccess
0.0.10-beta.4 相交点 tooltipData 有重复项时，插入到中间位置（时间和护士分别在第一和最后）
0.0.10-beta.3 物理降温/降疼痛的 tooltipData
0.0.10-beta.2 相交点的 tooltip 去掉重复项
0.0.10-beta.1 1.tooltip 数据动态传入（每条数据里添加 tooltipData）
0.0.10-beta.0 1.tooltip 相交点提示
0.0.10 1.术后天数/产后天数 2.虚线不能在图标内 3.非标时间点不连线时，标准时间点未连线 4.鼠标移入，提示框
0.0.9-beta.6 1.新增属性 showOriginName（医院名称）/showTemperatureTitle（体温单标题）/showPatientInfo（患者信息）/showWeekNum（周数） 2.呼吸显示区域控制
0.0.9-beta.3 显示上下标/呼吸显示位置调整
0.0.9-beta.2 脉搏比例尺的问题/疼痛的非标准插入
0.0.9-beta.0 补充 readMe: 增加属性 dropPainLineColor/dropPainLineWidth
0.0.9 1.体温不升前后不连线 2.非标时间的展示位置（标准压线，非标居中）等
0.0.8-beta.1 1.修复脉搏心率比例尺刻度问题
0.0.8 1.手术日数 operaDays/产后日数 postpartumDays 分开，并添加参数 isShowOperaDays/isShowPostpartumDays 2.可传入其他类型的测量数据，参考 types 数据类型等
0.0.7 1.新增字段体温/脉搏/心率/呼吸/疼痛是否绘制,是否显示辅助呼吸图标 2.居中显示图标，上下标问题解决
0.0.6 icons 实现：iconFont 改为 svg（icon 名字请参考 ics-ui 中的 icons）

说明

这是一个体温单组件

安装

npm i @icreate/ics-temperature-chart

在 vue 使用

在 vue 项目的 main.js 中引入

import TemperatureChart from '@icreate/ics-temperature-chart'
Vue.use(TemperatureChart)

在其他组件中使用

<!-- temperatureListData  初始值为null -->
<temperature-list
  v-if="temperatureListData"
  :temperatureListData="temperatureListData"
></temperature-list>

<!-- temperatureListData  初始值为{} -->
<temperature-list
  v-if="Object.keys(temperatureListData).length > 0"
  :temperatureListData="temperatureListData"
></temperature-list>

注意：通过 value 传值

数据格式：

// grParamBOS 是基础信息（例如患者信息以及表格其他数据等）
// rows 是体温/脉搏/心率/呼吸/疼痛的数据
//types 数组中  是每日一次的各类检查（例如：血压/出水量等等）
temperatureListData: {
  grParamBOS: [
    {
      originName: '测试医院名称', //医院名称
      temperatureTitle:'体温单标题',
      patientInfoData: [        //患者信息（支持顺序和内容配置）
            {
              name: 'name',   //name可自定义
              label: '姓名',
              value: '李浩'
            },
            {
              name: 'age',
              label: '年龄',
              value: '18'
            },
            {
              name: 'sex',
              label: '性别',
              value: '男'
            },
            {
              name: 'inDiagName',
              label: '诊断',
              value: '-/-'
            },
            {
              name: 'cwh',
              label: '床号',
              value: '19'
            },
            {
              name: 'hospCode',
              label: '住院号',
              value: '1001000'
            },
            {
              name: 'officeName',
              label: '科室',
              value: '内分泌科'
            }
          ],
      // name: '患者9',   //患者姓名
      // age: 66, //年龄
      // sex: '男',  //性别
      // cwh: '1011', //床号
      // hospCode: '0000000006',//住院号
      // inDiagName: '上呼吸道感染', //诊断
      // officeName: '住院科室', //科室
      beginDate: '2020-10-27', //住院开始日期  []
      hospDaysText:"自定义文本", // 住院天数改为其他文字
      operaDaysText:'自定义文本2', // 术后天数改为其他文字
      postpartumDaysText:'自定义文本3', // 产后天数改为其他文字
      hospDays: [],    //住院天数 []
      operaDays: [], //术后天数 []
      postpartumDays: [], //产后天数 []
      isShowOperaDays: true, //是否显示手术日数
      isShowPostpartumDays: true, //是否显示产后日数
      timeArr: [3, 7, 11, 15, 19, 23],   // 时间类型 [2, 6, 10, 14, 18, 22]
      weekNo: 1, //第几周
      iconDrawPosition: 'inline',   // 图标绘制位置  inline/center
      temperatureIsDraw: true, //体温是否绘制
      pulseIsDraw: true, //脉搏是否绘制
      heartRateIsDraw: true, //心率是否绘制
      breatheIsDraw: true, //呼吸是否绘制
      painIsDraw: true, //疼痛评分是否绘制
      assistedBreatheIconIsShow: true, //是否显示辅助呼吸图标
      axillaryTemperatureIconClass: "c-yewen1", //腋温图标 001
      foreheadTemperatureIconClass: "c-yewen2", //额温图标  002
      earTemperatureIconClass: "c-erwen", //耳温图标  003
      mouthTemperatureIconClass: "c-kouwen1", //口温图标 004
      analTemperatureIconClass: "c-gangwen1", //肛温图标  005
      nonStandardTemperatureIconClass: "c-gangwen1", //非标准点插入体温 图标
      pulseIconClass: "c-maibo4", //脉搏图标
      nonStandardPulseIconClass: "c-maibo1", //非标准点插入脉搏图标
      heartRateIconClass: "c-xinlv", //心率
      nonStandardHeartRateIconClass: "c-xinlv", //非标准心率图标
      breatheIconClass: "c-huxi3", //呼吸
      nonStandardBreatheIconClass: "c-huxi3", //非标准呼吸图标
      painIconClass: "c-tengtongpingfen", //疼痛
      nonStandardPainIconClass: "c-tengtongpingfen", //非标准疼痛图标
      tempMax: 40, //体温上限
      tempMin: 33, //体温下限
      pulseMax: 200, //脉搏上限
      pulseMin: 20, //脉搏下限
      breatheMax: 100, //呼吸上限
      breatheMin: 10, //呼吸下限
      painMax: 10, //疼痛上限
      painMin: 0, //疼痛下限
      tempBreakpointIsConnected: true, //体温   断点是否连线
      tempNonStandardTimeEnterIsConnected: true, //非标准时间录入体温，是否连接
      tempNonStandardTimeEnterConnectedLineType: "dashed", // 非标准时间录入体温的连线类型（solid实线/dashed虚线）
      breakPointSensitiveWordArr: ["住院", "分娩", "手术"], // 上下标敏感词，断点不连接  【默认断右侧】
      breakPointFromLeftSensitiveWordArr: ["转科"], // 上下标敏感词，断点不连接 【断左侧】
      painBreakPointSensitiveWordArr:[],// 疼痛上下标敏感词，断点不连接  【默认断右侧】
      painBreakFromLeftPointSensitiveWordArr:[], // 疼痛上下标敏感词，断点不连接 【断左侧】
      pulseBreakpointIsConnected: true, //脉搏 断点是否连线
      pulseNonStandardTimeEnterIsConnected: true, //非标准时间录入脉搏，是否连接
      pulseNonStandardTimeEnterConnectedLineType: "dashed", //非标准时间录入脉搏的连线类型（solid实线/dashed虚线）
      heartRateBreakpointIsConnected: true, //心率 断点是否连线
      heartRateNonStandardTimeEnterIsConnected: true, //非标准时间录入心率，是否连接
      heartRateNonStandardTimeEnterConnectedLineType: "dashed", //非标准时间录入心率的连线类型（solid实线/dashed虚线）
      breatheBreakpointIsConnected: true, //呼吸 断点是否连线
      breatheNonStandardTimeEnterIsConnected: true, //非标准时间录入呼吸，是否连接
      breatheNonStandardTimeEnterConnectedLineType: "dashed", //非标准时间录入呼吸的连线类型（solid实线/dashed虚线）
      painNonStandardTimeEnterIsConnected: true, //非标准时间录入疼痛，是否连接
      painNonStandardTimeEnterConnectedLineType: "dashed", //非标准时间录入疼痛的连线类型（solid实线/dashed虚线）
      pulseEqualHeartRateIconClass: "icon-maibo2", //脉搏和心率相交的图标
      isBreakPulseCrossHeartRate: true, // 脉搏心率交叉录入是否断开不连线
      arrhythmiaIsRegionalMapping: false, //心率不齐是否区域绘图
      arrhythmiaIsRegionalMappingType: "bias", //心率不齐区域绘图的绘图类型（vertical竖线/bias斜线）
      differentTypeTempIsConnected: true, // 不同体温类型之间是否连线
      tempNotRiseIsConnected: false, //体温不升是否连线
      tempSuddenRiseThresholdSet: "38", //体温突然升高 临界值设置
      tempSuddenRiseIcon: "c-tiwenmaiboxiangjiao3", //体温突然升高 图标
      tempLinePulseLineIsAddRemark: true, //体温线 脉搏线 是否增加标注
      physicalCoolingSuccessIconClass: "c-wulijiangwen1", //物理降温图标
      physicalCoolingFailedIconClass: "c-wulijiangwenshibai1", //物理降温失败图标
      assistedBreatheIconClass: "c-fuzhuhuxi", //辅助呼吸图标
      pacemakerHeartRateIconClass: "c-qiboxinlv1", //起搏心率图标
      dropPainSuccessIconClass: "c-jiangtengtongpingfen1", //降疼痛成功图标
      dropPainFailedIconClass: "c-jiangtengtongpingfen2", //降疼痛失败图标
      tempEqualBreatheIconClass: "c-tiwenhuxixiangjiao", //体温呼吸相交图标
      tempEqualHeartRateIconClass: "c-tiwenhuxixiangjiao1", //体温心率相交图标
      axillaryTempEqualPulseIconClass: "c-tiwenmaiboxiangjiao1", //腋温脉搏相交图标
      mouthTempEqualPulseIconClass: "c-tiwenmaiboxiangjiao2", //口温脉搏相交图标
      earTempEqualPulseIconClass: "c-tiwenmaiboxiangjiao3", //耳温脉搏相交图标
      analTempEqualPulseIconClass: "c-tiwenmaiboxiangjiao4", //肛温脉搏相交图标
      foreheadTempEqualPulseIconClass: "c-tiwenmaiboxiangjiao5", //额温脉搏相交图标
      pulseEqualBreatheIconClass: "c-huximaiboxiangjiao1", //脉搏呼吸相交
      tempNotRiseIconClass: "c-tiwenmaiboxiangjiao2", //体温不升图标showTemperatureTitle
      tempLineColor: "blue",//体温线条颜色
      tempLineWidth: "1px",//体温线条粗细
      physicalCoolingLineColor: "red",//物理降温线条颜色
      physicalCoolingLineWidth: "1px",//物理降温线条粗细
      pulseLineColor: "red",//脉搏线条颜色
      pulseLineWidth: "1px",//脉搏线条粗细
      heartRateLineColor: "red", //心率线条颜色
      heartRateLineWidth: '1px',//心率线条粗细
      breatheLineColor: "black", //呼吸线条颜色
      breatheLineWidth: "1px",//呼吸线条粗细
      painLineColor: "black", //疼痛线条颜色
      painLineWidth: "1px",//疼痛线条粗细
      dropPainLineColor: "red", //降疼痛线条颜色
      dropPainLineWidth: "1px", //降疼痛线条粗细
      showOriginName: false, //是否显示医院名称
      showTemperatureTitle:false,//是否显示体温单标题（即体温单三个字）
      showPatientInfo: false, //是否显示患者信息
      showWeekNum: false, //是否显示第几周
      tempNonStandardTimeIsDraw:true,//非标时间点是否绘制
      pulseNonStandardTimeIsDraw:true,
      heartRateNonStandardTimeIsDraw:true,
      breatheNonStandardTimeIsDraw:true,
      painNonStandardTimeIsDraw:true,
      isHiddenPainLeftScale: true, // 隐藏疼痛左侧比例尺
      isHiddenBreatheLeftScale: true, // 隐藏呼吸左侧比例尺
      isHiddenPulseAndHeartRateLeftScale: true ,// 隐藏脉搏心率左侧比例尺
      operaDaysValueColor: 'red', // 术后天数的天数颜色
      isHiddenTempScaleTitle: true, // 隐藏体温单比例尺的头部
      isHiddenTypesData: true ,// 隐藏体温单底部数据（例如：血压、出入量等）
      isHiddenAmAndPm:true // 隐藏上午跟下午
}
  ],
  rows: [
    //每条数据的属性值可以是空值，但每条数据都必须有
    // {
    //   date: "",//日期
    //   times: "",//时间
    //   typeCode: "",//体温类型  001腋温 002额温  003耳温 004口温 005肛温 006脉搏 007心率 008呼吸 009疼痛
    //   typeValue: "",// 体温值  脉搏值 心率值 呼吸值  疼痛值
    //   physicalCoolingVal: "",//物理降温值
    //   physicalCoolingSuccess:true ,//物理降温成功/失败
    //   pacemakerHeartRate: false,//是否是起搏心率
    //   assistedBreathe: false,//是否辅助呼吸
    //   dropPainVal: '',//降疼痛值
    //   dropPainSuccess:true,//降疼痛成功/失败
    //   superscript: "",//上标
    //   subscript: '',//下标
      // tooltipData: [        //tooltipData 支持动态传入
      //           {
      //             label: "日期",
      //             value: "2022-09-23",
      //           },
      //           {
      //             label: "口温",
      //             value: "38.4℃",
      //           },
      //           {
      //             label: "护士姓名",
      //             value: "小洁",
      //           },
      //         ],
    // }
    {
      //体温数据
      tempData: [
        {
          date: '2020-12-25',
          times: '03:00:00',
          typeCode: '001',  //腋温
          typeValue: '37'
        },
        {
          date: '2020-12-25',
          times: '07:00:00',
          typeCode: '001',
          typeValue: '36.5'
        },
        {
          date: '2020-12-25',
          times: '11:00:00',
          typeCode: '004',  //口温
          typeValue: '37'
        }
        ...
      ],
      //脉搏
      pulseData: [
        {
          date: '2020-12-25',
          times: '03:00:00',
          typeCode: '006',
          typeValue: '72'
        }
        ...
      ],
      //心率
      heartRateData: [
        {
          date: '2020-12-25',
          times: '03:00:00',
          typeCode: '007',
          typeValue: '72'
        }
        ...
      ],
      //呼吸
      breatheData: [
        {
          date: '2020-12-25',
          times: '03:00:00',
          typeCode: '008',
          typeValue: '16'
        }
        ...
      ],
      //疼痛
      painData: [
        {
          date: '2020-12-25',
          times: '03:00:00',
          typeCode: '009',
          typeValue: '7'
        }
        ...
      ],
      //上下标
      remarkList: [
        {
          date: '2020-12-25',
          times: '03:00:00',
          superscript: "住院",
          subscript: ""
        }
        ...
      ]
    },
  ],
  types: [
    //每日一次的测量数据（血压/出量/入量/大便...）
    // {
    //   date: '2020-12-25 00:00:00', //日期时间
    //   times: null,
    //   typeCode: '016',   //数据类型
    //   typeLabel: "血压(mmHg)",  //数据名称
    //   typeValue: null   //数据值
    // },

// 血压(mmHg)  01（typeCode）
// 入量(ml)   02
// 出量(ml)  03
// 大便(次)   04
// 小便(次)   05
// 身高(cm)   06
// 体重(kg)   07
// 过敏药物   08
//-------------后面按typeCode顺序，可以添加数据
//例如
//饮食(次)  09

        {
          date: "2020-12-25 00:00:00",
          times: null,
          typeCode: "01",
          typeLabel: "血压(mmHg)",
          typeValue: "110/70",
        },
        {
          date: "2020-12-25 00:00:00",
          times: null,
          typeCode: "02",
          typeLabel: "入量(ml)",
          typeValue: "1000",
        },
    ...
  ]
}