续方管理

js/buz/prescription-adjustment.js

@@ -0,0 +1,10 @@
$(function(){
	//获取团队信息
	var request = getRequest(),
	    teamCode = request.id,
	    isLeader = request.isLeader || true;
    
	$('select').on('change',function() {
		
	})
})

js/buz/prescription-detail.js

@@ -0,0 +1,10 @@
$(function(){
	//获取团队信息
	var request = getRequest(),
	    teamCode = request.id,
	    isLeader = request.isLeader || true;
    
	$('select').on('change',function() {
		
	})
})

js/buz/prescription-management.js

@@ -0,0 +1,155 @@
//获取团队信息
var request = getRequest(),
    teamCode = request.id,
    isLeader = request.isLeader || true;
//记录页面控件的值
var startDate = '', 
    endDate = '',
    state = '0,2,3,4,10', // 状态,初始为：审核中
    dispensaryType = '', //配送方式
    page = 1,
    size = 10,
    nameKey, //搜索的姓名
    totalCount = 0,
    selectDoctor; //选中的医生
$(function(){
    //非团队长隐藏操作按钮
    if(!isLeader){
        $("#arrange").hide();
    }
    //填充下拉框数据
    managementApis.getFilterInfo({
    	data:{
	    	teamCode: teamCode
	    }
    }).then(function(res){
        fillDropDown(res);
        $('#presctiptionStatus').val(state);
        //获得续方订单列表
        getPrescriptionList();
    });
    bindEvents();
});
//获得续方订单列表
function getPrescriptionList( refresh){
    var params = {
        teamCode: teamCode,
        startDate: startDate,
        endDate: endDate,
        state: state,
        diseases: dispensaryType,
        nameKeyword: nameKey
    };
    //先请求获得所有的数量
    managementApis.getListCount({data:params}).then(function(res){
        if(res.status == 200){
            totalCount = res.data.total;
            if(refresh){
                $("#prescriptTable").bootstrapTable('refresh');
            }
            var options = $.extend(managementApis.getListTableAjaxObj, {
                queryParams: queryParams,
                queryParamsType: "limit",
                pagination: true,
                paginationLoop: true,
                sidePagination: 'server',
                pageNumber: 1,
                pageSize: 10,
                responseHandler: function (res) {
                    var data = _.map(res.data, function(o){
                        var result = "";
                        for(var i=0; i<o.prescriptionDt.length; i++){
                            if(i>0){
                                result += ','+o.prescriptionDt[i].name;
                            }else{
                                result += o.prescriptionDt[i].name;
                            }
                        }
                        o.result = result;
                        o.statusName = getStatusName(o.status);
                        o.drugs = getDrugs(o.prescriptionInfo);
                        o.daysRemaining = getDaysRemaining(o)
                        o.action = '<a class="c-12b7f5" href="">查看</a>';
                        return o;
                    });
                    
                    return {
                        rows: data,
                        total: totalCount
                    }
                }
            })
            $("#prescriptTable").bootstrapTable(options);
        }
    });
    
}
function queryParams(params) {
    console.log(params);
    //当表格数据变化的时候，则取消全选按钮，然后之前的选中的信息将取消选中
    page = params.offset/params.limit + 1;
    selectItemNum = 0;
    $("#selectAll").prop("checked", false);
    $("#selectedCount").text(0);
    $("#arrange").addClass("disabled");
    
    return {
        teamCode: teamCode,
        page: params.offset/params.limit + 1,
        size: params.limit,
        startDate: startDate,
        endDate: endDate,
        state: state,
        diseases: dispensaryType,
        nameKeyword: nameKey
    };
}
function fillDropDown(res){
    if(res.status == 200){
        var stateHtml = template('state_tmpl', {list: res.data.states});
        $("#presctiptionStatus").append(stateHtml);
        var expressHtml = template('express_tmpl', {list: res.data.diseases});
        $("#express").append(expressHtml);
    }else{
    }
}
//绑定事件
function bindEvents(){
    $(".n-tab").on('click', function(){
        if($(this).hasClass("active")){
            return false;
        }else{
            $(this).addClass("active");
            $(this).siblings().removeClass("active");
            var seDate = getStartEndDate($(this).attr("data-val"));
            startDate = seDate.startDate;
            endDate = seDate.endDate;
            getPrescriptionList(true);
        }
    });
    $("#presctiptionStatus").on('change', function(){
        var $this = $(this);
        state = $this.val();
        getPrescriptionList(true);
    });
    $("#express").on('change', function(){
        dispensaryType = $(this).val();
        getPrescriptionList(true);
    });
    
    $("#searchBtn").on('click', function(){
        var $input = $("#searchName"),
            text = $.trim($input.val());
        nameKey = text;
        getPrescriptionList(true);
    });
}

