@{
    ViewBag.Title = "Form";
    Layout = "~/Views/Shared/_Form.cshtml";
}
<link href="~/Content/css/CommonReport/CommonReport.css" rel="stylesheet" />
<script src="~/Content/js/CommonReport/CommonReport.js"></script>
<link href="~/Content/css/bootstrap/bootstrap-select.css" rel="stylesheet" />
<script src="~/Content/js/bootstrap/bootstrap-select.min.js"></script>

<script>
    
    var _MenuID = $.request("MenuID");
    var _IsCommon = $.request("IsCommon");
    var _Cols = $.request("Cols");
   

    $(function () {
        $('#Select_Roles').selectpicker({ 'deselectAllText': '不选', 'selectAllText': '全选' });
        $('#Select_cols').selectpicker({ 'deselectAllText': '不选', 'selectAllText': '全选' });
        GetRoles();
         
        
      
        if (_IsCommon == "Y") {

            //通用报表列取列设置中的列
            GetColsFiledName();
        }
        else {
            GetColsByCols();
        }
        gridList();
        $(window).resize(function () {

            $("#gridList").setGridWidth($(window).width() * 0.99);
            $("#gridList").setGridWidth(document.body.clientWidth * 0.99);
            $("#gridList").setGridHeight($(window).height() - 96);
            $("#gridList").setGridHeight(document.body.clientHeight - 96);
        });
    });

    function gridList() {

        var colsList = $("#Select_cols").val(); var cols = "";
        if (colsList != null && colsList.length > 0) {
            for (var i = 0; i < colsList.length; i++) {
                if (cols == "") {
                    cols += colsList[i];
                }
                else {
                    cols += "," + colsList[i];
                }
            }
        }
        
        var RolesList = $("#Select_Roles").val(); var Roles = "";
        if (RolesList != null && RolesList.length > 0) {
            for (var i = 0; i < RolesList.length; i++) {
                if (Roles == "") {
                    Roles += RolesList[i];
                }
                else {
                    Roles += "," + RolesList[i];
                }
            }
        }
        

        document.getElementsByClassName("gridPanel")[0].innerHTML = '  <table id="gridList"></table>';
        
        var $gridList = $("#gridList");
        $gridList.dataGrid({
            url: "/SystemManage/CommonReport/GetColsVisible?" + Math.random(),
            postData: { MenuID: _MenuID ,Roles:Roles,Cols:cols},
            height: $(window).height() - 96,
            width: "100%",
            colModel: [
                // MenuId	RoleId	FieldName	VisibleFlag	WorkPoint
                { label: 'ID', name: 'ID', width: 80, align: 'left', hidden: true, },
                 { label: '角色', name: '角色', width: 80, align: 'left', },
                { label: '列字段', name: '列字段', width: 80, align: 'left', },
                 { label: ' ', name: ' ', width: 20, align: 'left', },
            ],
            sortname: '角色,列字段',
            viewrecords: true,
            rownumbers: true,
            multiselect: true,
            rowNum: 1000,


        });
    }

    
    function GetRoles() {

        $.ajax({
            url: "/SystemManage/CommonReport/GetRoles?" + "&" + Math.random(),
            dataType: "json",
            async: false,
            success: function (data) {
                if (data != false && data != null && data.length > 0) {
                    $("#Select_Roles").find("option").remove();

                    for (var i = 0; i < data.length; i++) {
                        $("#Select_Roles").append("<option value='" + data[i].RolesID + "'>" + data[i].Roles + "</option>");
                    }

                }
                $('#Select_Roles').selectpicker('refresh');
                $('#Select_Roles').selectpicker('render');
            }
        });

    }

    function GetColsFiledName()
    {

        $.ajax({
            url: "/SystemManage/CommonReport/GetColsFiledName?MenuID=" + _MenuID + "&" + Math.random(),
            dataType: "json",
            async: false,
            success: function (data) {
                if (data != false && data != null && data.length > 0) {
                    $("#Select_cols").find("option").remove();
                  
                    for (var i = 0; i < data.length; i++) {
                        $("#Select_cols").append("<option value='" + data[i].FiledName + "'>" + data[i].FiledName + "</option>");
                    }

                }
                $('#Select_cols').selectpicker('refresh');
                $('#Select_cols').selectpicker('render');
            }
        });
         
    }

    function GetColsByCols() {
        if (_Cols != '') {
            var ColsData = _Cols.split(',');
            $("#Select_cols").find("option").remove();
            if (ColsData != null && ColsData.length > 0) {
                
                for (var i = 0; i < ColsData.length; i++) {
                    $("#Select_cols").append("<option value='" + ColsData[i] + "'>" + ColsData[i] + "</option>");
                }

            }
            $('#Select_cols').selectpicker('refresh');
            $('#Select_cols').selectpicker('render');
        }
    }
   
   //所有栏位 所有角色都可见
    function btn_All()
    {
 
        $.ajax({
            url: "/SystemManage/CommonReport/SetColsVisibleALL?" + Math.random(),
            type: "post",
            data: { Cols: _Cols, IsCommon: _IsCommon, MenuID: _MenuID },
            async: false,
            success: function (data) {
                if (data == "操作成功。") {
                    alert(data);
                    
                }
                else { alert(data);   }
                gridList();
            },
            error: function (aa) {
                alert("异常：" + aa.responseText);

            }
        });
      
    }

    //查询
    function btn_Search()
    {
        gridList();
    }

    //新增可见
    function btn_ADD() {
        var colsList = $("#Select_cols").val(); var cols = "";
        if (colsList != null && colsList.length > 0) {
            for (var i = 0; i < colsList.length; i++) {
                if (cols == "") {
                    cols += colsList[i];
                }
                else {
                    cols += "," + colsList[i];
                }
            }
        }
        else {
            alert("请选择列");
            return;
        }
        var RolesList = $("#Select_Roles").val(); var Roles = "";
        if (RolesList != null && RolesList.length > 0) {
            for (var i = 0; i < RolesList.length; i++) {
                if (Roles == "") {
                    Roles += RolesList[i];
                }
                else {
                    Roles += "," + RolesList[i];
                }
            }
        }
        else {
            alert("请选择角色");
            return;
        }
        $.ajax({
            url: "/SystemManage/CommonReport/SetColsVisibleAdd?" + Math.random(),
            type: "post",
            data: { Cols: cols, Roles: Roles, MenuID: _MenuID },
            async: false,
            success: function (data) {
                if (data == "操作成功。") {
                    alert(data);
                }
                else { alert(data); }
                gridList();
            },
            error: function (aa) {
                alert("异常：" + aa.responseText);

            }
        });
    }

    //删除
    function btn_Del() {
        var IDList = "";
        var A_RowDatas = $("#gridList").jqGrid('getDataIDs');
        var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow'); //获取 多行数据
        if (ids.length <= 0) {
            $.modalAlert("请选择数据！");
            return;
        }
        for (var i in ids) {
            var RowData = $("#gridList").jqGrid('getRowData', ids[i]);
            var id = RowData.ID.toString();

            IDList = IDList + id + ",";
        }
        $.ajax({
            url: "/SystemManage/CommonReport/SetColsVisibleDel",
            type: "post",
            data: { MenuID: _MenuID, IDList: IDList  },
            async: false,
            success: function (data) {
           
                if (data == "操作成功。") {
                    alert(data);
                    gridList();
                }
                else { alert(data); }
            }
        })
    }

     

   



