DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/Views/SSOSystem/DragModelOne.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";
}

<script src="/Content/js/DragSSO/indexData.js"></script>
<script>


    //定义卡片块
    //数据看板
    var card1Fun = function (ind) {
        var html = '<div class="inSec3Col6" id="' + ind+'_card1">'
                +'<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="inSec3Major">'
                +'<div class="inSec3MajorImgBox">'
                +'<div class="inSec3MajorImg"><img src="../../Content/images/DragSSO/indexSec3-1.png" alt=""></div>'
                +'<span>校园一卡通余额</span>'
                + '</div>'
                + '<div class="inSec3MajorTxt">￥<span id="YKTBalance">@ViewBag.StuSaveRecordTotalNum</span></div>'
                +'</div>'
                +'<div class="inSec3Major">'
                +'<div class="inSec3MajorImgBox">'
                +'<div class="inSec3MajorImg"><img src="../../Content/images/DragSSO/indexSec3-2.png" alt=""></div>'
                +'<span>校园一卡通消费金额</span>'
                + '</div>'
                + '<div class="inSec3MajorTxt">￥<span id="YKTPayed">@ViewBag.StuConsumptionTotalNum</span></div>'
                +'</div>'
                +'<div class="inSec3Major">'
                +'<div class="inSec3MajorImgBox">'
                +'<div class="inSec3MajorImg"><img src="../../Content/images/DragSSO/indexSec3-3.png" alt=""></div>'
                +'<span>图书馆借阅(未还) </span>'
                + '</div>'
                + '<div class="inSec3MajorTxt"><span>0</span></div>'
                +'</div>'
                +'<div class="inSec3Major">'
                +'<div class="inSec3MajorImgBox">'
                +'<div class="inSec3MajorImg"><img src="../../Content/images/DragSSO/indexSec3-4.png" alt=""></div>'
                +'<span>已完成办公事项</span>'
                +'</div>'
                +'<div class="inSec3MajorTxt"><span>@ViewBag.FinishTaskTotalNum</span></div>'
                +'</div>'
                +'<div class="inSec3Major">'
                +'<div class="inSec3MajorImgBox">'
                +'<div class="inSec3MajorImg"><img src="../../Content/images/DragSSO/indexSec3-5.png" alt=""></div>'
                +'<span>智慧教育在线学习时长</span>'
                +'</div>'
                + '<div class="inSec3MajorTxt"><span>0</span></div>'
                +'</div>'
                +'<div class="inSec3Major">'
                +'<div class="inSec3MajorImgBox">'
                +'<div class="inSec3MajorImg"><img src="../../Content/images/DragSSO/indexSec3-6.png" alt=""></div>'
                +'<span>办公业务往来人员</span>'
                +'</div>'
                + '<div class="inSec3MajorTxt"><span>0</span></div>'
                +'</div>'
                +'<div class="inSec3Major">'
                +'<div class="inSec3MajorImgBox">'
                +'<div class="inSec3MajorImg"><img src="../../Content/images/DragSSO/indexSec3-7.png" alt=""></div>'
                +'<span>来往邮件数量</span>'
                +'</div>'
                +'<div class="inSec3MajorTxt"><span>@ViewBag.LanMailTotalNum</span></div>'
                +'</div>'
                +'<div class="inSec3Major">'
                +'<div class="inSec3MajorImgBox">'
                +'<div class="inSec3MajorImg"><img src="../../Content/images/DragSSO/indexSec3-8.png" alt=""></div>'
                +'<span>累计在线时长</span>'
                +'</div>'
                + '<div class="inSec3MajorTxt"><span>0</span></div>'
                +'</div>'
                +'</div>'
                +'</div>'
                +'</div>'
            ;
        return html;
    };
    //办公事项
    var card2Fun = function (ind) {
        var listStr = "@ViewBag.TaskListStr";
        var list = JSON.parse(listStr.replace(/&quot;/g, "\""));
        var listStr2 = "@ViewBag.FinishTaskListStr";
        var list2 = JSON.parse(listStr2.replace(/&quot;/g, "\""));
        var listStr3 = "@ViewBag.MyListStr";
        var list3 = JSON.parse(listStr3.replace(/&quot;/g, "\""));

        var html = '<div class="inSec3Col3" id="' + ind + '_card2">'
            + '<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="inSec3L">'
            + '<ul class="workList workListTips">'
            + '<li class="active">'
            + '<div class="workListImg"><img src="../../Content/images/DragSSO/indexSec3-9.png" alt=""></div> '
            + '<span>待办任务</span>'
            + '<i class="inSecTMore">@ViewBag.TaskTotalNum</i>'
            + '</li>'
            + '<li>'
            + '<div class="workListImg"><img src="../../Content/images/DragSSO/indexSec3-10.png" alt=""></div> '
            + '<span>已办任务</span>'
            + '</li>'
            + '<li>'
            + '<div class="workListImg"><img src="../../Content/images/DragSSO/indexSec3-11.png" alt=""></div> '
            + '<span>我发起的</span>'
            + '</li>'
            + '</ul>'
            + '</div>'
            + '<div class="inSec3R">'
            + '<div class="inSec3WorkBox">';
        if (list.length > 0) {
            for (var i = 0; i < list.length; i++) {
                html += '<div class="inSec3Work">'
                    + '<div class="inSec3WorkT">' + list[i].F_TaskName+'['+list[i].F_SchemeName+']</div>'
                    + '<div class="inSec3WorkTime">' + list[i].F_CreateDate.replace("T", " ").slice(0,19)+'</div>'
                    + '<div class="inSec3WorkBtn"><a style="color:#198BE3" href="/Home/Index?autoopen=56ce34c2-882e-47d1-b12d-5036e3b79fcf&F_Id=' + list[i].F_Id+'&F_TaskId=' + list[i].F_TaskId + '&F_TaskType=' + list[i].F_TaskType+'" target="_blank">请处理</a></div>'
                    + '</div>';
            }
        } else {
            html += noHtml;
        }
        html += '</div>'
            + '<div class="inSec3WorkBox">';
        if (list2.length > 0) {
            for (var i = 0; i < list2.length; i++) {
                html += '<div class="inSec3Work">'
                    + '<div class="inSec3WorkT">' + list2[i].F_TaskName + '[' + list2[i].F_SchemeName + ']</div>'
                    + '<div class="inSec3WorkTime">' + list2[i].F_CreateDate.replace("T", " ").slice(0,19) + '</div>'
                    + '<div class="inSec3WorkBtn"><a style="color:#198BE3" href="/Home/Index?autoopen=56ce34c2-882e-47d1-b12d-5036e3b79fcf&F_Id=' + list2[i].F_Id + '&F_TaskId=' + list2[i].F_TaskId + '&F_TaskType=' + list2[i].F_TaskType + '" target="_blank">请处理</a></div>'
                    + '</div>';
            }
        } else {
            html += noHtml;
        }
        html += '</div>'
            + '<div class="inSec3WorkBox">';
        if (list3.length > 0) {
            for (var i = 0; i < list3.length; i++) {
                html += '<div class="inSec3Work">'
                    + '<div class="inSec3WorkT">' + list3[i].F_TaskName + '[' + list3[i].F_SchemeName + ']</div>'
                    + '<div class="inSec3WorkTime">' + list3[i].F_CreateDate.replace("T", " ").slice(0,19) + '</div>'
                    + '<div class="inSec3WorkBtn"><a style="color:#198BE3" href="/Home/Index?autoopen=56ce34c2-882e-47d1-b12d-5036e3b79fcf&F_Id=' + list3[i].F_Id + '&F_TaskId=' + list3[i].F_TaskId + '&F_TaskType=' + list3[i].F_TaskType + '" target="_blank">请处理</a></div>'
                    + '</div>';
            }
        } else {
            html += noHtml;
        }
        html+='</div>'
                +'</div>'
                +'</div>'
                +'</div>'
                +'</div>'
            ;
        return html;
    };
    //学校公文
    var card3Fun = function (ind) {
        var listStr = "@ViewBag.ReceiveFileListStr";
        var list = JSON.parse(listStr.replace(/&quot;/g, "\""));
        var html = '<div class="inSec3Col3" id="' + ind + '_card3">'
            + '<div class="inSec3Box">'
            + '<div class="inSecT">'
            + '<span>学校公文</span>'
            + '<i class="inSecTMore">' + list.length + '</i>'
            + '<a href="/Home/Index?autoopen=19637c39-624d-4be6-b680-04250f8df71f" class="more" target="_blank"><span></span><span></span><span></span></a>'
            + '</div>'
            + '<div class="inSec3Con">';
        if (list.length > 0) {
            html += '<ul class="inSec2List">';
            for (var i = 0; i < list.length; i++) {
                html += '<li>'
                    + '<a href="/Home/Index?autoopen=19637c39-624d-4be6-b680-04250f8df71f&keyValue=' + list[i].RFileId +'" target="_blank">'
                    + '<span class="inSec2Time">'+list[i].SendTime.replace("T"," ").slice(0,10)+'</span>'
                    + '<span class="inSec2T"><img src="../../Content/images/DragSSO/inSec2-18.png" alt="">' + list[i].Title+'</span>'
                    + '</a>'
                    + '</li>';
            }
            html+= '</ul>';
        } else {
            html += noHtml;
        }
        html+= '</div>'
                + '</div>'
                + '</div>'
            ;
        return html;
    };
    //专业总览
    var card4Fun = function (ind) {
        var html = '<div class="inSec3Col6" id="' + ind + '_card4">'
                +'<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="' + ind + '_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>'
            ;
        return html;
    };
    //常用链接
    var card5Fun = function (ind) {
        var listStr = "@ViewBag.FunctionListStr";
        var list = JSON.parse(listStr.replace(/&quot;/g, "\""));

        var html = '<div class="inSec3Col3" id="' + ind + '_card5">'
            + '<div class="inSec3Box" >'
            + '<div class="inSecT">'
            + '<span>统一认证</span>'
            + '<a href="/Home/Index?autoopen=617b32bf-bc56-425e-89cc-d4215613b9b7" class="more" target="_blank"><span></span><span></span><span></span></a>'
            + '</div>'
            + '<div class="inSec3Con">'
            + '<div class="inSec3L">'
            + '<ul class="workList workListInfo">';
        for (var i = 0; i < list.length; i++) {
            html += '<li class="' + (i == 0 ? "active" : "")+'">'
                + '<div class="workListImg"><img src="../../Content/images/DragSSO/indexSec3-'+(i+1)+'.png" alt=""></div> '
                + '<span>' + list[i].FTName+'</span>'
                + '<i class="inSec3Num">'+list[i].PFunctionList.length+'</i>'
                + '</li>';
        }
        html += '</ul>'
            + '</div>'
            + '<div class="inSec3R">';
        for (var i = 0; i < list.length; i++) {
            html += '<div class="inSec3WorkBox">';
            for (var j = 0; j < list[i].PFunctionList.length; j++) {
                html += '<a href="/Home/GoToApplication?appid=' + list[i].PFunctionList[j].FId + '" target="_blank" class="inSec3Link inSec3Link'+(j+1)+'">' + list[i].PFunctionList[j].FName+'</a>';
            }
            html+= '</div>';
        }
        html+='</div>'
                +'</div>'
                +'</div>'
                +'</div>'
            ;
        return html;
    };
    //常用服务
    var card6Fun = function (ind) {
        var listStr = "@ViewBag.OffenusedGroupStr";
        var list = JSON.parse(listStr.replace(/&quot;/g, "\""));

        var html = '<div class="inSec3Col3" id="' + ind + '_card6">'
            + '<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="inSec3L">'
            + '<ul class="workList workListInfo">';
        for (var i = 0; i < list.length; i++) {
            html += '<li class="'+(i==0?"active":"")+'">'
                + '<div class="workListImg"><img src="../../Content/images/DragSSO/indexSec3-'+(i+1)+'.png" alt=""></div> '
                + '<span>' + list[i].ParentName+'</span>'
                + '<i class="inSec3Num">' + list[i].ChildrenList.length + '</i>'
                + '</li>';
        }
        html += '</ul>'
            + '</div>'
            + '<div class="inSec3R">';
        for (var i = 0; i < list.length; i++) {
            html+= '<div class="inSec3WorkBox">'
                + '<div class="serRow">';
            if (list[i].ChildrenList.length > 0) {
                for (var j = 0; j < list[i].ChildrenList.length; j++) {
                    html += '<div class="serCol3">'
                        + '<a href="/Home/Index?autoopen=' + list[i].ChildrenList[j].F_ModuleId + '" class="serCon">'
                        + '<span class="serImg"><img src="../../Content/images/DragSSO/inSec2-' + (j + 1) + '.png" alt=""></span>'
                        + '<span class="serTxt">' + list[i].ChildrenList[j].F_FullName + '</span>'
                        + '</a>'
                        + '</div>';
                }
            } else {
                html += noHtml;
            }
            html += '</div>'
                + '</div>';
        }
        
        html+='</div>'
                +'</div>'
                +'</div>'
                +'</div>'
            ;
        return html;
    };
    //校园总览
    var card7Fun = function (ind) {
        var html = '<div class="inSec3Col6" id="' + ind + '_card7">'
                +'<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>'
            ;
        return html;
    };
    //宣传报道
    var card8Fun = function (ind) {
        var listStr = "@ViewBag.NewsListOfxuanchuanStr";
        var list = JSON.parse(listStr.replace(/&quot;/g, "\""));
        var html = '<div class="inSec3Col3" id="' + ind + '_card8">'
            + '<div class="inSec3Box" >'
            + '<div class="inSecT">'
            + '<span>宣传报道</span>'
            + '<a href="/Home/Index?autoopen=433d5658-40b0-4e2d-b736-c4e8561d017e" class="more" target="_blank"><span></span><span></span><span></span></a>'
            + '</div>'
            + '<div class="inSec3Con">';
        if (list.length > 0) {
            html += '<ul class="inSec2List">';
            for (var i = 0; i < list.length; i++) {
                if (i == 0) {
                    html += '<li>'
                        + '<a href="/Home/Index?autoopen=433d5658-40b0-4e2d-b736-c4e8561d017e&keyValue=' + list[i].F_NewsId +'" target="_blank" class="propagateBox">'
                        + '<span class="propagateL">'
                        + '<span class="propagateImg"><img src="../../' + list[i].F_NewsImage+'" alt=""></span></span>'
                        + '<span class="propagateR">'
                        + '<span class="propagateT">' + list[i].F_FullHead+'</span>'
                        + '<span class="inSec2Time">' + list[i].F_CreateDate.replace("T", " ").slice(0, 10) +'</span>'
                        + '</span>'
                        + '</a>'
                        + '</li>';
                } else {
                    html+= '<li>'
                        + '<a href="/Home/Index?autoopen=433d5658-40b0-4e2d-b736-c4e8561d017e&keyValue=' + list[i].F_NewsId +'" target="_blank">'
                        + '<span class="inSec2Time">' + list[i].F_CreateDate.replace("T", " ").slice(0, 10) +'</span>'
                        + '<span class="inSec2T"><img src="../../Content/images/DragSSO/inSec2-17.png" alt="">' + list[i].F_FullHead +'</span>'
                        + '</a>'
                        + '</li>';
                }
            }
            html+= '</ul>';
        } else {
            html += noHtml;
        }
        html+='</div>'
                +'</div>'
                +'</div>'
            ;
        return html;
    };
    //办公邮件
    var card9Fun = function (ind) {
        var listStr = "@ViewBag.LanMailStr";
        var list = JSON.parse(listStr.replace(/&quot;/g, "\""));
        var listStr2 = "@ViewBag.LanMailSendStr";
        var list2 = JSON.parse(listStr2.replace(/&quot;/g, "\""));
        var html = '<div class="inSec3Col3" id="' + ind + '_card9">'
            + '<div class="inSec3Box" >'
            + '<div class="inSecT">'
            + '<span>办公邮件</span>'
            + '<a href="/Home/Index?autoopen=252878d7-d807-497f-b01e-839bb1b869c6" class="more" target="_blank"><span></span><span></span><span></span></a>'
            + '</div>'
            + '<div class="inSec3Con">'
            + '<div class="inSec3L">'
            + '<ul class="workList workListTips">'
            + '<li class="active">'
            + '<div class="workListImg"><img src = "../../Content/images/DragSSO/indexSec3-12.png" alt = "" >'
            + '</div> '
            + '<span>收件箱</span>'
            + '<i class="inSecTMore">@ViewBag.LanMailUnReadCount</i>'
            + '</li>'
            + '<li>'
            + '<div class="workListImg"><img src = "../../Content/images/DragSSO/indexSec3-10.png" alt = "" >'
            + '</div> '
            + '<span>已发送</span>'
            + '</li>'
            + '</ul>'
            + '</div>'
            + '<div class="inSec3R">'
            + '<div class="inSec3WorkBox">';
        if (list.length > 0) {
            html += '<ul class="inSec2List">';
            for (var i = 0; i < list.length; i++) {
                html += '<li>'
                    + '<a href="/Home/Index?autoopen=252878d7-d807-497f-b01e-839bb1b869c6&keyValue=' + list[i].MESSAGEID+'" target="_blank">'
                    + '<span class="inSec2Time">' + list[i].SENDTIME.replace("T", " ").slice(0, 10) +'</span>'
                    + '<span class="inSec2T">' + list[i].TITLE+'</span>'
                    + '</a>'
                    + '</li>';
            }
            html+= '</ul>';
        } else {
            html += noHtml;
        }
        html += '</div>'
            + '<div class="inSec3WorkBox">';
        if (list2.length > 0) {
            html += '<ul class="inSec2List">';
            for (var i = 0; i < list2.length; i++) {
                html += '<li>'
                    + '<a href="/Home/Index?autoopen=252878d7-d807-497f-b01e-839bb1b869c6&keyValue=' + list2[i].MESSAGEID + '" target="_blank">'
                    + '<span class="inSec2Time">' + list2[i].SENDTIME.replace("T", " ").slice(0, 10) + '</span>'
                    + '<span class="inSec2T">' + list2[i].TITLE + '</span>'
                    + '</a>'
                    + '</li>';
            }
            html += '</ul>';
        } else {
            html += noHtml;
        }
        html+='</div>'
                +'</div>'
                +'</div>'
                +'</div>'
                +'</div>'
            ;
        return html;
    };
    //通知公告
    var card10Fun = function (ind) {
        var listStr = "@ViewBag.NewsListStr";
        var list = JSON.parse(listStr.replace(/&quot;/g, "\""));
        var html = '<div class="inSec3Col3" id="' + ind + '_card10">'
            + '<div class="inSec3Box">'
            + '<div class="inSecT">'
            + '<span>通知公告</span>'
            + '<a href="/Home/Index?autoopen=433d5658-40b0-4e2d-b736-c4e8561d017e" class="more" target="_blank"><span></span><span></span><span></span></a>'
            + '</div>'
            + '<div class="inSec3Con">';
        if (list.length > 0) {
            html += '<ul class="inSec2List">';
            for (var i = 0; i < list.length; i++) {
                html += '<li>'
                    + '<a href="/Home/Index?autoopen=433d5658-40b0-4e2d-b736-c4e8561d017e&keyValue=' + list[i].F_NewsId +'" target="_blank">'
                    + '<span class="inSec2Time">' + list[i].F_CreateDate.replace("T"," ").slice(0,10)+'</span>'
                    + '<span class="inSec2T"><img src="../../Content/images/DragSSO/inSec2-16.png" alt="">' + list[i].F_FullHead+'</span>'
                    + '</a>'
                    + '</li>';
            }
            html+= '</ul>';
        } else {
            html += noHtml;
        }
        html+= '</div>'
                + '</div>'
                + '</div>'
            ;
        return html;
    };
    //智慧教育
    var card11Fun = function (ind) {
        var listStr = "@ViewBag.NewsListOfzhihuiStr";
        var list = JSON.parse(listStr.replace(/&quot;/g, "\""));
        var html = '<div class="inSec3Col3" id="' + ind + '_card11">'
            + '<div class="inSec3Box">'
            + '<div class="inSecT">'
            + '<span>智慧教育</span>'
            + '<a href="/Home/Index?autoopen=433d5658-40b0-4e2d-b736-c4e8561d017e" class="more" target="_blank"><span></span><span></span><span></span></a>'
            + '</div>'
            + '<div class="inSec3Con">';
        if (list.length > 0) {
            for (var i = 0; i < list.length; i++) {
                html += '<a href="/Home/Index?autoopen=433d5658-40b0-4e2d-b736-c4e8561d017e&keyValue=' + list[i].F_NewsId + '" target="_blank" class="inSec3Link inSec3Link' + (i + 3) + '">' + list[i].F_FullHead+'</a>';
            }
        } else {
            html += noHtml;
        }
        html+= '</div>'
                + '</div>'
                + '</div>'
            ;
        return html;
    };
    //专题推荐
    var card12Fun = function (ind) {
        var listStr = "@ViewBag.NewsListOfzhuantiStr";
        var list = JSON.parse(listStr.replace(/&quot;/g, "\""));
        var html = '<div class="inSec3Col3" id="' + ind + '_card12">'
            + '<div class="inSec3Box" >'
            + '<div class="inSecT">'
            + '<span>专题推荐</span>'
            + '<a href="/Home/Index?autoopen=433d5658-40b0-4e2d-b736-c4e8561d017e" class="more" target="_blank"><span></span><span></span><span></span></a>'
            + '</div>'
            + '<div class="inSec3Con">';
        if (list.length > 0) {
            for (var i = 0; i < list.length; i++) {
                if (i == 0) {
                    html += '<a class="specialBox specialBox1" href="/Home/Index?autoopen=433d5658-40b0-4e2d-b736-c4e8561d017e&keyValue=' + list[i].F_NewsId + '" target="_blank">'
                        + '<img src="../../' + list[i].F_NewsImage + '" alt="">'
                        + '<div class="specialTxt"><div>' + list[i].F_FullHead +'</div></div>'
                        + '</a>'
                        + '<div class="specialRow">';
                } else {
                    html += '<div class="specialCol4">'
                        + '<a class="specialBox" href="/Home/Index?autoopen=433d5658-40b0-4e2d-b736-c4e8561d017e&keyValue=' + list[i].F_NewsId + '" target="_blank">'
                        + '<img src="../../' + list[i].F_NewsImage + '" alt="">'
                        + '<div class="specialTxt"><div>' + list[i].F_FullHead +'</div></div>'
                        + '</a>'
                        + '</div>';
                }
            }
            html+= '</div>';
        } else {
            html += noHtml;
        }
        html+='</div>'
                +'</div>'
                +'</div>'
            ;
        return html;
    };
    //办公业务流量
    var card13Fun = function (ind) {
        var html = '<div class="inSec3Col3" id="' + ind + '_card13">'
                +'<div class="inSec3Box" >'
                +'<div class="inSecT">'
                +'<span>办公业务流量</span>'
                +'<a href="#" class="more"><span></span><span></span><span></span></a>'
                +'</div>'
                + '<div class="inSec3Con">'
                + '<div id="' + ind + '_serviceEchart" class="echartBox"></div>'
                + '<div class="layui-input-block">'
                + '<select id="' + ind + '_zy" name="' + ind + '_zy" lay-filter="' + ind + '_zy">'
                +'<option value="" selected>请选择</option>'
                +'<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">80-100</option>'
                +'</select>'
                +'</div>'
                +'</div>'
                +'</div>'
                +'</div>'
            ;
        return html;
    };
    //console.log(card11Fun());

