@{
    ViewBag.Title = "其他报表";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
    var pageObj = new
    {
        valueDate = GlobalConfig.ExtendReportType.FirstOrDefault().Value == 2 ? valuedateBLL.ValueDate.ToString("yyyy-MM") : valuedateBLL.ValueDate.ToString("yyyy-MM-dd"),
        reportTypeInfos = GlobalConfig.ExtendReportType,
        reportTypes = GlobalConfig.ExtendReportType,
        defaultType = GlobalConfig.ExtendReportType.FirstOrDefault().Key,
    };
}
@section CSS{
    <style>
        #DateValueDate, #DateStartDate, #DateEndDate {
            width: 152px !important;
            font-size: 1rem !important;
        }

        *[tag] {
            display: contents;
        }
    </style>
}
    @section JS{

    <script src="~/Statics/libs/input/cleave.min.js?v=@(HtmlUtil.JsVersion)"></script>
    <script type="text/javascript">
        var pageObj = @Json.Serialize(pageObj);
        $(function () {
            main.setTradeDatePicker(pageObj.valueDate, "");
            $("#DateValueDate,#DateStartDate,#DateEndDate").datepicker({
                changeMonth: true, changeYear: true, showButtonPanel: true, showOtherMonths: true, selectOtherMonths: true,
                onSelect: function (se) {

                }
            });
            new Cleave('#ValueMonthly', {
                date: true,
                dateMin: '2010-01',
                dateMax: '2099-12',
                datePattern: ['Y', 'm'],
                delimiter: "-"
            });
            $("#ValueMonthly").val(pageObj.valueDate.substr(0, 7));

            $("#DateValueDate").val(pageObj.valueDate);
            $("#DateStartDate").val(pageObj.valueDate);
            $("#DateEndDate").val(pageObj.valueDate);
            $("#DateFromValueDate1").val(pageObj.valueDate);
            $("#DateToValueDate1").val(pageObj.valueDate);
            $("#DateValueDate").datepicker("option", "maxDate", pageObj.valueDate);
            $("#DataSource").change(function () {
                $("[tag]").hide();
                var tag = $("#DataSource").val();
                $("[tag='" + tag + "']").show();
            })
            $("#DataSource").change();
        });

        function checkExportDate(tag) {
            switch (tag) {
                case "1":
                    return $("#DateValueDate").val() == null || $("#DateValueDate").val() == "" || $("#DateValueDate").val() == undefined;
                case "2":
                    return $("#ValueMonthly").val() == null || $("#ValueMonthly").val() == "" || $("#ValueMonthly").val() == undefined;
                case "3":
                    return $("#DateStartDate").val() == null || $("#DateStartDate").val() == "" || $("#DateStartDate").val() == undefined
                        || $("#DateEndDate").val() == null || $("#DateEndDate").val() == "" || $("#DateEndDate").val() == undefined;
                case "4":
                    return $("#DateFromValueDate1").val() == null || $("#DateFromValueDate1").val() == "" || $("#DateFromValueDate1").val() == undefined
                        || $("#DateToValueDate1").val() == null || $("#DateToValueDate1").val() == "" || $("#DateToValueDate1").val() == undefined;
            }
            return false;
        }

        function exportToFile() {
            var tag = $("#DataSource").val();
            if (checkExportDate(tag)) {
                alert("请选择报告日期！");
                return;
            }
            var postData = { DataSource: $("#DataSource").find('option:selected').text() };
            switch (tag) {
                case "1":
                    postData.ValueDate = $("#DateValueDate").val();
                    break;
                case "2":
                    postData.ValueDate = $("#ValueMonthly").val() + "-01";
                    break;
                case "3":
                    postData.ValueDate = $("#DateStartDate").val();
                    postData.EndDate = $("#DateEndDate").val();
                    break;
                case "4":
                    postData.ValueDate = $("#DateFromValueDate1").val();
                    postData.EndDate = $("#DateToValueDate1").val();
                    postData.ExtendParamer = JSON.stringify($("#ClientId").val());
                    break;
                default:
                    break;
            }
            var option = {
                url: "/supervise_report/SendExtendReport",
                type: "POST",
                data: postData,
                dataType: "json",
                success: function (res) {
                    if (res.success) {
                        window.open(decodeURI(res.obj));
                    }
                    else {
                        main.alert(res.obj || res.msg);
                    }
                },
                error: function (msg) {
                    main.alert("后台运行错误:" + msg.msg);
                }
            };
            main.ajax(option);
        }
        //显示当前日期
       // StartDate = start.add(1, 'month').startOf("month").format("YYYY-MM-DD");//下月
       // ValueDate = end.format("YYYY-MM-DD");//下月
        function DataSourceChange(obj) {
            var valueDate = new Date($("#DateValueDate").val());
            var firstdate = new Date(valueDate.getFullYear(), valueDate.getMonth() - 1, 1);
            var day = new Date(valueDate.getFullYear(), valueDate.getMonth(), 0).getDate();
            var enddate = new Date(valueDate.getFullYear(),valueDate.getMonth() - 1, day);
            switch ($(obj).val()) {
                case "1":
                    $("#DateValueDate").val(valueDate.format("yyyy-MM-dd"));
                    break;
                case "2":
                    $("#DateValueDate").val(valueDate.format("yyyy-MM"));
                    break;
                case "3":
                    $("#DateStartDate").val(valueDate.format("yyyy-MM-dd"));
                    $("#DateEndDate").val(valueDate.format("yyyy-MM-dd"));
                    break;
                case "4":
                    $("#DateFromValueDate1").val(firstdate.format("yyyy-MM-dd"));
                    $("#DateToValueDate1").val(enddate.format("yyyy-MM-dd"));
                    break;
            }
        }
        //格式化日期
        Date.prototype.format = function (fmt) {
            var o = {
                "M+": this.getMonth() + 1,                 //月份
                "d+": this.getDate(),                    //日
                "h+": this.getHours(),                   //小时
                "m+": this.getMinutes(),                 //分
                "s+": this.getSeconds(),                 //秒
            };
            if (/(y+)/.test(fmt)) {
                fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
            }
            for (var k in o) {
                if (new RegExp("(" + k + ")").test(fmt)) {
                    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
                }
            }
            return fmt;
        }
    </script>
}

    <div class="searchdiv">
        <label class="control-label name-input" for="formGroupInputLarge">报告类型</label>
        <select class="select" id="DataSource" onchange="DataSourceChange(this)">
            @Html.Raw(GlobalData.GetOptions(pageObj.reportTypeInfos.Select(a => new SelectListItem { Text = a.Key, Value = a.Value + "" })));
        </select>
        <div tag="1">
            @Html.SearchDate("ValueDate", "日期")
        </div>
        <div tag="2">
            @Html.ShortInput("ValueMonthly", "月份")
        </div>
        <div tag="3">
            @Html.SearchDate("StartDate", "开始日期")@Html.SearchDate("EndDate", "结束日期")
        </div>
        <div tag="4" class="d-inline-block">
            @Html.SearchDateRange("ValueDate1", "发生时间")
            @Html.MyAceDropdownInput("ClientId", "客户名称", CurUser.GetClientSelectItems(),false)
        </div>
        @MyControls.Btn("导出", "exportToFile()")
    </div>