【添加客诉】-【添加订单】对产品增加搜索功能

watero-rst-web/src/main/webapp/WEB-INF/views/cm/customer/order_list.ftl

@@ -207,13 +207,16 @@
                     <div class="row cl" id="productInfo" style="">
                         <label class="form-label col-1 col-sm-1" style="width: 110px;"><span class="c-red">*</span>购买信息：</label>
                         <div class="formControls col-10 col-sm-10">
-
+                            <div class="formControls col-3 col-sm-3" style="width: 100%;margin-left: -2%;margin-bottom: 5px;">
+                                <input type="text" style="width: 30%;" class="input-text" value="" placeholder="请输入要搜索的产品名称" id="search-product-name-input">
+                                <button type="button" class="btn" style="background: #32a3d8;color: #fff;-webkit-transform:translateY(-5%);height: 30px;" id="search-product-name-btn">搜索</button>
+                            </div>
                             <table class="table table-border table-bg table-bordered">
                                 <thead>
                                 <tr class="text-c">
                                     <th style="text-align: center;" width="60">产品名称</th>
                                     <th style="text-align: center;" width="60">产品颜色</th>
-                                    <th style="text-align: center;" width="60">产品配件</th>
+                                    <th style="text-align: center" width="60">产品配件</th>
                                 </tr>
                                 </thead>
                                 <tbody id="addProduct">
@@ -448,6 +451,23 @@
 
 <script>
     $(function (){
+
+        $("#search-product-name-btn").click(function() {
+           var name = $("#search-product-name-input").val();
+           var trs = $("#addProduct").find("tr");
+           if (trs == null || trs.length <= 0) {
+               return;
+           }
+           for (var i = 0; i < trs.length;i ++) {
+               var temp = $($(trs[i]).find("td")[0]).find("span").text();
+               if (temp.indexOf(name) == -1) {
+                   $(trs[i]).hide();
+               } else {
+                   $(trs[i]).show();
+               }
+           }
+        });
+
         $("#form-order-add").Validform({
             tiptype: function (msg, o, cssctl) {
                 if (o.type == 3) {//失败