<div class="index_con">
    <!--搜索条件-->
    <div class="index_list">
        <ng-form novalidate="novalidate" name="suspendEndorseForm" class='clearfix'>
            <div class="index_tit"><h6>搜索条件</h6></div>
            <ul class="list_ul list_ul_bor">
                <li>
                    <em>*</em>
                    <span>震灾名称：</span>
                </li>
                <li>
                    <div class="ui-select">
                        <code-type ng-required="true" class="seletc_bor"
                                   base-code="claimOpenDisaster"
                                   ng-model='registQueryConditionDto.disasterCode'
                                   ng-name='registQueryConditionDto.disasterName'
                                   is-fuzzy="true" is-app="claim"></code-type>
                    </div>
                </li>
                <li></li>
                <li></li>
                <li>
                    <span>录入日期(开始)：</span>
                </li>
                <li>
                    <input type="text" class="fl date" ng-model="registQueryConditionDto.operateStartDate"
                           jedate format="YYYY-MM-DD" id="operateStartDate" readonly>
                </li>
                <li>
                    <span>录入日期(结束)：</span>
                </li>
                <li>
                    <input type="text" class="fl date" ng-model="registQueryConditionDto.operateEndDate"
                           jedate format="YYYY-MM-DD" id="operateEndDate" readonly>
                </li>
            </ul>
        </ng-form>
        <div class="pending_btn">
            <button class="claim_btn" style="background: #f27318;margin-left: 26%" ng-click="goCreateRegist()">新增预案</button>
            <button class="claim_btn" style="margin-left: 6%" ng-click="registQuery()">搜 索</button>
            <a style="color: #0b7cc3;margin-left: 6%"  ng-click="resetForm()">重 置</a>
        </div>
    </div>
    <!--搜索结果-->
    <div class="index_list index_list_table">
        <div class="index_tit">
            <h6 class="fl">搜索结果</h6>
        </div>
        <table class="table table-striped table-bordered table-hover">
            <tr>
                <th class="t_first">录入日期</th>
                <th>报案批次号</th>
                <th >预案数量(件)</th>
                <th >录入人员</th>
                <th class="t_last">操作</th>
            </tr>
            <tr ng-repeat="d in registQueryList">
                <td class="t_first" ng-bind="d.operateDate"></td>
                <td ng-bind="d.batchNo" ng-click="batchDetail(d.batchNo,d.operateDate,registQueryConditionDto.disasterName)"></td>
                <td ng-bind="d.registNum"></td>
                <td ng-bind="d.operaterName"></td>
                <td class="t_last">
                    <div class="div_pad">
                        <span class="a_col" ng-click="goDisasterModifySee(d,'modify')">修改</span>
                        <em>|</em>
                        <span class="a_col"  ng-click="deleteDisaster(d)">删除</span>
                    </div>
                </td>
            </tr>
        </table>
        <div class="index_page">
            <tm-pagination conf="paginationConf"></tm-pagination>
        </div>
    </div>
    <!--按钮-->
    <div class="index_btn1">
        <span class="submit" style="border-radius: 5px" ng-click="onEdit()">退 出</span>
    </div>
</div>
<!--弹层---修改-->
<div ng-if="!modifyRegist" data-ng-include="'components/claim/registManagement/addRegist/tpl/modifyRegist.html'"></div>
<!--弹层---报案批次号详情-->
<div ng-if="!batchDetailFlag" data-ng-include="'components/claim/registManagement/addRegist/tpl/batchDetail.html'"></div>

regist.html中报案批次号是超链接，点击显示报案批次号详情页面：

regist.ctrl上述页面的控制器中的代码如下：

//显示报案批次号详情页面
$scope.batchDetail = function (data,time,disasterName) {
    $scope.batchDetailFlag = false;
    $scope.registQueryConditionDto.batchNo = data;
    $scope.registQueryConditionDto.applyName = time;
    $scope.registQueryConditionDto.disasterName = disasterName;
};
 //关闭报案批次号详情页面
$scope.batchDetailClose = function () {
    $scope.batchDetailFlag = true;

};
在弹窗页面batch.html如下：

<div  class="claim_layer " >
    <div class="claim_layer_largeContent">
        <div class="remove_header">
            <span>报案批次查看</span>
            <a ><i ng-click="batchDetailClose()"></i></a>
        </div>
        <div class="content_overflow" style="height: 90%">
            <div class="index_tit"><h6>基本信息</h6></div>
            <ul class="list_ul list_ul_bor list_ul_three">
                <li><span>报案批次号：</span></li>
                <li>
                    <input type="text"  ng-model="registQueryConditionDto.batchNo" >
                </li>
                <li><span>录入日期：</span></li>
                <li>
                    <input type="text"  ng-model="registQueryConditionDto.applyName" >
                </li>
                <li><span>震灾名称：</span></li>
                <li>
                    <input type="text"  ng-model="registQueryConditionDto.disasterName" >
                </li>
            </ul>
            <div class="clear"></div>
            <!--报案明细-->
            <div class="index_list index_list_table" style="height: 200px;overflow-y: auto">
                <div class="index_tit">
                    <h6 class="fl">报案明细</h6>
                </div>
                <table class="table table-striped table-bordered table-hover">
                    <tr>
                        <th class="t_first">预案号</th>
                        <th>保单号</th>
                        <th>投保人名称</th>
                        <th>被保险人名称</th>
                        <th >证件类型</th>
                        <th>证件号码</th>
                        <th>所在省市区县</th>
                        <th>房屋地址</th>
                        <th>保额(元)</th>
                        <th>报案人名称</th>
                        <th class="t_last">报案人电话</th>
                    </tr>
                    <tr ng-repeat="d in queryList" class="check-box1">
                        <td ng-bind="d.policyNo"></td>
                        <td ng-bind="d.policyNo"></td>
                        <td ng-bind="d.policyTypeName"></td>
                        <td ng-bind="d.applyName"></td>
                        <td ng-bind="d.identifyTypeName"></td>
                        <td ng-bind="d.identifyNumber"></td>
                        <td ng-bind="d.sumQuantity"></td>
                        <td ng-bind="d.groupNoRegCount"></td>
                        <td ng-bind="d.sumAmount"></td>
                        <td ng-bind="d.sumAmount"></td>
                        <td ng-bind="d.sumAmount"></td>
                    </tr>
                </table>
                <div class="index_page">
                    <tm-pagination conf="paginationConf"></tm-pagination>
                </div>
            </div>
            <!--按钮-->
            <div class="index_btn1">
                <span class="submit" style="border-radius: 5px" ng-click="onEdit()">返 回</span>
            </div>
        </div>
    </div>
</div>

弹窗中的报案批次号等信息显示出来：