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


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
							<!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 class="easyui-layout">

    <!--上部工具条-->
    <div id="toolbarLayout" data-options="border:false,region:'north',title:'',iconCls:'icon-grid'">
        <div class="i-toolbar">
            <a href="javascript:void(0)" id="btnSearch" title="搜索" class="easyui-linkbutton" iconcls="icon-search" plain="true" toggle="true" onclick="tbSearch()">搜索</a>
            <a href="javascript:void(0)" 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:block;padding:10px;">
                <form id="ffMaster">
                    <div>
                        实验单号：
                        <input class="easyui-combobox" id="TESTFORMGUID" name="TESTFORMGUID" data-options="required:true,prompt:'',tipPosition:'top',url:'../testform/testform.ashx?m=getList' ,method:'get',valueField:'ID',textField:'NAME',panelHeight:'300px',editable:'false'" style="width: 360px; height: 32px;">
                        产品编码：
                        <input class="easyui-combobox" id="goodsMaster" name="goodsMaster" data-options="required:false,prompt:'',tipPosition:'top',url:'../../rpt/rpt.ashx?m=getGoods&select=1',method:'get',valueField:'GOODSID',textField:'GOODSCODE',panelHeight:'300px',editable:true,multiple:true" style="width:120px;height:32px;">
                        <a href="javascript:void(0)" id="btnSearchSubmit" title="清空" class="easyui-linkbutton" plain="false" onclick="toClear()">清空</a>
                        <a href="javascript:void(0)" id="btnSearchSubmit" title="搜索" class="easyui-linkbutton" plain="false" onclick="tbSearchSubmit()">搜索</a>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--中部-->
    <div id="tableLayout" data-options="border:false,region:'center',split:true,title:'',iconCls:'icon-grid'" title="East" style="width:700px;">
        <div id="tableTabs" class="easyui-tabs" data-options="border:false" style="width: 100%; height: 100%">
            <!--表格-->
            <div title="实验产品质量汇总表">
                <table class="easyui-datagrid"
                       id="DataGrid0"
                       data-options="method:'get',border:false,singleSelect:true,fit:true,fitColumns:true,onDblClickRow: dgDblclickrow">
                    <thead>
                        <!--<tr>
                            <th data-options="field:'ID',title:'ID',width:220,align:'left',checkbox:true,hidden:true">ID</th>
                            <th data-options="field:'工序',title:'工序',align:'left',sortable:true"></th>
                            <th data-options="field:'产量',title:'产量',align:'left',sortable:true"></th>
                            <th data-options="field:'合格数',title:'合格数',align:'left',sortable:true"></th>
                            <th data-options="field:'合格率',title:'合格率',align:'left',sortable:true"></th>
                            <th data-options="field:'干补数',title:'干补数',align:'left',sortable:true"></th>
                            <th data-options="field:'干补合格数',title:'干补合格数',align:'left',sortable:true"></th>
                            <th data-options="field:'干补合格率',title:'干补合格率',align:'left',sortable:true"></th>
                            <th data-options="field:'TOP1名称',title:'TOP1名称',align:'left',sortable:true"></th>
                            <th data-options="field:'TOP1数量',title:'TOP1数量',align:'left',sortable:true"></th>
                            <th data-options="field:'TOP1占比',title:'TOP1占比',align:'left',sortable:true"></th>
                            <th data-options="field:'TOP2名称',title:'TOP2名称',align:'left',sortable:true"></th>
                            <th data-options="field:'TOP2数量',title:'TOP2数量',align:'left',sortable:true"></th>
                            <th data-options="field:'TOP2占比',title:'TOP2占比',align:'left',sortable:true"></th>
                            <th data-options="field:'TOP3名称',title:'TOP3名称',align:'left',sortable:true"></th>
                            <th data-options="field:'TOP3数量',title:'TOP3数量',align:'left',sortable:true"></th>
                            <th data-options="field:'TOP3占比',title:'TOP3占比',align:'left',sortable:true"></th>
                        </tr>-->
                    </thead>
                </table>
            </div>
            <!--<div title="实验产品质量明细表">
                <table class="easyui-datagrid"
                       id="DataGrid1"
                       data-options="method:'get',border:false,singleSelect:true,fit:true,fitColumns:true">
                    <thead>
                    </thead>
                </table>
            </div>-->
            <!--<div title="表名明细表2">
                <table class="easyui-datagrid"
                       id="DataGrid2"
                       data-options="method:'get',border:false,singleSelect:true,fit:true,fitColumns:true">
                    <thead>
                    </thead>
                </table>
            </div>-->
        </div>
    </div>

    <script type="text/javascript">

        function formatterUA(value, row, index) {
            return Math.round(value*10000) / 100 + '%';
        }

        $(document).ready(function () {
            var ctime = new Date();
            var beginDate = ctime.getFullYear() + "-" + (ctime.getMonth() + 1) + "-" + ctime.getDate();
            var endDate = ctime.getFullYear() + "-" + (ctime.getMonth() + 1) + "-" + ctime.getDate();
            $("#datebeginMaster").datebox("setValue", beginDate);
            $("#dateendMaster").datebox("setValue", endDate);

            //tbSearchSubmit();

        });

        //主表双击事件
        function dgDblclickrow(index, row) {
            //$("#tableTabs").tabs("select", 1);
            //LoadDataGridDetail(index, row);
        }

        //加载子表数据
        function LoadDataGridDetail(index, row) {
            //加载子表1
            //var id = $('#DataGridMaster').datagrid('getSelections')[0]['SID'];
            var id = row['测试列1'];
            $('#DataGrid1').datagridLoadRpt({
                idField: '测试列1',
                url: 'rpt.ashx?m=1&id=' + id,
                pageSize: 10,
                fixWidth: 120,
                mergeWidth: 100,
                splitChar: '_',
                columnMoving: true
            });
        }

        // 清除恢复默认值
        function toClear() {
            $("#TESTFORMGUID").combobox('clear');
            $("#goodsMaster").combobox('clear');
        }

        //搜索提交
        function tbSearchSubmit() {
            var index = $('#tableTabs').tabs('getTabIndex', $('#tableTabs').tabs('getSelected'));

            if (index == 0) {
                if ($('#ffMaster').form("validate")) {
                    $('#DataGrid' + index).datagridLoad({
                        title: '',
                        idField: 'SID',
                        queryParams: $('#ffMaster').serializeJson(),
                        url: 'rpt.ashx?m=' + index + '&id=' + request('id'),
                        pageSize: 10,
                        fixWidth: 100,
                        mergeWidth: 80,
                        splitChar: '_'
                    });
                }
            }

            if (index == 1) {
                if ($('#ffMaster').form("validate")) {
                    $('#DataGrid' + index).datagridLoad({
                        idField: '测试列1',
                        url: 'rpt.ashx?m=' + index ,
                        pageSize: 10,
                        fixWidth: 100,
                        mergeWidth: 80,
                        splitChar: '_'
                    });
                }
            }
        }

        //导出
        function tbExport() {
            var index = $('#tableTabs').tabs('getTabIndex', $('#tableTabs').tabs('getSelected'));

            //加载表头
            var fields1 = $('#DataGrid' + index).datagrid('getColumnFields');
            var fields2 = $('#DataGrid' + index).datagrid('getColumnFields', true);
            var fields = fields2.concat(fields1);
            var headers = [];
            for (var i = 0; i < fields.length; i++) {
                //headers.push($('#DataGridMaster').datagrid('getColumnOption', fields[i])['title']);
                headers.push(fields[i]);
            }
            $('#DataGrid' + index).datagridExport({
                headers: headers,
                fileName: '导出数据(表名1).xls',
                workSheet: '导出数据(表名1)'
            });

            //$('#DataGridMaster').datagridExport({
            //    headers: headers,
            //    fileName: '导出数据(表名).xls',
            //    workSheet: '导出数据(表名)'
            //});

            //导出多sheet
            //$.dataGridToExcel(
            //    ['DataGridMaster', 'DataGridDetail1', 'DataGridDetail2'],
            //    ['表名','表名明细表1', '表名明细表2'],
            //    "导出数据（表名).xls"
            //);
        }

        //搜索按钮
        function tbSearch() {
            $('#tbSearchDiv').toggle();
            //$('#DataGridMaster').datagrid('resize');
            $('#toolbarLayout').panel('resize', { height: 'auto' });
            $('body').layout('resize');
            $('#tableTabs').tabs('resize');
        }

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

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

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