zhaohurui
/
Jeff.RFID.UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
							<!--<%@ page contentType="text/html;charset=UTF-8"%>-->
<!DOCTYPE html>
<html>
<head>
    <title>账户角色分配</title>
    <!--<%@ include file="/webpage/include/headinspinia.jsp"%>-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet"
          href="/common-assets/plugins/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/common-assets/css/outdated/style.css"/>

    <link rel="stylesheet"
          href="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.min.css"/>
    <link rel="stylesheet"
          href="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.css"/>
    <link rel="stylesheet" href="/common-assets/plugins/outdated/icheck/custom.css"/>

    <script src='/common-assets/js/jquery-2.1.1.js'></script>

    <script src="/common-assets/js/outdated/bootstrap.min.js"></script>
    <script src="/common-assets/js/outdated/jquery.form-3.51.0.min.js"></script>

    <script src="/common-assets/plugins/layer/3.0.3/layer.js"></script>

    <script src="/common-assets/plugins/outdated/pace/pace.min.js"></script>
    <script src="/common-assets/plugins/outdated/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.js"></script>
    <script src="/common-assets/plugins/outdated/jquery-validation/jquery.validate-1.11.1.min.js"></script>
    <script src="/common-assets/plugins/outdated/jquery-validation/localization/messages_zh.js"></script>
    <script src="/common-assets/plugins/outdated/icheck/icheck.min.js"></script>
    <script src="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.js"></script>
    <script src="/common-assets/plugins/dotize/dotize.js"></script>
    <script src="/common-assets/js/promise-polyfill.min.js"></script>
    <!-- 开发阶段使用vue.js以获取编译信息 -->
    <script src="/common-assets/plugins/vue/2.5.17/vue.min.js"></script>
    <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
    <!-- 引入组件库 -->
    <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="/common-assets/css/outdated/page.css">
    <!--找不到文件-->
    <link rel="stylesheet"
          href="/common-assets/plugins/outdated/bootstrap-duallistbox/css/bootstrap-duallistbox.min.css">

    <link rel="stylesheet"
          href="/common-assets/plugins/outdated/bootstrap-table/1.11.1/css/bootstrap-table.min.css">
    <!--找不到文件-->
    <script
            src="/common-assets/plugins/outdated/bootstrap-duallistbox/js/jquery.bootstrap-duallistbox.min.js"></script>

    <script
            src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table.min.js"></script>
    <script
            src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table-zh-CN.min.js"></script>
    <script>
      function getUrlParamString (name) {
        var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)')
        var r = window.location.search.substr(1).match(reg)
        if (r != null) return unescape(r[2])
        return null
      }

      var orgId = getUrlParamString('orgId')
      var userId = getUrlParamString('userId')
    </script>
    <script src="/common-assets/js/project.config.js"></script>
    <script src="/common-assets/js/outdated/common.js"></script>
</head>
<body class="pace-done white-bg">
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-12  col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title ">
                    <h5>角色分配</h5>
                    <div class="ibox-tools">
                        <select id="select_appId"></select> <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    </div>
                </div>
                <div class="ibox-content" id="assignRoleIbox">
                    <div class="row">

                        <div class="col-sm-12">
                            <div class="form-group">
                                <div class="col-sm-2"></div>
                                <div class="col-sm-8">
                                    <select id="userRights" name="userRights" multiple="multiple">
                                    </select>
                                </div>
                                <div class="col-sm-2"></div>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
  var userListContentVm = new Vue({
    el: '#userListContent',
    data: function () {
      return {
        /**
         * 页面加载状态
         */
        pageLoading: true,
        /**
         * 页面字典列表
         */
        pageDictMap: {},
      }
    },
    computed: {},
    methods: {},
    created: function () {

    },
    mounted: function () {
      initConfig(function () {
        // 初始化appId
        $.ajax({
          cache: false,
          type: 'GET',
          dataType: 'json',
          async: false,
          headers: {
            Authorization: 'Bearer ' + auth,
          },
          url: WEB_ROOT + '/sys/app/getAppList?random=' + new Date(),
          error: function () {
            toastr.error('请求失败')
          },
          success: function (result) {
            var data = result.list
            var appIds = data.map(function (item) {
              return item.id
            })
            var appNames = data.map(function (item) {
              return item.appName
            })
            $select_appId = $('#select_appId')
            for (var i = 0; i < data.length; i++) {
              $select_appId.append('<option value=\'' + data[i].id + '\'>' + data[i].appName
                + '</option>')
            }
            $select_appId.val('1')
            //初始化多选框
            initRole($select_appId.val())
          },
        })
      })
      //滚动条
      $('.container-fluid').slimScroll({
        height: '100%',
        railOpacity: 0.9,
      })
    },
  })

  function initRole (appId) {
    var roleUrl = WEB_ROOT + '/sys/user/getUserAssignRole?orgId=' + orgId + '&userId=' + userId
      + '&appId=' + appId
    loadUserRights(roleUrl)
  }

  $select_appId = $('#select_appId')
  $select_appId.change(function () {
    //var appId=$(this).children('option:selected').val();// 这就是selected的值
    var appId = $select_appId.val()
    initRole(appId)

  })

  function loadUserRights (rightsUrl) {
    $('#userRights').load(rightsUrl, function (response, status, xhr) {
      if (status == 'error') {
        var msg = '请求失败！'
        toastr.error(msg)
      }

      $('#userRights').bootstrapDualListbox({
        nonSelectedListLabel: '可选择的角色',
        selectedListLabel: '已选择的角色',
        infoText: '共{0}个角色',
        filterPlaceHolder: '过滤',
        filterTextClear: '选择全部',
        infoTextEmpty: '空',
        infoTextFiltered: '{1}个中的{0}个',
      })
      $('#userRights').bootstrapDualListbox('refresh')
    })
  }

  //确认自定义js
  function doSubmit (callback) {

    var appId = $('#select_appId').val()
    var rolesArry = $('#userRights').val()

    var roles = null
    if (rolesArry != null) {
      roles = rolesArry.join(',')
    }
    var idx = layer.load(1, {
      shade: [0.4, '#FFF'],
    })

    $.ajax({
      url: WEB_ROOT + '/sys/user/saveAssignRole',
      data: JSON.stringify({
        'appId': appId,
        'userId': userId,
        'roles': roles,
      }),
      // cache : false,
      type: 'post',
      dataType : 'json',
      contentType: 'application/json',
      success: function (data) {
        layer.close(idx)
        if (data.type === 'success') {
          callback(data)
        } else {
          toastr.error(data.message)
        }
      },
      error: function () {
        layer.close(idx)
        toastr.error('服务器内部错误,请稍后重试!')
      },
    })
  }
</script>
</body>
</html>