app-vue-component

IMedx的应用组件开发模板

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Open Template Route

http://localhost:<port>/#/test-demo1
http://localhost:<port>/#/test-demo2

参数含义

{
  partogramBaseInfo: {
    drawMode: 'crossover', // companion:伴行型 crossover1: 交叉型模式1 crossover2: 交叉型模式2
    womenType: 'primiparous', // primiparous:初产妇， multiparous: 经产妇
    showOriginName: true, // 是否展示医院名称
    originName: '测试医院名称', // 医院名称
    showPartogramTitle: true, // 是否展示单据名称
    partogramTitle: null, // 单据名称
    showPatientInfo: true, // 是否展示患者信息
    // 产程图内容显示顺序(order表示顺序)
    orderStr: '产程曲线,日期,时间,胎心,宫缩,血压,特殊情况及处理,签名',
    // 患者信息
    patientInfoData: [
      { label: '姓名', value: '张贝贝' },
      { label: '年龄', value: '25' },
      { label: '胎产', value: '胎产信息' },
      { label: '住院号', value: '495009' }
    ],
    colNum: 27, // 最大格数
    xLineColor: '',
    yLineColor: '',
    // 宫口扩张参数
    expansionType: 0, // 扩张纵坐标（1：从上到下是10~0，0:0~10）
    expansionLineColor: 'red',
    expansionSvgIcon: 'c-xinlv',
    expansionBeforeLineType: 1, // 患者入区前线型(0-实线，1虚线)
    // 先露下降参数
    declineType: 1, // 先露下降纵坐标（1：从上到下是+5~-5,0：-5~+5）
    declineLineColor: 'pink',
    declineSvgIcon: 'c-yewen1',
    declineConnectZero: false, // 胎头下降第一个值与0时纵轴水平相连
    declineCesarean: false, // 启用剖宫产和胎吸助勉绘图(胎头下降第一个值与0时纵轴水平相连，开启后，才能开启)
    declineAssistedDelivery: false, // 是否助勉折线绘图
    // 处理记录向下箭头参数
    processRecordText: '已经处理',
    processRecordShow: true, // 是否绘制处理记录
    processRecordSvgIcon: 'c-yewen2',
    processRecordFontSize: 7, // 1-18px
    processRecordDirection: 'vertical', // vertical-纵向 horizontal-横向
    // 胎儿娩出向下箭头参数
    fetusText: '出生',
    fetusFontSize: 8, // 1-18px
    fetusColor: 'red',
    fetusLength: 10, // 向下箭头长度(px)
    fetusShowIcon: true, // 是否展示胎儿娩出图标
    fetusSvgIcon: 'c-yewen3',
    fetusLineType: 1, // 线型(0-实线，1虚线)
    fetusIconDirection: true, // 显示在分娩箭头下方（默认false）
    fetusOffset: 30, // 偏移量
    // 胎盘娩出向下箭头参数
    placentaText: '胎盘',
    placentaColor: 'green',
    placentaLength: 10, // 向下箭头长度(px)
    placentaShowIcon: false, // 是否展示胎盘娩出图标
    placentaSvgIcon: 'c-yewen3',
    placentaLineType: 0, // 线型(0-实线，1虚线)
    placentaIconDirection: true, // 显示在分娩箭头下方（默认false）
    placentaDirection: 'vertical', // vertical-纵向 horizontal-横向
    // 警戒线参数
    cordonLineType: 0, // 线型(0-实线，1虚线)
    cordonFontWeight: 2, // 粗细：1px到5px范围
    cordonLineColor: 'red', // 线条颜色
    cordonIsExtend: false, // 是否延伸到0点
    cordonIsHidden: false, // 是否隐藏
    cordonPriTimeSpan: 3, // 初产妇时间跨度
    cordonMulTimeSpan: 3, // 经产妇时间跨度
    cordonSuperscript: 10, // 上标位置：与最大值为起始点坐标距离
    cordonSubscript: 10, // 下标位置：与最小值为起始点坐标距离
    // 处理线参数
    processStart: 3, // 宫口开大值，起点范围从0到9之间设置
    processLineType: 1, // 线型(0-实线，1虚线)
    processFontWeight: 3, // 粗细：1px到5px范围
    processLineColor: 'green', // 线条颜色
    processIsExtend: false, // 是否延伸到0点
    processIsHidden: false, // 是否隐藏
    processPriDistance: 4, // 初产妇处理线与警戒线的距离
    processMulDistance: 3, // 经产妇处理线与警戒线的距离
    processSuperscript: 10, // 上标位置：与最大值为起始点坐标距离
    processSubscript: 10 // 下标位置：与最小值为起始点坐标距离
  },
  // 源数据
  partogramSourceData: [],
  // 处理后的数据
  partogramData: []
}

// 连线参数
defaultStart: false, // 绘图默认起始点, 启用：绘图起点在X=1处，不启用：则绘图起点在宫缩开始时间点处，默认不启用
/**
  * companion:宫颈扩张、胎头下降与0连线，终点不连线
  * crossover1: 宫颈扩张、胎头下降曲线都与起点、终点连线。
  * crossover2: 仅宫颈扩张曲线与起点、终点连线
  **/
endLine: false, // 宫口开大最后一个值与终点不连线 (drawMode为 crossover1 或 crossover2)
horizontalLine: false, // 胎头下降第一个值与0时纵轴水平相连, 说明：胎头下降第一个值与0时纵轴水平相连，最后一个值与纵轴不连线。
connectFetus: false, // 胎头下降最后一个值是否与娩出时间对应的X轴连线
showMaxExpansion: false, // 宫口开大绘图只绘制到第一次宫口开全，后续则不绘制
connectDecline: false, // 剖宫产娩出信息箭头是否与最后一次胎头下降图标连接
drawCompanion: false, // 宫颈扩张、胎头下降与0连线，终点不连线
drawCrossover1: false, // 宫颈扩张、胎头下降曲线都与起点、终点连线。
drawCrossover2: false, // 仅宫颈扩张曲线与起点、终点连线