<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="KeepVersion.aspx.cs" Inherits="MESWebSite.Manage.KeepVersion" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="/CSS/Basics.css" rel="stylesheet" />
    <link href="/Scripts/jquery-easyui-1.4.3/themes/metro/easyui.css" rel="stylesheet" type="text/css" />
    <link href="/Scripts/jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" type="text/css" />
    <link href="/Scripts/jquery-easyui-1.4.3/themes/color.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-easyui-1.4.3/jquery.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-easyui-1.4.3/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
    <script src="/Scripts/MyJs.js" type="text/javascript"></script>
    <style>
        #w td {
            padding: 5px 5px;
            text-align: left;
            vertical-align: middle;
        }

        #w .title {
            vertical-align: middle;
            text-align: right;
            width: 80px;
            height: 40px;
            padding: 0px;
        }

        p {
            padding: 0px 5px;
            font-size: small;
            font-family: 微软雅黑;
            margin: 0px;
        }

        .tree-folder-open, .tree-folder, .tree-file {
            display: none;
        }

        .datagrid {
            text-align: center;
        }

        .editclClose, .editclOpen {
            text-decoration: none;
            color: #000000;
            display: inline-block;
            padding: 0 5px;
            border-radius: 5px;
        }

        .editclOpen {
            background: green;
        }

        .editclClose {
            background: red;
        }
    </style>
    <title>保养版本管理</title>
    <script>


