| <!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"> | 
|     </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="CategoryNo" 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="CategoryName" placeholder="请输入类别名称" lay-verify="required" autocomplete="off" class="layui-input"> | 
|                 </div> | 
|             </div> | 
|             <div class="layui-form-item" onchange="abc()"> | 
|                 <label class="layui-form-label" style="width: 70px;">区域</label> | 
|                 <div class="layui-input-block " id="AreaNo" > | 
|                     <!-- <select name="AreaNo" id="AreaNo" lay-verify="" lay-search> | 
|                         <option value=""></option> | 
|                     </select> --> | 
|                 </div> | 
|             </div> | 
|             <!-- <div class="layui-inline"> | 
|                 <label class="layui-form-label" style="width: 45px;"></label> | 
|                 <div class="layui-input-inline"> | 
|                     <select name="AreaNo" id="AreaNo" lay-verify="" lay-search> | 
|                         <option value=""></option> | 
|                     </select> | 
|                 </div> | 
|             </div> --> | 
|             <div class="layui-form-item"> | 
|                 <div class="layui-inline"> | 
|                     <label class="layui-form-label">备注</label> | 
|                     <div class="layui-input-block" style="width: 400px;"> | 
|                         <textarea placeholder="请输入备注内容" name="Demo" class="layui-textarea"></textarea> | 
|                     </div> | 
|                 </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 src="../../js/xm-select.js"></script> | 
|         <script> | 
|             layui.config({ | 
|                 base: '../../layuiadmin/', //静态资源所在路径 | 
|             }).extend({ | 
|                 index: 'lib/index', //主入口模块 | 
|             }).use(['index', 'form', 'layer'], function() { | 
|                 var $ = layui.$, form = layui.form, layer = layui.layer; | 
|                  | 
|                 var demo1 = xmSelect.render({ | 
|                     // 这里绑定css选择器 | 
|                     el: '#AreaNo',  | 
|                     // 渲染的数据 | 
|                     data: [], | 
|                 }) | 
|                 var arr = []; | 
|                  | 
|                 var id = getQueryString('id'); | 
|                 if (!id) | 
|                 { | 
|                     id = 0; | 
|                 } | 
|                 else | 
|                 { | 
|                     var param = { | 
|                         UserId: id, | 
|                     }; | 
|                     sendData(IP + "/sys/GetMaterialCategoriesById?Id="+id, {}, 'get', function(res) { | 
|                         console.log(res) | 
|                         if (res.code == 1) //成功 | 
|                         { | 
|                             var str = res.data.AreaNo; | 
|                             arr = str.split(','); | 
|                             // console.log(arr) | 
|                             $("input[name='CategoryNo']").val(res.data.CategoryNo); //类别号 | 
|                             $("input[name='CategoryName']").val(res.data.CategoryName); //类别名称 | 
|                             // $("#ParentNo option[value='" + res.data.ParentNo + "']").attr("selected","selected"); //父级字典号 | 
|                             $("textarea[name='Demo']").val(res.data.Demo); //备注 | 
|   | 
|                             //获取区域信息 | 
|                             sendData(IP + "/sys/GetStorageAreaList",{},'get',function(res){ | 
|                                 if (res.code == 0) //成功 | 
|                                 { | 
|                                      | 
|                                     res.list.forEach(item => { | 
|                                         arr.forEach(item2 => { | 
|                                             if(item.value == item2) | 
|                                             { | 
|                                                 item.selected = true; | 
|                                             } | 
|                                         }); | 
|                                          | 
|                                     }); | 
|                                     demo1 = xmSelect.render({ | 
|                                         // 这里绑定css选择器 | 
|                                         el: '#AreaNo',  | 
|                                         // 渲染的数据 | 
|                                         data: res.list, | 
|                                     }) | 
|                                 } | 
|                             }) | 
|   | 
|                             form.render('select'); | 
|   | 
|                         } | 
|                         else | 
|                         { //不成功 | 
|                             layer.msg(res.msg, { | 
|                                 icon: 2, | 
|                                 time: 2000 //2秒关闭(如果不配置,默认是3秒) | 
|                             }, function() {}); | 
|                         } | 
|                     }); | 
|                 } | 
|                 form.render('select'); | 
|                  | 
|                 //获取区域信息 | 
|                 sendData(IP + "/sys/GetStorageAreaList",{},'get',function(res){ | 
|                     if (res.code == 0) //成功 | 
|                     { | 
|                         if(arr != "") | 
|                         { | 
|                             console.log(arr) | 
|                             res.list.forEach(item => { | 
|                                 arr.forEach(item2 => { | 
|                                     if(item.AreaNo == item2) | 
|                                     { | 
|                                         item.selected = true; | 
|                                     } | 
|                                 }); | 
|                                  | 
|                             }); | 
|                         } | 
|                         demo1 = xmSelect.render({ | 
|                             // 这里绑定css选择器 | 
|                             el: '#AreaNo',  | 
|                             // 渲染的数据 | 
|                             data: res.list, | 
|                         }) | 
|                     } | 
|                 }) | 
|             }); | 
|   | 
|              | 
|   | 
|             //获取浏览器参数 | 
|             function getQueryString(name) { | 
|                 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); | 
|                 var r = window.location.search.substr(1).match(reg); | 
|                 if (r != null) return unescape(r[2]); | 
|                 return null; | 
|             } | 
|         </script> | 
|     </body> | 
| </html> |