zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
							<!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/Table/table1.css" rel="stylesheet" />
		<link href="../css/init.css" rel="stylesheet" />
		<link href="./css/onlineServiceList.css" rel="stylesheet" />
	</head>

	<body class="gray-bg">
		<div class="daoHang clearfix">
			<div class="dhLeft">
				<sapn><i class="syIcon"></i>位置：
					<a id="ReIndex" href="javaScript:;" class="indexreturn">首页</a>&gt;
					<a href="javaScript:;">知识库</a>&gt;
					<a href="javascript:location.reload()" class="now_position">药品信息</a>
				</sapn>
			</div>
		</div>
		<div class="wrapper wrapper-content animated fadeInRight equp_management">
			<div class="th-box">
				<div class="form-inline th-bar clearfix">
					<div class="form-group time-box">
						<i class="tub fa fa-search"></i>
						<input class="form-control" type="text" id="value" placeholder="请输入名称">
					</div>
					<div class="time-box form-group">
						<input type="button" class="btn_gray" id="sc_btns" value="搜索" />
					</div>
				</div>

			</div>
			<div class="tab_contents" id="tab_contents">
				<div class="tabs_details showtabs">
					<table id="table_all" data-row-style="rowStyle" data-query-params="queryParams">
						<thead>
							<tr>
								<th data-field="CODE" data-align="center">药品编号</th>
								<th data-field="NAME" data-align="center">药品名称</th>
								<th data-field="SPEC" data-align="center">价格</th>
								<th data-field="DES" data-align="center">说明</th>
								<th data-field="BW" data-align="center">部位</th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
		<script src="../Script/Common/regexs.js"></script>
		<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>
			$('#sc_btns').click(function() {
				initTable()
			})
			initTable()

			function initTable() {
				var $tableLeft = $('#table_all');
				$tableLeft.bootstrapTable('destroy');
				//先销毁表格
				$tableLeft.bootstrapTable({
					method: "get", //使用get请求到服务器获取数据
					url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getyjpt_ypxx",
					contentType: "application/x-www-form-urlencoded",
					striped: true, //表格显示条纹
					pagination: true, //启动分页
					pageSize: 10, //每页显示的记录数
					pageNumber: 1, //当前第几页
					fixedColumns: true,
					fixedNumber: 3,
					pageList: [500, 1000, 1500], //记录数可选列表
					search: false, //是否启用查询
					showColumns: false, //显示下拉框勾选要显示的列
					showRefresh: false, //显示刷新按钮
					sidePagination: "server", //表示服务端请求
					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
					//设置为limit可以获取limit, offset, search, sort, order
					queryParamsType: "undefined",
					queryParams: function queryParams(params) { //设置查询参数
						console.log(params)
						var param = {
							value: $('#value').val(),
							PageIndex: params.pageNumber,
							PageSize: params.pageSize
						};
						return param;
					},
					onLoadSuccess: function(data) { //加载成功时执行
						var newDataL = {};
						newDataL.state = data.data.state;
						newDataL.message = data.data.message;
						newDataL.rows = data.data.rows.Rows;
						newDataL.total = data.data.rows.Totals;
						$tableLeft.bootstrapTable('load', newDataL);
						$('.tool_downs').authorizeOperateButton();
					},
					onLoadError: function() { //加载失败时执行
						layer.msg("加载数据失败", {
							time: 1500,
							icon: 2
						});
					}
				});
			}
		</script>
	</body>

</html>