duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../layui/css/layui.mobile.css" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.css" rel="stylesheet" />
		<link href="../css/mui.poppicker.css" rel="stylesheet" />
		<!-- <link href="../css/feedback-page.css" rel="stylesheet" /> -->
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../css/inits.css" />
		<title>工单列表</title>
		<style>
			.mui-card-content{
				font-size: 14px;
				position: relative;
				padding: 5px 14px;
			}
			.detail{
				float: right;
				color: #1ba3c9;
			}
			
			.tittle{
				padding-bottom: 5px;
				border-bottom: 1px solid #ececec;
			}
			.content{
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				/* width: 200px;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden; */
				margin-top: 5px;
				line-height: 25px;
				color: #7f7f7f;
			}
			.sq{
				width: 60px;
				height: 60px;
				padding: 7px;
				line-height: 42px;
				text-align: center;
				background-color: #1ba3c9;
				background-clip: content-box;
				border-radius: 50%;
				color: #fff;
			}
			.btnBack{
				background-color: #fff;
				border-radius: 50%;
				width: 60px;
				height: 60px;
				position: fixed;
				bottom: 20px;
				right: 20px;
				box-shadow: 0px 0px 8px 4px #dfdfdf;
			}
		</style>
	</head>
	<body>
		<!-- <header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">工单列表</h1>
		</header> -->
		<div class="mui-content">
		</div>
		<div class="btnBack">
			<div class="sq">退出</div>
		</div>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/mui.picker.js"></script>
		<script src="../js/mui.poppicker.js"></script>
		<script src="../layui/layui.js"></script>
		<script src="../js/zepto.js"></script>
		<!-- <script src="../js/feedback-page.js"></script> -->
		<script src="../Script/Common/huayi.config.js"></script>
		<script src="../Script/Common/huayi.http.js"></script>
		<script>
			// var openid = 'obwtK6JT-bTCeSbtqu4lkw4lIz0o'
			var openid = helper.cookies.get("openid");
//			if (!openid) {
//			    window.location.replace("../html/error.html");
//			}
			var tell = localStorage.getItem('tell');
			workOrderList()
			function workOrderList(){

				if (!tell || tell.length !== 11) {
					return;
				}

				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + '/APP/GetList',
					dataType: 'json',
					
					async: false,
					data: {
						tel:tell,
						page:1,
						pagesize:10000,
						source: 5
					},
					success: function(res) {
						let str = ''
						res.rows.forEach(function(v,n){
							let num=01;
							if(n<10 && n>=0){
								num = '0'+(n+1)
							}else{
								num = n
							}
							
							str += '<div class="mui-card"><div class="mui-card-content"><div class="tittle"><span class="orderTittle"><span>'+num+'</span> '+v.F_ComTitle+'</span>'+
							'<span class="detail" onclick="btn_detail(\'' + v.F_WorkOrderId +'\')">详情</span></div><div class="content">'+v.F_ComContent+'</div></div></div>'
						})
						$('.mui-content').html(str)
					}
				});
			}
			$('.sq').click(function(){
				window.location.replace("../html/login.html");
			})
			function btn_detail(id){
				console.log(decodeURI(id))
				window.location.replace("../html/workOrderDetail.html?id="+id+'&tel='+tell);
			}
		</script>
	</body>
</html>