ygtx
/
oaApp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
							<!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; }
			.mui-table-view-cell.mui-active{background-color: #fff;}
		</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 id="pullrefresh" class="" style="">
			<div class="mui-content"  v-for="item in items">
		<form class="mui-input-group" id="form_element" style="margin-top: 60px;">
					<div class="mui-input-row">
						<label>菜品名称:</label>
						<input type="text" id="name" placeholder="" 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" placeholder="" v-bind:value="item.price">
					</div>
					<div class="mui-input-row">
						<label>菜品类型:</label>
						<div style="margin-top: 12px;">
							<input id="type" type="radio" value="1" name="type" checked="checked">套餐</input>  
							<input id="type" type="radio" value="2" name="type">单点</input>
						</div>
					</div>
				</form>	
				</div>
	    </div>
					<div class="mui-button-row">
						<button type="button" class="mui-btn mui-btn-primary" id="save" >确认</button>&nbsp;&nbsp;
						<button type="button" class="mui-btn mui-btn-danger mui-action-back" onclick="return false;">取消</button>
					</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 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;
			}
			</script> 
</body>
</html>