{layout name="layout" /}
<style>
	a ,a:hover{
		color: #fff;
		text-decoration: none;
	}
	.set_con {
		width: 100%;
		height: auto;
		float: left;
		background-color: #fff;
		min-width: 1130px;
		overflow: auto;
		box-sizing: border-box;
		padding-left: 50px;
	}
	.layui-form-item {
		/* margin-bottom: 15px; */
		clear: both;
		width: 1130px;
		margin: 10px 0;
		float: left;
	}
	.layui-input, .layui-textarea {
		width: 190px;
	}
	#if_con {
		overflow: auto;
		background:#fff;
	}
	.height150{
		height:150px;
	}
	.layui-form-label {
		width: 100px;
	}
	.display{ display:none}
</style>
<div class="if_wrap">
	<div id="if_con">
		<div class="cus-con">
			<div class="set-top"><div class="layui-btn"><a href="/vip/Package/index">套系列表</a></div></div>
			<form class="layui-form layui-form-pane1" id="addform" enctype="multipart/form-data">
				<input type="hidden" id='oid' value="{$order.id}" />
				<div class="layui-form-item">
					<label class="layui-form-label">套系名称</label>
					<div class="layui-input-block">
						<span style="line-height: 30px;">{$order.package_name}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">支付金额</label>
					<div class="layui-input-block">
						<span style="line-height: 30px;">{$order.total_price}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">单号</label>
					<div class="layui-input-block">
						<span style="line-height: 30px;">{$order.order_sn}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">姓名</label>
					<div class="layui-input-block">
						<input type="text" name="user_name" id="user_name" class="layui-input" placeholder="请输入姓名" value="{$order.user_name}">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">电话</label>
					<div class="layui-input-block">
						<input type="text" name="user_tel" id="user_tel" onkeyup="value=value.replace(/[^\d.]/g,'')" maxlength="11" class="layui-input" placeholder="请输入电话" value="{$order.user_tel}">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">住址</label>
					<div class="layui-input-block">
						<input type="text" name="user_address" id="user_address" class="layui-input" placeholder="请输入住址" value="{$order.user_address}">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">微信</label>
					<div class="layui-input-block">
						<input type="text" name="user_wechat" id="user_wechat" class="layui-input" placeholder="请输入微信" value="{$order.user_wechat}">
					</div>
				</div>
				<div class="layui-form-item height150">
					<div class="layui-input-block">
						<span class="layui-btn" id='sub'>立即提交</span>
						<button type="reset" class="layui-btn layui-btn-primary back">返回</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
</body>
</html>
<script type="text/javascript">

$(".back").on('click',function(){
	location.href="{:url('vip/Packageorder/index')}";
});

// 提交表单
$("#sub").click(function () {
	var id = $('#oid').val();
	var user_name = $('#user_name').val();
	if (typeof(user_name)=='undefined' || user_name == null  || user_name.length <= 0 || user_name == '' || user_name == undefined) {
        layer.alert('请输入姓名');
        return false;
    }
	var user_tel = $('#user_tel').val();
	if (typeof(user_tel)=='undefined' || user_tel == null  || user_tel.length <= 0 || user_tel == '' || user_tel == undefined) {
        layer.alert('请输入电话');
        return false;
    }
    var user_address= $('#user_address').val();
    var user_wechat = $('#user_wechat').val();

    var index = layer.load(1, {shade: false});

    var data = {};
    data.id = id;
    data.user_name = user_name;
    data.user_tel  = user_tel;
    data.user_wechat  = user_wechat;
    data.user_address = user_address;

    $.ajax({
        url: '/vip/Packageorder/editPackageorderAction',
        type: "POST",
        data: data,
        success: function (msg) {
            if (msg.code == 200) {
                layer.close(index);
                layer.open({
					content: msg.msg,
					btn: ['确认'],
					yes: function(index, layero) {
						window.location.href="{:url('vip/Packageorder/index')}";
					}
				});
            }else{
                layer.alert(msg.msg);
                layer.close(index);
            }
        }
    })
});
</script>