<div style="width:400px;margin:50px;">
    <div class="head" style="font-size:16px;line-height:2em;">
        <span>添加发送人</span>
    </div>
    <ul id="UserTab" class="nav nav-tabs">
        <li class="active">
            <a href="#company" data-toggle="tab">
                <img src="">&nbsp;&nbsp;单位&nbsp;&nbsp;
            </a>
        </li>
        <li>
            <a href="#branchs" data-toggle="tab">
                <img src="">&nbsp;&nbsp;组织&nbsp;&nbsp;
            </a>
        </li>
        <li>
            <a href="#groups" data-toggle="tab">
                <img src="">&nbsp;&nbsp;群组&nbsp;&nbsp;
            </a>
        </li>
        <li>
            <a href="#addresslist" data-toggle="tab">
                <img src="">通讯录
            </a>
        </li>
    </ul>
    <div id="TabContent" class="tab-content">
        <div class="tab-pane fade in active" id="company">
            <form id="form1">
                <ul id="treeCompany" tree class="ztree" ng-tree="treeCompany" ng-tree-nodes="zNodes_c" ng-tree-check="onCheck">
                </ul>
            </form>
        </div>
        <div class="tab-pane fade" id="branchs">
            <form id="form2">
                <input type="text" name="userKey" class="form-control" ng-change="onSelectUser()" ng-model="userKey" placeholder=" 查找联系人..."
                       onmouseover="this.focus()">
                <button type="button" class="glyphicon glyphicon-refresh" title="刷新" ng-click="onRefreshTree()"></button>
                <ul id="treeBranchs" tree class="ztree" ng-tree="treeBranchs" ng-tree-nodes="zNodes_b" ng-tree-click="onClick" ng-tree-check="onCheck">
                </ul>
                <ul id="users" tree class="ztree" ng-tree="users" ng-tree-nodes="groups">
                </ul>
            </form>
        </div>
        <div class="tab-pane fade" id="groups">
            <form id="form3">
                <select class="form-control" ng-change="onSelectedChange()" ng-model="teamName">
                    <option></option>
                    <option>浙江万赛群</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                </select>
                <ul id="groupUsers" tree class="ztree" ng-tree="groupUsers" ng-tree-nodes="groups" ng-tree-check="onCheck">
                </ul>
            </form>
        </div>
        <div class="tab-pane fade" id="addresslist">
            <form id="form4">
                <ul id="treeAddressL" tree class="ztree" ng-tree="treeAddressL" ng-tree-nodes="zNodes_a" ng-tree-check="onCheck">
                </ul>
            </form>
        </div>
    </div>
    <div style="border-top: #ddd 1px solid; overflow: hidden; height:1px;margin:10px 0px 5px 0px;"></div>
    <div class="userShow">
        <form id="form5">
            <button type="button" class="glyphicon glyphicon-ban-circle" title="清空" ng-click="delSelectedUser()"></button>
            <ul id="userSelected" tree class="ztree" ng-tree="userSelected" ng-tree-nodes="groups" ng-tree-check="onCheck">
            </ul>
        </form>
    </div>
</div>