erp/Web/Center.aspx

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

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script src="js/center.js?v=<%=SiteVer %>"></script>
    <script src="js/view.js?v=<%=SiteVer %>"></script>
    <style type="text/css">
        .user_span {
            margin-left: 5px;
            margin-right: 5px;
        }

        .user-img {
            vertical-align: middle;
        }

        .container {
            padding: 30px;
        }

            .container .mini-panel {
                margin-right: 20px;
                margin-bottom: 20px;
            }

        .mini-panel .mini-tools {
            top: 4px;
        }

        .mini-panel-header-inner {
            padding: 4px 0px;
            padding-left: 8px;
            font-size: 14px;
        }

        .mini-panel-body {
            padding: 0px;
        }

        .mini-grid-headerCell-inner {
            padding: 3px 0px;
        }

        .circle-text, .circle-info, .circle-text-half, .circle-info-half {
            width: 100%;
            position: absolute;
            text-align: center;
            display: inline-block;
        }

        .circliful {
            position: relative;
        }

        .circle-info, .circle-info-half {
            color: #999;
        }
    </style>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="content" runat="Server">
    <div style="background-color: #EAEAEA; width: 100%; height: 1000px;">
        <div style="margin-right: 1px; width: 98%; height: 100px; background-color: white;">
            <table style="margin-left: 30px; height: 100%;">
                <tr style="height: 10%">
                    <td style="width: 25%; height: 90px; background-color: white;">
                        <table style="float: left; height: 10%">
                            <tr>
                                <td rowspan="3">
                                    <img id="userIcon" src="images/userCenter/user.png" width="64" height="64" /></td>
                                <td style="padding-left: 10px; width: 120px;"><a id="userName">姓名</a></td>
                            </tr>
                            <tr>
                                <td style="padding-left: 10px; width: 120px;"><a id="depName">部门</a></td>
                            </tr>
                            <tr>
                                <td style="padding-left: 10px; width: 120px;"><a id="postName">职位</a></td>
                                <td><%--<a href="javascript:void(0)" onclick="openOrderTab('k=1')">abc</a>--%></td>
                            </tr>
                        </table>

                        <table id="userOnduty" style="float: left; height: 10%; display: none;">
                            <tr>
                                <td id="dutyCol" width="280" style="display: flex; flex-direction: row;">
                                    <a id="btnOnduty" class="mini-button" style="width: 120px; height: 36px; font-size: 16px; font-weight: bold; padding: 7px 5px 2px 5px;" onclick="userOnDuty()">上班</a>
                                    <a id="btnOffduty" runat="server" visible="false" class="mini-button" style="width: 120px; height: 36px; font-size: 16px; font-weight: bold; margin-left: 20px; padding: 7px 5px 2px 5px;" onclick="userOffDuty()">下班</a>
                                </td>
                            </tr>
                            <tr>
                                <td id="dutyStateTD"><a id="dutyState" style="margin-left: 25px;">未到岗</a></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <div class="container" id="id_order_tip">
            <div class="mini-panel mini-panel-success" id="center_data_layout" style="width: auto; padding: 0px">
                <div>
                    <a id="dataDesignCount" class="mini-button mini-button-primary new_use_btn_blue" iconcls="icon-user" style="display: none;" onclick="getCenterDataList(0)">设计超时<span id="designCountText"></span></a>
                    <a id="dataOrderCount" class="mini-button mini-button-primary new_use_btn_blue" iconcls="icon-user" style="display: none;" onclick="getCenterDataList(1)">下单超时<span id="orderCountText"></span></a>
                    <a id="dataSendCount" class="mini-button mini-button-primary new_use_btn_blue" iconcls="icon-user" style="display: none;" onclick="getCenterDataList(2)">发货超时<span id="sendCountText"></span></a>
                    <!--<a runat="server" class="mini-button mini-button-primary new_use_btn_blue" iconcls="icon-user">查货解释<span id="designCountText"></span></a>-->
                    <a id="dataBackCount" class="mini-button mini-button-primary new_use_btn_blue" iconcls="icon-user" style="display: none;" onclick="getCenterDataList(3)">打回订单<span id="backCountText"></span></a>
                    <a id="dataRefundCount" class="mini-button mini-button-primary new_use_btn_blue" iconcls="icon-user" style="display: none;" onclick="getCenterDataList(4)">退款订单<span id="refundCountText"></span></a>
                    <a id="dataCheckCount" class="mini-button mini-button-primary new_use_btn_blue" iconcls="icon-user" style="display: none;" onclick="getCenterDataList(5)">查货超时<span id="checkCountText"></span></a>
                </div>
                <div id="data_grid" class="mini-datagrid" style="width: 100%; height: 200px;" showemptytext="true" showpager="true" emptytext="暂无记录" borderstyle="border:0;" url="../handler/sync.ashx?t=get_center_data_list">
                    <div property="columns">
                        <div field="ctid" width="40%" align="left" headeralign="center">订单编号</div>
                        <div field="tid" width="40%" align="left" headeralign="center">订单编号</div>
                    </div>
                </div>
            </div>
        </div>
        <div style="background-color: white; margin-top: 10px; margin-right: 1px; width: 98%; overflow: hidden; display: none;" id="id_all2">
            <div style="height: 50px; margin-top: 10px; margin-left: 30px;">
                <table>
                    <tr>
                        <td>
                            <input id="cmbSearchDate" class="mini-combobox" onvaluechanged="changeDateAreaFn" style="width: 150px;" textfield="text" valuefield="id" url="../data/searchDateArea.txt" />
                        </td>
                    </tr>
                </table>
            </div>
            <div style="margin-bottom: 20px; display: flex; flex-direction: row; height: 100%;">
                <%-- <div  style="display:flex;flex-direction:column;width:200px;height:150px;border:1px solid lightgray;padding:10px 15px;">
							    <p style="display:flex;flex-direction:row;"><span style="margin-right:20px;">未开始</span><img src="images/userCenter/totalOrder.png" width="44" height="44"/></p>
                                <div style="font-size:14px;margin-top:15px;"><span style="font-size:20px;font-weight:bold;margin-right:20px;" id="_unBeginCount"></span>单</div>
                            </div>
                            <div  style="display:flex;flex-direction:column;width:200px;height:150px;border:1px solid lightgray;padding:10px 15px;">
							    <p style="display:flex;flex-direction:row;"><span style="margin-right:20px;">未开始金额</span><img src="images/userCenter/totalOrderAmount.png" width="44" height="44"/></p>
                                <div style="font-size:14px;margin-top:15px;"><span style="font-size:20px;font-weight:bold;margin-right:20px;" id="_unBeginAmount"></span>元</div>
                            </div>
                            <div  style="display:flex;flex-direction:column;width:200px;height:150px;border:1px solid lightgray;padding:10px 15px;">
							    <p style="display:flex;flex-direction:row;"><span style="margin-right:20px;">设计中</span><img src="images/userCenter/totalOrder.png" width="44" height="44"/></p>
                                <div style="font-size:14px;margin-top:15px;"><span style="font-size:20px;font-weight:bold;margin-right:20px;" id="_unFinishCount"></span>单</div>
                            </div>
                            <div  style="display:flex;flex-direction:column;width:200px;height:150px;border:1px solid lightgray;padding:10px 15px;">
							    <p style="display:flex;flex-direction:row;"><span style="margin-right:20px;">设计中金额</span><img src="images/userCenter/totalOrderAmount.png" width="44" height="44"/></p>
                                <div style="font-size:14px;margin-top:15px;"><span style="font-size:20px;font-weight:bold;margin-right:20px;" id="_unFinishAmount"></span>元</div>
                            </div>
                            <div  style="display:flex;flex-direction:column;width:200px;height:150px;border:1px solid lightgray;padding:10px 15px;">
							    <p style="display:flex;flex-direction:row;"><span style="margin-right:20px;">已完成</span><img src="images/userCenter/totalOrder.png" width="44" height="44"/></p>
                                <div style="font-size:14px;margin-top:15px;"><span style="font-size:20px;font-weight:bold;margin-right:20px;" id="_finishedCount"></span>单</div>
                            </div>
                            <div  style="display:flex;flex-direction:column;width:200px;height:150px;border:1px solid lightgray;padding:10px 15px;">
							    <p style="display:flex;flex-direction:row;"><span style="margin-right:20px;">已完成金额</span><img src="images/userCenter/totalOrderAmount.png" width="44" height="44"/></p>
                                <div style="font-size:14px;margin-top:15px;"><span style="font-size:20px;font-weight:bold;margin-right:20px;" id="_finishedAmount"></span>元</div>
                            </div>
                            <div  style="display:flex;flex-direction:column;width:200px;height:150px;border:1px solid lightgray;padding:10px 15px;" onclick="clickToMyRefund()">
							    <p style="display:flex;flex-direction:row;"><span style="margin-right:20px;">退单量</span><img src="images/userCenter/refundOrder.png" width="44" height="44"/></p>
                                <div style="font-size:14px;margin-top:15px;"><span style="font-size:20px;font-weight:bold;margin-right:20px;" id="_refundCount"></span>单
                                    <span style="margin-left:20px;">退款率：</span>
                                    <span style="font-size:20px;font-weight:bold;margin-left:10px;color:red;" id="_refundPer"></span>
                                </div>
                            </div>
                            <div  style="display:flex;flex-direction:column;width:200px;height:150px;border:1px solid lightgray;padding:10px 15px;" onclick="clickToMyRefund()">
							    <p style="display:flex;flex-direction:row;"><span style="margin-right:20px;">退单金额</span><img src="images/userCenter/refundOrderAmount.png" width="44" height="44"/></p>
                                <div style="font-size:14px;margin-top:15px;"><span style="font-size:20px;font-weight:bold;margin-right:20px;" id="_refundAmount"></span>元</div>
                            </div>--%>


                <div style="width: 100%; display: flex; flex-direction: row; margin-left: 30px; width: 100%; padding-bottom: 15px; padding-top: 5px;">
                    <table style="width: 20%; margin-left: 20px;">
                        <tr>
                            <td style="width: 64px;" rowspan="2">
                                <img src="images/userCenter/totalOrder.png" width="64" height="64" onclick="clickToMyDesignList()" /></td>
                            <td style="padding-left: 10px;">总单量</td>
                            <td style="width: 64px;" rowspan="2">
                                <img src="images/userCenter/totalOrderAmount.png" width="64" height="64" onclick="clickToMyDesignList()" /></td>
                            <td style="padding-left: 10px;">总金额</td>
                        </tr>
                        <tr>
                            <td style="padding-left: 10px;"><a style="font-weight: bold; color: darkgreen;" id="_totalCount">0</a></td>
                            <td style="padding-left: 10px;"><a style="font-weight: bold; color: darkgreen;" id="_totalAmount">0</a></td>
                        </tr>
                    </table>
                    <table id="id_design1" style="width: 20%; margin-left: 20px; display: none;">
                        <tr>
                            <td style="width: 64px;" rowspan="2">
                                <img src="images/userCenter/_unBeginCount.png" width="64" height="64" onclick="clickToMyDesignList('state=3')" /></td>
                            <td style="padding-left: 10px;">未开始</td>
                            <td style="width: 64px;" rowspan="2">
                                <img src="images/userCenter/_unBeginAmount.png" width="64" height="64" onclick="clickToMyDesignList('state=3')" /></td>
                            <td style="padding-left: 10px;">未开始金额</td>
                        </tr>
                        <tr>
                            <td style="padding-left: 10px;"><a style="font-weight: bold;" id="_unBeginCount">0</a></td>
                            <td style="padding-left: 10px;"><a style="font-weight: bold;" id="_unBeginAmount">0</a></td>
                        </tr>
                    </table>
                    <table id="id_design2" style="width: 20%; margin-left: 20px; display: none;">
                        <tr>
                            <td style="width: 64px;" rowspan="2">
                                <img src="images/userCenter/_unFinishCount.png" width="64" height="64" onclick="clickToMyDesignList('state=4')" /></td>
                            <td style="padding-left: 10px;">未完成</td>
                            <td style="width: 64px;" rowspan="2">
                                <img src="images/userCenter/_unFinishAmount.png" width="64" height="64" onclick="clickToMyDesignList('state=4')" /></td>
                            <td style="padding-left: 10px;">未完成金额</td>
                        </tr>
                        <tr>
                            <td style="padding-left: 10px;"><a style="font-weight: bold; color: cornflowerblue;" id="_unFinishCount">0</a></td>
                            <td style="padding-left: 10px;"><a style="font-weight: bold; color: cornflowerblue;" id="_unFinishAmount">0</a></td>
                        </tr>
                    </table>
                    <table id="id_customer1" style="width: 20%; margin-left: 20px; display: none;">
                        <tr>
                            <td style="width: 64px;" rowspan="2">
                                <img src="images/userCenter/_unBeginCount.png" width="64" height="64" /></td>
                            <td style="padding-left: 10px;">售后单</td>
                            <td style="width: 64px;" rowspan="2">
                                <img src="images/userCenter/_unBeginAmount.png" width="64" height="64" /></td>
                            <td style="padding-left: 10px;">售后金额</td>
                        </tr>
                        <tr>
                            <td style="padding-left: 10px;"><a style="font-weight: bold;" id="_afterCount">0</a></td>
                            <td style="padding-left: 10px;"><a style="font-weight: bold;" id="_afterAmount">0</a></td>
                        </tr>
                    </table>

                    <table style="width: 20%; margin-left: 20px;">
                        <tr>
                            <td style="width: 64px;" rowspan="2">
                                <img src="images/userCenter/refundOrder.png" width="64" height="64" onclick="clickToMyRefund(1)" /></td>
                            <td style="padding-left: 10px;">退单量</td>
                            <td style="width: 64px;" rowspan="2">
                                <img src="images/userCenter/refundOrderAmount.png" width="64" height="64" onclick="clickToMyRefund(1)" /></td>
                            <td style="padding-left: 10px;">退单金额</td>
                        </tr>
                        <tr>
                            <td style="padding-left: 10px;"><a style="font-weight: bold; color: red;" id="_refundCount">0</a><span style="margin-left: 15px; color: red;" id="_refundCountPer"></span></td>
                            <td style="padding-left: 10px;"><a style="font-weight: bold; color: red;" id="_refundAmount">0</a></td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="container" id="id_design3" style="display: none;">
                <div class="mini-clearfix">
                    <div class="mini-col-6" style="width: 33.3%; float: left;">
                        <div class="mini-panel mini-panel-success" title="待开始订单列表" style="width: auto; padding: 0px">
                            <div id="wait_grid" class="mini-datagrid" style="width: 100%; height: 200px;" showemptytext="true" showpager="false" emptytext="暂无记录" borderstyle="border:0;" url="../handler/sync.ashx?t=get_order_list">
                                <div property="columns">
                                    <div field="ctid" width="40%" align="left" headeralign="center">订单编号</div>
                                    <div field="WaitDesignTime" width="30%" align="left" headeralign="center" renderer="dispatchDTRenderer">派单时间</div>
                                    <div field="payment" width="15%" align="center" headeralign="center">金额</div>
                                    <div field="IsAutoDispatch" width="15%" align="center" headeralign="center" renderer="isAutoDispatchRenderer">自动派单</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mini-col-6" style="width: 33.3%; float: left;">
                        <div class="mini-panel mini-panel-success" title="设计中订单列表" style="width: auto;">
                            <div id="design_grid" class="mini-datagrid" style="width: 100%; height: 200px;" showemptytext="true" showpager="false" emptytext="暂无记录" borderstyle="border:0;" url="../handler/sync.ashx?t=get_order_list">
                                <div property="columns">
                                    <div field="ctid" width="40%" align="left" headeralign="center">订单编号</div>
                                    <div field="WaitDesignTime" width="30%" align="left" headeralign="center" renderer="dispatchDTRenderer">派单时间</div>
                                    <div field="payment" width="15%" align="center" headeralign="center">金额</div>
                                    <div field="IsAutoDispatch" width="15%" align="center" headeralign="center" renderer="isAutoDispatchRenderer">自动派单</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mini-col-6" style="width: 33.3%; float: left;">
                        <div class="mini-panel mini-panel-success" title="异常订单列表" style="width: auto; padding: 0px">
                            <div id="unusual_grid" class="mini-datagrid" style="width: 100%; height: 200px;" showemptytext="true" showpager="false" emptytext="暂无记录" borderstyle="border:0;" url="../handler/sync.ashx?t=get_order_list">
                                <div property="columns">
                                    <div field="ctid" width="40%" align="left" headeralign="center">订单编号</div>
                                    <div field="WaitDesignTime" width="30%" align="left" headeralign="center" renderer="overtimeDTRenderer">超时时间</div>
                                    <div field="payment" width="15%" align="center" headeralign="center">金额</div>
                                    <div field="IsAutoDispatch" width="15%" align="center" headeralign="center" renderer="isAutoDispatchRenderer">自动派单</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container" id="id_design4" style="display: none;">
                <div class="mini-clearfix">
                    <div class="mini-col-3" style="width: 25%; float: left;">
                        <div class="mini-panel mini-panel-info" title="完成单量排名" style="width: auto;">
                            <div id="order_grid" class="mini-datagrid" style="width: 100%; height: 200px;" showemptytext="true" showpager="false" emptytext="暂无记录" borderstyle="border:0;" url="../handler/sync.ashx?t=get_finish_order_count_ranking">
                                <div property="columns">
                                    <div field="Name" width="80" align="left" headeralign="center">姓名</div>
                                    <div field="OrgName" width="130" align="left" headeralign="center">部门</div>
                                    <div field="orderCount" width="40" align="center" headeralign="center">单量</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mini-col-3" style="width: 25%; float: left;">
                        <div class="mini-panel mini-panel-info" title="完成金额排名" style="width: auto;">
                            <div id="amount_grid" class="mini-datagrid" style="width: 100%; height: 200px;" showemptytext="true" showpager="false" emptytext="暂无记录" url="../handler/sync.ashx?t=get_finish_order_amount_ranking">
                                <div property="columns">
                                    <div field="Name" width="80" align="left" headeralign="center">姓名</div>
                                    <div field="OrgName" width="130" align="left" headeralign="center">部门</div>
                                    <div field="orderAmount" width="40" align="center" headeralign="center">金额</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mini-col-3" style="width: 25%; float: left;">
                        <div class="mini-panel mini-panel-info" title="退单量排名" style="width: auto;">
                            <div id="refundOrder_grid" class="mini-datagrid" style="width: 100%; height: 200px;" showemptytext="true" showpager="false" emptytext="暂无记录" url="../handler/sync.ashx?t=get_finish_refund_count_ranking">
                                <div property="columns">
                                    <div field="Name" width="80" align="left" headeralign="center">姓名</div>
                                    <div field="OrgName" width="130" align="left" headeralign="center">部门</div>
                                    <div field="orderCount" width="40" align="center" headeralign="center">单量</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mini-col-3" style="width: 25%; float: left;">
                        <div class="mini-panel mini-panel-info" title="退单金额排名" style="width: auto;">
                            <div id="refundAmount_grid" class="mini-datagrid" style="width: 100%; height: 200px;" showemptytext="true" showpager="false" emptytext="暂无记录" url="../handler/sync.ashx?t=get_finish_refund_amount_ranking">
                                <div property="columns">
                                    <div field="Name" width="80" align="left" headeralign="center">姓名</div>
                                    <div field="OrgName" width="130" align="left" headeralign="center">部门</div>
                                    <div field="orderAmount" width="40" align="center" headeralign="center">金额</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>



    <div id="notice_win" class="mini-window" showclosebutton="false" title="通知" style="width: 1000px; height: 760px; position: relative; display: none">
        <div id="notice_con" style="display: flex; flex-direction: column; line-height: 26px; padding: 10px;">
        </div>
    </div>
</asp:Content>