erp/Web/ECharts/TimeOutGather.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/ErpView.master" AutoEventWireup="true" CodeFile="TimeOutGather.aspx.cs" Inherits="ECharts_TimeOutGather" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

    <style>
        .mini-panel-header {
            height: 45px
        }
    </style>
    <script src="../js/miniui/HeaderFilter.js" type="text/javascript"></script>
    <link href="../js/miniui/HeaderFilter.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        let current_index = 0;
        $(() => {
            let html = `<a class="mini-button mini-button-success" iconcls="icon-folder" onclick="exportAfterFn(this)">导出</a>`;

            mini.get("total_shop_grid_panel").setButtons([{ html }]);
            mini.get("total_goods_grid_panel").setButtons([{ html }]);
            let miniTabs = mini.get("miniTabs");
            miniTabs.on("activechanged", function (e) {
                current_index = e.index;
                $("#design_filter").hide()
                $("#customer_filter").hide()
                if (current_index == 0) {
                    $("#customer_filter").show()
                } else if (current_index == 1) {
                    $("#design_filter").show()
                }
            })
        })

        function exportAfterFn(that) {
            let grid = mini.get($(that).parents(".mini-panel").find(".panel").attr("id"));
            let extname = $("#hRepTitle").val();
            extname = extname == "" ? "导出报表" : extname
            if (grid == null) {
                alert("无法导出");
                return;
            }
            let columns = grid.columns;
            function getColumns(columns) {
                let cols = [];
                let h = "";
                for (let i = 0; i < columns.length; i++) {
                    let column = columns[i];
                    //if (!column.visible || column.header == undefined) {
                    //    continue;
                    //}
                    if (column.header == undefined || column.header == "#") {
                        continue;
                    }
                    if (typeof column.header == "function") continue;
                    if (column.header.indexOf("<") != -1) h = column.header.toString().substring(0, column.header.indexOf("<"));
                    else h = column.header.toString();
                    h = h.replace(/ /g, "");
                    //if (i == 1) alert(h);
                    //alert(column.header);
                    //var col = { header: h, field: column.field, type: column.type, visible: column.visible };
                    let col = { header: h, field: column.field, type: column.type, width: column.width, visible: true };
                    if (column.columns) {
                        col.columns = getColumns(column.columns);
                    }
                    cols.push(col);
                }
                return cols;
            }
            columns = getColumns(columns);
            let type = "";
            let sel_row = grid.getSelecteds();
            if (grid.multiSelect && sel_row.length > 0 || grid.url == "" || grid.showPager == false) {
                type = "bexcel";
            }
            else type = grid.url == "" ? "bexcel" : "excel";
            downLoad(grid, GetPrePath() + "/Reports/comExports.aspx", { extname: extname, url: encodeURIComponent(grid.url), type: type, columns: columns }, function () {
                //alert("导出成功");
            });
        }
        function downLoad(grid, url, fields, callback) {

            //创建Form
            var submitfrm = document.createElement("form");
            submitfrm.action = url;
            submitfrm.method = "post";
            submitfrm.target = "_blank";
            document.body.appendChild(submitfrm);

            if (fields) {

                for (var p in fields) {
                    var input = mini.append(submitfrm, "<input type='hidden' name='" + p + "'>");
                    var v = fields[p];
                    if (typeof v != "string") v = mini.encode(v);
                    input.value = v;
                }
            }
            if (grid == null) {
                alert("无法导出");
                return;
            }
            var parms = grid._dataSource.loadParams;
            for (var item in parms) {
                if (parms[item] == undefined || parms[item] == null) continue;
                mini.append(submitfrm, "<input type='hidden' name='" + item + "' value=\"" + parms[item] + "\">");
            }

            var sel_row = grid.getSelecteds();
            if (grid.multiSelect && sel_row.length > 0) {
                mini.append(submitfrm, "<input type='hidden' name='hExData' value='" + mini.encode(sel_row) + "'>");
            } else {
                if (grid.url == undefined || grid.url == "" || grid.showPager == false) {
                    //ame = 'hExData' value = '" + mini.encode(grid.data)
                    mini.append(submitfrm, "<input type='hidden' name='hExData' value='" + mini.encode(grid.data) + "'>");
                }
            }

            if (mini.get("txtSdate") != null && mini.get("txtSdate").getText() != "") {
                mini.append(submitfrm, "<input type='hidden' name='hExSdate' value=\"" + mini.get("txtSdate").getText() + "\">");
            }
            if (mini.get("txtEdate") != null && mini.get("txtEdate").getText() != "") {
                mini.append(submitfrm, "<input type='hidden' name='hExEdate' value=\"" + mini.get("txtEdate").getText() + "\">");
            }



            //mini.append()
            submitfrm.submit();
            setTimeout(function () {
                submitfrm.parentNode.removeChild(submitfrm);
                if (callback) callback();
            }, 1000);
        }
        //查询按钮
        function searchFn() {
            let designOrgId = mini.get("txtSearchDesignerOrg").getValue()
            let customerOrgId = mini.get("txtSearchCustomerOrg").getValue()
            if (current_index == 0) {
                let date1 = mini.get("txtSearchPayDate1").getValue()
                let date2 = mini.get("txtSearchPayDate2").getValue()
                mini.get("total_customer_grid").load({
                    pay_date1: date1, pay_date2: date2, orgid: customerOrgId
                });
            } else if (current_index == 1) {
                let date1 = mini.get("txtSearchDesignDate1").getValue()
                let date2 = mini.get("txtSearchDesignDate2").getValue()
                mini.get("total_design_grid").load({
                    pay_date1: date1, pay_date2: date2, orgid: designOrgId
                })
            }

        }

        function clearFn() {
            let design_filter = new mini.Form("#design_filter");
            design_filter.clear();
            let customer_filter = new mini.Form("#customer_filter");
            customer_filter.clear();
        }

        function orderAction(e) {
            var record = e.record;
            var id = record.id;
            var html = "";
            html += getGridBtn("memo", "详情", "getDetail('" + id + "')");
            return html;
        }

        function getDetail(id) {

            let params = { type: current_index, id };

            if (current_index == 0) {
                let date1 = mini.get("txtSearchPayDate1").getValue()
                let date2 = mini.get("txtSearchPayDate2").getValue()
                params = { ...params, pay_date1: date1, pay_date2: date2 };

            } else if (current_index == 1) {
                let date1 = mini.get("txtSearchDesignDate1").getValue()
                let date2 = mini.get("txtSearchDesignDate2").getValue()
                params = { ...params, pay_date1: date1, pay_date2: date2 };
            }
            mini.get("detail_grid").load(params);
            mini.get("detail_win").show();
        }

        function orderWaitDesign(e) {
            var record = e.record;
            var html = "<div>" + formatCommonDate(record.WaitDesignTime) + "</div>";
            return html;
        }
        function orderFinishDesign(e) {
            var record = e.record;
            var html = "<div>" + formatCommonDate(record.FinishDesignTime) + "</div>";
            return html;
        }
        function ordercreated(e) {
            var record = e.record;
            var html = "<div>" + formatCommonDate(record.create_time) + "</div>";
            return html;
        }
        function orderpayTime(e) {
            var record = e.record;
            var html = "<div>" + formatCommonDate(record.pay_time) + "</div>";
            return html;
        }


    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="toolbar" runat="Server">
    <div id="customer_filter">
        <div class="filter_item" runat="server">
            <label>付款</label>
            <input id="txtSearchPayDate1" name="date1" data-options="{otype:'daterange',havetime:'1'}" class="mini-textbox inp-time" />
            <span class="sp">-</span>
            <input id="txtSearchPayDate2" name="date2" data-options="{otype:'daterange',havetime:'1'}" class="mini-textbox inp-time" />
        </div>
        <div class="filter_item" runat="server">
            <label>部门</label>
            <input id="txtSearchCustomerOrg" name="customerorg" shownullitem="true" allowinput="true" class="mini-combobox inp_middle" url="../handler/sync.ashx?t=get_sel_customer_org" value="" textfield="name" valuefield="id" />
        </div>
    </div>
    <div id="design_filter" style="display: none">
        <div class="filter_item" runat="server">
            <label>派单</label>
            <input id="txtSearchDesignDate1" name="date1" data-options="{otype:'daterange',havetime:'1'}" class="mini-textbox inp-time" />
            <span class="sp">-</span>
            <input id="txtSearchDesignDate2" name="date2" data-options="{otype:'daterange',havetime:'1'}" class="mini-textbox inp-time" />
        </div>
        <div class="filter_item" runat="server">
            <label>部门</label>
            <input id="txtSearchDesignerOrg" name="designerorg" shownullitem="true" allowinput="true" class="mini-combobox inp_middle" url="../handler/sync.ashx?t=get_sel_design_org" value="" textfield="name" valuefield="id" />
        </div>
    </div>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="content" runat="Server">
    <div class="mini-tabs" id="miniTabs" activeindex="0" style="width: 98%;">
        <div title="客服">
            <div style="display: flex; flex-direction: column; gap: 10px">
                <div style="display: flex; gap: 10px">
                    <div id="total_shop_grid_panel" class="mini-panel mini-panel-info" title="客服" style="width: 98%; padding: 0px">
                        <div id="total_customer_grid" class="mini-datagrid panel" sortmode="client" style="width: 100%;" showemptytext="true" showpager="false"
                            emptytext="暂无记录" url="../handler/sync.ashx?t=get_cuntomer_time_out_gather">
                            <div property="columns">
                                <div field="Name" width="60" align="center" headeralign="center">名称</div>
                                <div field="OrgName" width="60" align="center" headeralign="center">团队</div>
                                <div field="number" datatype="int" width="60" align="center" headeralign="center" allowsort="true">数量</div>
                                <div name="action" width="60" headeralign="center" align="center" renderer="orderAction" cellstyle="padding:0;">#</div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div title="设计">
            <div id="total_goods_grid_panel" class="mini-panel mini-panel-info" title="设计" style="width: 98%; padding: 0px">

                <div id="total_design_grid" class="mini-datagrid panel" sortmode="client" style="width: 100%;" showemptytext="true" showpager="false"
                    emptytext="暂无记录" url="../handler/sync.ashx?t=get_design_time_out_gather">

                    <div property="columns">
                        <div field="Name" width="60" align="center" headeralign="center">名称</div>
                        <div field="OrgName" width="60" align="center" headeralign="center">团队</div>
                        <div field="number" datatype="int" width="60" align="center" headeralign="center" allowsort="true">数量</div>
                        <div name="action" width="60" headeralign="center" align="center" renderer="orderAction" cellstyle="padding:0;">#</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="detail_win" class="mini-window" title="超时详情" style="width: 1000px; height: 570px; position: relative; display: none">
        <div id="detail_grid" class="mini-datagrid" style="width: 100%; height: 100%;" showsummaryrow="true" showemptytext="true" emptytext="暂无记录" url="../handler/sync.ashx?t=get_timeout_detail">
            <div property="columns">
                <div field="tid" width="100" align="left" headeralign="center">订单编号</div>
                <div field="WaitDesignTime" width="100" align="left" headeralign="center" renderer="orderWaitDesign">指派时间</div>
                <div field="FinishDesignTime" width="100" align="left" headeralign="center" renderer="orderFinishDesign">上传时间</div>
                <div field="create_time" width="100" align="left" headeralign="center" renderer="ordercreated">领单时间</div>
                <div field="pay_time" width="100" align="left" headeralign="center" renderer="orderpayTime">支付时间</div>
            </div>
        </div>
    </div>
</asp:Content>