</script>
<script>
    //专业总览
    function majorEchart(ind) {
        var listStr = "@ViewBag.StuByMajorStr";
        var list = JSON.parse(listStr.replace(/&quot;/g, "\""));

        var myChart5 = echarts.init($('.inSec3RowBox').find('#' + ind + '_major')[0]);

        option = {
            tooltip: {
                trigger: 'item',
                formatter: '{b} : {c}'
            },
            series: [{
                name: '专业学生',
                type: 'pie',
                radius: [60, 75],
                center: ['50%', '50%'],
                label: {
                    // show: true
                    show: false
                },
                color: ['#6C5CEA', '#57C5F5', '#E7C900', '#FF9C95', '#59D078', '#C97FEF', '#ECBD02', '#DF59B8', '#F6685E',
                    '#00E7B9', '#7A74F1', '#4A9ADE', '#33F0E5', '#ECBD02', '#DF59B8'
                ],
                // hoverAnimation: false,
                data: list
            }, {
                name: '班级总数',
                type: 'pie',
                radius: [50, 65],
                center: ['17%', '50%'],
                label: {
                    // show: true
                    show: false
                },
                color: ['#59D078', '#57C5F5', '#E7C900'],
                // hoverAnimation: false,
                data: [{
                    value: @ViewBag.ClassInfoTotalNum,
                    name: '班级总数',
                }]
            }, {
                name: '专业教室',
                type: 'pie',
                radius: [50, 65],
                center: ['83%', '50%'],
                label: {
                    // show: true
                    show: false
                },
                color: ['#3E49E2', '#677BF5', '#67A0F5', '#E7C900'],
                // hoverAnimation: false,
                data: [{
                    value: @ViewBag.ClassRoomTotalNum,
                    name: '教室',
                }]
            },]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart5.setOption(option);
        window.addEventListener("resize", function () {
            myChart5.resize();
        });
    }
    //办公业务流量
    function serviceEchart(ind) {
        // 基于准备好的dom，初始化echarts实例
        var myChart2 = echarts.init($('.inSec3RowBox').find('#' + ind + '_serviceEchart')[0]);

        option = {
            tooltip: {
                trigger: 'axis'
            },
            color: ['#CB0005', '#EF9116', '#466AD2', '#7408A6', '#0CB5C4', '#DEBC03', '#0BB56C', '#CB1FA1'],
            legend: {
                data: ['办公量'],
                icon: "circle",
                itemWidth: 7,
                right: '40px',
                top: '10px'
            },
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '23%',
                containLabel: true
            },
            xAxis: {
                type: 'category',
                name: '星期',
                boundaryGap: false,
                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                formatter: function (params) {
                    // return params[0].name + ' ：  ' + params[0].value + ' 小时';
                },
            },
            yAxis: {
                type: 'value',
                name: '办公量',
            },
            series: [{
                name: '办公量',
                type: 'line',
                stack: '总量',
                // lineStyle: {
                // 	color: '#000'
                // },
                data: [120, 132, 101, 134, 90, 230, 210]
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart2.setOption(option);
        window.addEventListener("resize", function () {
            myChart2.resize();
        });
    }
</script>
<script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            url: "/SSOSystem/GetYKTBalance",
            type: "get",
            dataType: "json",
            success: function(res) {
                if (res.code == 200) {
                    $("#YKTBalance").html(res.data.YKTPayed);
                }
            }
        });
        $.ajax({
            url: "/SSOSystem/GetYKTPayed",
            type: "get",
            dataType: "json",
            success: function (res) {
                if (res.code == 200) {
                    $("#YKTPayed").html(res.data.YKTPayed);
                }
            }
        });
    });
