storagePosManage.jsp 7.0 KB
<%@ page import="com.myproject.webapp.controller.webService.DataCache" %>
<%@ page import="java.util.Date" %><%--
  Created by IntelliJ IDEA.
  User: kangmor
  Date: 2015/12/4
  Time: 9:28
  To change this template use File | Settings | File Templates.
--%>
<%@ include file="/common/taglibs.jsp" %>
<%@ page language="java" pageEncoding="UTF-8" %>

<c:if test="${screen != 'tablet'}">
    <!-- BEGIN PAGE HEADER-->
    <h3 class="page-title">
        库位管理
    </h3>
</c:if>

<!-- BEGIN PAGE CONTENT-->
<div class="row">
    <div class="col-md-12">
    <div class="portlet box blue">
        <c:if test="${screen != 'tablet'}">
            <div class="portlet-title">
                <div class="caption">
                        <%--<i class="fa fa-list-alt"></i><fmt:message key="component.list"/>--%>
                </div>
                <div class="tools">

                </div>
            </div>
        </c:if>
        <div class="portlet-body">
<!-- 正常展示-->

            <form:form commandName="searchCriteria" class="form-horizontal form-bordered" id="searchCriteria"
                       action="storagePosManage.html">

                <div class="form-group">

                    <label class="control-label col-md-1 col-xs-2"><fmt:message key="dataLog.storageName"/></label>

                    <div class="col-md-2">
                        <form:select path="storageId" class="form-control">
                            <form:option value=""><fmt:message key="select.all"/></form:option>
                            <c:forEach items="${allStorage}" var="storage">
                                <form:option value="${storage.id}"> ${storage.name}</form:option>
                            </c:forEach>
                        </form:select>
                    </div>
                    <label class="control-label col-md-1"><fmt:message key="仓位"/></label>

                    <div class="col-md-2">
                        <div style="text-align:left">
                            <form:input path="posName" class="form-control"/>
                        </div>
                    </div>

                    <label class="control-label col-md-1 col-xs-2"><fmt:message key="storage.enable"/></label>
                    <div class="col-md-2">
                        <form:select path="enabled" class="form-control">
                            <form:option value=""><fmt:message key="select.all"/></form:option>
                            <form:option value="true"> <fmt:message key="storage.enable.yes"/></form:option>
                            <form:option value="false"> <fmt:message key="storage.enable.no"/></form:option>
                        </form:select>
                    </div>
                    <div class="col-md-2">
                        <button class="btn purple" type="submit"><i class="fa fa-search"></i><fmt:message key="button.search"/> </button>
                    </div>
                </div>

            </form:form>


            <div class="table-scrollable">
                <c:set var="today" value="<%= new Date()%>"/>
                <display:table name="searchCriteria.pageList" requestURI="storagePosManage.html" sort="external"
                               defaultsort="1" class="table table-striped table-bordered table-hover" export="true"
                               id="pos" >
                    <display:setProperty name="export.csv.filename" value="posList.csv" />
                    <c:set var="enabledClass" value=""/>
                    <c:if test="${!pos.enabled}">
                        <c:set var="enabledClass" value="enabled"/>
                    </c:if>

                    <display:column titleKey="storagePosFind.index">${pos_rowNum}</display:column>
                    <display:column property="posName" titleKey="checkOut.pos" sortProperty="posName" sortable="true"/>
                    <display:column titleKey="storage.enable"  class="${enabledClass}">
                        <c:if test="${!pos.enabled}">
                            <fmt:message key="storage.enable.no"/>
                            [
                            <a onclick="enablePos(this,'${pos.id}',true);">
                                启用
                            </a>]
                        </c:if>
                        <c:if test="${pos.enabled}" >
                            <fmt:message key="storage.enable.yes"/>
                            [
                            <a onclick="enablePos(this,'${pos.id}',false);">
                                禁用
                            </a>]
                        </c:if>
                    </display:column>
                    <display:column titleKey="storage.posSize">
                        ${pos.sizeStr}
                    </display:column>
                    <display:column property="barcode.barcode" titleKey="barcode.barcode" sortProperty="barcode.barcode" sortable="true"/>

                    <display:column titleKey="时间" sortProperty="updateDate" sortable="true">
                        <fmt:formatDate value="${pos.updateDate}" pattern="yyyy-MM-dd HH:mm"/>
                    </display:column>

                    <display:column titleKey="">
                        <button class="btn yellow" id="btn${pos.id}" onclick="checkoutPos('${pos.id}')">
                            <i class="fa fa-sign-out"></i><fmt:message key="button.checkout"/></button>
                    </display:column>
                </display:table>
            </div>
        </div>
    </div>
    <!-- END EXAMPLE TABLE PORTLET-->
    </div>
    </div>


    <!-- END PAGE CONTENT-->
    <form method="get" action="${ctx}/service/store/checkout.html" id="checkoutForm">
        <input type="hidden" name="pid" id="pid"/>
    </form>

    <c:set var="scripts" scope="request">
        <script>

            function enablePos(linkDom, posId,enabled){
                $.post("${ctx}/service/store/enablePos", {pid: posId,enabled:enabled }, function (data) {
                    if(data != ''){
                        alert(data);
                    }else{
                        $(linkDom).parents("tr").toggleClass("font-grey");
                        $(linkDom).toggleClass("enabled");
                        if(enabled){
                            $(linkDom).parents("td").html("是[<a onclick='enablePos(this,"+posId+",false);'>禁用</a>]");
                        }else{
                            $(linkDom).parents("td").html("否[<a onclick='enablePos(this,"+posId+",true);'>启用</a>]");
                        }

                        alert("操作成功");
                    }
                })
            }

            $(".enabled").each(function(){
                var oldClass = $(this).parent().attr("class");
                $(this).parents("tr").attr("class",oldClass + " font-grey");
            });

            function checkoutPos(posId) {
                $("#btn"+posId).attr("disabled","true");
                $.post("${ctx}/service/store/checkout.html", {pids: posId}, function (data) {
                    alert(data);
                });
            }

        </script>
    </c:set>