懒羊羊
2023-11-14 ee4d94defe7cc7f36f87aebf2e9efed38ba93a40
提交 | 用户 | 时间
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>
92cffc 39                 <div class="layui-card-body" style="height: 368px">
4779be 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">
ffeba3 57                         <span>工艺配方</span>
58                         <span class="mySpan" style="float: right" id="recipeCode"></span>
59                     </div>
60                     <div class="orderInfo">
4779be 61                         <span>计划数量</span>
62                         <span class="mySpan" style="float: right" id="planQty"></span>
63                     </div>
64                     <div class="orderInfo">
65                         <span>计划开始时间</span>
66                         <span class="mySpan" style="float: right" id="planStartTime"></span>
67                     </div>
68                     <div class="orderInfo">
69                         <span>计划结束时间</span>
70                         <span class="mySpan" style="float: right" id="planEndTime"></span>
71                     </div>
72                     <hr class="layui-border-orange">
73                     <div class="container">
74                         <input type="radio" id="sex1" name="sex1" value="nan1" title="男">
75                         <span>工件到位</span>
76                         <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="男">
abb175 77                         <span>允许启动</span>
4779be 78                     </div>
79                     <div class="container">
80                         <input type="radio" name="sex" value="nan" title="男">
abb175 81                         <span>允许放行</span>
92cffc 82                         <input style="margin-left: 150px" type="radio" name="test" value="test1" title="男">
abb175 83                         <span>工作完成</span>
4779be 84                     </div>
85                 </div>
86             </div>
87         </div>
cd500a 88         <div class="layui-col-sm6 layui-col-md6 layui-col-lg6">
ffeba3 89             <div class="layui-card" style="height: 605px">
4779be 90                 <div class="layui-card-header" style="font-weight: bold">
91                     <i class="layui-icon layui-icon-rate-solid"></i>操作栏
92                 </div>
93                 <div class="layui-card-body">
94                     <div class="layui-tab" lay-filter="test">
95                         <ul class="layui-tab-title">
96                             <li class="layui-this" lay-id="11">首页</li>
92cffc 97                             <li lay-id="22">BOM清单</li>
4779be 98                         </ul>
99                         <div class="layui-tab-content">
100                             <div class="layui-tab-item layui-show">
cd500a 101                                 <table class="layui-table" id="formulaChildInfoTable" lay-filter="formulaChildInfoTable"></table>
92cffc 102                                 <input id="scanCode" name="scanCode" placeholder="请扫描物料条码" type="text" class="layui-input"/>
4779be 103                             </div>
cd500a 104                             <div class="layui-tab-item">
92cffc 105                                 <table class="layui-table" id="productBomChildInfoTable" lay-filter="productBomChildInfoTable"></table>
cd500a 106                             </div>
4779be 107                         </div>
108                     </div>
109                 </div>
110             </div>
111         </div>
cd500a 112         <div class="layui-col-sm3 layui-col-md3 layui-col-lg3">
113             <div class="layui-card" style="height: 605px">
114                 <div class="layui-card-header" style="font-weight: bold">
115                     <i class="layui-icon layui-icon-rate-solid"></i>图片
116                 </div>
117                 <div class="layui-card-body">
ee4d94 118 <!--                    <img id="imgs" width="320px" height="270px">-->
119                     <img id="imgs" class="img-thumbnail">
92cffc 120                     <button type="button" class="layui-btn layui-btn-primary" id="clear">入站</button>
cd500a 121                 </div>
122             </div>
123
124         </div>
4779be 125 </div>
ee4d94 126
cd500a 127     <style>
4779be 128     .orderInfo {
129         margin-bottom: 5px;  /* 设置换行后的下边距 */
130     }
131     .container {
132         display: flex; /* 使用 Flex 布局 */
133         align-items: center; /* 将子元素垂直居中对齐 */
134     }
ee4d94 135     .img-thumbnail {
136         width: 320px;
137         height: auto;
138         transition: all 0.3s ease;
139     }
4779be 140 </style>
141 @}