@{
    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">
                    <div class="row">
                    <div class="col-md-3" style="padding-left: 5px">
                            <input id="keyword" type="text" class="form-control" placeholder="机种名模糊查询 例: EH097">
                        </div>
                        <div class="col-md-1">
                            <div class="btn-group">
                                <button type="button" class="btn btn-block btn-default" onclick="refreshRecipeTable()">
                                    <i class="fa fa-search"></i> 查询
                                </button>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <div class="btn-group">
                                <button class="btn btn-block btn-primary" onclick="modelCreateRecipe()"><i class="fa fa-plus"></i> 新增</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="box-body">
                    <table id="recipe_table" class="table table-hover"></table>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modal_recipe_add" tabindex="-1" role="dialog" aria-labelledby="modal_recipe_add_label" data-backdrop="static">
        <div class="modal-dialog" role="document" style="width:80%">
            <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-10">
                                <input id="ModuleType" type="text" name="Name" data-msg-required="必须填写机种" placeholder="例:EH097" 
                                    class="form-control" data-rule-required="true" value="" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="Line" class="col-sm-2 control-label">线别</label>
                            <div class="col-sm-10">
                                <select id="Line" name="Line" data-msg-required="必须选择线别" data-rule-required="true" class="form-control">
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="TheoryCapacity" class="col-sm-2 control-label">理论产能(pcs)</label>
                            <div class="col-sm-10">
                                <input type="text" id="TheoryCapacity" name="TheoryCapacity" data-msg-required="必须填写理论产能" 
                                    class="form-control" 
                                    placeholder="例:13000" data-rule-required="true" value="" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="TheoryTT" class="col-sm-2 control-label">理论节拍(s)</label>
                            <div class="col-sm-10">
                                <input type="text" id="TheoryTT" name="TheoryTT" data-msg-required="必须填写理论节拍" class="form-control" placeholder="例:10.67"
                                   data-rule-required="true" value="" />
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="TheoryRefueledTime" class="col-sm-2 control-label">换料标准(min)</label>
                            <div class="col-sm-10">
                                <input type="text" id="TheoryRefueledTime" name="TheoryRefueledTime" data-msg-required="必须填写换料标准" class="form-control" placeholder="例:100"
                                       data-rule-required="true" value="" />
                            </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="saveRecipe()" 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/recipe/recipe.js"></script>
    }