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

@{
   
    ViewBag.ActiveMenu = PermissionNames.PagesProductionInfoOutSourcingMissStoreMg; //The menu item will be active for this page.
    ViewBag.Title = "排产单入库缺失信息";
    
    var searchForm = new SearchFormViewModal(new List<SearchItem>()
{
    new SearchItem("productionOrderNo","排产单号"),
    new SearchItem("partNo","零件号"),
    new SearchItem("model","规格"),
    new SearchItem("material","材质"),
    new SearchItem("semiProductNo","半成品编码").SetSearchIcon("query_semiProduct_modal"),
}, false);
}
@section css{
    <link href="~/Content/Plugins/viewer/viewer.min.css" rel="stylesheet" /> 
    
}

<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/OutSourcingMissStore/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="true">
        <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="semiProductName">名称</th>
				<th data-align="center" data-field="partNo">零件号</th>
				<th data-align="center" data-field="model">规格</th>
				<th data-align="center" data-field="material">材质</th>
				<th data-align="center" data-field="surfaceColor">表色</th>
				<th data-align="center" data-field="rigidity">硬度</th>
				<th data-align="center" data-field="plannedQuantity">排产数量(千件)</th>
				<th data-align="center" data-field="actualQuantity">实际入库数量</th>
				<th data-align="center" data-field="missQuantity">缺失数量</th>
				@* <th data-align="center" data-field="kgWeight" data-formatter="KgWeightFormatter">千件重</th> *@
				<th data-align="center" data-field="semiProductNo">半成品编码</th>
			</tr>
        </thead>
    </table>
</div>

@section modal{
    <section>
      
    </section>
    @Html.Partial("Modals/Query/_SemiProduct", "semiProductNo|KeyWords-9")
    
}

@section scripts
{
    <script src="~/Content/Plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script src="~/Content/Plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="~/Content/Plugins/viewer/viewer.min.js"></script>
    <script src="~/Content/Plugins/PrintPreView/print-preView.js"></script>
    <script type="text/javascript">
        var datePickerOpt = {
            language: 'zh-CN',
            format: "yyyy-mm-dd",
            todayBtn: true,
            autoclose: true,
            startView: 2,
            minView: 2,
            maxView: 4
            //showSecond: true,
            //showHours: true,
            //minuteStep: 10
        };
        var isUpdate
        $(function () {

            LoadTable();

            var funs = window.funs || { none: function () { console.log("No type"); } };



        });   
    </script>

    <script type="text/javascript">
        function KgWeightFormatter(value, row) {
            if (!value && value !== 0) {
				return '<span class="text-danger">-</span>';
			}
			return `<span class="kg-weight-editable" >${value} kg</span>`;
		}

		 

	 
    </script>


}