You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

92 lines
3.0 KiB

  1. var layer = null;
  2. var inSec3TabArr = [2, 3, 4];
  3. //inSec3TabArr.splice($.inArray(ind,inSec3TabArr),1);
  4. //最多新建3个桌面 2个默认桌面
  5. var desktopNum = 5;
  6. //没有卡片
  7. var noCard = '<div class="inSec3Col3" id="noHtml">' +
  8. '<div class="inSec3Box">' +
  9. '<div class="inSecT"></div>' +
  10. '<div class="inSec3Con">' +
  11. '<div class="noCard">' +
  12. '<div class="noCardImg"><img src="../../Content/images/DragSSO/right2.png" alt=""></div>' +
  13. '<div class="noCardTxt">从左侧选择需要的应用卡片</div>' +
  14. '</div>' +
  15. '</div>' +
  16. '</div>' +
  17. '</div>';
  18. //没有数据
  19. var noHtml = '<div class="noLogin">' +
  20. '<div class="noLoginImg"><img src="../../Content/images/DragSSO/noLogin.png" alt=""></div>' +
  21. '<div class="noLoginTxt">暂时没有数据</div>' +
  22. '</div>';
  23. //
  24. //添加桌面
  25. var htmlLayer = '<div class="layerInput"><input type="text" value="新建桌面"></div>';
  26. // 拖拽 排序 初始化
  27. function sortableInit() {
  28. $('.inSec3Row.active').sortable({
  29. opacity: 0.8,
  30. containment: '.inSec3Row.active',
  31. handle: '.inSecT',
  32. helper: 'clone',
  33. scroll: false,
  34. cursor: "move",
  35. stop: function (event, ui) {
  36. //当排序停止时触发该事件。
  37. serializes()
  38. },
  39. });
  40. cardData()
  41. }
  42. //当排序停止时触发该事件。
  43. function serializes() {
  44. var gg = $(".inSec3Row.active").sortable("serialize", {
  45. key: "sort"
  46. });
  47. //console.log(gg);//sort=1&sort=2&sort=3&sort=4&sort=5&sort=6&sort=7&sort=8&sort=9&sort=10&sort=11&sort=12&sort=13
  48. var result = gg.replace(/sort=/g, "").replace(/&/g, ",");
  49. //console.log(result);
  50. //ajax提交用户排序
  51. var desktopId = $('.inSec3HeadTabBox').find('.inSec3HeadTab.active').attr('desktopId');
  52. var modelCode = $('#ModelCode').val();
  53. var userId = $('#UserId').val();
  54. if (userId != "" && userId != undefined && desktopId != "" && desktopId != undefined && modelCode != "") {
  55. $.ajax({
  56. url: "/SSOSystem/SaveCardSort",
  57. headers: { __RequestVerificationToken: $.lrToken },
  58. data: { userId: userId, modelCode: modelCode, desktopId: desktopId, cardSort: result },
  59. type: "post",
  60. dataType: "json",
  61. success: function (res) {
  62. if (res.code == 200) {
  63. layer.msg('操作成功!');
  64. }
  65. else if (res.code == 400) {
  66. layer.msg(res.info);
  67. }
  68. else if (res.code == 500) {
  69. layer.msg('服务端异常,请联系管理员');
  70. }
  71. }
  72. });
  73. }
  74. }
  75. //初始化可用卡片
  76. function cardData() {
  77. $('.inSec1Drag .fa').removeClass('fa-minus').addClass('fa-plus');
  78. $('.inSec3Row.active > div').each(function (i, n) {
  79. var id = $(n).attr('id');
  80. if (id == 'noHtml') return
  81. id = id.split('_')[1];
  82. $('#' + id).find('.fa').removeClass('fa-plus').addClass('fa-minus');
  83. })
  84. }