From 02710f6140a98d6b5d1765d8c43ce282c7a229b4 Mon Sep 17 00:00:00 2001
From: zhangli <1109134334@qq.com>
Date: Mon, 13 Dec 2021 11:58:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=BD=91=E4=B8=8A=E5=8A=9E?=
=?UTF-8?q?=E4=BA=8B=E5=A4=A7=E5=8E=85JS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../Content/js/DragSSO/aLeft.js | 22 ++
.../Content/js/DragSSO/inSecHead.js | 302 ++++++++++++++++
.../Content/js/DragSSO/index.js | 245 +++++++++++++
.../Content/js/DragSSO/index2.js | 227 ++++++++++++
.../Content/js/DragSSO/index3.js | 338 ++++++++++++++++++
.../Content/js/DragSSO/indexData.js | 91 +++++
.../Content/js/DragSSO/main.js | 144 ++++++++
.../Content/js/DragSSO/sortable.js | 59 +++
.../Learun.Application.Web.csproj | 8 +
9 files changed, 1436 insertions(+)
create mode 100644 Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/aLeft.js
create mode 100644 Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/inSecHead.js
create mode 100644 Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/index.js
create mode 100644 Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/index2.js
create mode 100644 Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/index3.js
create mode 100644 Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/indexData.js
create mode 100644 Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/main.js
create mode 100644 Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/sortable.js
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/aLeft.js b/Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/aLeft.js
new file mode 100644
index 000000000..44b33f8b5
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/aLeft.js
@@ -0,0 +1,22 @@
+var inSec3Row = $('.inSec3Row');
+$(window).load(function() {
+ //左侧tab切换
+ $('.inSec1Tab').on('click', '.inSec1TabBox', function() {
+ var ind = $(this).index();
+ $(this).addClass('active').siblings().removeClass('active');
+ $('.indSec1Box .inSec1Box').removeClass('active').eq(ind).addClass('active');
+ })
+ //左侧菜单显示隐藏
+ $('.index_sec1').on('click', '.inSecLeftCon', function() {
+ var ind = $(this).index();
+ var parents = $(this).parents('.index_sec1');
+ parents.addClass('active').find('.inSec1TabBox').removeClass('active').eq(ind).addClass('active').end().end().find('.inSec1Box').removeClass('active').eq(ind).addClass('active');
+ $('.indexSec3Box').css('paddingLeft', '510px')
+ }).on('click', '.aLeft', function() {
+ var parents = $(this).parents('.index_sec1');
+ parents.removeClass('active');
+ $('.indexSec3Box').css('paddingLeft', '0')
+ })
+})
+
+
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/inSecHead.js b/Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/inSecHead.js
new file mode 100644
index 000000000..ba7ca308d
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/inSecHead.js
@@ -0,0 +1,302 @@
+$(document).ready(function () {
+
+ //桌面切换
+ $('.inSec3Head').on('click', '.inSec3HeadTab', function () {
+ if ($(this).hasClass('active')) return;
+ var ind = $(this).attr('ind');
+ $('.inSec3Row.active').sortable("destroy");
+ $(this).addClass('active').siblings('.inSec3HeadTab').removeClass('active');
+ $('.inSec3Row').css('display', 'none').removeClass('active').siblings('.inSec3Row[ind="' + ind + '"]').fadeIn().addClass('active');
+ sortableInit();
+ });
+ //桌面设置弹框中的事件
+ $('.desktopSetBox').on('click', '.faR', function () {//点击默认桌面-恢复标识，显示恢复提示
+ $(this).parents('.deskSetLi').addClass('active')
+ }).on('click', '.deskSetClose', function () {//点击提示中关闭标识，不显示恢复提示
+ $(this).parents('.deskSetLi').removeClass('active');
+ }).on('click', '.deskSetTrue', function () {//点击提示中确定标识，添加桌面或者重置桌面
+ var parents = $(this).parents('.deskSetLi');
+ if (parents.hasClass('deskSetLiNew')) {
+ var inputs = parents.find('input');
+ desktopNew(inputs.val());
+ inputs.val('新建桌面');
+ } else {
+ var txt = $(this).parent().attr('txt');
+ parents.removeClass('active');
+ var desktopId = parents.attr('desktopId');
+ var defaultFlag = parents.attr('defaultFlag');
+ if (defaultFlag != 1) {
+ var ind = parents.attr('ind');
+ desktopDel(ind, desktopId);
+ } else {
+ //ajax默认桌面的恢复操作
+ if (desktopId != "" && desktopId != undefined) {
+ $.ajax({
+ url: "/SSOSystem/RestoreDefaultDesktop",
+ headers: { __RequestVerificationToken: $.lrToken },
+ data: { desktopId: desktopId },
+ type: "post",
+ dataType: "json",
+ success: function (res) {
+ if (res.code == 200) {
+ layer.msg('恢复成功！');
+ //操作成功后执行的代码开始
+ location.reload();
+ //操作成功后执行的代码结束
+ }
+ else if (res.code == 400) {
+ layer.msg(res.info);
+ }
+ else if (res.code == 500) {
+ layer.msg('服务端异常，请联系管理员');
+ }
+ }
+ });
+ }
+ }
+ }
+ }).on('click', '.deskNameTxt', function () {
+ $(this).siblings('.deskNameInput').addClass('active').find('input').focus();
+ }).on('blur', '.deskSetList input', function () { //桌面名称表单失去焦点时
+ var parents = $(this).parents('.deskSetLi');
+ var ind = parents.attr('ind');
+ var txt = $(this).val();
+ if (txt.length == 0) {
+ layer.msg('桌面不能为空！');
+ $(this).focus();
+ return;
+ }
+ //ajax桌面的修改名称操作
+ var desktopId = parents.attr('desktopId');
+ if (desktopId != "" && desktopId != undefined) {
+ $.ajax({
+ url: "/SSOSystem/ModifyDesktop",
+ headers: { __RequestVerificationToken: $.lrToken },
+ data: { desktopId: desktopId, desktopName: txt },
+ type: "post",
+ dataType: "json",
+ success: function (res) {
+ if (res.code == 200) {
+ layer.msg('桌面名称修改成功！');
+ //操作成功后执行的代码开始
+ parents.find('.deskNameInput').removeClass('active').siblings('.deskNameTxt').find('b').html(txt);
+ $('.inSec3HeadTab[ind="' + ind + '"] .inSec3HeadTabTxt').html(txt);
+ //操作成功后执行的代码结束
+ }
+ else if (res.code == 400) {
+ layer.msg(res.info);
+ }
+ else if (res.code == 500) {
+ layer.msg('服务端异常，请联系管理员');
+ }
+ }
+ });
+ }
+ }).on('input', '.deskNameInput input', function () { //监听桌面名称表单input事件
+ var txt = $(this).val();
+ var len = txt.length;
+ if (len >= 8) {
+ len = 8;
+ $(this).val(txt.substring(0, 8))
+ }
+ $(this).siblings('span').html(len + '/8')
+ }).on('click', '.deskSetLiNew .deskName', function () {
+ $(this).parents('.deskSetLi').addClass('active');
+ }).on('click', '.desktopSet > img', function () {//点击桌面设置弹框右上角关闭按钮
+ $('.desktopSetBox').removeClass('active');
+ }).on('click', '.deskSetBtn', function () {//点击桌面设置弹框的完成按钮
+ $('.desktopSetBox').removeClass('active');
+ });
+ //点击桌面栏-设置按钮，显示桌面设置弹框
+ $('.inSec3Setting').on('click', function () {
+ deskNum();
+ $('.desktopSetBox').addClass('active');
+ });
+ //监听layer添加桌面弹框中表单的input事件
+ $(document).on('input', '.layerInput input', function () {
+ var txt = $(this).val();
+ var len = txt.length;
+ if (len >= 8) {
+ len = 8;
+ txt = txt.substring(0, 8);
+ }
+ if (len == 0) {
+ txt = '新建桌面';
+ }
+ $(this).val(txt);
+ });
+ //点击桌面栏-添加按钮，显示layer添加桌面弹框
+ $('.inSec3HeadAdd').on('click', function () {
+ var _this = $(this);
+ layer.open({
+ type: 1,
+ title: '命名桌面',
+ btnAlign: 'c',
+ content: htmlLayer,
+ area: ['300px', 'auto'],
+ btn: ['保存', '取消'],
+ yes: function (index, layero) {
+ //按钮【按钮一】的回调
+ desktopNew($('.layerInput input').val());
+ layer.close(index);
+ },
+ btn2: function (index, layero) {
+ //按钮【按钮二】的回调
+ //return false 开启该代码可禁止点击该按钮关闭
+ }
+ })
+
+ });
+ //桌面设置弹框中桌面的排序
+ //$('.deskSetList').sortable({
+ // opacity: 0.8,
+ // containment: '.deskSetList',
+ // handle: '.fa-navicon',
+ // // helper: 'clone',
+ // // scroll: false,
+ // cursor: "move",
+ // stop: function(event, ui) {
+ // //当排序停止时触发该事件。
+ // var ind = $('.inSec3HeadTab.active').attr('ind');
+ // $('.inSec3HeadTabBox').html('');
+ // $('.deskSetList .deskSetLi').each(function(i, n){
+ // var num = $(this).attr('ind');
+ // var txt = $(n).find('input').val();
+ // var className = $(n).find('.deskNameTxt span').length? 'newlyBuild' : '';
+ // var active = num == ind? 'active' : '';
+ // var html = ''+
+ // '
'+ txt +'
'+
+ // '
' + noCard + '
';
+ var htmlT = '' +
+ '
' + name + '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
' + name + '
' +
+ '
' +
+ '' +
+ '4/8' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
确认删除该桌面?' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
{b} : {d}({c}%)"
+ //console.log(n)
+ return n.name + '
' + n.value + '人' + '(' + n.percent + '%)'
+ }
+ },
+ // calculable: true,
+ series: [{
+ name: '教师学历比例',
+ type: 'funnel',
+ width: '100%',
+ height: '80%',
+ x: '0%',
+ y: '10%',
+ sort: 'ascending',
+ label: {
+ // show: false,
+ position: 'center'
+ },
+ labelLine: {
+ show: false,
+ },
+ color: ['#F6685E', '#ECBD02', '#67A0F5', '#198BE3', '#F6685E', '#DEBC03', '#0BB56C', '#CB1FA1'],
+ data: TeacherByHighestRecord
+ }]
+ };
+
+ // 使用刚指定的配置项和数据显示图表。
+ myChart6.setOption(option);
+ window.addEventListener("resize", function() {
+ myChart6.resize();
+ });
+}
+
+// 教师年龄比例
+function ageEchart() {
+ var myChart6 = echarts.init(document.getElementById('age'));
+
+ option = {
+ tooltip: {
+ trigger: 'item',
+ formatter: '{b} : {c}人 ({d}%)'
+ },
+ legend: {
+ // orient: 'vertical',
+ textStyle: { //图例文字的样式
+ color: '#424242',
+ fontSize: 10
+ },
+ left: 0,
+ bottom: 0,
+ itemWidth: 8,
+ itemHeight: 8,
+ data: ['20~30岁', '30~40岁', '40~50岁', '50~60岁', '60岁以上']
+ },
+ color: ['#00E7B9', '#7486F1', '#FCF13E', '#ECBD02', '#F6685E', '#DEBC03', '#0BB56C', '#CB1FA1'],
+ series: [{
+ name: '教师年龄比例',
+ type: 'pie',
+ radius: [30, 50],
+ center: ['55%', '50%'],
+ label: {
+ show: true
+ },
+ roseType: 'radius',
+ data: TeacherByAge
+ }]
+ };
+
+ // 使用刚指定的配置项和数据显示图表。
+ myChart6.setOption(option);
+ window.addEventListener("resize", function() {
+ myChart6.resize();
+ });
+}
+
+
+//课程总览
+function classEchart() {
+ // 基于准备好的dom，初始化echarts实例
+ var myChart3 = echarts.init(document.getElementById('class'));
+
+ option = {
+ tooltip: {
+ trigger: 'item',
+ formatter: '{b} : {c}'
+ },
+
+ series: [{
+ name: '课程分类',
+ type: 'pie',
+ radius: [42, 57],
+ center: ['50%', '50%'],
+ hoverAnimation: false,
+ zlevel: 2,
+ color: ['#59D078', '#8F66E1'],
+ data: LessonBySort
+ },
+ {
+ name: '课程类型',
+ type: 'pie',
+ radius: [70, 85],
+ center: ['50%', '50%'],
+ hoverAnimation: false,
+ color: ['#ECBD02', '#00E7B9'],
+ data: LessonByType
+ }
+ ]
+ };
+
+ // 使用刚指定的配置项和数据显示图表。
+ myChart3.setOption(option);
+ window.addEventListener("resize", function() {
+ myChart3.resize();
+ });
+}
+
+//专业总览
+function majorEchart() {
+ var myChart5 = echarts.init(document.getElementById('major'));
+
+ 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: StuByMajor
+ }, {
+ name: '班级总数',
+ type: 'pie',
+ radius: [50, 65],
+ center: ['17%', '50%'],
+ label: {
+ // show: true
+ show: false
+ },
+ color: ['#59D078', '#57C5F5', '#E7C900'],
+ // hoverAnimation: false,
+ data: [{
+ value: 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: ClassRoomTotalNum,
+ name: '教室总数',
+ }]
+ }, ]
+ };
+
+ // 使用刚指定的配置项和数据显示图表。
+ myChart5.setOption(option);
+ window.addEventListener("resize", function() {
+ myChart5.resize();
+ });
+}
+
+// 学生逃课预警
+function skipEchart() {
+ // 基于准备好的dom，初始化echarts实例
+ var myChart8 = echarts.init(document.getElementById('skipClass'));
+
+ option = {
+ tooltip: {
+ formatter: '{a} : {c}%'
+ },
+ series: [{
+ name: '学生逃课预警',
+ type: 'gauge',
+ radius: "70%",
+ center: ["50%", "50%"],
+ axisLine: {
+ show: true,
+ lineStyle: {
+ color: [ //表盘颜色
+ [0.6, "#0AB56B"], //0-50%处的颜色
+ [0.8, "#64CDFE"], //51%-70%处的颜色
+ [1, "#E44E4E"], //70%-90%处的颜色
+ ],
+ width: 15 //表盘宽度
+ }
+ },
+ splitLine: {
+ show: false,
+ },
+ axisLabel: {
+ show: true,
+ formatter: function(v) {
+ // console.log(v)
+ switch (v + '') {
+ case '30':
+ return '低';
+ case '70':
+ return '中';
+ case '90':
+ return '高';
+ }
+ },
+ distance: -50 //文字离表盘的距离
+ },
+ axisTick: {
+ show: false,
+ },
+ detail: {
+ formatter: "{score|{value}%}",
+ offsetCenter: [0, "80%"],
+ height: 30,
+ rich: {
+ score: {
+ fontSize: 16
+ }
+ }
+ },
+ data: [{
+ value: 5,
+ name: '',
+ label: {
+ textStyle: {
+ fontSize: 12
+ }
+ }
+ }]
+ }]
+ };
+
+ // 使用刚指定的配置项和数据显示图表。
+ myChart8.setOption(option);
+ window.addEventListener("resize", function() {
+ myChart8.resize();
+ });
+}
+
+// 学生成绩预警
+function achWarnEchart() {
+ var myChart5 = echarts.init(document.getElementById('achWarn'));
+
+ option = {
+ tooltip: {
+ trigger: 'item',
+ formatter: '{b} : {c}人({d}%)'
+ },
+ color: ['#EB5858', '#FB8383', '#FDACAC', '#FECACA', '#FFE2E2', '#DEBC03', '#0BB56C', '#CB1FA1'],
+ series: [{
+ name: '全校',
+ type: 'pie',
+ radius: [50, 60],
+ center: ['50%', '50%'],
+ label: {
+ // show: false
+ },
+ hoverAnimation: false,
+ data: StuScoreByMajor
+ }]
+ };
+
+ // 使用刚指定的配置项和数据显示图表。
+ myChart5.setOption(option);
+ window.addEventListener("resize", function() {
+ myChart5.resize();
+ });
+}
diff --git a/Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/indexData.js b/Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/indexData.js
new file mode 100644
index 000000000..82dfdc1b3
--- /dev/null
+++ b/Learun.Framework.Ultimate V7/Learun.Application.Web/Content/js/DragSSO/indexData.js
@@ -0,0 +1,91 @@
+var layer = null;
+var inSec3TabArr = [2, 3, 4];
+//inSec3TabArr.splice($.inArray(ind,inSec3TabArr),1);
+//最多新建3个桌面 2个默认桌面
+var desktopNum = 5;
+//没有卡片
+var noCard = '' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
从左侧选择需要的应用卡片
' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
暂时没有数据
' +
+ '
' +
+ '
' +
+ '
' +
+ '
办公事项' + id + '' +
+ '
' +
+ '
' +
+ '
'+ noHtml +'
' +
+ '
' +
+ '
