ygtx
/
ygtx_oa_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
							<!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" />
		<style type="text/css">
			.mui-content>.mui-table-view:first-child {
				margin-top: -1px;
			}
			.mui-bar{ box-shadow: none; }
			.mui-table-view-cell.mui-active{background-color: #fff;}
			
			img {
				display: inline-block;
			}
		</style>
	</head>

<body>
		<header class="mui-bar mui-bar-nav" id="login">
			<a href="" class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
			<h1 class="mui-title">督办详情</h1>
		</header>
		<div class="mui-content">
			<!--<div>
				<div>
					<h3 style="margin-left: 25px; margin-top: 25px;" id="title"></h3>
				</div>
				<div style="margin-top: 10px;padding: 5px 15px;" class="line">
					<img src="../../images/db_sj.png" class="dbsimg">
					<font class="dbfont" id="duban_date"></font>至<font class="dbfont" id="yujing_date"></font>
				</div>
				<div style="margin-top: 10px;padding: 5px 15px;">
					<img src="../../images/db_faqiren.png" class="dbsimg">
					<font class="dbfont" id="create_user"></font>
				</div>
				<div style="margin-top: 10px;padding: 5px 15px;">
					<div class="dbsimg"><img src="../../images/db_xq.png"></div>
					<div id="content" style="height: 50px;margin-left: 15px;float: left;"><font size="4" color="#CAC4C4"></font></div>
				</div>
			</div>-->
			<div class="dubangxiangqing_div1">
				<div class="dubangxiangqing_div3">
					<b id="title"></b></div>
				<div class="dubangxiangqing_div">
					<div class="dbsimg"><img src="../../images/db_sj.png" width="16px"></div>
					<span class="dbfont" ><font id="duban_date"></font> 至<font class="dbfont" id="yujing_date"></font></span>
				</div>
				<div class="dubangxiangqing_div">
					<div class="dbsimg"><img src="../../images/db_faqiren.png" width="16px"></div>
					<span class="dbfont" id="create_user"></span>
				</div>
				<div class="dubangxiangqing_div">
					<div class="dbsimg"><img src="../../images/db_xq.png" width="16px"></div>
					<div class="dubangxiangqing_div2">
						<span class="dbfont1" id="content"></span>
					</div>
				</div>
			</div>
		</div>
		
		<div class="dubangxiangqing_div4">
			<ul class="mui-table-view" id="pullrefresh">
				<li class="mui-table-view-cell">
	    			<div style="float: left">成员 <font id="length"></font></div> 
	       			 <!--<span class="mui-badge"><img src="../../images/db_tianjia.png" height="24px;"></span>-->
	   			 </li>
	    		<!--<li class="mui-table-view-cell">
	    			<div style="float: left;"><img src="images/ours.png" style="height: 50px;width: 50px;border-radius:50%;"></div><div class="db_touxiang" style="float: left;margin-top: 20px;margin-left: 5px;"> 陈梦琪</div> 
	        		<span class="mui-badge ">职位职位职位</span>
	    		</li>-->
	    		<li class="mui-table-view-cell" v-for="item in item1">
	                  <!--<div class="mui-slider-left mui-disabled">
	                     <a class="mui-btn mui-btn-red">删除</a>
	                  </div>-->
	                  <div class="mui-slider-handle">
	                     <!--<img src="images/ours.png" class="dbimg">-->
	                     <span class="dbspan">{{item.name}}</span>
	                     <!--<span class="mui-badge" style="float: right;">职位职位职位</span>-->
	                  </div>
	             </li>
			</ul>
		</div>
		<form class="mui-input-group" id="form_element">
			<div class="mui-content">
				<ul class="mui-table-view ">
					<li class="mui-input-row">
						<label>状态</label>
						<select id="state">
							<option value="2">进行中</option>
							<option value="3">已办结</option>
						</select>
					</li>
					<li class="mui-input-row" style="height: 100px;margin: 5px 5px;">
						<label>反馈内容</label>
						<textarea id="fankui_content" rows="4" placeholder="请输入反馈内容"></textarea>
					</li>
				</ul>
			</div>
		</form>
		<div class="sign-in" id="feedbackBtn">
			<a href="javaScript:void();">反馈</a>
		</div>	
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/jquery-1.11.2.min.js"></script>
		<script type="text/javascript">
			mui.init();
			var fankui_id = "";
			var id = "";
			mui.plusReady(function() {
				
				var self = plus.webview.currentWebview();
				id = self.xiaolv_id;
				fankui_id=self.fankui_id;
				getData(id);

			}) 
			
			var vmA = new Vue({
				el: '#pullrefresh',
				data: {
					item1: [] //列表信息流数据
				}
			});
			
			function getData(id) {
				var title1 = mui('#title');
				var content = mui('#content');
				var duban_date = mui('#duban_date');
				var yujing_date = mui('#yujing_date');
				var create_user = mui('#create_user');
				var length = mui('#length');
				
				var url = API.API_URL();
				var serviceId = "oa_efficiency_2018V0010PHONE005";
				var state = app.getState(); //获取登陆信息
				var staffId = state.user.useId;
				var obj = {
					userId: staffId,
					xiaolv_id: id
				};
				app.ajax(serviceId,obj, function(data) {
					//服务器返回响应
					console.log(JSON.stringify(data))
					title1[0].innerHTML = data.duban_name;
					content[0].innerHTML = data.content;
					duban_date[0].innerHTML = data.duban_date;
					yujing_date[0].innerHTML = data.yujing_date;
					create_user[0].innerHTML = data.create_name;
					var list = data.affixUrl;
					length[0].innerHTML = list.length;
					console.log(list.length);
					vmA.item1 = vmA.item1.concat(list);
				});
			}
			
			var feedbackBtn = document.getElementById("feedbackBtn");
			feedbackBtn.addEventListener("click", function() {
				var serviceId = "oa_efficiency_2018V0010PHONE007";
				var state = app.getState(); //获取登陆信息
				var userId = state.user.useId;
				var state2 = $("#state").val();
				var fankui_content = $("#fankui_content").val();
				var url = API.API_URL();
				var obj = {
			    	xiaolv_id:id,
					fankui_id:fankui_id,
					state:state2,
					content:fankui_content,
					userId:userId
				    };
			    app.ajax(serviceId,obj, function(data) {
					//服务器返回响应
					console.log(JSON.stringify(data))
					if(data == "0") {
							mui.toast("反馈成功");
							mui.openWindow({
								url: '../../page/efficiency/efficiencyZaibanList.html',
								id: 'efficiencyZaibanList.html'
							})
							plus.webview.currentWebview().close();
						} else {
							alert('提交失败：' + data.msg);
						}
				});
			});
		</script>
	</body>
</html>