| 提交 | 用户 | 时间 | ||
| 4779be | 1 | @layout("/common/_container.html",{js:["/assets/modular/kb/formula/formulaView.js"]}){ |
| 懒 | 2 | |
| 3 | <div class="layui-fluid"> | |
| 4 | <div class="layui-row layui-col-space15"> | |
| 5 | <div class="layui-col-sm3 layui-col-md3 layui-col-lg3"> | |
| 6 | <div class="layui-card"> | |
| 7 | <div class="layui-card-header" style="font-weight: bold"> | |
| 8 | <i class="layui-icon layui-icon-rate-solid"></i>工位配置 | |
| 9 | </div> | |
| 10 | <div class="layui-card-body"> | |
| 11 | <form class="layui-form" action=""> | |
| 12 | <div class="layui-form-item"> | |
| 13 | <div class="layui-col-md12"> | |
| 14 | <div class="layui-inline"> | |
| 15 | 产 线 编 号: | |
| 16 | </div> | |
| 17 | <div class="layui-inline"> | |
| 18 | <select id="lineCode" lay-verify="lineCode"> | |
| 19 | </select> | |
| 20 | </div> | |
| 21 | </div> | |
| 22 | <div class="layui-col-md12"> | |
| 23 | <div class="layui-inline"> | |
| 24 | 工 位 编 码: | |
| 25 | </div> | |
| 26 | <div class="layui-inline"> | |
| 27 | <select id="locationCode" lay-verify="locationCode"> | |
| 28 | </select> | |
| 29 | </div> | |
| 30 | </div> | |
| 31 | </div> | |
| 32 | </form> | |
| 33 | </div> | |
| 34 | </div> | |
| 35 | <div class="layui-card"> | |
| 36 | <div class="layui-card-header" style="font-weight: bold"> | |
| 37 | <i class="layui-icon layui-icon-rate-solid"></i>工单信息 | |
| 38 | </div> | |
| 39 | <div class="layui-card-body"> | |
| 40 | <div class="orderInfo"> | |
| 41 | <span>工单编号</span> | |
| 42 | <span class="mySpan" style="float: right" id="workOrder"></span> | |
| 43 | </div> | |
| 44 | <div class="orderInfo"> | |
| 45 | <span>订单编号</span> | |
| 46 | <span class="mySpan" style="float: right" id="salesOrderCode"></span> | |
| 47 | </div> | |
| 48 | <div class="orderInfo"> | |
| 49 | <span>产品编号</span> | |
| 50 | <span class="mySpan" style="float: right" id="productCode"></span> | |
| 51 | </div> | |
| 52 | <div class="orderInfo"> | |
| 53 | <span>产品名称</span> | |
| 54 | <span class="mySpan" style="float: right" id="productName"></span> | |
| 55 | </div> | |
| 56 | <div class="orderInfo"> | |
| 57 | <span>计划数量</span> | |
| 58 | <span class="mySpan" style="float: right" id="planQty"></span> | |
| 59 | </div> | |
| 60 | <div class="orderInfo"> | |
| 61 | <span>计划开始时间</span> | |
| 62 | <span class="mySpan" style="float: right" id="planStartTime"></span> | |
| 63 | </div> | |
| 64 | <div class="orderInfo"> | |
| 65 | <span>计划结束时间</span> | |
| 66 | <span class="mySpan" style="float: right" id="planEndTime"></span> | |
| 67 | </div> | |
| 68 | <hr class="layui-border-orange"> | |
| 69 | <!-- <span>PLC交互点</span>--> | |
| 70 | <div class="container"> | |
| 71 | <input type="radio" id="sex1" name="sex1" value="nan1" title="男"> | |
| 72 | <span>系统就绪</span> | |
| 73 | <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="男"> | |
| 74 | <span>工件到位</span> | |
| 75 | </div> | |
| 76 | <div class="container"> | |
| 77 | <input type="radio" name="sex" value="nan" title="男"> | |
| 78 | <span>读取条码</span> | |
| 79 | <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="男"> | |
| 80 | <span>下发机型</span> | |
| 81 | </div> | |
| 82 | <div class="container"> | |
| 83 | <input type="radio" name="sex" value="nan" title="男"> | |
| 84 | <span>允许启动</span> | |
| 85 | <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="男"> | |
| 86 | <span>不允许启动</span> | |
| 87 | </div> | |
| 88 | <div class="container"> | |
| 89 | <input type="radio" name="sex" value="nan" title="男"> | |
| 90 | <span>合格完成</span> | |
| 91 | <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="男"> | |
| 92 | <span>不合格完成</span> | |
| 93 | </div> | |
| 94 | <div class="container"> | |
| 95 | <input type="radio" name="sex" value="nan" title="男"> | |
| 96 | <span>保存完成</span> | |
| 97 | </div> | |
| 98 | </div> | |
| 99 | </div> | |
| 100 | </div> | |
| 101 | <div class="layui-col-sm9 layui-col-md9 layui-col-lg9"> | |
| 102 | <div class="layui-card" style="height: 577px"> | |
| 103 | <div class="layui-card-header" style="font-weight: bold"> | |
| 104 | <i class="layui-icon layui-icon-rate-solid"></i>操作栏 | |
| 105 | </div> | |
| 106 | <div class="layui-card-body"> | |
| 107 | <div class="layui-tab" lay-filter="test"> | |
| 108 | <ul class="layui-tab-title"> | |
| 109 | <li class="layui-this" lay-id="11">首页</li> | |
| 110 | <li lay-id="22">工序状态</li> | |
| 111 | <li lay-id="33">装配采集清单</li> | |
| 112 | <li lay-id="44">工艺参数</li> | |
| 113 | <li lay-id="55">不合格质量数据</li> | |
| 114 | </ul> | |
| 115 | <div class="layui-tab-content"> | |
| 116 | <div class="layui-tab-item layui-show"> | |
| 117 | 点击该Tab的任一标题，观察地址栏变化，再刷新页面。选项卡将会自动定位到上一次切换的项 | |
| 118 | </div> | |
| 119 | <div class="layui-tab-item">内容2</div> | |
| 120 | <div class="layui-tab-item">内容3</div> | |
| 121 | <div class="layui-tab-item">内容4</div> | |
| 122 | <div class="layui-tab-item">内容5</div> | |
| 123 | </div> | |
| 124 | </div> | |
| 125 | </div> | |
| 126 | </div> | |
| 127 | </div> | |
| 128 | </div> | |
| 129 | </div> | |
| 130 | <style> | |
| 131 | .orderInfo { | |
| 132 | margin-bottom: 5px; /* 设置换行后的下边距 */ | |
| 133 | } | |
| 134 | .container { | |
| 135 | display: flex; /* 使用 Flex 布局 */ | |
| 136 | align-items: center; /* 将子元素垂直居中对齐 */ | |
| 137 | } | |
| 138 | </style> | |
| 139 | @} | |
