cdk
2025-06-16 d27cd18610ef82671bc57151e86158d16877b5a3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
 
<!doctype html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <title>寄存式领料</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <!-- <link rel="stylesheet" href="../../lib/base_js/css/common.css" /> -->
        <script type="text/javascript" src="../../lib/jquery/js/jquery.min.js"></script>
        <script type="text/javascript" src="../../lib/easyui/js/jquery.easyui.min.js" ></script>
        <script src="../../lib/mui/js/mui.min.js"></script>
        <link href="../../lib/mui/css/mui.min.css" rel="stylesheet" />
        <link href="../../lib/mui/css/mui.picker.min.css" rel="stylesheet" />
        <link href="../../lib/mui/css/mui.poppicker.css" rel="stylesheet" />
        <script src="../../lib/mui/js/mui.picker.min.js"></script>
        <script src="../../lib/mui/js/mui.poppicker.js"></script>
        <!--<script type="text/SetInputFoucsjavascript" src="../../lib/base_js/js/common.js" ></script>-->
        <script type="text/javascript" src="../../lib/base_js/js/app.js"></script>
        
        <script type="text/javascript" src="../../lib/base_js/js/common.js" ></script>
        
        <link rel="stylesheet" href="../../lib/base_js/css/common.css" />
        <style>
            #info {
                /*查询信息属性*/
                background-color: #FFE48D;
            }
        </style>
 
    </head>
 
    <body>
        
        <div class="mui-input-group mui-content">
            <!-- <div class="mui-input-row  ">
                <div style=" float: left; ">
                    <label class="row-title">人员</label>
                    <input class="row-content-split" type="text" name="txtBillNo" id="txtBillNo" placeholder="请选择报工人员"readonly="readonly">
                </div>            
            </div> -->
            <div class="mui-input-row" id="row001">
                <label>大工单</label>
                <input id="DGD" type="text" value="" class="mui-input-clear text-color"  placeholder="请扫描工单" onkeypress="GetBarInfoDGD()"  />
            </div>    
            <div class="mui-input-row" id="row001">
                <label>指令工单</label>
                <select id="txtGD" style="margin:auto; color:#000;font-size: 18px" onchange="GetBarInfoGD()" >
                    <option value="">请点击选择</option>
                </select>
            </div>        
                <div class="mui-input-row" id="row001">
                    <label>寄存仓库</label>
                    <input id="DEPOT" type="text" readonly="readonly" value="" class="mui-input-clear text-color"  />
                </div>
                <div class="mui-input-row" id="row001">
                    <label>寄存库位</label>
                    <input id="DEPOTSE" type="text" readonly="readonly" value="" class="mui-input-clear text-color"  />
                </div>
            <div class="mui-input-row" id="row001">
                <label>物料条码</label>
                <input id="DAB001" type="text" value="" class="mui-input-clear text-color" placeholder="请扫描条码" onkeypress="GetBarInfoLL()" />
            </div>
            <div class="mui-input-row" id="row001">
                <label>物料编码</label>
                <input id="DAB020" type="text" value="" class="mui-input-clear text-color"  readonly="readonly" />
            </div>
            <div class="mui-input-row" id="row001">
                <label>条码数量</label>
                <input id="txtSL" type="text" value="" class="mui-input-clear text-color"  readonly="readonly" />
            </div>
            <div class="mui-input-row" id="row001">
                <label>待发数量</label>
                <input id="DFSL" type="text" value="" class="mui-input-clear text-color"  readonly="readonly" />
            </div>
            <div class="mui-input-row" id="row001">
                <label>实发数量</label>
                <input id="SFSL" type="text" value="" class="mui-input-clear text-color"/>
            </div>
            <div class="mui-input-row" id="row001">
                <label>寄存仓数量</label>
                <input id="JCSL" type="text" value="" class="mui-input-clear text-color"  readonly="readonly" />
            </div>
    <div class="mui-collapse-content" style="height:80px">
        <!-- <p id="model" style="font-size: 1.0625rem;color: #000000;"></p> -->
        <textarea id='model' type="text" class='input-text' style="height:200px"></textarea>
    </div>
    <div class="mui-input-row" id="row001">
                <label>扣除顺序</label>
                <select id="stype" style="margin:auto; color:#000;font-size: 18px" >
                    <option value="1">优先扣寄存仓</option>
                    <option value="2">优先扣条码</option>
                </select>
            </div>
    
    
            <div class="mui-collapse-content" style="margin-top: 0px;">
                        <button type="button" class="mui-btn mui-btn-green mui-icon mui-icon-checkmarkempty"
                            style="width:50%;float: left;font-size:1.3rem;" id="doSure">确认</button>
                        <button type="button" class="mui-btn mui-btn-blue mui-icon mui-icon-checkmarkempty"
                            style="width:50%;font-size:1.3rem;" id="direct">直接倒冲仓领料</button>
            </div>
            <div id="txtInfo"><!--<div class="mui-input-row" style="height: 350px; margin-top: 10px;">-->
                <div class="link-area" id="div001">
                    <h4 style="color: #008000; text-align: center;">
                        待出库单据明细
                        <!-- <span id="dgWOMDAG-sum" class="mui-badge mui-badge-success easyui-draggable"
                            style="font-size: 15px;" data-options="onStopDrag:onStopDrag">0</span> -->
                    </h4>
                </div>
            </div>
            <div class="data-table-container" style="height: 100%; width: 100%;">
              <table class="data-table" id="myTable" style="height: 100%; width: 100%;">
                <!-- 表格代码 -->
                <table class="data-table" id="myTable" style="height:100% width: 100%;;">
                  <thead>
                    <tr>
                      <th>物料名称</th>
                      <th>物料代码</th>
                      <th>待发数量</th>
                      <th>已发数量</th>
                      <th>推荐仓位</th>
 
                    </tr>
                  </thead>
                  <tbody>
                    <!-- 表格内容将通过 JS 动态生成 -->
                  </tbody>
                </table>
              </table>
            </div>
        </div>
        <script type="text/javascript" src="../../js/CangKuManage_js/GS_JCLLD.js" ></script>
        <script type="text/javascript" src="../../js/CangKuManage_js/print_template.js" ></script>
        <script type="text/javascript" src="../../js/api.js" ></script>
 
    </body> 
 
</html>
 
<style>
    
          /* 添加表格样式 */
          .data-table {
            width: 100%;
            border-collapse: collapse;
            overflow-x: auto; /* 水平滚动条 */
          }
 
          .data-table th,
          .data-table td {
            border: 1px solid #ccc;
            padding: 3px;
            text-align: left;
            word-wrap: break-word;
            white-space: pre-wrap;
            text-overflow: ellipsis; /* 文本截断和省略号 */
            overflow: hidden;
            font-size: 10px;
          }
          
          
          
          /* 媒体查询 */
          @media (max-width: 768px) {
            .data-table {
              /* 调整表格样式以适应小屏幕 */
            }
          }
          
           option {
               font-size: 25px; /* 调整下拉选项的字体大小 */
               padding: 20px; /* 调整下拉选项的内边距 */
             }
        </style>