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

@icreate/ics-temperature-chart

v0.0.25

Published

体温单

Downloads

5

Readme

版本更新说明

  • [ 0.0.23] 上下标&符号替换为空格
  • [ 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 使用

  1. 在 vue 项目的 main.js 中引入
import TemperatureChart from '@icreate/ics-temperature-chart'
Vue.use(TemperatureChart)
  1. 在其他组件中使用
<!-- 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",
        },
    ...
  ]
}