医生工作台页面开发完成

src/main/resources/static/js/dependent/jquery.smartWizard.js

@@ -0,0 +1,449 @@
+/*
+ * SmartWizard 3.3.1 plugin
+ * jQuery Wizard control Plugin
+ * by Dipu
+ *
+ * Refactored and extended:
+ * https://github.com/mstratman/jQuery-Smart-Wizard
+ *
+ * Original URLs:
+ * http://www.techlaboratory.net
+ * http://tech-laboratory.blogspot.com
+ */
+
+function SmartWizard(target, options) {
+    this.target       = target;
+    this.options      = options;
+    this.curStepIdx   = options.selected;
+    this.steps        = $(target).children("ul").children("li").children("a"); // Get all anchors
+    this.contentWidth = 0;
+    this.msgBox = $('<div class="msgBox"><div class="content"></div><a href="#" class="close">X</a></div>');
+    this.elmStepContainer = $('<div></div>').addClass("stepContainer");
+    this.loader = $('<div>Loading</div>').addClass("loader");
+    this.buttons = {
+        next : $('<a>'+options.labelNext+'</a>').attr("href","#").addClass("buttonNext"),
+        previous : $('<a>'+options.labelPrevious+'</a>').attr("href","#").addClass("buttonPrevious"),
+        finish  : $('<a>'+options.labelFinish+'</a>').attr("href","#").addClass("buttonFinish")
+    };
+
+    /*
+     * Private functions
+     */
+
+    var _init = function($this) {
+        var elmActionBar = $('<div></div>').addClass("actionBar");
+        elmActionBar.append($this.msgBox);
+        $('.close',$this.msgBox).click(function() {
+            $this.msgBox.fadeOut("normal");
+            return false;
+        });
+
+        var allDivs = $this.target.children('div');
+        $this.target.children('ul').addClass("anchor");
+        allDivs.addClass("content");
+
+        // highlight steps with errors
+        if($this.options.errorSteps && $this.options.errorSteps.length>0){
+            $.each($this.options.errorSteps, function(i, n){
+                $this.setError({ stepnum: n, iserror:true });
+            });
+        }
+
+        $this.elmStepContainer.append(allDivs);
+        elmActionBar.append($this.loader);
+        $this.target.append($this.elmStepContainer);
+        elmActionBar.append($this.buttons.finish)
+                    .append($this.buttons.next)
+                    .append($this.buttons.previous);
+        $this.target.append(elmActionBar);
+        this.contentWidth = $this.elmStepContainer.width();
+
+        $($this.buttons.next).click(function() {
+            $this.goForward();
+            return false;
+        });
+        $($this.buttons.previous).click(function() {
+            $this.goBackward();
+            return false;
+        });
+        $($this.buttons.finish).click(function() {
+            if(!$(this).hasClass('buttonDisabled')){
+                if($.isFunction($this.options.onFinish)) {
+                    var context = { fromStep: $this.curStepIdx + 1 };
+                    if(!$this.options.onFinish.call(this,$($this.steps), context)){
+                        return false;
+                    }
+                }else{
+                    var frm = $this.target.parents('form');
+                    if(frm && frm.length){
+                        frm.submit();
+                    }
+                }
+            }
+            return false;
+        });
+
+        $($this.steps).bind("click", function(e){
+            if($this.steps.index(this) == $this.curStepIdx){
+                return false;
+            }
+            var nextStepIdx = $this.steps.index(this);
+            var isDone = $this.steps.eq(nextStepIdx).attr("isDone") - 0;
+            if(isDone == 1){
+                _loadContent($this, nextStepIdx);
+            }
+            return false;
+        });
+
+        // Enable keyboard navigation
+        if($this.options.keyNavigation){
+            $(document).keyup(function(e){
+                if(e.which==39){ // Right Arrow
+                    $this.goForward();
+                }else if(e.which==37){ // Left Arrow
+                    $this.goBackward();
+                }
+            });
+        }
+        //  Prepare the steps
+        _prepareSteps($this);
+        // Show the first slected step
+        _loadContent($this, $this.curStepIdx);
+    };
+
+    var _prepareSteps = function($this) {
+        if(! $this.options.enableAllSteps){
+            $($this.steps, $this.target).removeClass("selected").removeClass("done").addClass("disabled");
+            $($this.steps, $this.target).attr("isDone",0);
+        }else{
+            $($this.steps, $this.target).removeClass("selected").removeClass("disabled").addClass("done");
+            $($this.steps, $this.target).attr("isDone",1);
+        }
+
+        $($this.steps, $this.target).each(function(i){
+            $($(this).attr("href").replace(/^.+#/, '#'), $this.target).hide();
+            $(this).attr("rel",i+1);
+        });
+    };
+
+    var _step = function ($this, selStep) {
+        return $(
+            $(selStep, $this.target).attr("href").replace(/^.+#/, '#'),
+            $this.target
+        );
+    };
+
+    var _loadContent = function($this, stepIdx) {
+        var selStep = $this.steps.eq(stepIdx);
+        var ajaxurl = $this.options.contentURL;
+        var ajaxurl_data = $this.options.contentURLData;
+        var hasContent = selStep.data('hasContent');
+        var stepNum = stepIdx+1;
+        if (ajaxurl && ajaxurl.length>0) {
+            if ($this.options.contentCache && hasContent) {
+                _showStep($this, stepIdx);
+            } else {
+                var ajax_args = {
+                    url: ajaxurl,
+                    type: "POST",
+                    data: ({step_number : stepNum}),
+                    dataType: "text",
+                    beforeSend: function(){
+                        $this.loader.show();
+                    },
+                    error: function(){
+                        $this.loader.hide();
+                    },
+                    success: function(res){
+                        $this.loader.hide();
+                        if(res && res.length>0){
+                            selStep.data('hasContent',true);
+                            _step($this, selStep).html(res);
+                            _showStep($this, stepIdx);
+                        }
+                    }
+                };
+                if (ajaxurl_data) {
+                    ajax_args = $.extend(ajax_args, ajaxurl_data(stepNum));
+                }
+                $.ajax(ajax_args);
+            }
+        }else{
+            _showStep($this,stepIdx);
+        }
+    };
+
+    var _showStep = function($this, stepIdx) {
+        var selStep = $this.steps.eq(stepIdx);
+        var curStep = $this.steps.eq($this.curStepIdx);
+        if(stepIdx != $this.curStepIdx){
+            if($.isFunction($this.options.onLeaveStep)) {
+                var context = { fromStep: $this.curStepIdx+1, toStep: stepIdx+1 };
+                if (! $this.options.onLeaveStep.call($this,$(curStep), context)){
+                    return false;
+                }
+            }
+        }
+        $this.elmStepContainer.height(_step($this, selStep).outerHeight());
+        var prevCurStepIdx = $this.curStepIdx;
+        $this.curStepIdx =  stepIdx;
+        if ($this.options.transitionEffect == 'slide'){
+            _step($this, curStep).slideUp("fast",function(e){
+                _step($this, selStep).slideDown("fast");
+                _setupStep($this,curStep,selStep);
+            });
+        } else if ($this.options.transitionEffect == 'fade'){
+            _step($this, curStep).fadeOut("fast",function(e){
+                _step($this, selStep).fadeIn("fast");
+                _setupStep($this,curStep,selStep);
+            });
+        } else if ($this.options.transitionEffect == 'slideleft'){
+            var nextElmLeft = 0;
+            var nextElmLeft1 = null;
+            var nextElmLeft = null;
+            var curElementLeft = 0;
+            if(stepIdx > prevCurStepIdx){
+                nextElmLeft1 = $this.contentWidth + 10;
+                nextElmLeft2 = 0;
+                curElementLeft = 0 - _step($this, curStep).outerWidth();
+            } else {
+                nextElmLeft1 = 0 - _step($this, selStep).outerWidth() + 20;
+                nextElmLeft2 = 0;
+                curElementLeft = 10 + _step($this, curStep).outerWidth();
+            }
+            if (stepIdx == prevCurStepIdx) {
+                nextElmLeft1 = $($(selStep, $this.target).attr("href"), $this.target).outerWidth() + 20;
+                nextElmLeft2 = 0;
+                curElementLeft = 0 - $($(curStep, $this.target).attr("href"), $this.target).outerWidth();
+            } else {
+                $($(curStep, $this.target).attr("href"), $this.target).animate({left:curElementLeft},"fast",function(e){
+                    $($(curStep, $this.target).attr("href"), $this.target).hide();
+                });
+            }
+
+            _step($this, selStep).css("left",nextElmLeft1).show().animate({left:nextElmLeft2},"fast",function(e){
+                _setupStep($this,curStep,selStep);
+            });
+        } else {
+            _step($this, curStep).hide();
+            _step($this, selStep).show();
+            _setupStep($this,curStep,selStep);
+        }
+        return true;
+    };
+
+    var _setupStep = function($this, curStep, selStep) {
+        $(curStep, $this.target).removeClass("selected");
+        $(curStep, $this.target).addClass("done");
+
+        $(selStep, $this.target).removeClass("disabled");
+        $(selStep, $this.target).removeClass("done");
+        $(selStep, $this.target).addClass("selected");
+
+        $(selStep, $this.target).attr("isDone",1);
+
+        _adjustButton($this);
+
+        if($.isFunction($this.options.onShowStep)) {
+            var context = { fromStep: parseInt($(curStep).attr('rel')), toStep: parseInt($(selStep).attr('rel')) };
+            if(! $this.options.onShowStep.call(this,$(selStep),context)){
+                return false;
+            }
+        }
+        if ($this.options.noForwardJumping) {
+            // +2 == +1 (for index to step num) +1 (for next step)
+            for (var i = $this.curStepIdx + 2; i <= $this.steps.length; i++) {
+                $this.disableStep(i);
+            }
+        }
+    };
+
+    var _adjustButton = function($this) {
+        if (! $this.options.cycleSteps){
+            if (0 >= $this.curStepIdx) {
+                $($this.buttons.previous).addClass("buttonDisabled");
+				if ($this.options.hideButtonsOnDisabled) {
+                    $($this.buttons.previous).hide();
+                }
+            }else{
+                $($this.buttons.previous).removeClass("buttonDisabled");
+                if ($this.options.hideButtonsOnDisabled) {
+                    $($this.buttons.previous).show();
+                }
+            }
+            if (($this.steps.length-1) <= $this.curStepIdx){
+                $($this.buttons.next).addClass("buttonDisabled");
+                if ($this.options.hideButtonsOnDisabled) {
+                    $($this.buttons.next).hide();
+                }
+            }else{
+                $($this.buttons.next).removeClass("buttonDisabled");
+                if ($this.options.hideButtonsOnDisabled) {
+                    $($this.buttons.next).show();
+                }
+            }
+        }
+        // Finish Button
+        if (! $this.steps.hasClass('disabled') || $this.options.enableFinishButton){
+            $($this.buttons.finish).removeClass("buttonDisabled");
+            if ($this.options.hideButtonsOnDisabled) {
+                $($this.buttons.finish).show();
+            }
+        }else{
+            $($this.buttons.finish).addClass("buttonDisabled");
+            if ($this.options.hideButtonsOnDisabled) {
+                $($this.buttons.finish).hide();
+            }
+        }
+    };
+
+    /*
+     * Public methods
+     */
+
+    SmartWizard.prototype.goForward = function(){
+        var nextStepIdx = this.curStepIdx + 1;
+        if (this.steps.length <= nextStepIdx){
+            if (! this.options.cycleSteps){
+                return false;
+            }
+            nextStepIdx = 0;
+        }
+        _loadContent(this, nextStepIdx);
+    };
+
+    SmartWizard.prototype.goBackward = function(){
+        var nextStepIdx = this.curStepIdx-1;
+        if (0 > nextStepIdx){
+            if (! this.options.cycleSteps){
+                return false;
+            }
+            nextStepIdx = this.steps.length - 1;
+        }
+        _loadContent(this, nextStepIdx);
+    };
+
+    SmartWizard.prototype.goToStep = function(stepNum){
+        var stepIdx = stepNum - 1;
+        if (stepIdx >= 0 && stepIdx < this.steps.length) {
+            _loadContent(this, stepIdx);
+        }
+    };
+    SmartWizard.prototype.enableStep = function(stepNum) {
+        var stepIdx = stepNum - 1;
+        if (stepIdx == this.curStepIdx || stepIdx < 0 || stepIdx >= this.steps.length) {
+            return false;
+        }
+        var step = this.steps.eq(stepIdx);
+        $(step, this.target).attr("isDone",1);
+        $(step, this.target).removeClass("disabled").removeClass("selected").addClass("done");
+    }
+    SmartWizard.prototype.disableStep = function(stepNum) {
+        var stepIdx = stepNum - 1;
+        if (stepIdx == this.curStepIdx || stepIdx < 0 || stepIdx >= this.steps.length) {
+            return false;
+        }
+        var step = this.steps.eq(stepIdx);
+        $(step, this.target).attr("isDone",0);
+        $(step, this.target).removeClass("done").removeClass("selected").addClass("disabled");
+    }
+    SmartWizard.prototype.currentStep = function() {
+        return this.curStepIdx + 1;
+    }
+
+    SmartWizard.prototype.showMessage = function (msg) {
+        $('.content', this.msgBox).html(msg);
+        this.msgBox.show();
+    }
+    SmartWizard.prototype.hideMessage = function () {
+        this.msgBox.fadeOut("normal");
+    }
+    SmartWizard.prototype.showError = function(stepnum) {
+        this.setError(stepnum, true);
+    }
+    SmartWizard.prototype.hideError = function(stepnum) {
+        this.setError(stepnum, false);
+    }
+    SmartWizard.prototype.setError = function(stepnum,iserror) {
+        if (typeof stepnum == "object") {
+            iserror = stepnum.iserror;
+            stepnum = stepnum.stepnum;
+        }
+
+        if (iserror){
+            $(this.steps.eq(stepnum-1), this.target).addClass('error')
+        }else{
+            $(this.steps.eq(stepnum-1), this.target).removeClass("error");
+        }
+    }
+
+    SmartWizard.prototype.fixHeight = function(){
+        var height = 0;
+
+        var selStep = this.steps.eq(this.curStepIdx);
+        var stepContainer = _step(this, selStep);
+        stepContainer.children().each(function() {
+            height += $(this).outerHeight();
+        });
+
+        // These values (5 and 20) are experimentally chosen.
+        stepContainer.height(height + 5);
+        this.elmStepContainer.height(height + 20);
+    }
+
+    _init(this);
+};
+
+
+
+(function($){
+
+$.fn.smartWizard = function(method) {
+    var args = arguments;
+    var rv = undefined;
+    var allObjs = this.each(function() {
+        var wiz = $(this).data('smartWizard');
+        if (typeof method == 'object' || ! method || ! wiz) {
+            var options = $.extend({}, $.fn.smartWizard.defaults, method || {});
+            if (! wiz) {
+                wiz = new SmartWizard($(this), options);
+                $(this).data('smartWizard', wiz);
+            }
+        } else {
+            if (typeof SmartWizard.prototype[method] == "function") {
+                rv = SmartWizard.prototype[method].apply(wiz, Array.prototype.slice.call(args, 1));
+                return rv;
+            } else {
+                $.error('Method ' + method + ' does not exist on jQuery.smartWizard');
+            }
+        }
+    });
+    if (rv === undefined) {
+        return allObjs;
+    } else {
+        return rv;
+    }
+};
+
+// Default Properties and Events
+$.fn.smartWizard.defaults = {
+    selected: 0,  // Selected Step, 0 = first step
+    keyNavigation: true, // Enable/Disable key navigation(left and right keys are used if enabled)
+    enableAllSteps: false,
+    transitionEffect: 'fade', // Effect on navigation, none/fade/slide/slideleft
+    contentURL:null, // content url, Enables Ajax content loading
+    contentCache:true, // cache step contents, if false content is fetched always from ajax url
+    cycleSteps: false, // cycle step navigation
+    enableFinishButton: false, // make finish button enabled always
+	hideButtonsOnDisabled: false, // when the previous/next/finish buttons are disabled, hide them instead?
+    errorSteps:[],    // Array Steps with errors
+    labelNext:'Next',
+    labelPrevious:'Previous',
+    labelFinish:'Finish',
+    noForwardJumping: false,
+    onLeaveStep: null, // triggers when leaving a step
+    onShowStep: null,  // triggers when showing a step
+    onFinish: null  // triggers when Finish button is clicked
+};
+
+})(jQuery);

src/main/resources/static/js/mz/clinic.js

@@ -269,8 +269,31 @@ $(function () {
             a.css("height", "auto").css("background","#EBEBE4")),
             b.toggleClass("fa-chevron-up fa-chevron-down")
     });
+
+    initSmartWizard("wizard0");
+    $(".buttonFinish").css("display","none");
+    $(".buttonNext").html("下一个");
+    $(".buttonPrevious").html("上一个");
+    //动态设置微元素的高度
+    $('<style> #wizard0 a:before,#wizard1 a:before,#wizard2 a:before{top:10px; } </style>').appendTo('head')//这里写body也可以
+    $(".actionBar").append("<div style='float: left'>金额：<span id='amount0'>61.92元</span></div>");
 });
 
