YLShipBuildLandMap/YLShipBuildLandMap.Web/wwwroot/app/main/depOrService/selectRoom.html

<div class="modal" tabindex="-1" role="dialog" style="z-index:1;">
    <div class="modal-dialog" style="width: 1200px;">
        <div class="card">
            <div class="header" dragable-header>
                <button type="button" class="close" ng-click="$hide()">&times;</button>
                <h4 class="modal-title">选择房间</h4>
            </div>
            <div activate-input activate-select class="body" style="height:750px;">
                <div class="row" style="height:95%;margin:0px;">
                    <div class="col-lg-8 col-md-8" style="width: 65%; height: 100%; border: 1px solid #ddd;">
                        <div class="card">
                            <div class="header">房间列表</div>
                            <div class="search-header">
                                <div class="search-param-panel">
                                    <div class="search-input">
                                        <div class="row clearfix form-inline">
                                            <div class="col-lg2 col-md-2 dj-label">
                                                <label>大楼</label>
                                            </div>
                                            <div class="col-lg4 col-md-4">
                                                <div class="form-group">
                                                    <div class="form-line">
                                                        <select boots-select class="form-control show-tick" name="buildingId"
                                                                ng-model="selectparams.buildingId"
                                                                data-live-search="true" option-datas="buildingList"
                                                                ng-options="type.BuildingId as type.Name for type in buildingList"
                                                                ng-change="getFloorList();search()">
                                                            <option value="" selected>--全部--</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg2 col-md-2 dj-label">
                                                <label>楼层</label>
                                            </div>
                                            <div class="col-lg4 col-md-4">
                                                <div class="form-group">
                                                    <div class="form-line">
                                                        <select boots-select class="form-control show-tick" name="floorId"
                                                                ng-model="selectparams.floorId"
                                                                data-live-search="true" option-datas="floorList"
                                                                ng-options="type.BuildingFloorId as type.Name for type in floorList"
                                                                ng-change="search()">
                                                            <option value="" selected>--全部--</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row clearfix form-inline">
                                            <div class="col-lg-2 col-md-2 dj-label">
                                                <label>名称</label>
                                            </div>
                                            <div class="col-lg-4 col-md-4">
                                                <div class="form-group">
                                                    <div class="form-line">
                                                        <input type="text" class="form-control" name="name"
                                                               ng-model="selectparams.name"
                                                               placeholder="" ng-keypress="search()" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="search-btn">
                                        <button class="btn btn-default1"
                                                ng-click="search()">
                                            查询
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="body" style="height:500px;">
                                <div class="table-responsive list-table-panel table-adapt">
                                    <table class="gt-table gt-table-bordered gt-table-evenodd table-text-clip">
                                        <thead>
                                            <tr>
                                                <th class="th-select" th-select-all datalist="dataList"></th>
                                                <th class="th-rownum"><div>序号</div></th>
                                                <th>大楼</th>
                                                <th>楼层</th>
                                                <th>房间</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="it in dataList" fixed-table-header max-height="445" parent-height="445">
                                                <td class="text-center">
                                                    <input type="checkbox" ng-model="it.rowChecked" />
                                                </td>
                                                <td class="text-center" td-rownum index="$index" pageindex="selectparams.pageIndex" pagesize="selectparams.pageSize"></td>
                                                <td class="text-center">{{it.BuildingName}}</td>
                                                <td class="text-center">{{it.FloorName}}</td>
                                                <td class="text-center">{{it.Name}}</td>
                                            </tr>
                                            <tr ng-if="dataList.length==0">
                                                <td colspan="15" style="text-align:center">暂无数据</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <pagination data-pageindex="selectparams.pageIndex" data-pagesize="selectparams.pageSize"
                                            data-ptotal="pageInfo.ptotal"></pagination>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-1 col-md-1" style="width: 5%; height: 100%;display:flex; align-items: center;">
                        <div>
                            <i class="material-icons ng-binding" style="font-size:36px;cursor:pointer;" ng-click="select()">chevron_right</i>
                            <p></p>
                            <i class="material-icons ng-binding" style="font-size: 36px; cursor: pointer;" ng-click="remove()">chevron_left</i>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3" style="width: 30%; height: 100%; border: 1px solid #ddd; ">
                        <div class="card">
                            <div class="header">已选列表</div>
                            <div class="body">
                                <div class="table-responsive list-table-panel table-adapt">
                                    <table class="gt-table gt-table-bordered gt-table-evenodd">
                                        <thead>
                                            <tr>
                                                <th class="th-select" th-select-all datalist="selectList"></th>
                                                <th>大楼</th>
                                                <th>楼层</th>
                                                <th>房间</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="it in selectList" fixed-table-header max-height="580">
                                                <td class="text-center">
                                                    <input type="checkbox" ng-model="it.rowChecked" />
                                                </td>
                                                <td class="text-center">{{it.BuildingName}}</td>
                                                <td class="text-center">{{it.FloorName}}</td>
                                                <td class="text-center">{{it.Name}}</td>
                                                <td><a ng-click="remove($index)">删除</a></td>
                                            </tr>
                                            <tr ng-if="selectList.length==0">
                                                <td colspan="15" style="text-align:center">暂无数据</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form_foot">
                    <button type="button" class="btn btn-default" ng-click="$hide()">取消</button>
                    <button type="button" class="btn btn-primary" ng-click="save()">完成</button>
                </div>
            </div>
        </div>
    </div>
</div>