123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164 |
- <!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>
- <style type="text/css">
- #roleToChose{
- border: solid 1px grey;
- height:250px;
- }
- #roleChosen{
- border: solid 1px grey;
- height:250px;
- }
- #operation{
- text-align: center;
- padding-top:50px;
- }
- #operation button{
- display: block;
- width:100%;
- margin-top: 50px;
- }
- </style>
- </head>
- <body class="pace-done gray-bg">
- <form id="roleMutexForm" modelAttribute="roleMutexGroup"
- :action="WEB_ROOT + '/sys/roleMutex/save'" method="post" v-cloak
- class="form-horizontal">
- <input type="hidden" name="id" id="id" v-model="entity.id"/>
- <table class="table table-bordered">
- <tbody>
- <tr>
- <td class="col-sm-2 active"><label
- class="control-label pull-right">互斥类型</label></td>
- <td class="col-sm-4">
- <div class="input-group">
- <select id="type" name="type" v-model="entity.type"
- :disabled="editType !== 'add'" class="form-control required ">
- <option value=""> -- 选择角色互斥类型 -- </option>
- <option v-for="param 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>
- </td>
-
- <td class="col-sm-2 active"><label
- class="control-label pull-right">子系统名称</label></td>
- <td class="col-sm-4">
- <!--<input type="hidden" name="appId" id="appId" v-model="entity.appId"/>-->
- <select id="appId" name="appId" class="form-control required" v-model="entity.appId"
- :disabled="editType !== 'add'">
- <option value=""> -- 选择子系统名称 -- </option>
- </select>
- </td>
- </tr>
- <tr>
- <td class="col-sm-2 active"><label
- class="control-label pull-right">互斥分组描述</label></td>
- <td class="col-sm-4">
- <input name="groupDesc" id="groupDesc" v-model="entity.groupDesc"
- maxlength="60" class="form-control required "
- :disabled="editType === 'view'" />
- </td>
-
- <td class="col-sm-2 active"></td>
- <td class="col-sm-4"></td>
- </tr>
- <!-- <tr>
- <td class="col-sm-2 active"><label
- class="control-label pull-right">互斥角色</label></td>
- <td class="col-sm-10">
- <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-5">
- <h3>可选角色:</h3>
- <div id="roleToChose">
-
- </div>
-
- </div>
- <div id="operation" class="col-sm-2">
- <button>Add ></button>
- <button>< Remove</button>
- </div>
- <div class="col-sm-5">
- <h3>已选角色:</h3>
- <div id="roleChosen">
-
- </div>
- </div>
- </div>
-
- </div>
- </div>
- </td>
- </tr> -->
- </tbody>
- </table>
- </form>
- </body>
- <script src="/common-assets/js/project.config.js"></script>
- <script src="/common-assets/js/outdated/common.js"></script>
- <!-- 本页面对应JS-->
- <script src="../static/js/roleMutexForm.js"></script>
- </html>
|