DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/Views/SSOSystem/DragModelThree.cshtml

@using Learun.Application.OA
@using Learun.Application.Base.SystemModule
@using Learun.Application.TwoDevelopment.EducationalAdministration
@using Learun.Application.TwoDevelopment.Permission
@using Learun.Application.WorkFlow
@using Learun.Util
@using Learun.Application.TwoDevelopment.LR_Desktop


@{
    ViewBag.Title = "网上办事大厅拖拽版";
    Layout = "~/Views/SSOSystem/_LayoutSSODrag.cshtml";
}

<link rel="stylesheet" type="text/css" href="/Content/css/DragSSO/index3.css" />
<style>
    .searchLi > a{
        width:100%;
    }
    .searchLi > a > *{
        display:inline-block;
        vertical-align:middle;
    } 
</style>
<script>
    var randomFun = function (x, y) {
        var aa = parseInt(Math.random() * (x - y + 1) + y);
        return aa;
    };
    //console.log(randomFun(5, 0));

    //图表数据
    //专业总览
    //---班级总数
    var ClassInfoTotalNum = "@ViewBag.ClassInfoTotalNum";
    //---专业学生
    var StuByMajorStr = "@ViewBag.StuByMajorStr";
    var StuByMajor = JSON.parse(StuByMajorStr.replace(/&quot;/g, "\""));
    //---专业教室
    var ClassRoomTotalNum = "@ViewBag.ClassRoomTotalNum";
    //课程总览
    //---课程分类下的课程
    var LessonBySortStr = "@ViewBag.LessonBySortStr";
    var LessonBySort = JSON.parse(LessonBySortStr.replace(/&quot;/g, "\""));
    //---课程类型下的课程
    var LessonByTypeStr = "@ViewBag.LessonByTypeStr";
    var LessonByType = JSON.parse(LessonByTypeStr.replace(/&quot;/g, "\""));
    //教师总览
    //---教师学历比例
    var TeacherByHighestRecordStr = "@ViewBag.TeacherByHighestRecordStr";
    var TeacherByHighestRecord = JSON.parse(TeacherByHighestRecordStr.replace(/&quot;/g, "\""));
    //---教师年龄比例
    var TeacherByAgeStr = "@ViewBag.TeacherByAgeStr";
    var TeacherByAge = JSON.parse(TeacherByAgeStr.replace(/&quot;/g, "\""));
    //学生总览
    //---学生成绩预警
    var StuScoreByMajorStr = "@ViewBag.StuScoreByMajorStr";
    var StuScoreByMajor = JSON.parse(StuScoreByMajorStr.replace(/&quot;/g, "\""));


