zdxtEmergencySmallProgram/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/static/index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>智慧应急管理云平台</title>
<link href="css/main/main.css" rel="stylesheet" type="text/css" />

  <link rel="stylesheet" href="dist/css/AdminLTE.min.css">
  <link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
  <link rel="stylesheet" href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">

  <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <link href="ruoyi/css/ry-ui.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="lobipanel/css/lobipanel.css" />

</head>

<body>
<div class="mainwrap">
  <div class="mright">
    <div class="mrt1">
      <div class="cont_sub">
        <div class="cont_tit box-header">
          <h3><span class="box-title"><i class="fa fa-pencil-square" onclick="$indexUtil.addUseMemu()" style="cursor: pointer;"></i> 常用功能</span>
            <span class="tabmc" id="list_mark">
            </span>
<!--            <a class="use-add" onclick="$indexUtil.addUseMemu()"><i class="fa fa-plus" ></i>添加</a>-->
            <div class="bs-bars pull-left" style="margin-left: 2rem;"><div class="btn-group-sm" id="toolbar" role="group">
              <a class="btn btn-success" onclick="$indexUtil.addUseMemu()">
                <i class="fa fa-plus"></i> 添加
              </a>
            </div></div>
          </h3>
        </div>
        <div class="contsty" style="display: block;" id="settingList">
        </div>
      </div>
    </div>
    <div id="lobipanel">
      <div class="container" style="width: 100%;padding-left: 10px;padding-right: 10px">
        <!--Examples-->
        <div id="lobipanel-examples">
          <!--Multiple lobiPanels-->
          <div id="lobipanel-multiple">
            <div class="bs-example">
              <div class="row">
                <div id="lobipanel-left" class="col-md-6 lobipanel-parent" style="height: 200px;" inner-id="2">
                  <!--<div id="lobipanel-from-url" class="panel panel-success" data-load-url="/eveDutyInfo/info" data-autoload="true">
                    <div class="panel-heading"></div>
                    <div class="panel-body" style="height: 400px; overflow: auto;"></div>
                  </div>-->
                  <div class="panel eable" data-eable="false" ></div>
                </div>
                <div id="lobipanel-right" style="height: 200px;" class="col-md-6">
                  <div class="panel eable"  data-eable="false" ></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="project/index/index.js"></script>
<script src="lobipanel/js/lobipanel.js"></script>
<script>


    $(function(){
        $('#list_mark').on("click",'em',function (e) {
            var i=$(this).attr("d-index");
            $(this).addClass('emon').siblings().removeClass('emon');
            $('.cycut').eq(i).css('display','block').siblings('.cycut').css('display','none');
        })


        $('.contsty').on("mouseenter",'span',function(e){
            var key=e.which;//获取鼠标键位
                // var x=e.clientX;
                // var y=e.clientY;
                $("#guid").val($(this).attr("guid"));
                $(this).find("div").show();
        });

        $('.contsty').on("mouseleave",'span',function(e){
            $(this).find("div").hide();
        });

        // 获取功能列表
        $indexUtil.getUseSettings();
        //获取用户自定义模板
        $indexUtil.getUseModelSettings(function (){
          $('#lobipanel-multiple').find('.panel').lobiPanel({
           sortable: true,
           beforeTitleChange: function (lobiPanel, title) {
             if (!title) {
               return false;
             }
           },
           closeCallBack: function (lobiPanel){
             var id = lobiPanel.$el[0].getAttribute("data-id")
             removeModel(id);
           },
           changCallBack: function (node){
             var $parents = $('.lobipanel-parent-sortable');
             var a = null;
             var data = [];
             $parents.each(function(index,parent){
               var child = $(parent).find(".panel")
               var id = $(parent)[0].getAttribute("id");
               if(id.indexOf("left") != -1){ a = 0 }else if(id.indexOf("right") != -1){ a = 1 }
               child.each(function (index,content){
                 var checkNode = $(content)[0]
                 var flag = checkNode.getAttribute("data-eable")
                 if(flag == "true"){
                   checkNode.setAttribute("data-orientation",a)
                   var obj = {"sysModelId":checkNode.getAttribute("data-id"),"orientation":a,"sort":index};
                   data.push(obj);
                 }
               })
             })
             moveModel(data)
           }
         });
        });
        var eable = document.getElementsByClassName("eable");
        for (var i = 0; i < eable.length; i++) {
          $(eable[i]).attr("style","display:none;");
        }
      var pc = new RTCPeerConnection();
      console.log(pc)

    })
    function removeModel(id){
      var config = {
        url: "/system/model/user/remove",
        type: "POST",
        dataType: "json",
        data: {
          "modelIds": id
        },
        success: function(result) {}
      };
      $.ajax(config)
    }

    /**
     * 模块移动
     * @param id
     */
    function moveModel(arr){
      var res = JSON.stringify(arr);
      console.log(res)
      var config = {
        url: "/system/model/user/moveModel",
        type: "POST",
        async: false,
        data: {
          "json" : res
        },
        dataType: "json",
        success: function(result) {}
      };
      $.ajax(config)
    }

</script>

<script type="text/javascript" src="ruoyi/js/common.js?v=4.1.0"></script>
<script src="ajax/libs/blockUI/jquery.blockUI.js"></script>
<script type="text/javascript" src="ruoyi/js/zdxtUtil.js?v=4.1.0"></script>
<script src="ajax/libs/layer/layer.min.js"></script>
<script src="ajax/libs/layui/layui.js"></script>

<script src="ajax/libs/jquery-ui-1.11.4/jquery-ui.min.js"></script>
<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script src="plugins/fastclick/fastclick.min.js"></script>
<script src="dist/js/app.min.js"></script>
<script src="dist/js/pages/dashboard.js"></script>
<script src="lobipanel/js/lobipanel.js"></script>

<style type="text/css">

  #container{
    width: 100% !important;
  }
  .eable{
    display: none !important;
  }
</style>
</body>
</html>