@layout("/common/_container.html",{js:["/assets/modular/kb/badBoard/badBoard.js"]}){
<div class="layui-body-header">
    <span class="layui-body-header-title">上料看板</span>
</div>

<div class="layui-fluid">

    <div class="layui-row layui-col-space12">
        <div class="layui-col-sm6 layui-col-md6 layui-col-lg6">
            <div class="layui-card">
                <div class="layui-card-header" style="font-weight: bold">
<!--                    <button id="revert" type="button" class="layui-btn layui-btn-radius layui-btn-lg" style="margin-top: -3px" >返回首页</button>-->
                    <i class="layui-icon layui-icon-rate-solid"></i>工位配置
                </div>
                <div class="layui-card-body">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            产线编号:
                        </div>
                        <div class="layui-inline">
                            <input id="lineCode" name="lineCode" placeholder="请输入产线编号" type="text" class="layui-input only" readonly/>
                        </div>
                        <div class="layui-inline">
                            工位编码:
                        </div>
                        <div class="layui-inline">
                            <input id="locationCode" name="locationCode" placeholder="请输入工位编码" type="text" class="layui-input only" readonly/>
                        </div>
                        <div class="layui-inline">
                            <button id="btnSet" class="layui-btn layui-btn-radius layui-btn-lg">设 置</button>
                        </div>
                        <!--                        </div>-->
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md6 layui-col-lg6">
            <div class="layui-card">
                <div class="layui-card-header" style="font-weight: bold"><i class="layui-icon layui-icon-rate-solid"></i> 生产工单</div>
                <div class="layui-card-body">
                    <div class="layui-form-item">
                        <input id="orderId" name="orderId" type="hidden"/>
                        <div class="layui-inline">
                            生产工单号:
                        </div>
                        <div class="layui-inline">
                            <input id="workOrderNo" name="workOrderNo"  type="text" class="layui-input only" readonly autocomplete="off"/>
                        </div>

                        <div class="layui-inline">
                            产品编号:
                        </div>
                        <div class="layui-inline">
                            <input id="materialCode" name="materialCode" type="text" class="layui-input only" readonly/>
                        </div>

                        <div class="layui-inline">
                            <button id="orderBtnSet" class="layui-btn layui-btn-radius layui-btn-lg">设 置</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-sm6 layui-col-md6 layui-col-lg6">
            <div class="layui-card">
                <div class="layui-card-header" style="font-weight: bold"><i class="layui-icon layui-icon-rate-solid"></i>报工记录</div>
                <div class="layui-card-body">
                    <table class="layui-table" id="bomInfoTable" lay-filter="bomInfoTable"></table>
                </div>
            </div>
        </div>

        <div class="layui-col-sm6 layui-col-md6 layui-col-lg6" >
            <div class="layui-card">
                <div class="layui-card-header" style="font-weight: bold"><i class="layui-icon layui-icon-rate-solid"></i> 功能操作</div>
                <div class="layui-card-body" style="height: 100px">
                    <div class="layui-form toolbar" style="height: 220px">
                        <div class="layui-form-item">
                            <div class="layui-inline" style="margin-left: 12px">
                                不良类型:
                            </div>
                            <div class="layui-inline">
                                <select id="typeCode" name="typeCode" lay-filter="typeCode">
                                    <option value="">不良类型</option>
                                </select>
<!--                                <input id="typeCode" name="typeCode"  type="text" class="layui-input only" readonly autocomplete="off"/>-->
                            </div>

                            <div class="layui-inline">
                                不良原因:
                            </div>
                            <div class="layui-inline">
                                <select id="badCode" name="badCode" lay-filter="typeCode">
                                    <option value="">不良原因</option>
                                </select>
<!--                                <input id="badCode" name="badCode" type="text" class="layui-input only" readonly/>-->
                            </div>

                            <div class="layui-inline">
                                <button id="badBtnSet" class="layui-btn layui-btn-radius layui-btn-lg">录 入</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header" style="font-weight: bold"><i class="layui-icon layui-icon-rate-solid"></i> 不良详情</div>
                <div class="layui-card-body">
                    <table class="layui-table" id="materialShortageTable" lay-filter="materialShortageTable"></table>
                </div>

            </div>
        </div>
    </div>
</div>

@}
<script type="text/html" id="applyIDXZ">
    <div style="background-color: #2b3b4e" href=# class="layui-table-link" lay-event="applyIDXZInfo">
        打印
    </div>
</script>

<style>
    .only {
        background-color: #eeeeee;
    }
</style>