@@ -13,6 +13,37 @@
}
<link rel="stylesheet" type="text/css" href="/Content/css/DragSSO/index3.css" />
<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(/"/g, "\""));
//---专业教室
var ClassRoomTotalNum = "@ViewBag.ClassRoomTotalNum";
//课程总览
//---课程分类下的课程
var LessonBySortStr = "@ViewBag.LessonBySortStr";
var LessonBySort = JSON.parse(LessonBySortStr.replace(/"/g, "\""));
//---课程类型下的课程
var LessonByTypeStr = "@ViewBag.LessonByTypeStr";
var LessonByType = JSON.parse(LessonByTypeStr.replace(/"/g, "\""));
//教师总览
//---教师学历比例
var TeacherByHighestRecordStr = "@ViewBag.TeacherByHighestRecordStr";
var TeacherByHighestRecord = JSON.parse(TeacherByHighestRecordStr.replace(/"/g, "\""));
</script>
<!-- / warpper -->
<div class="warpper">
<!-- search -->
@@ -204,15 +235,15 @@
<div class="echartBox" id="major"></div>
<div class="inSec3majorTxt inSec3majorTxt1">
<div>班级总数</div>
<div>12 </div>
<div>@ViewBag.ClassInfoTotalNum </div>
</div>
<div class="inSec3majorTxt inSec3majorTxt2">
<div>专业学生</div>
<div>252 </div>
<div>@ViewBag.StuInfoTotalNum </div>
</div>
<div class="inSec3majorTxt inSec3majorTxt3">
<div>专业教室 </div>
<div>97 </div>
<div>专业教室</div>
<div>@ViewBag.ClassRoomTotalNum </div>
</div>
</div>
</div>
@@ -225,15 +256,15 @@
</div>
<div class="inSec3Con teacherBox">
<div class="teacherCon">
<div class="in3Sec3Total">在校学生总数 <b>1752 </b> 人</div>
<div class="in3Sec3Total">在校学生总数 <b>@ViewBag.StuInfoTotalNum </b> 人</div>
<div class="in3Sec3PerBox">
<div class="in3Sec3Per">
男 <b>66</b> 人 <div class="in3Sec3Icon in3Sec3Green">43% </div>
男 <b>@ViewBag.StuInfoTotalNumOfMan</b> 人 <div class="in3Sec3Icon in3Sec3Green" id="StuInfoOfManRate"> </div>
</div>
</div>
<div class="in3Sec3PerBox">
<div class="in3Sec3Per">
女 <b>66</b> 人 <div class="in3Sec3Icon in3Sec3Red">43% </div>
女 <b>@(ViewBag.StuInfoTotalNum - ViewBag.StuInfoTotalNumOfMan)</b> 人 <div class="in3Sec3Icon in3Sec3Red" id="StuInfoOfWomanRate"> </div>
</div>
</div>
</div>
@@ -303,54 +334,42 @@
<img src="/Content/images/DragSSO/indexSec3-23.png" alt="">
<span>专业总数</span>
</div>
<div class="overviewTxt">
27
</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">
27
</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">
27
</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">
27
</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">
27
</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">
27
</div>
<div class="overviewTxt" id="shiyanshiTotalNum"></div>
</div>
</div>
</div>
@@ -363,15 +382,15 @@
</div>
<div class="inSec3Con teacherBox">
<div class="teacherCon">
<div class="in3Sec3Total">教师总数 <b>1752 </b> 人</div>
<div class="in3Sec3Total">教师总数 <b>@ViewBag.TeacherTotalNum </b> 人</div>
<div class="in3Sec3PerBox">
<div class="in3Sec3Per">
男 <b>66</b> 人 <div class="in3Sec3Icon in3Sec3Green">43% </div>
男 <b>@ViewBag.TeacherTotalNumOfMan</b> 人 <div class="in3Sec3Icon in3Sec3Green" id="TeacherOfManRate"> </div>
</div>
</div>
<div class="in3Sec3PerBox">
<div class="in3Sec3Per">
女 <b>66</b> 人 <div class="in3Sec3Icon in3Sec3Red">43% </div>
女 <b>@(ViewBag.TeacherTotalNum - ViewBag.TeacherTotalNumOfMan)</b> 人 <div class="in3Sec3Icon in3Sec3Red" id="TeacherOfWomanRate"> </div>
</div>
</div>
</div>
@@ -432,13 +451,13 @@
<div class="organZ" style="height: 30%;"></div>
<div class="organCon organCon1">
<div>在编教师</div>
<div><span>95 </span>人</div>
<div><span>62% </span></div>
<div><span>@ViewBag.TeacherTotalNumOfBianNei </span>人</div>
<div><span id="TeacherOfBianNeiRate" ></span></div>
</div>
<div class="organCon organCon2">
<div>非在编教师</div>
<div><span>95 </span>人</div>
<div><span>62% </span></div>
<div><span>@(ViewBag.TeacherTotalNum - ViewBag.TeacherTotalNumOfBianNei) </span>人</div>
<div><span id="TeacherOfNotBianNeiRate" ></span></div>
</div>
</div>
</div>
@@ -459,35 +478,35 @@
<img src="/Content/images/DragSSO/inSec6-14.png" alt="">
<div>
<div>课程建设总数</div>
<div class="in3Sec3LT">167 </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">167 </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">167 </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 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>
@@ -566,22 +585,45 @@
<script>
//左侧-可用应用
var flowList = '@ViewBag.FlowList';
flowList = flowList.replace(/"/g, "\"");
flowList = flowList.replace(/"/g, "\"");
var flowListJson = JSON.parse(flowList);
$("#flowTypeList").find(".itemName").bind("click", function() {
var html = "";
var category = $(this).attr("itemName");
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>";
}
});
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");
//校园总览-在用实验室
$("#shiyanshiTotalNum").html(randomFun((@ViewBag.ClassRoomTotalNum) / 5, 0));
//学生总览
var StuInfoOfManRate = parseInt((@ViewBag.StuInfoTotalNumOfMan) / (@ViewBag.StuInfoTotalNum) * 100);
//男比例
$("#StuInfoOfManRate").html(StuInfoOfManRate + "%");
//女比例
$("#StuInfoOfWomanRate").html((100-StuInfoOfManRate) + "%");
//教师总览
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>