</script>
<!--  / warpper  -->
<div class="warpper">
    <!-- search -->
    <div class="search">
        <div class="searchL">
            <div class="searchLT">最近使用</div>
            <ul class="searchLList">
                @{
                    Random rd = new Random();
                    foreach (ModuleEntity item in ViewBag.OffenusedAll)
                    {
                        <li>
                            <a href="/Home/Index?autoopen=@item.F_ModuleId" target="_blank">
                                <img src="~/Content/images/DragSSO/inSec1-@(rd.Next(2, 22)).png" alt=""><span>@item.F_FullName</span>
                            </a>
                        </li>
                    }
                }
            </ul>
        </div>
        <div class="searchR">
            @*<div class="searchTop">
                <span>服务角色</span>
                <ul class="searchTopList">
                    <li class="active">全部</li>
                    <li>校领导</li>
                    <li>游客</li>
                    <li>教师</li>
                    <li>学生</li>
                </ul>
            </div>
            <div class="searchTop">
                <span>服务角色</span>
                <ul class="searchTopList">
                    <li class="active">全部</li>
                    <li>最新应用</li>
                    <li>常用链接</li>
                </ul>
            </div>*@
            <div class="searchRBox">
                @{
                    var searchModule = ViewBag.SearchModule as List<ModuleEntity>;

                    <div class="searchRTop">
                        <b>A-D</b> (<span>@searchModule.Where(x => "abcd".Contains(x.FirstLetter)).Count()</span>)
                    </div>
                    <div class="searchList clearfix">
                        @{
                            foreach (var item in searchModule.Where(x => "abcd".Contains(x.FirstLetter)).OrderBy(x => x.FirstLetter))
                            {
                                <div class="searchLi">
                                    <a href="/Home/Index?autoopen=@item.F_ModuleId" target="_blank">
                                        <div class="searchLiImg"><img src="~/Content/images/DragSSO/inSec1-@(rd.Next(2,22)).png" alt=""></div>
                                        <div class="searchLiTxt">@item.F_FullName</div>
                                    </a>
                                </div>
                            }
                        }
                    </div>
                    <div class="searchRTop">
                        <b>E-H</b> (<span>@searchModule.Where(x => "efgh".Contains(x.FirstLetter)).Count()</span>)
                    </div>
                    <div class="searchList clearfix">
                        @{
                            foreach (var item in searchModule.Where(x => "efgh".Contains(x.FirstLetter)).OrderBy(x => x.FirstLetter))
                            {
                                <div class="searchLi">
                                    <a href="/Home/Index?autoopen=@item.F_ModuleId" target="_blank">
                                        <div class="searchLiImg"><img src="~/Content/images/DragSSO/inSec1-@(rd.Next(2,22)).png" alt=""></div>
                                        <div class="searchLiTxt">@item.F_FullName</div>
                                    </a>
                                </div>
                            }
                        }
                    </div>
                    <div class="searchRTop">
                        <b>I-L</b> (<span>@searchModule.Where(x => "ijkl".Contains(x.FirstLetter)).Count()</span>)
                    </div>
                    <div class="searchList clearfix">
                        @{
                            foreach (var item in searchModule.Where(x => "ijkl".Contains(x.FirstLetter)).OrderBy(x => x.FirstLetter))
                            {
                                <div class="searchLi">
                                    <a href="/Home/Index?autoopen=@item.F_ModuleId" target="_blank">
                                        <div class="searchLiImg"><img src="~/Content/images/DragSSO/inSec1-@(rd.Next(2,22)).png" alt=""></div>
                                        <div class="searchLiTxt">@item.F_FullName</div>
                                    </a>
                                </div>
                            }
                        }
                    </div>
                    <div class="searchRTop">
                        <b>M-P</b> (<span>@searchModule.Where(x => "mnop".Contains(x.FirstLetter)).Count()</span>)
                    </div>
                    <div class="searchList clearfix">
                        @{
                            foreach (var item in searchModule.Where(x => "mnop".Contains(x.FirstLetter)).OrderBy(x => x.FirstLetter))
                            {
                                <div class="searchLi">
                                    <a href="/Home/Index?autoopen=@item.F_ModuleId" target="_blank">
                                        <div class="searchLiImg"><img src="~/Content/images/DragSSO/inSec1-@(rd.Next(2,22)).png" alt=""></div>
                                        <div class="searchLiTxt">@item.F_FullName</div>
                                    </a>
                                </div>
                            }
                        }
                    </div>
                    <div class="searchRTop">
                        <b>Q-T</b> (<span>@searchModule.Where(x => "qrst".Contains(x.FirstLetter)).Count()</span>)
                    </div>
                    <div class="searchList clearfix">
                        @{
                            foreach (var item in searchModule.Where(x => "qrst".Contains(x.FirstLetter)).OrderBy(x => x.FirstLetter))
                            {
                                <div class="searchLi">
                                    <a href="/Home/Index?autoopen=@item.F_ModuleId" target="_blank">
                                        <div class="searchLiImg"><img src="~/Content/images/DragSSO/inSec1-@(rd.Next(2,22)).png" alt=""></div>
                                        <div class="searchLiTxt">@item.F_FullName</div>
                                    </a>
                                </div>
                            }
                        }
                    </div>
                    <div class="searchRTop">
                        <b>U-X</b> (<span>@searchModule.Where(x => "uvwx".Contains(x.FirstLetter)).Count()</span>)
                    </div>
                    <div class="searchList clearfix">
                        @{
                            foreach (var item in searchModule.Where(x => "uvwx".Contains(x.FirstLetter)).OrderBy(x => x.FirstLetter))
                            {
                                <div class="searchLi">
                                    <a href="/Home/Index?autoopen=@item.F_ModuleId" target="_blank">
                                        <div class="searchLiImg"><img src="~/Content/images/DragSSO/inSec1-@(rd.Next(2,22)).png" alt=""></div>
                                        <div class="searchLiTxt">@item.F_FullName</div>
                                    </a>
                                </div>
                            }
                        }
                    </div>
                    <div class="searchRTop">
                        <b>Y-Z</b> (<span>@searchModule.Where(x => "yz".Contains(x.FirstLetter)).Count()</span>)
                    </div>
                    <div class="searchList clearfix">
                        @{
                            foreach (var item in searchModule.Where(x => "yz".Contains(x.FirstLetter)).OrderBy(x => x.FirstLetter))
                            {
                                <div class="searchLi">
                                    <a href="/Home/Index?autoopen=@item.F_ModuleId" target="_blank">
                                        <div class="searchLiImg"><img src="~/Content/images/DragSSO/inSec1-@(rd.Next(2,22)).png" alt=""></div>
                                        <div class="searchLiTxt">@item.F_FullName</div>
                                    </a>
                                </div>
                            }
                        }
                    </div>
                }

            </div>
        </div>
    </div>
    <!-- search -->
    <!--  / index_sec1  -->
    <div class="index_sec index_sec1">
        <div class="inSecLeftBox">
            <div class="inSecLeftCon">
                <div class="inSecLeftImg">
                    <img src="/Content/images/DragSSO/indSec1-1.png" alt="">
                    <img src="/Content/images/DragSSO/indSec1-2.png" alt="">
                </div>
                <div class="inSecLeftTxt">我的收藏</div>
            </div>
            <div class="inSecLeftCon">
                <div class="inSecLeftImg">
                    <img src="/Content/images/DragSSO/indSec1-3.png" alt="">
                    <img src="/Content/images/DragSSO/indSec1-4.png" alt="">
                </div>
                <div class="inSecLeftTxt">可用应用</div>
            </div>
        </div>
        <div class="indexSec1Con inSecShadow">
            <div class="aLeft">
                <i class="fa fa-angle-left"></i>
            </div>
            <div class="inSec1Tab">
                <div class="inSec1TabBox">
                    <img src="/Content/images/DragSSO/indSec1-1.png" alt="">
                    <span>我的收藏</span>
                </div>
                <div class="inSec1TabBox">
                    <img src="/Content/images/DragSSO/indSec1-3.png" alt="">
                    <span>可用应用</span>
                </div>
            </div>
            <div class="indSec1Line"></div>
            <div class="indSec1Box">
                <div class="inSec1Box">
                    <!-- 第一级列表 -->
                    <ul class="inSec1List1">
                        <li class="active">
                            <a href="#">
                                <span>全部</span> <span>0</span>
                            </a>
                        </li>
                    </ul>
                    <!-- 第一级列表 -->
                    <!-- 第二级列表 -->
                    <ul class="inSec1List2 inSecShadow">
                        @*<li class="active">
                            <a href="/Home/Index?autoopen=92a85055-67f2-4a06-902a-f10ec5576d92" target="_blank">
                                <img src="/Content/images/DragSSO/inSec1-2.png" alt="" /><span>人事管理系统</span>
                            </a>
                        </li>*@
                    </ul>
                    <!-- 第二级列表 -->
                </div>
                <div class="inSec1Box">
                    <!-- 第一级列表 -->
                    <ul class="inSec1List1" id="flowTypeList">
                        <li class="active">
                            <a href="#" class="itemName" itemName="全部">
                                <span>全部</span> <span>@ViewBag.AllCount</span>
                            </a>
                        </li>
                        @foreach (DataItemDetailEntity item in ViewBag.FlowType)
                        {
                            <li>
                                <a href="#" class="itemName" itemName="@item.F_ItemName">
                                    <span>@item.F_ItemName</span>  <span>@item.FlowCount</span>
                                </a>
                            </li>
                        }
                    </ul>
                    <!-- 第一级列表 -->
                    <!-- 第二级列表 -->
                    <ul class="inSec1List2 inSecShadow" id="flowList"></ul>
                    <!-- 第二级列表 -->
                </div>
            </div>
        </div>
    </div>
    <!--  / index_sec1  -->
    <!--  / index_sec3  -->
    <div class="index_sec index_sec3">
        <form class="layui-form" action="">
            <div class="indexSec3Box">
                <div class="inSec3Row clearfix">
                    <div class="inSec3Col6" id="id_4">
                        <div class="inSec3Box">
                            <div class="inSecT">
                                <span>专业总览</span>
                                <a href="#" class="more"><span></span><span></span><span></span></a>
                            </div>
                            <div class="inSec3Con">
                                <div class="echartBox" id="major"></div>
                                <div class="inSec3majorTxt inSec3majorTxt1">
                                    <div>班级总数</div>
                                    <div>@ViewBag.ClassInfoTotalNum</div>
                                </div>
                                <div class="inSec3majorTxt inSec3majorTxt2">
                                    <div>专业学生</div>
                                    <div>@ViewBag.StuInfoTotalNum</div>
                                </div>
                                <div class="inSec3majorTxt inSec3majorTxt3">
                                    <div>专业教室</div>
                                    <div>@ViewBag.ClassRoomTotalNum</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="inSec3Col6">
                        <div class="inSec3Box">
                            <div class="inSecT">
                                <span>学生总览</span>
                                <a href="#" class="more"><span></span><span></span><span></span></a>
                            </div>
                            <div class="inSec3Con teacherBox">
                                <div class="teacherCon">
                                    <div class="in3Sec3Total">在校学生总数 <b>@ViewBag.StuInfoTotalNum</b> 人</div>
                                    <div class="in3Sec3PerBox">
                                        <div class="in3Sec3Per">
                                            男 <b>@ViewBag.StuInfoTotalNumOfMan</b> 人 <div class="in3Sec3Icon in3Sec3Green" id="StuInfoOfManRate"></div>
                                        </div>
                                    </div>
                                    <div class="in3Sec3PerBox">
                                        <div class="in3Sec3Per">
                                            女 <b>@(ViewBag.StuInfoTotalNum - ViewBag.StuInfoTotalNumOfMan)</b> 人 <div class="in3Sec3Icon in3Sec3Red" id="StuInfoOfWomanRate"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="in3Sec3Echart1Box">
                                    <div class="in3Sec3Echart1Con1">
                                        <div>学生成绩预警</div>
                                        <div><b>@ViewBag.StuScoreWarnTotalNum 人</b></div>
                                    </div>
                                    <img src="/Content/images/DragSSO/inSec6-3.png" class="in3Sec3Echart1Img1" alt="">
                                    <div class="echartBox" id="achWarn"></div>
                                </div>
                                <div class="in3Sec3Echart1Box">
                                    <div class="in3Sec3Echart1Con2">
                                        学生到课率预警<b>20%</b>
                                    </div>
                                    <div class="echartBox" id="">
                                        <div class="toClass">
                                            <img class="toClassImg1" src="/Content/images/DragSSO/inSec6-5.png" alt="">
                                            <div class="toClassImg2">
                                                <img src="/Content/images/DragSSO/inSec6-6.png" alt="">
                                            </div>
                                            <div class="toClassBl"></div>
                                        </div>
                                        <div class="toClassLegend">
                                            <div class="red">
                                                <i></i><span>80%~100%</span>
                                            </div>
                                            <div class="blue">
                                                <i></i><span>60%~80%</span>
                                            </div>
                                            <div class="green">
                                                <i></i><span>0%~60%</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="in3Sec3Echart1Box">
                                    <div class="in3Sec3Echart1Con3">
                                        <div>学生逃课预警</div>
                                        <div><b><span id="StuInfoOfTaoKe"></span>人</b></div>
                                    </div>
                                    <div class="echartBox" id="skipClass"></div>
                                    <div class="toClassLegend">
                                        <div class="red">
                                            <i></i><span>80%~100%</span>
                                        </div>
                                        <div class="blue">
                                            <i></i><span>60%~80%</span>
                                        </div>
                                        <div class="green">
                                            <i></i><span>0%~60%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="inSec3Col6" id="id_7">
                        <div class="inSec3Box">
                            <div class="inSecT">
                                <span>校园总览</span>
                                <a href="#" class="more"><span></span><span></span><span></span></a>
                            </div>
                            <div class="inSec3Con">
                                <div class="overviewBox">
                                    <div class="overviewImg">
                                        <img src="/Content/images/DragSSO/indexSec3-23.png" alt="">
                                        <span>专业总数</span>
                                    </div>
                                    <div class="overviewTxt">@ViewBag.MajorTotalNum</div>
                                </div>
                                <div class="overviewBox">
                                    <div class="overviewImg">
                                        <img src="/Content/images/DragSSO/indexSec3-24.png" alt="">
                                        <span>班级总数</span>
                                    </div>
                                    <div class="overviewTxt">@ViewBag.ClassInfoTotalNum</div>
                                </div>
                                <div class="overviewBox">
                                    <div class="overviewImg">
                                        <img src="/Content/images/DragSSO/indexSec3-25.png" alt="">
                                        <span>在校学生</span>
                                    </div>
                                    <div class="overviewTxt">@ViewBag.StuInfoTotalNum</div>
                                </div>
                                <div class="overviewBox">
                                    <div class="overviewImg">
                                        <img src="/Content/images/DragSSO/indexSec3-26.png" alt="">
                                        <span>在校教师</span>
                                    </div>
                                    <div class="overviewTxt">@ViewBag.TeacherTotalNum</div>
                                </div>
                                <div class="overviewBox">
                                    <div class="overviewImg">
                                        <img src="/Content/images/DragSSO/indexSec3-27.png" alt="">
                                        <span>在用教室</span>
                                    </div>
                                    <div class="overviewTxt">@ViewBag.ClassRoomTotalNum</div>
                                </div>
                                <div class="overviewBox">
                                    <div class="overviewImg">
                                        <img src="/Content/images/DragSSO/indexSec3-28.png" alt="">
                                        <span>课程总数</span>
                                    </div>
                                    <div class="overviewTxt">@ViewBag.LessonTotalNum</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="inSec3Col6">
                        <div class="inSec3Box">
                            <div class="inSecT">
                                <span>教师总览</span>
                                <a href="#" class="more"><span></span><span></span><span></span></a>
                            </div>
                            <div class="inSec3Con teacherBox">
                                <div class="teacherCon">
                                    <div class="in3Sec3Total">教师总数 <b>@ViewBag.TeacherTotalNum</b> 人</div>
                                    <div class="in3Sec3PerBox">
                                        <div class="in3Sec3Per">
                                            男 <b>@ViewBag.TeacherTotalNumOfMan</b> 人 <div class="in3Sec3Icon in3Sec3Green" id="TeacherOfManRate"></div>
                                        </div>
                                    </div>
                                    <div class="in3Sec3PerBox">
                                        <div class="in3Sec3Per">
                                            女 <b>@(ViewBag.TeacherTotalNum - ViewBag.TeacherTotalNumOfMan)</b> 人 <div class="in3Sec3Icon in3Sec3Red" id="TeacherOfWomanRate"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="in3Sec3Echart1Box">
                                    <div class="echartBox" id="age"></div>
                                    <div class="ageTxt">教师年龄<br>比例</div>
                                </div>
                                <div class="in3Sec3Echart1Box">
                                    <div class="in3Sec3Echart1Con">
                                        <div>教师学历比例</div>
                                    </div>
                                    <div class="echartBox" id="education"></div>
                                </div>
                                <div class="in3Sec3Echart1Box">
                                    <div class="organT">教师编制比例</div>
                                    <div class="organBox">
                                        <div class="organLine">
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div></div>
                                            <div class="organZ" style="height: 30%;"></div>
                                            <div class="organCon organCon1">
                                                <div>在编教师</div>
                                                <div><span>@ViewBag.TeacherTotalNumOfBianNei</span>人</div>
                                                <div><span id="TeacherOfBianNeiRate"></span></div>
                                            </div>
                                            <div class="organCon organCon2">
                                                <div>非在编教师</div>
                                                <div><span>@(ViewBag.TeacherTotalNum - ViewBag.TeacherTotalNumOfBianNei)</span>人</div>
                                                <div><span id="TeacherOfNotBianNeiRate"></span></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="inSec3Col6">
                        <div class="inSec3Box">
                            <div class="inSecT">
                                <span>课程总览</span>
                                <a href="#" class="more"><span></span><span></span><span></span></a>
                            </div>
                            <div class="inSec3Con">
                                <div class="in3Sec3L">
                                    <div class="in3Sec3LBox">
                                        <img src="/Content/images/DragSSO/inSec6-14.png" alt="">
                                        <div>
                                            <div>课程建设总数</div>
                                            <div class="in3Sec3LT">@ViewBag.LessonTotalNum</div>
                                        </div>
                                    </div>
                                    <div class="in3Sec3LBox">
                                        <img src="/Content/images/DragSSO/inSec6-13.png" alt="">
                                        <div>
                                            <div>本学期开课总数</div>
                                            <div class="in3Sec3LT">@ViewBag.OpenLessonTotalNum</div>
                                        </div>
                                    </div>
                                    <div class="in3Sec3LBox">
                                        <img src="/Content/images/DragSSO/inSec6-12.png" alt="">
                                        <div>
                                            <div>课程运行预警</div>
                                            <div class="in3Sec3LT">@ViewBag.OpenLessonTotalNum</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="echartBox" id="class"></div>
                                <div class="in3Sec3ClassTxt">课程分类</div>
                                @*<div class="layui-input-block classSort">
                                        <select id="" name="wh" lay-filter="wh" lay-verify="required">
                                            <option value="0-20">0-20</option>
                                            <option value="20-40">20-40</option>
                                            <option value="40-60">40-60</option>
                                            <option value="60-80">60-80</option>
                                            <option value="80-100" selected>机械执照专业机械执照专业机械执照专业</option>
                                        </select>
                                    </div>*@
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <!--  / index_sec3  -->
    <!-- login -->
    <div class="logins">
        <div class="loginZhe"></div>
        <div class="loginBox">
            <div class="login commonClear">
                <div class="loginTab">
                    <div class="active">
                        <img class="loginTabImg1" src="/Content/images/DragSSO/login5-3.png" alt="" />
                        <img class="loginTabImg2" src="/Content/images/DragSSO/login5-3s.png" alt="" />
                    </div>
                    <div>
                        <img class="loginTabImg1" src="/Content/images/DragSSO/login5-2.png" alt="" />
                        <img class="loginTabImg2" src="/Content/images/DragSSO/login5-2s.png" alt="" />
                    </div>
                </div>
                <div class="loginCon">
                    <form id="loginForm" role="form" action="/a/login" method="post" novalidate="novalidate">
                        <div class="loginTitle">用户登录</div>
                        <div class="loginInput">
                            <div class="loginInputTxt">用户名</div>
                            <input type="text" placeholder="用户名" id="username" name="username"
                                   class="form-control required">
                        </div>
                        <div class="loginInput">
                            <div class="loginInputTxt">用户名</div>
                            <input type="password" placeholder="密码" id="password" name="password"
                                   class="form-control required">
                        </div>
                        <div class="loginInput">
                            <div class="loginInputTxt">验证码</div>
                            <div class="codeBox">
                                <input type="code" placeholder="验证码" id="code" name="code"
                                       class="form-control required">
                                <div class="variCode"><img src="/Content/images/DragSSO/verCode.png" alt="" /></div>
                            </div>
                        </div>
                        <div class="loginBtn">
                            <input type="submit" class="btn btn-white btn-outline btn-lg btn-rounded progress-login"
                                   value="登录" style="cursor:pointer">
                        </div>
                        <div class="loginBtn loginBtn2">
                            <input type="submit" class="btn btn-white btn-outline btn-lg btn-rounded progress-login"
                                   value="教师注册" style="cursor:pointer">
                        </div>
                        <div class="wx">
                            <img src="/Content/images/DragSSO/weixin.png" alt="">
                            <span>微信登录</span>
                        </div>
                    </form>
                    <div class="qrCodeBox">
                        <div class="loginTitle">移动端登录</div>
                        <div id="qrCode"></div>
                    </div>
                </div>
                <div class="tips">
                    <img src="/Content/images/DragSSO/tips1.png" alt=""> <span>建议使用360或谷歌浏览器</span>
                </div>
            </div>
        </div>
    </div>
    <!-- login -->
