业务查询

src/main/resources/templates/mypackage/varietyList.ftl

@@ -12,6 +12,7 @@
     <link rel="icon" href="${basePath!}/static/logo.png">
     <link rel="stylesheet" href="${basePath!}/static/layui/css/layui.css" media="all" />
     <link rel="stylesheet" href="${basePath!}/static/css/public.css" media="all" />
+    <script src="${basePath!}/static/layui/layui.js" charset="utf-8"></script>
     <script src="${basePath!}/static/layui/layui.all.js" charset="utf-8"></script>
     <script src="${basePath!}/static/layui/lay/modules/jquery.js"></script>
 </head>
@@ -25,7 +26,7 @@
                 <div class="layui-form-item" id="materialchoose">
                     <div class="layui-form-label">物料信息</div>
                     <div class="layui-input-inline" style="width: 100px;">
-                        <select name="Variety" id="Variety" class="province-selector" data-value="品类" lay-filter="Variety" onclick="dele()" lay-search="">
+                        <select name="materialType" id="materialType" class="province-selector" data-value="品类" lay-filter="materialType" onclick="dele()" lay-search="">
                             <option value="">品类</option>
                         </select>
                     </div>
@@ -116,7 +117,7 @@
             </center>
             <div class="layui-form-item">
                 <div class="layui-input-block">
-                    <button class="layui-btn" lay-submit lay-filter="formDemo" onclick="adddata(event)">立即提交</button>
+                    <button class="layui-btn" lay-submit lay-filter="formDemo" onclick="adddata(); return false;">立即提交</button>
                     <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                 </div>
             </div>
@@ -125,6 +126,10 @@
 </fieldset>
 
 <script>
+    layui.use('form', function(){
+        var form = layui.form;
+        form.render();
+    });
     layui.use(['form', 'table', "laydate", 'layer','jquery'], function () {
         var materialdetil=null;
         var materialRealPrice=null;
@@ -133,30 +138,18 @@
         var table = layui.table;
         var $ = layui.$ //重点处
             ,layer = layui.layer;
-
-        function handleError(error) {
-            layer.alert('请求失败: ' + error);
-        }
-
         $.ajax({
             url: 'type',
             type: 'get',
             success: function (data) {
-                $("#Variety").empty();
-                try {
-                    $.each($.parseJSON(data), function(idx, obj) {
-                        $("#materialType").append("<option value=\""+obj.brandCode+"\">"+obj.brandName+"</option>");
-                    });
-                } catch (e) {
-                    handleError(e.message);
-                }
+                $("#materialType").empty();
+                $.each($.parseJSON(data), function(idx, obj) {
+                    $("#materialType").append("<option value=\""+obj.brandCode+"\">"+obj.brandName+"</option>");
+                });
                 layui.form.render("select");
-            },
-            error: function (xhr, status, error) {
-                handleError(error);
-            }
-        });
-
+            },error:function (xhr, status, error) {
+                layer.alert('请求失败: ' + error);
+            }});
         form.on('select(materialType)', function(data){
             $.ajax({
                 url: 'brand',
@@ -165,21 +158,15 @@
                 success: function (data) {
                     $("#brand").empty();
                     $("#brand").append('<option value="">品牌</option>');
-                    try {
-                        $.each($.parseJSON(data), function(idx, obj) {
-                            $("#brand").append("<option value=\""+obj.brandCode+"\">"+obj.brandName+"</option>");
-                        });
-                    } catch (e) {
-                        handleError(e.message);
-                    }
+                    $.each($.parseJSON(data), function(idx, obj) {
+                        $("#brand").append("<option value=\""+obj.brandCode+"\">"+obj.brandName+"</option>");
+                    });
+
                     layui.form.render("select");
-                },
-                error: function (xhr, status, error) {
-                    handleError(error);
-                }
-            });
+                },error:function (xhr, status, error) {
+                    layer.alert('请求失败: ' + error);
+                }});
         });
