ygtx
/
oaApp


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
							<!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/mui.indexedlist.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; }
		</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>
			<!--<a href="" class="statistics mui-pull-right"><img src="../../images/statistics.png" ></a>-->
		</header>
	
	<div class="mui-content">
		<div class="checking-in">
			<div class="head-text">
				<h1>菜品编辑</h1>
				<!--<h2>2018-02-28<span class="mui-icon mui-icon-arrowdown"></span></h2>
				<h3>正常上班</h3>-->
			</div>
			<div id="pullrefresh" class="" style="">
			    <div class="mui-content"  v-for="item in items">
				
				<form class="mui-input-group" id="form_element">
				    <div class="mui-input-row">
				        <label>菜品名称 : </label>
				    <input type="text" id="name" class="mui-input-clear" v-bind:value="item.name">
				    <input type="hidden"  v-bind:value="item.foodid">
				    </div>
				    <div class="mui-input-row">
				        <label>菜品价格 : </label>
				        <input type="text" id="price" class="mui-input-clear" v-bind:value="item.price">
				    </div>
				    <div class="mui-input-row">
				        <label>菜品类型 : </label>
				        <c:choose>
				 		<c:when test="${1=={item.type}}">
				 			<input type="radio" id="type" name="type"  checked="checked" value="1" >套餐
				 			<input type="radio" id="type" name="type" value="2" >单点
				 		</c:when>	
			 		</c:choose>
				    </div>
				    
				</form>
				
				
					<!--<label>用户名: </label> {{item.name}}<input type="text" id="name" value={{item.name}}>
					<label>菜品价格: </label>{{item.price}}<input type="text" value="">
					<label>菜品类型: </label> 
					<c:choose>
				 		<c:when test="${1=={item.type}}">
				 			<input type="radio" id="type" name="type"  checked="checked" value="1" >套餐
				 			<input type="radio" id="type" name="type" value="2" >单点
				 		</c:when>
				 		
			 		</c:choose>-->
			 		</div>
			    </div>	
		   </div>
		</div>
		<div class="mui-button-row">
			<button type="button" class="mui-btn mui-btn-primary" id="save">确认</button>&nbsp;&nbsp;
			
		</div>
	</div>
	
	    <script src="../../js/mui.min.js"></script>
		<script src="../../js/mui.view.js"></script>
		<script src="../../js/mui.picker.min.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/jquery-1.11.2.min.js"></script>
	
		<!--<script src="../../js/jquery-1.10.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 type="text/javascript">
		var url = API.API_URL();
	mui.plusReady(function() {
				
				var self = plus.webview.currentWebview();
				var id = self.foodid;
				getData(id);

			})
	
	var vmA = new Vue({
				el: '#pullrefresh',
				data: {
					items: [] //列表信息流数据
				}
			});

	function getData(id) {
						
				
				var url = API.API_URL();
				var serviceId = "oa_2017V001PHONE_foodEdit";
				var state = app.getState(); //获取登陆信息
				var staffId = state.user.useId;
				var obj = {
					foodid: id,
				};
				app.ajax(serviceId,obj, function(data) {
					
					//服务器返回响应
					console.log(JSON.stringify(data))
					var result = data.returnParams;
					
					var list = data.list;
					
					//$("#name").html(name1);
					console.log(list.length);
					if(list.length > 0) {
						vmA.items = vmA.items.concat(convert(list));
					}
//					var affixHtml = "";
//					var affixURL = data.affixUrl;
//					for(var i = 0, len = affixURL.length; i < len; i++) {
//						var url = API.API_IP_PORT+affixURL[i].path;
//						affixHtml += "<a href='#' onclick=\"openFile('"+url+"')\">"+affixURL[i].fileName+"</a><br>";
//					}
//					affix[0].innerHTML = affixHtml;
				});
				
			};
			
			function convert(items) {
				var newItems = [];
				items.forEach(function(item) {
					newItems.push({
						foodid: item.foodid,
						name: item.name,
						price: item.price,
						/*content: item.noticecontent == null ? "" : item.noticecontent.substr(0, 70),
						name : item.name,
						isread: item.if_read,*/
						type :item.type,
						/*<% if(type==1){
							type:"套餐";
						}if(type==2){
							type:"单点";
						}%>*/
					});
				});
				return newItems;
			}
	
//	        //表单提交按钮
            var save = document.getElementById("save");
			save.addEventListener("click", function() {	
								
			    var self = plus.webview.currentWebview();
			    var foodid=self.foodid;
			    var name=$("#name").val();
			    var price=$("#price").val();
			    var type=getRadioRes('type');
			    
			    var serviceId = "oa_2017V001PHONE_foodSave";
			    var obj = {foodid:foodid,
			    	name:name,
			    	price: price,
			    	type:type,
				    };
			    app.ajax(serviceId,obj, function(data) {
					//服务器返回响应
					console.log(JSON.stringify(data))
					if(data.boo == true) {
							alert('提交成功');
							mui.back();
							var list = plus.webview.currentWebview().opener();
							 //触发父页面的自定义事件(refresh),从而进行刷新
							  mui.fire(list, 'refresh');
							  //返回true,继续页面关闭逻辑
							return true;
						} else {
							alert('提交失败：' + data.msg);
						}
				});
			 		 
			});
			
			function getRadioRes(className){
			    var rdsObj = document.getElementsByName(className);
			    var checkVal = null;
			    for(i = 0; i < rdsObj.length; i++){
			        if(rdsObj[i].checked){checkVal = rdsObj[i].value;}
			    }
			    return checkVal;
			}
// $(function(){
//$("textarea").bind("keydown keyup",function(){
// $(this).autosize();
//}).show().autosize();
// });
  
// $.fn.autosize = function(){
//$(this).height('0px');
//var setheight = $(this).get(0).scrollHeight;
//if($(this).attr("_height") != setheight)
// $(this).height(setheight+"px").attr("_height",setheight);
//else
// $(this).height($(this).attr("_height")+"px");
// }
</script> 


			<script src="js/mui.min.js"></script>
		<script>
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			mui('.mui-content .mui-switch').each(function() { //循环所有toggle
				//toggle.classList.contains('mui-active') 可识别该toggle的开关状态
				this.parentNode.querySelector('span').innerText = '状态：' + (this.classList.contains('mui-active') ? 'true' : 'false');
				/**
				 * toggle 事件监听
				 */
				this.addEventListener('toggle', function(event) {
					//event.detail.isActive 可直接获取当前状态
					this.parentNode.querySelector('span').innerText = '状态：' + (event.detail.isActive ? 'true' : 'false');
				});
			});
		</script>
</body>
</html>