</script>
</head>
<body>
    <form id="form1" runat="server">
        <div class="top">
            <table style="width: 100%">
                <tr style="display: flex;flex-direction: row; flex-wrap: wrap;">
                    <td><span class="title">保养版本管理</span>
                    </td>
                    <td style="width: 100px;"></td>
                    <td style="width: 250px;">设备:
                        <select id="device_id_s" class="easyui-combobox" style="width: 180px; height: 30px;"
                            data-options="valueField: 'DeviceID',textField: 'DeviceName'">
                        </select></td>
                    <td style="width: 80px;"><a class="topsearchBtn">查询</a></td>

                    <td style="width: 80px">
                        <a class="topaddBtn">新增</a>
                    </td>
                    <td style="width: 80px">
                        <a class="toppenBtn">编辑</a>
                    </td>
                    <td style="width: 80px">
                        <a class="topdelBtn">删除</a>
                    </td>
                </tr>
            </table>
        </div>
        <table id="tb" title="保养版本列表" style="width: 99%;">
        </table>
        <!-- 编辑窗口 -->
        <div id="w" style="padding: 10px; visibility: hidden" title="编辑">
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td class="title" style="width: 50px; padding-left: 20px;">
                        <p>
                            设备:
                        </p>
                    </td>
                    <td>
                        <select id="device_id" class="easyui-combobox" style="width: 234px; height: 36px;"
                            data-options="valueField: 'DeviceID',textField: 'DeviceName'">
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="title" style="width: 110px;">
                        <p>
                            版本号:
                        </p>
                    </td>
                    <td colspan="2">
                        <input id="Version" type="text" class="text" style="width: 230px; height: 30px;" />
                    </td>
                </tr>
                <tr>
                    <td class="title" style="width: 110px;">
                        <p>
                            保养内容:
                        </p>
                    </td>
                    <td colspan="2">
                        <div class="easyui-panel">
                            <ul id="tt"></ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="title">
                        <p>
                            备注:
                        </p>
                    </td>
                    <td colspan="2">
                        <input id="Description" type="text" class="text" style="width: 230px; height: 30px;" />
                    </td>
                </tr>
            </table>
        </div>
        <!-- 编辑窗口 - footer -->
        <div id="ft" style="padding: 10px; text-align: center; background-color: #f9f9f9; visibility: hidden">
            <a class="saveBtn" id="saveBtn">保存</a>
        </div>
        <input id="UserID" type="text" hidden="hidden" runat="server" />
        <script>

            /****************       全局变量          ***************/
            var PrimaryID;               //要编辑的id
            var dg = $('#tb');      //表格
            var isEdit = false;     //是否为编辑状态

            /****************       DOM加载          ***************/
            $(function () {
                $.ajaxSetup({
                    cache: false //关闭AJAX缓存
                });

                reloadfl_id();


                $('#tt').tree({
                    url: '/HttpHandlers/KeepItemsHandler.ashx?method=QueryContentList',
                    checkbox: true,
                    onLoadSuccess: function (node, data) {
                        var tree = $(this);
                        if (data) {
                            $(data).each(function (index, d) {

                                tree.tree('expandAll');

                            });
                        }
                    }
                });


                //新增按钮点击
                $('.topaddBtn').first().click(function () {
                    isEdit = false;
                    $('#w').window('open');
                });

                //编辑按钮点击
                $('.toppenBtn').first().click(function () {
                    isEdit = true;
                    initEidtWidget();
                });


                //删除按钮
                $('.topdelBtn').first().click(function () {
                    $.messager.confirm('提示框', '你确定要删除吗?', function (r) {
                        if (r) {
                            deleteInfos();
                        }
                    });

                });

                //搜索按钮
                $('.topsearchBtn').first().click(function () {
                    SearchInfo();
                });

                //保存按钮
                $('#saveBtn').bind('click', function () {
                    SaveInfo(isEdit);
                });
                //下拉框加载

                $('#device_id_s').combobox('reload', '/HttpHandlers/DeviceHandler.ashx?method=QueryForCombobox');

                //编辑窗口加载
                $('#w').window({
                    modal: true,
                    closed: true,
                    minimizable: false,
                    maximizable: false,
                    collapsible: false,
                    width: 460,
                    height: 500,
                    footer: '#ft',
                    top: 20,
                    onBeforeClose: function () { clearw(); },
                    onBeforeOpen: function () {
                        $('#w').css('visibility', 'visible');
                        $('#ft').css('visibility', 'visible');
                    }
                });


                dg = $('#tb').datagrid({
                    fitColumns: true,
                    nowrap: false,
                    striped: true,
                    collapsible: false,
                    url: "/HttpHandlers/KeepVersionHandler.ashx?method=QueryList",
                    //sortName: 'sortNumber',
                    //sortOrder: 'asc'
                    remoteSort: false,
                    columns: [[
                        { field: 'ID', title: 'ID', hidden: true },
                        { field: 'DeviceID', title: '设备名称', hidden: true },
                        { field: 'IsUseing', title: '是否启用', hidden: true },
                        { field: 'DeviceName', title: '设备名称', sortable: 'true', width: 200 },
                        { field: 'Version', title: '版本号', sortable: 'true', width: 100 },
                        { field: 'Description', title: '备注', sortable: 'true', width: 100 },
                        { field: 'IsUseingName', title: '是否启用', sortable: 'true', width: 100 },
                        {
                            field: 'Operation', title: '操作', sortable: 'true', width: 150,
                            formatter: function (value, row) {
                                if (row.IsUseing == 0) {
                                    return '<a class="editclOpen" onclick="optUseing(\'' + row.ID + '\', 1)" href="javascript:void(0)">启用</a>'
                                }
                                else {
                                    return '<a class="editclClose" onclick="closeInfo(\'' + row.ID + '\', 0)" href="javascript:void(0)">停用</a>'
                                }

                            }
                        },
                        {
                            field: 'CreateTime', title: '创建时间', sortable: 'true', width: 100,
                            formatter: function (date) {
                                var pa = /.*\((.*)\)/;
                                var unixtime = date.match(pa)[1].substring(0, 10);
                                return getTime(unixtime);
                            }
                        }
                    ]],

                    pagination: true,//表示在datagrid设置分页              
                    rownumbers: true,
                    singleSelect: true
                });

                dg.datagrid('getPager').pagination({
                    pageSize: 10,
                    pageNumber: 1,
                    pageList: [10, 20, 30, 40, 50],
                    beforePageText: '第',//页数文本框前显示的汉字   
                    afterPageText: '页    共 {pages} 页',
                    displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录',
                });
            });

            /****************       主要业务程序          ***************/
            //新增 / 编辑  
            function SaveInfo(isEdit) {

                var ID = isEdit == true ? PrimaryID : "";
                var DeviceID = $('#device_id').combo('getValue');
                var Version = $('#Version').val();
                var Description = $('#Description').val();
                var userid = $('#UserID').val();

                //获取一般保全点检项目ID
                var nodes = $('#tt').tree('getChecked');
                var s = '';
                for (var i = 0; i < nodes.length; i++) {
                    if (nodes[i].id != "-1") {
                        if (s != '') { s += ','; }
                        s += nodes[i].id;
                    }
                }
                var KeepItemsID = s;

                if (Version == "") {
                    $.messager.alert('提示', '版本号不能为空,请重新输入', 'warning');
                    return;
                }
                var Sid = new Array();
                var model = {
                    ID: ID,
                    KeepItemsID: KeepItemsID,
                    DeviceID: DeviceID,
                    Version: Version,
                    Description: Description,
                    UserID: userid,
                    method: 'SaveInfo'
                };
                SaveModel(model);
            }
            function SaveModel(model) {
                $.ajax({
                    type: "POST",
                    async: false,
                    url: "/HttpHandlers/KeepVersionHandler.ashx",
                    data: model,
                    success: function (data) {
                        if (data == 'true') {
                            $.messager.alert('提示', '已保存', 'info');
                            dg.datagrid('reload');
                            $('#w').window('close');
                        }
                        else {
                            $.messager.alert('提示', '保存失败,请查看是否版本号重复', 'warning');
                        }

                    },
                    error: function () {
                    }
                });
            }
            //查询方法
            function SearchInfo() {

                var DeviceID = $('#device_id_s').combo('getValue');
                var queryParams = {
                    DeviceID: DeviceID
                };
                dg.datagrid({
                    queryParams: queryParams
                });
                dg.datagrid('reload');
            }
            //编辑时加载窗体数据
            function initEidtWidget() {
                var selRows = dg.datagrid('getSelections');
                if (selRows.length > 1) {
                    $.messager.alert('提示', '每次只能编辑一条记录,请重新选取', 'warning');
                    return;
                } else if (selRows.length == 0) {
                    $.messager.alert('提示', '请选择一条记录进行编辑', 'warning');
                    return;
                }

                //窗体数据初始化              
                var row = selRows[0];
                PrimaryID = row.ID;

                $('#device_id').combobox('select', row.DeviceID);

                $.ajax({
                    url: "/HttpHandlers/KeepVersionHandler.ashx",
                    dataType: "json",
                    cache: false,
                    data: encodeURI("Cid=" + row.ID + "&method=QueryCheckList"),
                    async: false,
                    success: function (data) {
                        console.log(data);
                        $(data).each(function (i, obj) {
                            var node = $("#tt").tree('find', obj.id);
                            if (node) {
                                $('#tt').tree('check', node.target);
                            }

                        });
                    },
                    error: function () { alert("发送请求失败"); }
                })

                $('#Version').val(row.Version);
                $('#Description').val(row.Description);
                $('#w').window('open');

            }
            //删除方法
            function deleteInfos() {
                var selRows = dg.datagrid('getSelections');
                if (selRows.length > 1) {
                    $.messager.alert('提示', '每次只能删除一条记录,请重新选取', 'warning');
                    return;
                } else if (selRows.length == 0) {
                    $.messager.alert('提示', '请选择一条记录进行删除', 'warning');
                    return;
                }
                var row = selRows[0];
                var model = {
                    ID: row.ID,
                    Version: row.Version,
                    method: 'DelInfo'
                };

                $.ajax({
                    url: "/HttpHandlers/KeepVersionHandler.ashx",
                    data: model,
                    async: false,
                    success: function (data) {
                        if (data == 'true') {
                            dg.datagrid('reload');
                        }
                    },
                    error: function () {
                    }
                });
            }
            //启停方法
            function optUseing(ID, opt) {

              
                var model = {
                    ID: ID,
                    method: 'OpenInfo'
                };
                console.log(ID);
                $.ajax({
                    url: "/HttpHandlers/KeepVersionHandler.ashx",
                    data: model,
                    async: false,
                    success: function (data) {
                        if (data == 'true') {
                            $.messager.alert('提示', '已启用', 'info');
                            dg.datagrid('reload');
                        }
                        else {
                            $.messager.alert('提示', '启用失败', 'warning');
                        }
                    },
                    error: function () {
                    }
                });
            }
            //停用方法
            function closeInfo() {
                var selRows = dg.datagrid('getSelections');
                if (selRows.length > 1) {
                    $.messager.alert('提示', '每次只能停用一条记录,请重新选取', 'warning');
                    return;
                } else if (selRows.length == 0) {
                    $.messager.alert('提示', '请选择一条记录进行停用', 'warning');
                    return;
                }
                var row = selRows[0];

                var model = {
                    ID: row.ID,
                    method: 'CloseInfo'
                };

                $.ajax({
                    url: "/HttpHandlers/KeepVersionHandler.ashx",
                    data: model,
                    async: false,
                    success: function (data) {
                        if (data == 'true') {
                            $.messager.alert('提示', '已停用', 'info');
                            dg.datagrid('reload');
                        }
                    },
                    error: function () {
                    }
                });
            }
            //删除复选框
            function unCheck() {
                var nodes = $('#tt').tree('getChecked');//获取选中的树复选框
                for (var i = 0; i < nodes.length; i++) {
                    $('#tt').tree('uncheck', nodes[i].target);
                }
            }

            /****************       辅助业务程序          ***************/
            /**********************************************/
            /*****************   窗体程序 *******************/
            /**********************************************/
            //编辑窗口关闭清空数据
            function clearw() {

                $('#device_id').combobox('clear');
                $('#Version').val('');
                $('#Description').val('');
                unCheck();

            }

            function reloadfl_id() {
                $('#device_id').combobox('reload', '/HttpHandlers/DeviceHandler.ashx?method=QueryForCombobox');
            }
        </script>
    </form>
</body>
</html>