DK-MES-2.0
/
HEGII.ss.mes.web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="keywords" content="dongke,mes,ibossmes">
    <meta name="description" content="制造企业生产过程执行管理系统">
    <meta name="author" content="xuwei">
    <title>东科软件</title>
    <script src="/plugins/xeasyui/xeasyui.min.js"></script>
    <link href="/plugins/xeasyui/toolbar.min.css" rel="stylesheet" />
</head>
<body>
    <!--工具条-->
    <div id="tb" class="i-toolbar">
        <a href="javascript:void(0)" style="display:none" id="btnInsert" title="添加" class="easyui-linkbutton" iconcls="icon-add" plain="true" onclick="tbAdd()">添加</a>
        <a href="javascript:void(0)" style="display:none" id="btnUpdate" title="编辑" class="easyui-linkbutton" iconcls="icon-edit" plain="true" onclick="tbEdit()">修改</a>
        <a href="javascript:void(0)" style="display:none" id="btnDelete" title="删除" class="easyui-linkbutton" iconcls="icon-remove" plain="true" onclick="tbDelete()">删除</a>
        <a href="javascript:void(0)" style="display:none" id="btnDetail" title="详细" class="easyui-linkbutton" iconcls="icon-detail" plain="true" onclick="tbDetail()">详细</a>
        <a href="javascript:void(0)" style="display:none" id="btnCheckbox" title="显示复选框" class="easyui-linkbutton" iconcls="icon-ok" plain="true" toggle="true" onclick="tbCheck()">复选</a>
        <a href="javascript:void(0)" style="display:none" id="btnSearch" title="搜索" class="easyui-linkbutton" iconcls="icon-search" plain="true" toggle="true" onclick="tbSearch()">搜索</a>
        <a href="javascript:void(0)" style="display:none" id="btnExport" title="导出" class="easyui-linkbutton" iconcls="icon-excel" plain="true" onclick="tbExport()">导出</a>
        <!--<a href="javascript:void(0)" id="btnColumn" class="easyui-menubutton" data-options="menu:'#btnColumnMenu',iconCls:'icon-undo'">列显示</a>
    <div id="btnColumnMenu" style="width:150px;"></div>-->
        <a href="javascript:void(0)" id="btnReload" title="刷新" class="easyui-linkbutton" iconcls="icon-reload" plain="true" onclick="tbReload()">刷新</a>
        <a href="javascript:void(0)" id="btnHelp" title="帮助" class="easyui-linkbutton" iconcls="icon-help" plain="true" onclick="tbHelp()">帮助</a>
        <div id="tbSearchDiv" style="display:none;padding:10px;">
            <form id="ff">
                <div>
                    看板名称：
                    <input class="easyui-textbox" id="DASHBOARDNAME" name="DASHBOARDNAME" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">
                    看板备注：
                    <input class="easyui-textbox" id="REMARKS" name="REMARKS" data-options="required:false,prompt:'',tipPosition:'top'" style="width:80px;height:32px;">
                    <a href="javascript:void(0)" id="btnSearchSubmit" title="清空" class="easyui-linkbutton" plain="false" onclick="$('#ff').form('clear')">清空</a>
                    <a href="javascript:void(0)" id="btnSearchSubmit" title="搜索" class="easyui-linkbutton" plain="false" onclick="tbSearchSubmit()">搜索</a>
                </div>
            </form>
        </div>
    </div>
    <!--表格-->
    <table id="dg" data-options="toolbar: '#tb',onDblClickRow: dgDblclickrow,showFooter:false">
<!--
        <thead data-options="frozen:true">
            <tr>
                <th data-options="field:'标识',align:'left',sortable:true">标识</th>
            </tr>
        </thead>
-->
        <thead>
            <tr>
                <th data-options="field:'SID',title:'SID',width:220,align:'left',checkbox:true,hidden:true">SID</th>
                <!--<th data-options="field:'DASHBOARDID',title:'看板ID',align:'left',sortable:true"></th>-->
                <th data-options="field:'DASHBOARDINDEX',title:'看板顺序',align:'left',sortable:true"></th>
                <th data-options="field:'DASHBOARDNAME',title:'看板名称',align:'left',sortable:true"></th>
                <th data-options="field:'DASHBOARDURL',title:'看板URL',align:'left',sortable:true"></th>
                <th data-options="field:'PROCEDUREID1',title:'工序1',align:'left',sortable:true"></th>
                <th data-options="field:'PROCEDUREID2',title:'工序2',align:'left',sortable:true"></th>
                <th data-options="field:'PROCEDUREID3',title:'工序3',align:'left',sortable:true"></th>
                <th data-options="field:'REMARKS',title:'看板备注',align:'left',sortable:true"></th>
            </tr>
        </thead>
    </table>
    <script type="text/javascript">

        //加载完成
        $(function () {
            //加载按钮
            $('#tb').buttonLoad({
                url:'dashboard.ashx?m=b'
            });
            //加载表格数据
            tbSearchSubmit()
        });

        //添加按钮
        function tbAdd() {
            $('#dg').datagridDialog({
                title: '添加数据',
                width: 640,
                height: 480,
                url: 'dashboard_add.html'
            });
        }

        //修改按钮
        function tbEdit() {
            $('#dg').datagridDialog({
                title: '修改数据',
                width: 640,
                height: 480,
                url: 'dashboard_edit.html',
                requireSelect: true
            });
        }

        //删除按钮
        function tbDelete() {
            $('#dg').datagridPost({
                title:'删除操作',
                url: 'dashboard.ashx?m=d',
                onValidate: function (r) { return true; }
            });
        }

        //详细按钮
        function tbDetail() {
            $('#dg').datagridDialog({
                title: '详细数据',
                width: 640,
                height: 480,
                url: 'dashboard_detail.html',
                requireSelect: true
            });
        }

        //复选按钮
        function tbCheck() {
            $('#dg').datagridCheckbox({
                buttonid: 'btnCheckbox',
                valuefield: 'SID'
            });
        }

        //搜索按钮
        function tbSearch() {
            $('#tbSearchDiv').toggle();
            $('#dg').datagrid('resize');
        }

        //搜索提交
        function tbSearchSubmit() {
            $('#dg').datagridLoad({
                title: '看板配置',
                idField: 'SID',
                queryParams: $('#ff').serializeJson(),
                url: 'dashboard.ashx?m=s',
                columnMenu: '#btnColumnMenu',
                columnMoving: false
            });
        }

        //导出
        function tbExport() {
            //加载表头
            var fields = $('#dg').datagrid('getColumnFields');
            var headers = [];
            for (var i = 0; i < fields.length; i++) {
                headers.push($('#dg').datagrid('getColumnOption', fields[i])['title']);
                //headers.push(fields[i]);
            }
            $('#dg').datagridExport({
                headers: headers,
                fileName: '导出数据(TP_MST_DASHBOARD).xls',
                workSheet: '导出数据(TP_MST_DASHBOARD)'
            });
        }

        //刷新
        function tbReload() {
            tbSearchSubmit();
        }

        //帮助事件
        function tbHelp() {
            $('#dg').datagridDialog({
                title: '帮助',
                width: 640,
                height: 480,
                url: 'rpt_help.html'
            });
        }

        //表格双击
        function dgDblclickrow(rowIndex, rowData) {
            tbDetail();
        }

        function formatterTrueFalse(value, row, index) { return value == 'True' ? '是' : '否'; }
        function stylerTrueFalse(value, row, index) { return value == 'True' ? 'color:black' : 'color:red'; }

    </script>
</body>
</html>