yantian yue
2023-10-17 487b2f2a353b89ab46cd9b784226b600b7b915b8
提交 | 用户 | 时间
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">
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="男">
77                         <span>工件到位</span>
78                     </div>
79                     <div class="container">
80                         <input type="radio" name="sex" value="nan" title="男">
81                         <span>读取条码</span>
82                         <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="男">
83                         <span>下发机型</span>
84                     </div>
85                     <div class="container">
86                         <input type="radio" name="sex" value="nan" title="男">
87                         <span>允许启动</span>
88                         <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="男">
89                         <span>不允许启动</span>
90                     </div>
91                     <div class="container">
92                         <input type="radio" name="sex" value="nan" title="男">
93                         <span>合格完成</span>
94                         <input style="margin-left: 150px" type="radio" name="sex" value="nan" title="男">
95                         <span>不合格完成</span>
96                     </div>
97                     <div class="container">
98                         <input type="radio" name="sex" value="nan" title="男">
99                         <span>保存完成</span>
100                     </div>
101                 </div>
102             </div>
103         </div>
cd500a 104         <div class="layui-col-sm6 layui-col-md6 layui-col-lg6">
ffeba3 105             <div class="layui-card" style="height: 605px">
4779be 106                 <div class="layui-card-header" style="font-weight: bold">
107                     <i class="layui-icon layui-icon-rate-solid"></i>操作栏
108                 </div>
109                 <div class="layui-card-body">
110                     <div class="layui-tab" lay-filter="test">
111                         <ul class="layui-tab-title">
112                             <li class="layui-this" lay-id="11">首页</li>
113                             <li lay-id="22">工序状态</li>
114                             <li lay-id="33">装配采集清单</li>
115                             <li lay-id="44">工艺参数</li>
116                             <li lay-id="55">不合格质量数据</li>
117                         </ul>
118                         <div class="layui-tab-content">
119                             <div class="layui-tab-item layui-show">
cd500a 120                                 <table class="layui-table" id="formulaChildInfoTable" lay-filter="formulaChildInfoTable"></table>
4779be 121                             </div>
cd500a 122                             <div class="layui-tab-item">
123                                 内容3
124                             </div>
4779be 125                             <div class="layui-tab-item">内容3</div>
126                             <div class="layui-tab-item">内容4</div>
127                             <div class="layui-tab-item">内容5</div>
128                         </div>
129                     </div>
130                 </div>
131             </div>
132         </div>
cd500a 133         <div class="layui-col-sm3 layui-col-md3 layui-col-lg3">
134             <div class="layui-card" style="height: 605px">
135                 <div class="layui-card-header" style="font-weight: bold">
136                     <i class="layui-icon layui-icon-rate-solid"></i>图片
137                 </div>
138                 <div class="layui-card-body">
139                     <img id="imgs" width="320px" height="270px">
140                 </div>
141             </div>
142
143         </div>
4779be 144 </div>
cd500a 145 <!--    <img id="imgs" width="400px" height="380px">-->
146     <style>
4779be 147     .orderInfo {
148         margin-bottom: 5px;  /* 设置换行后的下边距 */
149     }
150     .container {
151         display: flex; /* 使用 Flex 布局 */
152         align-items: center; /* 将子元素垂直居中对齐 */
153     }
154 </style>
155 @}