europeE.vm 9.72 KB
##$page.setTitle("European English Export")
<title>European English Export</title>
<div class="xn-breadcrumb xn-width auto clearfix ">
    <ul class="breadcrumb">
        <li><a class="icon icon-home_page" href="$customizationLink.setTarget("index")"></a></li>
        <li><a href="$customizationLink.setTarget("report")">Report Center</a></li>
        <li class="active">European English Export</li>
    </ul>
</div>

<div class="xn-main  auto xn-width  clearfix" ng-controller="EuropeReportController">
    <div class="pm-task-bottom-top pm-plan-bottom-top  mt_10  mb_10 clearfix">
        <h3>European English Export</h3>
        <a href="europe.vm"><span class="f-right">Switch Chinese version</span></a>
    </div>

        <div class="xn-form-table-wrap">


            <div class="xn_search_box auto">
                <div class="xn-input-line  clearfix">
                    <label class="xn-col-sm-4 l-h-34 34 xn-text-right">Date:</label>
                    <div class="xn-col-sm-8">
                        <div class="input-group openData">
                            <input type="text" class="form-control h_34 l-h-34" id="startDate2" placeholder="StartDate"
                                   ng-model="vm.startTime" name="regularDate"
                                   datepicker-popup="yyyy-MM-dd" is-open="startDate2" min-date="minDate"
                                   datepicker-options="dateOptions"
                                   date-disabled="disabled(date, mode)" close-text="close"
                                   current-text="Today"
                                   clear-text="clean">
                                <span class="input-group-btn">
                                    <button class="btn btn-default padding-top-bottom h_34 l-h-14" type="button" ng-click="openStart($event,2)">
                                        <i class="glyphicon glyphicon-calendar"></i></button>
                                </span>
                        </div>
                    </div>
                    <label class="xn-col-sm-1 l-h-34 xn-text-center">To</label>
                    <div class="xn-col-sm-8">
                        <div class="input-group openData">
                            <input type="text" class="form-control h_34 l-h-34" id="endDate2" placeholder="EndDate"
                                   ng-model="vm.endTime" name="regularDate"
                                   datepicker-popup="yyyy-MM-dd" is-open="endDate2" min-date="minDate"
                                   datepicker-options="dateOptions"
                                   date-disabled="disabled(date, mode)" close-text="close"
                                   current-text="Today"
                                   clear-text="clean">
                                    <span class="input-group-btn">
                                        <button class="btn btn-default padding-top-bottom h_34 l-h-14" type="button"
                                                ng-click="openEnd($event,2)"><i
                                                class="glyphicon glyphicon-calendar"></i></button>
                                    </span>
                        </div>
                    </div>

                    <label class="xn-col-sm-4 l-h-34 xn-text-right  ml_25">Warehouse:</label>
                    <div class="xn-col-sm-8 mt_7">
                        <lookup options="roomOptions" name="storeroomName"
                                show-field="vm.storeroomName"
                                ng-model="vm.storeroomId"
                                place-holder="Please enter the name of the warehouse" >
                            <table>
                                <tbody>
                                <tr ng-repeat="storeroom in storeroomList"
                                    ng-click="selectStoreroom(storeroom)">
                                    <td>{{storeroom.name}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </lookup>
                    </div>

                    <label class="xn-col-sm-4 l-h-34 xn-text-right  ml_25">Brand:</label>
                    <div class="xn-col-sm-8 mt_7">
                        <lookup options="brandOptions" name="brandName"
                                show-field="vm.brandName"
                                ng-model="vm.brandId"
                                place-holder="Please enter the brand name" >
                            <table>
                                <tbody>
                                <tr ng-repeat="brand in brandList"
                                    ng-click="selectBrand(brand)">
                                    <td>{{brand.name}}</td>
                                </tr>
                                </tbody>
                            </table>
                        </lookup>
                    </div>

                </div>

                <div class="xn-input-line  clearfix">
                    <label class="xn-col-sm-4 l-h-34 xn-text-right  ml_25">The Material:</label>
                    <div class="xn-col-sm-8 mt_7">
                        <input class="form-control" type="text" ng-model="vm.itemNumber">
                    </div>

                    <label class="xn-col-sm-4 l-h-34 xn-text-right  ml_25">Specification Code:</label>
                    <div class="xn-col-sm-8 mt_7">
                        <input class="form-control" type="text" ng-model="vm.itemSpecCode">
                    </div>

                    <label class="xn-col-sm-4 l-h-34 xn-text-right  ml_25">Commodity Status:</label>
                    <div class="xn-col-sm-8 mt_7">
                        <select class="xn-click-input form-control"  ng-change="selectIsShip(isShip)" ng-model="isShip"
                                ng-options="isShip.value as isShip.name for isShip in isShipList">
                            <option value="">Please select the commodity status</option>
                        </select>
                    </div>


                </div>

                <div class="xn-input-line clearfix pt_10">
                    <div class="xn-input-line  clearfix">
                        <button class="btn btn-success btn-sm w_80 f-right ml_10"  ng-click="doExport()">Export</button>
                        <button type="button" class="btn btn-success btn-sm w_80 f-right"  ng-click="query()">Search</button>
                    </div>
                </div>
            </div>


##                <div class="xn-input-line clearfix f-right">
##                    <a class=" btn btn-primary mr_30" ng-click="query()">Search</a>
##                    <a class=" btn btn-primary mr_30" ng-click="export()">Export</a>
##                </div>
        </div>



    <div class="xn-table-wrap">
        <table class="table table-bordered table-striped ">
            <thead>
            <tr>
                <th class="xn-col-sm-2 ">Warehouse Name</th>
                <th class="xn-col-sm-2 ">Brand Name</th>
                <th class="xn-col-sm-2 ">Category</th>
                <th class="xn-col-sm-2 ">The Material</th>
                <th class="xn-col-sm-2 ">Material Name</th>
                <th class="xn-col-sm-2 ">Specification Code</th>
                <th class="xn-col-sm-2">Form Name</th>
                <th class="xn-col-sm-2 ">Available Quantity</th>
                <th class="xn-col-sm-2" >Allocation Quantity</th>
                <th class="xn-col-sm-2">Stock Number</th>
                <th class="xn-col-sm-2" >Safety Stock</th>
                <th class="xn-col-sm-2" >Commodity Status</th>
                <th class="xn-col-sm-1" >Length</th>
                <th class="xn-col-sm-1" >Width</th>
                <th class="xn-col-sm-1" >Height</th>
                <th class="xn-col-sm-2" >Net Weight</th>
            </tr>
            </thead>
            <tbody id="tbody">
            <tr ng-repeat="europe in europeList">
                <td>{{europe.storeroomName}}</td>
                <td>{{europe.brandName}}</td>
                <td>{{europe.categoryName}}</td>
                <td>{{europe.itemNumber}}</td>
                <td>{{europe.itemName}}</td>
                <td>{{europe.itemSpecCode}}</td>
                <td>{{europe.itemSpecName}}</td>
                <td>{{europe.canUseQuantity}}</td>
                <td>{{europe.allocationQuantity}}</td>
                <td>{{europe.balanceQuantity}}</td>
                <td>{{europe.safeQuantity}}</td>
                <td>{{europe.states|itemStates}}</td>
                <td>{{europe.length| moneySingle:2}}</td>
                <td>{{europe.width| moneySingle:2}}</td>
                <td>{{europe.height| moneySingle:2}}</td>
                <td>{{europe.weight| moneySingle:2}}</td>
            </tr>
            <tr  ng-if="vm.totalCount == 0"><td colspan="29" class="center">Unable to find the corresponding record</td></tr>
            </tbody>
        </table>
##        <div class="xn-text-center clearfix" >
##            <div class="xn-directive-page pagetop" xn-pagination ng-model="vm"  data-on-change="onChange()" ng-show="vm.totalCount>=vm.pageSize">
##            </div>
##
##        </div>
        <div class="xn-text-center clearfix" >
            <div class="f-left mt_20 mb_10">TotalCount:{{vm.totalCount}}</div>
            <pagination  ng-show="vm.totalCount>vm.pageSize"  ng-change="query()"  max-size="5" total-items="vm.totalCount"
                         ng-model="vm.pageNumber" items-per-page="vm.pageSize"  class="pagination-sm"  boundary-links="true"
                         previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
        </div>
    </div>
</div>
<script type="text/javascript" src="$customizationContent.getURI('dist/scripts/report.js')"></script>