</script>
<style>
    .desktopSetBox b {
        font-weight: normal;
    }
    .searchLi > a {
        width: 100%;
    }

        .searchLi > a > * {
            display: inline-block;
            vertical-align: middle;
        } 
</style>
<!--  / warpper  -->
<div class="warpper">
    <input type="hidden" name="ModelCode" value="one" id="ModelCode" />
    <input type="hidden" name="UserId" value="@ViewBag.UserId" id="UserId" />
    <!-- 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 class="inSecLeftCon">
                <div class="inSecLeftImg">
                    <img src="~/Content/images/DragSSO/indSec1-5.png" alt="">
                    <img src="~/Content/images/DragSSO/indSec1-6.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 class="inSec1TabBox">
                    <img src="~/Content/images/DragSSO/indSec1-5.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 class="inSec1Box">
                    <!-- 第一级列表 -->
                    <ul class="inSec1List1">
                        <li class="active">
                            <a href="#">
                                <span>全部</span> <span>13</span>
                            </a>
                        </li>
                    </ul>
                    <!-- 第一级列表 -->
                    <!-- 第二级列表 -->
                    <div class="inSec1List2 inSecShadow">
                        <div class="inSec1Drag">
                            <div id="card1">
                                <img src="~/Content/images/DragSSO/inSec1-7.png" alt="" />
                                <span>数据看板</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card2">
                                <img src="~/Content/images/DragSSO/inSec1-8.png" alt="" />
                                <span>办公事项</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card3">
                                <img src="~/Content/images/DragSSO/inSec1-9.png" alt="" />
                                <span>学校公文</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card4">
                                <img src="~/Content/images/DragSSO/inSec1-7.png" alt="" />
                                <span>专业总览</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card5">
                                <img src="~/Content/images/DragSSO/inSec1-7.png" alt="" />
                                <span>常用链接</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card6">
                                <img src="~/Content/images/DragSSO/inSec1-8.png" alt="" />
                                <span>常用服务</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card7">
                                <img src="~/Content/images/DragSSO/inSec1-9.png" alt="" />
                                <span>校园总览</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card8">
                                <img src="~/Content/images/DragSSO/inSec1-7.png" alt="" />
                                <span>宣传报道</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card9">
                                <img src="~/Content/images/DragSSO/inSec1-7.png" alt="" />
                                <span>办公邮件</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card10">
                                <img src="~/Content/images/DragSSO/inSec1-8.png" alt="" />
                                <span>通知公告</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card11">
                                <img src="~/Content/images/DragSSO/inSec1-9.png" alt="" />
                                <span>智慧教育</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card12">
                                <img src="~/Content/images/DragSSO/inSec1-7.png" alt="" />
                                <span>专题推荐</span>
                                <i class="fa fa-minus"></i>
                            </div>
                            <div id="card13">
                                <img src="~/Content/images/DragSSO/inSec1-7.png" alt="" />
                                <span>办公业务流量</span>
                                <i class="fa fa-minus"></i>
                            </div>
                        </div>
                    </div>

                    <!-- 第二级列表 -->
                </div>
            </div>
        </div>
    </div>
    <!--  / index_sec1  -->
    <!--  / index_sec2  -->
    <div class="index_sec index_sec2">
        <div class="inSecLeftBox">
            <div class="inSecLeftCon">
                <div class="inSecLeftImg">
                    <img src="~/Content/images/DragSSO/indSec1-7.png" alt="">
                    <img src="~/Content/images/DragSSO/indSec1-8.png" alt="">
                </div>
                <div class="inSecLeftTxt">待办任务</div>
            </div>
            <div class="inSecLeftCon">
                <div class="inSecLeftImg">
                    <img src="~/Content/images/DragSSO/indSec1-9.png" alt="">
                    <img src="~/Content/images/DragSSO/indSec1-10.png" alt="">
                </div>
                <div class="inSecLeftTxt">我发起的</div>
            </div>
            <div class="inSecLeftCon">
                <div class="inSecLeftImg">
                    <img src="~/Content/images/DragSSO/indSec1-13.png" alt="">
                    <img src="~/Content/images/DragSSO/indSec1-14.png" alt="">
                </div>
                <div class="inSecLeftTxt">未读消息</div>
            </div>
        </div>
        <div class="inSec2Box inSecShadow">
            <div class="aRight">
                <i class="fa fa-angle-right"></i>
            </div>
            <div class="inSec2Tab">
                <div class="inSec2TabBox">
                    <img src="~/Content/images/DragSSO/indexSec2-1.png" alt="">
                    <span>任务</span>
                </div>
                <div class="inSec2TabBox">
                    <img src="~/Content/images/DragSSO/indexSec2-2.png" alt="">
                    <span>消息</span>
                </div>
            </div>
            <div class="indSec1Line"></div>
            <div class="indexSec2Box">
                <div class="inSec2Con">
                    <div class="inSec2L">
                        <ul class="inSec2Llist">
                            <li class="active">
                                <i class="">@ViewBag.TaskTotalNum</i>
                                <span>待办任务</span>
                            </li>
                            <li>
                                <i class="">@ViewBag.MyListTotalNum</i>
                                <span>我发起的</span>
                            </li>
                            <li>
                                <i class="">@ViewBag.FinishTaskTotalNum</i>
                                <span>已办任务</span>
                            </li>
                        </ul>
                    </div>
                    <div class="inSec2R inSecShadow">
                        <div class="inSec3WorkBox">
                            @{
                                var TaskListIEnumerable = ViewBag.TaskList as IEnumerable<NWFProcessEntity>;
                                if (TaskListIEnumerable.Any())
                                {
                                    foreach (NWFProcessEntity item in ViewBag.TaskList)
                                    {
                                        <div class="inSec3Work">
                                            <div class="inSec3WorkT" title="@item.F_TaskName [@item.F_SchemeName]">@item.F_TaskName [@item.F_SchemeName]</div>
                                            <div class="inSec3WorkTime">@item.F_CreateDate</div>
                                            <div class="inSec3WorkBtn"><a style="color:#198BE3" href="/Home/Index?autoopen=56ce34c2-882e-47d1-b12d-5036e3b79fcf&F_Id=@item.F_Id&F_TaskId=@item.F_TaskId&F_TaskType=@item.F_TaskType" target="_blank">请处理</a></div>
                                        </div>
                                    }
                                }
                                else
                                {
                                    <div class="noLogin">
                                        <div class="noLoginImg"><img src="~/Content/images/DragSSO/noLogin.png" alt=""></div>
                                        <div class="noLoginTxt">暂时没有数据</div>
                                    </div>
                                }
                            }

                        </div>
                        <div class="inSec3WorkBox">
                            @{
                                var MyListIEnumerable = ViewBag.MyList as IEnumerable<NWFProcessEntity>;
                                if (MyListIEnumerable.Any())
                                {
                                    foreach (NWFProcessEntity item in ViewBag.MyList)
                                    {
                                        <div class="inSec3Work">
                                            <div class="inSec3WorkT" title="@item.F_TaskName [@item.F_SchemeName]">@item.F_TaskName [@item.F_SchemeName]</div>
                                            <div class="inSec3WorkTime">@item.F_CreateDate</div>
                                            <div class="inSec3WorkBtn"><a style="color:#198BE3" href="/Home/Index?autoopen=56ce34c2-882e-47d1-b12d-5036e3b79fcf&F_Id=@item.F_Id&F_TaskId=@item.F_TaskId&F_TaskType=@item.F_TaskType" target="_blank">请处理</a></div>
                                        </div>
                                    }
                                }
                                else
                                {
                                    <div class="noLogin">
                                        <div class="noLoginImg"><img src="~/Content/images/DragSSO/noLogin.png" alt=""></div>
                                        <div class="noLoginTxt">暂时没有数据</div>
                                    </div>
                                }
                            }

                        </div>
                        <div class="inSec3WorkBox">
                            @{
                                var FinishTaskListIEnumerable = ViewBag.FinishTaskList as IEnumerable<NWFProcessEntity>;
                                if (FinishTaskListIEnumerable.Any())
                                {
                                    foreach (NWFProcessEntity item in ViewBag.FinishTaskList)
                                    {
                                        <div class="inSec3Work">
                                            <div class="inSec3WorkT" title="@item.F_TaskName [@item.F_SchemeName]">@item.F_TaskName [@item.F_SchemeName]</div>
                                            <div class="inSec3WorkTime">@item.F_CreateDate</div>
                                            <div class="inSec3WorkBtn"><a style="color:#198BE3" href="/Home/Index?autoopen=56ce34c2-882e-47d1-b12d-5036e3b79fcf&F_Id=@item.F_Id&F_TaskId=@item.F_TaskId&F_TaskType=@item.F_TaskType" target="_blank">请处理</a></div>
                                        </div>
                                    }
                                }
                                else
                                {
                                    <div class="noLogin">
                                        <div class="noLoginImg"><img src="~/Content/images/DragSSO/noLogin.png" alt=""></div>
                                        <div class="noLoginTxt">暂时没有数据</div>
                                    </div>
                                }
                            }

                        </div>
                    </div>
                </div>
                <div class="inSec2Con">
                    <div class="noLogin">
                        <div class="noLoginImg"><img src="~/Content/images/DragSSO/noLogin.png" alt=""></div>
                        <div class="noLoginTxt">暂时没有数据</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--  / index_sec2  -->
    <!--  / index_sec3  -->
    <div class="index_sec index_sec3">
        <form class="layui-form" action="">
            <div class="indexSec3Box">
                <div class="inSec3Head">
                    <div class="inSec3HeadTabBox">
                        @foreach (SSO_Drag_DesktopManageEntity desktopItem in ViewBag.DesktopList)
                        {
                            <div class="inSec3HeadTab @(desktopItem.DesktopCode =="teacherDesktop"?"active":"") @(desktopItem.DefaultFlag!="1"?"newlyBuild":"")" ind="@desktopItem.DesktopCode" desktopId="@desktopItem.Id">
                                <div class="inSec3HeadTabTxt">@desktopItem.DesktopName</div>
                            </div>
                            <div class="inSec3HeadLine"></div>
                        }
                    </div>
                    @{
                        var DesktopList = ViewBag.DesktopList as IEnumerable<SSO_Drag_DesktopManageEntity>;
                        if (DesktopList.Count() < 5)
                        {
                            <div class="inSec3HeadAdd">
                                <img src="~/Content/images/DragSSO/indSec3-5.png" alt="">
                            </div>
                            <div class="inSec3HeadLine"></div>
                        }
                    }
                    <div class="inSec3Setting">
                        <img src="~/Content/images/DragSSO/indSec3-6.png" alt="">
                    </div>
                </div>
                <div class="inSec3RowBox">
                    @foreach (SSO_Drag_DesktopManageEntity desktopItem in ViewBag.DesktopList)
                    {
                        <div class="inSec3Row clearfix @(desktopItem.DesktopCode =="teacherDesktop"?"active":"")" ind="@desktopItem.DesktopCode">
                            @if (string.IsNullOrEmpty(desktopItem.CardSort))
                            {
                                <script>
                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(noCard);
                                </script>
                            }
                            else
                            {
                                if (desktopItem.CardSort.IndexOf(',') == -1)
                                {
                                    switch (desktopItem.CardSort)
                                    {
                                        case "card1":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card1Fun("@desktopItem.DesktopCode"));
                                            </script>
                                            break;
                                        case "card2":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card2Fun("@desktopItem.DesktopCode"));
                                            </script>
                                            break;
                                        case "card3":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card3Fun("@desktopItem.DesktopCode"));
                                            </script>
                                            break;
                                        case "card4":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card4Fun("@desktopItem.DesktopCode"));
                                                majorEchart("@desktopItem.DesktopCode");
                                            </script>
                                            break;
                                        case "card5":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card5Fun("@desktopItem.DesktopCode"));
                                            </script>
                                            break;
                                        case "card6":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card6Fun("@desktopItem.DesktopCode"));
                                            </script>
                                            break;
                                        case "card7":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card7Fun("@desktopItem.DesktopCode"));
                                            </script>
                                            break;
                                        case "card8":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card8Fun("@desktopItem.DesktopCode"));
                                            </script>
                                            break;
                                        case "card9":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card9Fun("@desktopItem.DesktopCode"));
                                            </script>
                                            break;
                                        case "card10":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card10Fun("@desktopItem.DesktopCode"));
                                            </script>
                                            break;
                                        case "card11":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card11Fun("@desktopItem.DesktopCode"));
                                            </script>
                                            break;
                                        case "card12":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card12Fun("@desktopItem.DesktopCode"));
                                            </script>
                                            break;
                                        case "card13":
                                            <script>
                                                $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card13Fun("@desktopItem.DesktopCode"));
                                                serviceEchart("@desktopItem.DesktopCode");
                                            </script>
                                            break;
                                        default:
                                            break;
                                    }
                                }
                                else
                                {
                                    foreach (var item in desktopItem.CardSort.Split(','))
                                    {
                                        switch (item)
                                        {
                                            case "card1":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card1Fun("@desktopItem.DesktopCode"));
                                                </script>
                                                break;
                                            case "card2":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card2Fun("@desktopItem.DesktopCode"));
                                                </script>
                                                break;
                                            case "card3":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card3Fun("@desktopItem.DesktopCode"));
                                                </script>
                                                break;
                                            case "card4":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card4Fun("@desktopItem.DesktopCode"));
                                                    majorEchart("@desktopItem.DesktopCode");
                                                </script>
                                                break;
                                            case "card5":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card5Fun("@desktopItem.DesktopCode"));
                                                </script>
                                                break;
                                            case "card6":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card6Fun("@desktopItem.DesktopCode"));
                                                </script>
                                                break;
                                            case "card7":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card7Fun("@desktopItem.DesktopCode"));
                                                </script>
                                                break;
                                            case "card8":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card8Fun("@desktopItem.DesktopCode"));
                                                </script>
                                                break;
                                            case "card9":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card9Fun("@desktopItem.DesktopCode"));
                                                </script>
                                                break;
                                            case "card10":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card10Fun("@desktopItem.DesktopCode"));
                                                </script>
                                                break;
                                            case "card11":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card11Fun("@desktopItem.DesktopCode"));
                                                </script>
                                                break;
                                            case "card12":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card12Fun("@desktopItem.DesktopCode"));
                                                </script>
                                                break;
                                            case "card13":
                                                <script>
                                                    $('.inSec3RowBox').find('.inSec3Row[ind="@desktopItem.DesktopCode"]').append(card13Fun("@desktopItem.DesktopCode"));
                                                    serviceEchart("@desktopItem.DesktopCode");
                                                </script>
                                                break;
                                            default:
                                                break;
                                        }
                                    }
                                }
                            }

                        </div>

                    }

                </div>
            </div>
        </form>
    </div>
    <!--  / index_sec3  -->
    <!-- desktopSet -->
    <div class="desktopSetBox">
        <div class="desktopSetZhe"></div>
        <div class="desktopSet inSecShadow">
            <img src="~/Content/images/DragSSO/close.png" alt="">
            <div class="deskSetT">桌面设置</div>
            <div class="deskSetInfo">共 <span>0</span>/<span>3</span> 个自建桌面</div>
            <div class="deskSetList">
                @foreach (SSO_Drag_DesktopManageEntity item in ViewBag.DesktopList)
                {
                    <div class="deskSetLi" ind="@item.DesktopCode" defaultFlag="@item.DefaultFlag" desktopId="@item.Id">
                        <i class="fa fa-navicon"></i>
                        <div class="deskName">
                            <div class="deskNameTxt"><b>@item.DesktopName</b><span>@(item.DefaultFlag == "1" ? "(默认桌面)" : "")</span></div>
                            <div class="deskNameInput">
                                <input type="text" value="@item.DesktopName">
                                <span>8/8</span>
                            </div>
                        </div>
                        <i class="fa @(item.DefaultFlag == "1"?"fa-repeat":"fa-trash-o fa-lg") faR"></i>
                        <div class="deskSetLiTips" txt="@(item.DefaultFlag == "1"?"恢复成功":"删除该桌面成功")">
                            <span>@(item.DefaultFlag == "1" ? "确认恢复默认设置?" : "确认删除该桌面?")</span>
                            <div class="deskSetTrue">
                                <img src="~/Content/images/DragSSO/duigou.png" alt="">
                            </div>
                            <div class="deskSetClose">
                                <img src="~/Content/images/DragSSO/close2.png" alt="">
                            </div>
                        </div>
                    </div>
                }
            </div>
            @if (DesktopList.Count() < 5)
            {
                <div class="deskSetLi deskSetLiNew">
                    <i class="fa fa-file-text-o"></i>
                    <div class="deskName">
                        <div class="deskNameTxt"><b>新建桌面</b></div>
                        <div class="deskNameInput">
                            <input type="text" value="新建桌面">
                            <span>8/8</span>
                        </div>
                    </div>
                    <div class="deskSetLiTips" txt="添加桌面成功">
                        <span>保存该桌面?</span>
                        <div class="deskSetTrue">
                            <img src="~/Content/images/DragSSO/duigou.png" alt="">
                        </div>
                        <div class="deskSetClose">
                            <img src="~/Content/images/DragSSO/close2.png" alt="">
                        </div>
                    </div>
                </div>
            }
            <div class="deskSetBtn">完成</div>
        </div>
    </div>
    <!-- desktopSet -->
    <!-- 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/index.js"></script>
