考核办法管理

VisualInspection/js/assess_management/assess_item.js

@@ -0,0 +1,61 @@
+$(document).ready(function() {
+
+    // 使用data参数更新数据：
+    $('.datatable').datatable( {
+        checkable:false,
+        sortable:false,
+        data: {
+            cols: [
+                {width: 30, text: '序号', type: 'number', flex: false, colClass: 'text-center'},
+                {width: 160, text: '考核办法', type: 'date', flex: false, sort: 'down'},
+                {width: 80, text: '被考核部门', type: 'string', flex: true, colClass: ''},
+                {width: 80, text: '被考核职位', type: 'date', flex: false, sort: 'down'},
+                {width: 80, text: '被考核人员', type: 'string', flex: true, colClass: ''},
+                {width: 80, text: '考核项', type: 'date', flex: false, sort: 'down'},
+                {width: 80, text: '操作', type: 'string', flex: true, colClass: ''},
+            ],
+            rows: [
+                {checked: false, data: [1, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">92项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                {checked: false, data: [2, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                {checked: false, data: [3, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                {checked: false, data: [4, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                {checked: false, data: [5, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                {checked: false, data: [6, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                {checked: false, data: [7, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                {checked: false, data: [8, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+            ]
+        }
+    });
+
+    // data tree
+    var myTreeData = [{
+        title: '<div>坚果</div>',
+    },
+        {
+        title: '水果',
+        open: true,
+        children: [
+            {title: '橘子'},
+            {
+                title: '瓜',
+                children: [
+                {title: '西瓜'},
+                {title: '黄瓜'}
+                ]
+            }
+        ]
+    }, {
+        title: '坚果',
+         open: true,
+        children: [
+            {title: '向日葵'},
+            {title: '瓜子'}
+        ]
+    }, {
+        title: '蔬菜',
+         open: true,
+    }];
+
+    $('#myTree').tree({data: myTreeData});
+
+});

VisualInspection/js/assess_management/assess_way.js

@@ -0,0 +1,31 @@
+
+$(document).ready(function() {
+
+    // 使用data参数更新数据：
+        $('.datatable').datatable( {
+            checkable:false,
+            sortable:false,
+            data: {
+                cols: [
+                    {width: 30, text: '序号', type: 'number', flex: false, colClass: 'text-center'},
+                    {width: 160, text: '考核办法', type: 'date', flex: false, sort: 'down'},
+                    {width: 80, text: '被考核部门', type: 'string', flex: true, colClass: ''},
+                    {width: 80, text: '被考核职位', type: 'date', flex: false, sort: 'down'},
+                    {width: 80, text: '被考核人员', type: 'string', flex: true, colClass: ''},
+                    {width: 80, text: '考核项', type: 'date', flex: false, sort: 'down'},
+                    {width: 80, text: '操作', type: 'string', flex: true, colClass: ''},
+                ],
+                rows: [
+                    {checked: false, data: [1, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">92项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                    {checked: false, data: [2, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                    {checked: false, data: [3, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                    {checked: false, data: [4, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                    {checked: false, data: [5, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                    {checked: false, data: [6, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                    {checked: false, data: [7, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                    {checked: false, data: [8, '收费站收费员视频考核管理办法','收费站','收费员','所有收费员','<a href="#">82项</a>','<a href="#"><i class="icon icon-remove-circle"></i> 删除</a>']},
+                ]
+            }
+        });
+
+});

VisualInspection/view/assess_management/assess_item.html

@@ -12,41 +12,75 @@
 <body>
     <link rel="import" href="/view/common/head.html?__inline">
 
-
-
-
-    <div id="main" class="container-fluid main">
-        <div class="row">
-            <div class="col-md-2" style="background: #328dc7;padding-right:0;z-index: 11;">
-                <div id="mum_left" class="mum_left">
-                    <link rel="import" href="/view/mum.html?__inline">
+        <!--考核项 s-->
+        <div id="main" class="container-fluid main">
+            <div class="row">
+                <div class="col-md-2" style="background: #328dc7;padding-right:0;z-index: 11;">
+                    <div id="mum_left" class="mum_left">
+                        <link rel="import" href="/view/mum.html?__inline">
+                    </div>
                 </div>
-            </div>
-            <div class="col-md-10">
-                <div id="mum_right" class="mum_right">
+                <div class="col-md-10">
+                    <div id="mum_right" class="mum_right">
 
-                    <div class="panel">
-                        <div class="panel-heading">
-                            <ol class="breadcrumb" style="margin-bottom: 0;">
-                                <li><a href="your/url/">视频稽查</a></li>
-                                <li><a href="your/url/">已稽查</a></li>
-                                <li class="active">稽查详情</li>
-                            </ol>
-                        </div>
-                        <div class="panel-body" id="main_content">
-                            <link rel="import" href="/view/constant/constant.html?__inline">
+                        <div class="panel">
+                            <div class="panel-heading">
+                                <ol class="breadcrumb" style="margin-bottom: 0;">
+                                    <li><a href="your/url/">考核办法管理</a></li>
+                                    <li class="active">考核项</li>
+                                </ol>
+                            </div>
+                            <div class="panel-body" id="main_content">
+                                <!-- 考核办法 start -->
+                                <div class="container-fluid ">
+                                        <div class="row">
+                                            <div class="col-xs-3">
+                                                <div class="input-group">
+                                                    <span class="input-group-addon">关键词</span>
+                                                    <input class="form-control form-focus" autofocus type="text" placeholder="请输入关键词">
+                                                </div>
+                                            </div>
+                                            
+                                            <div class="col-xs-3">
+                                                <div class="input-group">
+                                                    <button class="btn btn-primary " type="button">查询</button>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <hr>
+                                        <div class="row">
+                                            <div class="col-sm-12" style="text-align:center;">
+                                                <span style="font-size:18px;">收费站收费员视频考核管理办法</span>
+                                            </div>
+                                        </div>
+                                        <hr>
+                                        <div class="row">
+                                            <div class="col-sm-offset-3 col-sm-3">
+                                                 <ul class="tree tree-lines" id="myTree">
+                                                    ...
+                                                </ul>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-sm-1 col-sm-offset-5">
+                                                <button type="submit" class="btn btn-info">保存</button>
+                                            </div>
+                                            <div class="col-sm-1">
+                                                <button type="submit" class="btn btn-info">取消</button>
+                                            </div>
+                                        </div>
+                                </div>
+                                <!-- 考核办法  end -->          
+                            </div>
                         </div>
                     </div>
-
                 </div>
-
             </div>
-
         </div>
-    </div>
+        <!--考核项 e-->
 
     <link rel="import" href="/view/common/foot.html?__inline">
-    <script src="/js/main.js"></script>
+    <script src="/js/assess_management/assess_item.js"></script>
 </body>
 
 

VisualInspection/view/assess_management/assess_way.html

@@ -59,7 +59,7 @@
 
                                         <div class="row">
                                             <!-- 使用一个div来显示数据表格 -->
-                                            <div class="datatable" data-checkable="true" data-sortable="true"></div 
+                                            <div class="datatable" data-checkable="true" data-sortable="true"></div>
                                         </div>
                                         <div class="row" style="text-align:center">
                                             <ul class="pager center-block">
@@ -82,10 +82,40 @@
                                             <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>
+                                            <h4 class="modal-title">添加考核办法</h4>
                                         </div>
                                         <div class="modal-body">
-                                            <link rel="import" href="/view/constant/add.html?__inline">
+                                               <!-- 添加对话框 -->
+                                                <div class="container-fluid ">
+                                                    <form class="form-horizontal">
+                                                        <div class="form-group">
+                                                            <label for="exampleInputAccount4" class="col-sm-offset-1 col-sm-2">考核办法</label>
+                                                            <div class="col-md-6 col-sm-8">
+                                                            <input type="text" class="form-control" id="flag_name" placeholder="考核办法">
+                                                            </div>
+                                                        </div>
+                                                        <div class="form-group">
+                                                            <label for="exampleInputPassword4" class="col-sm-offset-1 col-sm-2">考核对象</label>
+                                                            <div class="col-md-3 col-sm-4">
+                                                                <select type="text" class="form-control" >
+                                                                    <option>请选择</option>
+                                                                </select>
+                                                            </div>
+                                                             <div class="col-md-3 col-sm-4">
+                                                                <select type="text" class="form-control" >
+                                                                    <option>请选择</option>
+                                                                </select>
+                                                            </div>
+                                                        </div>
+                                                      
+                                                        <div class="form-group">
+                                                            <div class="col-sm-offset-3 col-sm-8">
+                                                            <button type="submit" class="btn btn-info">保存</button>
+                                                            </div>
+                                                        </div>
+                                                        </form>
+                                                </div>
+                                               <!--添加对话框结束-->
                                         </div>
                                         </div>
                                     </div>
@@ -102,7 +132,8 @@
     </div>
 
     <link rel="import" href="/view/common/foot.html?__inline">
-    <script src="/js/main.js"></script>
+    <!--<script src="/js/main.js"></script>-->
+    <script src="/js/assess_management/assess_way.js?_inline"></script>
 </body>