<div ms-controller="HR_CheckInAnalysis">
    <table border="0" align="center" cellpadding="0" cellspacing="0" id="mian">
        <tbody>
            <tr>
                <!--leftNav-->
                <td width="198" height="450" valign="top" id="tdleft">
                    <div id="left" ms-widget="leftMenu"></div>
                    <!--End leftNav-->
                </td>
                <td valign="top" id="right">
                    <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0" class="seacrhTable top10" style="background: none;">
                        <tbody>
                            <tr>
                                <td width="460" class="searchico">
                                    <div class="input-append" style="margin-bottom: 0px;">
                                        <input id="keyInput" type="text" class="span4" ms-duplex="queryData.key.val" placeholder="请输入员工姓名快速检索" ms-enter="grid1.doSearch">
                                        <button class="add-on ibtsearch" type="button" style="height: 28px; font-size: 12px; padding: 3px 12px;" ms-click="grid1.doSearch">搜索</button>
                                        <button class="add-on ibtsearch clearall" type="button" style="height: 28px; font-size: 12px; padding: 3px 12px;" ms-click="clearQuery">显示全部</button>
                                    </div>
                                </td>
                                <td class="fgray">{{lang.SearchHistory}}
                                   <span class="bindSearchHistory" ms-repeat-h='queryHistory'>
                                       <a href="javascript:void(0)" ms-click='addQuery(h.name,h.val,h.label)' ms-title='h.label'>{{h.label|truncate(20)}}</a>
                                   </span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="seacrhField">
                            <tbody>
                                <tr ms-class="quickword {{$val.hide?'hide':''}}" ms-repeat="queryData" ms-if-loop="$val.items && !$val.jump">
                                    <td ms-attr-colspan="$val.next?1:2" ms-width="$val.next?'50%':'100%'">
                                        <span>{{$val.label}}</span>
                                        <div style="display: inline;" ms-each-r='$val.items'>
                                            <a href="javascript:void(0)" ms-click='addQuery($key, r.val, r.label)' ms-class-selected="r.curr" ms-html='r.label'></a>
                                            <div ms-if="r.type=='date'" ms-visible="queryData[$key].val==r.val">
                                                <input type="text" ms-duplex="queryData[r.d1].val" ms-widget="date" ms-attr-data-format="r.format" style="width: 80px; height: 15px; margin-left: 10px;" readonly="readonly"/>
                                                <label ms-if="r.d2" style="margin-left: -15px;">至</label>
                                                <input ms-if="r.d2" type="text" ms-duplex="queryData[r.d2].val" ms-widget="date" ms-attr-data-format="r.format" style="width: 80px; height: 15px;" readonly="readonly" />
                                            </div>
                                        </div>
                                    </td>
                                    <td ms-if="$val.next" width="50%">
                                        <span>{{queryData[$val.next].label}}</span>
                                        <div style="display: inline;">
                                            <a ms-repeat-r="queryData[$val.next].items" href="javascript:void(0)" ms-click='addQuery($val.next, r.val, r.label)' ms-class-selected="r.curr" ms-html='r.label'></a>
                                        </div>
                                    </td>
                                </tr>
                                <tr ms-if="queryMore">
                                    <td colspan="2">
                                        <ul class="quickwordul">
                                            <li>
                                                <div class="quickwordmore" isshow="flase" onclick="quickwordShow()">更多选项<span class="quickdown"></span></div>
                                            </li>
                                        </ul>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" class="seabox">
                                        <span class="first" ms-html='lang.CurrSearchCondition'></span>
                                        <div style="display: inline; float: left;" ms-repeat="queryData">
                                            <span class="searchItem" ms-if-loop='$val.valLabel'>{{$val.valLabel}}
                                        <i><a href="javascript:void(0)" ms-click='removeQuery($key)'></a></i>
                                            </span>
                                        </div>
                                        <span class="last" ms-visible='hasQuery' ms-click='clearQuery'><a href="javascript:void(0)" ms-html='lang.ClearAll'></a></span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList bottom10" id="tableList">
                        <thead>
                            <tr class="head">
                                <td  width="4%" align="center">员工姓名
                                </td>
                                <td  width="4%" align="center">所属部门
                                </td>
                                <td width="10%" align="center">签到
                                </td>
                                <td width="9%" align="center">正常
                                </td>
                                <td width="9%" align="center">迟到
                                </td>
                                <td width="4%"  align="center">早退
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ms-repeat-item="grid1.list">
                                <td>{{item.FullName}}
                                </td>
                                <td>{{item.GroupName}}
                                </td>
                                <td>{{item.Number}}
                                </td>
                                <td>{{item.Normal}}
                                </td>
                                <td>
                                    {{item.Late}}
                                </td>
                                <td>
                                    {{item.LeaveEarly}}
                                </td>
                            </tr>
                            <tr ms-if="grid1.gridmsg">
                                <td colspan="6" class="gridmsg">{{grid1.gridmsg|html}}</td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</div>
