@layout("/common/_container.html",{js:["/assets/modular/kb/formula/formulaView.js"]}){

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm3 layui-col-md3 layui-col-lg3">
            <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">
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <div class="layui-col-md12">
                                <div class="layui-inline">
                                    产 线 编 号:
                                </div>
                                <div class="layui-inline">
                                    <select id="lineCode" lay-verify="lineCode">
                                    </select>
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="layui-inline">
                                    工 位 编 码:
                                </div>
                                <div class="layui-inline">
                                    <select id="locationCode" lay-verify="locationCode">
                                    </select>
                                </div>
                            </div>
                        </div>
                    </form>
                </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" style="height: 368px">
                    <div class="orderInfo">
                        <span>工单编号</span>
                        <span class="mySpan" style="float: right" id="workOrder"></span>
                    </div>
                    <div class="orderInfo">
                        <span>订单编号</span>
                        <span class="mySpan" style="float: right" id="salesOrderCode"></span>
                    </div>
                    <div class="orderInfo">
                        <span>产品编号</span>
                        <span class="mySpan" style="float: right" id="productCode"></span>
                    </div>
                    <div class="orderInfo">
                        <span>产品名称</span>
                        <span class="mySpan" style="float: right" id="productName"></span>
                    </div>
                    <div class="orderInfo">
                        <span>工艺配方</span>
                        <span class="mySpan" style="float: right" id="recipeCode"></span>
                    </div>
                    <div class="orderInfo">
                        <span>计划数量</span>
                        <span class="mySpan" style="float: right" id="planQty"></span>
                    </div>
                    <div class="orderInfo">
                        <span>计划开始时间</span>
                        <span class="mySpan" style="float: right" id="planStartTime"></span>
                    </div>
                    <div class="orderInfo">
                        <span>计划结束时间</span>
                        <span class="mySpan" style="float: right" id="planEndTime"></span>
                    </div>
                    <hr class="layui-border-orange">
                    <div class="container">
                        <input type="radio" id="sex1" name="sex1" value="nan1" title="男">
                        <span>工件到位</span>
                        <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="男">
                        <span>允许启动</span>
                    </div>
                    <div class="container">
                        <input type="radio" name="sex" value="nan" title="男">
                        <span>允许放行</span>
                        <input style="margin-left: 150px" type="radio" name="test" value="test1" title="男">
                        <span>工作完成</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6 layui-col-md6 layui-col-lg6">
            <div class="layui-card" style="height: 605px">
                <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-tab" lay-filter="test">
                        <ul class="layui-tab-title">
                            <li class="layui-this" lay-id="11">首页</li>
                            <li lay-id="22">BOM清单</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <table class="layui-table" id="formulaChildInfoTable" lay-filter="formulaChildInfoTable"></table>
                                <input id="scanCode" name="scanCode" placeholder="请扫描物料条码" type="text" class="layui-input"/>
                            </div>
                            <div class="layui-tab-item">
                                <table class="layui-table" id="productBomChildInfoTable" lay-filter="productBomChildInfoTable"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm3 layui-col-md3 layui-col-lg3">
            <div class="layui-card" style="height: 605px">
                <div class="layui-card-header" style="font-weight: bold">
                    <i class="layui-icon layui-icon-rate-solid"></i>图片
                </div>
                <div class="layui-card-body">
                    <img id="imgs" width="320px" height="270px">
                    <button type="button" class="layui-btn layui-btn-primary" id="clear">入站</button>
                </div>
            </div>

        </div>
</div>
<!--    <img id="imgs" width="400px" height="380px">-->
    <style>
    .orderInfo {
        margin-bottom: 5px;  /* 设置换行后的下边距 */
    }
    .container {
        display: flex; /* 使用 Flex 布局 */
        align-items: center; /* 将子元素垂直居中对齐 */
    }
</style>
@}