sunwei
/
tongyu_leader


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
							<%--
  Created by IntelliJ IDEA.
  User: huang
  Date: 2020/2/18
  Time: 16:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
    <title>用户选择</title>
    <meta name="decorator" content="ani"/>
    <%@ include file="/webpage/include/bootstraptable.jsp"%>
    <%@include file="/webpage/include/treeview.jsp" %>
    <script type="text/javascript">
        $(document).ready(function() {
            var isParty = ${isParty}
            var url = isParty ? "${ctx}/leader/info/leaderInfo/data" : "${ctx}/leader/cadre/leaderCadre/data?duties=4"
            //bootstrap treeview初始化
            $('#jstree').jstree({
                'core' : {
                    "multiple" : false,
                    "animation" : 0,
                    "themes" : { "variant" : "large", "icons":true , "stripes":true},
                    'data' : {
                        "url" : "${ctx}/leader/org/leaderOrgNo/treeData",
                        "dataType" : "json" // needed only if you do not supply JSON headers
                    }
                },
                "conditionalselect" : function (node, event) {
                    return false;
                },
                'plugins' : ['types', 'wholerow'],
                "types":{
                    'default' : { 'icon' : 'fa fa-folder' },
                    '1' : {'icon' : 'fa fa-home'},
                    '2' : {'icon' : 'fa fa-umbrella' },
                    '3' : { 'icon' : 'fa fa-group'},
                    '4' : { 'icon' : 'fa fa-file-text-o' }
                }

            }).bind("activate_node.jstree", function (obj, e) {
                // 处理代码
                // 获取当前节点
                var treeNode = e.node;
                var id = treeNode.id == '0' ? '' :treeNode.id;
                if(isParty){//level=0 代表公司
                    $("#lead").val(id);
                }else{
                    $("#villageId").val(id);
                }

                $('#table').bootstrapTable('refresh');
            }).on('loaded.jstree', function() {
                //$("#jstree").jstree('open_all');
            });


            //初始化表格
            $('#table').bootstrapTable({

                //请求方法
                method: 'post',
                //类型json
                dataType: "json",
                contentType: "application/x-www-form-urlencoded",
                //是否显示行间隔色
                striped: true,
                //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                cache: false,
                //是否显示分页（*）
                pagination: true,
                //排序方式
                sortOrder: "asc",
                //初始化加载第一页，默认第一页
                pageNumber:1,
                //每页的记录行数（*）
                pageSize: 5,
                //可供选择的每页的行数（*）
                pageList: [5, 10,  'ALL'],
                //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
                url: url,
                //默认值为 'limit',传给服务端的参数为：limit, offset, search, sort, order Else
                //queryParamsType:'',
                ////查询参数,每次调用是会带上这个参数，可自定义
                queryParams : function(params) {
                    var searchParam = $("#searchForm").serializeJSON();
                    searchParam.pageNo = params.limit === undefined? "1" :params.offset/params.limit+1;
                    searchParam.pageSize = params.limit === undefined? -1 : params.limit;
                    searchParam.orderBy = params.sort === undefined? "" : params.sort+ " "+  params.order;
                    return searchParam;
                },
                //分页方式：client客户端分页，server服务端分页（*）
                sidePagination: "server",
                onClickRow: function(row, $el){
                },
                columns: [{
                    radio: true
                }, {
                    field: 'name',
                    title: '姓名',
                    sortable: true
                }, /*{
				        field: 'phone',
				        title: '电话',
				        sortable: true
				    }, {
				        field: 'mobile',
				        title: '手机',
				        sortable: true
				    }, {
				        field: 'company.name',
				        title: '归属公司'
				    },*/ {
                    field: 'allName',
                    title: '归属部门'
                }]

            });


            if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){//如果是移动端，默认关闭tab
                $('#table').bootstrapTable("toggleView");
            }

            $('#table').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
                'check-all.bs.table uncheck-all.bs.table', function () {
                $('#remove').prop('disabled', ! $('#table').bootstrapTable('getSelections').length);
                $('#edit').prop('disabled', $('#table').bootstrapTable('getSelections').length!=1);
            });


            $("#search").click("click", function() {// 绑定查询按扭
                $('#table').bootstrapTable('refresh');
            });
            $("#reset").click("click", function() {// 绑定查询按扭
                if(isParty){
                    $("#lead").val("1");
                }else {
                    $("#villageId").val("1");
                }
                $("#searchForm  input").val("");
                $("#searchForm  select").val("");
                $('#table').bootstrapTable('refresh');
            });


        });

        function getIdSelections() {
            return $.map($("#table").bootstrapTable('getSelections'), function (row) {
                return row.id
            });
        }

        function getNameSelections() {
            return $.map($("#table").bootstrapTable('getSelections'), function (row) {
                return row.name
            });
        }
        function getLoginNameSelections() {
            return $.map($("#table").bootstrapTable('getSelections'), function (row) {
                return row.loginName
            });
        }
        function getSelections() {
            return $.map($("#table").bootstrapTable('getSelections'), function (row) {
                return row
            });
        }

    </script>
</head>
<body class="bg-white">

<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-sm-6 col-md-2" style="width: 30%;height:450px;overflow: auto;overflow-x:auto;">
            <div id="jstree"></div>
        </div>
        <div  class="col-sm-5 col-md-10 animated fadeInRight" style="width: 70%;">
            <!-- 搜索框-->
            <div class="accordion-group">
                <div id="collapseTwo" class="accordion-body">
                    <div class="accordion-inner">
                        <form id="searchForm" class="form form-horizontal well clearfix" >
                            <input type="hidden" id="companyId" name="company.id"/>
                            <c:if test="${isParty}">
                                <input type="hidden" id="lead" name="lead"/>
                            </c:if>
                            <c:if test="${!isParty}">
                                <input type="hidden" id="villageId" name="villageId"/>
                            </c:if>
                            <div class="col-sm-4">
                                <label class="label-item single-overflow pull-left" title="姓名：">姓名：</label>
                                <input type="text" name="name" maxlength="100"  class=" form-control"/>
                            </div>
                            <div class="col-sm-4">
                                <div style="margin-top:26px">
                                    <a  id="search" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i class="fa fa-search"></i> 查询</a>
                                    <a  id="reset" class="btn btn-primary btn-rounded  btn-bordered btn-sm" ><i class="fa fa-refresh"></i> 重置</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div><!-- 搜索框结束 -->

            <!-- 表格 -->
            <table id="table"
                   data-toolbar="#toolbar"
                   data-minimum-count-columns="2"
                   data-id-field="id">
            </table>

        </div>
    </div>
</div>
</body>
</html>