@model CRM.Core.Model.Entity.WX_SzzyOrderRefund
@{
    ViewBag.Title = "Add";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    .layui-form-label {
        width: 100px;
    }

    .layui-input-block {
        margin-left: 130px;
        min-height: 36px;
    }

    .x-body {
        padding: 4px 20px 20px 20px;
    }
</style>
<div class="x-body">
    <form class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">订单号：</label>
            <div class="layui-input-block">
                <input type="text" name="orderid" lay-verify="required" autocomplete="off" class="layui-input ">
            </div>
        </div>
        @*<div class="layui-form-item" pane>
                <label class="layui-form-label">类型：</label>
                <div class="layui-input-block">
                    <input type="radio" value="1" name="isacturalrefund" id="isacturalrefund1" checked onchange="ShowAllHidden()" /> <label for="isacturalrefund1">需实际退款</label>
                    <input type="radio" value="0" name="isacturalrefund" id="isacturalrefund0" onchange="ShowAllHidden()" /> <label for="isacturalrefund0">退回可用余额</label>
                </div>
            </div>*@
        <div class="layui-form-item" pane>
            <label class="layui-form-label">支付类型：</label>
            <div class="layui-input-block">
                <input type="radio" name="refundtype" lay-verify="required" value="1" title="支付宝">
                @*<input type="radio" name="refundtype" lay-verify="required" value="2" title="财富通">*@
                <input type="radio" name="refundtype" lay-verify="required" value="3" title="银行转账">
                @*<input type="radio" name="refundtype" lay-verify="required" value="4" title="网银支付">*@
                <input type="radio" name="refundtype" lay-verify="required" value="5" title="微信支付" checked>
                @*<input type="radio" name="refundtype" lay-verify="required" value="6" title="支付宝银联">*@
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">退款人账号：</label>
            <div class="layui-input-block">
                <input type="text" name="account" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">退款人姓名：</label>
            <div class="layui-input-block">
                <input type="text" name="username" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">退款金额：</label>
            <div class="layui-input-block">
                <input type="text" name="refundprice" lay-verify="required|number" placeholder="￥" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">退款日期：</label>
                <div class="layui-input-inline">
                    <input type="text" name="refunddate" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label"> <input type="checkbox" style="height:15px" id="Retrace_refund_checkbox" checked lay-filter="Retrace_refund_filter" title="非原路退款：" lay-skin="primary"></label>
                <div class="layui-input-inline">
                    <div id="Retrace_refund_uploaddiv">
                        <input name="Retrace_refund" id="Retrace_refund" autocomplete="off" class="layui-hide" type="hidden">
                        <button type="button" class="layui-btn layui-btn-sm" id="Retrace_refundUpload">上传</button>
                        <a href="" id="Retrace_refund_file"> 附件</a>
                        <a href="~/UploadFile/Download/Retrace_refund.docx" style=" float:right"> 下载模板</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">退款原因：</label>
            <div class="layui-input-block">
                <select lay-filter="RefundReasonType-filter">
                    <option value="">请选择</option>
                    @foreach (var item in ViewBag.RefundReasonTypeList)
                    {
                        <optgroup label="@item.TopType">
                            @foreach (var itemtype in item.Type)
                            {
                                <option value="@item.TopType|@itemtype">@itemtype</option>
                            }
                        </optgroup>
                    }
                </select>
            </div>
        </div>

        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">备注：</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" name="remark" class="layui-textarea"></textarea>
            </div>
        </div>
        @*<div class="layui-form-item">
                <label class="layui-form-label">渠道：</label>
                <div class="layui-input-block">
                    <input type="text" name="channel" class="layui-input">
                </div>
            </div>*@
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit="" lay-filter="save">提交</button>
            </div>
        </div>
    </form>
</div>
<script>

    var RefundReasonType = "";
    layui.use(['form', 'laydate', 'upload'], function () {
        var form = layui.form
            , layer = layui.layer
            , laydate = layui.laydate
            , upload = layui.upload;

        //日期
        laydate.render({
            elem: '#date'
        });

         var token = $.cookie("AuthToken");
        //$("#Retrace_refund_file").hide();
             upload.render({
                 elem: '#Retrace_refundUpload'
                    , url: '@ViewBag.ApiUrl/InvoiceHandler.ashx'
                 , data: { action: 'upload', FileName: 'Retrace_refund', SavePath: "contract/Refund" }
                    , headers: { auth: token }
                 , auto: true
                 , accept: 'file'
                 , exts:'doc|docx|xls|xlsx|pdf|zip|jpg|png|gif|bmp|jpeg|'
                    , before: function (obj) {
                        //预读本地文件示例，不支持ie8
                        obj.preview(function (index, file, result) {
                            console.log(result);
                         //  $("#Retrace_refund_file").attr('href', +@ViewBag.ZxdCoreUrl+res.retmsg); //图片链接（base64）
                        });
                    }
                    , done: function (res) {
                        //如果上传失败
                        if (!res.result) {
                            return layer.msg('上传失败');
                        }
                        //上传成功的一些操作
                        console.log(res);

                        $("#Retrace_refund_file").attr('href', '@ViewBag.ZxdCoreUrl'+res.retmsg); //图片链接（base64）
                        $("#Retrace_refund").val(res.retmsg);
                        $("#Retrace_refund_file").show();
                    }
                    , error: function () {
                        $("#Retrace_refund_file").removeAttr('src');
                        layer.msg('上传失败，请重试！');

                    }

             });

           
            form.on('checkbox(Retrace_refund_filter)', function (data) {
                console.log(data)
                var elem = data.elem; // 获得 checkbox 原始 DOM 对象
                var checked = elem.checked; // 获得 checkbox 选中状态
                if (checked) {
                    $("#Retrace_refund_uploaddiv").show();
                } else {
                    $("#Retrace_refund_uploaddiv").hide();
                }
                form.render('checkbox');
            });
            //layui.$("#Retrace_refund_checkbox").prop('checked', true);
            //form.render('checkbox');


        //监听提交
            form.on('submit(save)', function (data) {
                $.r_post('/OrderRefund/Add',
                    {
                        ...data.field, ...
                        {
                            RefundReasonType, Retrace_refund_file: $("#Retrace_refund").val()
                        }
                    }, function(msg) {
                    if (msg.result) {
                        layer.alert("操作成功！", {
                            yes: function () {
                                //layer.closeAll()
                                parent.window.location.reload();
                            },icon:1
                        })
                    }
                    else {
                        //layer.alert(msg.retmsg, {})
                        layer.msg("错误："+msg.retmsg, { icon: 5 });

                    }
                });
                return false;
            });

        form.on('select(RefundReasonType-filter)', function (data) {
            var value = data.value; // 获得被选中的值
            //$("#remark").val(value);
            RefundReasonType = value;
        });

        upload.render({ //允许上传的文件后缀
            elem: '#uploadAtt'
            , url: '/OrderRefund/UploadAtt'
            , accept: 'file' //普通文件
            , exts: 'zip|rar|7z|jpg|png|gif|bmp|jpeg' //只允许上传压缩文件
            , size: 100000 //限制文件大小，单位 KB
            , done: function (res) {
                console.log(res)
                if (res.result) {
                    $("#hidAtt").val(res.retmsg);
                    $("#hasAtt").show();
                }
            }
        });

    });
</script>