{layout name="layout" /}
<style>
	.laytable-cell-1-card_img {
		width: 120px;
		height: 100%;
	}
	.laytable-cell-1-image{
		height:100%;
	}
</style>
<div class="if_wrap">
	<div id="if_con">
		<div class="cus-con">
			<div class="set-top">
                <a href="/vip/Package/index"><div class="layui-btn" style="color:#ffffff;">套系列表</div></a>
			</div>
			<table class="layui-table" lay-data="{ url:'{:url('vip/Packageorder/index') }', page:{limits: [10,20,30,40,50,100],limit: 20},id:'idTest'}" lay-filter="demo">
				<thead>
					<tr>
						<td lay-data="{width:80,field:'id', sort: true,templet: '#indexTpl'}">序号</td>
						<td lay-data="{width:200,field:'package_name'}">套系名称</td>
						<td lay-data="{width:150,field:'erp_order_sn'}">erp单号</td>
						<td lay-data="{width:150,field:'create_time'}">订单时间</td>
						<td lay-data="{width:100,field:'bb_name'}">宝宝姓名</td>
						<td lay-data="{width:80,field:'bb_sex'}">宝宝性别</td>
						<td lay-data="{width:120,field:'tel'}">家长电话</td>
						<td lay-data="{width:160,field:'shop_name'}">店面</td>
						<td lay-data="{width:100,field:'package_price'}">套系原价</td>
						<td lay-data="{width:100,field:'vip_diff'}">会员优惠价（元）</td>
						<td lay-data="{width:100,field:'coupon_diff'}">优惠券抵扣（元）</td>
						<td lay-data="{width:100,field:'order_package_price'}">套系金额</td>
						<td lay-data="{width:100,field:'order_pay_type',toolbar:'#pay_type'}">支付类型</td>
						<td lay-data="{width:100,field:'order_pay_price'}">线上应支付</td>
						<td lay-data="{width:100,field:'payment_status',toolbar:'#payment_status'}">支付状态</td>
						<td lay-data="{width:100,field:'refund_fee'}">已退款金额</td>
						<td lay-data="{width:100, align:'center', toolbar: '#barDemo'}">操作</td>
					</tr>
				</thead>
			</table>
		</div>
	</div>
</div>

<div id="refund-div" class="new_msg_div">
    <div class="xmsgd">
        <label class="layui-form-label" style="width: 57px;">套系名称</label>
        <div class="layui-input-block" style="margin-left: 87px;">
            <input type="text" name="package_name" id="package_name" placeholder="" autocomplete="off" class="layui-input">
        </div>
    </div>

    <div class="xmsgd">
        <label class="layui-form-label" style="width: 57px;">erp单号</label>
        <div class="layui-input-block" style="margin-left: 87px;">
            <input type="text" name="erp_order_sn" id="erp_order_sn" placeholder="" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="xmsgd">
        <label class="layui-form-label" style="width: 57px;">退款金额</label>
        <div class="layui-input-block" style="margin-left: 87px;">
            <input type="text" name="money" id="money" placeholder="请输入金额(元)" autocomplete="off" class="layui-input">
        </div>
    </div>
</div>


<script type="text/html" id="indexTpl">
	{{d.LAY_TABLE_INDEX+1}}
</script>