-
         form.on('select(brand)', function(data){
             $.ajax({
                 url: 'group',
@@ -188,21 +175,15 @@
                 success: function (data) {
                     $("#materialGroup").empty();
                     $("#materialGroup").append('<option value="">物料组</option>');
-                    try {
-                        $.each($.parseJSON(data), function(idx, obj) {
-                            $("#materialGroup").append("<option value=\""+obj.materialGroupCode+"\">"+obj.materialGroupName+"</option>");
-                        });
-                    } catch (e) {
-                        handleError(e.message);
-                    }
+                    $.each($.parseJSON(data), function(idx, obj) {
+                        $("#materialGroup").append("<option value=\""+obj.materialGroupCode+"\">"+obj.materialGroupName+"</option>");
+                    });
+
                     layui.form.render("select");
-                },
-                error: function (xhr, status, error) {
-                    handleError(error);
-                }
-            });
+                },error:function (xhr, status, error) {
+                    layer.alert('请求失败: ' + error);
+                }});
         });
-
         form.on('select(materialGroup)', function(data){
             $.ajax({
                 url: 'price',
@@ -211,19 +192,13 @@
                 success: function (data) {
                     $("#materialdetil").empty();
                     $("#materialdetil").append('<option value="">物料描述</option>');
-                    try {
-                        $.each($.parseJSON(data), function(idx, obj) {
-                            $("#materialdetil").append("<option value=\""+obj.materialCode+"\">"+obj.materialName+"</option>");
-                        });
-                    } catch (e) {
-                        handleError(e.message);
-                    }
+                    $.each($.parseJSON(data), function(idx, obj) {
+                        $("#materialdetil").append("<option value=\""+obj.materialCode+"\">"+obj.materialName+"</option>");
+                    });
                     layui.form.render("select");
-                },
-                error: function (xhr, status, error) {
-                    handleError(error);
-                }
-            });
+                },error:function (xhr, status, error) {
+                    layer.alert('请求失败: ' + error);
+                }});
         });
 
         form.on('select(materialdetil)', function(data){
@@ -234,27 +209,18 @@
                 success: function (data) {
                     $("#materialCode").empty();
                     $("#materialRealPrice").empty();
-                    try {
-                        $.each($.parseJSON(data), function(idx, obj) {
-                            $("#materialCode").append("<option value=\""+obj.materialCode+"\">"+obj.materialCode+"</option>");
-                            $("#materialRealPrice").append("<option value=\""+obj.retailPrice+"\">"+obj.retailPrice+"</option>");
-                        });
-                    } catch (e) {
-                        handleError(e.message);
-                    }
+                    $.each($.parseJSON(data), function(idx, obj) {
+                        $("#materialCode").append("<option value=\""+obj.materialCode+"\">"+obj.materialCode+"</option>");
+                        $("#materialRealPrice").append("<option value=\""+obj.retailPrice+"\">"+obj.retailPrice+"</option>");
+                    });
                     layui.form.render("select");
-                },
-                error: function (xhr, status, error) {
-                    handleError(error);
-                }
-            });
+                },error:function (xhr, status, error) {
+                    layer.alert('请求失败: ' + error);
+                }});
         });
 
