ygtx
/
ygtx_oa_app


			
							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; }
			
			 .radio_inline{
                display: inline-block;
                width: 70%;
            }
            .radio_inline label{

                width: 20%;
                padding-left: 40px;
                padding-right: 40px;
            }
            .radio_inline input[type=radio]{
                width: 5%;             
                right: auto;
            }
		</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="" >
						<input type="hidden"  v-bind:value="item.foodid">
					</div>
					<div class="mui-input-row">
						<label>菜品价格:</label>
						<input type="text" id="price" placeholder="" >
					</div>
					<div class="mui-input-row">
						<label>菜品类型:</label>
						<div style="margin-top: 12px;">
							<input id="type" type="radio" value="1" name="type">套餐</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 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: [] //列表信息流数据
				}
			});

	
//	        //表单提交按钮
            var save = document.getElementById("save");
			save.addEventListener("click", function() {	
								
			    //var self = plus.webview.currentWebview();
			    var foodid=0;
			    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>