duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8" />
		<title>工单查询</title>
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link rel="stylesheet" href="../css/bootstrap-select.css" />
		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
		<link rel="stylesheet" href="../css/init.css" />
		<link rel="stylesheet" href="../js/layui/css/layui.css">
		<link rel="stylesheet" href="../css/WorkOrder/WorkOrderList.css">
	</head>

	<body class="gray-bg">
		<div class="wrapper wrapper-content animated fadeInRight">
			
			<div style="padding: 10px" class="tj_content clearFix">
				<div style="padding: 10px" class="tj_content clearFix">

					<div>
						<div>
							<table>
								<tr>
									<td>
										<input type="text" placeholder="输入内容" style="width: 600px;" id="workOrderTitle" class="form-control" />
									</td>
									<td>
										<botton style="" class="btns Seach">搜索</botton>
									</td>
								</tr>
							</table>
							
						</div>
						<div style="width: 100%; padding: 10px">
							
							
							<table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
								<thead>
                                    <tr>
                                        <th data-align="center" data-formatter="serialNumber">序号</th>
                                        <th data-field="F_WorkOrderId" data-formatter="View" data-align="center">
                                            工单单号
                                        </th>
                                        <th data-field="F_ComContent" data-align="center">
                                            工单内容
                                        </th>
                                        <th data-field="Similarity" data-align="center">
                                            相似值
                                        </th>

                                    </tr>
                                </thead>
							</table>
						</div>
					</div>
				</div>
			</div>

		</div>
		<script src="../js/layui/layui.js"></script>
		<script src="../css/laydate/laydate.js"></script>
		<script src="../js/WorkOrder/WorkOrderList.js"></script>
		<script>
			var exportParams; // 导出参数
			$(document).ready(function() {
				load();
			});

			$("#orderlist").on("click-row.bs.table", function(e, row, ele) {
				$(".success").removeClass("success"); //去除之前选中的行的，选中样式
				$(ele).addClass("success"); //添加当前选中的 success样式用于区别
			});
			//获取查询信息
			function load() {
				//先销毁表格
				$("#orderlist").bootstrapTable("destroy");
				//初始化表格,动态从服务器加载数据
				$("#orderlist").bootstrapTable({
					method: "get", //使用get请求到服务器获取数据
					url: "./json/jsonData.js", //获取数据的Servlet地址
					contentType: "application/x-www-form-urlencoded",
					striped: true, //表格显示条纹
					pagination: true, //启动分页
					pageSize: 10, //每页显示的记录数
					pageNumber: 1, //当前第几页
					pageList: [10, 20, 50, 100], //记录数可选列表
					search: false, //是否启用查询
					showColumns: false, //显示下拉框勾选要显示的列
					showRefresh: false, //显示刷新按钮
					sidePagination: "server", //表示服务端请求
					queryParamsType: "undefined",
					queryParams: function queryParams(params) {
						//设置查询参数
						var param = {
							page: params.pageNumber,
							pagesize: params.pageSize,

						};
						// 导出参数
						exportParams = param;
						return param;
					},
					onLoadSuccess: function(data) {
						//加载成功时执行
						//layer.msg("加载成功");
						//console.log(data);
					},
					onLoadError: function() {
						//加载失败时执行
						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
					},
				});
			}
			//编号
			function serialNumber(val, row, index) {
				return index + 1;
			}

			function GetCont(val) {
				return stringDot(val, 15)
			}

			function GetTit(val) {
				return stringDot(val, 15)
			}

			// 超出字符串用...
			function stringDot(val, num) {
				if(val) {
					var str = "<div ";
					if(val.length > num) {
						str = str + ' title="' + val + '" ';
						val = val.substr(0, num) + "..."
					}
					return str + ">" + val + "</div>";
				} else {
					return "";
				}
			}
			//状态
            function States(val, row) {
                var html = "";
                switch (val + "") {
                    case "0":
                        html = "新工单";
                        if (row.F_IsReturn == 1) {
                            html = "新工单（回退）";
                        }
                        break;
                    case "1":
                        html = "待交办";
                        break;
                    case "2":
                        html = '<span style="color:#FF0000;">待查收</span>';
                        break;
                        break;
                    case "3":
                        html = "退回审核中";
                        break;
                    case "4":
                        html = "办理中";
                        break;
                    case "5":
                        html = "延时审核";
                        break;
                    case "6":
                        html = "已办理";
                        break;
                    case "7":
                        html = "已回访";
                        break;
                    case "8":
                        html = "重办中";
                        break;
                    case "9":
                        html = "已结案";
                        break;
                    case "11":
                        html = "重办待交办";
                        break;
                }
                return html;
            }
            //时限
            function OverTime(val, row) {
                if (val == 1) {
                    return (
                        '<div class="" style="cursor: pointer;">' +
                        '<span class="Greens">' +
                        row.GapTime +
                        "</span>" +
                        "</div>"
                    );
                } else if (val == 2) {
                    return (
                        '<div class="" style="cursor: pointer;">' +
                        '<span class="Yellows">' +
                        row.GapTime +
                        "</span>" +
                        "</div>"
                    );
                } else if (val == 3) {
                    return (
                        '<div class="" style="cursor: pointer;">' +
                        '<span class="Reds">' +
                        row.GapTime +
                        "</span>" +
                        "</div>"
                    );
                }
            }
            //办理时限
            function BanTime(val) {
                if (val) {
                    var time = val.substring(0, val.indexOf(" "));
                    return (
                        '<div class="" style="cursor: pointer;">' +
                        "<span>" +
                        time +
                        "</span>" +
                        "</div>"
                    );
                }
            }
			// 导出文件
			$(".exportFile").click(function() {
				//详情见笔记----E:\desktopFile\dailyNotes\knowledgePoint\js
				//exportFileFun("WorkOrder/GetList", exportParams)
				// download(url)
			})
		</script>
	</body>

</html>