temperature-list v0.0.10-beta.4

版本更新说明

• 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/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 temperature-list

在vue使用

1. 在vue项目的main.js中引入

import TemperatureList from 'temperature-list/dist-temp/temp.umd.js'
import 'temperature-list/dist-temp/temp.css'
Vue.use(TemperatureList)  

2. 在其他组件中使用

<!-- 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: [
    {
      age: 66, //年龄
      beginDate: '2020-10-27', //住院开始日期  []
      cwh: '1011', //床号
      hospCode: '0000000006',//住院号
      originName: '测试医院名称', //医院名称
      hospDate: 1608889359000,
      hospDays: [],    //住院天数 []
      inDiagName: '上呼吸道感染', //诊断
      name: '患者9',   //患者姓名
      officeName: '住院科室', //科室
      operaDays: [], //手术日数 []
      postpartumDays: [], //产后日数 []
      isShowOperaDays: true, //是否显示手术日数
      isShowPostpartumDays: true, //是否显示产后日数
      sex: '男',  //性别
      weekNo: '0', //第几周
      timeArr: [3, 7, 11, 15, 19, 23],   // 时间类型 [2, 6, 10, 14, 18, 22]
      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: ["住院", "分娩", "手术"], // 上下标敏感词，断点不连接
      pulseBreakpointIsConnected: true, //脉搏 断点是否连线
      pulseNonStandardTimeEnterIsConnected: true, //非标准时间录入脉搏，是否连接
      pulseNonStandardTimeEnterConnectedLineType: "dashed", //非标准时间录入脉搏的连线类型（solid实线/dashed虚线）
      heartRateBreakpointIsConnected: true, //心率 断点是否连线
      heartRateNonStandardTimeEnterIsConnected: true, //非标准时间录入心率，是否连接
      heartRateNonStandardTimeEnterConnectedLineType: "dashed", //非标准时间录入心率的连线类型（solid实线/dashed虚线）
      breatheBreakpointIsConnected: true, //呼吸 断点是否连线
      breatheNonStandardTimeEnterIsConnected: true, //非标准时间录入呼吸，是否连接
      breatheNonStandardTimeEnterConnectedLineType: "dashed", //非标准时间录入呼吸的连线类型（solid实线/dashed虚线）
      painBreakpointIsConnected: true, //疼痛 断点是否连线
      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", //体温不升图标
      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, //是否显示体温单名称
      showPatientInfo: false, //是否显示患者信息
      showWeekNum: false, //是否显示第几周
    }
  ],
  rows: [
    //每条数据的属性值可以是空值，但每条数据都必须有
    // {
    //   date: "",//日期
    //   times: "",//时间
    //   typeCode: "",//体温类型  001腋温 002额温  003耳温 004口温 005肛温 006脉搏 007心率 008呼吸 009疼痛
    //   typeValue: "",// 体温值  脉搏值 心率值 呼吸值  疼痛值
    //   physicalCoolingVal: "",//物理降温值
    //   pacemakerHeartRate: false,//是否是起搏心率
    //   assistedBreathe: false,//是否辅助呼吸
    //   dropPainVal: '',//降疼痛值
    //   superscript: "",//上标
    //   subscript: '',//下标
        ClearDuplicateData:true,
      // 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",
        },
    ...
  ]
}