js/management-api.js

@@ -0,0 +1,25 @@
(function(){
    var managementApis = {
    	getListCount: function(data) {
    		return APIService.httpGet('doctor/prescriptionInfo/getDoctorPrescriptionTotal', data);
    	},
        getListTableAjaxObj: { //表格数据获取时，使用的ajax请求配置
            method: 'get',
            url: APIService.server + 'doctor/prescriptionInfo/getDoctorPrescription', 
            contentType: "application/json",
            dataType: "json",
            ajaxOptions: {
                beforeSend: function(request) {
                    var userAgent = APIService.userAgent;
                    userAgent = JSON.stringify(userAgent);
                    request.setRequestHeader("userAgent", userAgent);
                }
            }
        },
        getFilterInfo: function(data){
            return APIService.httpGet('doctor/prescriptionInfo/getPrescriptionFilter', data);
        }
    };
    window.managementApis = managementApis;
})(jQuery)

prescription-adjustment.html

@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>调整处方</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
	<style>
		.ibox-content { padding: 0; }
		.ibox { margin-bottom: 0; }
		.icon-tianjia {
			display: inline-block;
			width: 15px;
			height: 15px;
			background: url(img/tianjia_icon.png) no-repeat;
			background-size: 15px;
		}
		.icon-xinzeng {
			display: inline-block;
			width: 20px;
			height: 20px;
			background: url(img/xinzeng_icon.png) no-repeat;
			background-size: 20px;
		}
		.icon-jianshao {
			display: inline-block;
			width: 20px;
			height: 20px;
			background: url(img/jianshao_icon.png) no-repeat;
			background-size: 20px;
		}
		ul { list-style: none; padding-left: 0; }
	</style>
</head>
<body class="white-bg plr5">
    <div class="ibox">
        <div class="mt15">
            <p class="c-333 c-f16 mb5">临床诊断</p>
        </div>
        <div class="ibox-content">
            <div class="pt10">
            	<span class="c-999 c-vam c-display-ib mb10">诊断结果：</span>
	            <div class="clearfix c-display-ib c-vam">
	            	<ul class="fl">
		            	<li class="fl bc-12b7f5 c-fff ptb5 plr10 c-b-r5">
		            		高血压
		            		<i class="fa fa-close"></i>
		            	</li>
		            </ul>
		            <div class="mb10 fl c-b-c12b7f5 c-border c-12b7f5 c-fff ptb5 plr15 c-b-r5 ml20">
	            		<i class="icon-tianjia c-vam mr5"></i>添加
	            	</div>
	            </div>
            </div>
        </div>
    </div>
    <div class="ibox">
        <div class="mt15">
            <p class="c-333 c-f16 mb5">RP</p>
        </div>
        <div class="ibox-content ">
        	<div class="ptb10 plr15 mtb10 bc-f5f5fa">
	        	<ul class="clearfix">
	        		<li class="fl">药品： <input type="text" placeholder="请输入药品名称或拼音首码" class="form-control c-w200 c-display-ib"></li>
	        		<li class="fl ml10">
	        			次剂量：<i class="icon-jianshao c-vam mr5"></i> 
	        			<input type="text" placeholder="" class="form-control c-w80 c-display-ib c-vam">
	        			<i class="icon-xinzeng c-vam ml5"></i>
	        		</li>
	        		<li class="fl ml10">天数： <input type="text" placeholder="请输入药品天数" class="form-control c-w140 c-display-ib"></li>
	        	</ul>
	        	<ul class="clearfix">
	        		<li class="fl">频次： <input type="text" placeholder="请输入频次" class="form-control c-display-ib c-w120"></li>
	        		<li class="fl ml10">用法： <input type="text" placeholder="请输入用法" class="form-control c-display-ib c-w120"></li>
	        		<li class="fl ml10 pt7">总量：28片</li>
	        	</ul>
        	</div>
        </div>
    </div>
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/content.min.js?v=1.0.0"></script>
    <script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="js/plugins/toastr/toastr.min.js"></script>
    <script src="js/es6-promise.js"></script>
    <script src="js/underscore.js"></script>
    <script src="js/api-service.js"></script>
    <script src="js/management-api.js"></script>
    <script src="js/util.js"></script>
    <script src="js/template.js"></script>
    <script src="js/buz/prescription-adjustment.js"></script>
</body>
</html>

prescription-detail.html

