wxw
2025-05-12 c7c2f7aa20427204944ba80a2704232b2f281582
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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>添加质检结果</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
        <style>
            .show{
                display: block;
            }
            .noShow{
                display: none;
            }
            .sty{
                background: #ccc;
            }
        </style>
    </head>
    <body>
 
        <div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list" style="padding: 20px 30px 0 0;">
            <!-- <div class="layui-form-item">
                <label class="layui-form-label">单位编号</label>
                <div class="layui-input-block">
                    <input type="text" name="UnitCode" lay-verify="required" disabled placeholder="请输入单位编码" autocomplete="off" class="layui-input">
                </div>
            </div> -->
            <div class="layui-form-item">
                <label class="layui-form-label">抽检单据</label>
                <div class="layui-input-block">
                    <input type="text" name="SpotCheckNotify" placeholder="抽检单据自动生成" autocomplete="off" class="layui-input" readonly>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">批次</label>
                <div class="layui-input-block">
                    <input type="text" name="LotNo" placeholder="请输入批次" lay-verify="required" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">物料编码</label>
                <div class="layui-input-block">
                    <input type="text" name="GoodCode" id="GoodCode" placeholder="请输入物料编码" autocomplete="off" class="layui-input sty"  disabled="disabled">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">质检类型</label>
                <div class="layui-input-block">
                    <select name="QcType" id="QcType" lay-filter="QcType" lay-verify="required" lay-search>
                        <option value=""></option>
                        <option value="1">退货质检</option>
                        <option value="0">其他</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">是否合格</label>
                <div class="layui-input-block" >
                    <select name="Results" id="Results" lay-filter="Results" lay-verify="required" lay-search>
                        <option value=""></option>
                        <option value="0">不合格</option>
                        <option value="1">合格</option>
                        <option value="2">其他</option> <!-- 合格兼不合格 -->
                    </select>
                </div>
            </div>
            <div class="layui-form-item" >
                <label class="layui-form-label">入库单据</label>
                <div class="layui-input-block">
                    <input type="text" id="importNotify" name="ImportNotify" disabled="disabled" placeholder="请输入抽检单据" autocomplete="off" class="layui-input sty">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">合格数量</label>
                <div class="layui-input-block" >
                    <input type="number" id="PassQty" name="PassQty" placeholder="请输入合格数量" autocomplete="off" disabled="disabled" class="layui-input sty" min="0" value="0" lay-verify="required" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">不合格数量</label>
                <div class="layui-input-block" >
                    <input type="number" id="FailQty" name="FailQty" placeholder="请输入不合格数量" autocomplete="off" disabled="disabled" class="layui-input sty" min="0" value="0" lay-verify="required" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-block">
                    <textarea name="Remark" style="height: 100px;" autocomplete="off" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <input type="button" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit" value="确认添加">
                <input type="button" lay-submit lay-filter="layuiadmin-app-form-edit" id="layuiadmin-app-form-edit" value="确认编辑">
            </div>
        </div>
 
        <script src="../../layuiadmin/layui/layui.js"></script>
        <script src="../../js/public.js"></script>
        <script src="../../js/jquery-3.5.1.min.js"></script>
        <script src="../../js/jquery.cookie.js"></script>
        <script>
            layui.config({
                base: '../../layuiadmin/' //静态资源所在路径
            }).extend({
                index: 'lib/index' //主入口模块
            }).use(['index', 'form', 'layer'], function() {
                var $ = layui.$,
                    form = layui.form,
                    layer = layui.layer;
                
                //质检类型下拉选择事件
                form.on('select(QcType)', function(data) {
                    console.log(data.value);
                    if (data.value == "1" && $("#Results").val() == "2") {
                        $("#PassQty").removeClass("sty"); 
                        $("#PassQty").removeAttr("disabled");
                        $("#FailQty").removeClass("sty");
                        $("#FailQty").removeAttr("disabled");
                    }else{
                        $("#PassQty").addClass("sty"); 
                        $("#PassQty").attr("disabled","disabled");
                        $("#FailQty").addClass("sty");
                        $("#FailQty").attr("disabled","disabled");
                    }
                    if (data.value == "1" ) {//&& $("#Results").val() == "2"
                        $("#importNotify").removeClass("sty");
                        $("#importNotify").removeAttr("disabled");
                        //-------
                        
                    }else{
                        $("#importNotify").addClass("sty");
                        $("#importNotify").attr("disabled","disabled");
                        
                        //--------
                    }
                    if (data.value == "0" ) {
                        $("#GoodCode").removeClass("sty");
                        $("#GoodCode").removeAttr("disabled");
                    } else {
                        $("#GoodCode").addClass("sty");
                        $("#GoodCode").attr("disabled","disabled"); 
                    }
                });
                //是否合格下拉选择事件
                form.on('select(Results)', function(data) {
                    console.log(data.value);
                    if (data.value == "2" && $("#QcType").val() == "1") {
                        // $("#importNotify").removeClass("sty");
                        // $("#importNotify").removeAttr("disabled");
                        //-------
                        $("#PassQty").removeClass("sty"); 
                        $("#PassQty").removeAttr("disabled");
                        $("#FailQty").removeClass("sty");
                        $("#FailQty").removeAttr("disabled");
 
                    }else{
                        // $("#importNotify").addClass("sty");
                        // $("#importNotify").attr("disabled","disabled");
                        //--------
                        $("#PassQty").addClass("sty"); 
                        $("#PassQty").attr("disabled","disabled");
                        $("#FailQty").addClass("sty");
                        $("#FailQty").attr("disabled","disabled");
                        
                    }
                });
 
            })
        </script>
    </body>
</html>