<%@ Page Title="" Language="C#" MasterPageFile="~/helpdesk/Reporting.master" AutoEventWireup="true" CodeBehind="Reporting_Support.aspx.cs" Inherits="helpdesk.helpdesk.Reporting_Support" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">




    
   <style>
       h2 {
        color:#666
       }
   </style>

   
    
    
        选择年份：
         
         <asp:Label runat="server" ID="lbl_year"></asp:Label>

    
   
    
   
    <br /><br />

    <table class="table">
        <tr valign="top">
            <td colspan="3">
                 <h2> <%=selYear %>年度工程师工作量（按数量）统计</h2>
            </td>
            </tr>

        <tr valign="top">
            <td width="600px">


     <div id="div_support_count" style="width:350px; height:350px;  ">
          <img src="images/loading.gif"  id="img_support_count"/>
      </div>

                
               <h4>处理数量统计</h4>                                
      <table id="tbl_support_count"  class="table  table-hover">
    <tr>
        <th width="200px">工程师</th>
        <th width="150px">数量</th>      
    </tr> 

    </table>



            </td>


             <td>
                  <h4>处理数量月度统计</h4>     

                 <div id="div_support_count_month" style="width:750px; height:500px;">

                 </div>

            </td>
        </tr>


    </table>




    <script> 

        $.ajax({
            url: "ajax/data.aspx",
            data: { t: "support_count", year:<%=selYear %> },
            cache: true,
            dataType: 'json',
            success: function (data) {
                
                $("#img_support_count").hide();
                var tr_data = "";
                $.each(data, function (i, item) {
                    tr_data += "<tr><td>" + item.name + "</td><td>" + item.value + "个</td> </tr>"; 
                })
                $("#tbl_support_count").append(tr_data); 
               
                 

                var _option = {
                    legend: {
                        show:false
                    },

                    tooltip: {
                        formatter:  "{b} : {c}个 ({d}%)"
                    } 
                     
                }

                var optionPara = ECharts.Pie2(data,"", _option);
                Draw(optionPara, "div_support_count"); 
             
            }
        });




    </script>



    

    <script>



        $.ajax({
            url: "ajax/data.aspx",
            data: { t: "support_count_month", year:<%=selYear %> },
            cache: true,
            async: true,
            dataType: 'json',
            success: function (data) { 
                DrawBars(data, "div_support_count_month","",false,false, "bar");
            }
       });

      
        </script>






    <br><br> 

<table class="table">
        <tr valign="top">
            <td colspan="3">
                 <h2> <%=selYear %>年度工程师工作量（按时长）统计 </h2>
            </td>
            </tr>

        <tr valign="top">
            <td>


     <div id="div_support_during" style="width:350px; height:350px;  ">
          <img src="images/loading.gif"  id="img_support_during"/>
      </div>


        <h4>处理时长统计</h4>                                
  <table id="tbl_support_during"  class="table  table-hover">
    <tr>
        <th width="200px">工程师</th>
        <th width="150px">时长(h)</th>      
    </tr> 

    </table>


            </td>


             <td>

              
                   <h4>处理时长月度统计</h4>     

                 <div id="div_support_during_month" style="width:750px; height:500px;">

                 </div>


            </td>
        </tr>


    </table>






    
    <script> 

        $.ajax({
            url: "ajax/data.aspx",
            data: { t: "support_during", year:<%=selYear %> },
            cache: true,
            dataType: 'json',
            success: function (data) {
               
                var tr_data = "";
                $.each(data, function (i, item) {
                    tr_data += "<tr><td>" + item.name + "</td><td>" + item.value + "小时</td> </tr>"; 
                })
                $("#tbl_support_during").append(tr_data); 
                $("#img_support_during").hide();
                 

                var _option = {
                    legend: {
                        show:false
                    } 
                }

                var optionPara = ECharts.Pie2(data,"", _option);
                Draw(optionPara, "div_support_during");
          
            
                



            }
        });




    </script>


     

        <script>



            $.ajax({
                url: "ajax/data.aspx",
                data: { t: "support_during_month", year:<%=selYear %> },
             cache: true,
             async: true,
             dataType: 'json',
             success: function (data) { 
                 // DrawBars(data, "div_support_during_month","",false,false, "bar");
                 //(data, name, _is_stack, _showarea, _chart_type) {
                 var _option = {
                     legend: {
                         show:false
                     },

                     tooltip: {
                         formatter: "{a} {b} : {c} 小时"
                     } 
                     
                 }


                 var optionPara = ECharts.Bars(data,"", false,false,"bar", _option);
                 Draw(optionPara, "div_support_during_month");
             }
         });

      
        </script>








</asp:Content>
