优化

懒羊羊

2023-11-14 ee4d94defe7cc7f36f87aebf2e9efed38ba93a40

 guns-vip-main/src/main/webapp/pages/modular/kb/formula/formulaView.html

@@ -36,7 +36,7 @@
                <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-card-body" style="height: 368px">
                    <div class="orderInfo">
                        <span>工单编号</span>
                        <span class="mySpan" style="float: right" id="workOrder"></span>
@@ -54,6 +54,10 @@
                        <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>
@@ -66,40 +70,23 @@
                        <span class="mySpan" style="float: right" id="planEndTime"></span>
                    </div>
                    <hr class="layui-border-orange">
<!--                    <span>PLC交互点</span>-->
                    <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="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="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="sex" value="nan" title="男">
                        <span>不合格完成</span>
                    </div>
                    <div class="container">
                        <input type="radio" name="sex" value="nan" title="男">
                        <span>保存完成</span>
                        <span>允许放行</span>
                        <input style="margin-left: 150px" type="radio" name="test" value="test1" title="男">
                        <span>工作完成</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm9 layui-col-md9 layui-col-lg9">
            <div class="layui-card" style="height: 577px">
        <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>
@@ -107,27 +94,37 @@
                    <div class="layui-tab" lay-filter="test">
                        <ul class="layui-tab-title">
                            <li class="layui-this" lay-id="11">首页</li>
                            <li lay-id="22">工序状态</li>
                            <li lay-id="33">装配采集清单</li>
                            <li lay-id="44">工艺参数</li>
                            <li lay-id="55">不合格质量数据</li>
                            <li lay-id="22">BOM清单</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                点击该Tab的任一标题，观察地址栏变化，再刷新页面。选项卡将会自动定位到上一次切换的项
                                <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">内容2</div>
                            <div class="layui-tab-item">内容3</div>
                            <div class="layui-tab-item">内容4</div>
                            <div class="layui-tab-item">内容5</div>
                            <div class="layui-tab-item">
                                <table class="layui-table" id="productBomChildInfoTable" lay-filter="productBomChildInfoTable"></table>
                            </div>
                        </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">-->
                    <img id="imgs" class="img-thumbnail">
                    <button type="button" class="layui-btn layui-btn-primary" id="clear">入站</button>
                </div>
            </div>

        </div>
</div>
<style>

    <style>
    .orderInfo {
        margin-bottom: 5px;  /* 设置换行后的下边距 */
    }
@@ -135,5 +132,10 @@
        display: flex; /* 使用 Flex 布局 */
        align-items: center; /* 将子元素垂直居中对齐 */
    }
    .img-thumbnail {
        width: 320px;
        height: auto;
        transition: all 0.3s ease;
    }
</style>
@}