<!--
	The ID "widget-grid" will start to initialize all widgets below 
	You do not need to use widgets if you dont want to. Simply remove 
	the <section></section> and you can use wells or panels instead 
	-->

<!-- widget grid -->
<section id="widget-grid" class="">

    <!-- row -->
    <div class="row">

        <!-- NEW WIDGET START -->
        <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12" ng-show="!pageSetting.showPackingTask">

            <!-- Widget ID (each widget will need unique ID)-->
            <div class="jarviswidget">
                <!-- widget options:
                usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

                data-widget-colorbutton="false"
                data-widget-editbutton="false"
                data-widget-togglebutton="false"
                data-widget-deletebutton="false"
                data-widget-fullscreenbutton="false"
                data-widget-custombutton="false"
                data-widget-collapsed="true"
                data-widget-sortable="false"

                -->
                <header>
                    <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                    <h2>待装箱订单列表</h2>
                </header>
                <!-- widget div-->
                <div>
                    <!-- widget edit box -->
                    <div class="jarviswidget-editbox">
                        <!-- This area used as dropdown edit box -->
                    </div>
                    <!-- end widget edit box -->
                    <!-- widget content -->
                    <div class="widget-body no-padding">
                        <div class="dt-toolbar">
                            <div class="row">
                                <div class="col-sm-2">
                                    <div class="dataTables_filter">
                                        <label>
                                            <span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>
                                            <input type="search" placeholder="装箱记录编号/手机号码" data-ng-keyup="getOrderList()" ng-model="queryParam.orderKeyword" class="form-control" aria-controls="dt_basic"></label>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <div class="dataTables_filter">
                                        <label>
                                            <input type="search" placeholder="收货人" data-ng-keyup="getOrderList()" ng-model="queryParam.consigneeName" class="form-control" aria-controls="dt_basic"></label>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <div class="dataTables_filter">
                                        <div class="dataTables_filter">
                                            <select ug-select2 style="width: 250px;" ng-model="queryParam.managerId" ng-change="getOrderList()" name="managerId">
                                                <option value="">--请选择客服经理--</option>
                                                <option value="{{manager.customerMangerId}}" ng-repeat="manager in managers">{{manager.customerManger}}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="input-group">
                                        <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" datepicker-localdate
                                               placeholder="任务开始时间起始日期"
                                               ng-model="queryParam.packingTaskCreateTimeStart"
                                               close-text="关闭"
                                               current-text="今日"
                                               clear-text="清除"
                                               is-open="datepickerSetting.packingTaskCreateTimeStart.opened"
                                               ng-required="true"/>
                                        <div class="input-group-btn">
                                            <button type="button" class="btn btn-default" ng-click="open($event, 0)"><i class="glyphicon glyphicon-calendar"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="input-group">
                                        <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" datepicker-localdate
                                               placeholder="任务开始时间截止日期"
                                               ng-model="queryParam.packingTaskCreateTimeEnd"
                                               close-text="关闭"
                                               current-text="今日"
                                               clear-text="清除"
                                               is-open="datepickerSetting.packingTaskCreateTimeEnd.opened"
                                               ng-required="true"/>
                                        <div class="input-group-btn">
                                            <button type="button" class="btn btn-default" ng-click="open($event, 1)"><i class="glyphicon glyphicon-calendar"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-2">
                                    <button class="btn btn-primary" type="button" data-ng-click="getOrderList()">
                                        <i class="fa fa-refresh"></i>
                                        刷新
                                    </button>
                                    <button class="btn btn-primary" type="button" data-ng-click="startPacking()">
                                        开始装箱
                                    </button>
                                </div>
                            </div>

                        </div>
                        <div class="table-responsive">
                            <table class="table table-condensed table-hover smart-form has-tickbox">
                                <thead>
                                <tr>
                                    <th style="width: 20px;">
                                        <label class="checkbox">
                                            <input type="checkbox"
                                                   ng-model="chooseAllCheck.isCheckOrder"
                                                   ng-true-value="0"
                                                   ng-false-value="1"
                                                   ng-change="checkedAll()"/>
                                            <i></i>
                                        </label>
                                    </th>
                                    <th>订单编号</th>
                                    <th>客户经理</th>
                                    <th>收货人</th>
                                    <th>批次号</th>
                                    <th>订单状态</th>
                                    <th>任务负责人</th>
                                    <th>任务分配时间</th>
                                    <th>任务开始时间</th>
                                    <th>任务完成时间</th>
                                    <th>装箱任务状态</th>
                                    <th width="80">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="order in orderList"
                                    ng-class="{'chose-tr':isPackingOrder($index)}"
                                    ng-mouseenter="show=true" ng-mouseleave="show=false">
                                    <th style="width: 20px;">
                                        <label class="checkbox" ng-if="order.packingTaskStatus != 2">
                                            <input type="checkbox"
                                                   checklist-model="choosePackingOrders"
                                                   checklist-change="changePackingOrderList()"
                                                   checklist-value="order">
                                            <i></i>
                                        </label>
                                    </th>
                                    <td ng-bind="order.orderNo"></td>
                                    <td ng-bind="order.managerName"></td>
                                    <td ng-bind="order.consigneeName"></td>
                                    <td ng-bind="order.batchNo"></td>
                                    <td ng-bind="order.orderStatusDesc"></td>
                                    <td ng-bind="order.packingTaskUsername"></td>
                                    <td ng-bind="order.packingTaskCreateTime | date: 'yyyy-MM-dd hh:mm:ss'"></td>
                                    <td ng-bind="order.packingTaskStartTime | date: 'yyyy-MM-dd hh:mm:ss'"></td>
                                    <td ng-bind="order.packingTaskEndTime | date: 'yyyy-MM-dd hh:mm:ss'"></td>
                                    <td ng-if="order.packingTaskStatus == 0" style="color:red; " ng-bind="order.packingTaskStatusDesc"></td>
                                    <td ng-if="order.packingTaskStatus == 1" ng-class="{'tdred':order.packingTaskStatus == 1}" ng-bind="order.packingTaskStatusDesc"></td>
                                    <td ng-if="order.packingTaskStatus == 2" ng-bind="order.packingTaskStatusDesc"></td>
                                    <td>
                                        <div>
                                            <!--<a href="javascript:void(0);" data-ng-click="choseOrder2CurrentPackingList($index)" title="装箱">-->
                                            <!--<span class="fa fa-inbox"></span>-->
                                            <!--</a>-->
                                            <a href="javascript:void(0);" ng-if="order.packingTaskStatus == 2" data-ng-click="printOrder(order);" title="打印">
                                                <span class="fa fa-print"></span>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                                <tr ng-if="orderList == null || orderList.length == 0">
                                    <td colspan="5">
                                        <div>暂无数据</div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="dt-toolbar-footer">
                            <div class="col-xs-12 col-sm-12">
                                <ug-pagination page-info="pageInfoSetting"></ug-pagination>
                            </div>
                        </div>
                    </div>
                    <!-- end widget content -->
                </div>
                <!-- end widget div -->
            </div>
            <!-- end widget -->

        </article>
        <!-- WIDGET END -->


        <!-- NEW WIDGET START -->
        <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12" ng-show="pageSetting.showPackingTask">

            <!-- Widget ID (each widget will need unique ID)-->
            <div class="jarviswidget" data-widget-deletebutton="false">
                <!-- widget options:
                usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

                data-widget-colorbutton="false"
                data-widget-editbutton="false"
                data-widget-togglebutton="false"
                data-widget-deletebutton="false"
                data-widget-fullscreenbutton="false"
                data-widget-custombutton="false"
                data-widget-collapsed="true"
                data-widget-sortable="false"

                -->
                <header>
                    <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                    <h2>订单商品装箱汇总</h2>
                </header>
                <!-- widget div-->
                <div>
                    <!-- widget edit box -->
                    <div class="jarviswidget-editbox">
                        <!-- This area used as dropdown edit box -->
                    </div>
                    <!-- end widget edit box -->
                    <!-- widget content -->
                    <div class="widget-body no-padding">
                        <div class="table-responsive">
                            <table class="table table-condensed table-hover smart-form has-tickbox">
                                <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>商品代码</th>
                                    <th>商品名称</th>
                                    <th style="text-align: center">已装数量/总数量</th>
                                    <th>商品装箱状态</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="packingOrderItem in packingOrderCountItemList"
                                    ng-click="choseOrderItem($index)" ng-if="packingOrderCountItemList.length > 0" ng-mouseenter="show=true" ng-mouseleave="show=false">
                                    <td ng-bind="($index+1) +((orderItemPageInfoSetting.pageNum -1) * orderItemPageInfoSetting.pageSize)"></td>
                                    <td style="font-weight:bold;font-size:20px" ng-bind="packingOrderItem.itemCode"></td>
                                    <td style="font-weight:bold;font-size:20px" ng-bind="packingOrderItem.itemName"></td>
                                    <td style="text-align: center;font-weight:bold;font-size:20px" ng-bind="packingOrderItem.packedItemQty +'/' + packingOrderItem.itemQty"></td>
                                    <td style="font-weight:bold;font-size:20px" ng-style="{color:packingOrderItem.packingStatusDesc == '已完成'?'red':''}" ng-bind="packingOrderItem.packingStatusDesc"></td>
                                </tr>
                                <tr ng-if="packingOrderCountItemList == null || packingOrderCountItemList.length == 0">
                                    <td colspan="5">
                                        <div>暂无数据</div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="dt-toolbar-footer">
                            <div class="col-xs-12 col-sm-12">
                                <ug-pagination page-info="orderItemPageInfoSetting"></ug-pagination>
                            </div>
                        </div>
                    </div>
                    <!-- end widget content -->
                </div>
                <!-- end widget div -->
            </div>
            <!-- end widget -->

        </article>
        <!-- WIDGET END -->
        <article class="col-xs-12 col-sm-12 col-md-9 col-lg-9" ng-show="pageSetting.showPackingTask">
            <div class="jarviswidget" data-widget-deletebutton="false">
                订单备注：{{newCurrentPackingTask.remark}}
            </div>
        </article>
        <!-- NEW WIDGET START -->
        <article class="col-xs-12 col-sm-12 col-md-9 col-lg-9" ng-show="pageSetting.showPackingTask">

            <!-- Widget ID (each widget will need unique ID)-->
            <div class="jarviswidget" data-widget-deletebutton="false">
                <!-- widget options:
                usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

                data-widget-colorbutton="false"
                data-widget-editbutton="false"
                data-widget-togglebutton="false"
                data-widget-deletebutton="false"
                data-widget-fullscreenbutton="false"
                data-widget-custombutton="false"
                data-widget-collapsed="true"
                data-widget-sortable="false"

                -->
                <header>
                    <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                    <h2>当前装箱订单列表</h2>
                </header>
                <!-- widget div-->
                <div>
                    <!-- widget edit box -->
                    <div class="jarviswidget-editbox" data-widget-deletebutton="false">
                        <!-- This area used as dropdown edit box -->
                    </div>
                    <!-- end widget edit box -->
                    <!-- widget content -->
                    <div class="widget-body no-padding">
                        <div class="dt-toolbar">
                            <form ug-validate="scanItemForm" name="scanItemForm2" novalidate="">
                                <div class="input-group">
                                    <input class="form-control" type="text" required data-rule-minlength="7" ng-model="item.upc" ng-keyup="scanItemEvent($event);" placeholder="商品UPC">
                                    <div class="input-group-btn">
                                        <button ng-if="choosePackingOrders.length == 1" class="btn btn-default btn-primary margin-right-5" data-ng-click="nextPackingTask()" type="button">
                                            <i class="fa fa-next"></i> 下一个任务
                                        </button>
                                        <button class="btn btn-default btn-primary margin-right-5" data-ng-click="autoPackingList()" type="button">
                                            <i class="fa fa-cube"></i> 自动装箱
                                        </button>
                                        <button class="btn btn-default btn-primary" data-ng-click="finishOrderPacking()" type="button">
                                            <i class="fa fa-list"></i> 返回列表
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-condensed table-hover smart-form has-tickbox">
                                <thead>
                                <tr>
                                    <th style="width: 45px;">箱位号</th>
                                    <th width="120">装箱编号</th>
                                    <th width="120">订单编号</th>
                                    <th>收货人</th>
                                    <th>创建时间</th>
                                    <th>装箱数</th>
                                    <th>订单状态</th>
                                    <th>任务状态</th>
                                    <th width="80">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="box in currentPackingBoxList">
                                    <td ng-bind="$index + 1"></td>
                                    <td ng-bind="box.currentPacking.packingNo"></td>
                                    <td ng-bind="box.orderNo"></td>
                                    <td ng-bind="box.consigneeName"></td>
                                    <td ng-bind="box.createTime | date: 'yyyy-MM-dd hh:mm:ss'"></td>
                                    <td ng-bind="box.boxNum"></td>
                                    <td ng-bind="box.orderStatusDesc"></td>
                                    <td ng-bind="box.packingTaskStatusDesc"></td>
                                    <td>
                                        <div ng-show="box.orderNo">
                                            <a href="javascript:void(0);" data-ng-click="showPackingDetail($index)" title="查看明细">
                                                <span class="fa fa-eye"></span>
                                            </a>
                                            |
                                            <a href="javascript:void(0);" data-ng-click="changeBox($index)" title="换箱">
                                                <span class="fa fa-inbox"></span>
                                            </a>
                                            |
                                            <!--<a href="javascript:void(0);" data-ng-click="autoPacking($index)">自动装箱</a>-->
                                            <!--|-->
                                            <!--<a href="javascript:void(0);" data-ng-click="finishOrderPacking($index)" title="完成装箱">-->
                                            <!--<span class="fa fa-cube"></span>-->
                                            <!--</a>-->
                                        </div>
                                    </td>
                                </tr>
                                <tr ng-if="currentPackingBoxList == null || currentPackingBoxList.length == 0">
                                    <td colspan="5">
                                        <div>暂无数据</div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!-- end widget content -->
                </div>
                <!-- end widget div -->
            </div>
            <!-- end widget -->

        </article>

        <audio id="chatItemAudio">
            <source src="sound/item.wav" type="audio/mpeg">
        </audio>
        <audio id="chatOrderAudio">
            <source src="sound/order.wav" type="audio/mpeg">
        </audio>
        <!-- WIDGET END -->

        <!-- NEW WIDGET START -->
        <article class="col-xs-12 col-sm-12 col-md-3 col-lg-3" ng-show="pageSetting.showPackingTask">

            <!-- Widget ID (each widget will need unique ID)-->
            <div class="jarviswidget" data-widget-deletebutton="false">
                <!-- widget options:
                usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

                data-widget-colorbutton="false"
                data-widget-editbutton="false"
                data-widget-togglebutton="false"
                data-widget-deletebutton="false"
                data-widget-fullscreenbutton="false"
                data-widget-custombutton="false"
                data-widget-collapsed="true"
                data-widget-sortable="false"

                -->
                <header>
                    <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                    <h2>放入箱位号</h2>
                </header>
                <!-- widget div-->
                <div>
                    <!-- widget edit box -->
                    <div class="jarviswidget-editbox">
                        <!-- This area used as dropdown edit box -->
                    </div>
                    <!-- end widget edit box -->
                    <!-- widget content -->
                    <div class="widget-body no-padding">
                        <div class="dt-toolbar-footer" style="text-align: center; font-size: 100px;">
                            <b ng-bind="showPutBoxNum"></b>
                        </div>
                        <!--<div class="table-responsive">-->
                        <!--<table class="table table-condensed table-hover smart-form has-tickbox">-->
                        <!--<thead>-->
                        <!--<tr>-->
                        <!--<th style="width: 45px;">序号</th>-->
                        <!--<th>装箱操作历史信息</th>-->
                        <!--</tr>-->
                        <!--</thead>-->
                        <!--<tbody>-->
                        <!--<tr ng-repeat="history in packingHistory">-->
                        <!--<td ng-bind="$index + 1"></td>-->
                        <!--<td ng-bind="history.message"></td>-->
                        <!--</tr>-->
                        <!--<tr ng-if="packingHistory == null || packingHistory.length == 0">-->
                        <!--<td colspan="2">-->
                        <!--<div>暂无数据</div>-->
                        <!--</td>-->
                        <!--</tr>-->
                        <!--</tbody>-->
                        <!--</table>-->
                        <!--</div>-->

                    </div>
                    <!-- end widget content -->
                </div>
                <!-- end widget div -->
            </div>
            <!-- end widget -->

        </article>
        <!-- WIDGET END -->

    </div>

    <!-- end row -->


