<%@ page language="C#" autoeventwireup="true" inherits="Career_SurveyStatistics, App_Web_udckrp21" stylesheettheme="Themes" theme="Themes" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">
        #divNum
        {
            position: absolute;
            width: 70%;
            height: 30%;
            z-index: 2;
            left: 20%;
            top: 10%;
        }
        #LayerAll
        {
            position: absolute;
            filter: alpha(opacity = 50);
            width: 100%;
            height: 100%;
            background-color: #CCCCCC;
            border: 0px;
            left: 1px;
            top: 1px;
            z-index: 1;
            display: none;
        }
        #right
        {
            position: absolute;
            width: 80%;
            height: 30%;
            z-index: 2;
            left: 10%;
            top: 16%;
        }
        .t1
        {
            border-bottom: #99cc66 1px solid;
            position: relative;
            line-height: 23px;
            padding-left: 5px;
            margin-bottom: 10px;
            height: 23px;
            color: #5b9400;
            font-size: 14px;
            font-weight: bold;
        }
        .t2
        {
            border-bottom: #99cc66 1px solid;
            position: relative;
            line-height: 23px;
            padding-left: 5px;
            margin-bottom: 10px;
            height: 23px;
            color: #5b9400;
            font-size: 14px;
            font-weight: bold;
        }
        .t1 .m
        {
            position: absolute;
            padding-right: 15px;
            background: url(http://img.baidu.com/hi/img/index/arrow.gif) no-repeat right -5px;
            font-size: 14px;
            top: 2px;
            right: 0px;
        }
        .t1 .m2
        {
            position: absolute;
            padding-right: 15px;
            background: url(http://img.baidu.com/hi/img/index/arrow.gif) no-repeat right -5px;
            font-size: 14px;
            top: 2px;
            right: 0px;
        }
        .t1 .m2
        {
            line-height: 18px;
            font-size: 12px;
            font-weight: normal;
        }
        .t2
        {
            padding-bottom: 0px;
            line-height: 18px;
            border-right-width: 0px;
            padding-left: 0px;
            padding-right: 0px;
            margin-bottom: 2px;
            border-top-width: 0px;
            border-bottom-width: 0px;
            color: #5b9400;
            border-left-width: 0px;
            padding-top: 0px;
        }
        .t3
        {
            z-index: 6553;
            position: relative;
            line-height: 30px;
            padding-left: 55px;
            background: url(http://img.baidu.com/hi/img/index/iconhi.gif) no-repeat;
            height: 35px;
            font-size: 14px;
            font-weight: bold;
        }
        .rcb
        {
            height: 5px;
            clear: both;
        }
        .rct .l
        {
            background-image: url(../images/rc.gif);
            position: relative;
            width: 5px;
            height: 5px;
            font-size: 1px;
            overflow: hidden;
        }
        .rct .r
        {
            background-image: url(../images/rc.gif);
            position: relative;
            width: 5px;
            height: 5px;
            font-size: 1px;
            overflow: hidden;
        }
        .rcb .l
        {
            background-image: url(../images/rc.gif);
            position: relative;
            width: 5px;
            height: 5px;
            font-size: 1px;
            overflow: hidden;
        }
        .rcb .r
        {
            background-image: url(../images/rc.gif);
            position: relative;
            width: 5px;
            height: 5px;
            font-size: 1px;
            overflow: hidden;
        }
        .rct .l
        {
            float: left;
            left: -1px;
        }
        .rcb .l
        {
            float: left;
            left: -1px;
        }
        .rct .r
        {
            float: right;
            right: -1px;
        }
        .rcb .r
        {
            float: right;
            right: -1px;
        }
        .rct .l
        {
            top: -1px;
        }
        .rct .r
        {
            top: -1px;
        }
        .rcb .l
        {
            top: 1px;
        }
        .rcb .r
        {
            top: 1px;
        }
        .b2
        {
            border-bottom: #ccc 1px solid;
            border-left: #ccc 1px solid;
            margin-bottom: 10px;
            background: #fff;
            border-top: #ccc 1px solid;
            border-right: #ccc 1px solid;
        }
        .b2 .cnt
        {
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
        }
        .tl1
        {
            background-position: left top;
        }
        .tr1
        {
            background-position: right top;
        }
        .bl1
        {
            background-position: left bottom;
        }
        .br1
        {
            background-position: right bottom;
        }
        .lginfo
        {
            line-height: 22px;
            clear: both;
        }
        .fan
        {
            margin-top: 10px;
        }
        .fan TD
        {
            padding-bottom: 2px;
            padding-left: 8px;
            padding-right: 8px;
            color: #666;
            padding-top: 2px;
        }
        .f14
        {
            line-height: 24px;
            font-size: 14px;
        }
        .style1
        {
            width: 77px;
        }
    </style>

    <script src="../js/jquery.js" type="text/javascript"></script>

    <script src="../js/scoll_hidden.js" type="text/javascript"></script>

</head>
<body>
    <form id="form1" runat="server">
    <%-----------------------------------提示信息_start--------------------------------%>
    <div class="right_bg">
        <span class="right_title"><img src="../Images/homen.gif" class="pic_style" />满意度调查统计</span> 
        <span class="s_font"><a href="../manframe.aspx"><img src="../Images/back_index.gif" class="pic_style" /> 返回系统首页</a></span>
        <div class="w_9">
                <div class="right_infor">
                     欢迎您进入满意度调查统计！满意度调查统包含由课程、计划、岗位执照三个内容的调查统计。分别对课程，执照，计划满意度进行排名。
                </div>
        </div>
    </div>
    <%-----------------------------------提示信息_end--------------------------------%>
    <div class="just_align_01">
        <table width="100%" cellpadding="5" cellspacing="0" bgcolor="white" style="border: solid 1px #cccccc; border-bottom:none; border-top:none;">
            <tr>
                <td align="left" width="80px">
                    调查类型：
                </td>
                <td align="left">
                    <asp:DropDownList ID="ddltype" runat="server" AutoPostBack="True" Width="155px" OnSelectedIndexChanged="ddltype_SelectedIndexChanged">
                        <asp:ListItem Value="1">课程</asp:ListItem>
                        <asp:ListItem Value="2">执照</asp:ListItem>
                        <asp:ListItem Value="3">计划</asp:ListItem>
                    </asp:DropDownList>
                </td>
            </tr>
        </table>
    </div>
    <div id="divv" runat="server" class="just_align" style="text-align: left; background-color: White;
        border: solid 1px #cccccc;">
        <table width="100%">
            <tr>
                <td width="50%">
                    <div >
                        <asp:Chart ID="ChartSMSCount" runat="server" Width="580px" Palette="EarthTones">
                            <Titles>
                                <asp:Title Font="SIm hei, 14.25pt, style=Bold" ForeColor="26, 59, 105" Name="Title1"
                                    ShadowColor="32, 0, 0, 0" ShadowOffset="1" Text="最满意的前五名">
                                </asp:Title>
                            </Titles>
                            <ChartAreas>
                                <asp:ChartArea Name="ChartArea1">
                                </asp:ChartArea>
                            </ChartAreas>
                        </asp:Chart>
                    </div>
                </td>
                <td width="50%">
                    <div>
                        <asp:Chart ID="ChartSMSCoun" runat="server" Width="580px" Palette="EarthTones">
                            <Titles>
                                <asp:Title Font="SIm hei, 14.25pt, style=Bold" ForeColor="26, 59, 105" Name="Title1"
                                    ShadowColor="32, 0, 0, 0" ShadowOffset="1" Text="不满意的前五名">
                                </asp:Title>
                            </Titles>
                            <ChartAreas>
                                <asp:ChartArea Name="ChartArea2">
                                </asp:ChartArea>
                            </ChartAreas>
                        </asp:Chart>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div class="just_align_01" id="divt" runat="server" width="780px" style="display: none;
        background-color: #FFFFFF; border: solid 1px #cccccc;">
        <emptydatatemplate>
            <img src="../Images/waring_pic01.gif" width="32px" height="32px" class="nodata_img" /><asp:Label ID="lblEmpty" class="no_found"  runat="server" Text="没有符合条件的数据！"></asp:Label>
        </emptydatatemplate>
    </div>
    </form>
</body>
</html>
