123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>角色互斥关系管理</title>
- <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/plugins/outdated/bootstrap-table/1.11.1/css/bootstrap-table.min.css">
- <link rel="stylesheet" href="/common-assets/css/outdated/page.css">
- <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>
- </head>
- <body class="pace-done gray-bg">
- <div class="container-fluid">
- <div class="wrapper-cont" id="roleMutexListContent" v-cloak>
- <div class="row">
- <div class="col-sm-12 col-lg-12">
- <div class="ibox">
- <div class="search-content">
- <div class="row">
- <div class="col-sm-12 col-lg-12">
- <form id="roleMutexSearchForm" modelAttribute="roleMutexGroup" class="form-horizontal">
-
- <div class="row">
- <div class="col-md-4 col-sm-4">
- <div class="form-group">
- <label class="col-md-4 col-sm-4 control-label">互斥类型</label>
- <div class="col-md-8 col-sm-8">
- <select name="type" id="roleMutexType" class="form-control input-sm">
- <option value=""> -- 选择角色互斥类型 -- </option>
- <option v-for="(param, index) in roleMutexTypeDict" :key="param.id"
- :value="param.paramCode">{{param.paramName}}
- </option>
- <!--<form:options items="${dw:getParamList('roleMutex_type')}"
- itemLabel="paramName" itemValue="paramCode"
- htmlEscape="false" />-->
- </select>
- </div>
- </div>
- </div>
-
- <div class="col-md-4 col-sm-4">
- <div class="form-group">
- <label class="col-md-4 col-sm-4 control-label">角色名称</label>
- <div class="col-md-8 col-sm-8">
- <input name="strRoleNames" id="strRoleNames" maxlength="32" class="form-control input-sm" placeholder="角色名称"/>
- </div>
- </div>
- </div>
- </div>
- </form>
- </div>
- </div>
- <div class="pull-right">
- <button class="btn btn-primary btn-sm " id="roleMutexSearchBtn" ><i class="fa fa-search"></i> 查询</button>
- <button class="btn btn-primary btn-outline btn-sm " id="roleMutexResetBtn" ><i class="fa fa-refresh"></i> 重置</button>
- <div id="toggleSeachFormBar" align="center" style="height:10px" class="fa"></div>
- </div>
- </div>
- <div class="ibox-content">
- <div class="row">
- <div class="col-lg-12">
- <!-- 工具栏 -->
- <div id="roleMutexTableToolbar" class="btn-group" role="group" :data-url-prefix="backendContext + '/sys/roleMutex'" data-java-class-name="roleMutex" data-function-name-simple="角色互斥关系">
- <button class="btn btn-outline btn-sm btn-default addBtn" data-event-trigger="addingRoleMutex" title="新增记录">
- <i class="fa fa-plus"></i>新增
- </button>
- <button class="btn btn-outline btn-sm btn-default deleteBtn" data-event-trigger="deletingRoleMutex" title="删除记录">
- <i class="fa fa-remove"></i>删除
- </button>
-
- <button class="btn btn-outline btn-sm btn-default viewBtn" data-event-trigger="viewingRoleMutex" title="查看明细">
- <i class="fa fa-newspaper-o"></i>查看
- </button>
- <!-- <button class="btn btn-outline btn-sm btn-default exportBtn" data-event-trigger="exportingRoleMutex" title="导出">
- <i class="ace-icon glyphicon glyphicon-list-alt align-top bigger-125"></i>导出
- </button> -->
- </div>
-
-
- <!-- 表格, 设置sortName保证翻页数据正确,如需其他字段请自行修改-->
- <table id="roleMutexTable" data-id-field="id" data-toggle="table" data-cache="false" data-striped="true"
- data-side-pagination="server" data-pagination="true" data-click-to-select="true" data-page-size="5" data-page-list="[5,10,15,20]"
- data-show-columns="true" data-toolbar="#roleMutexTableToolbar"
- data-buttons-class="default btn-sm" data-minimum-count-columns="2" data-data-field="list" data-total-field="count">
- <thead>
- <tr>
- <!--<th data-field="version" class="hidden"></th>-->
- <th data-checkbox="true">选择框</th>
- <!-- <th data-field="id" data-align="center" data-vlign="middle" data-sortable="true"
- >id</th> -->
- <th data-field="type" data-align="center" data-vlign="middle" data-sortable="false"
- data-formatter="dictsFormatter"
- >互斥类型</th>
- <th data-field="displayRoleNames" data-align="center" data-vlign="middle" data-sortable="false"
- >角色名称</th>
- <th data-field="operate" data-align="center" data-vlign="middle" data-sortable="false"
- data-formatter="operateFormatter" data-events="operateEvents">操作</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- <script src="/common-assets/js/project.config.js"></script>
- <script src="/common-assets/js/outdated/common.js"></script>
- <!-- 本页面对应JS-->
- <script src="../static/js/roleMutexList.js"></script>
- </html>
|