role

VisualInspection/js/role/role.js

@@ -45,6 +45,12 @@ $(document).ready(function () {
     }
 
 
+
+   $("#add_role_btn").on("click",function(){
+
+       $('#addRoleModal').modal('show');
+   })
+
 });
 
 

VisualInspection/view/role/addrole.html

@@ -0,0 +1,28 @@
+<!--<script type="text/javascript" src="/node_modules/zui/dist/lib/chosen/chosen.min.js?__inline">
+</script>
+<link rel="stylesheet" type="text/css" href="/node_modules/zui/dist/lib/chosen/chosen.min.css">
+<script type="text/javascript" src="/node_modules/zui/dist/lib/chosenicons/zui.chosenicons.min.js?__inline">
+</script>
+<link rel="stylesheet" type="text/css" href="/node_modules/zui/dist/lib/chosenicons/zui.chosenicons.min.css">-->
+<script type="text/javascript" src="/js/role/addrole.js?__inline"></script>
+<link rel="stylesheet" type="text/css" href="/css/role/addrole.css?__inline">
+
+
+<div class="container-fluid ">
+    <form class="form-horizontal">
+       
+
+        <div class="form-group">
+            <label for="exampleInputPassword4" class="col-sm-2">角色：</label>
+            <div class="col-md-6 col-sm-10">
+                <div id="role_select">角色</div>
+            </div>
+        </div>
+         <div class="form-group">
+            <label for="exampleInputAccount4" class="col-sm-2">权限：</label>
+            <div class="col-md-6 col-sm-10">
+                <input type="text" id="permission_mod" class="form-control" id="code_flag" placeholder="1-读写 2-读 3-删除 ">
+            </div>
+        </div>
+    </form>
+</div>

VisualInspection/view/role/role.html

@@ -16,7 +16,7 @@
         </div>
         <div class="col-md-6">
 
-            <button class="btn btn-primary" style="float:right" type="button">添加角色</button>
+            <button class="btn btn-primary" id="add_role_btn" style="float:right" type="button">添加角色</button>
 
         </div>
     </div>
@@ -27,4 +27,21 @@
          <div id='kkpager'></div>
      </div>
 
+</div>
+
+<div class="modal fade" id="addRoleModal">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
+                <h4 class="modal-title">添加角色</h4>
+            </div>
+            <div class="modal-body">
+                <link rel="import" href="/view/role/addrole.html?__inline">
+            </div>
+            <div class="modal-footer">
+                <button type="button" id="role_add_btn" class="btn btn-primary">保存</button>
+            </div>
+        </div>
+    </div>
 </div>