<script type="text/html" id="pay_type">
    {{# if(d.order_pay_type == 1 ){ }}
     全款
    {{# } }}

    {{# if(d.order_pay_type == 2 ){ }}
    定金
    {{# } }}

</script>

<script type="text/html" id="payment_status">
    {{# if(d.payment_status == 1 ){ }}
    未支付
    {{# } }}

    {{# if(d.payment_status == 2 ){ }}
    已支付
    {{# } }}

</script>

<script type="text/html" id="barDemo">

{notempty name="$refund"}
<a class="ex_view" lay-event="refund" data-id="{{d.id}}">退款</a>
{/notempty}

{notempty name="$editPackageorder"}
	<a class="ex_view" href="{:url('vip/Packageorder/editPackageorder');}?id={{d.id}}">编辑</a>
{/notempty}
{notempty name="$delPackageorder"}
	<a class="ex_view" lay-event="del" data-id="{{d.id}}">删除</a>
{/notempty}
	<input type="hidden" class="id_php" value="{{d.id}}"/>
</script>

<script>
	layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function () {
		var laydate = layui.laydate //日期
				, laypage = layui.laypage //分页
		layer = layui.layer //弹层
				, table = layui.table //表格
				, carousel = layui.carousel //轮播
				, upload = layui.upload //上传
				, element = layui.element; //元素操作
		//监听工具条
		table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
			var data = obj.data //获得当前行数据
					, layEvent = obj.event; //获得 lay-event 对应的值
			if (layEvent === 'del') {
				var id = $(this).attr("data-id");
				layer.confirm('你确定要删除这条记录吗？', function (index) {
                    layer.close(index);
                    //向服务端发送删除指令
                    if (id) {
                        $.ajax({
                            url: "{:url('vip/Packageorder/delPackageorder');}",
                            data: {id: id},
                            type: 'post',
                            success: function (e) {
                                if (e.code == 200) {
                                    obj.del(); //删除对应行（tr）的DOM结构
									layer.msg('恭喜删除成功', {
										icon: 1,
									});
								} else {
									layer.msg('抱歉,删除失败', {
										icon: 2,
									});
								}
							}
						})
					}
				});
			}else if(layEvent == 'refund'){
                var id = data.id;
                var payment_order_sn = data.payment_order_sn;
                var package_name = data.package_name;
                var erp_order_sn = data.erp_order_sn;

                var status = data.payment_status;
                if(status == 1){
                    layer.alert('此订单未付款，不可操作退款');
                    return false;
                }


                var order_pay_price = parseFloat(data.order_pay_price);//应付金额
                var refund_fee = parseFloat(data.refund_fee);//退款金额
                var can_refund = order_pay_price - refund_fee;

                can_refund = can_refund > 0 ? can_refund : 0;

                $("#money").val(can_refund);

                $('#erp_order_sn').val(erp_order_sn);
                $('#package_name').val(package_name);
                layer.open({
                    title:'退款',
                    type: 1,
                    skin: 'layui-layer-rim',
                    area: ['400px', '300px'],
                    content: $('#refund-div'),
                    btn: ['退款','取消'],
                    yes:function(index,layero){
                        var money = $.trim($("#money").val());

                        if(money > can_refund){
                            layer.alert('总退款金额已超出付款金额，请重新输入！');
                            return false;
                        }

                        if(id && money){
                            $.ajax({
                                url:"{:url('vip/packageorder/refund');}",
                                data:{id:id,payment_order_sn:payment_order_sn,money:money},
                                type:'post',
                                success:function(e){
                                    if(e.code==200){
                                        layer.close(index);
                                        layer.msg('退款成功', {
                                            icon: 1
                                        });
                                    }else{
                                        layer.msg(e.msg, {
                                            icon: 2
                                        });
                                    }
                                }
                            })
                        }else{
                            layer.msg('请输入金额', {
                                icon: 2
                            });
                        }
                    }
                });
            }
		});
		laypage.render({
			elem: 'pageDemo' //分页容器的id
			, count: 100 //总页数
			, limits: [2, 10, 20, 30]
			, skin: '#1E9FFF' //自定义选中色值
			//,skip: true //开启跳页
			, jump: function (obj, first) {
				if (!first) {
					layer.msg('第' + obj.curr + '页');
				}
			}
		});
	})

	layui.use('form', function () {
	});
</script>
<script>
	$('.all_enabled').on('click', function () {
		var url = "{:url('Mcpost/allEnabled')}";
		var arr = new Array;
		var str = '';
		var obj = $('input[type=checkbox]');
		for(var i = 0;i < obj.length;i++){
			if(obj[i].checked==true){
				arr.push(obj.eq(i).parents('tr').find('.id_php').val());
				obj.eq(i).parents('tr').find('.operation_php').text('停用')
			}
		}
		if(arr.length < 1){
			layer.msg('请选择要编辑的表格', {
				icon: 2,
			});
			return false;
		}
		str = arr.join(',');
		$.ajax({
			url: url,
			data: {idStr: str},
			type: 'post',
			success: function (e) {
				if (e.code == 200) {
					layer.msg('设置成功', {
						icon: 1,
					});
				} else {
					layer.msg(e.msg, {
						icon: 2,
					});
				}
			}
		})
		return false;
	});

	$('.all_discontinuation').on('click', function () {
		var url = "{:url('Mcpost/allDiscontinuation')}";
		var arr = new Array;
		var str = '';
		var obj = $('input[type=checkbox]');
		for(var i = 0;i < obj.length;i++){
			if(obj[i].checked==true){
				arr.push(obj.eq(i).parents('tr').find('.id_php').val());
				obj.eq(i).parents('tr').find('.operation_php').text('启用')
			}
		}
		if(arr.length < 1){
			layer.msg('请选择要编辑的表格', {
				icon: 2,
			});
			return false;
		}
		str = arr.join(',');
		$.ajax({
			url: url,
			data: {idStr: str},
			type: 'post',
			success: function (e) {
				if (e.code == 200) {
					$('.operation_php').each(function(i){
						$('.operation_php').eq(i).text('启用');
					})
					layer.msg('设置成功', {
						icon: 1,
					});
				} else {
					layer.msg(e.msg, {
						icon: 2,
					});
				}
			}
		})
		return false;
	});
</script>
</body>
</html>