</script>

<form id="form1">
    <div style="margin-top: 10px; margin-left: 10px; margin-right: 10px;">
        <div class="form-group" style="height:40px;margin-bottom:5px">
            <table class="form" style="width:100%">

                <tr>
                    <th class="formTitle">字段:  </th>
                    <td class="formValue" style="width:160px">

                        <select id="Select_cols" name="Select_cols" title="" class="selectpicker" data-actions-box="true"  data-width="140px" style="margin-right:100px" multiple="multiple"></select>

                    </td>
                    <th class="formTitle">角色:  </th>
                    <td class="formValue" style="width:160px">

                        <select id="Select_Roles" name="Select_Roles" title="" class="selectpicker" data-actions-box="true" data-width="140px" style="margin-right:100px" multiple="multiple"></select>
                    </td>
                   
                    <td class="formValue" style="width:290px">
                        &nbsp;
                        <a id="Btn_Search" authorize="yes" class="btn btn-primary dropdown-text  " onclick="btn_Search()"><i class="fa fa-search"></i>查询</a>
                        &nbsp;
                        <a id="Btn_ADD" authorize="yes" class="btn btn-primary dropdown-text  " onclick="btn_ADD()"><i class="fa fa-plus"></i>新增</a>
                        &nbsp;
                    
                        <a id="Btn_Del" authorize="yes" class="btn btn-primary dropdown-text  " onclick="btn_Del()"><i class="fa fa-minus"></i>删除</a>
                    
                        &nbsp;
                        <a id="Btn_All" authorize="yes" class="btn btn-primary dropdown-text  " onclick="btn_All()"><i class="fa fa-save"></i>全可见</a>
                    </td>
                </tr>
            </table>
        </div>
        
        <div class="gridPanel">
            <table id="gridList"></table>
            
        </div>
    </div>
</form>