Giter Club home page Giter Club logo

report-custom's Introduction

背景

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

实现的功能点

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

遗留的坑

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

report-custom's People

Contributors

chechengpeng avatar stillsilly avatar xiaojue avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

simonechau yutucc moling3650 dudu5168 alexqch kangwrite leiallen zzwfe zeavean kissy-xxy aircloud vtronxy donson liuxiaoyue futai tanggaozeng fengzeming zzzhen github-ljrong yywang95 mrtcxwebber alexandersaber wenyao5638 kimixue shizhidi jankid qqqaaassshu chechengpeng miku561 zhengguorong lzw12 jasonatchina wqproject qinlue fucora vw331 enemy-lines

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.