</div>
<!--  / warpper  -->


<script src="/Content/js/DragSSO/index3.js"></script>
<script src="/Content/js/DragSSO/aLeft.js"></script>
<script>
    //左侧-可用应用
    var flowList = '@ViewBag.FlowList';
                                        flowList = flowList.replace(/&quot;/g, "\"");
    var flowListJson = JSON.parse(flowList);
    $("#flowTypeList").find(".itemName").bind("click", function() {
                                            var html = "";
                                            var category = $(this).attr("itemName");
        $('#flowTypeList').find('li.active').removeClass('active');
        $(this).parent('li').addClass("active");
        $.each(flowListJson,function(i, item) {
                                                if (category == "全部") {
                                                    html += "<li> <a href=\"/Home/Index?autoopen=56ce34c2-882e-47d1-b12d-5036e3b79fcf&id="+item.F_Id+"&shcemeCode="+item.F_Code+"\" target=\"_blank\"> <img src=\"/Content/images/DragSSO/inSec1-"+Math.floor(Math.random()*21+2)+".png\" /><span>"+item.F_Name+"</span> </a> </li>";
                                                }else if (item.F_Category==category) {
                                                    html += "<li> <a href=\"/Home/Index?autoopen=56ce34c2-882e-47d1-b12d-5036e3b79fcf&id=" + item.F_Id + "&shcemeCode=" + item.F_Code +"\" target=\"_blank\"> <img src=\"/Content/images/DragSSO/inSec1-"+Math.floor(Math.random()*21+2)+".png\" /><span>"+item.F_Name+"</span> </a> </li>";
                                                }
                                            });
        $("#flowList").html(html);
                                        })
    $("#flowTypeList").find(".itemName").eq(0).trigger("click");
    
    //学生总览
    var StuInfoOfManRate = parseInt((@ViewBag.StuInfoTotalNumOfMan) / (@ViewBag.StuInfoTotalNum) * 100);
    //男比例
    $("#StuInfoOfManRate").html(StuInfoOfManRate + "%");
    //女比例
    $("#StuInfoOfWomanRate").html((100 - StuInfoOfManRate) + "%");
    //学生逃课预警
    $("#StuInfoOfTaoKe").html(parseInt(@ViewBag.StuInfoTotalNum * 0.05));
    //教师总览
    var TeacherOfManRate = parseInt((@ViewBag.TeacherTotalNumOfMan) / (@ViewBag.TeacherTotalNum) * 100);
    var TeacherOfBianNeiRate = parseInt((@ViewBag.TeacherTotalNumOfBianNei) / (@ViewBag.TeacherTotalNum) * 100);
    //男比例
    $("#TeacherOfManRate").html(TeacherOfManRate + "%");
    //女比例
    $("#TeacherOfWomanRate").html((100-TeacherOfManRate) + "%");
    //在编教师
    $("#TeacherOfBianNeiRate").html(TeacherOfBianNeiRate + "%");
    //非在编教师
    $("#TeacherOfNotBianNeiRate").html((100-TeacherOfBianNeiRate) + "%");




</script>