<div  ms-controller="{{pluginVmid}}" style="padding:5px 10px;">
    <table border="0" align="center" cellpadding="0" cellspacing="0" id="mian" style="border-bottom: none;">
        <tbody>
            <tr>
                <td style="width: 198px; vertical-align: top;">
                    <table cellpadding="0" cellspacing="0" height="100%" class="bordergrag">
                        <tr>
                            <td style="vertical-align: top;">
                                <div class="boxTitlenoneb">
                                    <h2>
                                        <a href="javascript:void(0)" ms-click="expanTree" style="color: #016b96; float: right; margin-right: 5px; font-size: 12px; font-weight: normal;">+ 收起</a>
                                        部门列表
                                    </h2>
                                    <ul ms-attr-id="treeId" class='ztree' style="width: 198px; height: 559px; overflow: auto;"></ul>
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
                <td style="width: 10px;"></td>
                <td style="padding: 0px;vertical-align: top;">
                    <div class="boxTitlenoneb bordergrag" style="border-bottom:none;">
                        <h3>
                            员工列表
                            <span class="rseachbox">
                                <input class="input" type="text" ms-duplex="queryData.keyword.val" ms-enter="gridm.doSearch" placeholder="请输入账户名、姓名检索">
                                <button type="button" class="inputbt" ms-click="gridm.doSearch" ></button>
                            </span>
                        </h3>
                    </div>
                    <div class="bordergrag" style="height: 250px; overflow-y:scroll;border-top:none;">
                        <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                            <thead>
                                <tr class="head" style="background-color: rgb(250, 250, 250);">
                                    <td width="5%" align="center">
                                        <input ms-if="gridm.multiple" type="checkbox" ms-click="gridm.selectAll(true)"/>
                                    </td>
                                    <td align="center" width="20%">账号</td>
                                    <td align="center" width="20%">姓名</td>
                                    <td align="center" width="20%">部门</td>
                                    <td align="center" width="20%">职位</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ms-repeat-item="gridm.list" ms-dblclick="onDblClick(item)" ms-class-1="selected:item.checked">
                                    <td align="center">
                                        <input ms-if="gridm.multiple" type="checkbox" ms-duplex-radio="item.checked" ms-disabled="item.chkDisabled" />
                                        <input ms-if="!gridm.multiple" type="radio" ms-duplex="item.checked" ms-disabled="item.chkDisabled" /> 
                                    </td>
                                    <td align="center">{{item.UserName}}</td>
                                    <td align="center">{{item.FullName}}</td>
                                    <td align="center">{{item.GroupName}}</td>
                                    <td align="center">{{item.PositionName}}</td>
                                </tr>
                            </tbody>
                            <tfoot>
                                <tr ms-if="gridm.gridmsg">
                                    <td colspan="5" class="gridmsg">{{gridm.gridmsg|html}}</td>
                                </tr>
                                <!--<tr style="background-color: #fff;">
                                    <td colspan="5" ms-widget='paging' data-gridid="gridm"></td>
                                </tr>-->
                            </tfoot>
                        </table>
                    </div>
                    <div ms-widget='paging' data-gridid="gridm" style="height:30px;line-height:30px;border-top:none;" class="bordergrag"></div>
                    <div class="boxTitlenoneb bordergrag" style="margin-top:2px;border-bottom:none;">
                        <h3>
                            已选员工
                        </h3>
                    </div>
                    <div class="bordergrag" style="height: 250px; overflow-y:scroll;border-top:none;">
                        <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                            <thead>
                                <tr class="head" style="background-color: rgb(250, 250, 250);">
                                    <td width="5%" align="center">
                                        序号 
                                    </td>
                                    <td align="center" width="20%">账号</td>
                                    <td align="center" width="20%">姓名</td>
                                    <td align="center" width="20%">部门</td>
                                    <td align="center" width="20%">职位</td>
                                    <td align="center" width="15%"><a href="javascript:void(0)" ms-click="clear" title="移除全部">移除</a></td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr ms-repeat-item="grid1.list">
                                    <td align="center">
                                        {{$index+1}}
                                    </td>
                                    <td align="center">{{item.UserName}}</td>
                                    <td align="center">{{item.FullName}}</td>
                                    <td align="center">{{item.GroupName}}</td>
                                    <td align="center">{{item.PositionName}}</td>
                                    <td align="center">
                                        <a ms-if="!item.chkDisabled"  href="javascript:void(0)" class="dodel" ms-click="grid1.removeById(item.Id,$index,false)" title="移除"></a>
                                    </td>
                                </tr>
                            </tbody>
                            <tfoot>
                                <tr ms-if="grid1.gridmsg">
                                    <td colspan="6" class="gridmsg">{{grid1.gridmsg|html}}</td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>

                </td>
            </tr>
        </tbody>
    </table>
</div>
