@{
    ViewData["TitleController"] = "配置管理";
    ViewData["TitleAction"] = "月机种管理";
    ViewData["TitleActionDescription"] = "配置月机种计划";
    ViewData["Title"] = "月机种管理";
}

@section header{
    <link href="~/lib/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
}
<div class="row">
    <div class="col-md-11">
        <div class="box box-primary">
            <div class="box-header" style="padding-left: 0px;">
                
                <div class="col-md-1">
                    <select class="form-control" id="selectMark">
                        <option value="2F">2F</option>
                        <option value="1F">1F</option>
                        <option value="FPL">FPL</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <select class="form-control" id="selectYear">
                        @for (int i = 2023; i <= DateTime.Now.Year + 1; i++)
                        {
                            <option value=@i>@i 年</option>
                        }
                    </select>
                </div>
                <div class="col-md-1">
                    <select class="form-control" id="selectMonth">
                        @for (int i = 1; i <= 12; i++)
                        {
                            <option value=@i>@i 月</option>
                        }
                    </select>
                </div>

                <div class="col-md-1">

                </div>

                <div class="col-md-2">
                    <div class="btn-group">
                        <button class="btn btn-block btn-primary" onclick="modelCreate()">
                            <i class="fa fa-plus"></i> 新增
                        </button>
                    </div>
                </div>
                
            </div>
            <div class="box-body">
                <div class="col-md-3">
                    <div class="col-sm-6">
                        <span class="info-box-text">计划产能合计：</span>
                        <span class="info-box-number" id="planTotal">0<small>pcs</small></span>
                    </div>
                    <div class="col-md-6">
                        <span class="info-box-text">上月差异合计：</span>
                        <span class="info-box-number" id="lastTotal">0<small>pcs</small></span>
                    </div>
                </div>
                <table id="table" class="table table-hover"></table>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal_month_module_add" tabindex="-1" role="dialog" aria-labelledby="modal_month_module_add_label" data-backdrop="static">
    <div class="modal-dialog" role="document" style="width:60%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">配置月机种计划</h4>
            </div>
            <div class="modal-body">
                <form id="form" role="form" action="" class="form-horizontal">
                    <input id="Id" name="Id" value="" type="hidden" />
                    <div class="form-group">
                        <label for="ModuleType" class="col-sm-2 control-label">制成</label>
                        <div class="col-sm-9">
                            <input type="text" id="mark" name="mark"
                                   data-msg-required="制成" placeholder="例:2F EPD"
                                   class="form-control" data-rule-required="true" value="" disabled />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="ModuleType" class="col-sm-2 control-label">年月</label>
                        <div class="col-sm-2">
                            <input type="text" id="year" name="year"
                                   data-msg-required="年" placeholder="例:2023"
                                   class="form-control" data-rule-required="true" value="" disabled />
                        </div>
                        <div class="col-sm-1">
                            <input type="text" id="month" name="month"
                                   data-msg-required="月" placeholder="例:1"
                                   class="form-control" data-rule-required="true" value="" disabled />
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="ModuleType" class="col-sm-2 control-label">机种</label>
                        <div class="col-sm-9">
                            <input id="ModuleType" type="text" name="ModuleType"
                                   data-msg-required="必须填写机种" placeholder="例:EL097ER1"
                                   class="form-control" data-rule-required="true" value="EL097ER1" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="PlanCapacity" class="col-sm-2 control-label">计划</label>
                        <div class="col-sm-9">
                            <input id="PlanCapacity" name="PlanCapacity" type="text"
                                   data-msg-required="必须填写计划产能" placeholder="例:2000000"
                                   data-rule-required="true" class="form-control" value="2000000" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="LastModuleCapacity" class="col-sm-2 control-label">上月差异</label>
                        <div class="col-sm-9">
                            <input type="text" id="LastModuleCapacity" name="LastModuleCapacity"
                                   data-msg-required="必须填上月差异产能" placeholder="例:0"
                                   class="form-control" data-rule-required="true" value="0" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">差异说明</label>
                        <div class="col-sm-9">
                            <textarea id="remark" class="form-control" rows="3" placeholder="..."></textarea>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" data-loading-text="正在处理..." onclick="saveMonthModule()" class="btn btn-primary">保存</button>
            </div>
        </div>
    </div>
</div>

@section footer{
    <script src="~/lib/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="~/lib/bootstrap-table/locale/bootstrap-table-zh-cn.min.js"></script>
    <script src="~/js/home/monthModule.js" asp-append-version="true"></script>
    }