+        //因为动态添加的元素class属性是无效的，所以不能用$('.add').click(function(){});
         window.addtable= function(){
-            var selectedCode = $('#materialCode option:selected').text();
-            var selectedDetail = $('#materialdetil option:selected').text();
-            var selectedPrice = $('#materialRealPrice option:selected').text();
-
             var html = '<tr>'+
                 '<td style = "width: 100px"><input type="button" class="layui-btn layui-btn-radius" onclick="dele(this)" value="删除" /></td>'+
                 '<td style="width:200px">'+
@@ -269,10 +235,10 @@
                 '<option value="C">采购</option>'+
                 '<option value="T">退货</option>'+
                 '</select></td>'+
-                '<td style = "width: 200px"> <input type="text" name="username" required lay-verify="required"   placeholder="用户名字" autocomplete="off" class="layui-input" readonly="true" value="${currentUser.userName!}"/></td>'+
-                '<td style = "width: 200px"> <input type="text" name="materialCode" required lay-verify="required"   placeholder="物料编码" autocomplete="off" class="layui-input"  readonly="true" value="'+ selectedCode +'"/></td>'+
-                '<td style = "width: 800px"> <input type="text" name="materialDetile"  required lay-verify="required"  placeholder="物料描述" autocomplete="off" class="layui-input"  readonly="true" value="'+ selectedDetail +'"/></td>'+
-                '<td style = "width: 200px"> <input type="text" name="price" required lay-verify="required"   placeholder="价格" autocomplete="off" class="layui-input"  readonly="true" value="'+ selectedPrice +'"/></td>'+
+                '<td style = "width: 200px"> <input type="text" name="username" required lay-verify="required"   placeholder="用户名字" autocomplete="off" class="layui-input" readonly="true" value="${currentUser.userName!}"+"/></td>'+
+                '<td style = "width: 200px"> <input type="text" name="materialCode" required lay-verify="required"   placeholder="物料编码" autocomplete="off" class="layui-input"  readonly="true" value="'+ $('#materialCode option:selected').text()+'"/></td>'+
+                '<td style = "width: 800px"> <input type="text" name="materialDetile"  required lay-verify="required"  placeholder="物料描述" autocomplete="off" class="layui-input"  readonly="true" value="'+$('#materialdetil option:selected').text()+'"/></td>'+
+                '<td style = "width: 200px"> <input type="text" name="price" required lay-verify="required"   placeholder="价格" autocomplete="off" class="layui-input"  readonly="true" value="'+$('#materialRealPrice option:selected').text()+'"/></td>'+
                 '<td style = "width: 100px"> <input type="text" name="NUM" required lay-verify="required"   placeholder="数量" autocomplete="off" class="layui-input" value ="1"/></td>'+
                 '<td style = "width: 300px"> <input type="text" name="SPH"    placeholder="球镜" autocomplete="off" class="layui-input"></td>'+
                 '<td style = "width: 300px"> <input type="text" name="CYL"    placeholder="柱镜" autocomplete="off" class="layui-input"></td>'+
@@ -302,18 +268,29 @@
                 '<td style = "width: 300px"> <input type="text" name="PS"    placeholder="片色" autocomplete="off" class="layui-input"></td>'+
                 '<td style = "width: 300px"> <input type="text" name="MARK"    placeholder="备注" autocomplete="off" class="layui-input"></td>'+
                 '</tr>';
+            //添加到表格最后
             $(html).appendTo($('#table tbody:last'));
-            form.render('select');
-        };
-
+            form.render();
+        }
         window.dele= function (obj){
+            debugger;
             var otr = obj.parentNode.parentNode;
-            var tab =  otr.parentNode;
+//			var tab = document.getElementById("tab");
+//			tab.deleteRow(otr.rowIndex)
+            var tab =  otr.parentNode; //自己的父节点 就是table
             tab.removeChild(otr);
+        }
+        window.deltable= function() {
+            if ($('#table tbody tr').length === 1) {
+                layer.msg('只有一条不允许删除。', {
+                    time : 2000
+                });
+            } else {
+                //删除当前按钮所在的tr
+                $(this).closest('tr').remove();
+            }
         };
-
-        window.adddata= function(event) {
-            event.preventDefault();
+        window.adddata= function() {
             table=document.getElementById("table");
             let tr=table.getElementsByTagName("tr");
             var arrayObj = new Array();
@@ -341,11 +318,15 @@
                         time : 5000
                     });
                 }, error: function (xhr, status, error) {
-                    handleError(error);
+                    layer.alert('请求失败: ' + error);
                 }
             });
-        };
+        }
+        form.on('submit(login)', function (data) {
+            //alert(data.value);
+        });
     });
+
 </script>
 
 </body>