@using ShwasherSys.Authorization.Permissions
@using ShwasherSys.Models.Layout
@using ShwasherSys.Models.Modal

@{
    /**/
    ViewBag.ActiveMenu = PermissionNames.PagesFinshedStoreInfoFinshedOutStoreApplyMg; //The menu item will be active for this page.
    ViewBag.Title = "成品出库申请审核";
    List<SelectListItem> applyStatus = ViewBag.FinshedApplyStatus;
    var searchForm = new SearchFormViewModal(new List<SearchItem>()
    {
        new SearchItem("productionOrderNo","排产单号"),
        new SearchItem("productName","产品名称"),
        new SearchItem("model","规格"),
        new SearchItem("material","材质"),
        new SearchItem("surfaceColor","表色"),
        new SearchItem("rigidity","硬度"),
        new SearchItem("productNo","成品编码").SetSearchIcon("query_Product_modal"),
        new SearchItem("applyStatus","申请状态",FiledType.I,ExpType.Equal)
            .SetSearchItem(applyStatus),
        new SearchItem("customerName","客户名称"),
        new SearchItem("orderDate","订单日期",FiledType.Dnull,ExpType.GreaterOrEqual),
        new SearchItem("orderDate","到",FiledType.Dnull,ExpType.LessOrEqual),
    }, false);
}
<section style="display: none">
    @Html.DropDownList("hide-ApplyStatus", applyStatus)
</section>
<div class="table-box mr-4  iwb-bootstrap-table">

    @Html.Action("ToolMenu", "Layout", new { pageName = ViewBag.ActiveMenu, searchForm })
    <table id="table"
           data-url="/api/services/app/FinshedOutStore/GetViewAll"
           data-striped="true" data-id-field="id" data-unique-id="id"
           data-method="post"
           data-side-pagination="server"
           data-content-type="application/x-www-form-urlencoded; charset=UTF-8"
           data-cache="false"
           data-pagination="true" data-page-size="30" data-page-number="1" data-page-list="[30,50,100,200]" data-pagination-detail-h-align="right" data-pagination-h-align="left"
           data-query-params="QueryParams"
           data-response-handler="ResponseHandler"
           data-click-to-select="true"
           data-single-select="false">
        <thead>
            <tr class="row" id="header">
                <th data-field="state" data-checkbox="true"></th>
                <th data-align="center" data-field="productionOrderNo">批次号</th>
                <th data-align="center" data-field="productNo">成品编号</th>
                <th data-align="center" data-field="quantity">申请出库数量(千件)</th>
                <th data-align="center" data-field="actualQuantity">出库数量(千件)</th>
                <th data-align="center" data-field="storeHouseId" data-formatter="StoreHouseIdFormatte">仓库</th>
                <th data-align="center" data-field="applyStatus" data-formatter="ApplyStatusFormatter">申请状态</th>
                <th data-align="center" data-field="applyOutDate">申请时间</th>
                <th data-align="center" data-field="productName">产品名称</th>
                <th data-align="center" data-field="surfaceColor">表色</th>
                <th data-align="center" data-field="model">规格</th>
                <th data-align="center" data-field="applyOutStoreSourceType" data-formatter="ApplyOutStoreSourceTypeFormatter">出库原由</th>
                <th data-align="center" data-field="createSourceType" data-formatter="CreateSourceTypeFormatter">申请类型</th>
                <th data-align="center" data-field="customerName">客户名称</th>
                <th data-align="center" data-field="orderSendBillNo">发货单号</th>
                <th data-align="center" data-field="orderDate">订单日期</th>
            </tr>
        </thead>
    </table>
</div>

@section modal{
    <section>
        <!--Main Modal-->

        <div class="modal fade" id="modal" role="dialog" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
            <div class="modal-dialog  modal-dialog-centered" role="document">
                <div class="modal-content">
                    @Html.Partial("Modals/_ModalHeader", new ModalHeaderViewModel("成品出库确认", ""))
                    @{
                        var inputs = new List<InputViewModel>
                                {
                                    new InputViewModel("id", hide:true),
                                    new InputViewModel("actualQuantity", displayName:"确认出库数量(千件)",@class:"number",other:"min=0.001"),
                                };
                        //var specials = new List<SpecialInputModel>();
                    }
                    @Html.Partial("Modals/_ModalBody", new ModalBodyViewModel(inputs))
                    @Html.Partial("Modals/_ModalFooter", "0")
                </div>
            </div>
        </div>
    </section>
    @Html.Partial("Modals/Query/_Product", "KeyWords-7")

}

