挂号页面新增挂号开发完成

src/main/java/cn/hnthyy/thmz/enums/GenderEnum.java

@@ -0,0 +1,36 @@
+package cn.hnthyy.thmz.enums;
+
+import java.util.Arrays;
+import java.util.List;
+
+/**
+ * yes or no enum
+ */
+public enum GenderEnum {
+    MAN(1,"男"),
+    WOMAN(0,"女"),
+    UNKNOWN(2,"未知");
+
+    public Integer code;
+    public String name;
+
+    GenderEnum(Integer code, String name){
+        this.code=code;
+        this.name=name;
+    }
+
+    /**
+     * 根据编码查询对应的类型
+     * @param code
+     * @return
+     */
+    public static GenderEnum getGenderByCode(String code){
+        List<GenderEnum> genderEnums= Arrays.asList(values());
+        for (GenderEnum genderEnum:genderEnums){
+            if(genderEnum.code.equals(code)){
+                return genderEnum;
+            }
+        }
+        return null;
+    }
+}

src/main/resources/static/js/custom.js

@@ -68,8 +68,8 @@ function init_sidebar() {
 
         // normalize content
         contentHeight -= $NAV_MENU.height() + footerHeight;
-
         $RIGHT_COL.css('min-height', contentHeight);
+
     };
 
     $SIDEBAR_MENU.find('a').on('click', function (ev) {

src/main/resources/static/js/menu.js

@@ -217,6 +217,11 @@ function profileImage() {
  */
 function changeContent(url) {
     NProgress.start();
+    try {
+        $('#reportrange').data('daterangepicker').remove();
+    }catch (e) {
+        console.log("不存在对应的日期选择器，无需销毁")
+    }
     $("#profileimage").css("display","none");
     $.ajax({
         type: "GET",

src/main/resources/static/js/registration.js

@@ -0,0 +1,34 @@
+//@ sourceURL=registration.js
+$(function (){
+    initGenderSelect();
+    var birthDay = $('#birthDay').datetimepicker({
+        format: 'yyyy-mm-dd',
+        language: 'zh-CN',
+        minView: "month",
+    }).on('changeDate', changeDate);
+    var height=$('#confirmFee').css("width");
+    var heightNum = parseInt(height);
+    heightNum-=24;
+    $("#confirmFee").css("width",heightNum+"px");
+});
+
+/**
+ * 初始化性别下拉选
+ */
+function initGenderSelect(){
+    $(".selectpicker").selectpicker({
+        dropuAuto: false
+    });
+    var gender = '<option value="1">男</option><option value="0">女</option><option value="2">未知</option>';
+    $('#gender').html(gender);
+    $("#classTypePlus").selectpicker('val', 1);//默认选中
+    $('#gender').selectpicker('refresh');
+}
+
+
+/**
+ * 日期值改变修改年龄字段
+ * @param ev
+ */
+function changeDate(ev) {
+}

src/main/resources/templates/registration.html

@@ -1,4 +1,277 @@
+<link rel="stylesheet" href="/thmz/css/bootstrap/css/bootstrap-select.css"/>
+<script src="/thmz/js/bootstrap-select.js"></script>
+<script src="/thmz/js/registration.js"></script>
+<style>
+    .title {
+        font-size: 16px !important;
+        margin-bottom: 20px !important;
+        margin-left: 20px !important;
+        margin-top: 20px !important;
+    }
+
+    #clearRegistration {
+        cursor: pointer;
+        color: #337AB7 !important;
+        font-size: 14px;
+    }
+
+    .total {
+        float: left;
+        padding-right: 10px;
+        margin-left: 14px;
+        font-weight: 700;
+        font-size: 20px;
+    }
+
+    .total span {
+        color: #337AB7 !important;
+    }
+
+    #regi_form {
+        border-right: 1px solid #DCDCDC;
+    }
+
+    #confirmFee {
+        width: 100%;
+        height: 40px;
+        margin-left: 14px;
+        margin-right: 10px;
+    }
+</style>
 <div class="row">
-    <div class="col-md-4 col-sm-4 col-xs-12"></div>
-    <div class="col-md-8 col-sm-8 col-xs-12"></div>
-</div>
+    <div class="col-md-4 col-sm-4 col-xs-12">
+        <div class="title">
+            <div>新增挂号</div>
+        </div>
+        <form class="form-horizontal form-label-left mz-fixed-form" novalidate id="regi_form">
+            <div class="item form-group">
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <button type="button" style="margin-left:14px;cursor: none;margin-bottom: 10px !important;"
+                            class="btn btn-primary">
+                        基本信息
+                    </button>
+                </div>
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <a id="clearRegistration"><i class="fa fa-trash"
+                                                 style="margin-right: 10px;float: right;">&nbsp;清空</i></a>
+                </div>
+            </div>
+            <div class="item form-group">
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="userName">姓名 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <input id="userName" class="form-control col-md-7 col-xs-12" data-validate-length-range="2,10"
+                               placeholder="姓名/卡号/手机号" required="required" type="text">
+                    </div>
+                </div>
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="age">年龄 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <div class="input-group">
+                            <input id="age" class="form-control" data-validate-length-range="2,10"
+                                   placeholder="请输入" required="required" type="Number">
+                            <div class="input-group-btn">
+                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
+                                        aria-expanded="false" style="margin-right: 0px;">岁 <span class="caret"></span>
+                                </button>
+                                <ul class="dropdown-menu dropdown-menu-right" role="menu"
+                                    style="width: 50px;min-width: 50px;">
+                                    <li><a href="#">岁</a>
+                                    </li>
+                                    <li><a href="#">月</a>
+                                    </li>
+                                    <li><a href="#">天</a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <!-- /btn-group -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="item form-group">
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="gender">性别 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <select class="form-control selectpicker show-tick" required="required" id="gender">
+                        </select>
+                    </div>
+                </div>
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="birthDay">出生日期 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <div class='input-group date' id='birthDay'>
+                            <input type='text' class="form-control"/>
+                            <span class="input-group-addon">
+                            <span class="glyphicon glyphicon-calendar"></span>
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="item form-group">
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="cardNo">卡号 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <div class="input-group demo2">
+                            <input id="cardNo" class="form-control col-md-7 col-xs-12" data-validate-length-range="2,10"
+                                   placeholder="请输入" required="required" type="text">
+                            <span class="input-group-addon"><a href="#"><i class="fa fa-credit-card"></i></a></span>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="phoneNum">手机号码 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <input id="phoneNum" class="form-control col-md-7 col-xs-12" data-validate-length-range="2,10"
+                               placeholder="请输入" required="required" type="text">
+                    </div>
+                </div>
+            </div>
+            <div class="item form-group">
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="patientsNature">病人性质 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <select class="form-control selectpicker show-tick" required="required" id="patientsNature">
+                        </select>
+                    </div>
+                </div>
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="idCard">身份证 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <div class="input-group demo2">
+                            <input id="idCard" class="form-control col-md-7 col-xs-12" data-validate-length-range="2,10"
+                                   placeholder="请输入" required="required" type="text">
+                            <span class="input-group-addon"><a href="#"><i class="fa fa-newspaper-o"></i></a></span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="item form-group">
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="address">地址 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <input id="address" class="form-control col-md-7 col-xs-12" data-validate-length-range="2,10"
+                               placeholder="请输入" required="required" type="text">
+                    </div>
+                </div>
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="remark">备注 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <input id="remark" class="form-control col-md-7 col-xs-12" data-validate-length-range="2,10"
+                               placeholder="请输入" required="required" type="text">
+                    </div>
+                </div>
+            </div>
+            <div class="item form-group">
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <button type="button" style="margin-left:14px;cursor: none;margin-bottom: 10px !important;"
+                            class="btn btn-primary">
+                        科室信息
+                    </button>
+                </div>
+            </div>
+            <div class="item form-group">
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="deptNo">科室 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <select class="form-control selectpicker show-tick" data-live-search="true" required="required"
+                                id="deptNo">
+                        </select>
+                    </div>
+                </div>
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="doctor">医生 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <select class="form-control selectpicker show-tick" data-live-search="true" required="required"
+                                id="doctor">
+                        </select>
+                    </div>
+                </div>
+            </div>
+            <div class="item form-group">
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <button type="button" style="margin-left:14px;cursor: none;margin-bottom: 10px !important;"
+                            class="btn btn-primary">
+                        收费信息
+                    </button>
+                </div>
+            </div>
+            <div class="item form-group">
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="registrationFee">挂号费 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <input id="registrationFee" class="form-control col-md-7 col-xs-12"
+                               data-validate-length-range="2,10"
+                               placeholder="请输入" required="required" type="Number">
+                    </div>
+                </div>
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <label class="control-label col-md-4 col-sm-4 col-xs-12" for="hospitalFee">诊金 <span
+                            class="required">*</span>
+                    </label>
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <input id="hospitalFee" class="form-control col-md-7 col-xs-12"
+                               data-validate-length-range="2,10"
+                               placeholder="请输入" required="required" type="Number">
+                    </div>
+                </div>
+            </div>
+
+
+            <div class="item form-group" style="margin-top: 50px;">
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <div class="total"> 合计：
+                        <span class="amountMoney">15.54元</span>
+                    </div>
+                </div>
+                <div class="col-md-6 col-sm-6 col-xs-12">
+                    <button type="button" class="btn btn-primary" style="margin-right: 10px;float: right;">
+                        <span>附加费</span>
+                    </button>
+                </div>
+            </div>
+
+            <div class="item form-group" style="margin-top: 20px;">
+                <div class="col-md-12 col-sm-12 col-xs-12">
+                    <button type="button" class="btn btn-primary" id="confirmFee">
+                        <span>确认收费</span>
+                    </button>
+                </div>
+            </div>
+        </form>
+    </div>
+    <div class="col-md-8 col-sm-8 col-xs-12">
+        <div class="title">
+            <div>挂号列表</div>
+        </div>
+    </div>
+</div>