</section>
<!-- end widget grid -->
<script>
    pageSetUp();
</script>

<script type="text/ng-template" id="viewPackingDetail.html">
    <div class="modal-header">
        <h3 class="modal-title">装箱详情</h3>
    </div>
    <div class="modal-body">
        <div class="widget-body">
            <!-- NEW WIDGET START -->
            <article class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

                <!-- Widget ID (each widget will need unique ID)-->
                <div class="jarviswidget">
                    <!-- widget options:
                    usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

                    data-widget-colorbutton="false"
                    data-widget-editbutton="false"
                    data-widget-togglebutton="false"
                    data-widget-deletebutton="false"
                    data-widget-fullscreenbutton="false"
                    data-widget-custombutton="false"
                    data-widget-collapsed="true"
                    data-widget-sortable="false"

                    -->
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>订单商品装箱汇总</h2>
                    </header>
                    <!-- widget div-->
                    <div>
                        <!-- widget edit box -->
                        <div class="jarviswidget-editbox">
                            <!-- This area used as dropdown edit box -->
                        </div>
                        <!-- end widget edit box -->
                        <!-- widget content -->
                        <div class="widget-body no-padding">
                            <div class="alert alert-info no-margin fade in">
                                <label>装箱订单号：{{choseOrder.orderNo}}</label><br>
                            </div>
                            <div class="dt-toolbar">
                                <div class="col-sm-12">
                                    <label>
                                        <input type="search" placeholder="装箱记录编号/收货人" data-ng-keyup="getPackingOrderItemList()" ng-model="queryParam.packingOrderKeyword" class="form-control" aria-controls="dt_basic">
                                    </label>
                                    <button class="btn btn-primary" type="button" data-ng-click="getPackingOrderItemList()">
                                        <i class="fa fa-refresh"></i>
                                        刷新
                                    </button>
                                </div>
                                <div class="col-sm-12" ng-show="errors">
                                    <div class="form-group">
                                        <div class="col-md-12 error">
                                            {{errors.message}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-condensed table-hover smart-form has-tickbox">
                                    <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th width="120">装箱编号</th>
                                        <th>商品名称</th>
                                        <th>商品装箱状态</th>
                                        <th style="text-align: center">已装数量/总数量</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr ng-repeat="packingOrderItem in packingOrderItemList"
                                        ng-class="{'chose-tr':choseOrder.choseOrderItem.orderItemId==packingOrderItem.orderItemId}"
                                        ng-click="choseOrderItem($index)" ng-if="packingOrderItemList.length > 0" ng-mouseenter="show=true" ng-mouseleave="show=false">
                                        <td ng-bind="($index+1) +((orderItemPageInfoSetting.pageNum -1) * orderItemPageInfoSetting.pageSize)"></td>
                                        <td ng-bind="packingOrderItem.orderNo"></td>
                                        <td ng-bind="packingOrderItem.itemName"></td>
                                        <td ng-bind="packingOrderItem.packingStatusDesc"></td>
                                        <td style="text-align: center" ng-bind="packingOrderItem.packedItemQty +'/' + packingOrderItem.itemQty"></td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr ng-if="packingOrderItemList == null || packingOrderItemList.length == 0">
                                        <td colspan="5">
                                            <div>暂无数据</div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="dt-toolbar-footer">
                                <div class="col-xs-12 col-sm-12">
                                    <ug-pagination page-info="orderItemPageInfoSetting"></ug-pagination>
                                </div>
                            </div>
                        </div>
                        <!-- end widget content -->
                    </div>
                    <!-- end widget div -->
                </div>
                <!-- end widget -->

            </article>
            <!-- WIDGET END -->

            <!-- NEW WIDGET START -->
            <article class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

                <!-- Widget ID (each widget will need unique ID)-->
                <div class="jarviswidget">
                    <!-- widget options:
                    usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

                    data-widget-colorbutton="false"
                    data-widget-editbutton="false"
                    data-widget-togglebutton="false"
                    data-widget-deletebutton="false"
                    data-widget-fullscreenbutton="false"
                    data-widget-custombutton="false"
                    data-widget-collapsed="true"
                    data-widget-sortable="false"

                    -->
                    <header>
                        <span class="widget-icon"> <i class="fa fa-table"></i> </span>
                        <h2>商品装箱记录</h2>
                    </header>
                    <!-- widget div-->
                    <div>
                        <!-- widget edit box -->
                        <div class="jarviswidget-editbox">
                            <!-- This area used as dropdown edit box -->
                        </div>
                        <!-- end widget edit box -->
                        <!-- widget content -->
                        <div class="widget-body no-padding">
                            <div class="dt-toolbar">
                                <div class="col-sm-4">
                                    <div class="dataTables_filter">
                                        <label>
                                            <input type="search" placeholder="UPC" data-ng-keyup="getPackingRecordList()" ng-model="queryParam.packingRecordKeyword" class="form-control" aria-controls="dt_basic"></label>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <button class="btn btn-primary" type="button" data-ng-click="getPackingRecordList()">
                                        <i class="fa fa-refresh"></i>
                                        刷新
                                    </button>
                                </div>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-striped table-condensed table-hover smart-form has-tickbox">
                                    <thead>
                                    <tr>
                                        <th>UPC</th>
                                        <th>装箱编号</th>
                                        <th>商品名称</th>
                                        <th>扫描时间</th>
                                        <th width="40">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr ng-repeat="packingRecord in packingRecordList" ng-if="packingRecordList.length > 0" ng-mouseenter="show=true" ng-mouseleave="show=false">
                                        <td ng-bind="packingRecord.upc"></td>
                                        <td ng-bind="packingRecord.packingNo"></td>
                                        <td ng-bind="packingRecord.itemName"></td>
                                        <td ng-bind="packingRecord.scanTime | date: 'yyyy-MM-dd hh:mm:ss'"></td>
                                        <td>
                                            <div ng-show="show">
                                                <a href="javascript:void(0);" data-ng-click="removePacking($index)" title="删除">
                                                    <span class="fa fa-trash-o"></span>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr ng-if="packingRecordList == null || packingRecordList.length == 0">
                                        <td colspan="6">
                                            <div>暂无数据</div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="dt-toolbar-footer">
                                <div class="col-xs-12 col-sm-12">
                                    <ug-pagination page-info="packingRecordPageInfoSetting"></ug-pagination>
                                </div>
                            </div>
                        </div>
                        <!-- end widget content -->
                    </div>
                    <!-- end widget div -->
                </div>
                <!-- end widget -->

            </article>
            <!-- WIDGET END -->
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn btn-warning" ng-click="cancel()">关闭</button>
    </div>
</script>