@section scripts
{
    <script type="text/javascript">

        $(function () {
            $("#KeyWords-8").val("1").select2();//默认先未审核的
            LoadTable();
            var funs = window.funs || { none: function () { console.log("No type"); } };
            funs["btnUpdate"] = function () {
                var rows = config.table.bootstrapTable("getSelections");
                if (rows.length === 1) {
                    if (rows[0].applyStatus === 5) {
                        abp.message.warn("申请单已出库，不能进行修改！");
                        return;
                    }
                    BtnUpdate({ readonly: "", data: { id: rows[0].id, actualQuantity: rows[0].quantity } });
                } else
                    abp.message.warn(abp.localization.localize("ChooseOneToOp"));
            };

            funs["btnRefuse"] = function(url) {
                var rows = config.table.bootstrapTable("getSelections");
                if (rows.length === 1) {
                    if (rows[0].applyStatus === 2 || rows[0].applyStatus === 5) {
                        abp.message.warn("申请已审核通过,不能操作！");
                        return;
                    }
                    //var url = config.tableTool.find('.btn[data-type=btnDelete]').data('url');
                    abp.message.confirm("确认拒绝出库申请？","拒绝申请",function() {
                            SaveAjax({ url: url, data: { Id: rows[0].id }, isValidate: false });
                        });
                } else
                    abp.message.warn(abp.localization.localize("ChooseOneToOp"));
            };
            funs["btnRecovery"] = function(url) {
                var rows = config.table.bootstrapTable("getSelections");
                if (rows.length === 1) {
                    if (rows[0].applyStatus !== 4) {
                        abp.message.warn("只能恢复已拒绝的申请！");
                        return;
                    }
                    //var url = config.tableTool.find('.btn[data-type=btnDelete]').data('url');
                    abp.message.confirm("确认恢复出库申请？","恢复申请",function() {
                        SaveAjax({ url: url, data: { Id: rows[0].id }, isValidate: false });
                    });
                } else
                    abp.message.warn(abp.localization.localize("ChooseOneToOp"));
            };
            funs["btnAuditBatch"] = function (url) {
                var rows = config.table.bootstrapTable("getSelections");
                if (rows.length > 0) {
                    abp.message.confirm("确认批量审核申请？", "批量审核", function () {
                        SaveAjax({ url: url, data: GetAuditBatchData(rows), isValidate: false });
                    });
                } else
                    abp.message.warn(abp.localization.localize("ChooseOneToOp"));
            };

        });
        function GetAuditBatchData(rows) {
            if (!rows || rows.length===0) {
                return {};
            }
            var data = [];
            for (var i = 0; i < rows.length; i++) {
                data.push(rows[i].id);
            }
            return { Ids: data};
        }
        //function f_excuteApply(id, status) {
        //    abp.message.confirm("确认取消申请?",
        //        "取消申请",
        //        function () {
        //            abp.ajax({
        //                url: window.appUrl + 'ProductionOrders/ChangeSemiOutStoreApplyStatus',
        //                data: { Id: id, ProductionOrderStatus: status },
        //                async: true,
        //                type: "Post",
        //                contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
        //                isValidate: false,
        //                dataType: "json",
        //                success: function (res) {
        //                    abp.message.success(abp.localization.localize("OpSuccess"));
        //                    RefreshTable();
        //                }
        //            });
        //        });
        //}

        function StoreHouseIdFormatte(v, r) {
            if (v === 1) {
                return '<span class="label label-primary">成品仓库</span>';
            } else if (v === 2) {
                return '<span class="label label-info">半成品仓库</span>';
            }
            return v;
        }

        function ApplyStatusFormatter(v,r) {
            if (r.isClose) {
                return '<span class="label label-primary">已结束</span>';
            }
            console.log("status" + v);
            var name = $("#hide-ApplyStatus option[value='" + v + "']").text();
            if (v === 1) {
                return '<span class="label label-info">' + name + '</span>';
            } else if (v === 2) {
                return '<span class="label label-success">' + name + '</span>';
            } else if (v === 3) {
                return '<span class="label label-warning">' + name + '</span>';
            } else if (v === 4) {
                return '<span class="label label-danger">' + name + '</span>';
            }
            return '<span class="label label-info">' + name + '</span>';
        }
        function CreateSourceTypeFormatter(v, r) {
            if (v === 2) {
                return '<span class="label label-info">手动平衡库存</span>';
            }
            return "";
        }

        function ApplyOutStoreSourceTypeFormatter(v, r) {
            if (v === 1) {
                return '<span class="label label-info">外协加工</span>';
            } else if (v === 2) {
                return '<span class="label label-success">包装</span>';
            } else if (v === 3) {
                return '<span class="label label-warning">发货</span>';
            } else if (v === 4) {
                return '<span class="label label-danger">出库平衡</span>';
            } else if (v === 5) {
                return '<span class="label label-info">成品改镀</span>';
            }

        }
    </script>

}