懒羊羊
2023-12-04 b3e9a47f4c17c0d708398698432a109420e7d9e1
提交 | 用户 | 时间
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>
b3e9a4 88         <div class="layui-col-sm9 layui-col-md6 layui-col-lg9">
ffeba3 89             <div class="layui-card" style="height: 605px">
b3e9a4 90 <!--                <div class="layui-card-header" style="font-weight: bold">-->
91 <!--                    <i class="layui-icon layui-icon-rate-solid"></i>操作栏-->
92 <!--                </div>-->
4779be 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">
b3e9a4 101                                 <div class="layui-col-xs5">
102                                     <table class="layui-table" id="formulaChildInfoTable" lay-filter="formulaChildInfoTable"></table>
103                                     <input id="scanCode" name="scanCode" placeholder="请扫描物料条码" type="text" class="layui-input"/>
104                                 </div>
105                                 <div class="layui-col-xs7">
106                                     <img id="imgs" class="img-thumbnail">
107                                 </div>
108
4779be 109                             </div>
cd500a 110                             <div class="layui-tab-item">
92cffc 111                                 <table class="layui-table" id="productBomChildInfoTable" lay-filter="productBomChildInfoTable"></table>
cd500a 112                             </div>
4779be 113                         </div>
114                     </div>
115                 </div>
116             </div>
117         </div>
b3e9a4 118 <!--        <div class="layui-col-sm3 layui-col-md3 layui-col-lg3">-->
119 <!--            <div class="layui-card" style="height: 605px">-->
120 <!--                <div class="layui-card-header" style="font-weight: bold">-->
121 <!--                    <i class="layui-icon layui-icon-rate-solid"></i>图片-->
122 <!--                </div>-->
123 <!--                <div class="layui-card-body">-->
124 <!--&lt;!&ndash;                    <img id="imgs" width="320px" height="270px">&ndash;&gt;-->
125 <!--                    <img id="imgs" class="img-thumbnail">-->
126 <!--                    <button type="button" class="layui-btn layui-btn-primary" id="clear">入站</button>-->
127 <!--                </div>-->
128 <!--            </div>-->
cd500a 129
b3e9a4 130 <!--        </div>-->
4779be 131 </div>
ee4d94 132
cd500a 133     <style>
4779be 134     .orderInfo {
135         margin-bottom: 5px;  /* 设置换行后的下边距 */
136     }
137     .container {
138         display: flex; /* 使用 Flex 布局 */
139         align-items: center; /* 将子元素垂直居中对齐 */
140     }
ee4d94 141     .img-thumbnail {
b3e9a4 142         margin-top: 15px;
143         margin-left: 5px;
144         width: 600px;
ee4d94 145         height: auto;
146         transition: all 0.3s ease;
147     }
4779be 148 </style>
149 @}