@@ -0,0 +1,173 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>续方详情</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
	<style>
		table td { padding-top: 5px; padding-bottom: 5px; }
		.ibox-content { padding-left: 0; padding-bottom: 0; }
		.ibox { margin-bottom: 0; }
	</style>
</head>
<body class="white-bg plr5">
    <div class="ibox">
        <div class="mt15">
            <p class="c-333 c-f16 mb5">原处方记录</p>
        </div>
        <div class="ibox-content">
            <table class="c-wp100 c-999">
            	<tr>
            		<td>开方时间：2017-07-04 08:00:25</td>
            		<td>开方医生：李四</td>
            	</tr>
            	<tr>
            		<td>剩余药品可用天数：2天</td>
            		<td>科室/医生：海沧区嵩屿街道社区卫生服务中心</td>
            	</tr>
            </table>
        </div>
    </div>
	<div class="ibox">
        <div class="mt15">
            <p class="c-333 c-f16 mb5">居民信息</p>
        </div>
        <div class="ibox-content">
            <table class="c-wp100 c-999">
            	<tr>
            		<td>续方居民：张三</td>
            		<td>医保卡号：D1029381</td>
            		<td>身份证号：1301291817*******98</td>
            	</tr>
            </table>
        </div>
    </div>
    <div class="ibox mb5">
        <div class="mt15">
            <p class="c-333 c-f16 mb5">临床诊断</p>
        </div>
        <div class="ibox-content">
            <table class="c-wp100 c-999">
            	<tr>
            		<td>诊断结果：<span class="c-333">高血压病</span></td>
            	</tr>
            </table>
        </div>
    </div>
    <div class="ibox">
        <div class="mt15">
            <p class="c-333 c-f16 mb5">RP</p>
        </div>
        <div class="ibox-content">
            <table ble class="c-wp100 c-999">
            	<tr>
            		<td class="c-333">药品名称1</td>
            		<td>用法： <span class="c-333">口服 每次1.25mg    q.d.</span></td>
            		<td>总量：<span class="c-333">40片</span></td>
            		<td>规格：<span class="c-333">2.5mg*90片/盒</span></td>
            	</tr>
            	<tr>
            		<td class="c-333">药品名称1</td>
            		<td>用法： <span class="c-333">口服 每次1.25mg    q.d.</span></td>
            		<td>总量：<span class="c-333">40片</span></td>
            		<td>规格：<span class="c-333">2.5mg*90片/盒</span></td>
            	</tr>
            </table>
        </div>
    </div>
    <div class="ibox mb5">
        <div class="mt15">
            <p class="c-333 c-f16 mb5">续方信息</p>
        </div>
        <div class="ibox-content">
            <table class="c-wp100 c-999">
            	<tr>
            		<td>续方状态：<span class="c-333">审核中</span></td>
            	</tr>
            	<tr>
            		<td>续方说明：<span class="c-333">审核中</span></td>
            	</tr>
            </table>
        </div>
    </div>
    <div class="ibox mb5">
        <div class="mt15">
            <p class="c-333 c-f16 mb5">续方审核</p>
        </div>
        <div class="ibox-content">
            <form class="form-horizontal" style="width:370px;">
                <div class="form-group">
                    <label class="col-sm-3 control-label">审核结果：</label>
                    <div class="col-sm-8">
                        <select id="auditResultSel" class="form-control" name="auditResultSel">
                            <option>请选择审核结果</option>
                            <option>选项 1</option>
                            <option>选项 2</option>
                            <option>选项 3</option>
                            <option>选项 4</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">诊查费用：</label>
                    <div class="col-sm-8">
                        <select id="feeSel" class="form-control" name="feeSel">
                            <option>请按医生级别选择诊查费用</option>
                            <option>选项 1</option>
                            <option>选项 2</option>
                            <option>选项 3</option>
                            <option>选项 4</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">开方科室：</label>
                    <div class="col-sm-8">
                        <select id="deptSel" class="form-control" name="deptSel">
                            <option>请选择你所在的科室</option>
                            <option>选项 1</option>
                            <option>选项 2</option>
                            <option>选项 3</option>
                            <option>选项 4</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">审方密码：</label>
                    <div class="col-sm-8">
                        <input type="password" placeholder="请输入审方密码" class="form-control">
                    </div>
                </div>
            </form>
        </div>
    </div>
	<div class="c-tac mb15">
		<button type="button" class="btn btn-w-m btn-success mlr20">确认</button>
		<button type="button" class="btn btn-w-m btn-primary mlr20">调整处方</button>
		<button type="button" class="btn btn-w-m btn-danger mlr20">返回</button>
	</div>
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/content.min.js?v=1.0.0"></script>
    <script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="js/plugins/toastr/toastr.min.js"></script>
    <script src="js/es6-promise.js"></script>
    <script src="js/underscore.js"></script>
    <script src="js/api-service.js"></script>
    <script src="js/management-api.js"></script>
    <script src="js/util.js"></script>
    <script src="js/template.js"></script>
    <script src="js/buz/prescription-detail.js"></script>