<script src="/Content/js/DragSSO/aLeft.js"></script>
@*<script src="/Content/js/DragSSO/sortable.js"></script>*@
<script src="/Content/js/DragSSO/inSecHead.js"></script>
<script>
    $(function () {


        //添加排序
        $('.inSec1Drag').on('click', '.fa-minus', function () {
            //删除
            $(this).removeClass('fa-minus').addClass('fa-plus');
            var id = '#' + $('.inSec3Row.active').attr('ind') + '_' + $(this).parent().attr('id');
            $('.inSec3Row.active').find(id).remove();
            layer.msg('删除成功！');
            if ($('.inSec3Row.active > div').length == 0) {
                $('.inSec3Row.active').html(noCard);
            }
            serializes();
        }).on('click', '.fa-plus', function () {
            var noHtmls = $('.inSec3Row.active #noHtml');
            if (noHtmls.length) {
                noHtmls.remove();
            }
            //添加
            $(this).removeClass('fa-plus').addClass('fa-minus');
            //点击卡片，增加相同的卡片块
            //var id = 'id_' + $(this).parent().attr('id');
            //var html = '<div class="inSec3Col3" id="' + id + '">' +
            //	'<div class="inSec3Box">' +
            //	'<div class="inSecT">' +
            //	'<span>办公事项' + id + '</span>' +
            //	'<a href="#" class="more"><span></span><span></span><span></span></a>' +
            //	'</div>' +
            //	'<div class="inSec3Con">'+ noHtml +'</div>' +
            //	'</div>' +
            //	'</div>';
            //点击卡片，增加不同的卡片块
            var cardId = $(this).parent().attr('id');
            var ind = $('.inSec3Row.active').attr('ind');
            var html = '';
            switch (cardId) {
            case 'card1':
                html = card1Fun(ind); break;
            case 'card2':
                html = card2Fun(ind); break;
            case 'card3':
                html = card3Fun(ind); break;
            case 'card4':
                html = card4Fun(ind); break;
            case 'card5':
                html = card5Fun(ind); break;
            case 'card6':
                html = card6Fun(ind); break;
            case 'card7':
                html = card7Fun(ind); break;
            case 'card8':
                html = card8Fun(ind); break;
            case 'card9':
                html = card9Fun(ind); break;
            case 'card10':
                html = card10Fun(ind); break;
            case 'card11':
                html = card11Fun(ind); break;
            case 'card12':
                html = card12Fun(ind); break;
            case 'card13':
                html = card13Fun(ind); break;
            default:
                html = ''; break;
            }

            $('.inSec3Row.active').append(html);
            layer.msg('添加成功！');
            serializes();
            //初始化echart图表
            if (cardId == "card4") {
                majorEchart(ind);
            } else if (cardId == "card13") {
                serviceEchart(ind);
            }
        })
        // 拖拽 排序
        sortableInit()





    })
</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");

</script>