/report-custom

影像报告模板定制

Primary LanguageJavaScript

背景

各个医院对报告模板的样式有不同的要求,每次都要手动去调整代码,方法比较笨。介于报告模板的样式本身就不复杂,就想着能不能用自由拖拽的方式,生成模板

实现的功能点

  1. 字段内容可编辑,大小可调节(双击字段编辑,再双击退出,点击缩放按钮进行缩放)
  2. 有标尺和参考线
  3. 可根据已有元素进行自动吸附对齐(标题要居中对齐所以参考线在中间,其他为左对齐和上对齐)
  4. 影像描述和诊断内容等大文本框可调节大小
  5. 可定制纸张模板的尺寸

遗留的坑

  1. 标题居中对齐,需要先拖放一次标题
  2. 页面欠美观
  3. 只有左对齐和上对齐
  4. 没有考虑浏览器的兼容性,只在Chrome下进行了测试