ygtx
/
ygtx_oa_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-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">
		<title>党建系统</title>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/OA-style.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav ">
			<a href="" class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
			<h1 id="title" class="mui-title">反馈详情</h1>
		</header>
		
		<div class="mui-content" >
			<div id="pullrefresh" class="mui-content mui-scroll-wrapper" style="">
				<div class="mui-scroll">
					<div class="mui-card" v-for="item in items">
						<a href="javascript:;" :data-id="item.id">
							<div class="list_gg">
								<div class="list_gg_item mui-clearfix">
									<h1>{{item.duban_name}}</h1>
									<h2 style="font-size: 16px;">反馈内容：{{item.content}}</h2>
									<h2 style="font-size: 16px;">反馈时间：{{item.fankui_date}}</h2>
									<h2 style="font-size: 16px;">状态：
										<font v-if="'0'==item.state">待签收</font>
										<font v-if="'1'==item.state || '4'==item.state">签收</font>
										<font v-if="'2'==item.state" color="#FFB400">进行中</font>
										<font v-if="'3'==item.state" color="#008000">办结</font>
									</h2>
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
		

		<script src="../../js/jquery-1.11.2.min.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/dj/article/list.js"></script>
		<script src="../../js/vue.min.js"></script>

		<script>
			var pageDetail = null;
			var id = "";
			mui.init({
				pullRefresh: {
					container: '#pullrefresh',
					down: {
						style: 'circle', //必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
						color: '#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
						height: '50px', //可选,默认50px.下拉刷新控件的高度,
						range: '100px', //可选 默认100px,控件可下拉拖拽的范围
						offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
						//						auto: true, //可选,默认false.首次加载自动上拉刷新一次
						callback: reloadNews //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
					},
					up: {
						contentrefresh: '正在加载...',
						auto: true, //可选,默认false.自动上拉加载一次
						callback: pullupRefresh
					}
				},
				statusBarBackground: '#FFFFFF', //设置状态栏颜色,仅iOS可用
				//				preloadLimit:5,
			});
			mui.plusReady(function() {
				var self = plus.webview.currentWebview();
				id = self.xiaolv_id;
			});
			
			var vmA = new Vue({
				el: '#pullrefresh',
				data: {
					items: [] //列表信息流数据
				}
			});

			/**
			 * 下拉刷新具体业务实现
			 */
			function reloadNews() {
				pageNo = 1;
				vmA.items = [];
				//				var table = document.body.querySelector('.mui-table-view');
				//				table.innerHTML = "";
				addData();
			}

			var pageNo = 1;
			/**
			 * 上拉加载具体业务实现
			 */
			function pullupRefresh() {
				addData();
			}

			function addData() {
				var url = API.API_URL();
				var serviceId = "oa_efficiency_2018V0010PHONE010";
				var state = app.getState(); //获取登陆信息
				var staffId = state.user.useId;
				var obj = {
					fankui_user:staffId,
					xiaolv_id: id ,
					pSize: APP.PageSize,
					p: pageNo
				};
				app.ajax(serviceId,obj, function(data) {
					//服务器返回响应
					console.log(JSON.stringify(data))
					var result = data.returnParams;
					
					var totalRow = data.total;
					var totalPage = Math.ceil(totalRow / APP.PageSize);
					var list = data.list;
					console.log(list.length);
					if(list.length > 0) {
						vmA.items = vmA.items.concat(convert(list));
					}
					pageNo = endPull(totalPage, pageNo);
				});
			}

			/**
			 * 1、将服务端返回数据，转换成前端需要的格式
			 * 2、若服务端返回格式和前端所需格式相同，则不需要改功能
			 * 
			 * @param {Array} items 
			 */
			function convert(items) {
				var newItems = [];
				items.forEach(function(item) {
					newItems.push({
						name: item.name,
						fankui_date:item.fankui_date,
						duban_name: item.duban_name,
						state:item.state,
						content: item.content == null ? "" : item.content.substr(0, 70)
					});
				});
				return newItems;
			}

		</script>

	</body>

</html>