</body>
</html>

prescription-management.html

@@ -0,0 +1,160 @@
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>续方管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">
</head>
<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="border-bottom overflow-h">
            <ul class="nav navbar-nav">
                <li class="n-tab active" data-val="0">
                    <a href="#">所有续方</a>
                </li>
                <li class="n-tab" data-val="1">
                    <a href="#">近一周</a>
                </li>
                <li class="n-tab" data-val="2">
                    <a href="#">近一月</a>
                </li>
                <li class="n-tab" data-val="3">
                    <a href="#">近半年</a>
                </li>
                <li class="n-tab" data-val="4">
                    <a href="#">近一年</a>
                </li>
            </ul>
        </div>
        <form role="form" class="form-inline ptb10" onsubmit="return false;">
            <div class="form-group mr10">
                <label for="presctiptionStatus">续方状态：</label>
                <select name="presctiptionStatus" id="presctiptionStatus" class="form-control input-sm">
                    <option value="">所有状态</option>
                </select>
            </div>
            <div class="form-group mr10">
                <label for="">诊断结果：</label>
                <select name="express" id="express" class="form-control input-sm">
                    <option value="">所有诊断</option>
                </select>
            </div>
			<div class="form-group">
                <label for="">续方搜索：</label>
                <input type="text" class="form-control input-sm" id="searchName" placeholder="可按申请居民搜索">
            </div>
            <div class="form-group ml5">
                <button type="button" class="btn btn-w-80 btn-sm bgc-12b7f5 c-fff" id="searchBtn">搜索</button>
            </div>
       </form>
        <table id="prescriptTable" data-mobile-responsive="true" class="table">
            <thead class="thead-inverse">
                <tr class="">
                    <th data-field="name" tabindex="0">居民姓名</th>
                    <th data-field="createTime" tabindex="0">申请时间</th>
                    <th data-field="result" tabindex="0">诊断结果</th>
                    <th data-field="drugs" tabindex="0">药品</th>
                    <th data-field="daysRemaining" tabindex="0">剩余药品可用天数</th>
                    <th data-field="statusName" tabindex="0">续方状态</th>
                    <th data-field="action" tabindex="0">操作</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">
                    <img src="img/shezi_tankuang_icon.png" class="mr10">选择配送员
                </h4>
            </div>
            <div class="modal-body">
                <div class="mb10">
                    <input type="search" class="form-control input-sm" id="doctorName" placeholder="请输入健管师姓名">
                </div>
                <table id="hDoctor" data-mobile-responsive="true" data-show-header="false">
                    <thead class="thead-inverse">
                        <tr class="">
                            <th data-field="photo" tabindex="0">头像</th>
                            <th data-field="name" tabindex="0">姓名</th>
                            <th data-field="job" tabindex="0">职称</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
        </div>
    </div>
    <div class="modal fade" id="confirmModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">
                        <img src="img/shezi_tankuang_icon.png" class="mr10"> 确认选择
                    </h4>
                </div>
                <div class="modal-body">
                    <p class="c-333 text-center">是否确认将<span class="c-12b7f5" id="orderCount"></span>个订单分配给 <span id="docInfo"></span >配送？</p>
                    <p class="c-333 text-center">确认后将不可变更！</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="confirmBtn">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <script type="text/html" id="state_tmpl">
        {{each list as it}}
        <option value="{{it.code}}">{{it.value}}</option>
        {{/each}}
    </script>
    <script type="text/html" id="express_tmpl">
        {{each list as it}}
        <option value="{{it.code}}">{{it.name}}</option>
        {{/each}}
    </script>
    <script type="text/html" id="address_tmpl">
        <option value="">所有地点</option>
        {{each list as it}}
        <option value="{{it.hospitalCode}}">{{it.hospitalName}}</option>
        {{/each}}
        <!-- <option value="">其他</option> -->
    </script>
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/content.min.js?v=1.0.0"></script>
    <script src="js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="js/plugins/toastr/toastr.min.js"></script>
    <script src="js/es6-promise.js"></script>
    <script src="js/underscore.js"></script>
    <script src="js/api-service.js"></script>
    <script src="js/management-api.js"></script>
    <script src="js/util.js"></script>
    <script src="js/template.js"></script>
    <script src="js/buz/prescription-management.js"></script>
</body>
</html>