board

VisualInspection/js/user/userManager.js

@@ -2,6 +2,7 @@ $(document).ready(function() {
 
     $("#main_content_title").html("用户管理")
 
+    $('#dashboard').dashboard({ draggable: true });
     var zTreeObj;
     // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
     var setting = {};
@@ -10,14 +11,14 @@ $(document).ready(function() {
             name: "test1",
             open: true,
             children: [
-                { name: "test1_1" }, { name: "test1_2" }
+                { name: "test1_1" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }
             ]
         },
         {
             name: "test2",
             open: true,
             children: [
-                { name: "test2_1" }, { name: "test2_2" }
+                { name: "test2_1" }, { name: "test2_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }, { name: "test1_2" }
             ]
         }
     ];
@@ -30,41 +31,43 @@ $(document).ready(function() {
         sortable: false,
         data: {
             cols: [{
-                width: 30,
+                width: 10,
                 text: '序号',
                 type: 'number',
                 flex: false,
                 colClass: 'text-center'
             }, {
-                width: 50,
+                width: 30,
                 text: '姓名',
-                type: 'date',
+                type: 'string',
                 flex: false,
-                sort: 'down'
+                sort: 'down',
+                colClass: 'text-center'
             }, {
-                width: 30,
+                width: 40,
                 text: '工号',
                 type: 'string',
                 flex: true,
-                colClass: ''
+                colClass: 'text-center'
             }, {
                 width: 80,
                 text: '手机号',
-                type: 'date',
+                type: 'string',
                 flex: false,
-                sort: 'down'
+                sort: 'down',
+                colClass: 'text-center'
             }, {
                 width: 80,
                 text: '角色',
                 type: 'string',
                 flex: true,
-                colClass: ''
+                colClass: 'text-center'
             }, {
                 width: 160,
                 text: '操作',
                 type: 'string',
                 flex: true,
-                colClass: ''
+                colClass: 'text-center'
             }],
             rows: [{
                 checked: false,
@@ -90,4 +93,7 @@ $(document).ready(function() {
             }]
         }
     });
+
+
+
 });

VisualInspection/view/user/userManager.html

@@ -1,32 +1,42 @@
+<link rel="stylesheet" type="text/css" href="/css/user/userManager.css?__inline">
+<script type="text/javascript" src="/node_modules/zui/dist/lib/dashboard/zui.dashboard.min.js?__inline"></script>
+<link rel="stylesheet" type="text/css" href="/node_modules/zui/dist/lib/dashboard/zui.dashboard.min.css">
 <script type="text/javascript" src="/js/user/userManager.js?__inline"></script>
 <div class="container-fluid ">
-    <div class="row">
-        <div class="col-md-3">
-            <div class="panel" data-id="1">
-                <div class="panel-heading">
-                    <span class="title">部门列表</span>
-                </div>
-                <div class="panel-body">
-                    <ul id="department_tree" class="ztree">
+    <div id="dashboard" class="dashboard dashboard-draggable" data-height="500">
+        <div class="row">
+            <div class="col-md-3">
+                <div class="panel" data-id="1">
+                    <div class="panel-heading">
+                        <span class="title">部门列表</span>
+                        <div class="panel-actions">
+                            <button type="button" class="btn" data-toggle="tooltip" title="添加"><i class="icon-plus"></i></button>
+                            <button type="button" class="btn" data-toggle="tooltip" title="编辑"><i class="icon-pencil"></i></button>
+                            <button type="button" class="btn" data-toggle="tooltip" title="删除"><i class="icon-trash"></i></button>
+                        </div>
+                    </div>
+                    <div class="panel-body">
+                        <ul id="department_tree" class="ztree">
 
-                    </ul>
+                        </ul>
+                    </div>
                 </div>
-            </div>
 
-        </div>
-        <div class="col-md-9">
-            <div class="panel" data-id="3">
-                <div class="panel-heading">
-                    <span class="title">人员详情</span>
-                </div>
-                <div class="panel-body no-padding">
-                    <div class="datatable" data-checkable="true" data-sortable="true"></div>
-                </div>
             </div>
+            <div class="col-md-9">
+                <div class="panel" data-id="3">
+                    <div class="panel-heading">
+                        <span class="title">人员详情</span>
+                        <div class="panel-actions">
+                            <button type="button" class="btn" data-toggle="tooltip" title="添加人员"><i class="icon-plus"></i></button>
+                        </div>
+                    </div>
+                    <div class="panel-body no-padding" style="padding:0">
+                        <div class="datatable" data-checkable="true" data-sortable="true"></div>
+                    </div>
+                </div>
 
+            </div>
         </div>
     </div>
-
-
-
 </div>