zhangkun
/
zzdyrmyyUI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>预约查询</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<link href="../css/init.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/bookingList.css" />
	</head>

	<body class="gray-bg">
		<div class="daoHang clearfix">
			<div class="dhLeft">
				<sapn><i class="syIcon"></i>位置：
					<a href="javaScript:;" id="ReIndex">首页</a>&gt;
					<a href="javaScript:;">预约系统</a>&gt;
					<a href="" class="nowPosition">预约诊疗</a>
				</sapn>
			</div>
			<div class="dhRight">
				<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
			</div>
		</div>
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="toolBox clearfix">
				<div class="pull">
					<div class="form-inline">
						<div class="form-group">
							<select class="form-control selectpicker" id="ghSearch" data-live-search="true">
								<option value="">请选择单位</option>
								<option value="0">一附院</option>
								<option value="1">二附院</option>
								<option value="2">三附院</option>
							</select>
						</div>						
						<div class="form-group">
							<input type="text" class="form-control" id="hzname" placeholder="请输入患者姓名" />
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="phoneSearch" placeholder="请输入联系人电话" />
						</div>
						<div class="time-box form-group">
							<i class="tub fa fa-calendar"></i>
							<input class="form-control search_time" id="starttimeSearch" type="text" placeholder="请选择开始日期">
						</div>
						<div class="time-box form-group">
							<i class="tub fa fa-calendar"></i>
							<input class="form-control search_time" id="sftimeSearch" type="text" placeholder="请选择截止日期">
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="nameSearch" placeholder="请输入科室" />
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="openameSearch" placeholder="请输入医生姓名" />
						</div>
						<div class="pull-right tool_bars">
							<button class="btns" id="sc_btns">搜索</button>
							<!--<button class="btns" id="sc_btns">搜索</button>-->
							<!--<a class="btns" onclick="dcexcel(this)">导出</a>-->
						</div>
					</div>
				</div>
			</div>

			<div style="width: 100%;padding: 10px;">
				<table id="accessList" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
				</table>
			</div>

			<!--查看详情-->
			<div id="order_details" class="ckxq Hidens"></div>
		</div>

		<script src="../js/laydate/laydate.js"></script>
		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>

		<script>
			/**
			 * 随访管理
			 * */
			$(document).ready(function() {
				//初始化时间
				laydate.render({
					elem: '#starttimeSearch',
					range: '~',
					theme: '#1ab394',
					calendar: true
				});
				laydate.render({
					elem: '#sftimeSearch',
					theme: '#1ab394',
					calendar: true
				});

				//搜索
				$("#sc_btns").click(function() {
					initTable();
				})
				initTable();
			});

			var datas = [{
					"F_AdmissionDept": "良好",
					"F_Age": "30",
					"F_Code": "一附院",
					"xingbie": "男",
					"judge": "急性肠胃炎",
					"F_FirstLevel": "肠胃科",
					"F_Id": 1,
					"F_InDate": "14:00~15:00",
					"F_Name": "测试人",
					"fangshi": "线上",
					"F_Phone": "123456789",
					"state": "李某某",
					"F_TubeDoctor": "张医生",
					"IDcard": "4101545445454545",
					"loginData":"2010-08-17:11:28",
					"id": 1,
				},
				{
					"F_AdmissionDept": "已痊愈",
					"F_Age": "30",
					"F_Code": "一附院",
					"xingbie": "男",
					"judge": "急性肠胃炎",
					"F_FirstLevel": "肠胃科",
					"F_Id": 2,
					"F_InDate": "14:00~15:00",
					"F_Name": "王五",
					"fangshi": "线上",
					"F_Phone": "123456789",
					"state": "李某某",
					"F_TubeDoctor": "张医生",
					"IDcard": "4101545445454545",
					"loginData":"2010-08-17:11:28",
					"id": 2,
				},
				{
					"F_AdmissionDept": "待观察",
					"F_Age": "30",
					"F_Code": "一附院",
					"xingbie": "男",
					"judge": "头疼",
					"F_FirstLevel": "肠胃科",
					"F_Id": 3,
					"F_InDate": "14:00~15:00",
					"F_Name": "张三",
					"fangshi": "线上",
					"F_Phone": "123456789",
					"state": "李某某",
					"F_TubeDoctor": "李医生",
					"IDcard": "4101545445454545",
					"loginData":"2010-08-17:11:28",
					"id": 3,
				}
			]

			// 随访管理列表
			function initTable() {
				//先销毁表格
				$('#accessList').bootstrapTable('destroy');
				//初始化表格,动态从服务器加载数据
				$('#accessList').bootstrapTable({
					method: 'get',
					data: datas,
					queryParams: "queryParams",
					striped: true, //表格显示条纹
					pagination: true, //启动分页
					pageSize: 10, //每页显示的记录数
					pageNumber: 1, //当前第几页
					pageList: [10, 20, 50, 100], //记录数可选列表
					search: false, //是否启用查询
					showColumns: false, //显示下拉框勾选要显示的列
					showRefresh: false, //显示刷新按钮
					columns: [{
							field: 'F_Code',
							title: '预约单位',
							align: 'center',
						},
						{
							field: 'F_TubeDoctor',
							title: '预约医师',
							align: 'center',
						},
						{
							field: 'F_Phone',
							title: '联系方式',
							align: 'center',
						},
						{
							field: 'F_Name',
							title: '患者姓名',
							align: 'center',
						},
						{
							field: 'F_FirstLevel',
							title: '预约科室',
							align: 'center',
						},
						{
							field: 'F_Phone',
							title: '联系方式',
							align: 'center',
						},
						{
							field: 'F_InDate',
							title: '预约时间',
							align: 'center',
						},
						{
							field: 'F_InDate',
							title: '登记时间',
							align: 'center',
						},
						{
							field: 'state',
							title: '责任人',
							align: 'center',
						},
						{
							field: 'F_AdmissionDept',
							title: '诊后追踪情况',
							align: 'center',
						},{
							field: 'loginData',
							title: '登记时间',
							align: 'center',
						},
					]
				});
			}

			//操作栏的格式化
			function actionFormatter(value, row, index) {
				var id = value;
				var result = "";
				result += "<span class='btn btn-xs green' onclick=\"removeById('" + id +
					"', view='view')\" >取消预约</span>";
				result += "<span class='btn btn-xs green' onclick=\"EditViewById('" + id +
					"', view='view')\" >查看</span>";
				return result;
			}

			//随访登记
			function btn_access(custelid, name, phone, address) {
				// var custelid = row.F_Id; //随访记录id
				// var name = row.F_Name; //姓名
				// var phone = row.F_Phone; //联系人电话
				// var address = row.F_Addr; //住址
				var name = encodeURI(name);
				var address = encodeURI(address);
				layer.open({
					type: 2,
					title: '随访登记',
					maxmin: true, //开启最大化最小化按钮
					area: ['90%', '90%'],
					content: "./template/accessRegister.html?custelid=" + custelid + "&name=" + name + "&phone=" + phone + "&address=" +
						address,
				})
			}

			//预约信息查看
			function EditViewById(val) {
				var id = val;
				layer.open({
					type: 2,
					title: '预约患者信息',
					maxmin: true, //开启最大化最小化按钮
					area: ['60%', '80%'],
					content: './bookingDetail.html?id=' + id
				})
			}
		</script>
	</body>

</html>