+
+
+
+
+function initSmartWizard(id) {
+    if (typeof ($.fn.smartWizard) === 'undefined') {
+        return;
+    }
+    console.log('init_SmartWizard');
+    $('#'+id).smartWizard();
+    $('.buttonNext').addClass('btn btn-success');
+    $('.buttonPrevious').addClass('btn btn-primary');
+    $('.buttonFinish').addClass('btn btn-default');
+
+};
 /**
  * 初始化性别下拉选
  */
@@ -619,12 +642,31 @@ function editUserModal(data) {
 /**
  * 收费明细类型按钮切换事件
  * @param object
+ * @param objectIndex
  */
-function billItemButtonChange(object) {
+function billItemButtonChange(object,objectIndex) {
     $("#bill_item_group").find("button").each(function (index, element) {
         if ($(element).hasClass("btn-primary")) {
             $(element).removeClass("btn-primary").addClass("btn-default");
         }
+        if(index==objectIndex){
+            var id = "wizard"+index;
+            $("#"+id).removeClass("hide").addClass("show");
+            initSmartWizard(id);
+            $(".buttonFinish").css("display","none");
+            $(".buttonNext").html("下一个");
+            $(".buttonPrevious").html("上一个");
+            //动态设置微元素的高度
+            $('<style> #wizard0 a:before,#wizard1 a:before,#wizard2 a:before{top:10px; } </style>').appendTo('head')//这里写body也可以
+            var amountId="amount"+index;
+            if($("#"+amountId).length<=0){
+                $($(".actionBar")[index]).append("<div style='float: left'>金额：<span id='"+amountId+"'>61.92元</span></div>");
+            }
+            $("#rp_form"+index).removeClass("hide").addClass("show");
+        }else {
+            $("#wizard"+index).removeClass("show").addClass("hide");
+            $("#rp_form"+index).removeClass("show").addClass("hide");
+        }
     });
     $(object).removeClass("btn-default").addClass("btn-primary");
    // initChargeDetailTable();

src/main/resources/templates/mz/clinic.html

@@ -8,6 +8,7 @@
 <script src="/thmz/js/dependent/daterangepicker.js"></script>
 <script src="/thmz/js/dependent/icheck.js"></script>
 <script src="/thmz/js/dependent/jquery.webui-popover.min.js"></script>
+<script src="/thmz/js/dependent/jquery.smartWizard.js"></script>
 <script src="/thmz/js/dependent/validator.js"></script>
 <script src="/thmz/js/mz/clinic.js"></script>
 <title>就诊</title>
@@ -66,14 +67,17 @@
     .my_label_input_2 {
         width: 85px;
     }
+   div.rb_item div.form-group:hover{
+       color: #2E69EB;
+   }
 
 </style>
 <div class="row" style="height: calc(100% - 60px);overflow-y: auto;">
-    <div style="margin-top: 10px;width: 310px;float: left;">
+    <div style="margin-top: 10px;width: 310px;float: left;height: calc(100% - 10px);">
         <!--<div class="title">-->
         <!--<div>就诊</div>-->
         <!--</div>-->
-        <form class="form-horizontal form-label-left mz-fixed-form" novalidate id="regi_form" autocomplete="off">
+        <form class="form-horizontal form-label-left mz-fixed-form" novalidate id="regi_form" autocomplete="off" style="height: 100%;overflow-y: auto;">
             <div class="item form-group">
                 <div class="col-md-6 col-sm-6 col-xs-12">
                     <span style="cursor: default;margin-bottom: 10px !important;color: #2E69EB;">
@@ -264,200 +268,610 @@
     </div>
 
 
-    <div style="margin-top: 10px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;width: calc(100% - 320px);max-width:1000px;float: left;">
-        <div class="col-md-12 col-sm-12 col-xs-12">
-            <div class="item form-group">
-                <div class="col-md-8 col-sm-8 col-xs-12">
-                    <p>
-                        <input type="radio" class="flat" name="gender" id="genderM" value="M" checked="" required/> 初诊&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-                        <input type="radio" class="flat" name="gender" id="genderF" value="F"/>复诊
-                    </p>
-                </div>
-                <div class="col-md-4 col-sm-4 col-xs-12" style="text-align: right;">
-                    <a style="cursor: pointer;font-size: 14px;color: #2e69eb!important;">&nbsp;&nbsp;配置</i></a>
+    <div style="margin-top: 10px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;width: calc(100% - 320px);max-width:1000px;float: left;height: calc(100% - 10px);">
+        <div style="height: calc(100% - 60px);overflow-y: auto;border-bottom: 1px solid #ddd;">
+            <div class="col-md-12 col-sm-12 col-xs-12">
+                <div class="item form-group">
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <p>
+                            <input type="radio" class="flat" name="gender" id="genderM" value="M" checked="" required/> 初诊&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                            <input type="radio" class="flat" name="gender" id="genderF" value="F"/>复诊
+                        </p>
+                    </div>
+                    <div class="col-md-4 col-sm-4 col-xs-12" style="text-align: right;">
+                        <a style="cursor: pointer;font-size: 14px;color: #2e69eb!important;">&nbsp;&nbsp;配置</i></a>
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="col-md-12 col-sm-12 col-xs-12">
-            <div style="background-color: #E0E0D9;height: 30px;line-height: 30px;">
-                <div class="col-md-8 col-sm-8 col-xs-12">
-                    <span>姓名:</span> <span id="patientName">林雅豪</span>&nbsp;&nbsp;
-                    <span>年龄: </span> <span id="patientAge">58岁</span>&nbsp;&nbsp;
-                    <span>性别: </span> <span id="patientGender">男</span>
-                    <input id="patientId" type="hidden"/>
-                </div>
-                <div class="col-md-4 col-sm-4 col-xs-12" style="text-align: right;">
-                    <a style="cursor: pointer;font-size: 14px;color: #2e69eb!important;"
-                       onclick="editUserModal(null)"><i
-                            class="fa fa-edit">&nbsp;&nbsp;编辑</i></a>
-                    <a id="clearUser"
-                       style="cursor: pointer;font-size: 14px;color: #2e69eb!important;"><i
-                            class="fa fa-trash">&nbsp;&nbsp;清空</i></a>
+            <div class="col-md-12 col-sm-12 col-xs-12">
+                <div style="background-color: #E0E0D9;height: 30px;line-height: 30px;">
+                    <div class="col-md-8 col-sm-8 col-xs-12">
+                        <span>姓名:</span> <span id="patientName">林雅豪</span>&nbsp;&nbsp;
+                        <span>年龄: </span> <span id="patientAge">58岁</span>&nbsp;&nbsp;
+                        <span>性别: </span> <span id="patientGender">男</span>
+                        <input id="patientId" type="hidden"/>
+                    </div>
+                    <div class="col-md-4 col-sm-4 col-xs-12" style="text-align: right;">
+                        <a style="cursor: pointer;font-size: 14px;color: #2e69eb!important;"
+                           onclick="editUserModal(null)"><i
+                                class="fa fa-edit">&nbsp;&nbsp;编辑</i></a>
+                        <a id="clearUser"
+                           style="cursor: pointer;font-size: 14px;color: #2e69eb!important;"><i
+                                class="fa fa-trash">&nbsp;&nbsp;清空</i></a>
+                    </div>
                 </div>
             </div>
-        </div>
-        <div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px;">
-            <form class="form-horizontal form-label-left mz-fixed-form" novalidate autocomplete="off">
-                <div class="item form-group">
-                    <label class="my_label">主诉：</label>
-                    <div class="form-group has-feedback" style="float: right;width: calc(100% - 65px);">
-                        <input type="text" class="form-control has-feedback-left" id="symptom"
-                               placeholder="请输入" style="padding-left: 10px;width: 100%">
-                        <span class="fa fa-search form-control-feedback right" aria-hidden="true"></span>
+            <div class="col-md-12 col-sm-12 col-xs-12" style="margin-top: 10px;">
+                <form class="form-horizontal form-label-left mz-fixed-form" novalidate autocomplete="off">
+                    <div class="item form-group">
+                        <label class="my_label">主诉：</label>
+                        <div class="form-group has-feedback" style="float: right;width: calc(100% - 65px);">
+                            <input type="text" class="form-control has-feedback-left" id="symptom"
+                                   placeholder="请输入" style="padding-left: 10px;width: 100%">
+                            <span class="fa fa-search form-control-feedback right" aria-hidden="true"></span>
+                        </div>
                     </div>
-                </div>
-                <div class="item form-group">
-                    <label class="my_label">现病史：</label>
-                    <input id="symptom1" class="form-control my_label_input"
-                           placeholder="请输入" type="text" data-placement="bottom-right">
-                </div>
-                <div class="item form-group">
-                    <label class="my_label">家族史：</label>
-                    <input id="symptom2" class="form-control my_label_input"
-                           placeholder="请输入" type="text" data-placement="bottom-right">
-                </div>
-                <div class="item form-group">
-                    <label class="my_label">体格检查：</label>
-                    <div class="my_label_input" style="height: 34px;line-height: 34px;">
-                        体重<span id="weight">&nbsp;&nbsp;&nbsp;&nbsp;</span>kg&nbsp;&nbsp;
-                        体温<span id="temperature">&nbsp;&nbsp;&nbsp;&nbsp;</span>℃&nbsp;&nbsp;
-                        脉搏<span id="sphygmus">&nbsp;&nbsp;&nbsp;&nbsp;</span>次/分&nbsp;&nbsp;
-                        呼吸<span id="breathe">&nbsp;&nbsp;&nbsp;&nbsp;</span>次/分&nbsp;&nbsp;
-                        血压<span id="pressure_floor">&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;/
-                        <span id="pressure_high">&nbsp;&nbsp;&nbsp;&nbsp;</span>mmhg
+                    <div class="item form-group">
+                        <label class="my_label">现病史：</label>
+                        <input id="symptom1" class="form-control my_label_input"
+                               placeholder="请输入" type="text" data-placement="bottom-right">
                     </div>
-                </div>
-                <div class="item form-group">
-                    <label class="my_label">其他检查：</label>
-                    <input id="symptom3" class="form-control my_label_input"
-                           placeholder="请输入" type="text" data-placement="bottom-right">
-                </div>
-                <div class="item form-group">
-                    <label class="my_label">诊断：</label>
-                    <div class="form-group has-feedback" style="float: right;width: calc(100% - 65px);">
-                        <input type="text" class="form-control has-feedback-left" id="symptom4"
-                               placeholder="请输入" style="padding-left: 10px;width: 100%">
-                        <span class="fa fa-search form-control-feedback right" aria-hidden="true"></span>
+                    <div class="item form-group">
+                        <label class="my_label">家族史：</label>
+                        <input id="symptom2" class="form-control my_label_input"
+                               placeholder="请输入" type="text" data-placement="bottom-right">
                     </div>
-                </div>
-                <div class="item form-group">
-                    <div class="btn-group" id="bill_item_group">
-                        <button class="btn btn-sm btn-primary" type="button" onclick="billItemButtonChange(this)">&nbsp;&nbsp;西成药&nbsp;&nbsp;
-                        </button>
-                        <button class="btn btn-sm btn-default" type="button" onclick="billItemButtonChange(this)">&nbsp;&nbsp;中草药&nbsp;&nbsp;
-                        </button>
-                        <button class="btn btn-sm btn-default" type="button" onclick="billItemButtonChange(this)">&nbsp;&nbsp;诊疗与医技&nbsp;&nbsp;
-                        </button>
-                        <!--<button class="btn btn-sm btn-default" type="button" onclick="billItemButtonChange(this)">&nbsp;&nbsp;麻、精一&nbsp;&nbsp;-->
-                        <!--</button>-->
-                        <!--<button class="btn btn-sm btn-default" type="button" onclick="billItemButtonChange(this)">&nbsp;&nbsp;&nbsp;精二&nbsp;&nbsp;&nbsp;&nbsp;-->
-                        <!--</button>-->
+                    <div class="item form-group">
+                        <label class="my_label">体格检查：</label>
+                        <div class="my_label_input" style="height: 34px;line-height: 34px;">
+                            体重<span id="weight">&nbsp;&nbsp;&nbsp;&nbsp;</span>kg&nbsp;&nbsp;
+                            体温<span id="temperature">&nbsp;&nbsp;&nbsp;&nbsp;</span>℃&nbsp;&nbsp;
+                            脉搏<span id="sphygmus">&nbsp;&nbsp;&nbsp;&nbsp;</span>次/分&nbsp;&nbsp;
+                            呼吸<span id="breathe">&nbsp;&nbsp;&nbsp;&nbsp;</span>次/分&nbsp;&nbsp;
+                            血压<span id="pressure_floor">&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;/
+                            <span id="pressure_high">&nbsp;&nbsp;&nbsp;&nbsp;</span>mmhg
+                        </div>
                     </div>
-                </div>
-                <div class="item form-group">
-                    <div style="margin-top: 5px;width: 386px;float: left;" class="thmz_alert">
-                        <form class="form-horizontal form-label-left mz-fixed-form" novalidate autocomplete="off">
-                            <div class="item form-group">
-                                <div style="width: 130px;float: left;">
-                                    <label class="my_label_2">组号：</label>
-                                    <select class="form-control selectpicker show-tick" data-live-search="true"
-                                            title="请选择"
-                                            id="groupId" >
-                                    </select>
-                                </div>
-                                <div style="width: 256px;float: left;">
-                                    <label class="my_label">药品<span
-                                            class="required">*</span>：</label>
-                                    <div class="form-group has-feedback" style="float: right;width: 190px;">
-                                        <input type="text" class="form-control has-feedback-left" id="symptom5"
-                                               placeholder="请输入" style="padding-left: 10px;width: 100%" required="required" >
-                                        <span class="fa fa-search form-control-feedback right"
-                                              aria-hidden="true"></span>
+                    <div class="item form-group">
+                        <label class="my_label">其他检查：</label>
+                        <input id="symptom3" class="form-control my_label_input"
+                               placeholder="请输入" type="text" data-placement="bottom-right">
+                    </div>
+                    <div class="item form-group">
+                        <label class="my_label">诊断：</label>
+                        <div class="form-group has-feedback" style="float: right;width: calc(100% - 65px);">
+                            <input type="text" class="form-control has-feedback-left" id="symptom4"
+                                   placeholder="请输入" style="padding-left: 10px;width: 100%">
+                            <span class="fa fa-search form-control-feedback right" aria-hidden="true"></span>
+                        </div>
+                    </div>
+                    <div class="item form-group">
+                        <div class="btn-group" id="bill_item_group">
+                            <button class="btn btn-sm btn-primary" type="button" onclick="billItemButtonChange(this,0)">&nbsp;&nbsp;西成药&nbsp;&nbsp;
+                            </button>
+                            <button class="btn btn-sm btn-default" type="button" onclick="billItemButtonChange(this,1)">&nbsp;&nbsp;中草药&nbsp;&nbsp;
+                            </button>
+                            <button class="btn btn-sm btn-default" type="button" onclick="billItemButtonChange(this,2)">&nbsp;&nbsp;诊疗与医技&nbsp;&nbsp;
+                            </button>
+                            <!--<button class="btn btn-sm btn-default" type="button" onclick="billItemButtonChange(this)">&nbsp;&nbsp;麻、精一&nbsp;&nbsp;-->
+                            <!--</button>-->
+                            <!--<button class="btn btn-sm btn-default" type="button" onclick="billItemButtonChange(this)">&nbsp;&nbsp;&nbsp;精二&nbsp;&nbsp;&nbsp;&nbsp;-->
+                            <!--</button>-->
+                        </div>
+                        <div style="float: right;">
+                            <button type="button" class="btn btn-primary" id="saveapidAccepts" style="height: 30px;line-height: 15px;"><i
+                                    class="fa fa-file-word-o">&nbsp;&nbsp;清空</i>存为范本
+                            </button>
+                        </div>
+                    </div>
+                    <div class="item form-group">
+                        <div style="margin-top: 5px;width: 386px;float: left;" class="thmz_alert" id="rp_form0">
+                            <form class="form-horizontal form-label-left mz-fixed-form" novalidate autocomplete="off">
+                                <div class="item form-group">
+                                    <div style="width: 130px;float: left;">
+                                        <label class="my_label_2">组号：</label>
+                                        <select class="form-control selectpicker show-tick" data-live-search="true"
+                                                title="请选择"
+                                                id="groupId">
+                                        </select>
+                                    </div>
+                                    <div style="width: 256px;float: left;">
+                                        <label class="my_label">药品<span
+                                                class="required">*</span>：</label>
+                                        <div class="form-group has-feedback" style="float: right;width: 190px;">
+                                            <input type="text" class="form-control has-feedback-left" id="symptom5"
+                                                   placeholder="请输入" style="padding-left: 10px;width: 100%"
+                                                   required="required">
+                                            <span class="fa fa-search form-control-feedback right"
+                                                  aria-hidden="true"></span>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="item form-group">
-                                <div style="width: 130px;float: left;">
-                                    <label class="my_label_2">剂量：</label>
-                                    <input type="text" class="form-control my_label_input_2" id="symptom6"
-                                           placeholder="请输入" style="padding-left: 10px;"  >
-                                </div>
-                                <div style="width: 256px;float: left;">
-                                    <label class="my_label">用法：</label>
-                                    <div class="form-group has-feedback" style="float: right;width: 190px;">
-                                        <input type="text" class="form-control has-feedback-left" id="symptom7"
-                                               placeholder="请输入" style="padding-left: 10px;width: 100%">
-                                        <span class="fa fa-search form-control-feedback right" aria-hidden="true"></span>
+                                <div class="item form-group">
+                                    <div style="width: 130px;float: left;">
+                                        <label class="my_label_2">剂量：</label>
+                                        <input type="text" class="form-control my_label_input_2" id="symptom6"
+                                               placeholder="请输入" style="padding-left: 10px;">
+                                    </div>
+                                    <div style="width: 256px;float: left;">
+                                        <label class="my_label">用法：</label>
+                                        <div class="form-group has-feedback" style="float: right;width: 190px;">
+                                            <input type="text" class="form-control has-feedback-left" id="symptom7"
+                                                   placeholder="请输入" style="padding-left: 10px;width: 100%">
+                                            <span class="fa fa-search form-control-feedback right"
+                                                  aria-hidden="true"></span>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="item form-group">
-                                <div style="width: 130px;float: left;">
-                                    <label class="my_label_2">天数：</label>
-                                    <select class="form-control selectpicker show-tick" data-live-search="true"
-                                            title="请选择"
-                                            id="groupId1" >
-                                    </select>
-                                </div>
-                                <div style="width: 256px;float: left;">
-                                    <label class="my_label">频次：</label>
-                                    <div class="form-group has-feedback" style="float: right;width: 190px;">
-                                        <input type="text" class="form-control has-feedback-left" id="symptom8"
-                                               placeholder="请输入" style="padding-left: 10px;width: 100%"  >
-                                        <span class="fa fa-search form-control-feedback right"
-                                              aria-hidden="true"></span>
+                                <div class="item form-group">
+                                    <div style="width: 130px;float: left;">
+                                        <label class="my_label_2">天数：</label>
+                                        <select class="form-control selectpicker show-tick" data-live-search="true"
+                                                title="请选择"
+                                                id="groupId1">
+                                        </select>
+                                    </div>
+                                    <div style="width: 256px;float: left;">
+                                        <label class="my_label">频次：</label>
+                                        <div class="form-group has-feedback" style="float: right;width: 190px;">
+                                            <input type="text" class="form-control has-feedback-left" id="symptom8"
+                                                   placeholder="请输入" style="padding-left: 10px;width: 100%">
+                                            <span class="fa fa-search form-control-feedback right"
+                                                  aria-hidden="true"></span>
+                                        </div>
                                     </div>
                                 </div>
-                            </div>
-                            <div class="item form-group">
-                                <div style="width: 130px;float: left;">
-                                    <label class="my_label_2">总量<span
-                                            class="required">*</span>：</label>
-                                    <input type="text" class="form-control my_label_input_2" id="symptom10"
-                                           placeholder="请输入" style="padding-left: 10px;" required="required" >
-                                </div>
-                                <div style="width: 256px;float: left;">
-                                    <label class="my_label">单位：</label>
-                                    <select class="form-control selectpicker show-tick" data-live-search="true"
-                                            title="请选择"
-                                            id="groupId3" >
-                                    </select>
+                                <div class="item form-group">
+                                    <div style="width: 130px;float: left;">
+                                        <label class="my_label_2">总量<span
+                                                class="required">*</span>：</label>
+                                        <input type="text" class="form-control my_label_input_2" id="symptom10"
+                                               placeholder="请输入" style="padding-left: 10px;" required="required">
+                                    </div>
+                                    <div style="width: 256px;float: left;">
+                                        <label class="my_label">单位：</label>
+                                        <select class="form-control selectpicker show-tick" data-live-search="true"
+                                                title="请选择"
+                                                id="groupId3">
+                                        </select>
+                                    </div>
                                 </div>
-                            </div>
-                            <div class="item form-group">
-                                <div style="width: 130px;float: left;">
-                                    <label class="my_label_2">单价：</label>
-                                    <input type="text" class="form-control my_label_input_2" id="symptom11"
-                                            style="padding-left: 10px;" readonly >
+                                <div class="item form-group">
+                                    <div style="width: 130px;float: left;">
+                                        <label class="my_label_2">单价：</label>
+                                        <input type="text" class="form-control my_label_input_2" id="symptom11"
+                                               style="padding-left: 10px;" readonly>
+                                    </div>
+                                    <div style="width: 256px;float: left;">
+                                        <label class="my_label">金额：</label>
+                                        <input type="text" class="form-control my_label_input_2" id="symptom12"
+                                               style="padding-left: 10px;" readonly>
+                                    </div>
+                                </div>
+                                <div class="item form-group">
+                                    <div style="width: 100%">
+                                        <label class="my_label_2">医嘱：</label>
+                                        <input type="text" class="form-control " id="symptom13"
+                                               style="padding-left: 10px;width: 340px;" placeholder="请输入">
+                                    </div>
+                                </div>
+                                <div style="width: 100%;height: 22px;line-height: 22px;">
+                                    <div style="float: left;display: inline-block;"><a id="clearRegistration44"
+                                                                                       style="cursor: pointer;font-size: 14px;color: #2e69eb!important;"><i
+                                            class="fa fa-trash">&nbsp;&nbsp;清空</i></a></div>
+
+                                    <div style="float: right;display: inline-block;"><a id="clearRegistration"
+                                                                                        style="cursor: pointer;font-size: 14px;color: #333333;">&nbsp;&nbsp;保存到右侧<i
+                                            class="fa fa-long-arrow-right"
+                                            style="font-size: 20px;vertical-align: middle;width: 30px;height: 20px;text-align: center;background-color: #337AB7;color: white;margin-left: 10px"></i></a>
+                                    </div>
+
+                                </div>
+                            </form>
+                        </div>
+                        <div style="margin-top: 5px;width: 386px;float: left;" class="thmz_alert hide" id="rp_form1">
+                            <form class="form-horizontal form-label-left mz-fixed-form" novalidate autocomplete="off">
+                                <div class="item form-group">
+                                    <div style="width: 256px;float: left;">
+                                        <label class="my_label_2">药品<span
+                                                class="required">*</span>：</label>
+                                        <div class="form-group has-feedback" style="float: right;width: 210px;">
+                                            <input type="text" class="form-control has-feedback-left" id="symptom15"
+                                                   placeholder="请输入" style="padding-left: 10px;width: 100%"
+                                                   required="required">
+                                            <span class="fa fa-search form-control-feedback right"
+                                                  aria-hidden="true"></span>
+                                        </div>
+                                    </div>
+                                    <div style="width: 130px;float: left;">
+                                        <label class="my_label_2">剂量<span
+                                                class="required">*</span>：</label>
+                                        <input type="text" class="form-control my_label_input_2" id="symptom61"
+                                               placeholder="请输入" style="padding-left: 10px;" required="required">
+                                    </div>
+                                </div>
+                                <div class="item form-group">
+                                    <div style="width: 256px;float: left;">
+                                        <label class="my_label_2">脚注：</label>
+                                        <div class="form-group has-feedback" style="float: right;width: 210px;">
+                                            <input type="text" class="form-control has-feedback-left" id="symptom52"
+                                                   placeholder="请输入" style="padding-left: 10px;width: 100%">
+                                            <span class="fa fa-search form-control-feedback right"
+                                                  aria-hidden="true"></span>
+                                        </div>
+                                    </div>
+                                    <div style="width: 130px;float: left;">
+                                        <label class="my_label_2">单价：</label>
+                                        <input type="text" class="form-control my_label_input_2" id="symptom62"
+                                               placeholder="请输入" style="padding-left: 10px;">
+                                    </div>
+                                </div>
+                                <div class="item form-group">
+                                    <div style="width: 256px;float: left;">
+                                        <label class="my_label_2">煎法：</label>
+                                        <div class="form-group has-feedback" style="float: right;width: 210px;">
+                                            <input type="text" class="form-control has-feedback-left" id="symptom55"
+                                                   placeholder="请输入" style="padding-left: 10px;width: 100%">
+                                            <span class="fa fa-search form-control-feedback right"
+                                                  aria-hidden="true"></span>
+                                        </div>
+                                    </div>
+                                    <div style="width: 130px;float: left;">
+                                        <label class="my_label_2">付数<span
+                                                class="required">*</span>：</label>
+                                        <input type="text" class="form-control my_label_input_2" id="symptom621"
+                                               placeholder="请输入" style="padding-left: 10px;" required="required">
+                                    </div>
                                 </div>
-                                <div style="width: 256px;float: left;">
-                                     <label class="my_label">金额：</label>
-                                    <input type="text" class="form-control my_label_input_2" id="symptom12"
-                                            style="padding-left: 10px;" readonly >
+                                <div class="item form-group">
+                                    <div style="width: 386px;float: left;">
+                                        <label class="my_label_2">用法：</label>
+                                        <div class="form-group has-feedback" style="float: right;width: 340px;">
+                                            <input type="text" class="form-control has-feedback-left" id="symptom778"
+                                                   placeholder="请输入" style="padding-left: 10px;width: 100%">
+                                            <span class="fa fa-search form-control-feedback right"
+                                                  aria-hidden="true"></span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="item form-group">
+                                    <div style="width: 386px;float: left;">
+                                        <label class="my_label_2">频次：</label>
+                                        <div class="form-group has-feedback" style="float: right;width: 340px;">
+                                            <input type="text" class="form-control has-feedback-left" id="symptom77"
+                                                   placeholder="请输入" style="padding-left: 10px;width: 100%">
+                                            <span class="fa fa-search form-control-feedback right"
+                                                  aria-hidden="true"></span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="item form-group">
+                                    <div style="width: 100%">
+                                        <label class="my_label_2">医嘱：</label>
+                                        <input type="text" class="form-control " id="symptom137"
+                                               style="padding-left: 10px;width: 340px;" placeholder="请输入">
+                                    </div>
+                                </div>
+                                <div style="width: 100%;height: 22px;line-height: 22px;">
+                                    <div style="float: left;display: inline-block;"><a id="clearRegistration8"
+                                                                                       style="cursor: pointer;font-size: 14px;color: #2e69eb!important;"><i
+                                            class="fa fa-trash">&nbsp;&nbsp;清空</i></a></div>
+
+                                    <div style="float: right;display: inline-block;"><a id="clearRegistration9"
+                                                                                        style="cursor: pointer;font-size: 14px;color: #333333;">&nbsp;&nbsp;保存到右侧<i
+                                            class="fa fa-long-arrow-right"
+                                            style="font-size: 20px;vertical-align: middle;width: 30px;height: 20px;text-align: center;background-color: #337AB7;color: white;margin-left: 10px"></i></a>
+                                    </div>
+
+                                </div>
+                            </form>
+                        </div>
+                        <div style="margin-top: 5px;width: 386px;float: left;" class="thmz_alert hide" id="rp_form2">
+                            <form class="form-horizontal form-label-left mz-fixed-form" novalidate autocomplete="off">
+                                <div class="item form-group">
+                                    <div style="width: 386px;float: left;">
+                                        <label class="my_label_2">项目<span
+                                                class="required">*</span>：</label>
+                                        <div class="form-group has-feedback" style="float: right;width: 340px;">
+                                            <input type="text" class="form-control has-feedback-left" id="symptom70"
+                                                   placeholder="请输入" style="padding-left: 10px;width: 100%" required="required">
+                                            <span class="fa fa-search form-control-feedback right"
+                                                  aria-hidden="true"></span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="item form-group">
+                                    <div style="width: 130px;float: left;">
+                                        <label class="my_label_2">单价：</label>
+                                        <input type="text" class="form-control my_label_input_2" id="symptom110"
+                                               style="padding-left: 10px;" readonly>
+                                    </div>
+                                    <div style="width: 256px;float: left;">
+                                        <label class="my_label">总量<span
+                                                class="required">*</span>：</label>
+                                        <input type="text" class="form-control my_label_input_2" id="symptom120"
+                                               style="padding-left: 10px;" required="required">
+                                    </div>
                                 </div>
+                                <div class="item form-group">
+                                    <div style="width: 100%">
+                                        <label class="my_label_2">内涵：</label>
+                                        <input type="text" class="form-control " id="symptom130"
+                                               style="padding-left: 10px;width: 340px;" placeholder="请输入">
+                                    </div>
+                                </div>
+                                <div class="item form-group">
+                                    <div style="width: 100%">
+                                        <label class="my_label_2">备注：</label>
+                                        <input type="text" class="form-control " id="symptom131"
+                                               style="padding-left: 10px;width: 340px;" placeholder="请输入">
+                                    </div>
+                                </div>
+                                <div style="width: 100%;height: 22px;line-height: 22px;">
+                                    <div style="float: left;display: inline-block;"><a id="clearRegistration4"
+                                                                                       style="cursor: pointer;font-size: 14px;color: #2e69eb!important;"><i
+                                            class="fa fa-trash">&nbsp;&nbsp;清空</i></a></div>
+
+                                    <div style="float: right;display: inline-block;"><a id="clearRegistration5"
+                                                                                        style="cursor: pointer;font-size: 14px;color: #333333;">&nbsp;&nbsp;保存到右侧<i
+                                            class="fa fa-long-arrow-right"
+                                            style="font-size: 20px;vertical-align: middle;width: 30px;height: 20px;text-align: center;background-color: #337AB7;color: white;margin-left: 10px"></i></a>
+                                    </div>
+
+                                </div>
+                            </form>
+                        </div>
+                        <div style="width: calc(100% - 396px);float: right;border-left: 1px solid #ddd;padding-left: 10px;min-height: 360px;">
+                            <!-- 西成药的处方开始 -->
+                            <div id="wizard0" class="form_wizard wizard_horizontal">
+                                <ul class="wizard_steps">
+                                    <li>
+                                        <a href="#step-1">
+                                        <span class="step_no"
+                                              style="width: 20px;height: 20px;line-height: 20px;">1</span>
+                                            <span class="step_descr">
+                                              <small>处方一</small>
+                                          </span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="#step-2">
+                                        <span class="step_no"
+                                              style="width: 20px;height: 20px;line-height: 20px;">2</span>
+                                            <span class="step_descr">
+                                           <small>处方二</small>
+                                          </span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="#step-3">
+                                        <span class="step_no"
+                                              style="width: 20px;height: 20px;line-height: 20px;">3</span>
+                                            <span class="step_descr">
+                                     <small>处方三</small>
+                                          </span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="#step-4">
+                                        <span class="step_no"
+                                              style="width: 20px;height: 20px;line-height: 20px;">4</span>
+                                            <span class="step_descr">
+                                     <small>处方四</small>
+                                          </span>
+                                        </a>
+                                    </li>
+                                </ul>
+                                <div id="step-1" class="rb_item">
+                                    <form class="form-horizontal form-label-left">
+                                        <div class="form-group">
+                                            <img src="/thmz/images/prescription.png">
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                    </form>
+
+                                </div>
+                                <div id="step-2" class="rb_item">
+                                    <form class="form-horizontal form-label-left">
+                                        <div class="form-group">
+                                            <img src="/thmz/images/prescription.png">
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                    </form>
+
+                                </div>
+                                <div id="step-3" class="rb_item">
+                                    <form class="form-horizontal form-label-left">
+                                        <div class="form-group">
+                                            <img src="/thmz/images/prescription.png">
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                    </form>
+
+                                </div>
+                                <div id="step-4" class="rb_item">
+                                    <form class="form-horizontal form-label-left">
+                                        <div class="form-group">
+                                            <img src="/thmz/images/prescription.png">
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                    </form>
+
+                                </div>
+
                             </div>
-                            <div class="item form-group">
-                                <div style="width: 100%">
-                                    <label class="my_label_2">医嘱：</label>
-                                    <input type="text" class="form-control " id="symptom13"
-                                           style="padding-left: 10px;width: 341px;"   placeholder="请输入">
+                            <!-- 西成药的处方结束 -->
+                            <!-- 中草药的处方开始 -->
+                            <div id="wizard1" class="form_wizard wizard_horizontal hide">
+                                <ul class="wizard_steps">
+                                    <li>
+                                        <a href="#step1-1">
+                                        <span class="step_no"
+                                              style="width: 20px;height: 20px;line-height: 20px;">1</span>
+                                            <span class="step_descr">
+                                              <small>处方一</small>
+                                          </span>
+                                        </a>
+                                    </li>
+                                </ul>
+                                <div id="step1-1" class="rb_item">
+                                    <form class="form-horizontal form-label-left">
+                                        <div class="form-group">
+                                            <img src="/thmz/images/prescription.png">
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                    </form>
                                 </div>
                             </div>
-                            <div style="width: 100%;height: 22px;line-height: 22px;">
-                                <div style="float: left;display: inline-block;"><a id="clearRegistration"
-                                                                                   style="cursor: pointer;font-size: 14px;color: #2e69eb!important;"><i
-                                        class="fa fa-trash">&nbsp;&nbsp;清空</i></a></div>
+                            <!-- 中草药的处方结束 -->
+                            <!-- 诊疗与医技的处方开始 -->
+                            <div id="wizard2" class="form_wizard wizard_horizontal hide">
+                                <ul class="wizard_steps">
+                                    <li>
+                                        <a href="#step2-1">
+                                        <span class="step_no"
+                                              style="width: 20px;height: 20px;line-height: 20px;">1</span>
+                                            <span class="step_descr">
+                                              <small>处方一</small>
+                                          </span>
+                                        </a>
+                                    </li>
+                                    <li>
+                                        <a href="#step2-2">
+                                        <span class="step_no"
+                                              style="width: 20px;height: 20px;line-height: 20px;">2</span>
+                                            <span class="step_descr">
+                                           <small>处方二</small>
+                                          </span>
+                                        </a>
+                                    </li>
+                                </ul>
+                                <div id="step2-1" class="rb_item">
+                                    <form class="form-horizontal form-label-left">
+                                        <div class="form-group">
+                                            <img src="/thmz/images/prescription.png">
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                    </form>
 
-                                <div style="float: right;display: inline-block;"><a id="clearRegistration"
-                                                                                   style="cursor: pointer;font-size: 14px;color: #333333;">&nbsp;&nbsp;保存到右侧<i
-                                        class="fa fa-long-arrow-right" style="font-size: 20px;vertical-align: middle;width: 30px;height: 20px;text-align: center;background-color: #337AB7;color: white;margin-left: 10px"></i></a></div>
+                                </div>
+                                <div id="step2-2" class="rb_item">
+                                    <form class="form-horizontal form-label-left">
+                                        <div class="form-group">
+                                            <img src="/thmz/images/prescription.png">
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                        <div class="form-group" >
+                                            1.&nbsp;&nbsp;抗骨增生片 1片 4片 共12片<br/>
+                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用法：口服 频次：每周三次（tiw） 1天 <i
+                                                class="fa fa-long-arrow-left"
+                                                style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                            <i class="fa fa-remove" style="cursor: pointer;height: 20px;line-height: 20px;width: 30px;font-size: 20px;"></i>
+                                        </div>
+                                    </form>
+                                </div>
 
                             </div>
-                        </form>
+                            <!-- 诊疗与医技的处方结束 -->
+
+                        </div>
                     </div>
-                    <div style="width: calc(100% - 396px);float: left;border-left: 1px solid #ddd;"></div>
-                </div>
-            </form>
+                </form>
+            </div>
+        </div>
+        <div style="height: 60px;line-height: 60px;">
+            <div style="float: left;padding-left: 10px;font-weight: 700;font-size: 20px;">
+                合计：<span style="color: #2E69EB;"><span id="totalAmount">0.00</span>元</span>
+            </div>
+            <div style="float: right;">
+                <button type="button" class="btn btn-primary" id="saveapidAccepts2" style="height: 30px;line-height: 15px;"><i
+                        class="fa fa-save">&nbsp;&nbsp;</i>保存处方
+                </button>
+            </div>
         </div>
     </div>
     <div style="margin-top: 10px;width: calc(100% - 1320px);float: left;">
@@ -542,11 +956,11 @@
                 </form>
             </div>
             <div class="modal-footer">
-                <div style="float: left;display: inline-block;"><a id="clearRegistration"
+                <div style="float: left;display: inline-block;"><a id="clearRegistration1"
                                                                    style="cursor: pointer;font-size: 14px;color: #2e69eb!important;"><i
                         class="fa fa-trash">&nbsp;&nbsp;清空</i></a></div>
                 <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
-                <button type="button" class="btn btn-primary" id="saveapidAccepts">接诊</button>
+                <button type="button" class="btn btn-primary" id="saveapidAccepts1">接诊</button>
             </div>
         </div>
     </div>